@charset "UTF-8";
/* header */
header {
  position: fixed;
  z-index: 3;
  width: 100%;
  top: 0;
  left: 0;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  background: #FFF;
}

.l-header__nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 80px;
}
@media screen and (max-width: 1024px) {
  .l-header__nav {
    height: 60px;
  }
}

.l-header_logo {
  text-align: center;
}
.l-header_logo img {
  max-width: 296px;
  width: 100%;
  height: auto;
  margin-bottom: 3px;
  transition: 0.4s;
}
.l-header_logo img:hover {
  opacity: 0.7;
}
@media screen and (max-width: 1024px) {
  .l-header_logo img {
    max-width: 7.625rem;
    margin-bottom: 0;
  }
}
.l-header_logo p {
  font-size: 12px;
  font-weight: 400;
}
@media screen and (max-width: 1024px) {
  .l-header_logo p {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
  }
}

.l-header_nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 460px;
  width: 100%;
}
.l-header_nav .current {
  color: #FF6E00;
}
.l-header_nav li.l-hdrNav_main.is_home a {
  position: relative;
  display: flex;
  align-items: center;
  height: 80px;
  text-decoration: none;
  color: #534741;
  font-size: 14px;
  font-weight: 500;
  transition: 0.4s;
}
.l-header_nav li.l-hdrNav_main.is_home a:before {
  content: "";
  width: 0;
  left: 50%;
  bottom: 0;
  transition: all 0.3s ease;
  border-bottom: 2px solid #FF6E00;
  position: absolute;
  display: block;
}
.l-header_nav li.l-hdrNav_main.is_home a:hover:before {
  width: 50%;
  border-bottom: 2px solid #FF6E00;
}
.l-header_nav li.l-hdrNav_main.is_home a:after {
  content: "";
  width: 0;
  right: 50%;
  bottom: 0;
  transition: all 0.3s ease;
  border-bottom: 2px solid #FF6E00;
  position: absolute;
  display: block;
}
.l-header_nav li.l-hdrNav_main.is_home a:hover:after {
  width: 50%;
  border-bottom: 2px solid #FF6E00;
}

.l-hdrNav_toggle {
  position: relative;
}
.l-hdrNav_toggle:hover .toggle_link {
  color: #FF6E00;
}
.l-hdrNav_toggle:hover .toggle_link:before {
  width: 50%;
  border-bottom: 2px solid #FF6E00;
}
.l-hdrNav_toggle:hover .toggle_link:after {
  width: 50%;
  border-bottom: 2px solid #FF6E00;
}
.l-hdrNav_toggle .toggle_link {
  display: flex;
  align-items: center;
  height: 80px;
  color: #534741;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  transition: 0.4s;
  cursor: pointer;
}
.l-hdrNav_toggle .toggle_link:before {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  left: 50%;
  bottom: 0;
  transition: all 0.3s ease;
  border-bottom: 2px solid #FF6E00;
}
.l-hdrNav_toggle .toggle_link:after {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  right: 50%;
  bottom: 0;
  transition: all 0.3s ease;
  border-bottom: 2px solid #FF6E00;
}
.l-hdrNav_toggle .l-hdrNavToggle_child {
  position: absolute;
  top: 100%;
  width: 246px;
  left: 50%;
  transform: translate(-50%, -20px);
  background: #FFF;
  text-align: center;
  transition: all 0.2s ease;
  visibility: hidden;
  opacity: 0;
  z-index: 1;
  pointer-events: none;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.l-hdrNav_toggle:hover .l-hdrNavToggle_child {
  visibility: visible;
  opacity: 1;
  transform: translate(-50%, 0);
  pointer-events: auto;
}

.l-hdrNavToggle_child-link {
  display: block;
  width: 100%;
  padding: 11px 0;
  text-decoration: none;
  color: #534741;
  font-size: 14px;
  transition: 0.4s;
}
.l-hdrNavToggle_child-link:hover {
  color: #FF6E00;
}

.l-hdrNav_sns {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 92px;
  width: 100%;
}
.l-hdrNav_sns li a {
  transition: 0.4s;
}
.l-hdrNav_sns li a:hover {
  opacity: 0.7;
}
.l-hdrNav_sns li.is_line a:before {
  content: "";
  display: inline-block;
  width: 28px;
  height: 27px;
  background: url(../img/common/header_icon1.png);
  background-size: cover;
  vertical-align: middle;
}
.l-hdrNav_sns li.is_insta a:before {
  content: "";
  display: inline-block;
  width: 40px;
  height: 40px;
  background: url(../img/common/header_icon2.png);
  background-size: cover;
  vertical-align: middle;
}

.l-header_floating {
  position: fixed;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  top: 122px;
  right: 0;
}
.l-header_floating li a {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 50px;
  height: 134px;
  font-size: 14px;
  text-decoration: none;
  border-radius: 8px 0 0 8px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  transition: 0.4s;
}
.l-header_floating li a:hover {
  width: 64px;
}
.l-header_floating li a:hover:before {
  opacity: 0.7;
}
.l-header_floating li a p {
  width: 21px;
  margin-top: 4px;
  text-align: center;
  line-height: 1.2;
  transition: 0.1s;
}
.l-header_floating li.is_reservation a {
  margin-bottom: 16px;
  color: #534741;
  background: #FFD300;
}
.l-header_floating li.is_reservation a span:before {
  content: "";
  display: block;
  width: 19px;
  height: 16px;
  background: url(../img/common/floating_icon1.png);
  background-size: cover;
}
.l-header_floating li.is_mail a {
  margin-bottom: 16px;
  color: #FFF;
  background: #0077B7;
}
.l-header_floating li.is_mail a span:before {
  content: "";
  display: block;
  width: 20px;
  height: 14px;
  background: url(../img/common/floating_icon2.png);
  background-size: cover;
}
.l-header_floating li.is_property a {
  color: #FFF;
  background: #44A813;
}
.l-header_floating li.is_property a span:before {
  content: "";
  display: block;
  width: 17px;
  height: 17px;
  background: url(../img/common/floating_icon3.png);
  background-size: cover;
}

.l-hdrNav_contacts {
  display: none;
}
@media screen and (max-width: 1024px) {
  .l-hdrNav_contacts {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 120px;
    margin-right: 50px !important;
  }
}
.l-hdrNav_contacts li.is_reservation a:before {
  content: "";
  display: inline-block;
  width: 60px;
  height: 60px;
  background: url(../img/common/header_icon1_sp.png);
  background-size: cover;
  vertical-align: middle;
}
.l-hdrNav_contacts li.is_mail a:before {
  content: "";
  display: inline-block;
  width: 60px;
  height: 60px;
  background: url(../img/common/header_icon2_sp.png);
  background-size: cover;
  vertical-align: middle;
}

.l-hdrNav__grandchild-toggle {
  position: relative;
  cursor: pointer;
}
.l-hdrNav__grandchild-toggle:hover .l-hdrNavToggle_child-link {
  color: #FF6E00;
}
.l-hdrNav__grandchild-toggle:hover .l-hdrNav__grandchild-link {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}

.l-hdrNav__grandchild-link {
  position: absolute;
  display: block;
  top: 0;
  width: 246px;
  right: -244px;
  padding-top: 12px;
  padding-bottom: 12px;
  text-decoration: none;
  color: #534741;
  font-size: 14px;
  text-align: center;
  transition: all 0.2s ease;
  visibility: hidden;
  opacity: 0;
  z-index: 1;
  background: #FFF;
  pointer-events: none;
  transition: 0.4s;
}
.l-hdrNav__grandchild-link:hover {
  color: #FF6E00;
}

/* hamburger */
.hamburger {
  display: none;
}
@media screen and (max-width: 1024px) {
  .hamburger {
    display: block;
    position: absolute;
    width: 60px;
    height: 60px;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    cursor: pointer;
    z-index: 300;
  }
}

.hamburger_line {
  position: absolute;
  left: 15px;
  width: 30px;
  height: 2px;
  background: #534741;
  transition: all 0.6s;
}

.hamburger_line-1 {
  top: 18px;
}

.hamburger_line-2 {
  top: 29px;
}

.hamburger_line-3 {
  top: 40px;
}

.black-bg {
  display: none;
}
@media screen and (max-width: 1024px) {
  .black-bg {
    display: block;
    position: fixed;
    left: 0;
    top: 60px;
    width: 100vw;
    height: 100vh;
    z-index: 100;
    opacity: 0;
    visibility: hidden;
    transition: all 0.6s;
    cursor: pointer;
    background: #0A1108;
  }
}

/* 表示された時用のCSS */
.nav-open .global__nav {
  opacity: 1;
  visibility: visible;
}
.nav-open .black-bg {
  opacity: 0.6;
  visibility: visible;
}
.nav-open .hamburger_line-1 {
  transform: rotate(45deg);
  top: 28px;
  left: 10px;
}
.nav-open .hamburger_line-2 {
  width: 0;
  right: 50%;
}
.nav-open .hamburger_line-3 {
  transform: rotate(-45deg);
  top: 28px;
  left: 10px;
}

/* globalnav */
.global__nav {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  top: 60px;
  width: 100%;
  height: 100vh;
  padding: 0 0 130px;
  background: rgba(50, 50, 50, 0.97);
  transition: all 0.6s;
  z-index: 200;
  overflow-y: auto;
  display: block;
}

.global_nav {
  padding: 0 20px !important;
  text-align: center;
}
.global_nav li.has_not {
  border-bottom: solid 1px #FFF;
  font-size: 18px;
}
.global_nav li.has_not a {
  display: block;
  padding: 22px 0;
  text-decoration: none;
  color: #FFF;
}
.global_nav li.has_not a:before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 7.5px;
  background: url(../img/common/nav_arrow.png);
  background-size: cover;
  transition: 0.4s;
}
.global_nav li.has__child {
  border-bottom: solid 1px #FFF;
}
.global_nav li.has__child:last-child {
  border-bottom: none;
}
.global_nav li.has__child .has_child li a {
  display: block;
  padding-bottom: 30px;
  text-decoration: none;
  color: #FFF;
  font-size: 1.125rem;
}
.global_nav li.has__child .has_child li a:before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 10px;
  margin-right: 14px;
  background: url(../img/common/arrow_right3-6.png);
  background-size: cover;
}

.has_child_toggle {
  display: flex;
  justify-content: center;
  padding-top: 1.375rem;
  padding-bottom: 1.375rem;
  color: #FFF;
  font-size: 1.125rem;
}
.has_child_toggle .arrow:before {
  content: "";
  display: inline-block;
  width: 1.125rem;
  height: 1.125rem;
  margin-right: 0.46875rem;
  background: url(../img/common/nav_arrow.png);
  background-size: cover;
  transform: rotate(90deg);
  transition: 0.4s;
}
.has_child_toggle .arrow.active::before {
  transform: rotate(270deg);
}

ul.global_nav_contacts {
  display: grid;
  gap: 0.9375rem;
  grid-template-columns: 1fr 1fr;
  padding-right: 0.625rem !important;
  padding-left: 0.625rem !important;
}
ul.global_nav_contacts li a {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 64px;
  text-decoration: none;
  font-size: 0.875rem;
  border-radius: 8px;
}
ul.global_nav_contacts li.is_reservation a {
  color: #534741;
  background: #FFD300;
}
ul.global_nav_contacts li.is_reservation a:before {
  content: "";
  display: inline-block;
  width: 26px;
  height: 22px;
  margin-bottom: 3px;
  background: url(../img/common/nav_icon1.png);
  background-size: cover;
}
ul.global_nav_contacts li.is_mail a {
  color: #FFF;
  background: #0077B7;
}
ul.global_nav_contacts li.is_mail a:before {
  content: "";
  display: inline-block;
  width: 26px;
  height: 18px;
  margin-bottom: 7px;
  background: url(../img/common/nav_icon2.png);
  background-size: cover;
}
ul.global_nav_contacts li.is_property a {
  color: #FFF;
  background: #44A813;
}
ul.global_nav_contacts li.is_property a:before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-bottom: 7px;
  background: url(../img/common/nav_icon3.png);
  background-size: cover;
}

.global_nav_sns {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 100px;
  width: 100%;
  margin: 20px auto !important;
}
.global_nav_sns li a {
  display: block;
}
.global_nav_sns li:first-child a:before {
  content: "";
  display: inline-block;
  width: 28px;
  height: 27px;
  background: url(../img/common/header_icon1.png);
  background-size: cover;
  vertical-align: middle;
}
.global_nav_sns li:nth-child(2) a:before {
  content: "";
  display: inline-block;
  width: 40px;
  height: 40px;
  background: url(../img/common/header_icon2.png);
  background-size: cover;
  vertical-align: middle;
}

/* footer */
footer {
  position: relative;
  min-width: 100%;
  margin-top: auto;
  z-index: 1;
}

.l-footer___nav {
  padding-top: 44px;
  padding-bottom: 22px;
  background: #FBF4D7;
}
@media screen and (max-width: 768px) {
  .l-footer___nav {
    padding-top: 2.5rem;
    padding-bottom: 0.75rem;
  }
}

.l-footer__nav {
  margin-bottom: 19px;
  padding-bottom: 26px;
  border-bottom: solid 1px #534741;
}
@media screen and (max-width: 768px) {
  .l-footer__nav {
    margin-bottom: 47px;
  }
}
.l-footer__nav .inner {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 1014px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .l-footer__nav .inner {
    flex-direction: column;
    align-items: center;
  }
}

.l-footer_nav {
  max-width: 241px;
  width: 31%;
}
@media screen and (max-width: 768px) {
  .l-footer_nav {
    max-width: 208px;
    width: 100%;
    margin-bottom: 26px;
    font-size: 14px;
  }
}

.l-footerNav_lists {
  font-weight: 500;
}
.l-footerNav_lists li a {
  color: #534741;
  text-decoration: none;
}
.l-footerNav_lists li.l-footerNav_main {
  max-width: 232px;
}
.l-footerNav_lists li.l-footerNav_main.is_logo {
  max-width: 241px;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .l-footerNav_lists li.l-footerNav_main.is_logo {
    margin-bottom: 1.625rem;
  }
  .l-footerNav_lists li.l-footerNav_main.is_logo p:before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 8px;
    background: url(../img/common/footer_arrow2.png);
    background-size: cover;
    vertical-align: middle;
  }
}
.l-footerNav_lists li.l-footerNav_main p {
  margin-top: 12px;
  margin-bottom: 1rem;
  padding-bottom: 5px;
  border-bottom: 1px solid #534741;
}
@media screen and (max-width: 768px) {
  .l-footerNav_lists li.l-footerNav_main p {
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
  }
}
.l-footerNav_lists li.button a {
  display: block;
  max-width: 176px;
  height: 36px;
  text-align: center;
  line-height: 36px;
  font-size: 14px;
  border-radius: 30px;
  border: 1px solid #534741;
  transition: 0.4s;
}
.l-footerNav_lists li.button a:hover {
  color: #FBF4D7;
  background: #534741;
}
.l-footerNav_lists li.button.is_counseling a {
  margin: 34px 0 15px;
}
.l-footerNav_lists li.button.is_counseling a:before {
  content: "";
  display: inline-block;
  width: 19px;
  height: 16px;
  margin-right: 17px;
  background: url(../img/common/footer_icon1.png);
  background-size: cover;
  vertical-align: middle;
  transition: 0.4s;
}
.l-footerNav_lists li.button.is_counseling a:hover:before {
  content: "";
  display: inline-block;
  width: 19px;
  height: 16px;
  margin-right: 17px;
  background: url(../img/common/footer_icon1_hover.png);
  background-size: cover;
  vertical-align: middle;
}
.l-footerNav_lists li.button.is_mail a:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 14px;
  margin-right: 17px;
  background: url(../img/common/footer_icon2.png);
  background-size: cover;
  vertical-align: middle;
  transition: 0.4s;
}
.l-footerNav_lists li.button.is_mail a:hover:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 14px;
  margin-right: 17px;
  background: url(../img/common/footer_icon2_hover.png);
  background-size: cover;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .l-footerNav_lists li .l-footerNav_toggle .arrow:before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 8px;
    background: url(../img/common/footer_arrow2.png);
    background-size: cover;
    vertical-align: middle;
    transform: rotate(90deg);
    transition: 0.4s;
  }
  .l-footerNav_lists li .l-footerNav_toggle .arrow.active:before {
    transform: rotate(270deg);
  }
}

@media screen and (max-width: 768px) {
  .l-footerNav_sub {
    margin-top: 22px !important;
  }
}
.l-footerNav_sub li:not(:last-child) a {
  margin-bottom: 20px;
}
.l-footerNav_sub li.is_space {
  padding-left: 20px;
}
.l-footerNav_sub li a {
  display: flex;
  align-items: center;
  transition: 0.4s;
}
.l-footerNav_sub li a:hover {
  color: #FF6E00;
}
.l-footerNav_sub li a:hover span:before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 10px;
  margin-right: 18px;
  background: url(../img/common/footer_arrow1_hover.png);
  background-size: cover;
  vertical-align: middle;
}
.l-footerNav_sub li span:before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 10px;
  margin-right: 18px;
  background: url(../img/common/footer_arrow1.png);
  background-size: cover;
  vertical-align: middle;
  transition: 0.4s;
}

.l-footer_info {
  margin-bottom: 36px;
  font-style: normal;
}
.l-footer_info img {
  max-width: 268px;
  width: 100%;
  margin: 0 auto 9px;
}
.l-footer_info p {
  text-align: center;
  font-size: 12px;
}

.l-footer_bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  max-width: 1014px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .l-footer_bottom {
    flex-direction: column;
    margin-bottom: 2.6875rem;
  }
}
.l-footer_bottom address {
  width: 32%;
  font-style: normal;
  font-size: 0.875rem;
  line-height: 1.71;
}

.l-footerBottom_lists {
  margin-inline: auto !important;
  margin-top: 48px !important;
}
@media screen and (max-width: 768px) {
  .l-footerBottom_lists {
    margin-top: 0 !important;
    margin-bottom: 1.125rem !important;
    order: 1;
  }
}
.l-footerBottom_lists li:not(:last-child) {
  margin-bottom: 0.75rem;
}
.l-footerBottom_lists li a {
  display: block;
  text-decoration: none;
  color: #534741;
  text-align: center;
  font-size: 0.8125rem;
  font-weight: 500;
}

.l-footerBottom_banner {
  width: 32%;
}
.l-footerBottom_banner img {
  max-width: 289px;
  width: 100%;
  margin-inline: auto;
  transition: 0.4s;
}
.l-footerBottom_banner img:hover {
  opacity: 0.7;
}
@media screen and (max-width: 768px) {
  .l-footerBottom_banner {
    width: 100%;
    order: 2;
  }
  .l-footerBottom_banner:not(:first-child) {
    margin-top: 1.25rem;
  }
}

.copy {
  margin-top: 21px;
  text-align: center;
}
.copy a {
  display: inline-block;
  text-decoration: none;
  color: #534741;
  font-size: 12px;
}
@media screen and (max-width: 768px) {
  .copy {
    margin-top: 2.5rem;
  }
}

.scroll-top {
  position: fixed;
  bottom: 1.25rem;
  right: 0.8125rem;
  cursor: pointer;
  transition: 0.3s;
}
.scroll-top:before {
  content: "";
  display: inline-block;
  width: 3.375rem;
  height: 3.875rem;
  background: url(../img/common/page_top.png);
  background-size: cover;
  transition: 0.3s;
}
.scroll-top:hover:before {
  content: "";
  display: inline-block;
  width: 3.375rem;
  height: 3.875rem;
  background: url(../img/common/page_top_hover.png);
  background-size: cover;
  transition: 0.3s;
}

.l-footer__navi {
  position: relative;
  padding-top: 70px;
  padding-right: 0.3125rem;
  padding-bottom: 70px;
  padding-left: 0.3125rem;
  background: url(../img/common/navi_bg.webp);
  background-size: cover;
  overflow: hidden;
}
.l-footer__navi::after {
  content: "";
  position: absolute;
  display: block;
  top: -150px;
  right: -52px;
  width: 462px;
  height: 462px;
  background: url(../img/common/navi_decoration.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .l-footer__navi {
    padding-top: 4rem;
    padding-bottom: 4rem;
    background: url(../img/common/navi_bg_sp.webp);
    background-size: cover;
  }
  .l-footer__navi::after {
    top: initial;
    right: -7.875rem;
    bottom: -0.5625rem;
    width: 22.625rem;
    height: 22.625rem;
  }
}

.no-webp .l-footer__navi {
  background: url(../img/common/navi_bg.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .no-webp .l-footer__navi {
    background: url(../img/common/navi_bg_sp.png);
    background-size: cover;
  }
}

.l-footer__navi-items {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 1560px;
  margin-inline: auto;
  z-index: 1;
}
@media screen and (max-width: 1024px) {
  .l-footer__navi-items {
    flex-direction: column;
    align-items: center;
  }
}

.l-footer__navi-banner {
  max-width: 926px;
  width: 60%;
  transition: 0.4s;
}
.l-footer__navi-banner:hover {
  opacity: 0.8;
}
@media screen and (max-width: 1024px) {
  .l-footer__navi-banner {
    width: 100%;
  }
}

.l-footer__navi-item {
  max-width: 595px;
  width: 39%;
}
@media screen and (max-width: 1024px) {
  .l-footer__navi-item {
    width: 100%;
    margin-top: 2.5rem;
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media screen and (max-width: 768px) {
  .l-footer__navi-item {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}

.l-footer__navi-heading {
  display: flex;
  flex-direction: column;
  align-items: baseline;
  font-size: clamp(26px, 3vw, 48px);
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .l-footer__navi-heading {
    font-size: 1.625rem;
  }
}

.l-footer__navi-heading-bg {
  display: inline-block;
  padding-top: 9px;
  padding-right: 20px;
  padding-bottom: 9px;
  padding-left: 36px;
  background-color: #FFFFFF;
}
.l-footer__navi-heading-bg:not(:first-child) {
  margin-top: 0.625rem;
}
@media screen and (max-width: 768px) {
  .l-footer__navi-heading-bg {
    padding-top: 0.8125rem;
    padding-right: 1rem;
    padding-bottom: 0.8125rem;
    padding-left: 1rem;
  }
}

.l-footer__navi-heading-orange {
  color: #FF6E00;
}

.l-footer__navi-heading-blue {
  color: #0077B7;
}

.l-footer__navi-text {
  margin-top: 1.5rem;
  color: #FFFFFF;
  font-size: clamp(14px, 3vw, 18px);
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .l-footer__navi-text {
    font-size: 0.875rem;
  }
}

.l-footer__navi-text-bg {
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  display: inline;
  padding-top: 12px;
  padding-right: 28px;
  padding-bottom: 12px;
  padding-left: 28px;
  line-height: 3.5;
  background-color: #0077B7;
}
@media screen and (max-width: 768px) {
  .l-footer__navi-text-bg {
    padding: 1rem;
    line-height: 4.5;
  }
}

.l-footer__navi-button {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 320px;
  height: 90px;
  margin-top: 24px;
  color: #FFFFFF;
  font-size: 30px;
  font-weight: 700;
  text-decoration: none;
  background: #FF6E00;
  border-radius: 53px;
  box-shadow: 0 5px 0 rgba(0, 0, 0, 0.5);
  transition: 0.4s;
}
.l-footer__navi-button:hover {
  box-shadow: none;
  transform: scale(0.99, 0.99) translateY(2px);
}
.l-footer__navi-button::after {
  content: "";
  display: block;
  width: 26px;
  height: 26px;
  margin-left: 16px;
  background: url(../img/common/navi_search.png);
  background-size: cover;
}
@media screen and (max-width: 1024px) {
  .l-footer__navi-button {
    margin-inline: auto;
  }
}
@media screen and (max-width: 768px) {
  .l-footer__navi-button {
    max-width: 16.75rem;
    height: 3.75rem;
    margin-top: 4rem;
    font-size: 1.1875rem;
  }
  .l-footer__navi-button::after {
    width: 1.375rem;
    height: 1.375rem;
    margin-left: 0.5rem;
  }
}

/*  common */
@media screen and (max-width: 380px) {
  html {
    font-size: 4.2666666667vw;
  }
}

body {
  position: relative;
  font-weight: 400;
  font-family: "M PLUS Rounded 1c", sans-serif;
  color: #534741;
}

.wrap {
  position: relative;
  display: flex;
  flex-flow: column;
  min-height: 100vh;
}

main {
  position: relative;
  margin-top: 80px;
  z-index: 1;
}
@media screen and (max-width: 1024px) {
  main {
    margin-top: 60px;
  }
}

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.l-inner {
  max-width: 1100px;
  margin: 0 auto;
}
@media screen and (max-width: 1110px) {
  .l-inner {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
  .l-inner.l-header {
    padding-right: 0.625rem;
  }
}

@media screen and (max-width: 1024px) {
  ._pc {
    display: none;
  }
}

._tb {
  display: none;
}
@media screen and (max-width: 1024px) {
  ._tb {
    display: block;
  }
}

@media screen and (max-width: 768px) {
  ._pc-tb {
    display: none;
  }
}

._sp {
  display: none;
}
@media screen and (max-width: 768px) {
  ._sp {
    display: block;
  }
}

._sm {
  display: none;
}
@media screen and (max-width: 480px) {
  ._sm {
    display: block;
  }
}

.grecaptcha-badge {
  visibility: hidden;
}

/*　アニメーション　*/
/* 上からフェードイン */
.js-is_top {
  opacity: 0;
  transform: translate(0, -20px);
  transition: all 1s ease-out;
}

/* 下からフェードイン */
.js-is_bottom {
  opacity: 0;
  transform: translate(0, 15px);
  transition: all 0.6s ease-out;
  transition-delay: 0.2s;
}

/* 左からフェードイン */
.js-is_left {
  opacity: 0;
  transform: translate(-20px, 0);
  transition: all 1s ease-out;
}

/* 右からフェードイン */
.js-is_right {
  opacity: 0;
  transform: translate(20px, 0);
  transition: all 1s ease-out;
}

strong {
  font-weight: 500;
}

/* ページfv */
.page-fv {
  position: relative;
}
.page-fv img {
  width: 100%;
}
.page-fv h1 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
}
.page-fv h1 span:nth-of-type(1) {
  display: inline-block;
  margin: 0 auto 3px;
  padding: 3px 18px;
  text-align: center;
  color: #534741;
  font: 400 25px "Roboto", sans-serif;
  background: #FFF;
  border: solid 1px #534741;
  border-radius: 20px;
}
@media screen and (max-width: 768px) {
  .page-fv h1 span:nth-of-type(1) {
    padding: 3px 15px;
    font-size: 15px;
  }
}
.page-fv h1 span:nth-of-type(2) {
  display: block;
  color: #FFF;
  font-size: 45px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .page-fv h1 span:nth-of-type(2) {
    font-size: 30px;
  }
}

/*　パンくず */
.breadcrumb {
  display: flex;
  align-items: center;
  justify-content: center;
}
.breadcrumb li {
  font-size: 13px;
}
@media screen and (max-width: 768px) {
  .breadcrumb li {
    font-size: 12px;
  }
}
.breadcrumb li:not(:last-child) {
  white-space: nowrap;
}
.breadcrumb li:not(:last-child):after {
  content: "＞";
  padding: 0 12px;
}
.breadcrumb li a {
  color: #534741;
}
.breadcrumb li:last-child {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* coming_soon */
.coming_soon {
  margin: 1rem auto 5rem;
}
.coming_soon h2 {
  font-weight: 500;
}
.coming_soon .breadcrumb_wrap {
  margin-bottom: 70px;
}

/* notfound */
.notfound_section {
  margin-bottom: 5rem;
}
.notfound_section .breadcrumb_wrap {
  margin: 1rem auto 86px;
}
.notfound_section h2 {
  display: flex;
  align-items: center;
  margin-bottom: 26px;
  font-weight: 500;
  font-size: 32px;
}
@media screen and (max-width: 768px) {
  .notfound_section h2 {
    font-size: 24px;
  }
}
.notfound_section h2:before {
  content: "";
  display: inline-block;
  width: 67px;
  height: 67px;
  margin-right: 10px;
  background: url(../img/common/heading_page_icon.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .notfound_section h2:before {
    width: 59px;
    width: 3.688rem;
    height: 59px;
    height: 3.688rem;
  }
}
.notfound_section .textarea {
  margin-bottom: 2.5rem;
  line-height: 1.625;
}
.notfound_section .button {
  display: block;
  max-width: 380px;
  width: 100%;
  height: 80px;
  margin: 0 auto;
  padding-left: 45px;
  line-height: 80px;
  text-align: center;
  text-decoration: none;
  color: #FFF;
  font-size: 20px;
  background: #534741;
  border-radius: 40px;
  transition: 0.4s;
}
@media screen and (max-width: 768px) {
  .notfound_section .button {
    max-width: 268px;
    height: 60px;
    height: 3.75rem;
    padding-left: 11px;
    line-height: 60px;
    line-height: 3.75rem;
    font-size: 19px;
    font-size: 1.188rem;
  }
}
.notfound_section .button:hover {
  background: #FF6E00;
}
.notfound_section .button:hover:after {
  transform: translateX(15px);
}
@media screen and (max-width: 768px) {
  .notfound_section .button:hover:after {
    transform: translateX(6px);
  }
}
.notfound_section .button:after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 12px;
  margin-left: 45px;
  background: url(../img/common/button_arrow.png);
  background-size: cover;
  vertical-align: middle;
  transition: 0.4s;
}
@media screen and (max-width: 768px) {
  .notfound_section .button:after {
    margin-left: 11px;
  }
}

/* ナビゲーション */
.navigation {
  margin-top: 2.5rem;
  text-align: center;
}
.navigation .page-numbers {
  display: inline-block;
  width: 50px;
  height: 50px;
  text-decoration: none;
  text-align: center;
  line-height: 50px;
  color: #534741;
  font-size: 14px;
  font-weight: 500;
  background: #FFF;
  border: 1px solid #DDDDDD;
  transition: 0.4s;
}
.navigation .page-numbers:hover {
  color: #FFF;
  background: #FF6E00;
  border: 1px solid #FF6E00;
}
.navigation .page-numbers.dots {
  pointer-events: none;
}
.navigation .page-numbers.current {
  color: #FFF;
  background: #FF6E00;
  border: 1px solid #FF6E00;
}

.cat.recommended,
.cat-item.cat-item-23 {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

/* カテゴリ色 */
.blog-postcontent_category span.cat.place,
.top-blog_lists span.cat.place,
.blog-postcontent_related_lists span.cat.place {
  background: #44A813;
}
.blog-postcontent_category span.cat.select,
.top-blog_lists span.cat.select,
.blog-postcontent_related_lists span.cat.select {
  background: #8BBE40;
}
.blog-postcontent_category span.cat.loan,
.top-blog_lists span.cat.loan,
.blog-postcontent_related_lists span.cat.loan {
  background: #FFA200;
}
.blog-postcontent_category span.cat.report,
.top-blog_lists span.cat.report,
.blog-postcontent_related_lists span.cat.report {
  background: #FFD300;
}
.blog-postcontent_category span.cat.budget,
.top-blog_lists span.cat.budget,
.blog-postcontent_related_lists span.cat.budget {
  background: #F6AB28;
}
.blog-postcontent_category span.cat.voice,
.top-blog_lists span.cat.voice,
.blog-postcontent_related_lists span.cat.voice {
  background: #FFAAAA;
}
.blog-postcontent_category span.cat.problem,
.top-blog_lists span.cat.problem,
.blog-postcontent_related_lists span.cat.problem {
  background: #E38DD9;
}
.blog-postcontent_category span.cat.other,
.top-blog_lists span.cat.other,
.blog-postcontent_related_lists span.cat.other {
  background: #534741;
}

/* single nav */
.post_nav {
  height: 107px;
  margin-bottom: 50px !important;
}
.post_nav li {
  width: 50%;
}
.post_nav li a {
  display: flex;
  align-items: center;
  width: 100%;
  border: solid 1px #DDDDDD;
  text-decoration: none;
  color: #534741;
  transition: 0.4s;
}
.post_nav li a:hover {
  opacity: 0.7;
}
.post_nav li .image_wrap img {
  width: 87px;
  height: 87px;
  -o-object-fit: cover;
     object-fit: cover;
}
.post_nav li .is_title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  flex: 2;
}
.post_nav li.is_prev {
  position: relative;
  left: 1px;
  float: left;
}
.post_nav li.is_prev a {
  padding: 9px 12px 9px 7px;
}
.post_nav li.is_prev .image_wrap {
  order: 1;
  margin: 0 1rem 0 7px;
}
.post_nav li.is_prev .is_arrow {
  content: "";
  display: inline-block;
  width: 8px;
  height: 14px;
  background: url(../img/blog/arrow_left.png);
  background-size: cover;
}
.post_nav li.is_prev .is_title {
  order: 2;
}
.post_nav li.is_next {
  float: right;
}
.post_nav li.is_next a {
  padding: 9px 7px 9px 12px;
  justify-content: end;
}
.post_nav li.is_next .image_wrap {
  margin: 0 7px 0 1rem;
}
.post_nav li.is_next .is_arrow:after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 14px;
  background: url(../img/blog/arrow_right.png);
  background-size: cover;
}

.post_nav._sp {
  height: 46px;
}
.post_nav._sp a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 46px;
  text-decoration: none;
  color: #534741;
  font-size: 12px;
  border: solid 1px #DDDDDD;
}
.post_nav._sp .nav-previous {
  position: relative;
  left: 1px;
  float: left;
  width: 50%;
}
.post_nav._sp .nav-previous a:before {
  content: "";
  position: absolute;
  display: inline-block;
  width: 5px;
  height: 9px;
  left: 19px;
  background: url(../img/blog/arrow_left.png);
  background-size: cover;
}
.post_nav._sp .nav-next {
  float: right;
  width: 50%;
}
.post_nav._sp .nav-next a:after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 5px;
  height: 9px;
  right: 19px;
  background: url(../img/blog/arrow_right.png);
  background-size: cover;
}

/* top-fv */
.no-webp .top-fv {
  width: 100%;
  height: 480px;
  background: url(../img/top/fv.png) center;
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .no-webp .top-fv {
    height: 90vh;
    background: url(../img/top/fv_sp.png) center;
    background-size: cover;
  }
}

.top-fv {
  width: 100%;
  height: 480px;
  background: url(../img/top/fv.webp) center;
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .top-fv {
    height: 90vh;
    background: url(../img/top/fv_sp.webp) center;
    background-size: cover;
  }
}

.top-fv_content {
  display: flex;
  justify-content: center;
  flex-direction: column;
  max-width: 528px;
  height: 480px;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  .top-fv_content {
    max-width: 100%;
    height: 90vh;
    align-items: center;
    justify-content: space-around;
  }
}

.top-fv_content-heading {
  position: relative;
}
@media screen and (max-width: 768px) {
  .top-fv_content-heading {
    margin-left: 28px;
  }
}
.top-fv_content-heading:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 55px;
  height: 124px;
  top: 42%;
  left: -40px;
  transform: translateY(-50%);
  background: url(../img/top/fv_home.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .top-fv_content-heading:before {
    width: 33px;
    height: 78px;
    left: -25px;
  }
}

.top-fv_content-heading-top {
  font-size: 24px;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .top-fv_content-heading-top {
    font-size: 16px;
  }
}

.top-fv_content-heading-bottom {
  font-size: 48px;
  font-weight: 400;
}
.top-fv_content-heading-bottom span {
  color: #FF6E00;
}
@media screen and (max-width: 768px) {
  .top-fv_content-heading-bottom {
    font-size: 30px;
  }
}
@media screen and (max-width: 480px) {
  .top-fv_content-heading-bottom {
    margin-bottom: 10px;
    font-size: 7.25vw;
  }
}

.top-fvContent_lists {
  display: flex;
  justify-content: space-between;
  max-width: 428px;
  width: 100%;
  margin: 0 auto 1.5rem !important;
}
@media screen and (max-width: 768px) {
  .top-fvContent_lists {
    max-width: 299px;
  }
}
.top-fvContent_lists li img {
  width: 95px;
  height: 95px;
  border-radius: 50%;
  -webkit-animation-name: animation_scale;
          animation-name: animation_scale;
  transform: scale(1, 1);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
@media screen and (max-width: 768px) {
  .top-fvContent_lists li img {
    max-width: 71px;
    max-height: 71px;
    width: 100%;
    height: 100%;
  }
}

@-webkit-keyframes animation_scale {
  100% {
    transform: scale(0.9, 0.9);
  }
}

@keyframes animation_scale {
  100% {
    transform: scale(0.9, 0.9);
  }
}
.animation_scale {
  -webkit-animation: animation_scale 0.7s ease 0s infinite alternate;
          animation: animation_scale 0.7s ease 0s infinite alternate;
}

.top-fvContent_reservation {
  position: relative;
  display: block;
  max-width: 338px;
  width: 100%;
  height: 60px;
  margin: 0 auto 1rem;
  padding-left: 20px;
  line-height: 60px;
  text-align: center;
  text-decoration: none;
  color: #534741;
  font-size: 20px;
  letter-spacing: 0.1rem;
  background: #FFE33E;
  border-radius: 30px;
  transition: 0.4s;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
@media screen and (max-width: 768px) {
  .top-fvContent_reservation {
    max-width: 264px;
    padding-left: 13px;
    font-size: 18px;
  }
}
.top-fvContent_reservation:after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 14px;
  margin-left: 20px;
  background: url(../img/top/fv_arrow1.png);
  background-size: cover;
  vertical-align: middle;
  transition: 0.4s;
}
@media screen and (max-width: 768px) {
  .top-fvContent_reservation:after {
    margin-left: 13px;
  }
}
.top-fvContent_reservation:hover {
  color: #FFE33E;
  background: #534741;
}
.top-fvContent_reservation:hover:after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 14px;
  transform: translateX(17px);
  background: url(../img/top/fv_arrow1_hover.png);
  background-size: cover;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .top-fvContent_reservation:hover:after {
    transform: translateX(6px);
  }
}

.top-fvContent_mail {
  position: relative;
  display: block;
  max-width: 269px;
  width: 100%;
  height: 50px;
  margin: 0 auto;
  padding-left: 11px;
  line-height: 45px;
  text-align: center;
  text-decoration: none;
  color: #FFF;
  letter-spacing: 0.1rem;
  background: #0077B7;
  border: solid 3px #0077B7;
  border-radius: 30px;
  transition: 0.4s;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
@media screen and (max-width: 768px) {
  .top-fvContent_mail {
    max-width: 240px;
  }
}
.top-fvContent_mail:after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 11px;
  margin-left: 11px;
  background: url(../img/top/fv_arrow2.png);
  background-size: cover;
  vertical-align: middle;
  transition: 0.4s;
}
.top-fvContent_mail:hover {
  color: #0077B7;
  background: #FFF;
}
.top-fvContent_mail:hover:after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 11px;
  transform: translateX(18px);
  background: url(../img/top/fv_arrow2_hover.png);
  background-size: cover;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .top-fvContent_mail:hover:after {
    transform: translateX(6px);
  }
}

.top-fv_buttons {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .top-fv_buttons {
    position: relative;
    bottom: -50px;
  }
}

/* lead */
.no-webp .top-lead {
  width: 100%;
  padding: 4.5rem 0;
  background: url(../img/common/yellow_bg.png) no-repeat;
  background-size: cover;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .no-webp .top-lead {
    padding: 5rem 0;
    background: url(../img/common/yellow_bg_sp.png) no-repeat;
    background-size: cover;
  }
}

.top-lead {
  width: 100%;
  margin-bottom: 64px;
  padding: 4.5rem 0;
  background: url(../img/common/yellow_bg.webp) no-repeat;
  background-size: cover;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .top-lead {
    margin-bottom: 5rem;
    padding: 5rem 0;
    background: url(../img/common/yellow_bg_sp.webp) no-repeat;
    background-size: cover;
  }
}

.top-lead__heading {
  margin-bottom: 3rem;
}
@media screen and (max-width: 768px) {
  .top-lead__heading {
    margin-bottom: 2.5rem;
  }
}
.top-lead__heading .is_primary {
  position: relative;
  max-width: 505px;
  margin: 0 auto 15px;
}
@media screen and (max-width: 768px) {
  .top-lead__heading .is_primary {
    max-width: 285px;
    margin: 0 auto 0.5rem;
  }
}
.top-lead__heading .is_primary:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 95px;
  height: 103px;
  bottom: 0;
  left: -21px;
  background: url(../img/top/lead_decoration1.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .top-lead__heading .is_primary:before {
    width: 3.375rem;
    height: 3.625rem;
    left: -0.625rem;
  }
}
.top-lead__heading .is_primary:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 103px;
  height: 67px;
  bottom: -8px;
  right: -26px;
  background: url(../img/top/lead_decoration2.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .top-lead__heading .is_primary:after {
    width: 3.625rem;
    height: 2.3125rem;
    bottom: -0.3125rem;
    right: -0.9375rem;
  }
}
.top-lead__heading .is_secondary {
  position: relative;
  text-align: center;
  font-weight: 500;
  font-size: 3rem;
}
.top-lead__heading .is_secondary:after {
  content: "";
  display: block;
  width: 89px;
  height: 28px;
  margin: 0.5rem auto 0;
  background: url(../img/common/heading_icon.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .top-lead__heading .is_secondary:after {
    width: 51px;
    height: 16px;
  }
}
@media screen and (max-width: 768px) {
  .top-lead__heading .is_secondary {
    font-size: 1.625rem;
  }
}
.top-lead__heading .is_secondary .is_small {
  font-size: 40px;
}
@media screen and (max-width: 768px) {
  .top-lead__heading .is_secondary .is_small {
    padding-left: 0.6875rem;
    font-size: 1.3125rem;
  }
}

.top-lead_items {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 1051px;
  margin: 0 auto 3rem;
}
@media screen and (max-width: 768px) {
  .top-lead_items {
    flex-direction: column;
    align-items: center;
    margin: 0 auto 49px;
  }
}
.top-lead_items picture {
  position: relative;
  max-width: 530px;
  width: 51%;
}
@media screen and (max-width: 768px) {
  .top-lead_items picture {
    max-width: 100%;
    width: 100%;
    margin-bottom: 30px;
  }
}
.top-lead_items picture:before {
  content: "";
  display: block;
  position: absolute;
  width: 75px;
  height: 68px;
  bottom: -12px;
  left: -25px;
  background: url(../img/top/lead_decoration3.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .top-lead_items picture:before {
    width: 3.1875rem;
    height: 2.875rem;
    bottom: -0.5rem;
    left: -0.875rem;
  }
}
.top-lead_items picture img {
  width: 100%;
  border-radius: 21px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.top-lead_items figcaption {
  max-width: 481px;
  width: 46%;
}
@media screen and (max-width: 768px) {
  .top-lead_items figcaption {
    max-width: 100%;
    width: 100%;
  }
}
.top-lead_items figcaption p {
  line-height: 2.6;
}
@media screen and (max-width: 1024px) {
  .top-lead_items figcaption p {
    line-height: 2;
  }
}
@media screen and (max-width: 768px) {
  .top-lead_items figcaption p {
    text-align: center;
    font-size: 0.875rem;
  }
}
.top-lead_items figcaption p .is_large {
  font-size: 20px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .top-lead_items figcaption p .is_large {
    font-size: 1rem;
  }
}
.top-lead_items figcaption p .is_normal {
  font-weight: 400;
}
.top-lead_items figcaption p .is_border {
  position: relative;
  font-weight: 500;
  z-index: 1;
}
.top-lead_items figcaption p .is_border:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 6px;
  background-image: repeating-linear-gradient(-45deg, #FFF 0px, #FFF 1px, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%);
  background-size: 5px 5px;
  background-repeat: repeat-x;
  z-index: -1;
  bottom: 3px;
}
@media screen and (max-width: 768px) {
  .top-lead_items figcaption p .is_border:after {
    /*width: 120%;*/
    left: 50%;
    transform: translateX(-50%);
  }
}

.top-lead_box {
  position: relative;
  max-width: 590px;
  margin: 0 auto 52px;
  padding: 22px 5px 17px 22px;
  background: #FFF;
  border-radius: 16px;
}
@media screen and (max-width: 768px) {
  .top-lead_box {
    margin: 0 auto 5rem;
  }
}
@media screen and (max-width: 480px) {
  .top-lead_box {
    padding: 4.58vw 5px 3.54vw 22px;
  }
}
.top-lead_box:before {
  content: "";
  position: absolute;
  display: block;
  width: 119px;
  height: 100px;
  left: 0;
  top: 0;
  background: url(../img/top/lead_decoration4.png);
  background-size: cover;
}
.top-lead_box:after {
  content: "";
  position: absolute;
  display: block;
  width: 119px;
  height: 70px;
  right: -28px;
  bottom: -17px;
  background: url(../img/top/lead_decoration5.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .top-lead_box:after {
    right: -1rem;
    bottom: -2.5rem;
    width: 6rem;
    height: 3.5rem;
  }
}
.top-lead_box h3 {
  position: relative;
  max-width: 255px;
  margin: 0 auto 25px;
  font-size: 20px;
  font-weight: 400;
  text-align: center;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .top-lead_box h3 {
    max-width: 145px;
    margin: 0 auto 37px;
    font-size: 0.8125rem;
  }
}
@media screen and (max-width: 480px) {
  .top-lead_box h3 {
    margin: 0 auto 7.71vw;
  }
}
.top-lead_box h3:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 6px;
  background-image: repeating-linear-gradient(-45deg, #FF6E00 0px, #FF6E00 1px, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%);
  background-size: 5px 5px;
  background-repeat: repeat-x;
  z-index: -1;
  bottom: 3px;
}
.top-lead_box .is_border {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: -8px;
  left: 8px;
  border: solid 1px #707070;
  border-radius: 16px;
}

.top-leadBox_lists {
  position: relative;
  max-width: 534px;
  margin: 0 auto !important;
}
.top-leadBox_lists li {
  font-size: 20px;
  font-weight: 500;
}
.top-leadBox_lists li:not(:last-child) {
  margin-bottom: 9px;
}
@media screen and (max-width: 768px) {
  .top-leadBox_lists li {
    font-size: 1.125rem;
  }
}
.top-leadBox_lists li span {
  color: #FF6E00;
}

.top-lead__button {
  display: block;
  max-width: 380px;
  width: 100%;
  height: 80px;
  margin: 0 auto;
  padding-left: 45px;
  line-height: 80px;
  text-align: center;
  text-decoration: none;
  color: #FFF;
  font-size: 20px;
  background: #534741;
  border-radius: 40px;
  transition: 0.4s;
}
@media screen and (max-width: 768px) {
  .top-lead__button {
    max-width: 268px;
    height: 60px;
    height: 3.75rem;
    padding-left: 11px;
    line-height: 60px;
    line-height: 3.75rem;
    font-size: 19px;
    font-size: 1.188rem;
  }
}
.top-lead__button:hover {
  background: #FF6E00;
}
.top-lead__button:hover:after {
  transform: translateX(15px);
}
@media screen and (max-width: 768px) {
  .top-lead__button:hover:after {
    transform: translateX(6px);
  }
}
.top-lead__button:after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 12px;
  margin-left: 45px;
  background: url(../img/common/button_arrow.png);
  background-size: cover;
  vertical-align: middle;
  transition: 0.4s;
}
@media screen and (max-width: 768px) {
  .top-lead__button:after {
    margin-left: 11px;
  }
}

/* video */
.top-video {
  position: relative;
  margin-bottom: 5rem;
  padding: 5rem 0 173px;
  background: #91E0ED;
}
@media screen and (max-width: 768px) {
  .top-video {
    padding: 20px 0 126px;
  }
}
.top-video:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 142px;
  bottom: 0;
  left: 0;
  background: url(../img/top/video_decoration.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .top-video:after {
    height: 76px;
  }
}
@media screen and (max-width: 480px) {
  .top-video:after {
    background: url(../img/top/video_decoration_sp.png);
    background-size: cover;
  }
}

.top-video_items {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 1007px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .top-video_items {
    flex-direction: column;
  }
}
.top-video_items h2 {
  max-width: 411px;
  width: 41%;
  margin-top: -30px;
}
@media screen and (max-width: 768px) {
  .top-video_items h2 {
    position: relative;
    max-width: 272px;
    width: 100%;
    margin-top: 0;
    margin-bottom: -10px;
    z-index: 1;
  }
}
.top-video_items h2 img {
  width: 100%;
}

.top-video_item {
  max-width: 560px;
  width: 56%;
}
@media screen and (max-width: 768px) {
  .top-video_item {
    max-width: 100%;
    width: 100%;
  }
}
.top-video_item img {
  width: 100%;
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.16);
  transition: 0.4s;
}
.top-video_item img:hover {
  opacity: 0.7;
}

/* counseling */
.no-webp .top-counseling .bg {
  width: 100%;
  padding: 90px 0 5rem;
  background: url(../img/common/pattern_bg.png);
  background-size: cover;
  border-radius: 230px;
}
@media screen and (max-width: 768px) {
  .no-webp .top-counseling .bg {
    padding-top: 3.625rem;
    padding-bottom: 5rem;
    background: url(../img/common/pattern_bg_sp.png);
    background-size: cover;
    border-radius: 5.3125rem;
  }
}

.top_page .top-counseling {
  margin-bottom: 45px;
}
@media screen and (max-width: 768px) {
  .top_page .top-counseling {
    margin-bottom: 5rem;
  }
}

.top-counseling {
  margin-bottom: 5rem;
  padding: 0 60px;
}
@media screen and (max-width: 1235px) {
  .top-counseling .l-inner {
    padding-right: 1.125rem;
    padding-left: 1.125rem;
  }
}
@media screen and (max-width: 1024px) {
  .top-counseling {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
.top-counseling .bg {
  width: 100%;
  padding: 90px 0 5rem;
  background: url(../img/common/pattern_bg.webp);
  background-size: cover;
  border-radius: 230px;
}
@media screen and (max-width: 768px) {
  .top-counseling .bg {
    padding-top: 3.625rem;
    padding-bottom: 5rem;
    background: url(../img/common/pattern_bg_sp.webp);
    background-size: cover;
    border-radius: 5.3125rem;
  }
}

.top-counseling__heading {
  margin-bottom: 43px;
}
.top-counseling__heading .is_primary {
  position: relative;
  max-width: 435px;
  margin: 0 auto 15px;
}
@media screen and (max-width: 768px) {
  .top-counseling__heading .is_primary {
    max-width: 15.3125rem;
  }
}
.top-counseling__heading .is_primary:before {
  content: "";
  display: block;
  position: absolute;
  width: 170px;
  height: 124px;
  bottom: -35px;
  left: -102px;
  background: url(../img/top/counseling_decoration1.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .top-counseling__heading .is_primary:before {
    width: 6rem;
    height: 4.375rem;
    bottom: -1.3125rem;
    left: -3.625rem;
  }
}
.top-counseling__heading .is_primary:after {
  content: "";
  display: block;
  position: absolute;
  width: 68px;
  height: 45px;
  bottom: -8px;
  right: -23px;
  background: url(../img/top/counseling_decoration2.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .top-counseling__heading .is_primary:after {
    width: 2.375rem;
    height: 1.5625rem;
    bottom: -0.3125rem;
    right: -0.8125rem;
  }
}
.top-counseling__heading .is_secondary {
  position: relative;
  text-align: center;
  font-weight: 500;
  margin-top: -10px;
}
.top-counseling__heading .is_secondary:after {
  content: "";
  display: block;
  width: 89px;
  height: 28px;
  margin: 0.5rem auto 0;
  background: url(../img/common/heading_icon.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .top-counseling__heading .is_secondary:after {
    width: 51px;
    height: 16px;
  }
}
.top-counseling__heading .is_secondary .is_color {
  color: #FF6E00;
  font-size: 48px;
}
@media screen and (max-width: 768px) {
  .top-counseling__heading .is_secondary .is_color {
    font-size: 1.6875rem;
  }
}
.top-counseling__heading .is_secondary .is_color.is_large {
  position: relative;
  top: 5px;
  margin: 0 -10px 0 -10px;
  font-size: 58px;
}
@media screen and (max-width: 768px) {
  .top-counseling__heading .is_secondary .is_color.is_large {
    top: 0.125rem;
    margin-right: -0.5rem;
    margin-left: -0.5rem;
    font-size: 2.0625rem;
  }
}
.top-counseling__heading .is_secondary .is_small {
  font-size: 40px;
}
@media screen and (max-width: 768px) {
  .top-counseling__heading .is_secondary .is_small {
    font-size: 1.4375rem;
  }
}
.top-counseling__heading .is_secondary:after {
  margin: 0 auto;
}

.top-counseling__textarea {
  margin-bottom: 99px;
}
@media screen and (max-width: 768px) {
  .top-counseling__textarea {
    margin-bottom: 4.0625rem;
  }
}
.top-counseling__textarea p {
  text-align: center;
  font-size: 20px;
}
@media screen and (max-width: 768px) {
  .top-counseling__textarea p {
    font-size: 0.9375rem;
  }
}
.top-counseling__textarea p:not(:last-child) {
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .top-counseling__textarea p:not(:last-child) {
    margin-bottom: 0.5rem;
  }
}
.top-counseling__textarea p span {
  position: relative;
  font-weight: 500;
  z-index: 1;
}
.top-counseling__textarea p span:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 6px;
  background-image: repeating-linear-gradient(-45deg, #FF6E00 0px, #FF6E00 1px, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%);
  background-size: 5px 5px;
  background-repeat: repeat-x;
  z-index: -1;
  left: 0;
  bottom: 3px;
  z-index: -1;
}

.top-counseling-items {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}

.top-counseling-item {
  width: 48%;
  max-width: 525px;
}
@media screen and (max-width: 1024px) {
  .top-counseling-item {
    width: 100%;
    margin: 0 auto;
  }
}
.top-counseling-item h3 {
  margin-bottom: 2.5rem;
  text-align: center;
  color: #FFF;
  font-size: 30px;
  font-weight: 400;
  border-radius: 5px;
}
@media screen and (max-width: 768px) {
  .top-counseling-item h3 {
    margin-bottom: 2rem;
    font-size: 24px;
  }
}
@media screen and (max-width: 480px) {
  .top-counseling-item h3 {
    font-size: 5vw;
  }
}
.top-counseling-item h3 span {
  position: relative;
}
.top-counseling-item a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 66px;
  text-decoration: none;
  text-align: center;
  color: #FFF;
  font-size: 20px;
  border-radius: 37px;
  line-height: 1.3;
  transition: 0.4s;
}
@media screen and (max-width: 768px) {
  .top-counseling-item a {
    height: 3rem;
    font-size: 0.875rem;
    line-height: 1.4;
  }
}
.top-counseling-item.is_blue {
  margin-bottom: 73px;
}
@media screen and (max-width: 1024px) {
  .top-counseling-item.is_blue {
    margin-bottom: 5.3125rem;
  }
}
.top-counseling-item.is_blue h3 {
  background: rgba(0, 119, 183, 0.8);
}
.top-counseling-item.is_blue h3 span:before {
  content: "";
  position: absolute;
  display: inline-block;
  width: 50px;
  height: 55px;
  left: -50px;
  top: -19px;
  background: url(../img/top/consulting_heading3.png);
  background-size: cover;
}
.top-counseling-item.is_blue a {
  background: #0077B7;
  border: solid 3px #0077B7;
}
.top-counseling-item.is_blue a:after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 12px;
  margin-left: 10px;
  background: url(../img/top/consulting_arrow.png);
  background-size: cover;
  transition: 0.4s;
}
.top-counseling-item.is_blue a:hover {
  color: #0077B7;
  background: #FFF;
}
.top-counseling-item.is_blue a:hover:after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 12px;
  margin-left: 10px;
  transform: translateX(4px);
  background: url(../img/top/consulting_arrow_hover1.png);
  background-size: cover;
}
.top-counseling-item.is_green {
  margin-bottom: 73px;
}
@media screen and (max-width: 1024px) {
  .top-counseling-item.is_green {
    margin-bottom: 5.3125rem;
  }
}
.top-counseling-item.is_green h3 {
  background: #44A813;
}
.top-counseling-item.is_green h3 span:before {
  content: "";
  position: absolute;
  display: inline-block;
  width: 53px;
  height: 71px;
  left: -60px;
  top: -35px;
  background: url(../img/top/consulting_heading2.png);
  background-size: cover;
}
.top-counseling-item.is_green a {
  background: #44A813;
  border: solid 3px #44A813;
}
.top-counseling-item.is_green a:after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 12px;
  margin-left: 10px;
  background: url(../img/top/consulting_arrow.png);
  background-size: cover;
  transition: 0.4s;
}
.top-counseling-item.is_green a:hover {
  color: #44A813;
  background: #FFF;
}
.top-counseling-item.is_green a:hover:after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 12px;
  margin-left: 10px;
  transform: translateX(4px);
  background: url(../img/top/consulting_arrow_hover2.png);
  background-size: cover;
}
@media screen and (max-width: 1024px) {
  .top-counseling-item.is_orange {
    margin-bottom: 5.3125rem;
  }
}
.top-counseling-item.is_orange h3 {
  background: #F6AB28;
}
.top-counseling-item.is_orange h3 span:before {
  content: "";
  position: absolute;
  display: inline-block;
  width: 47px;
  height: 47px;
  left: -56px;
  top: -7px;
  background: url(../img/top/consulting_heading1.png);
  background-size: cover;
}
.top-counseling-item.is_orange a {
  background: #F6AB28;
  border: solid 3px #F6AB28;
}
.top-counseling-item.is_orange a:after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 12px;
  margin-left: 10px;
  background: url(../img/top/consulting_arrow.png);
  background-size: cover;
  transition: 0.4s;
}
.top-counseling-item.is_orange a:hover {
  color: #F6AB28;
  background: #FFF;
}
.top-counseling-item.is_orange a:hover:after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 12px;
  margin-left: 10px;
  transform: translateX(4px);
  background: url(../img/top/consulting_arrow_hover3.png);
  background-size: cover;
}
.top-counseling-item.is_brown h3 {
  background: #582207;
}
.top-counseling-item.is_brown h3 span:before {
  content: "";
  position: absolute;
  display: inline-block;
  width: 62px;
  height: 71px;
  left: -74px;
  top: -23px;
  background: url(../img/top/consulting_heading4.png);
  background-size: cover;
}
.top-counseling-item.is_brown a {
  background: #582207;
  border: solid 3px #582207;
}
.top-counseling-item.is_brown a:after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 12px;
  margin-left: 10px;
  background: url(../img/top/consulting_arrow.png);
  background-size: cover;
  transition: 0.4s;
}
.top-counseling-item.is_brown a:hover {
  color: #582207;
  background: #FFF;
}
.top-counseling-item.is_brown a:hover:after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 12px;
  margin-left: 10px;
  transform: translateX(4px);
  background: url(../img/top/consulting_arrow_hover4.png);
  background-size: cover;
}

.top-counselingItem_lists {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}
.top-counselingItem_lists li {
  max-width: 237px;
  width: 48%;
}
.top-counselingItem_lists li img {
  width: 100%;
  margin: 0 auto 1.5rem;
}
@media screen and (max-width: 768px) {
  .top-counselingItem_lists li img {
    margin-bottom: 13px;
  }
}

.top-counselingItem_list-decoration {
  position: relative;
}
.top-counselingItem_list-decoration::after {
  content: "";
  display: block;
  position: absolute;
  right: -19px;
  bottom: -6px;
  width: 138px;
  height: 136px;
  background: url(../img/top/consulting_icon3-decoration.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .top-counselingItem_list-decoration::after {
    right: -1.0625rem;
    bottom: -0.5625rem;
    width: 5.75rem;
    height: 5.625rem;
  }
}

/* point */
.no-webp .top-point {
  background: url(../img/common/orange_bg.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .no-webp .top-point {
    background: url(../img/common/orange_bg_sp.png);
    background-size: cover;
  }
}

.top-point {
  width: 100%;
  padding: 4.5rem 0 5rem;
  background: url(../img/common/orange_bg.webp);
  background-size: cover;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .top-point {
    padding-bottom: 3.75rem;
    padding-bottom: 5rem;
    background: url(../img/common/orange_bg_sp.webp);
    background-size: cover;
  }
}

.top-point__heading {
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .top-point__heading {
    margin-bottom: 4.125rem;
  }
}
.top-point__heading .is_primary {
  position: relative;
  max-width: 435px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .top-point__heading .is_primary {
    max-width: 14.4375rem;
  }
}
.top-point__heading .is_primary:before {
  content: "";
  position: absolute;
  width: 130px;
  height: 133px;
  bottom: -67px;
  left: -94px;
  background: url(../img/top/point_decoration1.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .top-point__heading .is_primary:before {
    width: 4.3125rem;
    height: 4.4375rem;
    bottom: -2.25rem;
    left: -3.125rem;
  }
}
.top-point__heading .is_primary:after {
  content: "";
  position: absolute;
  width: 139px;
  height: 133px;
  bottom: -65px;
  right: -103px;
  background: url(../img/top/point_decoration2.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .top-point__heading .is_primary:after {
    width: 4.625rem;
    height: 4.4375rem;
    bottom: -2.125rem;
    right: -3.375rem;
  }
}
.top-point__heading .is_secondary {
  position: relative;
  text-align: center;
  font-weight: 500;
}
.top-point__heading .is_secondary:after {
  content: "";
  display: block;
  width: 89px;
  height: 28px;
  margin: 0.5rem auto 0;
  background: url(../img/common/heading_icon.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .top-point__heading .is_secondary:after {
    width: 51px;
    height: 16px;
  }
}
.top-point__heading .is_secondary .is_color {
  color: #FF6E00;
}
.top-point__heading .is_secondary .is_large {
  position: relative;
  margin: 0 -10px 0 0;
  top: 4px;
  font-size: 58px;
}
@media screen and (max-width: 768px) {
  .top-point__heading .is_secondary .is_large {
    margin-right: -0.3125rem;
    top: 0.125rem;
    font-size: 1.875rem;
  }
}
.top-point__heading .is_secondary .is_middle {
  font-size: 48px;
}
@media screen and (max-width: 768px) {
  .top-point__heading .is_secondary .is_middle {
    font-size: 1.5rem;
  }
}
.top-point__heading .is_secondary .is_small {
  font-size: 40px;
}
@media screen and (max-width: 768px) {
  .top-point__heading .is_secondary .is_small {
    font-size: 1.25rem;
  }
}

.top-point__textarea {
  margin-bottom: 3.75rem;
  text-align: center;
  line-height: 2;
}

.top-point__button {
  display: block;
  max-width: 380px;
  width: 100%;
  height: 80px;
  margin: 0 auto;
  padding-left: 45px;
  line-height: 80px;
  text-align: center;
  text-decoration: none;
  color: #FFF;
  font-size: 20px;
  background: #534741;
  border-radius: 40px;
  transition: 0.4s;
}
@media screen and (max-width: 768px) {
  .top-point__button {
    max-width: 268px;
    height: 60px;
    height: 3.75rem;
    padding-left: 11px;
    line-height: 60px;
    line-height: 3.75rem;
    font-size: 19px;
    font-size: 1.188rem;
  }
}
.top-point__button:hover {
  background: #FF6E00;
}
.top-point__button:hover:after {
  transform: translateX(15px);
}
@media screen and (max-width: 768px) {
  .top-point__button:hover:after {
    transform: translateX(6px);
  }
}
.top-point__button:after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 12px;
  margin-left: 45px;
  background: url(../img/common/button_arrow.png);
  background-size: cover;
  vertical-align: middle;
  transition: 0.4s;
}
@media screen and (max-width: 768px) {
  .top-point__button:after {
    margin-left: 11px;
  }
}

@media screen and (max-width: 1024px) {
  .top-point_items {
    max-width: 660px;
    margin: 0 auto;
  }
}

.top-point_item {
  position: relative;
  display: flex;
  align-items: stretch;
  min-height: 386px;
}
@media screen and (max-width: 1024px) {
  .top-point_item {
    flex-direction: column;
    align-items: center;
    min-height: auto;
    margin: 0 auto;
  }
}
.top-point_item picture {
  max-width: 557px;
  width: 51%;
}
@media screen and (max-width: 1024px) {
  .top-point_item picture {
    max-width: 100%;
    width: 100%;
  }
}
.top-point_item picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.top-point_item figcaption {
  position: relative;
  max-width: 543px;
  width: 50%;
  padding-top: 4.5rem;
  padding-right: 2.125rem;
  padding-bottom: 2.6875rem;
  padding-left: 2.125rem;
  background: #FFF8E8;
}
@media screen and (max-width: 1024px) {
  .top-point_item figcaption {
    max-width: 100%;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .top-point_item figcaption {
    padding-right: 1.5rem;
    padding-bottom: 1.75rem;
    padding-left: 1.5rem;
  }
}
.top-point_item figcaption:before {
  content: "";
  position: absolute;
  display: inline-block;
  width: 158px;
  height: 117px;
  top: 0;
  left: 0;
  background: url(../img/top/point_decoration6.png);
  background-size: cover;
  z-index: 1;
}
.top-point_item figcaption h3 {
  position: relative;
  margin-bottom: 18px;
  font-size: 1.5rem;
  font-weight: 400;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .top-point_item figcaption h3 {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
    font-size: 1.1875rem;
  }
}
.top-point_item figcaption h3 .is_border {
  position: relative;
  font-weight: 500;
  font-size: 38px;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .top-point_item figcaption h3 .is_border {
    font-size: 1.875rem;
  }
}
.top-point_item figcaption h3 .is_border:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 6px;
  background-image: repeating-linear-gradient(-45deg, #FF6E00 0px, #FF6E00 1px, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%);
  background-size: 5px 5px;
  background-repeat: repeat-x;
  z-index: -1;
  bottom: 7px;
  left: 0;
}
@media screen and (max-width: 480px) {
  .top-point_item figcaption h3 .is_border:after {
    bottom: 3px;
  }
}
.top-point_item figcaption h3 .is_large {
  font-size: 38px;
  font-weight: 500;
}
.top-point_item figcaption h3 .is_large.no-wrap {
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .top-point_item figcaption h3 .is_large {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 768px) {
  .top-point_item figcaption p {
    font-size: 14px;
  }
}
.top-point_item figcaption p:not(:last-child) {
  margin-bottom: 18px;
}
@media screen and (max-width: 768px) {
  .top-point_item figcaption p br {
    display: none;
  }
}
.top-point_item.is_primary {
  margin-bottom: 2.5rem;
}
@media screen and (max-width: 1024px) {
  .top-point_item.is_primary {
    margin-bottom: 2.5rem;
    margin-left: 1.5625rem;
  }
}
.top-point_item.is_primary:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 126px;
  height: 114px;
  top: -49px;
  left: -63px;
  background: url(../img/top/point_decoration3.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .top-point_item.is_primary:before {
    width: 4.875rem;
    height: 4.4375rem;
    top: -2.4375rem;
    left: -2.4375rem;
  }
}
.top-point_item.is_primary figcaption:after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 7.375rem;
  height: 3.125rem;
  left: 2.125rem;
  top: 1.5rem;
  background: url(../img/top/point_1.png);
  background-size: cover;
  z-index: 1;
}
.top-point_item.is_secondary {
  margin-bottom: 2.5rem;
}
@media screen and (max-width: 1024px) {
  .top-point_item.is_secondary {
    margin-right: 1.5625rem;
    margin-bottom: 2.5rem;
  }
}
.top-point_item.is_secondary:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 85px;
  height: 76px;
  bottom: -17px;
  right: -24px;
  background: url(../img/top/point_decoration4.png);
  background-size: cover;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .top-point_item.is_secondary:before {
    right: -2.125rem;
    bottom: -1.125rem;
    width: 4.75rem;
    height: 4.25rem;
  }
}
.top-point_item.is_secondary picture {
  order: 2;
}
@media screen and (max-width: 1024px) {
  .top-point_item.is_secondary picture {
    order: 1;
  }
}
.top-point_item.is_secondary figcaption {
  order: 1;
}
@media screen and (max-width: 1024px) {
  .top-point_item.is_secondary figcaption {
    order: 2;
  }
}
.top-point_item.is_secondary figcaption:after {
  content: "";
  position: absolute;
  display: inline-block;
  left: 2.125rem;
  top: 1.5rem;
  width: 7.75rem;
  height: 3.125rem;
  background: url(../img/top/point_2.png);
  background-size: cover;
  z-index: 1;
}
.top-point_item.is_tertiary {
  margin-bottom: 90px;
}
@media screen and (max-width: 1024px) {
  .top-point_item.is_tertiary {
    margin-bottom: 3.3125rem;
    margin-left: 1.5625rem;
  }
}
.top-point_item.is_tertiary:before {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: -38px;
  left: -56px;
  width: 112px;
  height: 101px;
  background: url(../img/top/point_decoration5.png);
  background-size: cover;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .top-point_item.is_tertiary:before {
    bottom: -2.125rem;
    left: -2.25rem;
    width: 4.625rem;
    height: 4.1875rem;
  }
}
.top-point_item.is_tertiary figcaption:after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 7.8125rem;
  height: 3.125rem;
  left: 2.125rem;
  top: 1.5rem;
  background: url(../img/top/point_3.png);
  background-size: cover;
  z-index: 1;
}

/* difference */
.no-webp .top-difference {
  width: 100%;
  padding: 4.5rem 0;
  background: url(../img/common/yellow_bg.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .no-webp .top-difference {
    padding: 91px 0 5rem;
    background: url(../img/common/yellow_bg_sp.png);
    background-size: cover;
  }
}

.top-difference {
  width: 100%;
  padding: 4.5rem 0;
  background: url(../img/common/yellow_bg.webp);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .top-difference {
    padding: 91px 0 5rem;
    background: url(../img/common/yellow_bg_sp.webp);
    background-size: cover;
  }
}
.top-difference h2 {
  margin-bottom: 49px;
}
@media screen and (max-width: 768px) {
  .top-difference h2 {
    margin-bottom: 2.5rem;
  }
}
.top-difference h2 .is_primary {
  position: relative;
  max-width: 435px;
  margin: 0 auto 20px;
}
@media screen and (max-width: 768px) {
  .top-difference h2 .is_primary {
    max-width: 293px;
  }
}
.top-difference h2 .is_primary:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 175px;
  height: 117px;
  bottom: -31px;
  left: -53px;
  background: url(../img/top/difference_decoration1.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .top-difference h2 .is_primary:before {
    width: 120px;
    height: 80px;
    bottom: -21px;
    left: -23px;
  }
}
.top-difference h2 .is_primary:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 57px;
  height: 71px;
  bottom: 6px;
  right: 10px;
  background: url(../img/top/difference_decoration2.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .top-difference h2 .is_primary:after {
    width: 39px;
    height: 49px;
    bottom: 5px;
    right: 6px;
  }
}
.top-difference h2 .is_secondary {
  position: relative;
  text-align: center;
  font-weight: 500;
}
.top-difference h2 .is_secondary:after {
  content: "";
  display: block;
  width: 89px;
  height: 28px;
  margin: 0.5rem auto 0;
  background: url(../img/common/heading_icon.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .top-difference h2 .is_secondary:after {
    width: 51px;
    height: 16px;
  }
}
.top-difference h2 .is_secondary .is_middle {
  font-size: 40px;
}
@media screen and (max-width: 768px) {
  .top-difference h2 .is_secondary .is_middle {
    font-size: 24px;
  }
}
.top-difference h2 .is_secondary .is_large {
  color: #FF6E00;
  font-size: 48px;
}
@media screen and (max-width: 768px) {
  .top-difference h2 .is_secondary .is_large {
    font-size: 30px;
  }
}
.top-difference .textarea {
  margin-bottom: 103px;
}
@media screen and (max-width: 768px) {
  .top-difference .textarea {
    margin-bottom: 35px;
  }
}
.top-difference .textarea p {
  text-align: center;
  line-height: 2;
}
.top-difference .button {
  display: block;
  max-width: 380px;
  width: 100%;
  height: 80px;
  margin: 0 auto;
  padding-left: 45px;
  line-height: 80px;
  text-align: center;
  text-decoration: none;
  color: #FFF;
  font-size: 20px;
  background: #534741;
  border-radius: 40px;
  transition: 0.4s;
}
@media screen and (max-width: 768px) {
  .top-difference .button {
    max-width: 268px;
    height: 60px;
    height: 3.75rem;
    padding-left: 11px;
    line-height: 60px;
    line-height: 3.75rem;
    font-size: 19px;
    font-size: 1.188rem;
  }
}
.top-difference .button:hover {
  background: #FF6E00;
}
.top-difference .button:hover:after {
  transform: translateX(15px);
}
@media screen and (max-width: 768px) {
  .top-difference .button:hover:after {
    transform: translateX(6px);
  }
}
.top-difference .button:after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 12px;
  margin-left: 45px;
  background: url(../img/common/button_arrow.png);
  background-size: cover;
  vertical-align: middle;
  transition: 0.4s;
}
@media screen and (max-width: 768px) {
  .top-difference .button:after {
    margin-left: 11px;
  }
}

.difference_table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 10px;
}
.difference_table th.is_logo {
  position: relative;
  width: 26%;
}
@media screen and (max-width: 768px) {
  .difference_table th.is_logo {
    border-top: solid 3px #FF6E00;
    border-left: solid 3px #FF6E00;
    border-right: solid 3px #FF6E00;
    background: #FCF7ED;
  }
}
.difference_table th.is_logo img {
  position: absolute;
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  border-top: solid 3px #FF6E00;
  border-left: solid 3px #FF6E00;
  border-right: solid 3px #FF6E00;
}
@media screen and (max-width: 768px) {
  .difference_table th.is_logo img {
    position: inherit;
    width: 81px;
    margin: 0 auto;
    left: inherit;
    transform: inherit;
    border-top: none;
    border-left: none;
    border-right: none;
  }
}
.difference_table th.is_green {
  padding: 7px 0;
  text-align: center;
  color: #FFF;
  font-size: 18px;
  font-weight: 500;
  background: #44A813;
  width: 26%;
}
@media screen and (max-width: 1024px) {
  .difference_table th.is_green {
    font-size: 13px;
  }
}
@media screen and (max-width: 480px) {
  .difference_table th.is_green {
    font-size: 2.71vw;
  }
}
.difference_table th.is_blue {
  padding: 7px 0;
  text-align: center;
  color: #FFF;
  font-size: 18px;
  font-weight: 500;
  background: #0077B7;
  width: 26%;
}
@media screen and (max-width: 1024px) {
  .difference_table th.is_blue {
    font-size: 13px;
  }
}
@media screen and (max-width: 480px) {
  .difference_table th.is_blue {
    font-size: 2.71vw;
  }
}
.difference_table th.is_default {
  width: 22%;
  padding: 16px 10px;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  border-bottom: dotted 2px #707070;
  background: #FFF;
  white-space: nowrap;
}
@media screen and (max-width: 1024px) {
  .difference_table th.is_default {
    font-size: 15px;
  }
}
@media screen and (max-width: 768px) {
  .difference_table th.is_default {
    padding: 10px;
    font-size: 12px;
  }
}
@media screen and (max-width: 480px) {
  .difference_table th.is_default {
    font-size: 2.5vw;
  }
}
.difference_table td {
  text-align: center;
  background: #FFF;
  border-bottom: dotted 2px #707070;
}
@media screen and (max-width: 768px) {
  .difference_table td.is_orange {
    border-left: solid 3px #FF6E00;
    border-right: solid 3px #FF6E00;
  }
}
.difference_table td.is_orange div {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 61px;
}
.difference_table td.is_orange div:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: -1px;
  left: -1px;
  width: 3px;
  height: 65px;
  background: #FF6E00;
}
@media screen and (max-width: 768px) {
  .difference_table td.is_orange div:before {
    display: none;
  }
}
.difference_table td.is_orange div:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: -1px;
  right: -1px;
  width: 3px;
  height: 65px;
  background: #FF6E00;
}
@media screen and (max-width: 768px) {
  .difference_table td.is_orange div:after {
    display: none;
  }
}
.difference_table td.is_orange .is_circle:before {
  content: "";
  display: inline-block;
  width: 35px;
  height: 35px;
  background: url(../img/top/difference_icon1.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .difference_table td.is_orange .is_circle:before {
    width: 29px;
    height: 29px;
  }
}
.difference_table td.is_orange .is_triangle:before {
  content: "";
  display: inline-block;
  width: 37px;
  height: 33px;
  background: url(../img/top/difference_icon5.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .difference_table td.is_orange .is_triangle:before {
    width: 22px;
    height: 20px;
  }
}
.difference_table td.is_orange p {
  position: relative;
  color: #FF6E00;
  font-size: 17px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .difference_table td.is_orange p {
    font-size: 14px;
  }
}
@media screen and (max-width: 480px) {
  .difference_table td.is_orange p {
    font-size: 2.92vw;
  }
}
.difference_table td.is_orange p:after {
  content: "＊";
  position: absolute;
  top: -4px;
  right: -15px;
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  .difference_table td.is_orange p:after {
    font-size: 14px;
  }
}
@media screen and (max-width: 480px) {
  .difference_table td.is_orange p:after {
    font-size: 2.92vw;
  }
}
.difference_table td.is_default .is_circle:before {
  content: "";
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url(../img/top/difference_icon2.png);
  background-size: cover;
}
.difference_table td.is_default .is_cross:before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url(../img/top/difference_icon3.png);
  background-size: cover;
}
.difference_table td.is_default .is_triangle:before {
  content: "";
  display: inline-block;
  width: 22px;
  height: 20px;
  background: url(../img/top/difference_icon4.png);
  background-size: cover;
}

.difference_notes {
  max-width: 284px;
  margin-bottom: 23px;
  margin-left: 22%;
  text-align: right;
}
@media screen and (max-width: 1110px) {
  .difference_notes {
    max-width: 24.32vw;
  }
}
@media screen and (max-width: 768px) {
  .difference_notes {
    margin-bottom: 3rem;
    font-size: 10px;
  }
}
@media screen and (max-width: 380px) {
  .difference_notes {
    max-width: 90px;
  }
}
.difference_notes:before {
  content: "＊";
  color: #FF6E00;
}

/* satisfaction */
.no-webp .top-satisfaction {
  width: 100%;
  margin-bottom: 5rem;
  padding: 47px 0 44px;
  background: url(../img/top/satisfaction_bg.png) center;
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .no-webp .top-satisfaction {
    padding: 44px 0 45px;
    background: url(../img/top/satisfaction_bg_sp.png) center;
    background-size: cover;
  }
}

.top-satisfaction {
  width: 100%;
  margin-bottom: 5rem;
  padding: 47px 0 44px;
  background: url(../img/top/satisfaction_bg.webp) center;
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .top-satisfaction {
    padding: 44px 0 45px;
    background: url(../img/top/satisfaction_bg_sp.webp) center;
    background-size: cover;
  }
}

.top-satisfaction_content {
  max-width: 823px;
  margin: 0 auto;
}
.top-satisfaction_content h2 img {
  max-width: 780px;
  width: 100%;
  margin: 0 auto 42px;
}
@media screen and (max-width: 768px) {
  .top-satisfaction_content h2 img {
    max-width: 317px;
    margin: 0 auto 17px;
  }
}
.top-satisfaction_content p {
  margin-bottom: 2rem;
  text-align: center;
  color: #FFF;
  font-size: 30px;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .top-satisfaction_content p {
    margin-bottom: 14px;
    font-size: 16px;
  }
}

.satisfaction_lists {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .satisfaction_lists {
    max-width: 335px;
    margin: 0 auto !important;
  }
}
.satisfaction_lists li {
  width: 32%;
  max-width: 234px;
}
.satisfaction_lists li img {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  border-radius: 50%;
}

/* flow */
.no-webp .top-flow .bg {
  background: url(../img/common/pattern_bg.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .no-webp .top-flow .bg {
    background: url(../img/common/pattern_bg_sp.png);
    background-size: cover;
  }
}

.top-flow {
  margin-top: 64px;
  margin-bottom: 45px;
  padding-right: 60px;
  padding-left: 60px;
}
@media screen and (max-width: 1024px) {
  .top-flow {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
@media screen and (max-width: 1235px) {
  .top-flow .l-inner {
    padding-right: 1.0625rem;
    padding-left: 1.0625rem;
  }
}
@media screen and (max-width: 768px) {
  .top-flow {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }
}
.top-flow .bg {
  width: 100%;
  padding: 58px 0 108px;
  background: url(../img/common/pattern_bg.webp);
  background-size: cover;
  border-radius: 230px;
}
@media screen and (max-width: 768px) {
  .top-flow .bg {
    padding-top: 4.0625rem;
    padding-bottom: 5rem;
    background: url(../img/common/pattern_bg_sp.webp);
    background-size: cover;
    border-radius: 5.3125rem;
  }
}

.top-flow__heading {
  margin-bottom: 97px;
}
@media screen and (max-width: 768px) {
  .top-flow__heading {
    margin-bottom: 2.9375rem;
  }
}
.top-flow__heading .is_primary {
  position: relative;
  max-width: 435px;
  margin: 0 auto 20px;
}
@media screen and (max-width: 768px) {
  .top-flow__heading .is_primary {
    max-width: 17.6875rem;
    margin-right: 0.875rem;
    margin-left: 0.875rem;
  }
}
.top-flow__heading .is_primary:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 81px;
  height: 53px;
  left: 50%;
  transform: translateX(-50%);
  top: -38px;
  background: url(../img/top/flow_decoration.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .top-flow__heading .is_primary:before {
    width: 3.3125rem;
    height: 2.125rem;
    top: -1.5625rem;
  }
}
.top-flow__heading .is_secondary {
  position: relative;
  text-align: center;
  font-weight: 500;
  font-size: 48px;
}
.top-flow__heading .is_secondary:after {
  content: "";
  display: block;
  width: 89px;
  height: 28px;
  margin: 0.5rem auto 0;
  background: url(../img/common/heading_icon.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .top-flow__heading .is_secondary:after {
    width: 51px;
    height: 16px;
  }
}
@media screen and (max-width: 768px) {
  .top-flow__heading .is_secondary {
    font-size: 1.875rem;
  }
}

.top-flow__button {
  display: block;
  max-width: 380px;
  width: 100%;
  height: 80px;
  margin: 0 auto;
  padding-left: 45px;
  line-height: 80px;
  text-align: center;
  text-decoration: none;
  color: #FFF;
  font-size: 20px;
  background: #534741;
  border-radius: 40px;
  transition: 0.4s;
}
@media screen and (max-width: 768px) {
  .top-flow__button {
    max-width: 268px;
    height: 60px;
    height: 3.75rem;
    padding-left: 11px;
    line-height: 60px;
    line-height: 3.75rem;
    font-size: 19px;
    font-size: 1.188rem;
  }
}
.top-flow__button:hover {
  background: #FF6E00;
}
.top-flow__button:hover:after {
  transform: translateX(15px);
}
@media screen and (max-width: 768px) {
  .top-flow__button:hover:after {
    transform: translateX(6px);
  }
}
.top-flow__button:after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 12px;
  margin-left: 45px;
  background: url(../img/common/button_arrow.png);
  background-size: cover;
  vertical-align: middle;
  transition: 0.4s;
}
@media screen and (max-width: 768px) {
  .top-flow__button:after {
    margin-left: 11px;
  }
}

.top-flow_items {
  margin-bottom: 97px;
}
@media screen and (max-width: 768px) {
  .top-flow_items {
    margin-bottom: 2.9375rem;
  }
}
.top-flow_items .top-flow_item:not(:last-child) {
  position: relative;
  margin-bottom: 3.5rem;
}
.top-flow_items .top-flow_item:not(:last-child):before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 34px;
  height: 30px;
  left: 50%;
  transform: translateX(-50%);
  bottom: -45px;
  background: url(../img/top/flow_arrow.png);
  background-size: cover;
}

.top-flow_item {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  border-radius: 20px;
  background: #FFF;
}

.top-flowItem_toggle {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 140px;
  padding-right: 125px;
  font-size: 30px;
  font-weight: 500;
  background: #FFF;
  border-radius: 20px;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .top-flowItem_toggle {
    flex-direction: column;
    padding: 18px 10px 63px;
    font-size: 16px;
  }
}
.top-flowItem_toggle .icon1:before {
  content: "";
  display: inline-block;
  width: 6.0625rem;
  height: 6.4375rem;
  margin-left: 56px;
  margin-right: 48px;
  background: url(../img/top/flow_icon1.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .top-flowItem_toggle .icon1:before {
    margin-inline: auto;
  }
}
.top-flowItem_toggle .icon2:before {
  content: "";
  display: inline-block;
  width: 6.0625rem;
  height: 6.5rem;
  margin-left: 56px;
  margin-right: 48px;
  background: url(../img/top/flow_icon2.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .top-flowItem_toggle .icon2:before {
    margin-inline: auto;
  }
}
.top-flowItem_toggle .icon3:before {
  content: "";
  display: inline-block;
  width: 8.375rem;
  height: 5.6875rem;
  margin-left: 34px;
  margin-right: 33px;
  background: url(../img/top/flow_icon3.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .top-flowItem_toggle .icon3:before {
    margin-inline: auto;
  }
}
.top-flowItem_toggle .icon4:before {
  content: "";
  display: inline-block;
  width: 7.625rem;
  height: 5.5625rem;
  margin-left: 40px;
  margin-right: 39px;
  background: url(../img/top/flow_icon4.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .top-flowItem_toggle .icon4:before {
    margin-inline: auto;
  }
}
.top-flowItem_toggle .is_line {
  position: absolute;
  right: 67px;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .top-flowItem_toggle .is_line {
    right: inherit;
    top: 87%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
.top-flowItem_toggle .is_line:before, .top-flowItem_toggle .is_line:after {
  content: "";
  display: block;
  width: 50px;
  height: 2px;
  background: #707070;
  position: absolute;
  right: -6px;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .top-flowItem_toggle .is_line:before, .top-flowItem_toggle .is_line:after {
    width: 17px;
  }
}
.top-flowItem_toggle .is_line:after {
  background: #707070;
  transform: translateY(-50%) rotate(90deg);
  transition: 0.5s;
}
.top-flowItem_toggle .is_line.active::after {
  transform: rotate(0);
  top: 45%;
  transition: 0.5s;
  background: #707070;
  opacity: 0;
}

.top-flowItem_hide {
  padding: 45px 10px;
  background: #FFFDF8;
  border-radius: 0 0 20px 20px;
}
.top-flowItem_hide p:not(:last-child) {
  margin-bottom: 1.5rem;
}
@media screen and (max-width: 768px) {
  .top-flowItem_hide p {
    font-size: 0.875rem;
  }
}
.top-flowItem_hide a {
  color: #534741;
  font-weight: 500;
}

.top-flowItem_hide-content {
  max-width: 685px;
  margin-inline: auto;
}

.top-flowItem_flex {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 685px;
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
  .top-flowItem_flex {
    flex-direction: column;
    align-items: center;
  }
}

.top-flowItem_flex-image {
  max-width: 297px;
  width: 44%;
}
@media screen and (max-width: 768px) {
  .top-flowItem_flex-image {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1.5rem;
  }
}

.top-flowItem_flex-textarea {
  max-width: 364px;
  width: 54%;
}
@media screen and (max-width: 768px) {
  .top-flowItem_flex-textarea {
    max-width: 100%;
    width: 100%;
  }
}

/* company */
.no-webp .top-company {
  background: url(../img/common/orange_bg.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .no-webp .top-company {
    background: url(../img/common/orange_bg_sp.png);
    background-size: cover;
  }
}

.top-company {
  width: 100%;
  padding: 3.5rem 0 5rem;
  background: url(../img/common/orange_bg.webp);
  background-size: cover;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .top-company {
    padding-top: 3.5625rem;
    padding-bottom: 5rem;
    background: url(../img/common/orange_bg_sp.webp);
    background-size: cover;
  }
}

.top-company__heading {
  margin-bottom: 70px;
}
@media screen and (max-width: 768px) {
  .top-company__heading {
    margin-bottom: 2.9375rem;
  }
}
.top-company__heading .is_primary {
  position: relative;
  max-width: 435px;
  margin: 0 auto 20px;
}
@media screen and (max-width: 768px) {
  .top-company__heading .is_primary {
    max-width: 18.4375rem;
    margin-bottom: 0.8125rem;
  }
}
.top-company__heading .is_primary:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 110px;
  height: 133px;
  top: -20px;
  left: -97px;
  background: url(../img/top/company_decoration1.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .top-company__heading .is_primary:before {
    width: 3.9375rem;
    height: 4.8125rem;
    top: -0.75rem;
    left: -2.4375rem;
  }
}
.top-company__heading .is_primary:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 52px;
  height: 64px;
  top: -17px;
  right: -17px;
  background: url(../img/top/company_decoration2.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .top-company__heading .is_primary:after {
    width: 2.1875rem;
    height: 2.6875rem;
    top: -0.75rem;
    right: 0.3125rem;
  }
}
.top-company__heading .is_secondary {
  position: relative;
  text-align: center;
  font-weight: 500;
  font-size: 48px;
}
.top-company__heading .is_secondary:after {
  content: "";
  display: block;
  width: 89px;
  height: 28px;
  margin: 0.5rem auto 0;
  background: url(../img/common/heading_icon.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .top-company__heading .is_secondary:after {
    width: 51px;
    height: 16px;
  }
}
@media screen and (max-width: 768px) {
  .top-company__heading .is_secondary {
    font-size: 1.875rem;
  }
}

.top-company__textarea {
  margin-bottom: 50px;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .top-company__textarea {
    margin-bottom: 11.25rem;
  }
}
.top-company__textarea p {
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .top-company__textarea p {
    font-size: 0.875rem;
  }
}

.top-company__button {
  display: block;
  max-width: 380px;
  width: 100%;
  height: 80px;
  margin: 0 auto;
  padding-left: 45px;
  line-height: 80px;
  text-align: center;
  text-decoration: none;
  color: #FFF;
  font-size: 20px;
  background: #534741;
  border-radius: 40px;
  transition: 0.4s;
}
@media screen and (max-width: 768px) {
  .top-company__button {
    max-width: 268px;
    height: 60px;
    height: 3.75rem;
    padding-left: 11px;
    line-height: 60px;
    line-height: 3.75rem;
    font-size: 19px;
    font-size: 1.188rem;
  }
}
.top-company__button:hover {
  background: #FF6E00;
}
.top-company__button:hover:after {
  transform: translateX(15px);
}
@media screen and (max-width: 768px) {
  .top-company__button:hover:after {
    transform: translateX(6px);
  }
}
.top-company__button:after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 12px;
  margin-left: 45px;
  background: url(../img/common/button_arrow.png);
  background-size: cover;
  vertical-align: middle;
  transition: 0.4s;
}
@media screen and (max-width: 768px) {
  .top-company__button:after {
    margin-left: 11px;
  }
}
@media screen and (max-width: 768px) {
  .top-company__button {
    font-size: 1.0625rem;
  }
}

.top-company_box {
  position: relative;
  margin-bottom: 3.5rem;
  padding: 2.5rem 28px;
  background: #FFF;
  border-radius: 77px;
}
@media screen and (max-width: 768px) {
  .top-company_box {
    margin-bottom: 47px;
    padding: 24px 28px;
    border-radius: 23px;
  }
}

.top-companyBox_chat {
  position: absolute;
  right: -113px;
  top: -187px;
}
@media screen and (max-width: 1235px) {
  .top-companyBox_chat {
    right: -7.15vw;
  }
}
@media screen and (max-width: 1024px) {
  .top-companyBox_chat {
    left: 0;
    right: 0;
    top: -151px;
    margin: auto;
  }
}
.top-companyBox_chat:before {
  content: "";
  display: inline-block;
  width: 327px;
  height: 227px;
  background: url(../img/top/companyBox_chat.png);
  background-size: cover;
  -webkit-animation-name: animation_company;
          animation-name: animation_company;
  transform: scale(1, 1);
}
@media screen and (max-width: 1024px) {
  .top-companyBox_chat:before {
    display: block;
    width: 234px;
    height: 163px;
    margin: 0 auto;
  }
}

@-webkit-keyframes animation_company {
  100% {
    transform: scale(0.95, 0.95);
  }
}

@keyframes animation_company {
  100% {
    transform: scale(0.95, 0.95);
  }
}
.animation_company {
  -webkit-animation: animation_company 0.8s ease 0s infinite alternate;
          animation: animation_company 0.8s ease 0s infinite alternate;
}

.top-companyBox_lists {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  max-width: 800px;
  margin: 0 auto -40px !important;
}
@media screen and (max-width: 768px) {
  .top-companyBox_lists {
    margin-bottom: -22px !important;
  }
}
.top-companyBox_lists:before {
  content: "";
  display: block;
  width: 23%;
  height: 0;
  order: 1;
}
.top-companyBox_lists:after {
  content: "";
  display: block;
  width: 23%;
  height: 0;
}
.top-companyBox_lists li {
  margin-bottom: 40px;
  width: 23%;
}
@media screen and (max-width: 768px) {
  .top-companyBox_lists li {
    margin-bottom: 22px;
    width: 48%;
  }
}
.top-companyBox_lists li a {
  color: #534741;
  text-decoration: none;
  transition: 0.4s;
}
.top-companyBox_lists li a:hover {
  opacity: 0.6;
}
.top-companyBox_lists li img {
  margin-bottom: 15px;
  width: 100%;
  height: 125px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 768px) {
  .top-companyBox_lists li img {
    height: 28.13vw;
    margin-bottom: 11px;
  }
}
.top-companyBox_lists li p {
  text-align: center;
  font-size: 18px;
}
@media screen and (max-width: 768px) {
  .top-companyBox_lists li p {
    font-size: 12px;
  }
}

/* voice */
.no-webp .top-voice {
  background: url(../img/top/voice_bg.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .no-webp .top-voice {
    background: url(../img/top/voice_bg_sp.png);
    background-size: cover;
  }
}

.top-voice {
  width: 100%;
  padding: 4.5rem 0 5rem;
  background: url(../img/top/voice_bg.webp);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .top-voice {
    padding-top: 3.5625rem;
    padding-bottom: 5rem;
    background: url(../img/top/voice_bg_sp.webp);
    background-size: cover;
  }
}
.top-voice .slick-prev:before {
  content: "";
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url(../img/top/voice_arrow1.png);
  background-size: cover;
  z-index: 1;
  opacity: 1 !important;
}
.top-voice .slick-prev {
  width: 30px;
  height: 30px;
  left: -7px !important;
  z-index: 3;
}
.top-voice .slick-next:before {
  content: "";
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url(../img/top/voice_arrow2.png);
  background-size: cover;
  z-index: 1;
  opacity: 1 !important;
}
.top-voice .slick-next {
  width: 30px;
  height: 30px;
  right: -7px !important;
  z-index: 3;
}

.top-voice__heading {
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .top-voice__heading {
    margin-bottom: 2.25rem;
  }
}
.top-voice__heading .is_primary {
  position: relative;
  max-width: 435px;
  margin: 0 auto 20px;
}
@media screen and (max-width: 768px) {
  .top-voice__heading .is_primary {
    max-width: 17.25rem;
    margin-bottom: 0.75rem;
  }
}
.top-voice__heading .is_primary:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 129px;
  height: 140px;
  top: -9px;
  left: -92px;
  background: url(../img/top/voice_decoration1.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .top-voice__heading .is_primary:before {
    width: 5.125rem;
    height: 5.5625rem;
    top: -0.375rem;
    left: -2.9375rem;
  }
}
.top-voice__heading .is_primary:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 54px;
  height: 69px;
  top: -18px;
  right: -23px;
  background: url(../img/top/voice_decoration2.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .top-voice__heading .is_primary:after {
    width: 2.125rem;
    height: 2.75rem;
    top: inherit;
    bottom: 0;
    right: -0.9375rem;
  }
}
.top-voice__heading .is_secondary {
  position: relative;
  text-align: center;
  font-weight: 500;
  font-size: 48px;
}
.top-voice__heading .is_secondary:after {
  content: "";
  display: block;
  width: 89px;
  height: 28px;
  margin: 0.5rem auto 0;
  background: url(../img/common/heading_icon.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .top-voice__heading .is_secondary:after {
    width: 51px;
    height: 16px;
  }
}
@media screen and (max-width: 768px) {
  .top-voice__heading .is_secondary {
    font-size: 1.875rem;
  }
}

.top-voice__textarea {
  margin-bottom: 82px;
}
@media screen and (max-width: 768px) {
  .top-voice__textarea {
    margin-bottom: 2.3125rem;
  }
}
.top-voice__textarea p {
  text-align: center;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .top-voice__textarea p {
    font-size: 0.875rem;
  }
}

.top-voice__button {
  display: block;
  max-width: 380px;
  width: 100%;
  height: 80px;
  margin: 0 auto;
  padding-left: 45px;
  line-height: 80px;
  text-align: center;
  text-decoration: none;
  color: #FFF;
  font-size: 20px;
  background: #534741;
  border-radius: 40px;
  transition: 0.4s;
}
@media screen and (max-width: 768px) {
  .top-voice__button {
    max-width: 268px;
    height: 60px;
    height: 3.75rem;
    padding-left: 11px;
    line-height: 60px;
    line-height: 3.75rem;
    font-size: 19px;
    font-size: 1.188rem;
  }
}
.top-voice__button:hover {
  background: #FF6E00;
}
.top-voice__button:hover:after {
  transform: translateX(15px);
}
@media screen and (max-width: 768px) {
  .top-voice__button:hover:after {
    transform: translateX(6px);
  }
}
.top-voice__button:after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 12px;
  margin-left: 45px;
  background: url(../img/common/button_arrow.png);
  background-size: cover;
  vertical-align: middle;
  transition: 0.4s;
}
@media screen and (max-width: 768px) {
  .top-voice__button:after {
    margin-left: 11px;
  }
}

@media screen and (max-width: 1024px) {
  .top-voice_items {
    max-width: 660px;
    margin: 0 auto;
  }
}

.top-voice_item {
  position: relative;
  display: flex;
  align-items: stretch;
  min-height: 386px;
}
@media screen and (max-width: 1024px) {
  .top-voice_item {
    flex-direction: column;
    align-items: center;
    min-height: auto;
    margin: 0 auto;
  }
}
.top-voice_item picture {
  max-width: 557px;
  width: 51%;
}
@media screen and (max-width: 1024px) {
  .top-voice_item picture {
    max-width: 100%;
    width: 100%;
  }
}
.top-voice_item picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.top-voice_item figcaption {
  position: relative;
  max-width: 543px;
  width: 50%;
  padding: 4.5rem 34px 43px;
  background: #E8F8FF;
}
@media screen and (max-width: 1024px) {
  .top-voice_item figcaption {
    max-width: 100%;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .top-voice_item figcaption {
    padding-top: 4.5rem;
    padding-right: 1.5rem;
    padding-bottom: 1.75rem;
    padding-left: 1.5rem;
  }
}
.top-voice_item figcaption:before {
  content: "";
  position: absolute;
  display: inline-block;
  width: 158px;
  height: 117px;
  top: 0;
  left: 0;
  background: url(../img/top/point_decoration6.png);
  background-size: cover;
  z-index: 1;
}
.top-voice_item figcaption h3 {
  position: relative;
  margin-bottom: 1.125rem;
  font-size: 38px;
  font-weight: 400;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .top-voice_item figcaption h3 {
    font-size: 1.5rem;
  }
}
.top-voice_item figcaption h3 .is_border {
  position: relative;
  font-weight: 500;
  z-index: 1;
}
.top-voice_item figcaption h3 .is_border:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 6px;
  background-image: repeating-linear-gradient(-45deg, #FF6E00 0px, #FF6E00 1px, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%);
  background-size: 5px 5px;
  background-repeat: repeat-x;
  z-index: -1;
  bottom: 7px;
  left: 0;
}
@media screen and (max-width: 480px) {
  .top-voice_item figcaption h3 .is_border:after {
    bottom: 3px;
  }
}
.top-voice_item figcaption p {
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .top-voice_item figcaption p {
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 768px) {
  .top-voice_item figcaption p br {
    display: none;
  }
}
.top-voice_item figcaption a {
  display: block;
  margin-top: 28px;
  text-decoration: none;
  color: #534741;
  font-size: 20px;
  font-weight: 500;
  transition: 0.3s;
}
@media screen and (max-width: 768px) {
  .top-voice_item figcaption a {
    margin-top: 0.8125rem;
    text-align: center;
    font-size: 1rem;
  }
}
.top-voice_item figcaption a:hover {
  color: #FF6E00;
}
.top-voice_item figcaption a:hover:after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 12px;
  margin-left: 12px;
  transform: translateX(5px);
  background: url(../img/top/voice_arrow3_hover.png);
  background-size: cover;
  transition: 0.3s;
}
.top-voice_item figcaption a:after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 12px;
  margin-left: 12px;
  background: url(../img/top/voice_arrow3.png);
  background-size: cover;
  transition: 0.3s;
}
.top-voice_item.is_primary {
  margin-bottom: 2.5rem;
}
.top-voice_item.is_primary figcaption:after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 6.3125rem;
  height: 3.125rem;
  left: 2.125rem;
  top: 1.5rem;
  background: url(../img/top/voice_case1.png);
  background-size: cover;
  z-index: 1;
}
.top-voice_item.is_primary figcaption .is_image:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: -10px;
  right: -10px;
  width: 193px;
  height: 193px;
  background: url(../img/top/voice_decoration3.png);
  background-size: cover;
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.16);
  border-radius: 50%;
}
@media screen and (max-width: 1024px) {
  .top-voice_item.is_primary figcaption .is_image:before {
    right: 0;
  }
}
@media screen and (max-width: 768px) {
  .top-voice_item.is_primary figcaption .is_image:before {
    width: 6.4375rem;
    height: 6.4375rem;
  }
}
.top-voice_item.is_secondary {
  margin-bottom: 2.5rem;
}
.top-voice_item.is_secondary figcaption:after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 6.625rem;
  height: 3.125rem;
  left: 2.125rem;
  top: 1.5rem;
  background: url(../img/top/voice_case2.png);
  background-size: cover;
  z-index: 1;
}
.top-voice_item.is_secondary figcaption .is_image:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: -10px;
  right: -73px;
  width: 193px;
  height: 193px;
  background: url(../img/top/voice_decoration4.png);
  background-size: cover;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  border-radius: 50%;
}
@media screen and (max-width: 1024px) {
  .top-voice_item.is_secondary figcaption .is_image:before {
    right: 0;
  }
}
@media screen and (max-width: 768px) {
  .top-voice_item.is_secondary figcaption .is_image:before {
    width: 6.4375rem;
    height: 6.4375rem;
  }
}
.top-voice_item.is_tertiary {
  margin-bottom: 2.5rem;
}
.top-voice_item.is_tertiary figcaption:after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 6.625rem;
  height: 3.125rem;
  left: 2.125rem;
  top: 1.5rem;
  background: url(../img/top/voice_case3.png);
  background-size: cover;
  z-index: 1;
}
.top-voice_item.is_tertiary figcaption .is_image:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: -10px;
  right: -10px;
  width: 193px;
  height: 193px;
  background: url(../img/top/voice_decoration5.png);
  background-size: cover;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  border-radius: 50%;
}
@media screen and (max-width: 1024px) {
  .top-voice_item.is_tertiary figcaption .is_image:before {
    right: 0;
  }
}
@media screen and (max-width: 768px) {
  .top-voice_item.is_tertiary figcaption .is_image:before {
    width: 6.4375rem;
    height: 6.4375rem;
  }
}
.top-voice_item.is_quaternary {
  margin-bottom: 4.5rem;
}
.top-voice_item.is_quaternary figcaption:after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 6.625rem;
  height: 3.125rem;
  left: 2.125rem;
  top: 1.5rem;
  background: url(../img/top/voice_case4.png);
  background-size: cover;
  z-index: 1;
}
.top-voice_item.is_quaternary figcaption .is_image:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: -10px;
  right: -73px;
  width: 193px;
  height: 193px;
  background: url(../img/top/voice_decoration6.png);
  background-size: cover;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  border-radius: 50%;
}
@media screen and (max-width: 1024px) {
  .top-voice_item.is_quaternary figcaption .is_image:before {
    right: 0;
  }
}
@media screen and (max-width: 768px) {
  .top-voice_item.is_quaternary figcaption .is_image:before {
    width: 6.4375rem;
    height: 6.4375rem;
  }
}

.top-voice_item:nth-of-type(even) figcaption {
  order: 1;
}
@media screen and (max-width: 1024px) {
  .top-voice_item:nth-of-type(even) figcaption {
    order: 2;
  }
}
.top-voice_item:nth-of-type(even) picture {
  order: 2;
}
@media screen and (max-width: 1024px) {
  .top-voice_item:nth-of-type(even) picture {
    order: 1;
  }
}

/* staff */
.no-webp .top-staff {
  background: url(../img/common/yellow_bg.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .no-webp .top-staff {
    background: url(../img/common/yellow_bg_sp.png);
    background-size: cover;
  }
}

.top-staff {
  width: 100%;
  padding: 85px 0 5rem;
  background: url(../img/common/yellow_bg.webp);
  background-size: cover;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .top-staff {
    padding-top: 4.0625rem;
    padding-bottom: 5rem;
    padding: 65px 0 5rem;
    background: url(../img/common/yellow_bg_sp.webp);
    background-size: cover;
  }
}

.top-staff__heading {
  margin-bottom: 42px;
}
.top-staff__heading .is_primary {
  position: relative;
  max-width: 435px;
  margin: 0 auto 20px;
}
@media screen and (max-width: 768px) {
  .top-staff__heading .is_primary {
    max-width: 13.875rem;
  }
}
.top-staff__heading .is_primary:before {
  content: "";
  position: absolute;
  display: inline-block;
  width: 96px;
  height: 135px;
  top: -20px;
  left: -50px;
  background: url(../img/top/staff_decoration1.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .top-staff__heading .is_primary:before {
    width: 4.4375rem;
    height: 6.1875rem;
    top: -3.5rem;
    left: -3.625rem;
  }
}
.top-staff__heading .is_primary:after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 55px;
  height: 57px;
  top: -9px;
  right: 13px;
  background: url(../img/top/staff_decoration2.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .top-staff__heading .is_primary:after {
    width: 2.5rem;
    height: 2.625rem;
    top: -0.4375rem;
    right: -1.25rem;
  }
}
.top-staff__heading .is_secondary {
  position: relative;
  text-align: center;
  font-weight: 500;
  font-size: 48px;
}
.top-staff__heading .is_secondary:after {
  content: "";
  display: block;
  width: 89px;
  height: 28px;
  margin: 0.5rem auto 0;
  background: url(../img/common/heading_icon.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .top-staff__heading .is_secondary:after {
    width: 51px;
    height: 16px;
  }
}
@media screen and (max-width: 768px) {
  .top-staff__heading .is_secondary {
    font-size: 1.875rem;
  }
}

.top-staff__textarea {
  margin-bottom: 3.9375rem;
  text-align: center;
  line-height: 2;
}

.top-staff__button {
  display: block;
  max-width: 380px;
  width: 100%;
  height: 80px;
  margin: 0 auto;
  padding-left: 45px;
  line-height: 80px;
  text-align: center;
  text-decoration: none;
  color: #FFF;
  font-size: 20px;
  background: #534741;
  border-radius: 40px;
  transition: 0.4s;
}
@media screen and (max-width: 768px) {
  .top-staff__button {
    max-width: 268px;
    height: 60px;
    height: 3.75rem;
    padding-left: 11px;
    line-height: 60px;
    line-height: 3.75rem;
    font-size: 19px;
    font-size: 1.188rem;
  }
}
.top-staff__button:hover {
  background: #FF6E00;
}
.top-staff__button:hover:after {
  transform: translateX(15px);
}
@media screen and (max-width: 768px) {
  .top-staff__button:hover:after {
    transform: translateX(6px);
  }
}
.top-staff__button:after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 12px;
  margin-left: 45px;
  background: url(../img/common/button_arrow.png);
  background-size: cover;
  vertical-align: middle;
  transition: 0.4s;
}
@media screen and (max-width: 768px) {
  .top-staff__button:after {
    margin-left: 11px;
  }
}

.top-staff_lists {
  display: flex;
  justify-content: space-between;
  margin: 0 auto 92px !important;
}
@media screen and (max-width: 1024px) {
  .top-staff_lists {
    flex-wrap: wrap;
    max-width: 660px;
    margin-bottom: 62px !important;
  }
}
.top-staff_lists li {
  /*max-width: 241px;*/
  position: relative;
  /*width: 24%;*/
  margin: 18px 10px 0;
}
@media screen and (max-width: 1024px) {
  .top-staff_lists li {
    max-width: 100%;
    width: 48%;
  }
}
.top-staff_lists li a {
  color: #292929;
}
.top-staff_lists li a:hover img {
  opacity: 0.7;
}
.top-staff_lists li a:hover .is_en {
  color: #7F7F7F;
}
.top-staff_lists li img {
  width: 100%;
  height: 286px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 25px;
  transition: 0.4s;
}
@media screen and (max-width: 480px) {
  .top-staff_lists li img {
    height: 81.5vw;
  }
}
.top-staff_lists li .is_en {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -21px;
  color: #FFF;
  font: 900 27px "Roboto", sans-serif;
  transition: 0.4s;
}
@media screen and (max-width: 480px) {
  .top-staff_lists li .is_en {
    /*top: -12px;
    font-size: 16px;*/
  }
}
.top-staff_lists li .title_wrap {
  position: absolute;
  min-width: 214px;
  bottom: 60px;
  left: -7px;
}
@media screen and (max-width: 768px) {
  .top-staff_lists li .title_wrap {
    min-width: 95%;
    /*bottom: 45px;*/
  }
}
@media screen and (max-width: 480px) {
  .top-staff_lists li .title_wrap {
    bottom: 60px;
  }
}
.top-staff_lists li .is_title {
  position: relative;
  padding: 4px 10px;
  font-size: 14px;
  font-weight: 500;
  background: #FFD300;
}
@media screen and (max-width: 768px) {
  .top-staff_lists li .is_title {
    padding: 5px 3px;
  }
}
@media screen and (max-width: 480px) {
  .top-staff_lists li .is_title {
    /*ont-size: 10px;*/
  }
}
.top-staff_lists li .is_title:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 4px transparent;
  border-right: solid 7px #888888;
}
.top-staff_lists li .is_name {
  position: absolute;
  bottom: 21px;
  right: -6px;
  padding: 3px;
  min-width: 136px;
  text-align: center;
  font-weight: 500;
  background: #FFF;
  box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.16);
}
@media screen and (max-width: 768px) {
  .top-staff_lists li .is_name {
    /*bottom: 13px;
    font-size: 12px;*/
  }
}
.top-staff_lists .slick-prev {
  width: 50px;
  height: 50px;
  left: -24px !important;
  z-index: 3;
}
@media screen and (max-width: 1235px) {
  .top-staff_lists .slick-prev {
    left: -10px !important;
  }
}
@media screen and (max-width: 768px) {
  .top-staff_lists .slick-prev {
    left: -5px !important;
  }
}
.top-staff_lists .slick-prev:before {
  content: "";
  display: inline-block;
  width: 50px;
  height: 50px;
  background: url(../img/top/seminar_arrow1.png);
  background-size: cover;
  z-index: 1;
  opacity: 1 !important;
}
@media screen and (max-width: 768px) {
  .top-staff_lists .slick-prev:before {
    width: 30px;
    height: 30px;
  }
}
.top-staff_lists .slick-next {
  width: 50px;
  height: 50px;
  right: -24px !important;
  z-index: 3;
}
@media screen and (max-width: 1235px) {
  .top-staff_lists .slick-next {
    right: -10px !important;
  }
}
@media screen and (max-width: 768px) {
  .top-staff_lists .slick-next {
    right: -5px !important;
  }
}
.top-staff_lists .slick-next:before {
  content: "";
  display: inline-block;
  width: 50px;
  height: 50px;
  background: url(../img/top/seminar_arrow2.png);
  background-size: cover;
  z-index: 1;
  opacity: 1 !important;
}
@media screen and (max-width: 768px) {
  .top-staff_lists .slick-next:before {
    width: 30px;
    height: 30px;
  }
}
.top-staff_lists .slick-slide > div {
  padding: 0 10px;
}
.top-staff_lists .slick-slide > div li {
  margin: 15px 0 0;
}

/* お客様とのお約束 */
.top-promise {
  margin-bottom: 3.5rem;
  padding: 4.5rem 0 5rem;
  background: #D0EFF4;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .top-promise {
    margin-bottom: 39px;
    padding: 58px 0 5rem;
  }
}
.top-promise h2 {
  margin-bottom: 38px;
}
@media screen and (max-width: 768px) {
  .top-promise h2 {
    margin-bottom: 3.5rem;
  }
}
.top-promise h2 .is_primary {
  position: relative;
  max-width: 435px;
  margin: 0 auto 20px;
}
@media screen and (max-width: 768px) {
  .top-promise h2 .is_primary {
    max-width: 240px;
  }
}
.top-promise h2 .is_primary:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 78px;
  height: 51px;
  top: 3px;
  right: -21px;
  background: url(../img/top/promise_decoration.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .top-promise h2 .is_primary:after {
    width: 57px;
    height: 37px;
    top: -2px;
    right: -32px;
  }
}
.top-promise h2 .is_secondary {
  position: relative;
  text-align: center;
  font-weight: 500;
  font-size: 48px;
}
.top-promise h2 .is_secondary:after {
  content: "";
  display: block;
  width: 89px;
  height: 28px;
  margin: 0.5rem auto 0;
  background: url(../img/common/heading_icon.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .top-promise h2 .is_secondary:after {
    width: 51px;
    height: 16px;
  }
}
@media screen and (max-width: 768px) {
  .top-promise h2 .is_secondary {
    font-size: 30px;
  }
}

.top-promise_lists {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .top-promise_lists {
    flex-direction: column;
    align-items: center;
  }
}
.top-promise_lists li {
  max-width: 348px;
  width: 32%;
  padding: 16px 17px 13px;
  background: #FFF;
  border: solid 6px #D0EFF4;
  outline: 6px solid #FFF;
}
@media screen and (max-width: 768px) {
  .top-promise_lists li {
    width: 100%;
  }
  .top-promise_lists li:not(:last-child) {
    margin-bottom: 2rem;
  }
}
.top-promise_lists li:first-child h3 {
  color: #0077B7;
}
.top-promise_lists li:nth-of-type(2) h3 {
  color: #44A813;
}
.top-promise_lists li:nth-of-type(3) h3 {
  color: #FF6E00;
}
.top-promise_lists li h3 {
  margin-bottom: 15px;
  text-align: center;
  font-size: 23px;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .top-promise_lists li h3 {
    margin-bottom: 14px;
    font-size: 19px;
    font-weight: 500;
  }
}

/* お知らせ */
.top-news {
  margin-bottom: 5rem;
  padding-top: 57px;
  padding-bottom: 80px;
  overflow: hidden;
  background: #D0EFF4;
}
@media screen and (max-width: 768px) {
  .top-news {
    padding-top: 2.1875rem;
    padding-bottom: 3.75rem;
  }
}

.top-news__button-wrap {
  max-width: 1036px;
  margin: 0 auto;
}

.top-news__button {
  display: block;
  max-width: 123px;
  width: 100%;
  height: 34px;
  margin-left: auto;
  margin-bottom: 47px;
  line-height: 34px;
  text-decoration: none;
  color: #534741;
  text-align: center;
  font-size: 14px;
  background: #FFF;
  border: solid 1px #534741;
  border-radius: 17px;
  transition: 0.4s;
}
@media screen and (max-width: 768px) {
  .top-news__button {
    margin-bottom: 27px;
    margin-top: -23px;
    max-width: 108px;
    font-size: 0.75rem;
  }
}
.top-news__button:hover {
  opacity: 0.7;
}
.top-news__button:hover:after {
  transform: translateX(3px);
}
.top-news__button:after {
  content: "";
  display: inline-block;
  width: 4px;
  height: 6px;
  margin-left: 12px;
  background: url(../img/top/post_arrow.png);
  background-size: cover;
  transition: 0.4s;
  vertical-align: middle;
}

.top-news__heading .is_secondary {
  position: relative;
  text-align: center;
  font-weight: 500;
  width: 192px;
  margin: 0 auto;
  font-size: 48px;
}
.top-news__heading .is_secondary:after {
  content: "";
  display: block;
  width: 89px;
  height: 28px;
  margin: 0.5rem auto 0;
  background: url(../img/common/heading_icon.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .top-news__heading .is_secondary:after {
    width: 51px;
    height: 16px;
  }
}
@media screen and (max-width: 768px) {
  .top-news__heading .is_secondary {
    max-width: 7.8125rem;
    font-size: 1.875rem;
  }
  .top-news__heading .is_secondary:after {
    width: 5rem;
    height: 1.5rem;
  }
}
.top-news__heading .is_secondary:before {
  content: "";
  position: absolute;
  display: inline-block;
  width: 89px;
  height: 59px;
  top: 18px;
  left: -101px;
  background: url(../img/top/news_decoration.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .top-news__heading .is_secondary:before {
    width: 4.25rem;
    height: 2.8125rem;
    top: 1px;
    left: -5.125rem;
  }
}

.top-news_lists li:last-child a {
  border-bottom: solid 1px #D2D2D2;
}
.top-news_lists li a {
  display: block;
  padding: 25px 0;
  text-decoration: none;
  color: #534741;
  border-top: solid 1px #D2D2D2;
  transition: 0.4s;
}
@media screen and (max-width: 768px) {
  .top-news_lists li a {
    padding: 15px 0 13px;
  }
}
.top-news_lists li a:hover dd {
  color: #FF6E00;
  text-decoration: underline;
}
.top-news_lists li a dl {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .top-news_lists li a dl {
    flex-direction: column;
  }
}
.top-news_lists li a dl dt {
  max-width: 225px;
  width: 100%;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .top-news_lists li a dl dt {
    max-width: inherit;
    margin-bottom: 9px;
    text-align: left;
    font-size: 13px;
  }
}
.top-news_lists li a dl dd {
  flex: 2;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: 0.4s;
}
@media screen and (max-width: 768px) {
  .top-news_lists li a dl dd {
    font-size: 14px;
    -webkit-line-clamp: 2;
  }
}

/* blog */
.no-webp .top-blog .bg {
  background: url(../img/common/pattern_bg.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .no-webp .top-blog .bg {
    background: url(../img/common/pattern_bg_sp.png);
    background-size: cover;
  }
}

.top-blog {
  margin-bottom: 5rem;
  padding: 0 60px;
}
@media screen and (max-width: 1235px) {
  .top-blog {
    padding: 0;
  }
}
.top-blog .bg {
  width: 100%;
  padding: 66px 0 5rem;
  background: url(../img/common/pattern_bg.webp);
  background-size: cover;
  border-radius: 230px;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .top-blog .bg {
    padding-top: 2.1875rem;
    padding-bottom: 5rem;
    background: url(../img/common/pattern_bg_sp.webp);
    background-size: cover;
    border-radius: 5.3125rem;
  }
}
.top-blog .textarea {
  margin-bottom: 42px;
  text-align: center;
  line-height: 2;
}

.top-blog__heading .is_secondary {
  position: relative;
  text-align: center;
  font-weight: 500;
  max-width: 336px;
  margin: 0 auto;
  font-size: 48px;
}
.top-blog__heading .is_secondary:after {
  content: "";
  display: block;
  width: 89px;
  height: 28px;
  margin: 0.5rem auto 0;
  background: url(../img/common/heading_icon.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .top-blog__heading .is_secondary:after {
    width: 51px;
    height: 16px;
  }
}
@media screen and (max-width: 768px) {
  .top-blog__heading .is_secondary {
    max-width: 13.4375rem;
    font-size: 1.875rem;
  }
}
.top-blog__heading .is_secondary:before {
  content: "";
  position: absolute;
  display: inline-block;
  width: 151px;
  height: 136px;
  top: -5px;
  right: -151px;
  background: url(../img/top/blog_decoration.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .top-blog__heading .is_secondary:before {
    width: 6.8125rem;
    height: 6.125rem;
    top: 0;
    right: -5.625rem;
  }
}

.top-blog__button {
  display: block;
  max-width: 164px;
  width: 100%;
  height: 34px;
  margin: 30px 0 42px auto;
  line-height: 34px;
  text-decoration: none;
  color: #534741;
  text-align: center;
  font-size: 14px;
  background: #FFF;
  border: solid 1px #534741;
  border-radius: 17px;
  transition: 0.4s;
}
@media screen and (max-width: 768px) {
  .top-blog__button {
    margin-top: 2.5rem;
    margin-bottom: 2.25rem;
    max-width: 9.5625rem;
    font-size: 0.75rem;
  }
}
.top-blog__button:hover {
  opacity: 0.7;
}
.top-blog__button:hover:after {
  transform: translateX(3px);
}
.top-blog__button:after {
  content: "";
  display: inline-block;
  width: 0.25rem;
  height: 0.375rem;
  margin-left: 0.75rem;
  background: url(../img/top/post_arrow.png);
  background-size: cover;
  transition: 0.4s;
  vertical-align: middle;
}

.top-blog_box {
  margin-bottom: 100px;
  padding: 47px 1rem 44px;
  background: #FFF;
  border-radius: 60px;
}
@media screen and (max-width: 768px) {
  .top-blog_box {
    margin-bottom: 50px;
    padding: 46px 18px 49px;
    border-radius: 35px;
  }
}
.top-blog_box .inner {
  max-width: 978px;
  margin: 0 auto;
}

.top-blog_lists {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
}
.top-blog_lists:after {
  content: "";
  display: block;
  width: 24%;
  height: 0;
}
.top-blog_lists:before {
  content: "";
  display: block;
  width: 24%;
  height: 0;
  order: 1;
}
.top-blog_lists li {
  max-width: 210px;
  width: 24%;
}
@media screen and (max-width: 1024px) {
  .top-blog_lists li {
    max-width: 100%;
    width: 48%;
    margin-bottom: 55px;
  }
  .top-blog_lists li:nth-last-child(-n+2) {
    margin-bottom: 0;
  }
}
.top-blog_lists li a {
  display: block;
  color: #534741;
  text-decoration: none;
}
.top-blog_lists li a:hover img, .top-blog_lists li a:hover .is_title {
  opacity: 0.7;
}
.top-blog_lists li a:hover .place, .top-blog_lists li a:hover .select, .top-blog_lists li a:hover .loan, .top-blog_lists li a:hover .report, .top-blog_lists li a:hover .budget, .top-blog_lists li a:hover .voice, .top-blog_lists li a:hover .problem, .top-blog_lists li a:hover .other {
  opacity: 0.7;
}
.top-blog_lists li a .is_date {
  margin-bottom: 11px;
}
@media screen and (max-width: 768px) {
  .top-blog_lists li a .is_date {
    margin-bottom: 5px;
  }
}
.top-blog_lists li a .is_date span:nth-of-type(1) {
  margin-right: 3px;
  font: 900 18px "Roboto", sans-serif;
}
@media screen and (max-width: 768px) {
  .top-blog_lists li a .is_date span:nth-of-type(1) {
    font-size: 12px;
  }
}
.top-blog_lists li a .is_date span:nth-of-type(2) {
  font: 900 14px "Roboto", sans-serif;
}
@media screen and (max-width: 768px) {
  .top-blog_lists li a .is_date span:nth-of-type(2) {
    font-size: 10px;
  }
}
.top-blog_lists li a .image_wrap {
  position: relative;
}
.top-blog_lists li a .image_wrap img {
  width: 100%;
  height: 160px;
  margin-bottom: 16px;
  -o-object-fit: cover;
     object-fit: cover;
  transition: 0.4s;
}
@media screen and (max-width: 1024px) {
  .top-blog_lists li a .image_wrap img {
    height: 30.27vw;
  }
}
@media screen and (max-width: 768px) {
  .top-blog_lists li a .image_wrap img {
    margin-bottom: 0.5rem;
  }
}
.top-blog_lists li a .is_category {
  position: absolute;
  bottom: 18px;
  left: -7px;
}
@media screen and (max-width: 768px) {
  .top-blog_lists li a .is_category {
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .top-blog_lists li a .is_category {
    bottom: 12px;
  }
}
.top-blog_lists li a .is_category .cat {
  display: block;
  position: relative;
  min-width: 197px;
  padding: 3px 7px;
  color: #FFF;
  font-size: 14px;
  font-weight: 500;
  background: #534641;
  transition: 0.4s;
}
@media screen and (max-width: 768px) {
  .top-blog_lists li a .is_category .cat {
    width: 95%;
    min-width: inherit;
    font-size: 10px;
  }
}
.top-blog_lists li a .is_category .cat:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 4px transparent;
  border-right: solid 7px #888888;
}
.top-blog_lists li a .is_category .place {
  background: #44A813;
}
.top-blog_lists li a .is_category .select {
  background: #8BBE40;
}
.top-blog_lists li a .is_category .loan {
  background: #FFA200;
}
.top-blog_lists li a .is_category .report {
  background: #FFD300;
}
.top-blog_lists li a .is_category .budget {
  background: #F6AB28;
}
.top-blog_lists li a .is_category .voice {
  background: #FFAAAA;
}
.top-blog_lists li a .is_category .problem {
  background: #E38DD9;
}
.top-blog_lists li a .is_category .other {
  background: #534741;
}
.top-blog_lists li a .is_title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-decoration: underline;
  transition: 0.4s;
}
@media screen and (max-width: 768px) {
  .top-blog_lists li a .is_title {
    font-size: 14px;
  }
}

.top-blog_pick {
  position: relative;
  padding: 57px 1rem 58px;
  background: #FFF;
}
@media screen and (max-width: 768px) {
  .top-blog_pick {
    padding: 70px 18px 53px;
  }
}
.top-blog_pick:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 237px;
  height: 100px;
  top: -47px;
  left: 0;
  background: url(../img/top/blog_pick.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .top-blog_pick:before {
    width: 167px;
    height: 70px;
    top: -25px;
  }
}
.top-blog_pick .inner {
  max-width: 978px;
  margin: 0 auto;
}
.top-blog_pick h3 {
  display: inline-block;
  margin-bottom: 20px;
  padding: 8px 28px 8px 22px;
  color: #FFF;
  text-align: center;
  font-size: 19px;
  font-weight: 500;
  border-radius: 30px;
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.16);
}
@media screen and (max-width: 768px) {
  .top-blog_pick h3 {
    margin-bottom: 15px;
    padding: 2px 19px 2px 13px;
    font-size: 11px;
  }
}
.top-blog_pick .is_place {
  margin-bottom: 34px;
  padding-bottom: 31px;
  border-bottom: 1px solid #534741;
}
.top-blog_pick .is_place h3 {
  background: #44A813;
}
.top-blog_pick .is_loan {
  margin-bottom: 34px;
  padding-bottom: 31px;
  border-bottom: 1px solid #534741;
}
.top-blog_pick .is_loan h3 {
  background: #FFA200;
}
.top-blog_pick .is_report h3 {
  background: #FFD300;
}

/* seminar */
.no-webp .top-seminar {
  background: url(../img/common/orange_bg.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .no-webp .top-seminar {
    background: url(../img/common/orange_bg_sp.png);
    background-size: cover;
  }
}

.top-seminar {
  padding: 60px 0 5rem;
  background: url(../img/common/orange_bg.webp);
  background-size: cover;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .top-seminar {
    padding-top: 3.625rem;
    background: url(../img/common/orange_bg_sp.webp);
    background-size: cover;
  }
  .top-seminar .l-inner.no_padding {
    padding: 0;
  }
}

.top-seminar__heading {
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .top-seminar__heading {
    margin-bottom: 2.75rem;
  }
}
@media screen and (max-width: 380px) {
  .top-seminar__heading {
    max-width: 300px;
    margin-left: auto;
  }
}
.top-seminar__heading .is_primary {
  position: relative;
  max-width: 435px;
  margin: 0 auto 20px;
}
@media screen and (max-width: 768px) {
  .top-seminar__heading .is_primary {
    max-width: 15.3125rem;
    margin-bottom: 0.625rem;
  }
}
.top-seminar__heading .is_primary:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 185px;
  height: 139px;
  top: 9px;
  left: -159px;
  background: url(../img/top/seminar_decoration1.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .top-seminar__heading .is_primary:before {
    width: 6.5rem;
    height: 4.875rem;
    top: 0.3125rem;
    left: -5.625rem;
  }
}
.top-seminar__heading .is_primary:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 77px;
  height: 48px;
  top: -15px;
  right: 13px;
  background: url(../img/top/seminar_decoration2.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .top-seminar__heading .is_primary:after {
    width: 2.6875rem;
    height: 1.6875rem;
    top: -0.5625rem;
    right: 0.375rem;
  }
}
.top-seminar__heading .is_secondary {
  position: relative;
  text-align: center;
  font-weight: 500;
  font-size: 48px;
}
.top-seminar__heading .is_secondary:after {
  content: "";
  display: block;
  width: 89px;
  height: 28px;
  margin: 0.5rem auto 0;
  background: url(../img/common/heading_icon.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .top-seminar__heading .is_secondary:after {
    width: 51px;
    height: 16px;
  }
}
.top-seminar__heading .is_secondary span {
  padding-left: 155px;
}
@media screen and (max-width: 768px) {
  .top-seminar__heading .is_secondary {
    font-size: 1.625rem;
  }
  .top-seminar__heading .is_secondary span {
    padding-left: 0;
  }
}

.top-seminar__textarea {
  margin-bottom: 2.625rem;
  text-align: center;
  line-height: 2;
}
@media screen and (max-width: 480px) {
  .top-seminar__textarea {
    font-size: 0.9375rem;
  }
}

.top-seminar__button {
  display: block;
  max-width: 380px;
  width: 100%;
  height: 80px;
  margin: 0 auto;
  padding-left: 45px;
  line-height: 80px;
  text-align: center;
  text-decoration: none;
  color: #FFF;
  font-size: 20px;
  background: #534741;
  border-radius: 40px;
  transition: 0.4s;
  margin: 48px auto 0;
}
@media screen and (max-width: 768px) {
  .top-seminar__button {
    max-width: 268px;
    height: 60px;
    height: 3.75rem;
    padding-left: 11px;
    line-height: 60px;
    line-height: 3.75rem;
    font-size: 19px;
    font-size: 1.188rem;
  }
}
.top-seminar__button:hover {
  background: #FF6E00;
}
.top-seminar__button:hover:after {
  transform: translateX(15px);
}
@media screen and (max-width: 768px) {
  .top-seminar__button:hover:after {
    transform: translateX(6px);
  }
}
.top-seminar__button:after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 12px;
  margin-left: 45px;
  background: url(../img/common/button_arrow.png);
  background-size: cover;
  vertical-align: middle;
  transition: 0.4s;
}
@media screen and (max-width: 768px) {
  .top-seminar__button:after {
    margin-left: 11px;
  }
}
@media screen and (max-width: 768px) {
  .top-seminar__button {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }
}

.top-seminar_lists .slick-slide > div,
.top-seminar_lists .slick-slide {
  padding: 0 10px;
}
.top-seminar_lists li {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  transition: 0.4s;
}
.top-seminar_lists li:hover {
  opacity: 0.7;
}
.top-seminar_lists li a {
  color: #534741;
  text-decoration: none;
}
.top-seminar_lists li .image_wrap {
  position: relative;
}
.top-seminar_lists li .image_wrap img {
  width: 100%;
  height: 156px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 768px) {
  .top-seminar_lists li .image_wrap img {
    height: 45.48vw;
  }
}
.top-seminar_lists li .image_wrap .is_tag {
  position: absolute;
  bottom: 18px;
  left: -7px;
}
.top-seminar_lists li .image_wrap .is_tag span {
  display: block;
  position: relative;
  min-width: 197px;
  padding: 3px 7px;
  color: #FFF;
  font-size: 14px;
  font-weight: 500;
  transition: 0.4s;
  background: #FF6E00;
}
.top-seminar_lists li .image_wrap .is_tag span:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 4px transparent;
  border-right: solid 7px #888888;
}
.top-seminar_lists li .content_wrap {
  padding: 18px 19px 1rem;
  background: #FFF;
}
@media screen and (max-width: 768px) {
  .top-seminar_lists li .content_wrap {
    padding: 23px 19px 31px;
  }
}
.top-seminar_lists li .content_wrap .is_date {
  margin-bottom: 0.5rem;
  text-align: center;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .top-seminar_lists li .content_wrap .is_date {
    font-size: 19px;
  }
}
.top-seminar_lists li .content_wrap .is_date:before {
  content: "開催日：";
}
.top-seminar_lists li .content_wrap .is_title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.top-seminar_lists .slick-prev {
  width: 50px;
  height: 50px;
  left: -24px !important;
  z-index: 3;
}
@media screen and (max-width: 1235px) {
  .top-seminar_lists .slick-prev {
    left: -10px !important;
  }
}
@media screen and (max-width: 768px) {
  .top-seminar_lists .slick-prev {
    left: -5px !important;
  }
}
@media screen and (max-width: 480px) {
  .top-seminar_lists .slick-prev {
    top: 55%;
  }
}
.top-seminar_lists .slick-prev:before {
  content: "";
  display: inline-block;
  width: 50px;
  height: 50px;
  background: url(../img/top/seminar_arrow1.png);
  background-size: cover;
  z-index: 1;
  opacity: 1 !important;
}
@media screen and (max-width: 768px) {
  .top-seminar_lists .slick-prev:before {
    width: 30px;
    height: 30px;
  }
}
.top-seminar_lists .slick-next {
  width: 50px;
  height: 50px;
  right: -24px !important;
  z-index: 3;
}
@media screen and (max-width: 1235px) {
  .top-seminar_lists .slick-next {
    right: -10px !important;
  }
}
@media screen and (max-width: 768px) {
  .top-seminar_lists .slick-next {
    right: -5px !important;
  }
}
@media screen and (max-width: 480px) {
  .top-seminar_lists .slick-next {
    top: 55%;
  }
}
.top-seminar_lists .slick-next:before {
  content: "";
  display: inline-block;
  width: 50px;
  height: 50px;
  background: url(../img/top/seminar_arrow2.png);
  background-size: cover;
  z-index: 1;
  opacity: 1 !important;
}
@media screen and (max-width: 768px) {
  .top-seminar_lists .slick-next:before {
    width: 30px;
    height: 30px;
  }
}

@media screen and (max-width: 768px) {
  .top-seminar_lists_text {
    padding: 0 20px;
  }
}
/* shopinfo */
.no-webp .top-shopinfo {
  background: url(../img/top/shopinfo_bg.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .no-webp .top-shopinfo {
    background: url(../img/top/shopinfo_bg_sp.png);
    background-size: cover;
  }
}

.top-shopinfo {
  padding: 75px 0 100px;
  width: 100%;
  background: url(../img/top/shopinfo_bg.webp);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .top-shopinfo {
    padding-top: 4.375rem;
    padding-bottom: 3.125rem;
    background: url(../img/top/shopinfo_bg_sp.webp);
    background-size: cover;
  }
}

.top-shopinfo__heading {
  margin-bottom: 5rem;
  text-align: center;
  color: #FFF;
  font-size: 32px;
  font-weight: 500;
  letter-spacing: 0.1rem;
}
@media screen and (max-width: 768px) {
  .top-shopinfo__heading {
    margin-bottom: 2.125rem;
    font-size: 1.25rem;
  }
}
.top-shopinfo__heading:before {
  content: "";
  display: block;
  width: 5.5625rem;
  height: 1.75rem;
  margin: 0 auto 0.5rem;
  background: url(../img/common/heading_icon.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .top-shopinfo__heading:before {
    margin-bottom: 1rem;
  }
}

.top-shopinfo_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 39px 37px 39px 39px;
  background: #FFF;
}
@media screen and (max-width: 768px) {
  .top-shopinfo_box {
    flex-direction: column;
    align-items: center;
    padding-top: 1.125rem;
    padding-right: 1.25rem;
    padding-bottom: 1.125rem;
    padding-left: 1.25rem;
  }
}

.top-shopinfoBox_map {
  max-width: 453px;
  width: 45%;
}
@media screen and (max-width: 768px) {
  .top-shopinfoBox_map {
    max-width: 100%;
    width: 100%;
    margin-bottom: 1.375rem;
  }
}
.top-shopinfoBox_map iframe {
  width: 100%;
  height: 286px;
}

.top-shopinfoBox_item {
  max-width: 541px;
  width: 53%;
  font-style: normal;
}
@media screen and (max-width: 768px) {
  .top-shopinfoBox_item {
    max-width: 100%;
    width: 100%;
  }
}
.top-shopinfoBox_item img {
  max-width: 287px;
  width: 100%;
  margin-bottom: 26px;
}
@media screen and (max-width: 768px) {
  .top-shopinfoBox_item img {
    max-width: 12.5rem;
    margin-bottom: 1rem;
  }
}

.top-shopinfo__dl {
  display: flex;
  margin-bottom: 3px;
  font-size: 20px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .top-shopinfo__dl {
    font-size: 0.875rem;
  }
}
.top-shopinfo__dl dt {
  width: 80px;
  margin-right: 15px;
  -moz-text-align-last: justify;
       text-align-last: justify;
}
@media screen and (max-width: 768px) {
  .top-shopinfo__dl dt {
    width: 58px;
  }
}
.top-shopinfo__dl dd {
  flex: 2;
  white-space: nowrap;
}

.top-shopinfo__button {
  display: block;
  max-width: 380px;
  width: 100%;
  height: 80px;
  margin: 0 auto;
  padding-left: 45px;
  line-height: 80px;
  text-align: center;
  text-decoration: none;
  color: #FFF;
  font-size: 20px;
  background: #534741;
  border-radius: 40px;
  transition: 0.4s;
  margin-inline: auto;
  margin-top: 1.375rem;
  margin-bottom: 1.375rem;
}
@media screen and (max-width: 768px) {
  .top-shopinfo__button {
    max-width: 268px;
    height: 60px;
    height: 3.75rem;
    padding-left: 11px;
    line-height: 60px;
    line-height: 3.75rem;
    font-size: 19px;
    font-size: 1.188rem;
  }
}
.top-shopinfo__button:hover {
  background: #FF6E00;
}
.top-shopinfo__button:hover:after {
  transform: translateX(15px);
}
@media screen and (max-width: 768px) {
  .top-shopinfo__button:hover:after {
    transform: translateX(6px);
  }
}
.top-shopinfo__button:after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 12px;
  margin-left: 45px;
  background: url(../img/common/button_arrow.png);
  background-size: cover;
  vertical-align: middle;
  transition: 0.4s;
}
@media screen and (max-width: 768px) {
  .top-shopinfo__button:after {
    margin-left: 11px;
  }
}

/* work */
.top-work {
  padding: 5rem 0 0;
  background: #D0EFF4;
}
@media screen and (max-width: 768px) {
  .top-work {
    padding: 70px 0 65px;
  }
  .top-work .l-inner.no_padding {
    padding: 0;
  }
}
.top-work h2 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 25px;
  text-align: center;
  font-size: 32px;
  font-weight: 500;
  letter-spacing: 0.1rem;
}
@media screen and (max-width: 768px) {
  .top-work h2 {
    margin-bottom: 38px;
    font-size: 20px;
  }
}
@media screen and (max-width: 380px) {
  .top-work h2 br {
    display: none;
  }
}
.top-work h2 span:before {
  content: "";
  display: inline-block;
  width: 67px;
  height: 67px;
  margin-right: 10px;
  background: url(../img/top/work_decoration.png);
  background-size: cover;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .top-work h2 span:before {
    width: 59px;
    height: 59px;
    margin-right: 6px;
  }
}
.top-work .textarea {
  text-align: center;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .top-work .textarea {
    margin-bottom: 20px;
    font-size: 14px;
  }
}

.top-work_image img {
  position: relative;
  margin: -85px 0 0;
}
@media screen and (max-width: 768px) {
  .top-work_image img {
    margin: 0;
  }
}

/* about */
.about_section .breadcrumb_wrap {
  margin-bottom: 70px;
}
@media screen and (max-width: 768px) {
  .about_section .breadcrumb_wrap {
    margin-bottom: 5.8125rem;
  }
}
.about_section .top-promise {
  margin-bottom: 0;
}

/* lead */
.about-lead {
  width: 100%;
  padding: 1rem 0 5rem;
  background: url(../img/common/yellow_bg.png);
  background-size: cover;
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  .about-lead .l-inner.no_padding {
    padding: 0;
  }
}
@media screen and (max-width: 768px) {
  .about-lead {
    padding-bottom: 4.8125rem;
    background: url(../img/common/yellow_bg_sp.png);
    background-size: cover;
  }
}

.about-lead_items {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 1024px) {
  .about-lead_items {
    flex-direction: column;
  }
}
.about-lead_items figcaption {
  position: absolute;
  width: 57%;
  max-width: 619px;
  padding: 48px 46px;
  background: #FFF;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
  z-index: 1;
}
@media screen and (max-width: 1024px) {
  .about-lead_items figcaption {
    position: relative;
    max-width: 100%;
    width: 98%;
    margin-top: -12px;
    order: 2;
  }
}
@media screen and (max-width: 768px) {
  .about-lead_items figcaption {
    padding-top: 2.8125rem;
    padding-right: 0.9375rem;
    padding-bottom: 2.6875rem;
    padding-left: 0.9375rem;
  }
}
.about-lead_items figcaption:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 241px;
  height: 79px;
  top: -48px;
  left: -20px;
  background: url(../img/about/lead_decoration1.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .about-lead_items figcaption:before {
    width: 10.125rem;
    height: 3.3125rem;
    top: -2.375rem;
    left: 0.125rem;
  }
}
.about-lead_items figcaption:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 121px;
  height: 130px;
  top: -37px;
  right: 69px;
  background: url(../img/about/lead_decoration2.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .about-lead_items figcaption:after {
    width: 6.0625rem;
    height: 6.5625rem;
    top: -2.25rem;
    right: 1.1875rem;
  }
}
.about-lead_items figcaption h2 {
  position: relative;
  margin-bottom: 18px;
  font-size: 32px;
  font-weight: 500;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .about-lead_items figcaption h2 {
    margin-bottom: 1.625rem;
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 768px) {
  .about-lead_items figcaption p {
    font-size: 0.875rem;
  }
}
.about-lead_items figcaption p:not(:last-child) {
  margin-bottom: 25px;
}
.about-lead_items picture {
  width: 87%;
  max-width: 952px;
  margin-left: auto;
  margin-right: -410px;
}
@media screen and (max-width: 1475px) {
  .about-lead_items picture {
    margin-right: -21.8vw;
  }
}
@media screen and (max-width: 1024px) {
  .about-lead_items picture {
    max-width: 100%;
    width: 100%;
    margin-right: 0;
    order: 1;
  }
}

/* reason */
/*.about-reason {
  width: 100%;
  padding: 70px 0 5rem;
  background: url(../img/common/orange_bg.png);
  background-size: cover;
  overflow: hidden;

  @include cf.mq(md) {
    padding: 5rem 0 5rem;
    background: url(../img/common/orange_bg_sp.png);
    background-size: cover;
  }

  h2 {
    display: flex;
    align-items: center;
    margin-bottom: 68px;

    @include cf.mq(md) {
      margin-bottom: 3rem;
    }

    @include cf.mq(sm) {
      justify-content: flex-start;
    }

    &:before {
      @include cf.heading_page;
    }

    p {
      position: relative;
      max-width: 288px;

      span:nth-of-type(1) {
        font: 400 22px 'Roboto', sans-serif;

        @include cf.mq(md) {
          font-size: 18px;
        }
      }

      span:nth-of-type(2) {
        display: block;
        font-size: 32px;
        font-weight: 500;

        @include cf.mq(md) {
          font-size: 24px;
        }
      }

      &:after {
        content: "";
        display: inline-block;
        position: absolute;
        width: 95px;
        height: 103px;
        top: -17px;
        right: -115px;
        background: url(../img/about/reason_decoration.png);
        background-size: cover;

        @include cf.mq(md) {
          top: -34px;
          right: -63px;
          width: 86px;
          height: 93px;
        }
      }
    }
  }
}

.about-reason_items {
  @include cf.flex_between_center;

  @include cf.mq(md) {
    flex-direction: column;
  }

  picture {
    max-width: 533px;
    width: 48%;

    @include cf.mq(md) {
      width: 100%;
      margin: 0 auto 2rem;
    }
  }

  figcaption {
    max-width: 533px;
    width: 48%;

    @include cf.mq(md) {
      width: 100%;
    }

    p {
      margin-bottom: 66px;
      text-align: center;
      line-height: 2;

      @include cf.mq(md) {
        font-size: 14px;
      }
    }

    .button {
      display: block;
      max-width: 338px;
      width: 100%;
      height: 60px;
      margin: 0 auto;
      padding-left: 20px;
      line-height: 60px;
      text-align: center;
      text-decoration: none;
      color: cf.$brown;
      font-size: 20px;
      font-weight: 500;
      background: cf.$light_yellow;
      border-radius: 30px;
      @include cf.shadow;

      @include cf.mq(md) {
        max-width: 264px;
        padding-left: 13px;
        font-size: 18px;
      }

      &:after {
        content: "";
        display: inline-block;
        width: 7px;
        height: 14px;
        margin-left: 20px;
        background: url(../img/top/fv_arrow1.png);
        background-size: cover;
        vertical-align: middle;
        transition: .4s;

        @include cf.mq(md) {
          margin-left: 13px;
        }
      }

      &:hover {
        color: cf.$light_yellow;
        background: cf.$brown;

        &:after {
          content: "";
          display: inline-block;
          width: 7px;
          height: 14px;
          transform: translateX(17px);
          background: url(../img/top/fv_arrow1_hover.png);
          background-size: cover;
          vertical-align: middle;

          @include cf.mq(md) {
            transform: translateX(6px);
          }
        }
      }
    }
  }
}*/
/* difference */
.about-difference {
  padding-top: 84px;
  padding-bottom: 5rem;
  overflow: hidden;
  background: #FCF7ED;
}
@media screen and (max-width: 768px) {
  .about-difference {
    padding-top: 10.5rem;
  }
}

.about-difference__heading {
  display: flex;
  align-items: center;
  margin-bottom: 105px;
}
@media screen and (max-width: 768px) {
  .about-difference__heading {
    margin-bottom: 4rem;
  }
}
@media screen and (max-width: 480px) {
  .about-difference__heading {
    justify-content: flex-start;
  }
}
.about-difference__heading p {
  position: relative;
}
.about-difference__heading p .is_primary {
  font: 400 22px "Roboto", sans-serif;
}
@media screen and (max-width: 768px) {
  .about-difference__heading p .is_primary {
    font-size: 1.125rem;
  }
}
.about-difference__heading p .is_secondary {
  display: block;
  font-size: 32px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .about-difference__heading p .is_secondary {
    font-size: 1.5rem;
  }
}
.about-difference__heading p:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 338px;
  height: 149px;
  top: -35px;
  right: -370px;
  background: url(../img/about/difference_decoration.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .about-difference__heading p:after {
    width: 10.1875rem;
    height: 9.5625rem;
    top: -5.5rem;
    right: -8.4375rem;
    background: url(../img/about/difference_decoration_sp.png);
    background-size: cover;
  }
}
.about-difference__heading:before {
  content: "";
  display: inline-block;
  width: 67px;
  height: 67px;
  margin-right: 10px;
  background: url(../img/common/heading_page_icon.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .about-difference__heading:before {
    width: 59px;
    width: 3.688rem;
    height: 59px;
    height: 3.688rem;
  }
}

.about-difference__point-wrap {
  max-width: 962px;
  margin-inline: auto;
}

.about-difference__point-heading {
  max-width: 775px;
}

.about-difference__point:not(:first-child) {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .about-difference__point:not(:first-child) {
    margin-top: 2rem;
  }
}

.about-difference__point-dt {
  position: relative;
  display: inline-flex;
  align-items: center;
  width: 100%;
  padding: 19px;
  color: #FFF;
  font-size: 20px;
  background: #FF6E00;
  border-radius: 11px;
}
.about-difference__point-dt.active {
  border-radius: 11px 11px 0 0;
}
.about-difference__point-dt.active .about-difference__point-line:after {
  transform: translateY(-50%) rotate(-90deg);
}
@media screen and (max-width: 768px) {
  .about-difference__point-dt {
    padding: 23px 11px;
    font-size: 0.875rem;
  }
}

.about-difference__point-dd {
  opacity: 0;
  height: 0;
  padding-right: 1.25rem;
  padding-left: 1.25rem;
  transition: 0.3s;
}
.about-difference__point-dd.open {
  opacity: 1;
  height: auto;
  padding-top: 56px;
  padding-bottom: 56px;
  background: #FFFFFF;
}
@media screen and (max-width: 768px) {
  .about-difference__point-dd.open {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}

.about-difference__point-icon:before {
  content: "";
  display: inline-block;
  width: 82px;
  height: 82px;
  margin-right: 26px;
}
.about-difference__point-icon.icon1:before {
  background: url(../img/about/point_icon1.png);
  background-size: cover;
}
.about-difference__point-icon.icon2:before {
  background: url(../img/about/point_icon2.png);
  background-size: cover;
}
.about-difference__point-icon.icon3:before {
  background: url(../img/about/point_icon3.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .about-difference__point-icon:before {
    width: 3rem;
    height: 3rem;
    margin-right: 0.3125rem;
  }
}

.about-difference__point-number {
  margin-right: 14px;
  font-size: 40px;
}
@media screen and (max-width: 768px) {
  .about-difference__point-number {
    margin-right: 10px;
    font-size: 24px;
  }
}

.about-difference__point-border {
  position: relative;
  font-size: 30px;
  font-weight: 500;
}
.about-difference__point-border:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 6px;
  background-image: repeating-linear-gradient(-45deg, #FFF 0px, #FFF 1px, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%);
  background-size: 5px 5px;
  background-repeat: repeat-x;
  z-index: -1;
  left: 0;
  bottom: 0;
  z-index: 0;
}
.about-difference__point-border.border-sp {
  display: none;
}
@media screen and (max-width: 768px) {
  .about-difference__point-border {
    font-size: 1.25rem;
  }
  .about-difference__point-border.border-sp {
    display: inline-block;
  }
}

.about-difference__point-line {
  position: absolute;
  right: 24px;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  transition: 0.4s ease;
}
.about-difference__point-line::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 2px;
  background-color: #FFFFFF;
  transform: translate(-50%, -50%);
}
.about-difference__point-line::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2px;
  height: 40px;
  background-color: #FFFFFF;
  transform: translate(-50%, -50%);
  transition: transform 0.4s;
}
@media screen and (max-width: 768px) {
  .about-difference__point-line {
    right: 0.625rem;
    width: 1.25rem;
    height: 1.25rem;
  }
  .about-difference__point-line::before {
    width: 1.25rem;
  }
  .about-difference__point-line::after {
    height: 1.25rem;
  }
}

.about-difference__point-dd-contents {
  max-width: 750px;
  margin-inline: auto;
}

.about-difference__point-dd-text {
  line-height: 2;
}
.about-difference__point-dd-text:not(:first-child) {
  margin-top: 0.5rem;
}

.about-difference__point-box {
  position: relative;
  padding-top: 48px;
  padding-right: 24px;
  padding-bottom: 40px;
  padding-left: 24px;
  margin-top: 64px;
  background: #EFEFEF;
  border-radius: 11px;
  background-image: linear-gradient(to right, #707070, #707070 8px, transparent 8px, transparent 12px), linear-gradient(to right, #707070, #707070 8px, transparent 8px, transparent 12px), linear-gradient(to bottom, #707070, #707070 8px, transparent 8px, transparent 12px), linear-gradient(to bottom, #707070, #707070 8px, transparent 8px, transparent 12px);
  background-size: 21px 3px, 21px 3px, 3px 20px, 3px 20px;
  background-position: left top, left bottom, left top, right top;
  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
}
.about-difference__point-box p {
  line-height: 2;
}
.about-difference__point-box p:not(:first-child) {
  margin-top: 0.5rem;
}
@media screen and (max-width: 768px) {
  .about-difference__point-box {
    padding-top: 2rem;
    padding-right: 1rem;
    padding-bottom: 1.5rem;
    padding-left: 1rem;
    margin-top: 2.5rem;
  }
  .about-difference__point-box p {
    font-size: 0.875rem;
  }
}

.about-difference__point-box-decoration {
  position: absolute;
  display: block;
  top: -24px;
  left: -11px;
  width: 234px;
  height: 48px;
  background: url(../img/about/difference_point-heading.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .about-difference__point-box-decoration {
    top: -1.0625rem;
    width: 10.25rem;
    height: 2.0625rem;
  }
}

.about-difference__point-image {
  display: block;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .about-difference__point-image {
    max-width: 28.125rem;
    margin-inline: auto;
    margin-top: 2rem;
  }
}

/* point */
.about-point .bg {
  padding: 5rem 0;
  background: #FCF7ED;
}
@media screen and (max-width: 768px) {
  .about-point .bg {
    padding: 2.5rem 0 0;
  }
}
.about-point .bg .inner {
  max-width: 962px;
  margin: 0 auto;
}
.about-point .bg h2 {
  position: relative;
  max-width: 160px;
  margin-bottom: 2px;
  font-size: 40px;
  font-weight: 500;
}
@media screen and (max-width: 1024px) {
  .about-point .bg h2 {
    margin: 0 20px;
  }
}
@media screen and (max-width: 768px) {
  .about-point .bg h2 {
    max-width: 96px;
    font-size: 24px;
  }
}
.about-point .bg h2:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 66px;
  height: 29px;
  top: -21px;
  left: -38px;
  background: url(../img/about/point_text.png);
  background-size: cover;
}
.about-point .bg h2:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 75px;
  height: 93px;
  bottom: -2px;
  right: -83px;
  background: url(../img/about/point_decoration.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .about-point .bg h2:after {
    width: 65px;
    height: 85px;
    bottom: -19px;
    right: -74px;
  }
}
.about-point .bg_image {
  padding: 76px 0 5rem;
  width: 100%;
  background: url(../img/about/point_bg.png) center;
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .about-point .bg_image {
    padding: 0;
    background: none;
  }
  .about-point .bg_image .l-inner {
    padding: 0;
  }
}

.about-point_logo {
  max-width: 422px;
  width: 100%;
  margin-bottom: 58px;
}
@media screen and (max-width: 1024px) {
  .about-point_logo {
    margin: 0 auto 4.5rem;
  }
}

@media screen and (max-width: 768px) {
  .about-point_lists {
    position: relative;
    margin: 0 20px !important;
  }
}
.about-point_lists li {
  display: inline-flex;
  align-items: center;
  width: 100%;
  margin-bottom: 35px;
  padding: 19px;
  color: #FFF;
  font-size: 20px;
  background: #FF6E00;
  border-radius: 11px;
}
@media screen and (max-width: 768px) {
  .about-point_lists li {
    padding: 23px 11px;
    font-size: 14px;
  }
}
@media screen and (max-width: 480px) {
  .about-point_lists li {
    font-size: 3.73vw;
  }
}
.about-point_lists li:nth-of-type(1) .is_icon:before {
  content: "";
  display: inline-block;
  width: 82px;
  height: 82px;
  margin-right: 26px;
  background: url(../img/about/point_icon1.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .about-point_lists li:nth-of-type(1) .is_icon:before {
    width: 48px;
    height: 48px;
    margin-right: 5px;
  }
}
.about-point_lists li:nth-of-type(2) .is_icon:before {
  content: "";
  display: inline-block;
  width: 82px;
  height: 82px;
  margin-right: 26px;
  background: url(../img/about/point_icon2.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .about-point_lists li:nth-of-type(2) .is_icon:before {
    width: 48px;
    height: 48px;
    margin-right: 5px;
  }
}
.about-point_lists li:nth-of-type(3) .is_icon:before {
  content: "";
  display: inline-block;
  width: 82px;
  height: 82px;
  margin-right: 26px;
  background: url(../img/about/point_icon3.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .about-point_lists li:nth-of-type(3) .is_icon:before {
    width: 48px;
    height: 48px;
    margin-right: 5px;
  }
}
.about-point_lists li .is_number {
  margin-right: 14px;
  font-size: 40px;
}
@media screen and (max-width: 768px) {
  .about-point_lists li .is_number {
    margin-right: 10px;
    font-size: 24px;
  }
}
.about-point_lists li .is_border {
  position: relative;
  font-size: 30px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .about-point_lists li .is_border {
    font-size: 20px;
  }
}
@media screen and (max-width: 480px) {
  .about-point_lists li .is_border {
    font-size: 4.33vw;
  }
}
.about-point_lists li .is_border:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 6px;
  background-image: repeating-linear-gradient(-45deg, #FFF 0px, #FFF 1px, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%);
  background-size: 5px 5px;
  background-repeat: repeat-x;
  z-index: -1;
  left: 0;
  bottom: 0;
  z-index: 0;
}
@media screen and (max-width: 480px) {
  .about-point_lists li .is_border:after {
    bottom: -3px;
  }
}

@media screen and (max-width: 768px) {
  .about-point_image img {
    max-width: 450px;
    width: 100%;
    margin: 0 auto;
  }
}

.about-point_items {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media screen and (max-width: 768px) {
  .about-point_items {
    flex-direction: column;
  }
}

.about-point_item {
  max-width: 530px;
  width: 48%;
}
@media screen and (max-width: 768px) {
  .about-point_item {
    max-width: 100%;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .about-point_item.is_primary {
    padding: 40px 0;
    background: #F7FFF4;
  }
  .about-point_item.is_primary .inner {
    padding: 0 20px;
  }
}
.about-point_item.is_primary h3 img {
  max-width: 330px;
  width: 100%;
  margin-bottom: 38px;
}
@media screen and (max-width: 768px) {
  .about-point_item.is_primary h3 img {
    margin: 0 auto 39px;
  }
}
@media screen and (max-width: 768px) {
  .about-point_item.is_secondary {
    padding: 40px 0;
    background: #E2F5FF;
  }
  .about-point_item.is_secondary .inner {
    padding: 0 20px;
  }
}
.about-point_item.is_secondary h3 img {
  max-width: 185px;
  width: 100%;
  margin-bottom: 38px;
}
@media screen and (max-width: 768px) {
  .about-point_item.is_secondary h3 img {
    max-width: 330px;
    margin: 0 auto 39px;
  }
}

.about-pointItem_lists {
  margin-bottom: 51px !important;
}
@media screen and (max-width: 768px) {
  .about-pointItem_lists {
    margin-bottom: 38px !important;
  }
}
.about-pointItem_lists li {
  display: flex;
  align-items: center;
  min-height: 85px;
  padding: 0 14px;
  color: #FFF;
  font-size: 20px;
  background: #7F7F7F;
  border-radius: 11px;
}
@media screen and (max-width: 768px) {
  .about-pointItem_lists li {
    font-size: 18px;
  }
}
.about-pointItem_lists li:not(:last-child) {
  margin-bottom: 8px;
}
.about-pointItem_lists li span:before {
  content: "";
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  background: url(../img/about/point_check.png);
  background-size: cover;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .about-pointItem_lists li span:before {
    width: 24px;
    height: 24px;
  }
}

.about-pointItem_box {
  padding: 18px 14px 23px;
  background: #FFF;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.about-pointItem_box p {
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .about-pointItem_box p {
    font-size: 14px;
  }
}

/* greeting */
.about-greeting {
  padding: 4.5rem 0 773px;
  background: #D0EFF4;
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  .about-greeting {
    padding-bottom: 5rem;
  }
  .about-greeting .l-inner.no_padding {
    padding: 0;
  }
}
@media screen and (max-width: 1024px) and (max-width: 768px) {
  .about-greeting {
    padding-top: 3.75rem;
  }
}
.about-greeting h2 {
  display: flex;
  align-items: center;
  margin-bottom: 4.25rem;
}
@media screen and (max-width: 768px) {
  .about-greeting h2 {
    margin-bottom: 2.375rem;
  }
}
.about-greeting h2:before {
  content: "";
  display: inline-block;
  width: 67px;
  height: 67px;
  margin-right: 10px;
  background: url(../img/common/heading_page_icon.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .about-greeting h2:before {
    width: 59px;
    width: 3.688rem;
    height: 59px;
    height: 3.688rem;
  }
}
.about-greeting h2 p {
  position: relative;
  max-width: 224px;
}
@media screen and (max-width: 768px) {
  .about-greeting h2 p {
    max-width: 10.5rem;
  }
}
.about-greeting h2 p:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 139px;
  height: 133px;
  top: -32px;
  right: -157px;
  background: url(../img/about/greeting_decoration1.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .about-greeting h2 p:after {
    width: 6.5rem;
    height: 6.25rem;
    top: -1.8125rem;
    right: -7.125rem;
  }
}
.about-greeting h2 p span:nth-of-type(1) {
  font: 400 22px "Roboto", sans-serif;
}
@media screen and (max-width: 768px) {
  .about-greeting h2 p span:nth-of-type(1) {
    font-size: 1.125rem;
  }
}
.about-greeting h2 p span:nth-of-type(2) {
  display: block;
  font-size: 32px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .about-greeting h2 p span:nth-of-type(2) {
    font-size: 1.5rem;
  }
}

.about-greeting_items {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 1024px) {
  .about-greeting_items {
    flex-direction: column;
  }
}
.about-greeting_items figcaption {
  position: absolute;
  max-width: 993px;
  width: 91%;
  top: 53px;
  padding: 55px 5rem 39px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
  z-index: 1;
}
@media screen and (max-width: 1024px) {
  .about-greeting_items figcaption {
    position: relative;
    max-width: 100%;
    width: 98%;
    top: -18px;
    order: 2;
  }
}
@media screen and (max-width: 768px) {
  .about-greeting_items figcaption {
    padding-top: 3.125rem;
    padding-right: 1.25rem;
    padding-bottom: 5.625rem;
    padding-left: 1.25rem;
  }
  .about-greeting_items figcaption label {
    position: absolute;
    z-index: 1;
    bottom: 0;
    width: 100%;
    height: 1px;
    cursor: pointer;
    text-align: center;
  }
  .about-greeting_items figcaption input:checked + label {
    background: transparent;
  }
  .about-greeting_items figcaption label:after {
    content: "全文表示する";
    position: absolute;
    bottom: 30px;
    left: 45%;
    transform: translate(-50%, 0);
    padding: 7px 23px;
    color: #FFF;
    border-radius: 20px;
    background: #534741;
    z-index: 2;
  }
  .about-greeting_items figcaption .textarea {
    overflow: hidden;
    height: 0;
    transition: all 0.5s;
  }
  .about-greeting_items figcaption input:checked + label:after {
    content: "閉じる";
  }
  .about-greeting_items figcaption input:checked ~ .textarea {
    height: auto;
    overflow: visible;
    padding-bottom: 80px;
    transition: all 0.5s;
  }
}
.about-greeting_items figcaption:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 204px;
  height: 367px;
  bottom: 0;
  right: 24px;
  background: url(../img/about/greeting_decoration2.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .about-greeting_items figcaption:after {
    width: 7.5rem;
    height: 13.4375rem;
    right: 0.75rem;
  }
}
.about-greeting_items figcaption h3 {
  margin-bottom: 25px;
  font-size: 24px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .about-greeting_items figcaption h3 {
    margin-bottom: 2.25rem;
    font-size: 1.25rem;
  }
}
.about-greeting_items figcaption .is_text {
  position: relative;
  margin-bottom: 1.875rem;
  line-height: 1.625;
  font-size: clamp(14px, 1.5vw, 16px);
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .about-greeting_items figcaption .is_text {
    font-size: 0.875rem;
  }
}
.about-greeting_items figcaption .is_text.is_last {
  margin-bottom: 19px;
}
@media screen and (max-width: 768px) {
  .about-greeting_items figcaption .is_text.is_last {
    margin-bottom: 2.75rem;
  }
}
.about-greeting_items figcaption .is_name {
  margin-right: 102px;
  text-align: right;
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  .about-greeting_items figcaption .is_name {
    font-size: 0.8125rem;
    text-align: left;
  }
}
.about-greeting_items figcaption input {
  display: none;
}
.about-greeting_items picture {
  max-width: 1111px;
  margin-right: -410px;
  margin-left: auto;
}
@media screen and (max-width: 1475px) {
  .about-greeting_items picture {
    margin-right: -31.8vw;
  }
}
@media screen and (max-width: 1024px) {
  .about-greeting_items picture {
    max-width: 100%;
    margin-right: 0;
    order: 1;
  }
}

.about-greeting_text-sp {
  margin-top: -1.875rem;
  margin-bottom: 1.875rem;
  font-size: 0.875rem;
}

/* approach */
.about-approach {
  margin-bottom: 5rem;
  padding: 4.5rem 0 5rem;
  background: #FCFCFC;
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  .about-approach .l-inner.no_padding {
    padding: 0;
  }
}
@media screen and (max-width: 768px) {
  .about-approach {
    padding: 60px 0;
  }
}
.about-approach h2 {
  display: flex;
  align-items: center;
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .about-approach h2 {
    margin-bottom: 40px;
  }
}
.about-approach h2:before {
  content: "";
  display: inline-block;
  width: 67px;
  height: 67px;
  margin-right: 10px;
  background: url(../img/common/heading_page_icon.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .about-approach h2:before {
    width: 59px;
    width: 3.688rem;
    height: 59px;
    height: 3.688rem;
  }
}
.about-approach h2 p {
  position: relative;
  max-width: 256px;
}
@media screen and (max-width: 768px) {
  .about-approach h2 p {
    max-width: 192px;
  }
}
.about-approach h2 p span:nth-of-type(1) {
  font: 400 22px "Roboto", sans-serif;
}
@media screen and (max-width: 768px) {
  .about-approach h2 p span:nth-of-type(1) {
    font-size: 18px;
  }
}
.about-approach h2 p span:nth-of-type(2) {
  display: block;
  font-size: 32px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .about-approach h2 p span:nth-of-type(2) {
    font-size: 24px;
  }
}
.about-approach h2 p:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 90px;
  height: 135px;
  top: 0;
  right: -116px;
  background: url(../img/about/approach_decoration1.png);
  background-size: cover;
}
@media screen and (max-width: 1024px) {
  .about-approach h2 p:after {
    top: -17px;
  }
}
@media screen and (max-width: 768px) {
  .about-approach h2 p:after {
    width: 71px;
    height: 106px;
    top: -27px;
    right: -78px;
  }
}

.about-approach_items {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 1024px) {
  .about-approach_items {
    flex-direction: column;
  }
}
.about-approach_items .image_wrap {
  position: relative;
  max-width: 904px;
  width: 83%;
  margin-left: -410px;
}
@media screen and (max-width: 1475px) {
  .about-approach_items .image_wrap {
    margin-left: -13.8vw;
    width: 61%;
    height: 445px;
  }
  .about-approach_items .image_wrap img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: left;
    object-position: left;
  }
}
@media screen and (max-width: 1024px) {
  .about-approach_items .image_wrap {
    max-width: 100%;
    width: 100%;
    height: auto;
    margin-left: 0;
    margin-bottom: 1.5rem;
  }
}
.about-approach_items .image_wrap:before {
  content: "";
  position: absolute;
  display: inline-block;
  width: 122px;
  height: 83px;
  bottom: -22px;
  right: -33px;
  background: url(../img/about/approach_decoration2.png);
  background-size: cover;
  z-index: 1;
}
@media screen and (max-width: 1024px) {
  .about-approach_items .image_wrap:before {
    width: 99px;
    height: 68px;
    bottom: -24px;
    right: 5px;
  }
}
.about-approach_items figcaption {
  position: absolute;
  top: 32px;
  right: 0;
  max-width: 566px;
  width: 52%;
}
@media screen and (max-width: 1024px) {
  .about-approach_items figcaption {
    position: inherit;
    top: 0;
    width: 100%;
    padding: 0 20px;
  }
}
.about-approach_items figcaption p {
  margin-bottom: 43px;
  line-height: 2;
}
.about-approach_items figcaption .is_banner {
  display: block;
  transition: 0.4s;
}
.about-approach_items figcaption .is_banner img {
  max-width: 289px;
  width: 100%;
  margin: 0 auto 29px;
}
.about-approach_items figcaption .is_banner:hover {
  opacity: 0.7;
}
.about-approach_items figcaption:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 162px;
  height: 165px;
  bottom: -72px;
  right: -121px;
  background: url(../img/about/approach_decoration3.png);
  background-size: cover;
}
@media screen and (max-width: 1024px) {
  .about-approach_items figcaption:after {
    width: 90px;
    height: 92px;
    bottom: -40px;
    right: -20px;
  }
}
@media screen and (max-width: 480px) {
  .about-approach_items figcaption:after {
    right: -10px;
  }
}

.about-approach_lists {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.about-approach_lists li {
  max-width: 175px;
  width: 32%;
}

.about-approachItems_text {
  margin-bottom: 34px;
  padding: 0 20px;
  line-height: 1.625;
  text-align: center;
}

/* reason */
.reason_section .breadcrumb_wrap {
  margin-bottom: 4.375rem;
}
.reason_section .top-work {
  padding-bottom: 5rem;
}
@media screen and (max-width: 768px) {
  .reason_section .top-work {
    padding-bottom: 5.375rem;
  }
}
.reason_section .top-work_image img {
  margin-bottom: 20px;
}

/* lead */
.reason-lead {
  overflow: hidden;
}

.reason-lead__bg {
  width: 100%;
  padding: 1rem 0 47px;
  background: url(../img/common/orange_bg.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .reason-lead__bg {
    padding-bottom: 6.125rem;
    background: url(../img/common/orange_bg_sp.png);
    background-size: cover;
  }
}

.reason-lead__heading {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 2.5rem;
  font-size: 32px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .reason-lead__heading {
    margin-bottom: 1.5rem;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .reason-lead__heading {
    justify-content: flex-start;
  }
}
.reason-lead__heading span {
  position: relative;
  max-width: 717px;
  line-height: 1.3;
}
@media screen and (max-width: 768px) {
  .reason-lead__heading span {
    max-width: 12.3125rem;
  }
}
.reason-lead__heading span:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 130px;
  height: 133px;
  top: -13px;
  right: -130px;
  background: url(../img/reason/lead_decoration1.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .reason-lead__heading span:after {
    width: 5.375rem;
    height: 5.5rem;
    top: 0;
    right: -5.8125rem;
  }
}
.reason-lead__heading:before {
  content: "";
  display: inline-block;
  width: 67px;
  height: 67px;
  margin-right: 10px;
  background: url(../img/common/heading_page_icon.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .reason-lead__heading:before {
    width: 59px;
    width: 3.688rem;
    height: 59px;
    height: 3.688rem;
  }
}

.reason-lead__textarea {
  text-align: center;
}
.reason-lead__textarea p {
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .reason-lead__textarea p {
    font-size: 0.875rem;
  }
}
.reason-lead__textarea p:not(:last-child) {
  margin-bottom: 2.5rem;
}

.reason-lead__no-bg {
  padding: 52px 0 73px;
}
@media screen and (max-width: 768px) {
  .reason-lead__no-bg {
    padding-top: 1.5rem;
    padding-bottom: 5rem;
  }
}

.reason-lead__items {
  display: flex;
  justify-content: space-between;
  align-items: center;
  /*　奇数 */
  /*　偶数 */
}
.reason-lead__items:not(:first-child) {
  margin-top: 5.5rem;
}
.reason-lead__items:nth-of-type(odd) .reason-lead__image-wrap:before {
  left: -100px;
}
.reason-lead__items:nth-of-type(even) .reason-lead__image-wrap:before {
  right: -100px;
}
@media screen and (max-width: 768px) {
  .reason-lead__items {
    flex-direction: column;
    align-items: inherit;
    /* 奇数 */
    /*　偶数 */
  }
  .reason-lead__items:nth-of-type(odd) .reason-lead__image-wrap {
    margin-left: auto;
  }
  .reason-lead__items:nth-of-type(odd) .reason-lead__image-wrap:before {
    left: -3.3125rem;
  }
  .reason-lead__items:nth-of-type(even) .reason-lead__image-wrap {
    margin-right: auto;
  }
  .reason-lead__items:nth-of-type(even) .reason-lead__image-wrap:before {
    right: -3.3125rem;
  }
}

.reason-lead__image-wrap {
  position: relative;
  max-width: 513px;
  width: 47%;
}
@media screen and (max-width: 768px) {
  .reason-lead__image-wrap {
    width: 88%;
    margin-bottom: 1.6875rem;
    order: 1;
  }
}
.reason-lead__image-wrap:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 200px;
  height: 200px;
  top: -84px;
  background: url(../img/reason/lead_decoration2.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .reason-lead__image-wrap:before {
    width: 6.625rem;
    height: 6.625rem;
    top: -2.625rem;
  }
}
.reason-lead__image-wrap img {
  position: relative;
}

.reason-lead__item {
  max-width: 544px;
  width: 50%;
}
@media screen and (max-width: 768px) {
  .reason-lead__item {
    max-width: 100%;
    width: 100%;
    order: 2;
  }
}

.reason-lead__item-number {
  margin-bottom: 14px;
  font: 900 60px "Roboto", sans-serif;
  letter-spacing: -0.4rem;
}
@media screen and (max-width: 768px) {
  .reason-lead__item-number {
    margin-bottom: 0;
  }
}

.reason-lead__item-heading {
  margin-bottom: 2.25rem;
  font-size: 30px;
  font-weight: 500;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  .reason-lead__item-heading {
    margin-bottom: 1rem;
    font-size: 1.5rem;
  }
}

.reason-lead__item-text {
  line-height: 1.875;
}
@media screen and (max-width: 768px) {
  .reason-lead__item-text {
    font-size: 0.875rem;
  }
}
.reason-lead__item-text span {
  background: linear-gradient(transparent 50%, rgba(255, 211, 0, 0.8) 50%);
}

.reason-lead__items.item-blue .has-color {
  color: #0077B7;
}
.reason-lead__items.item-blue .reason-lead__item-icon {
  display: inline-block;
  width: 4.1875rem;
  height: 3.75rem;
  margin-left: 0.25rem;
  background: url(../img/reason/lead_decoration3.png);
  background-size: cover;
}
.reason-lead__items.item-green .has-color {
  color: #44A813;
}
.reason-lead__items.item-green .reason-lead__item-icon {
  display: inline-block;
  width: 3.4375rem;
  height: 3.0625rem;
  margin-left: 0.25rem;
  background: url(../img/reason/lead_decoration4.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .reason-lead__items.item-green .reason-lead__item-icon {
    width: 2.125rem;
    height: 1.875rem;
  }
}
.reason-lead__items.item-orange .has-color {
  color: #FF6E00;
}
.reason-lead__items.item-orange .reason-lead__item-icon {
  display: inline-block;
  width: 3.8125rem;
  height: 3.4375rem;
  margin-left: 0.25rem;
  background: url(../img/reason/lead_decoration5.png);
  background-size: cover;
}

/* detail */
.reason-detail {
  width: 100%;
  margin-bottom: 78px;
  padding: 5rem 0 78px;
  background: url(../img/common/yellow_bg.png);
  background-size: cover;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .reason-detail {
    margin-bottom: 57px;
    padding: 93px 0 82px;
    background: url(../img/common/yellow_bg_sp.png);
    background-size: cover;
  }
}
.reason-detail h2 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 54px;
  font-size: 32px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .reason-detail h2 {
    margin-bottom: 37px;
    font-size: 24px;
  }
}
@media screen and (max-width: 480px) {
  .reason-detail h2 {
    justify-content: flex-start;
  }
}
.reason-detail h2:before {
  content: "";
  display: inline-block;
  width: 67px;
  height: 67px;
  margin-right: 10px;
  background: url(../img/common/heading_page_icon.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .reason-detail h2:before {
    width: 59px;
    width: 3.688rem;
    height: 59px;
    height: 3.688rem;
  }
}
.reason-detail .textarea {
  text-align: center;
}
.reason-detail .textarea p {
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .reason-detail .textarea p {
    font-size: 14px;
  }
}
.reason-detail .textarea.is_primary {
  margin-bottom: 34px;
}
@media screen and (max-width: 768px) {
  .reason-detail .textarea.is_primary {
    margin-bottom: 75px;
  }
}
.reason-detail .textarea.is_secondary {
  margin-bottom: 1.5rem;
}
@media screen and (max-width: 768px) {
  .reason-detail .textarea.is_secondary {
    margin-bottom: 3px;
  }
}
.reason-detail .textarea.is_tertiary {
  margin-bottom: 33px;
}
.reason-detail h3 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 2.5rem;
  font-size: 24px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .reason-detail h3 {
    font-size: 20px;
  }
}
.reason-detail h3:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 48px;
  background: url(../img/reason/detail_decoration1.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .reason-detail h3:before {
    margin-right: 7px;
  }
}

.reason-detail_image img {
  max-width: 705px;
  width: 100%;
  margin: 0 auto 2.5rem;
}
@media screen and (max-width: 768px) {
  .reason-detail_image img {
    max-width: 335px;
  }
}

.reason-detail_lists {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 73px !important;
}
@media screen and (max-width: 768px) {
  .reason-detail_lists {
    flex-direction: column;
  }
}
.reason-detail_lists li {
  max-width: 323px;
  width: 32%;
}
@media screen and (max-width: 768px) {
  .reason-detail_lists li {
    max-width: 100%;
    width: 100%;
  }
  .reason-detail_lists li:not(:last-child) {
    margin-bottom: 34px;
  }
}
.reason-detail_lists li .image_wrap {
  position: relative;
  margin-bottom: 1rem;
}
@media screen and (max-width: 768px) {
  .reason-detail_lists li .image_wrap {
    max-width: 450px;
    margin: 0 auto 1rem;
  }
}
.reason-detail_lists li .image_wrap p {
  position: absolute;
  top: 0;
  left: 0;
  padding: 11px 17px;
  color: #FFF;
  font: 900 24px "Roboto", sans-serif;
  background: #FF6E00;
  border-radius: 16px 0 16px 0;
}
.reason-detail_lists li .is_text {
  text-align: center;
  font-size: 18px;
}
@media screen and (max-width: 768px) {
  .reason-detail_lists li .is_text {
    font-size: 16px;
  }
}

.reason-detail_box {
  position: relative;
  padding: 49px 31px 0 38px;
  background: #FFF;
  border-radius: 8px;
}
@media screen and (max-width: 768px) {
  .reason-detail_box {
    padding: 2.5rem 0 2.5rem 20px;
  }
  .reason-detail_box .inner {
    padding-right: 20px;
  }
}
.reason-detail_box:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 4px;
  left: 4px;
  border: solid 1px #534741;
  border-radius: 8px;
}
.reason-detail_box.is_primary {
  margin-bottom: 2.5rem;
}
.reason-detail_box.is_secondary {
  margin-bottom: 5rem;
}
.reason-detail_box h4 {
  margin-left: 24px;
  margin-bottom: 34px;
  color: #FF6E00;
  font-size: 18px;
  font-weight: 500;
}
@media screen and (max-width: 1024px) {
  .reason-detail_box h4 {
    margin-left: 0;
  }
}
@media screen and (max-width: 768px) {
  .reason-detail_box h4 {
    margin-bottom: 21px;
    text-align: center;
    font-size: 16px;
  }
}
.reason-detail_box h4:before {
  content: "";
  display: inline-block;
  width: 21px;
  height: 21px;
  margin-right: 3px;
  background: url(../img/reason/detail_decoration2.png);
  background-size: cover;
}

.reason-detailBox_heading {
  display: flex;
  margin-bottom: 2.5rem;
}
@media screen and (max-width: 1024px) {
  .reason-detailBox_heading {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 768px) {
  .reason-detailBox_heading {
    flex-direction: column;
    margin-bottom: 29px;
  }
}
.reason-detailBox_heading p:nth-of-type(1) {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 41px;
  padding: 0 19px;
  color: #FFF;
  font-weight: 500;
  background: #534741;
}
@media screen and (max-width: 768px) {
  .reason-detailBox_heading p:nth-of-type(1) {
    width: 100%;
    max-width: 230px;
    padding: 0;
  }
}
.reason-detailBox_heading p:nth-of-type(2) {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 41px;
  margin-right: 20px;
  padding: 0 26px;
  font-size: 22px;
  font-weight: 500;
  background: #FFD300;
}
@media screen and (max-width: 768px) {
  .reason-detailBox_heading p:nth-of-type(2) {
    width: 100%;
    max-width: 293px;
    padding: 0;
  }
}
.reason-detailBox_heading p:nth-of-type(3) {
  line-height: 1.714;
  font-size: 14px;
  flex: 2;
}
@media screen and (max-width: 1024px) {
  .reason-detailBox_heading p:nth-of-type(3) {
    width: 100%;
    margin-top: 1.5rem;
    flex: initial;
  }
  .reason-detailBox_heading p:nth-of-type(3) br {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .reason-detailBox_heading p:nth-of-type(3) {
    font-size: 12px;
  }
}

.reason-detailBox_lists {
  margin-left: 24px !important;
  margin-bottom: 28px !important;
}
@media screen and (max-width: 1024px) {
  .reason-detailBox_lists {
    margin-left: 0 !important;
  }
}
.reason-detailBox_lists li {
  display: flex;
  align-items: baseline;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .reason-detailBox_lists li {
    align-items: flex-start;
    font-size: 14px;
  }
}
.reason-detailBox_lists li:not(:last-child) {
  margin-bottom: 15px;
}
.reason-detailBox_lists li span:before {
  content: "";
  display: inline-block;
  width: 19px;
  height: 19px;
  margin-right: 9px;
  background: url(../img/reason/detail_decoration3.png);
  background-size: cover;
}

.reason-detailBox_items {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 950px;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  .reason-detailBox_items {
    flex-direction: column;
    align-items: center;
  }
}
.reason-detailBox_items img {
  max-width: 350px;
  width: 37%;
}
@media screen and (max-width: 768px) {
  .reason-detailBox_items img {
    max-width: 491px;
    width: 100%;
    margin-bottom: 23px;
    padding-right: 20px;
  }
}
.reason-detailBox_items figcaption {
  max-width: 491px;
  width: 52%;
  height: 247px;
  background: url(../img/reason/detail_decoration4.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .reason-detailBox_items figcaption {
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .reason-detailBox_items figcaption {
    height: 51.46vw;
    background: url(../img/reason/detail_decoration4_sp.png);
    background-size: cover;
  }
}
.reason-detailBox_items figcaption p {
  max-width: 303px;
  padding: 45px 0 0 45px;
  line-height: 2;
}
@media screen and (max-width: 480px) {
  .reason-detailBox_items figcaption p {
    max-width: 75.58vw;
    padding: 20px 0 0 17px;
    font-size: 14px;
  }
}
.reason-detailBox_items figcaption p span {
  background: linear-gradient(transparent 50%, rgba(255, 211, 0, 0.8) 50%);
}

.reason-detail_staff {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media screen and (max-width: 768px) {
  .reason-detail_staff {
    flex-direction: column;
    align-items: center;
  }
}
.reason-detail_staff:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 399px;
  height: 232px;
  bottom: -78px;
  right: -369px;
  background: url(../img/reason/detail_decoration5.png);
  background-size: cover;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .reason-detail_staff:before {
    width: 170px;
    height: 99px;
    right: -28px;
  }
}
.reason-detail_staff li {
  max-width: 322px;
  width: 32%;
  padding: 16px 16px 10px;
  background: #FFF;
  border: solid 1px #707070;
  border-radius: 16px;
}
@media screen and (max-width: 768px) {
  .reason-detail_staff li {
    max-width: 490px;
    width: 100%;
  }
  .reason-detail_staff li:not(:last-child) {
    margin-bottom: 2.5rem;
  }
}
.reason-detail_staff li img {
  margin-bottom: 13px;
}
.reason-detail_staff li .is_title {
  margin-bottom: 12px;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
}
.reason-detail_staff li .is_text {
  text-align: center;
  line-height: 2;
}

/* future */
.reason-future {
  margin-bottom: 5rem;
  padding: 0 60px;
}
@media screen and (max-width: 1024px) {
  .reason-future {
    padding: 0 20px;
  }
  .reason-future .l-inner {
    padding: 0;
  }
}
.reason-future .bg {
  width: 100%;
  padding: 5rem 0 2rem;
  background: url(../img/common/pattern_bg.png);
  background-size: cover;
  border-radius: 230px;
}
@media screen and (max-width: 768px) {
  .reason-future .bg {
    padding: 93px 0 20px;
    background: url(../img/common/pattern_bg_sp.png);
    background-size: cover;
    border-radius: 85px;
  }
}
.reason-future h2 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 2.5rem;
  font-size: 32px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .reason-future h2 {
    margin-bottom: 44px;
    font-size: 24px;
    line-height: 1.3;
  }
}
@media screen and (max-width: 480px) {
  .reason-future h2 {
    justify-content: flex-start;
  }
}
.reason-future h2:before {
  content: "";
  display: inline-block;
  width: 67px;
  height: 67px;
  margin-right: 10px;
  background: url(../img/common/heading_page_icon.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .reason-future h2:before {
    width: 59px;
    width: 3.688rem;
    height: 59px;
    height: 3.688rem;
  }
}

.reason-future_items {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  max-width: 800px;
  margin: 0 auto 2.5rem;
}
@media screen and (max-width: 1024px) {
  .reason-future_items {
    flex-direction: column;
  }
}
@media screen and (max-width: 768px) {
  .reason-future_items {
    margin-bottom: 26px;
  }
}
.reason-future_items figcaption {
  position: absolute;
  width: 100%;
  padding: 23px 37px 26px;
  background: #FFF;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
}
@media screen and (max-width: 1024px) {
  .reason-future_items figcaption {
    position: inherit;
    order: 2;
  }
}
@media screen and (max-width: 768px) {
  .reason-future_items figcaption {
    padding: 20px 35px 22px 20px;
  }
}
.reason-future_items figcaption .inner {
  max-width: 377px;
}
@media screen and (max-width: 1024px) {
  .reason-future_items figcaption .inner {
    max-width: 100%;
  }
}
.reason-future_items figcaption p {
  font-size: 24px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .reason-future_items figcaption p {
    font-size: 18px;
  }
}
.reason-future_items figcaption p span {
  color: #FF6E00;
}
.reason-future_items picture {
  position: relative;
  max-width: 345px;
  z-index: 1;
}
.reason-future_items picture img {
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .reason-future_items picture {
    order: 1;
  }
}
@media screen and (max-width: 768px) {
  .reason-future_items picture {
    width: 80%;
  }
}
.reason-future_items.is_primary figcaption {
  bottom: 0;
  left: 0;
}
@media screen and (max-width: 1024px) {
  .reason-future_items.is_primary figcaption {
    max-width: 100%;
    width: 100%;
    top: -10px;
    left: -20px;
  }
}
.reason-future_items.is_primary picture {
  margin-left: auto;
}
@media screen and (max-width: 1024px) {
  .reason-future_items.is_primary picture {
    bottom: -30px;
  }
}
.reason-future_items.is_secondary figcaption {
  bottom: 0;
  right: 0;
}
@media screen and (max-width: 1024px) {
  .reason-future_items.is_secondary figcaption {
    max-width: 100%;
    width: 100%;
    right: -20px;
    top: -20px;
  }
}
.reason-future_items.is_secondary figcaption .inner {
  margin-left: auto;
}
.reason-future_items.is_secondary picture {
  margin-right: auto;
}
@media screen and (max-width: 1024px) {
  .reason-future_items.is_secondary picture {
    margin-right: 0;
    bottom: -10px;
  }
}

.reason-future_box {
  width: 100%;
  max-width: 824px;
  height: 655px;
  margin: 0 auto;
  background: url(../img/reason/future_image3.png);
  background-size: cover;
}
@media screen and (max-width: 1024px) {
  .reason-future_box {
    background: none;
    height: auto;
  }
}
.reason-future_box .textarea {
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .reason-future_box .textarea {
    width: 315px;
    height: 251px;
    margin: 0 auto 33px;
    background: url(../img/reason/future_image3_sp.png);
    background-size: cover;
  }
}
@media screen and (max-width: 380px) {
  .reason-future_box .textarea {
    width: 82.89vw;
    height: 66.05vw;
  }
}
.reason-future_box .textarea p {
  margin-bottom: 1.5rem;
  color: #FF6E00;
  font-size: 20px;
  font-weight: 500;
}
@media screen and (max-width: 1024px) {
  .reason-future_box .textarea p {
    font-size: 16px;
  }
}
.reason-future_box .l-content {
  max-width: 625px;
  margin: 0 auto;
  padding: 0 19px;
}
@media screen and (max-width: 768px) {
  .reason-future_box .l-content {
    padding: 0 9px;
  }
}
.reason-future_box .l-content p {
  line-height: 1.875;
}
@media screen and (max-width: 768px) {
  .reason-future_box .l-content p {
    font-size: 14px;
  }
}
.reason-future_box .l-content p:not(:last-child) {
  margin-bottom: 19px;
}
.reason-future_box.is_primary {
  margin-bottom: 5rem;
  padding-top: 199px;
}
@media screen and (max-width: 1024px) {
  .reason-future_box.is_primary {
    padding-top: 0;
  }
  .reason-future_box.is_primary .textarea p {
    max-width: 184px;
    margin: 0 auto;
    padding-top: 112px;
  }
}
@media screen and (max-width: 1024px) and (max-width: 380px) {
  .reason-future_box.is_primary .textarea p {
    padding-top: 29.47vw;
  }
}
@media screen and (max-width: 768px) {
  .reason-future_box.is_primary {
    margin-bottom: 53px;
  }
}
.reason-future_box.is_primary .reason-futureBox_lists {
  max-width: 474px;
  margin: 0 auto 27px !important;
}
@media screen and (max-width: 768px) {
  .reason-future_box.is_primary .reason-futureBox_lists {
    max-width: 336px;
    margin: 0 auto 19px !important;
  }
}
@media screen and (max-width: 480px) {
  .reason-future_box.is_primary .reason-futureBox_lists {
    padding: 0 9px !important;
  }
}
.reason-future_box.is_secondary {
  padding-top: 222px;
}
@media screen and (max-width: 1024px) {
  .reason-future_box.is_secondary {
    padding-top: 0;
  }
  .reason-future_box.is_secondary .textarea p {
    max-width: 184px;
    margin: 0 auto;
    padding-top: 133px;
  }
}
@media screen and (max-width: 1024px) and (max-width: 380px) {
  .reason-future_box.is_secondary .textarea p {
    padding-top: 35vw;
  }
}
.reason-future_box.is_secondary .l-content p:not(:last-child) {
  margin-bottom: 7px;
}
.reason-future_box.is_secondary .reason-futureBox_lists {
  margin-bottom: 11px !important;
}
@media screen and (max-width: 768px) {
  .reason-future_box.is_secondary .reason-futureBox_lists {
    flex-direction: column;
    align-items: center;
  }
}
.reason-future_box.is_secondary .reason-futureBox_lists li {
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  .reason-future_box.is_secondary .reason-futureBox_lists li {
    font-size: 12px;
  }
  .reason-future_box.is_secondary .reason-futureBox_lists li:not(:last-child) {
    margin-bottom: 8px;
  }
}

.reason-futureBox_lists {
  display: flex;
  justify-content: space-between;
}
.reason-futureBox_lists li {
  padding: 10px;
  font-weight: 500;
  background: #FFD300;
  border-radius: 19px;
}
@media screen and (max-width: 768px) {
  .reason-futureBox_lists li {
    padding: 10px 7px;
    font-size: 12px;
  }
}

/* work */
.reason-work_lists {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: -20px !important;
}
@media screen and (max-width: 768px) {
  .reason-work_lists {
    margin-bottom: 11px !important;
    padding: 0 20px !important;
  }
}
.reason-work_lists li {
  max-width: 322px;
  width: 32%;
  margin-bottom: 20px;
}
@media screen and (max-width: 1024px) {
  .reason-work_lists li {
    max-width: 100%;
    width: 49%;
  }
}
@media screen and (max-width: 768px) {
  .reason-work_lists li {
    margin-bottom: 11px;
    font-size: 10px;
  }
}
.reason-work_lists li a {
  position: relative;
  display: block;
  width: 100%;
  height: 72px;
  padding-left: 26px;
  line-height: 72px;
  text-decoration: none;
  color: #534741;
  font-size: 20px;
  background: #FFF;
  border: solid 1px #707070;
  border-radius: 16px;
  transition: 0.4s;
}
@media screen and (max-width: 768px) {
  .reason-work_lists li a {
    height: 35px;
    padding-left: 13px;
    line-height: 35px;
    font-size: 10px;
    border-radius: 8px;
  }
}
@media screen and (max-width: 380px) {
  .reason-work_lists li a {
    padding-left: 7px;
  }
}
.reason-work_lists li a:after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 8px;
  height: 14px;
  top: 55%;
  transform: translateY(-50%);
  right: 27px;
  background: url(../img/reason/work_arrow.png);
  background-size: cover;
  transition: 0.4s;
}
@media screen and (max-width: 768px) {
  .reason-work_lists li a:after {
    width: 5px;
    height: 8px;
    top: 53%;
    right: 10px;
  }
}
.reason-work_lists li a:hover {
  opacity: 0.7;
}
.reason-work_lists li a:hover:after {
  transform: translate(10px, -50%);
}
@media screen and (max-width: 768px) {
  .reason-work_lists li a:hover:after {
    transform: translate(3px, -50%);
  }
}

/* company */
.company-contents {
  margin-top: 1rem;
}
.company-contents .breadcrumb_wrap {
  margin-bottom: 97px;
}
@media screen and (max-width: 768px) {
  .company-contents .breadcrumb_wrap {
    margin-bottom: 2.8125rem;
  }
}

.company-content {
  margin-bottom: 6.25rem;
  padding: 0 60px;
}
@media screen and (max-width: 1024px) {
  .company-content {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
  .company-content .l-inner {
    padding: 0;
  }
}

.company-content__bg {
  width: 100%;
  padding: 4.5rem 0 98px;
  background: url(../img/common/pattern_bg.png);
  background-size: cover;
  border-radius: 230px;
}
@media screen and (max-width: 768px) {
  .company-content__bg {
    padding-top: 3rem;
    padding-bottom: 3rem;
    background: url(../img/common/pattern_bg_sp.png);
    background-size: cover;
    border-radius: 5.3125rem;
  }
}

.company__heading {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
@media screen and (max-width: 1235px) {
  .company__heading {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
@media screen and (max-width: 768px) {
  .company__heading {
    margin-bottom: 3.125rem;
  }
}
.company__heading p {
  line-height: 1.3;
}
.company__heading p span:nth-of-type(1) {
  font: 400 22px "Roboto", sans-serif;
}
@media screen and (max-width: 768px) {
  .company__heading p span:nth-of-type(1) {
    font-size: 1.125rem;
  }
}
.company__heading p span:nth-of-type(2) {
  display: block;
  font-size: 32px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .company__heading p span:nth-of-type(2) {
    font-size: 1.5rem;
  }
}
.company__heading:before {
  content: "";
  display: inline-block;
  width: 67px;
  height: 67px;
  margin-right: 10px;
  background: url(../img/common/heading_page_icon.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .company__heading:before {
    width: 59px;
    width: 3.688rem;
    height: 59px;
    height: 3.688rem;
  }
}

.company__textarea {
  margin-bottom: 69px;
  padding-left: 74px;
}
@media screen and (max-width: 1235px) {
  .company__textarea {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
@media screen and (max-width: 768px) {
  .company__textarea {
    margin-bottom: 2.5rem;
  }
}

.company__logo img {
  max-width: 426px;
  width: 100%;
  margin: 0 auto 2.5rem;
}
@media screen and (max-width: 768px) {
  .company__logo img {
    max-width: 14.25rem;
  }
}

@media screen and (max-width: 1235px) {
  .company__table-wrap {
    padding: 0 15px;
  }
}
.company__table {
  width: 100%;
  border-collapse: collapse;
  border-top: dotted 1px #534741;
}
@media screen and (max-width: 768px) {
  .company__table {
    border-top: none;
    font-size: 14px;
  }
}
.company__table th {
  width: 240px;
  padding: 16px 22px;
  font-weight: 500;
  text-align: left;
  background: #FFF;
  border-bottom: dotted 1px #534741;
}
@media screen and (max-width: 768px) {
  .company__table th {
    display: block;
    width: 100%;
    padding: 12px 6px;
    border-bottom: none;
  }
}
.company__table td {
  padding: 16px 23px;
  border-bottom: dotted 1px #534741;
}
@media screen and (max-width: 768px) {
  .company__table td {
    display: block;
    width: 100%;
    padding: 12px 6px;
  }
}
.company__table td div {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .company__table td div {
    align-items: flex-start;
    flex-direction: column;
  }
}
.company__table td div .button {
  display: block;
  max-width: 176px;
  width: 100%;
  height: 37px;
  margin-left: 23px;
  line-height: 37px;
  text-align: center;
  text-decoration: none;
  color: #FFF;
  font-size: 13px;
  background: #534741;
  border-radius: 40px;
  transition: 0.4s;
}
@media screen and (max-width: 768px) {
  .company__table td div .button {
    margin: 15px auto 0;
  }
}
.company__table td div .button:hover {
  background: #FF6E00;
}
.company__table td div .button:hover:after {
  transform: translateX(4px);
}
.company__table td div .button:after {
  content: "";
  display: inline-block;
  width: 5px;
  height: 8px;
  margin-left: 2px;
  background: url(../img/company/arrow.png);
  background-size: cover;
  transition: 0.4s;
}
.company__table td dl {
  display: flex;
  margin-top: 2px;
  margin-bottom: -2px;
}
.company__table td dl dt {
  width: 82px;
  margin-right: 2rem;
}
@media screen and (max-width: 768px) {
  .company__table td dl dt {
    width: 72px;
    margin-right: 28px;
  }
}
.company__table td dl dd {
  flex: 2;
}

/* access */
.access_section {
  margin-top: 1rem;
}
.access_section .breadcrumb_wrap {
  margin-bottom: 6.0625rem;
}
.access_section .l-content {
  margin-bottom: 6.25rem;
  padding: 0 60px;
}
@media screen and (max-width: 1235px) {
  .access_section .l-content .l-inner {
    padding-right: 0.875rem;
    padding-left: 0.875rem;
  }
}
@media screen and (max-width: 1024px) {
  .access_section .l-content {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
  .access_section .l-content .l-inner.no_padding {
    padding: 0;
  }
}
.access_section .l-content .bg {
  width: 100%;
  padding: 4.5rem 0 5rem;
  background: url(../img/common/pattern_bg.png);
  background-size: cover;
  border-radius: 230px;
}
@media screen and (max-width: 768px) {
  .access_section .l-content .bg {
    padding-top: 5.9375rem;
    background: url(../img/common/pattern_bg_sp.png);
    background-size: cover;
    border-radius: 5.3125rem;
  }
}
.access_section h2 {
  display: flex;
  align-items: center;
  margin-bottom: 44px;
}
.access_section h2 p {
  line-height: 1.3;
}
.access_section h2 p span:nth-of-type(1) {
  font: 400 22px "Roboto", sans-serif;
}
@media screen and (max-width: 768px) {
  .access_section h2 p span:nth-of-type(1) {
    font-size: 1.125rem;
  }
}
.access_section h2 p span:nth-of-type(2) {
  display: block;
  font-size: 32px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .access_section h2 p span:nth-of-type(2) {
    font-size: 1.5rem;
  }
}
.access_section h2:before {
  content: "";
  display: inline-block;
  width: 67px;
  height: 67px;
  margin-right: 10px;
  background: url(../img/common/heading_page_icon.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .access_section h2:before {
    width: 59px;
    width: 3.688rem;
    height: 59px;
    height: 3.688rem;
  }
}

.access_buttons {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 638px;
  margin: 0 auto 2.5rem !important;
}
@media screen and (max-width: 768px) {
  .access_buttons {
    flex-direction: column;
    align-items: center;
  }
}
.access_buttons li {
  max-width: 305px;
  width: 48%;
  border: solid 1px #FF6E00;
  background: #FFF;
  border-radius: 10px;
  transition: 0.4s;
}
@media screen and (max-width: 768px) {
  .access_buttons li {
    width: 100%;
  }
  .access_buttons li:not(:last-child) {
    margin-bottom: 1.6875rem;
  }
}
.access_buttons li:hover {
  opacity: 0.7;
}
.access_buttons li:hover .access_buttons_toggle p:after {
  transform: translateY(3px);
}
.access_buttons li:nth-of-type(1) dl .access_buttons_toggle p:before {
  content: "";
  display: inline-block;
  width: 1.9375rem;
  height: 1.5625rem;
  margin-right: 0.5rem;
  background: url(../img/access/icon1.png);
  background-size: cover;
  vertical-align: middle;
}
.access_buttons li:nth-of-type(2) dl .access_buttons_toggle p:before {
  content: "";
  display: inline-block;
  width: 1.875rem;
  height: 1.875rem;
  margin-right: 0.5rem;
  background: url(../img/access/icon2.png);
  background-size: cover;
  vertical-align: middle;
}
.access_buttons li dl {
  text-align: center;
}
.access_buttons li dl .access_buttons_toggle {
  padding: 27px 0 23px;
  font-weight: 500;
  cursor: pointer;
}
.access_buttons li dl .access_buttons_toggle p:after {
  content: "";
  display: inline-block;
  width: 0.875rem;
  height: 0.5rem;
  margin-left: 0.5rem;
  background: url(../img/access/icon3.png);
  background-size: cover;
  transition: 0.4s;
}
.access_buttons li dl .access_buttons_hide {
  display: none;
}
.access_buttons li dl .access_buttons_hide p {
  padding-bottom: 1.6875rem;
}

.access_map {
  max-width: 752px;
  height: 423px;
  margin: 0 auto 2.5rem;
}
@media screen and (max-width: 768px) {
  .access_map {
    height: 10.75rem;
  }
}
.access_map iframe {
  width: 100%;
}

.access_items {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media screen and (max-width: 1024px) {
  .access_items {
    flex-direction: column;
    align-items: center;
  }
}

.access_item {
  max-width: 627px;
  width: 57%;
}
@media screen and (max-width: 1024px) {
  .access_item {
    max-width: 752px;
    width: 100%;
    margin-bottom: 4.25rem;
  }
}
.access_item p {
  margin-bottom: 2.5rem;
  padding-left: 77px;
}
@media screen and (max-width: 1024px) {
  .access_item p {
    margin-bottom: 4.5625rem;
    padding-left: 0;
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .access_item p {
    font-size: 0.875rem;
    line-height: 1.857;
  }
}
.access_item table {
  width: 100%;
  border-collapse: collapse;
  border-top: dotted 1px #534741;
}
@media screen and (max-width: 768px) {
  .access_item table {
    border-top: none;
    font-size: 0.875rem;
  }
}
.access_item table th {
  width: 35%;
  padding: 16px 22px;
  font-weight: 500;
  text-align: left;
  background: #FFF;
  border-bottom: dotted 1px #534741;
}
@media screen and (max-width: 768px) {
  .access_item table th {
    display: block;
    padding-top: 0.75rem;
    padding-right: 1.25rem;
    padding-bottom: 0.75rem;
    padding-left: 1.25rem;
    width: 100%;
    border-bottom: none;
  }
}
.access_item table td {
  padding: 16px 22px;
  border-bottom: dotted 1px #534741;
}
@media screen and (max-width: 768px) {
  .access_item table td {
    display: block;
    padding-top: 0.75rem;
    padding-right: 1.25rem;
    padding-bottom: 0.75rem;
    padding-left: 1.25rem;
    width: 100%;
  }
}

.accessItem_slide {
  max-width: 418px;
  width: 38%;
}
@media screen and (max-width: 1024px) {
  .accessItem_slide {
    max-width: 752px;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .accessItem_slide {
    padding-right: 1rem;
    padding-left: 1rem;
  }
}

.access_slide {
  margin-bottom: 0.75rem !important;
}

.access_slide-navigation .item {
  padding: 0 2.5px;
}

/* privacy */
.privacy_page .page-fv h1 span:nth-of-type(2) {
  color: #534741;
}

.privacy_section {
  margin: 1rem auto 73px;
}
.privacy_section .breadcrumb_wrap {
  margin-bottom: 142px;
}
@media screen and (max-width: 768px) {
  .privacy_section .breadcrumb_wrap {
    margin-bottom: 5.8125rem;
  }
}

.privacy__heading {
  display: flex;
  align-items: center;
  margin-bottom: 44px;
}
@media screen and (max-width: 768px) {
  .privacy__heading {
    margin-bottom: 2.5rem;
  }
}
.privacy__heading p {
  line-height: 1.3;
}
.privacy__heading p span:nth-of-type(1) {
  font: 400 22px "Roboto", sans-serif;
}
@media screen and (max-width: 768px) {
  .privacy__heading p span:nth-of-type(1) {
    font-size: 1.125rem;
  }
}
.privacy__heading p span:nth-of-type(2) {
  display: block;
  font-size: 32px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .privacy__heading p span:nth-of-type(2) {
    font-size: 1.5rem;
  }
}
.privacy__heading:before {
  content: "";
  display: inline-block;
  width: 67px;
  height: 67px;
  margin-right: 10px;
  background: url(../img/common/heading_page_icon.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .privacy__heading:before {
    width: 59px;
    width: 3.688rem;
    height: 59px;
    height: 3.688rem;
  }
}

.privacy_boxes {
  padding: 52px 1rem 129px;
  background: #FFF;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
}
@media screen and (max-width: 768px) {
  .privacy_boxes {
    padding-top: 1rem;
    padding-bottom: 3.4375rem;
  }
}
.privacy_boxes .inner {
  max-width: 833px;
  margin: 0 auto;
}
.privacy_boxes p {
  line-height: 1.625;
}
@media screen and (max-width: 768px) {
  .privacy_boxes p {
    font-size: 13px;
  }
}
.privacy_boxes .is_text {
  margin-bottom: 2.5rem;
}
@media screen and (max-width: 768px) {
  .privacy_boxes .is_text {
    margin-bottom: 3.4375rem;
  }
}

.privacy_box {
  margin-bottom: 3.75rem;
}
@media screen and (max-width: 768px) {
  .privacy_box {
    margin-bottom: 3.4375rem;
  }
}
.privacy_box h3 {
  margin-bottom: 19px;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: 0.1rem;
}
@media screen and (max-width: 768px) {
  .privacy_box h3 {
    margin-bottom: 0.875rem;
    font-size: 1rem;
  }
}
.privacy_box p:not(:last-child) {
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .privacy_box p:not(:last-child) {
    margin-bottom: 1.5625rem;
  }
}
.privacy_box.is_center h3 {
  text-align: center;
}
.privacy_box.is_center p {
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
  .privacy_box.is_center p {
    max-width: 215px;
  }
}
.privacy_box.is_center p a {
  text-decoration: none;
  color: #534741;
  transition: 0.4s;
}
.privacy_box.is_center p a:hover {
  opacity: 0.7;
}

/* reserve */
.reserve_page .page-fv h1 span:nth-of-type(2) {
  color: #534741;
}
.reserve_page .contact-lead {
  margin-bottom: 34px;
}
@media screen and (max-width: 768px) {
  .reserve_page .contact-lead {
    margin-bottom: 3.3125rem;
  }
}
.reserve_page .contact-lead .textarea {
  padding-left: 0;
  text-align: center;
}
.reserve_page .contact-lead .textarea p:not(:last-child) {
  margin-bottom: 1.25rem;
}

.reserve__flex-items {
  display: flex;
}
@media screen and (max-width: 768px) {
  .reserve__flex-items {
    flex-direction: column;
  }
}

.reserve__flex-item:not(:last-child) {
  margin-right: 24px;
}
@media screen and (max-width: 768px) {
  .reserve__flex-item:not(:last-child) {
    margin-right: 0;
    margin-bottom: 0.5rem;
  }
}

/* contact */
.contact_section {
  margin-top: 1rem;
}
.contact_section .breadcrumb_wrap {
  margin-bottom: 142px;
}
@media screen and (max-width: 768px) {
  .contact_section .breadcrumb_wrap {
    margin-bottom: 5.8125rem;
  }
}
.contact_section h2 {
  display: flex;
  align-items: center;
  margin-bottom: 26px;
}
@media screen and (max-width: 768px) {
  .contact_section h2 {
    margin-bottom: 2.5rem;
  }
}
.contact_section h2 p {
  line-height: 1.3;
}
.contact_section h2 p span:nth-of-type(1) {
  font: 400 22px "Roboto", sans-serif;
}
@media screen and (max-width: 768px) {
  .contact_section h2 p span:nth-of-type(1) {
    font-size: 1.125rem;
  }
}
.contact_section h2 p span:nth-of-type(2) {
  display: block;
  font-size: 32px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .contact_section h2 p span:nth-of-type(2) {
    font-size: 1.5rem;
  }
}
.contact_section h2:before {
  content: "";
  display: inline-block;
  width: 67px;
  height: 67px;
  margin-right: 10px;
  background: url(../img/common/heading_page_icon.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .contact_section h2:before {
    width: 59px;
    width: 3.688rem;
    height: 59px;
    height: 3.688rem;
  }
}
.contact_section .contact-form {
  margin-bottom: 5rem;
  padding: 0 60px;
}
@media screen and (max-width: 1024px) {
  .contact_section .contact-form {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
.contact_section .contact-form .bg {
  width: 100%;
  padding: 50px 0;
  background: url(../img/common/pattern_bg.png);
  background-size: cover;
  border-radius: 230px;
}
@media screen and (max-width: 768px) {
  .contact_section .contact-form .bg {
    padding-top: 3.4375rem;
    padding-bottom: 3.75rem;
    background: url(../img/common/pattern_bg_sp.png);
    background-size: cover;
    border-radius: 5.3125rem;
  }
}
.contact_section .contact-form h3 {
  margin-bottom: 49px;
  text-align: center;
  font-size: 32px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .contact_section .contact-form h3 {
    margin-bottom: 2.1875rem;
    font-size: 1.5rem;
  }
}
.contact_section .contact-form fieldset {
  border: none;
  padding: 0;
  margin: 0;
}
.contact_section .contact-form dl {
  max-width: 830px;
  margin: 0 auto 30px;
}
.contact_section .contact-form dl.is_flex {
  display: flex;
}
@media screen and (max-width: 768px) {
  .contact_section .contact-form dl.is_flex {
    flex-direction: column;
  }
}
.contact_section .contact-form dl.is_flex dt {
  width: 238px;
}
@media screen and (max-width: 768px) {
  .contact_section .contact-form dl.is_flex dt {
    flex-direction: column;
  }
}
.contact_section .contact-form dl.is_flex dd {
  flex: 2;
}
.contact_section .contact-form dl.is_flex legend {
  display: flex;
  align-items: baseline;
}
.contact_section .contact-form dl dt {
  display: flex;
  align-items: baseline;
  padding-bottom: 35px;
  font-weight: 500;
}
.contact_section .contact-form dl dt .ninni {
  display: inline-block;
  padding: 3px 13px;
  margin-right: 10px;
  color: #FFF;
  font-size: 14px;
  background: #534741;
  border-radius: 13px;
}
@media screen and (max-width: 768px) {
  .contact_section .contact-form dl dt .ninni {
    font-size: 0.6875rem;
  }
}
@media screen and (max-width: 768px) {
  .contact_section .contact-form dl dt {
    padding-bottom: 1rem;
  }
  .contact_section .contact-form dl dt br {
    display: none;
  }
  .contact_section .contact-form dl dt .is_small {
    font-size: 0.75rem;
  }
}
.contact_section .contact-form dl dd .is_textarea {
  width: 100%;
  padding: 3px 13px;
  border-radius: 13px;
  border: none;
}
@media screen and (max-width: 768px) {
  .contact_section .contact-form dl dd {
    font-size: 11px;
  }
}
.contact_section .contact-form table {
  max-width: 830px;
  width: 100%;
  border-collapse: collapse;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .contact_section .contact-form table {
    font-size: 0.875rem;
  }
}
.contact_section .contact-form table th {
  display: flex;
  align-items: baseline;
  width: 238px;
  padding-bottom: 35px;
  font-weight: 500;
  text-align: left;
}
.contact_section .contact-form table th p {
  display: flex;
  align-items: baseline;
}
@media screen and (max-width: 768px) {
  .contact_section .contact-form table th {
    width: 100%;
    padding-bottom: 0.75rem;
    font-size: 0.875rem;
  }
  .contact_section .contact-form table th br {
    display: none;
  }
}
.contact_section .contact-form table th .hissu {
  display: inline-block;
  padding: 3px 13px;
  margin-right: 10px;
  color: #FFF;
  font-size: 14px;
  background: #FF6E00;
  border-radius: 13px;
}
@media screen and (max-width: 768px) {
  .contact_section .contact-form table th .hissu {
    font-size: 0.6875rem;
  }
}
.contact_section .contact-form table th .ninni {
  display: inline-block;
  padding: 3px 13px;
  margin-right: 10px;
  color: #FFF;
  font-size: 14px;
  background: #534741;
  border-radius: 13px;
}
@media screen and (max-width: 768px) {
  .contact_section .contact-form table th .ninni {
    font-size: 0.6875rem;
  }
}
.contact_section .contact-form table td {
  width: 100%;
  padding-bottom: 35px;
}
@media screen and (max-width: 768px) {
  .contact_section .contact-form table td {
    display: block;
    padding-bottom: 1.1875rem;
  }
}
.contact_section .contact-form table td .is_text {
  width: 100%;
  padding: 3px 13px;
  border-radius: 13px;
  border: none;
}
.contact_section .contact-form table td .is_text::-moz-placeholder {
  color: #909090;
  font-size: 0.875rem;
}
.contact_section .contact-form table td .is_text::placeholder {
  color: #909090;
  font-size: 0.875rem;
}
.contact_section .contact-form table td .is_date,
.contact_section .contact-form table td .is_time {
  padding: 3px 13px;
  border-radius: 13px;
  border: none;
  color: #534741;
}
.contact_section .contact-form table td .is_small {
  display: block;
  margin-top: 5px;
  font-size: 0.875rem;
}
.contact_section .contact-form table td .is_small strong {
  font-weight: 500;
  color: #FF6E00;
}
.contact_section .contact-form .title-contactform7 {
  flex: 2;
}
.contact_section .contact-form form.wpcf7-form.sent table,
.contact_section .contact-form form.wpcf7-form.sent dl,
.contact_section .contact-form form.wpcf7-form.sent .contact-privacy,
.contact_section .contact-form form.wpcf7-form.sent .button,
.contact_section .contact-form form.wpcf7-form.sent p {
  display: none;
}
.contact_section .contact-form form.wpcf7-form.sent .wpcf7-response-output {
  border: none;
  text-align: center;
}
.contact_section .contact-form .button {
  position: relative;
  max-width: 380px;
  height: 80px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .contact_section .contact-form .button {
    max-width: 268px;
    height: 3.75rem;
  }
}
.contact_section .contact-form .button input {
  display: block;
  max-width: 380px;
  width: 100%;
  height: 80px;
  margin: 0 auto;
  padding-left: 45px;
  line-height: 80px;
  text-align: center;
  text-decoration: none;
  color: #FFF;
  font-size: 20px;
  background: #534741;
  border-radius: 40px;
  transition: 0.4s;
  padding-left: 0;
  border: none;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .contact_section .contact-form .button input {
    max-width: 268px;
    height: 60px;
    height: 3.75rem;
    padding-left: 11px;
    line-height: 60px;
    line-height: 3.75rem;
    font-size: 19px;
    font-size: 1.188rem;
  }
}
.contact_section .contact-form .button input:hover {
  background: #FF6E00;
}
.contact_section .contact-form .button input:hover:after {
  transform: translateX(15px);
}
@media screen and (max-width: 768px) {
  .contact_section .contact-form .button input:hover:after {
    transform: translateX(6px);
  }
}
.contact_section .contact-form .button input:after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 12px;
  margin-left: 45px;
  background: url(../img/common/button_arrow.png);
  background-size: cover;
  vertical-align: middle;
  transition: 0.4s;
}
@media screen and (max-width: 768px) {
  .contact_section .contact-form .button input:after {
    margin-left: 11px;
  }
}
.contact_section .contact-form .button:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 7px;
  height: 12px;
  top: 50%;
  transform: translateY(-50%);
  right: 40px;
  margin-left: 45px;
  background: url(../img/common/button_arrow.png);
  background-size: cover;
  vertical-align: middle;
  transition: 0.4s;
}
.contact_section .contact-form .wpcf7 .wpcf7-submit:disabled {
  opacity: 0.8;
}
.contact_section .contact-form .wpcf7 .wpcf7-submit:disabled:hover {
  background: #534741;
}
.contact_section .contact-form .wpcf7cp-btns {
  display: flex;
  justify-content: space-around;
}
@media screen and (max-width: 480px) {
  .contact_section .contact-form .wpcf7cp-btns {
    flex-direction: column;
  }
  .contact_section .contact-form .wpcf7cp-btns button:nth-of-type(1) {
    margin-bottom: 0.3125rem;
  }
}
.contact_section .contact-form .wpcf7cp-btns button {
  display: block;
  max-width: 380px;
  width: 100%;
  height: 80px;
  margin: 0 auto;
  padding-left: 45px;
  line-height: 80px;
  text-align: center;
  text-decoration: none;
  color: #FFF;
  font-size: 20px;
  background: #534741;
  border-radius: 40px;
  transition: 0.4s;
  width: 48%;
  padding-left: 0;
  border: none;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .contact_section .contact-form .wpcf7cp-btns button {
    max-width: 268px;
    height: 60px;
    height: 3.75rem;
    padding-left: 11px;
    line-height: 60px;
    line-height: 3.75rem;
    font-size: 19px;
    font-size: 1.188rem;
  }
}
.contact_section .contact-form .wpcf7cp-btns button:hover {
  background: #FF6E00;
}
.contact_section .contact-form .wpcf7cp-btns button:hover:after {
  transform: translateX(15px);
}
@media screen and (max-width: 768px) {
  .contact_section .contact-form .wpcf7cp-btns button:hover:after {
    transform: translateX(6px);
  }
}
.contact_section .contact-form .wpcf7cp-btns button:after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 12px;
  margin-left: 45px;
  background: url(../img/common/button_arrow.png);
  background-size: cover;
  vertical-align: middle;
  transition: 0.4s;
}
@media screen and (max-width: 768px) {
  .contact_section .contact-form .wpcf7cp-btns button:after {
    margin-left: 11px;
  }
}
@media screen and (max-width: 480px) {
  .contact_section .contact-form .wpcf7cp-btns button {
    width: 100%;
  }
}
.contact_section .line_button {
  text-decoration: none;
  color: #534741;
}
.contact_section .top-lead_box:hover .button {
  opacity: 0.7;
}
.contact_section .top-lead_box h3 {
  max-width: 255px;
  margin: 0 auto 20px;
}
@media screen and (max-width: 768px) {
  .contact_section .top-lead_box h3 {
    max-width: 183px;
  }
}
.contact_section .top-lead_box h3 img {
  max-width: 213px;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .contact_section .top-lead_box h3 img {
    max-width: 183px;
  }
}
.contact_section .top-lead_box h3:after {
  bottom: -1px;
}
.contact_section .top-lead_box p {
  position: relative;
  margin-bottom: 9px;
  text-align: center;
  font-weight: 500;
  font-size: 20px;
}
@media screen and (max-width: 768px) {
  .contact_section .top-lead_box p {
    margin-bottom: 1rem;
    font-size: 1.125rem;
  }
}
.contact_section .top-lead_box .button {
  max-width: 286px;
  width: 100%;
  margin: 0 auto;
  transition: 0.4s;
}
@media screen and (max-width: 768px) {
  .contact_section .top-lead_box .button {
    max-width: 203px;
  }
}

.contact-lead {
  margin-bottom: 80px;
}
.contact-lead .textarea {
  margin-bottom: 32px;
  text-align: center;
  line-height: 1.625;
}
@media screen and (max-width: 768px) {
  .contact-lead .textarea {
    margin-bottom: 2.5rem;
  }
}
.contact-lead .textarea p:not(:last-child) {
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .contact-lead .textarea {
    text-align: center;
  }
}
.contact-lead .textarea p a {
  color: #534741;
  transition: 0.4s;
}
.contact-lead .textarea p a:hover {
  opacity: 0.7;
}
.contact-lead .textarea.contact__textarea {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .contact-lead .textarea.contact__textarea {
    text-align: center;
  }
}

.contact-privacy {
  margin-bottom: 2rem;
}
.contact-privacy .wpcf7-form-control-wrap {
  display: block;
  margin-bottom: 7px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .contact-privacy {
    font-size: 0.875rem;
  }
}

.contact-privacy_box {
  max-width: 700px;
  height: 124px;
  margin: 0 auto;
  padding: 1rem;
  overflow-x: scroll;
  background: #FFF;
}
@media screen and (max-width: 768px) {
  .contact-privacy_box {
    font-size: 0.75rem;
  }
}

/* sitemap */
.sitemap_section {
  margin-bottom: 100px;
}
.sitemap_section .breadcrumb_wrap {
  margin-top: 1rem;
  margin-bottom: 5.375rem;
}
.sitemap_section .is_home {
  display: block;
  margin-bottom: 74px;
  text-decoration: none;
  color: #534741;
  font-weight: 500;
  transition: 0.4s;
}
@media screen and (max-width: 768px) {
  .sitemap_section .is_home {
    margin-bottom: 4.25rem;
    font-size: 0.875rem;
  }
}
.sitemap_section .is_home:before {
  content: "";
  display: inline-block;
  width: 1.0625rem;
  height: 1.0625rem;
  margin-right: 0.8125rem;
  background: url(../img/sitemap/arrow1.png);
  background-size: cover;
  vertical-align: middle;
}
.sitemap_section .is_home:hover {
  opacity: 0.7;
}
.sitemap_section .l-contents {
  max-width: 800px;
  margin: 0 auto;
}
.sitemap_section .l-content {
  margin-bottom: 74px;
}
@media screen and (max-width: 768px) {
  .sitemap_section .l-content {
    margin-bottom: 4.25rem;
    font-size: 0.875rem;
  }
}

.sitemap_lists li {
  padding-left: 0.3125rem;
  font-weight: 500;
}
.sitemap_lists li.is_nolink {
  margin-bottom: 0.9375rem;
  padding-left: 0;
  padding-bottom: 0.9375rem;
  border-bottom: 1px solid #707070;
}
.sitemap_lists li.is_space {
  padding-left: 2rem;
}
.sitemap_lists li:last-child a {
  margin-bottom: 0;
}
.sitemap_lists li a {
  display: block;
  padding-bottom: 21px;
  text-decoration: none;
  color: #534741;
  transition: 0.4s;
}
@media screen and (max-width: 768px) {
  .sitemap_lists li a {
    padding-bottom: 1.125rem;
  }
}
.sitemap_lists li a:hover {
  opacity: 0.7;
}
.sitemap_lists li a:before {
  content: "";
  display: inline-block;
  width: 0.3125rem;
  height: 0.5rem;
  margin-right: 1.1875rem;
  background: url(../img/sitemap/arrow2.png);
  background-size: cover;
  vertical-align: middle;
}

/* news */
.news_section .breadcrumb_wrap {
  margin: 1rem auto 5rem;
}
.news_section .l-contents {
  margin-bottom: 6.25rem;
  padding: 0 60px;
}
@media screen and (max-width: 1235px) {
  .news_section .l-contents .l-inner {
    padding-right: 1.125rem;
    padding-left: 1.125rem;
  }
}
@media screen and (max-width: 1024px) {
  .news_section .l-contents {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
.news_section .l-contents .bg {
  width: 100%;
  padding-top: 5rem;
  padding-bottom: 6.25rem;
  background: url(../img/common/pattern_bg.png);
  background-size: cover;
  border-radius: 230px;
}
@media screen and (max-width: 768px) {
  .news_section .l-contents .bg {
    background: url(../img/common/pattern_bg_sp.png);
    background-size: cover;
    border-radius: 5.3125rem;
  }
}

.news_categories {
  display: flex;
  justify-content: space-around;
  max-width: 500px;
  margin: 0 auto 5rem !important;
}
@media screen and (max-width: 768px) {
  .news_categories {
    flex-direction: column;
    align-items: center;
  }
}
.news_categories li a {
  display: block;
  text-decoration: none;
  color: #534741;
  font-size: 18px;
  transition: 0.4s;
}
.news_categories li a:hover {
  opacity: 0.7;
}
.news_categories li a.current {
  font-weight: 500;
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  .news_categories li a {
    margin-bottom: 1.25rem;
    font-size: 1rem;
  }
  .news_categories li:last-child a {
    margin-bottom: 0;
  }
}

.news_lists li a {
  display: block;
  padding: 22px 0 24px;
  text-decoration: none;
  border-top: 1px solid #D2D2D2;
}
@media screen and (max-width: 768px) {
  .news_lists li a {
    padding-top: 0.875rem;
    padding-bottom: 1.125rem;
  }
}
.news_lists li a:hover dl dd {
  text-decoration: underline;
  color: #FF6E00;
  opacity: 0.7;
}
.news_lists li a dl {
  display: flex;
}
@media screen and (max-width: 768px) {
  .news_lists li a dl {
    flex-direction: column;
  }
}
.news_lists li a dl dt {
  max-width: 226px;
  width: 100%;
  color: #534741;
  font-weight: 500;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .news_lists li a dl dt {
    margin-bottom: 0.5625rem;
    text-align: left;
    font-size: 0.8125rem;
  }
}
.news_lists li a dl dd {
  color: #534741;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: 0.4s;
  flex: 2;
}
@media screen and (max-width: 768px) {
  .news_lists li a dl dd {
    font-size: 0.875rem;
  }
}
.news_lists li:last-child a {
  border-bottom: 1px solid #D2D2D2;
}

/* single */
.newspost_section .bg {
  padding-top: 1rem;
  padding-bottom: 6.25rem;
  background: url(../img/common/pattern_bg.png);
  background-size: cover;
}
.newspost_section .breadcrumb_wrap {
  margin-bottom: 2.5rem;
}

.newspost_content {
  padding-top: 5rem;
  padding-right: 1.25rem;
  padding-bottom: 5rem;
  padding-left: 1.25rem;
  background: #FFF;
  border-radius: 6.25rem;
}
.newspost_content .inner {
  max-width: 900px;
  margin: 0 auto;
}
.newspost_content .button {
  display: block;
  padding-right: 0.875rem;
  text-align: center;
  text-decoration: none;
  color: #534741;
  transition: 0.4s;
}
@media screen and (max-width: 768px) {
  .newspost_content .button {
    font-size: 0.75rem;
  }
}
.newspost_content .button:hover {
  padding-right: 2.0625rem;
  color: #FF6E00;
}
.newspost_content .button:hover:before {
  padding-right: 2.0625rem;
}
.newspost_content .button:before {
  content: "<<";
  padding-right: 0.875rem;
  transition: 0.4s;
}

.newspost_title {
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  font-size: 28px;
  font-weight: 500;
  border-bottom: dashed 1px #534741;
}
@media screen and (max-width: 768px) {
  .newspost_title {
    font-size: 1.125rem;
  }
}

.newspost_date {
  margin-bottom: 1.5rem;
  text-align: right;
}
@media screen and (max-width: 768px) {
  .newspost_date {
    font-size: 0.875rem;
  }
}

.newspost_entry {
  margin-bottom: 50px;
  padding-bottom: 5rem;
  border-bottom: dashed 1px #534741;
}
@media screen and (max-width: 768px) {
  .newspost_entry {
    padding-bottom: 2.5rem;
  }
}
.newspost_entry p {
  margin-bottom: 1.25rem;
  line-height: 1.875;
}
@media screen and (max-width: 768px) {
  .newspost_entry p {
    font-size: 0.875rem;
  }
}
.newspost_entry p:last-child {
  margin-bottom: 0;
}

/* blog */
.blog_section .breadcrumb_wrap {
  margin: 1rem auto 5rem;
}
@media screen and (max-width: 768px) {
  .blog_section .breadcrumb_wrap .breadcrumb {
    flex-wrap: wrap;
  }
}
.blog_section .l-contents {
  margin-bottom: 6.25rem;
  padding: 0 60px;
}
@media screen and (max-width: 1235px) {
  .blog_section .l-contents .l-inner {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
@media screen and (max-width: 1024px) {
  .blog_section .l-contents {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
.blog_section .l-contents .bg {
  width: 100%;
  padding: 5rem 0 100px;
  background: url(../img/common/pattern_bg.png);
  background-size: cover;
  border-radius: 230px;
}
@media screen and (max-width: 768px) {
  .blog_section .l-contents .bg {
    padding-top: 3.125rem;
    padding-bottom: 5rem;
    background: url(../img/common/pattern_bg_sp.png);
    background-size: cover;
    border-radius: 5.3125rem;
  }
}

.blog-contents {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media screen and (max-width: 768px) {
  .blog-contents {
    flex-direction: column;
  }
}

.blog-content {
  max-width: 625px;
  width: 57%;
  margin-left: 53px;
}
@media screen and (max-width: 1024px) {
  .blog-content {
    width: 67%;
    margin-left: 0;
  }
}
@media screen and (max-width: 768px) {
  .blog-content {
    max-width: 100%;
    width: 100%;
    margin-bottom: 5rem;
  }
}
.blog-content .top-blog_lists {
  margin-bottom: -2.5rem;
}
@media screen and (max-width: 768px) {
  .blog-content .top-blog_lists {
    max-width: 615px;
    margin: 0 auto -2.5rem;
  }
}
@media screen and (max-width: 480px) {
  .blog-content .top-blog_lists {
    justify-content: center;
  }
}
.blog-content .top-blog_lists li {
  max-width: 291px;
  width: 48%;
  margin-bottom: 2.5rem;
}
@media screen and (max-width: 480px) {
  .blog-content .top-blog_lists li {
    width: 100%;
  }
}
.blog-content .top-blog_lists li .image_wrap img {
  height: 212px;
  margin-bottom: 0;
}
.blog-content .top-blog_lists li .is_title {
  padding: 11px 13px;
  background: #FFF;
}
.blog-content .top-blog_lists li .is_date span:nth-of-type(1) {
  font-size: 22px;
}
@media screen and (max-width: 768px) {
  .blog-content .top-blog_lists li .is_date span:nth-of-type(1) {
    font-size: 1.25rem;
  }
}
.blog-content .top-blog_lists li .is_date span:nth-of-type(2) {
  font-size: 17px;
}
@media screen and (max-width: 768px) {
  .blog-content .top-blog_lists li .is_date span:nth-of-type(2) {
    font-size: 0.9375rem;
  }
}
.blog-content .top-blog_lists li .is_category .cat {
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  .blog-content .top-blog_lists li .is_category .cat {
    font-size: 0.875rem;
  }
}

.blog-side {
  max-width: 337px;
  width: 31%;
}
@media screen and (max-width: 768px) {
  .blog-side {
    max-width: 100%;
    width: 100%;
  }
}
.blog-side .blog-side_content:not(:last-child) {
  margin-bottom: 2.5rem;
}

.blog-side_content {
  padding-top: 3.125rem;
  padding-right: 1.6875rem;
  padding-bottom: 3.125rem;
  padding-left: 1.875rem;
  background: #FFF;
  border-radius: 60px;
}
.blog-side_content h3 {
  position: relative;
  margin-bottom: 1.5625rem;
  padding-left: 17px;
  font-size: 18px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .blog-side_content h3 {
    margin-bottom: 1rem;
    padding-left: 0.875rem;
    font-size: 0.875rem;
  }
}
.blog-side_content h3:before {
  content: "";
  position: absolute;
  width: 0.25rem;
  height: 2.0625rem;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background: #FF6E00;
}
@media screen and (max-width: 768px) {
  .blog-side_content h3:before {
    height: 1.625rem;
  }
}

.blog-side_category {
  margin-bottom: 2.5rem !important;
  border-bottom: solid 1px #DDDDDD;
}
.blog-side_category li {
  position: relative;
  border-top: solid 1px #DDDDDD;
  border-left: solid 1px #DDDDDD;
  border-right: solid 1px #DDDDDD;
}
.blog-side_category li a {
  display: block;
  width: 100%;
  padding: 19px 26px 19px 19px;
  text-decoration: none;
  color: #534741;
  font-size: 0.875rem;
  transition: 0.4s;
}
.blog-side_category li a:hover {
  padding-left: 27px;
  opacity: 0.7;
}
.blog-side_category li:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 0.5rem;
  height: 0.875rem;
  top: 40%;
  right: 1.9375rem;
  transform: translateY(-50%);
  transform: translateX(17px);
  background: url(../img/blog/arrow.png);
  background-size: cover;
  vertical-align: middle;
}

.blog-side_recommend li {
  margin-top: -1px;
  border: solid 1px #DDDDDD;
}
.blog-side_recommend li a {
  display: flex;
  align-items: flex-start;
  text-decoration: none;
  color: #534741;
  transition: 0.4s;
}
.blog-side_recommend li a:hover {
  opacity: 0.7;
}
.blog-side_recommend li a .image_wrap img {
  max-width: 5rem;
  height: 5rem;
  -o-object-fit: cover;
  object-fit: cover;
}
.blog-side_recommend li a .is_title {
  display: flex;
  align-items: center;
  max-width: 200px;
  height: 5rem;
  padding: 19px 15px;
  font-size: 0.875rem;
  background: #FFF;
}
@media screen and (max-width: 768px) {
  .blog-side_recommend li a .is_title {
    max-width: inherit;
  }
}
.blog-side_recommend li a .is_title p {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.blog-side_archive {
  position: relative;
}
.blog-side_archive .post-arcselect {
  width: 100%;
  padding: 19px;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  color: #534741;
  font-size: 0.875rem;
  border: solid 1px #DDDDDD;
  background: #FFF;
}
.blog-side_archive:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 8px;
  height: 14px;
  top: 40%;
  right: 31px;
  transform: translateY(-50%);
  transform: translateX(17px);
  background: url(../img/blog/arrow.png);
  background-size: cover;
  vertical-align: middle;
  transform: rotate(90deg);
}

.blog_post .bg {
  padding-top: 1rem;
  padding-bottom: 6.25rem;
  background: url(../img/common/pattern_bg.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .blog_post .bg {
    background: url(../img/common/pattern_bg_sp.png);
  }
}
.blog_post .breadcrumb_wrap {
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  .blog_post .breadcrumb_wrap {
    margin-bottom: 4.0625rem;
  }
}
.blog_post .blog-content {
  max-width: 733px;
  width: 67%;
  margin-left: 0;
  padding-top: 2.5rem;
  padding-right: 1.5rem;
  padding-bottom: 6.25rem;
  padding-left: 1.5rem;
  background: #FFF;
  border-radius: 3.75rem;
}
@media screen and (max-width: 768px) {
  .blog_post .blog-content {
    max-width: 100%;
    width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  .blog_post .l-contents {
    padding: 0;
  }
}

.blog-postcontent {
  max-width: 653px;
  margin: 0 auto;
}

.blog-postcontent_date {
  color: #999999;
}
.blog-postcontent_date:before {
  content: "";
  display: inline-block;
  width: 9px;
  height: 9px;
  background: url(../img/blog/icon_date.png);
  background-size: cover;
}
.blog-postcontent_date span:nth-of-type(1) {
  font-size: 0.75rem;
}
.blog-postcontent_date span:nth-of-type(2) {
  font-size: 10px;
}

.blog-postcontent_title {
  margin-bottom: 0.625rem;
  font-size: 26px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .blog-postcontent_title {
    font-size: 1.25rem;
  }
}

.blog-postcontent_thumbnail {
  position: relative;
  margin-bottom: 2.5rem;
}
@media screen and (max-width: 768px) {
  .blog-postcontent_thumbnail {
    margin-bottom: 1.5rem;
  }
}
.blog-postcontent_thumbnail img {
  width: 100%;
}
.blog-postcontent_thumbnail .blog-postcontent_category {
  position: absolute;
  bottom: 40px;
  left: -7px;
}
@media screen and (max-width: 768px) {
  .blog-postcontent_thumbnail .blog-postcontent_category {
    bottom: 24px;
  }
}
.blog-postcontent_thumbnail .blog-postcontent_category span.cat {
  display: block;
  position: relative;
  min-width: 197px;
  padding: 3px 7px;
  color: #FFF;
  font-weight: 500;
  background: #534641;
}
.blog-postcontent_thumbnail .blog-postcontent_category span.cat:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 4px transparent;
  border-right: solid 7px #888888;
}

.blog-postcontent_entry {
  margin-bottom: 5rem;
}
@media screen and (max-width: 768px) {
  .blog-postcontent_entry {
    margin-bottom: 2.5rem;
  }
}
.blog-postcontent_entry p {
  margin-bottom: 2rem;
  line-height: 1.875;
}
@media screen and (max-width: 768px) {
  .blog-postcontent_entry p {
    font-size: 0.875rem;
  }
}
.blog-postcontent_entry h2 {
  margin-bottom: 1.5rem;
  padding: 16px 14px;
  color: #FFF;
  font-size: 26px;
  font-weight: 500;
  background: #534741;
  border-radius: 16px;
}
@media screen and (max-width: 768px) {
  .blog-postcontent_entry h2 {
    padding: 0.75rem;
    font-size: 1.25rem;
  }
}
.blog-postcontent_entry h3 {
  position: relative;
  margin-bottom: 1.5rem;
  padding-left: 1rem;
  font-size: 22px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .blog-postcontent_entry h3 {
    font-size: 1.0625rem;
  }
}
.blog-postcontent_entry h3:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 2px;
  height: 2rem;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  background: #534741;
}
.blog-postcontent_entry h4 {
  margin-bottom: 1.5rem;
  padding-bottom: 5px;
  padding-left: 1rem;
  font-size: 18px;
  font-weight: 500;
  border-bottom: solid 1px #707070;
}
@media screen and (max-width: 768px) {
  .blog-postcontent_entry h4 {
    font-size: 0.875rem;
  }
}
.blog-postcontent_entry h5 {
  margin-bottom: 1.5rem;
  padding-bottom: 5px;
  padding-left: 1rem;
  font-size: 14px;
  font-weight: 500;
  border-bottom: solid 1px #707070;
}
@media screen and (max-width: 768px) {
  .blog-postcontent_entry h5 {
    font-size: 0.6875rem;
  }
}

.blog-postcontent_share {
  display: flex;
  justify-content: space-between;
  max-width: 311px;
  margin-bottom: 5rem !important;
}
@media screen and (max-width: 768px) {
  .blog-postcontent_share {
    max-width: 95px;
    margin: 0 auto 2.5rem !important;
  }
}
.blog-postcontent_share li a {
  display: block;
  transition: 0.4s;
}
.blog-postcontent_share li:nth-of-type(1) a:before {
  content: "";
  display: inline-block;
  width: 101px;
  height: 26px;
  background: url(../img/blog/share1.png);
  background-size: cover;
  transition: 0.4s;
}
@media screen and (max-width: 768px) {
  .blog-postcontent_share li:nth-of-type(1) a:before {
    display: inline-block;
    width: 1.5625rem;
    height: 1.5625rem;
    background: url(../img/blog/share1_sp.png);
    background-size: cover;
  }
}
.blog-postcontent_share li:nth-of-type(1) a:hover:before {
  content: "";
  display: inline-block;
  width: 101px;
  height: 26px;
  background: url(../img/blog/share1_hover.png);
  background-size: cover;
  transition: 0.4s;
}
@media screen and (max-width: 768px) {
  .blog-postcontent_share li:nth-of-type(1) a:hover:before {
    display: inline-block;
    width: 1.5625rem;
    height: 1.5625rem;
    background: url(../img/blog/share1_sp_hover.png);
    background-size: cover;
  }
}
.blog-postcontent_share li:nth-of-type(2) a:before {
  content: "";
  display: inline-block;
  width: 89px;
  height: 26px;
  background: url(../img/blog/share2.png);
  background-size: cover;
  transition: 0.4s;
}
@media screen and (max-width: 768px) {
  .blog-postcontent_share li:nth-of-type(2) a:before {
    display: inline-block;
    width: 1.5625rem;
    height: 1.5625rem;
    background: url(../img/blog/share2_sp.png);
    background-size: cover;
  }
}
.blog-postcontent_share li:nth-of-type(2) a:hover:before {
  content: "";
  display: inline-block;
  width: 89px;
  height: 26px;
  background: url(../img/blog/share2_hover.png);
  background-size: cover;
  transition: 0.4s;
}
@media screen and (max-width: 768px) {
  .blog-postcontent_share li:nth-of-type(2) a:hover:before {
    display: inline-block;
    width: 1.5625rem;
    height: 1.5625rem;
    background: url(../img/blog/share2_sp.png);
    background-size: cover;
  }
}
.blog-postcontent_share li:nth-of-type(3) a:before {
  content: "";
  display: inline-block;
  width: 101px;
  height: 26px;
  background: url(../img/blog/share3.png);
  background-size: cover;
  transition: 0.4s;
}
@media screen and (max-width: 768px) {
  .blog-postcontent_share li:nth-of-type(3) a:before {
    display: inline-block;
    width: 1.5625rem;
    height: 1.5625rem;
    background: url(../img/blog/share3_sp.png);
    background-size: cover;
  }
}
.blog-postcontent_share li:nth-of-type(3) a:hover:before {
  content: "";
  display: inline-block;
  width: 101px;
  height: 26px;
  background: url(../img/blog/share3_hover.png);
  background-size: cover;
  transition: 0.4s;
}
@media screen and (max-width: 768px) {
  .blog-postcontent_share li:nth-of-type(3) a:hover:before {
    display: inline-block;
    width: 1.5625rem;
    height: 1.5625rem;
    background: url(../img/blog/share3_sp.png);
    background-size: cover;
  }
}

.blog-postcontent_related_lists {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .blog-postcontent_related_lists {
    margin-bottom: -20px !important;
  }
}
.blog-postcontent_related_lists:after {
  content: "";
  display: block;
  width: 31%;
}
.blog-postcontent_related_lists li {
  width: 31%;
}
@media screen and (max-width: 768px) {
  .blog-postcontent_related_lists li {
    width: 47%;
    margin-bottom: 1.25rem;
  }
}
.blog-postcontent_related_lists li:nth-of-type(4) {
  display: none;
}
@media screen and (max-width: 768px) {
  .blog-postcontent_related_lists li:nth-of-type(4) {
    display: block;
  }
}
.blog-postcontent_related_lists li a {
  text-decoration: none;
  color: #534741;
}
.blog-postcontent_related_lists li .is_date {
  margin-bottom: 6px;
}
.blog-postcontent_related_lists li .is_date span:nth-of-type(1) {
  font: 900 15px "Roboto", sans-serif;
}
@media screen and (max-width: 768px) {
  .blog-postcontent_related_lists li .is_date span:nth-of-type(1) {
    font-size: 0.75rem;
  }
}
.blog-postcontent_related_lists li .is_date span:nth-of-type(2) {
  font: 900 12px "Roboto", sans-serif;
}
@media screen and (max-width: 768px) {
  .blog-postcontent_related_lists li .is_date span:nth-of-type(2) {
    font-size: 10px;
  }
}
.blog-postcontent_related_lists li .image_wrap {
  position: relative;
}
.blog-postcontent_related_lists li .image_wrap img {
  width: 100%;
  height: 160px;
  -o-object-fit: cover;
  object-fit: cover;
  margin-bottom: 7px;
}
@media screen and (max-width: 1024px) {
  .blog-postcontent_related_lists li .image_wrap img {
    height: 14.65vw;
  }
}
@media screen and (max-width: 768px) {
  .blog-postcontent_related_lists li .image_wrap img {
    height: 160px;
  }
}
@media screen and (max-width: 480px) {
  .blog-postcontent_related_lists li .image_wrap img {
    height: 94px;
  }
}
.blog-postcontent_related_lists li .is_category {
  position: absolute;
  width: 100%;
  bottom: 16px;
  left: -7px;
}
.blog-postcontent_related_lists li .cat {
  display: block;
  position: relative;
  width: 90%;
  padding: 3px 7px;
  color: #FFF;
  font-size: 10px;
  font-size: 14px;
  font-weight: 500;
  background: #534641;
  transition: 0.4s;
}
@media screen and (max-width: 768px) {
  .blog-postcontent_related_lists li .cat {
    font-size: 10px;
  }
}
.blog-postcontent_related_lists li .cat:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 4px transparent;
  border-right: solid 7px #888888;
}
.blog-postcontent_related_lists li .is_title {
  text-decoration: underline;
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  .blog-postcontent_related_lists li .is_title {
    font-size: 0.75rem;
  }
}
.blog-postcontent_related_lists li .is_title p {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.blog-postcontent_related h2 {
  position: relative;
  margin-bottom: 1.375rem;
  padding-left: 1.0625rem;
  font-size: 1.125rem;
  font-weight: 500;
}
.blog-postcontent_related h2:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 4px;
  height: 2.0625rem;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  background: #FF6E00;
}

/* tieup */
.tieup_section .breadcrumb_wrap {
  margin: 1rem auto 5rem;
}
.tieup_section .l-contents {
  margin-bottom: 6.25rem;
  padding: 0 60px;
}
@media screen and (max-width: 1235px) {
  .tieup_section .l-contents .l-inner {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
@media screen and (max-width: 1024px) {
  .tieup_section .l-contents {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
.tieup_section .l-contents .bg {
  width: 100%;
  padding: 5rem 0;
  background: url(../img/common/pattern_bg.png);
  background-size: cover;
  border-radius: 230px;
}
@media screen and (max-width: 768px) {
  .tieup_section .l-contents .bg {
    background: url(../img/common/pattern_bg_sp.png);
    background-size: cover;
    border-radius: 5.3125rem;
  }
}

.tieup_lists {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-bottom: -20px !important;
}
@media screen and (max-width: 768px) {
  .tieup_lists {
    justify-content: center;
  }
}
.tieup_lists:after {
  content: "";
  width: 31%;
}
@media screen and (max-width: 1024px) {
  .tieup_lists:after {
    width: 48%;
  }
}
.tieup_lists li {
  width: 31%;
  margin-bottom: 20px;
  padding: 24px;
  border: solid 1px #534741;
  background: #FFF;
  border-radius: 30px;
}
@media screen and (max-width: 1024px) {
  .tieup_lists li {
    width: 48%;
  }
}
@media screen and (max-width: 768px) {
  .tieup_lists li {
    width: 100%;
    max-width: 440px;
    padding: 1.1875rem;
  }
}
.tieup_lists li:hover img {
  transform: scale(1.2);
  transition-duration: 0.5s;
}
.tieup_lists li:hover .is_title, .tieup_lists li:hover .is_text {
  opacity: 0.7;
}
.tieup_lists li .image_wrap {
  height: 189px;
  margin-bottom: 21px;
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  .tieup_lists li .image_wrap {
    height: 230px;
  }
}
@media screen and (max-width: 768px) {
  .tieup_lists li .image_wrap {
    margin-bottom: 1.0625rem;
  }
}
@media screen and (max-width: 480px) {
  .tieup_lists li .image_wrap {
    height: 47.92vw;
  }
}
.tieup_lists li .image_wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  transition-duration: 0.5s;
}
.tieup_lists li .is_title {
  margin-bottom: 21px;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  transition: 0.4s;
}
@media screen and (max-width: 768px) {
  .tieup_lists li .is_title {
    margin-bottom: 0.75rem;
    font-size: 0.875rem;
  }
}
.tieup_lists li .is_text {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.875;
  transition: 0.4s;
}
@media screen and (max-width: 768px) {
  .tieup_lists li .is_text {
    font-size: 0.875rem;
  }
}
.tieup_lists li a {
  text-decoration: none;
  color: #534741;
}

.tieuppost_page .page-fv h1 span:nth-of-type(1) {
  display: none;
}

.tieuppost_post .bg {
  width: 100%;
  padding-top: 1rem;
  padding-bottom: 6.25rem;
  background: url(../img/common/pattern_bg.png);
  background-size: cover;
}
.tieuppost_post .breadcrumb_wrap {
  margin-bottom: 5rem;
}
.tieuppost_post .button {
  display: block;
  max-width: 380px;
  width: 100%;
  height: 80px;
  margin: 0 auto;
  padding-left: 45px;
  line-height: 80px;
  text-align: center;
  text-decoration: none;
  color: #FFF;
  font-size: 20px;
  background: #534741;
  border-radius: 40px;
  transition: 0.4s;
  margin: 5rem auto 0;
}
@media screen and (max-width: 768px) {
  .tieuppost_post .button {
    max-width: 268px;
    height: 60px;
    height: 3.75rem;
    padding-left: 11px;
    line-height: 60px;
    line-height: 3.75rem;
    font-size: 19px;
    font-size: 1.188rem;
  }
}
.tieuppost_post .button:hover {
  background: #FF6E00;
}
.tieuppost_post .button:hover:after {
  transform: translateX(15px);
}
@media screen and (max-width: 768px) {
  .tieuppost_post .button:hover:after {
    transform: translateX(6px);
  }
}
.tieuppost_post .button:after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 12px;
  margin-left: 45px;
  background: url(../img/common/button_arrow.png);
  background-size: cover;
  vertical-align: middle;
  transition: 0.4s;
}
@media screen and (max-width: 768px) {
  .tieuppost_post .button:after {
    margin-left: 11px;
  }
}

.tieuppost_content {
  padding: 75px 20px 5rem;
  background: #FFF;
  border-radius: 100px;
}
@media screen and (max-width: 768px) {
  .tieuppost_content {
    padding-top: 5rem;
    padding-right: 1.25rem;
    padding-bottom: 5rem;
    padding-left: 1.25rem;
    border-radius: 3.75rem;
  }
}
.tieuppost_content .inner {
  max-width: 850px;
  margin: 0 auto;
}
.tieuppost_content .post_nav {
  margin-bottom: 0 !important;
}

.tieuppost_title {
  text-align: center;
}
.tieuppost_title h2 {
  display: inline-block;
  position: relative;
  margin-bottom: 5rem;
  padding-bottom: 0.75rem;
  padding-right: 5rem;
  text-align: center;
  font-size: 32px;
  font-weight: 500;
  border-bottom: 4px solid #534741;
}
@media screen and (max-width: 768px) {
  .tieuppost_title h2 {
    font-size: 1.3125rem;
  }
}
.tieuppost_title h2:after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 3.5625rem;
  height: 3.375rem;
  right: 0.9375rem;
  bottom: -0.3125rem;
  background: url(../img/tieup/heading.png);
  background-size: cover;
}

.tieuppost_slides {
  margin-bottom: 2.5rem;
  padding: 0 45px 2.5rem;
  border-bottom: dashed 1px #534741;
}
@media screen and (max-width: 768px) {
  .tieuppost_slides {
    padding: 0;
    border-bottom: none;
  }
}
.tieuppost_slides .slick-slide img {
  width: 100%;
}

.tieuppost_slide {
  margin-bottom: 1.5rem !important;
}

.tieuppost_slide-navigation .item {
  padding: 0 10px;
}
@media screen and (max-width: 768px) {
  .tieuppost_slide-navigation .item {
    padding-right: 0.25rem;
    padding-left: 0.25rem;
  }
}

.tieuppost_entry {
  margin-bottom: 5rem;
  padding: 0 45px;
}
@media screen and (max-width: 768px) {
  .tieuppost_entry {
    padding: 0;
  }
}
.tieuppost_entry dl {
  display: flex;
}
.tieuppost_entry dl:not(:last-child) {
  margin-bottom: 2rem;
}
.tieuppost_entry dl dt {
  width: 160px;
  font-size: 18px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .tieuppost_entry dl dt {
    max-width: 6.5rem;
    font-size: 0.875rem;
  }
}
.tieuppost_entry dl dd {
  flex: 2;
  line-height: 1.875;
}
@media screen and (max-width: 768px) {
  .tieuppost_entry dl dd {
    font-size: 0.875rem;
  }
}
.tieuppost_entry dl dd a {
  text-decoration: none;
  color: #534741;
}
.tieuppost_entry dl dd a:hover {
  opacity: 0.7;
}

/* voice */
.voice_post .page-fv h1 span:nth-of-type(2) {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .voice_post .page-fv h1 span:nth-of-type(2) {
    flex-direction: column;
  }
}
.voice_post .page-fv h1 span:nth-of-type(2) .is_color {
  position: relative;
  top: -15px;
  color: #FF6E00;
  font-size: 60px;
  transform: rotate(-5deg);
}
@media screen and (max-width: 768px) {
  .voice_post .page-fv h1 span:nth-of-type(2) .is_color {
    top: -0.4375rem;
    margin-right: 0.25rem;
    font-size: 2.5rem;
  }
}
.voice_post .page-fv h1 span:nth-of-type(2) div {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .voice_post .page-fv h1 span:nth-of-type(2) div {
    position: relative;
    line-height: 1.3;
    bottom: -0.375rem;
  }
}

.voicepost_section .bg {
  padding-top: 1rem;
  padding-bottom: 6.25rem;
  background: url(../img/voice/bg_stripe.png);
}
@media screen and (max-width: 768px) {
  .voicepost_section .bg {
    background: url(../img/voice/bg_stripe_sp.png);
  }
}
.voicepost_section .breadcrumb_wrap {
  margin-bottom: 8.5rem;
}

.voicepost_contents {
  position: relative;
  margin-bottom: 6.25rem;
  padding-top: 112px;
  padding-right: 1.25rem;
  padding-bottom: 5rem;
  padding-left: 1.25rem;
  background: #FFF;
  border-radius: 100px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
@media screen and (max-width: 768px) {
  .voicepost_contents {
    padding-top: 6.25rem;
    border-radius: 3.125rem;
  }
}
.voicepost_contents h2 {
  position: absolute;
  top: -37px;
  left: 50%;
  transform: translateX(-50%);
  padding: 9px 76px;
  font-size: 32px;
  font-weight: 400;
  background: #F6AB28;
  border-radius: 50px;
}
@media screen and (max-width: 768px) {
  .voicepost_contents h2 {
    min-width: 10.4375rem;
    padding-top: 0.5625rem;
    padding-right: 0;
    padding-bottom: 0.5625rem;
    padding-left: 0;
    font-size: 1.5rem;
    text-align: center;
  }
}
.voicepost_contents h2:before {
  content: "";
  position: absolute;
  display: inline-block;
  width: 5rem;
  height: 5.4375rem;
  left: -2.5rem;
  top: -1.5rem;
  background: url(../img/voice/template_decoration.png);
  background-size: cover;
}
.voicepost_contents .inner {
  max-width: 850px;
  margin: 0 auto;
}
.voicepost_contents .image_wrap {
  position: relative;
  margin-bottom: 2.5rem;
}
.voicepost_contents .image_wrap .is_box {
  position: absolute;
  display: flex;
  top: 0;
  right: 0;
  padding: 16px 18px;
  background: rgba(83, 71, 65, 0.9);
}
@media screen and (max-width: 768px) {
  .voicepost_contents .image_wrap .is_box {
    flex-wrap: wrap;
    width: 100%;
    padding-top: 0.625rem;
    padding-right: 0.9375rem;
    padding-bottom: 0.625rem;
    padding-left: 0.9375rem;
    font-size: 10px;
  }
}
.voicepost_contents .image_wrap .is_box dl {
  display: flex;
  color: #FFF;
}
@media screen and (max-width: 768px) {
  .voicepost_contents .image_wrap .is_box dl:not(:last-child) {
    margin-right: 0.3125rem;
  }
}
.voicepost_contents .image_wrap .is_box dl:after {
  content: "／";
  padding: 0 12px;
}
@media screen and (max-width: 768px) {
  .voicepost_contents .image_wrap .is_box dl:after {
    display: none;
  }
}
.voicepost_contents .image_wrap .is_box dl:last-child:after {
  display: none;
}

.voicepost_content:not(:last-child) {
  margin-bottom: 5rem;
}
.voicepost_content h3 {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  padding-bottom: 2px;
  padding-left: 0.875rem;
  font-size: 20px;
  font-weight: 500;
  border-bottom: dashed 1px #534741;
}
@media screen and (max-width: 768px) {
  .voicepost_content h3 {
    margin-bottom: 1rem;
    padding-left: 0;
    font-size: 1.125rem;
  }
  .voicepost_content h3 span:nth-of-type(2) {
    flex: 2;
  }
}
.voicepost_content h3 span:nth-of-type(1):before {
  content: "";
  position: relative;
  display: inline-block;
  width: 2.375rem;
  height: 2.375rem;
  bottom: -0.125rem;
  margin-right: 0.3125rem;
  background: url(../img/voice/template_icon.png);
  background-size: cover;
  vertical-align: bottom;
}
.voicepost_content p {
  max-width: 720px;
  padding-left: 40px;
  line-height: 1.875;
}
@media screen and (max-width: 768px) {
  .voicepost_content p {
    padding-left: 0;
    font-size: 0.875rem;
  }
}

.image_lists {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  max-width: 800px;
  margin-top: 24px !important;
  margin-bottom: -1rem !important;
}
.image_lists li {
  width: 49%;
  margin-bottom: 1rem;
}
@media screen and (max-width: 768px) {
  .image_lists li {
    width: 100%;
  }
}

.voicepost_other h2 {
  margin-bottom: 50px;
  font-size: 32px;
  font-weight: 500;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .voicepost_other h2 {
    font-size: 1.25rem;
  }
}
.voicepost_other h2:after {
  content: "";
  display: inline-block;
  width: 49px;
  height: 63px;
  background: url(../img/voice/template_icon2.png);
  background-size: cover;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .voicepost_other h2:after {
    width: 2.3125rem;
    height: 3.0625rem;
  }
}

.voicepost_other_lists {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 655px;
  margin: 0 auto 5rem !important;
}
@media screen and (max-width: 768px) {
  .voicepost_other_lists {
    flex-direction: column;
    align-items: center;
  }
}
@media screen and (max-width: 480px) {
  .voicepost_other_lists {
    max-width: 16.4375rem;
  }
}
.voicepost_other_lists li {
  width: 48%;
  border-radius: 10px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  transition: 0.4s;
}
@media screen and (max-width: 768px) {
  .voicepost_other_lists li {
    width: 100%;
    max-width: 350px;
  }
  .voicepost_other_lists li:not(:last-child) {
    margin-bottom: 2.6875rem;
  }
}
.voicepost_other_lists li:hover .is_title {
  color: #FF6E00;
}
.voicepost_other_lists li:hover img {
  transform: scale(1.2);
  transition-duration: 0.5s;
}
.voicepost_other_lists li:hover .is_button:after {
  transform: translateX(4px);
}
.voicepost_other_lists li a {
  text-decoration: none;
  color: #534741;
}
.voicepost_other_lists li .image_wrap {
  height: 13.625rem;
  overflow: hidden;
}
.voicepost_other_lists li .image_wrap img {
  width: 100%;
  height: 13.625rem;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10px 10px 0 0;
  transition-duration: 0.5s;
}
.voicepost_other_lists li .is_content {
  padding: 1rem 1rem 28px;
  background: #FFF;
  border-radius: 0 0 10px 10px;
}
@media screen and (max-width: 768px) {
  .voicepost_other_lists li .is_content {
    padding-top: 0.875rem;
    padding-right: 0.875rem;
    padding-bottom: 1.625rem;
    padding-left: 0.875rem;
  }
}
.voicepost_other_lists li .is_text {
  margin-bottom: 1rem;
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  .voicepost_other_lists li .is_text {
    margin-bottom: 0.875rem;
    font-size: 0.75rem;
  }
}
.voicepost_other_lists li .is_text span:nth-of-type(1) {
  padding-left: 0.625rem;
}
.voicepost_other_lists li .is_title {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 1.5rem;
  font-size: 18px;
  font-weight: 500;
  transition-duration: 0.5s;
}
@media screen and (max-width: 768px) {
  .voicepost_other_lists li .is_title {
    margin-bottom: 1rem;
    font-size: 1rem;
  }
}
.voicepost_other_lists li .is_button {
  color: #FF6E00;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .voicepost_other_lists li .is_button {
    font-size: 0.875rem;
  }
}
.voicepost_other_lists li .is_button:after {
  content: "";
  display: inline-block;
  width: 0.875rem;
  height: 0.875rem;
  margin-left: 0.5rem;
  background: url(../img/voice/template_arrow.png);
  background-size: cover;
  vertical-align: middle;
  transition-duration: 0.5s;
}

.voicepost_buttons {
  display: flex;
  justify-content: space-between;
  max-width: 800px;
  margin: 0 auto !important;
}
@media screen and (max-width: 768px) {
  .voicepost_buttons {
    flex-direction: column;
  }
}
.voicepost_buttons li {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .voicepost_buttons li:not(:last-child) {
    margin-bottom: 1.875rem;
  }
}
.voicepost_buttons li a {
  display: block;
  max-width: 380px;
  width: 100%;
  height: 80px;
  margin: 0 auto;
  padding-left: 45px;
  line-height: 80px;
  text-align: center;
  text-decoration: none;
  color: #FFF;
  font-size: 20px;
  background: #534741;
  border-radius: 40px;
  transition: 0.4s;
}
@media screen and (max-width: 768px) {
  .voicepost_buttons li a {
    max-width: 268px;
    height: 60px;
    height: 3.75rem;
    padding-left: 11px;
    line-height: 60px;
    line-height: 3.75rem;
    font-size: 19px;
    font-size: 1.188rem;
  }
}
.voicepost_buttons li a:hover {
  background: #FF6E00;
}
.voicepost_buttons li a:hover:after {
  transform: translateX(15px);
}
@media screen and (max-width: 768px) {
  .voicepost_buttons li a:hover:after {
    transform: translateX(6px);
  }
}
.voicepost_buttons li a:after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 12px;
  margin-left: 45px;
  background: url(../img/common/button_arrow.png);
  background-size: cover;
  vertical-align: middle;
  transition: 0.4s;
}
@media screen and (max-width: 768px) {
  .voicepost_buttons li a:after {
    margin-left: 11px;
  }
}
@media screen and (max-width: 768px) {
  .voicepost_buttons li a {
    max-width: 18.9375rem;
  }
}
.voicepost_buttons li:nth-of-type(1) a {
  padding-right: 45px;
  border: solid 2px #534741;
}
@media screen and (max-width: 768px) {
  .voicepost_buttons li:nth-of-type(1) a {
    padding-right: 0.6875rem;
  }
}
.voicepost_buttons li:nth-of-type(1) a:hover {
  background: #FFF;
  color: #534741;
}
.voicepost_buttons li:nth-of-type(1) a:hover:before {
  width: 7px;
  height: 12px;
  margin-right: 45px;
  background: url(../img/voice/template_arrow2_hover.png);
  background-size: cover;
  transform: translateX(-15px);
}
@media screen and (max-width: 768px) {
  .voicepost_buttons li:nth-of-type(1) a:hover:before {
    margin-right: 0.6875rem;
    transform: translateX(-6px);
  }
}
.voicepost_buttons li:nth-of-type(1) a:after {
  display: none;
}
.voicepost_buttons li:nth-of-type(1) a:before {
  content: "";
  display: inline-block;
  width: 0.4375rem;
  height: 0.75rem;
  margin-right: 45px;
  background: url(../img/voice/template_arrow2.png);
  background-size: cover;
  vertical-align: middle;
  transition: 0.4s;
}
@media screen and (max-width: 768px) {
  .voicepost_buttons li:nth-of-type(1) a:before {
    margin-right: 0.6875rem;
  }
}

.voice_section .bg_stripe {
  position: relative;
  padding: 1rem 0 5rem;
  background: url(../img/voice/bg_stripe.png);
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .voice_section .bg_stripe {
    background: url(../img/voice/bg_stripe_sp.png);
  }
}
.voice_section .bg_stripe:before {
  content: "";
  position: absolute;
  display: inline-block;
  width: 307px;
  height: 77px;
  left: 0;
  bottom: 0;
  background: url(../img/voice/decoration2.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .voice_section .bg_stripe:before {
    display: none;
  }
}
.voice_section .bg_stripe:after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 282px;
  height: 89px;
  right: 0;
  bottom: 0;
  background: url(../img/voice/decoration3.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .voice_section .bg_stripe:after {
    display: none;
  }
}
.voice_section .bg_stripe h2 {
  margin-bottom: 5rem;
}
@media screen and (max-width: 768px) {
  .voice_section .bg_stripe h2 {
    margin-bottom: 4.625rem;
  }
}
.voice_section .bg_stripe h2 .heading_wrap {
  position: relative;
  display: flex;
  align-items: center;
  max-width: 576px;
  margin: 0 auto;
}
.voice_section .bg_stripe h2 .heading_wrap:after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 54px;
  height: 69px;
  top: 50%;
  transform: translateY(-50%);
  right: -64px;
  background: url(../img/voice/decoration1.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .voice_section .bg_stripe h2 .heading_wrap {
    display: none;
  }
}
.voice_section .bg_stripe h2 .is_text {
  font-size: 2rem;
  font-weight: 500;
}
.voice_section .bg_stripe h2 img {
  max-width: 125px;
}
@media screen and (max-width: 768px) {
  .voice_section .bg_stripe h2 img {
    max-width: 291px;
    width: 100%;
    margin: 0 auto;
  }
}
.voice_section .breadcrumb_wrap {
  margin-bottom: 160px;
}
@media screen and (max-width: 768px) {
  .voice_section .breadcrumb_wrap {
    margin-bottom: 5rem;
  }
}
.voice_section .voicepost_other_lists {
  max-width: 1000px;
  margin-bottom: 0 !important;
}
.voice_section .voicepost_other_lists li {
  width: 23%;
}
@media screen and (max-width: 768px) {
  .voice_section .voicepost_other_lists li {
    width: 100%;
  }
}
.voice_section .voicepost_other_lists li .image_wrap {
  height: 11.25rem;
}
.voice_section .voicepost_other_lists li .image_wrap img {
  height: 11.25rem;
}
.voice_section .bg {
  padding: 5rem 0 100px;
  background: #FCF7ED;
}
.voice_section .bg h2 img {
  max-width: 385px;
  width: 100%;
  margin: 0 auto 74px;
}
@media screen and (max-width: 768px) {
  .voice_section .bg h2 img {
    max-width: 291px;
  }
}
.voice_section .bg .button {
  display: block;
  max-width: 380px;
  width: 100%;
  height: 80px;
  margin: 0 auto;
  padding-left: 45px;
  line-height: 80px;
  text-align: center;
  text-decoration: none;
  color: #FFF;
  font-size: 20px;
  background: #534741;
  border-radius: 40px;
  transition: 0.4s;
  margin: 107px auto 0;
}
@media screen and (max-width: 768px) {
  .voice_section .bg .button {
    max-width: 268px;
    height: 60px;
    height: 3.75rem;
    padding-left: 11px;
    line-height: 60px;
    line-height: 3.75rem;
    font-size: 19px;
    font-size: 1.188rem;
  }
}
.voice_section .bg .button:hover {
  background: #FF6E00;
}
.voice_section .bg .button:hover:after {
  transform: translateX(15px);
}
@media screen and (max-width: 768px) {
  .voice_section .bg .button:hover:after {
    transform: translateX(6px);
  }
}
.voice_section .bg .button:after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 12px;
  margin-left: 45px;
  background: url(../img/common/button_arrow.png);
  background-size: cover;
  vertical-align: middle;
  transition: 0.4s;
}
@media screen and (max-width: 768px) {
  .voice_section .bg .button:after {
    margin-left: 11px;
  }
}

.voice-lists {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-bottom: -46px !important;
}
@media screen and (max-width: 1024px) {
  .voice-lists {
    max-width: 650px;
    margin: 0 auto -46px !important;
  }
}
@media screen and (max-width: 768px) {
  .voice-lists {
    margin-bottom: -30px !important;
  }
}
.voice-lists:before {
  content: "";
  display: block;
  width: 24%;
  height: 0;
  order: 1;
}
.voice-lists:after {
  content: "";
  display: block;
  width: 24%;
  height: 0;
}
.voice-lists li {
  width: 24%;
  margin-bottom: 46px;
  transition: 0.4s;
}
.voice-lists li:hover {
  opacity: 0.7;
}
.voice-lists li a {
  text-decoration: none;
  color: #534741;
}
@media screen and (max-width: 1024px) {
  .voice-lists li {
    width: 48%;
  }
}
@media screen and (max-width: 768px) {
  .voice-lists li {
    width: 100%;
    margin-bottom: 30px;
  }
}
.voice-lists li .image_wrap img {
  width: 216px;
  height: 216px;
  margin: 0 auto;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.voice-lists li figcaption {
  max-width: 210px;
  margin: 0 auto;
}
.voice-lists li figcaption .is_shop {
  position: relative;
  top: -10px;
  padding: 5px 0;
  text-align: center;
  color: #FFF;
  background: #F6AB28;
}
.voice-lists li figcaption .is_text {
  line-height: 1.875;
}

/* questionnaire */
.questionnaire_section {
  padding: 1rem 0 180px;
  background: url(../img/common/pattern_bg.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .questionnaire_section {
    padding: 1rem 0 100px;
    background: url(../img/common/pattern_bg_sp.png);
    background-size: cover;
  }
}
.questionnaire_section .breadcrumb_wrap {
  margin-bottom: 160px;
}
@media screen and (max-width: 768px) {
  .questionnaire_section .breadcrumb_wrap {
    margin-bottom: 74px;
  }
}
.questionnaire_section .navigation {
  margin-top: 5rem;
}

/* single-questionnaire */
.questionnaire_post .page-fv {
  margin-bottom: 16px;
}
.questionnaire_post .breadcrumb_wrap {
  margin-bottom: 112px;
}
@media screen and (max-width: 768px) {
  .questionnaire_post .breadcrumb_wrap {
    margin-bottom: 74px;
  }
}

.questionnairepost_contents {
  margin-bottom: 80px;
  padding: 0 60px;
}
@media screen and (max-width: 1235px) {
  .questionnairepost_contents {
    margin-bottom: 40px;
  }
  .questionnairepost_contents .l-inner {
    padding: 0 18px;
  }
}
@media screen and (max-width: 1024px) {
  .questionnairepost_contents {
    padding: 0 20px;
  }
}
.questionnairepost_contents .bg {
  width: 100%;
  padding: 80px 0 180px;
  background: url(../img/advice/qa_bg.png);
  border-radius: 230px;
}
@media screen and (max-width: 1235px) {
  .questionnairepost_contents .bg {
    border-radius: 85px;
  }
}
@media screen and (max-width: 768px) {
  .questionnairepost_contents .bg {
    padding: 30px 0 140px;
    background: url(../img/advice/qa_bg_sp.png);
    background-size: cover;
    border-radius: 30px;
  }
}
.questionnairepost_contents .inner {
  max-width: 828px;
  margin: 0 auto;
}

.questionnairepost_items_top {
  margin-bottom: 20px;
  padding: 18px;
  background: #FFF;
  border-radius: 30px;
  border: 3px solid #FFF263;
}
.questionnairepost_items_top .inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .questionnairepost_items_top .inner {
    flex-direction: column;
  }
}
.questionnairepost_items_top a {
  position: relative;
  width: 132px;
}
@media screen and (max-width: 768px) {
  .questionnairepost_items_top a {
    width: 100%;
    max-width: 41.67vw;
  }
}
.questionnairepost_items_top a:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 8px;
  right: 9px;
  width: 47px;
  height: 47px;
  background: url(../img/questionnaire/button_icon.png);
  background-size: cover;
}
.questionnairepost_items_top a figure {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.questionnairepost_items_top a figure img {
  width: 100%;
  height: 187px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 768px) {
  .questionnairepost_items_top a figure img {
    height: 58.72vw;
  }
}

.questionnairepost_item_top {
  width: 81%;
}
@media screen and (max-width: 768px) {
  .questionnairepost_item_top {
    width: 100%;
    margin-bottom: 20px;
  }
}
.questionnairepost_item_top h2 {
  display: flex;
  align-items: center;
  margin-bottom: 17px;
}
.questionnairepost_item_top h2 .is_area {
  display: inline-block;
  margin-right: 8px;
  padding: 7px 11px;
  color: #FFF;
  font-size: 16px;
  font-weight: 500;
  background: #FF6F00;
  border-radius: 11px;
}
@media screen and (max-width: 768px) {
  .questionnairepost_item_top h2 .is_area {
    font-size: 14px;
  }
}
.questionnairepost_item_top h2 .is_age {
  font-size: 16px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .questionnairepost_item_top h2 .is_age {
    font-size: 14px;
  }
}
.questionnairepost_item_top dl {
  display: flex;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .questionnairepost_item_top dl {
    font-size: 14px;
  }
}
.questionnairepost_item_top dl:not(:last-child) {
  margin-bottom: 15px;
}
.questionnairepost_item_top dl dd {
  flex: 2;
}

.questionnairepost_textarea {
  position: relative;
  width: 100%;
  padding: 35px 18px 64px;
  background: url(../img/common/pattern_bg.png);
  background-size: cover;
  border-radius: 20px;
}
.questionnairepost_textarea:before {
  content: "";
  display: block;
  position: absolute;
  bottom: -34px;
  right: 390px;
  width: 45px;
  height: 36px;
  background: url(../img/questionnaire/chat.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .questionnairepost_textarea:before {
    right: 30%;
  }
}
.questionnairepost_textarea:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -179px;
  right: 207px;
  width: 221px;
  height: 129px;
  background: url(../img/questionnaire/deco.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .questionnairepost_textarea:after {
    bottom: -140px;
    right: 10%;
    width: 165px;
    height: 96px;
  }
}
.questionnairepost_textarea dl {
  margin-bottom: 40px;
}
.questionnairepost_textarea dl dt {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  font-weight: 500;
}
.questionnairepost_textarea dl dt .is_q {
  display: block;
  width: 32px;
  height: 44px;
  margin-right: 18px;
  background: url(../img/questionnaire/q.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .questionnairepost_textarea dl dt .is_q {
    width: 24px;
    height: 33px;
    margin-right: 13px;
  }
}
.questionnairepost_textarea dl dt p {
  flex: 2;
}
@media screen and (max-width: 768px) {
  .questionnairepost_textarea dl dt p {
    font-size: 14px;
  }
}
.questionnairepost_textarea dl dd {
  font-size: 18px;
}
@media screen and (max-width: 768px) {
  .questionnairepost_textarea dl dd {
    font-size: 16px;
  }
}

.questionnaire-navigation {
  position: relative;
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  .questionnaire-navigation {
    margin-top: 80px;
    font-size: 14px;
  }
}
.questionnaire-navigation a {
  color: #534741;
  transition: 0.4s;
}
.questionnaire-navigation a:hover {
  opacity: 0.6;
}
.questionnaire-navigation .is_prev {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .questionnaire-navigation .is_prev {
    top: -25px;
  }
}
.questionnaire-navigation .is_prev a {
  text-decoration: none;
}
.questionnaire-navigation .is_prev a:before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 12px;
  margin-right: 14px;
  background: url(../img/questionnaire/prev.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .questionnaire-navigation .is_prev a:before {
    margin-right: 7px;
  }
}
.questionnaire-navigation .is_next {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .questionnaire-navigation .is_next {
    top: -25px;
  }
}
.questionnaire-navigation .is_next a {
  text-decoration: none;
}
.questionnaire-navigation .is_next a:after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 12px;
  margin-left: 14px;
  background: url(../img/questionnaire/next.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .questionnaire-navigation .is_next a:after {
    margin-left: 7px;
  }
}

.questionnaire-topbutton {
  text-align: center;
}
.questionnaire-topbutton a {
  display: inline-block;
}

/* staff */
.staff_page .breadcrumb_wrap {
  margin: 1rem auto 78px;
}
.staff_page .l-contents {
  margin-bottom: 100px;
  padding: 0 60px;
}
@media screen and (max-width: 1024px) {
  .staff_page .l-contents {
    padding: 0 20px;
  }
}
.staff_page .l-contents .bg {
  width: 100%;
  padding: 5rem 0 78px;
  background: url(../img/common/pattern_bg.png);
  background-size: cover;
  border-radius: 230px;
}
@media screen and (max-width: 768px) {
  .staff_page .l-contents .bg {
    background: url(../img/common/pattern_bg_sp.png);
    background-size: cover;
    border-radius: 85px;
  }
}
.staff_page .textarea {
  margin-bottom: 74px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .staff_page .textarea {
    margin-bottom: 26px;
  }
}
.staff_page .staff_lists {
  position: relative;
  max-width: 1016px;
  margin: 0 auto -76px !important;
}
@media screen and (max-width: 768px) {
  .staff_page .staff_lists {
    margin-bottom: -48px !important;
  }
}
.staff_page .staff_lists .is_decoration1:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 125px;
  height: 194px;
  top: -148px;
  left: -75px;
  background: url(../img/staff/staff_decoration2.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .staff_page .staff_lists .is_decoration1:before {
    display: none;
  }
}
.staff_page .staff_lists .is_decoration2:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 120px;
  height: 126px;
  top: -80px;
  right: -54px;
  background: url(../img/staff/staff_decoration1.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .staff_page .staff_lists .is_decoration2:before {
    display: none;
  }
}
.staff_page .staff_lists li {
  margin-bottom: 76px;
}
@media screen and (max-width: 768px) {
  .staff_page .staff_lists li {
    margin-bottom: 48px;
  }
}
@media screen and (max-width: 480px) {
  .staff_page .staff_lists li {
    width: 100%;
  }
  .staff_page .staff_lists li .image_wrap {
    height: 80.97vw;
  }
  .staff_page .staff_lists li .image_wrap img {
    height: 80.97vw;
  }
}

@media screen and (max-width: 1024px) {
  .staff_post .l-inner {
    padding: 0;
  }
}
.staff_post .bg {
  width: 100%;
  padding: 1rem 0 130px;
  background: url(../img/common/pattern_bg.png);
}
@media screen and (max-width: 768px) {
  .staff_post .bg {
    padding: 1rem 0 100px;
    background: url(../img/common/pattern_bg_sp.png);
  }
}
.staff_post .breadcrumb_wrap {
  margin-bottom: 78px;
}
@media screen and (max-width: 768px) {
  .staff_post .breadcrumb_wrap {
    margin-bottom: 50px;
  }
}
.staff_post .post_title {
  text-align: center;
}
.staff_post .post_title h2 {
  display: inline-block;
  position: relative;
  margin-bottom: 62px;
  padding-bottom: 12px;
  padding-right: 80px;
  text-align: center;
  font-size: 32px;
  font-weight: 500;
  border-bottom: 4px solid #534741;
}
@media screen and (max-width: 1024px) {
  .staff_post .post_title h2 {
    width: 100%;
    margin-bottom: 0;
    padding-left: 20px;
  }
}
@media screen and (max-width: 768px) {
  .staff_post .post_title h2 {
    font-size: 21px;
    text-align: left;
  }
}
.staff_post .post_title h2:after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 57px;
  height: 54px;
  right: 15px;
  bottom: -5px;
  background: url(../img/staff/heading.png);
  background-size: cover;
}
.staff_post .button {
  display: block;
  max-width: 380px;
  width: 100%;
  height: 80px;
  margin: 0 auto;
  padding-left: 45px;
  line-height: 80px;
  text-align: center;
  text-decoration: none;
  color: #FFF;
  font-size: 20px;
  background: #534741;
  border-radius: 40px;
  transition: 0.4s;
}
@media screen and (max-width: 768px) {
  .staff_post .button {
    max-width: 268px;
    height: 60px;
    height: 3.75rem;
    padding-left: 11px;
    line-height: 60px;
    line-height: 3.75rem;
    font-size: 19px;
    font-size: 1.188rem;
  }
}
.staff_post .button:hover {
  background: #FF6E00;
}
.staff_post .button:hover:after {
  transform: translateX(15px);
}
@media screen and (max-width: 768px) {
  .staff_post .button:hover:after {
    transform: translateX(6px);
  }
}
.staff_post .button:after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 12px;
  margin-left: 45px;
  background: url(../img/common/button_arrow.png);
  background-size: cover;
  vertical-align: middle;
  transition: 0.4s;
}
@media screen and (max-width: 768px) {
  .staff_post .button:after {
    margin-left: 11px;
  }
}

.staff_profile {
  margin-bottom: 5rem;
  padding: 75px 19px;
  background: #FFF;
  border-radius: 100px;
}
@media screen and (max-width: 1024px) {
  .staff_profile {
    padding: 49px 0 5rem;
    border-radius: 0;
  }
}
.staff_profile .inner {
  max-width: 850px;
  margin: 0 auto;
}

.staff_profile_block1 {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 11px;
}
@media screen and (max-width: 1024px) {
  .staff_profile_block1 {
    padding: 0 20px;
  }
}
@media screen and (max-width: 768px) {
  .staff_profile_block1 {
    flex-direction: column;
    margin-bottom: 40px;
  }
}
.staff_profile_block1:before {
  content: "";
  position: absolute;
  display: inline-block;
  width: 160px;
  height: 157px;
  bottom: 0;
  right: 40%;
  background: url(../img/staff/staff_decoration3.png);
  background-size: cover;
}
@media screen and (max-width: 1024px) {
  .staff_profile_block1:before {
    width: 15.63vw;
    height: 15.33vw;
    bottom: -2.91vw;
  }
}
@media screen and (max-width: 768px) {
  .staff_profile_block1:before {
    right: 20px;
  }
}
.staff_profile_block1 .content {
  max-width: 463px;
  width: 55%;
}
@media screen and (max-width: 768px) {
  .staff_profile_block1 .content {
    max-width: 100%;
    width: 100%;
    order: 2;
  }
}
.staff_profile_block1 .content dl {
  position: relative;
  display: flex;
  z-index: 1;
}
.staff_profile_block1 .content dl dt {
  width: 160px;
  font-size: 18px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .staff_profile_block1 .content dl dt {
    width: 104px;
    font-size: 14px;
  }
}
.staff_profile_block1 .content dl dd {
  flex: 2;
}
@media screen and (max-width: 768px) {
  .staff_profile_block1 .content dl dd {
    font-size: 14px;
  }
}
.staff_profile_block1 .content dl dd ul {
  margin: 0;
  padding-left: 20px;
}
.staff_profile_block1 .content dl dd ul li {
  line-height: 1.875;
}
.staff_profile_block1 .is_names {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 13px;
}
@media screen and (max-width: 768px) {
  .staff_profile_block1 .is_names {
    justify-content: center;
  }
}
.staff_profile_block1 .is_names .is_name {
  padding-right: 20px;
  font-size: 32px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .staff_profile_block1 .is_names .is_name {
    font-size: 28px;
  }
}
.staff_profile_block1 .is_names .is_kana {
  padding-right: 20px;
}
@media screen and (max-width: 768px) {
  .staff_profile_block1 .is_names .is_kana {
    font-size: 14px;
  }
}
.staff_profile_block1 .is_names .is_kana span:nth-of-type(1) {
  padding-right: 7px;
}
.staff_profile_block1 .is_names a {
  display: block;
  transition: 0.4s;
}
.staff_profile_block1 .is_names a:hover {
  opacity: 0.7;
}
.staff_profile_block1 .is_names a:before {
  content: "";
  display: inline-block;
  width: 38px;
  height: 38px;
  background: url(../img/staff/staff_icon1.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .staff_profile_block1 .is_names a:before {
    width: 29px;
    height: 29px;
  }
}
.staff_profile_block1 .image_wrap {
  max-width: 336px;
  width: 40%;
}
@media screen and (max-width: 768px) {
  .staff_profile_block1 .image_wrap {
    width: 100%;
    margin: 0 auto 24px;
    order: 1;
  }
}
.staff_profile_block1 .image_wrap img {
  width: 100%;
  height: 377px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 25px;
}
.staff_profile_block1 .is_title {
  margin-bottom: 13px;
  padding-bottom: 12px;
  font-size: 18px;
  font-weight: 500;
  border-bottom: dashed 1px #534741;
}
@media screen and (max-width: 768px) {
  .staff_profile_block1 .is_title {
    font-size: 16px;
  }
}

.staff_profile_block2 {
  margin-bottom: 2.5rem;
}
@media screen and (max-width: 1024px) {
  .staff_profile_block2 {
    padding: 0 20px;
  }
}
@media screen and (max-width: 768px) {
  .staff_profile_block2 {
    margin-bottom: 60px;
  }
}
.staff_profile_block2 h3 {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
  padding-bottom: 2px;
  padding-left: 1rem;
  font-size: 20px;
  font-weight: 500;
  border-bottom: dashed 1px #534741;
}
@media screen and (max-width: 768px) {
  .staff_profile_block2 h3 {
    font-size: 18px;
  }
}
.staff_profile_block2 h3:before {
  content: "";
  position: relative;
  display: inline-block;
  width: 34px;
  height: 39px;
  bottom: -2px;
  margin-right: 8px;
  background: url(../img/staff/staff_icon2.png);
  background-size: cover;
  vertical-align: bottom;
}
.staff_profile_block2 p {
  line-height: 1.875;
}
@media screen and (max-width: 768px) {
  .staff_profile_block2 p {
    font-size: 14px;
  }
}

@media screen and (max-width: 1024px) {
  .staff_profile_block3 {
    padding: 0 20px;
  }
}
.staff_profile_block3 h3 {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
  padding-bottom: 2px;
  padding-left: 1rem;
  font-size: 20px;
  font-weight: 500;
  border-bottom: dashed 1px #534741;
}
@media screen and (max-width: 768px) {
  .staff_profile_block3 h3 {
    font-size: 18px;
  }
}
.staff_profile_block3 h3:before {
  content: "";
  position: relative;
  display: inline-block;
  width: 38px;
  height: 38px;
  bottom: -2px;
  margin-right: 8px;
  background: url(../img/staff/staff_icon3.png);
  background-size: cover;
  vertical-align: bottom;
}
.staff_profile_block3 dl {
  display: flex;
}
.staff_profile_block3 dl:not(:last-child) {
  margin-bottom: 20px;
}
.staff_profile_block3 dl dt {
  width: 190px;
  font-size: 18px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .staff_profile_block3 dl dt {
    width: 150px;
    font-size: 14px;
  }
}
.staff_profile_block3 dl dd {
  flex: 2;
}
@media screen and (max-width: 768px) {
  .staff_profile_block3 dl dd {
    font-size: 14px;
  }
}

.staff_profile_block4 {
  position: relative;
  margin-top: 129px;
}
@media screen and (max-width: 768px) {
  .staff_profile_block4 {
    margin-top: 5rem;
  }
}
.staff_profile_block4:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: -90px;
  left: 0;
  width: 354px;
  height: 123px;
  background: url(../img/staff/staff_heading.png);
  background-size: cover;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .staff_profile_block4:before {
    width: 205px;
    height: 83px;
    top: -40px;
  }
}
.staff_profile_block4 .staff_private {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  max-width: 705px;
  margin: 0 auto !important;
}
.staff_profile_block4 .staff_private:after {
  content: "";
  display: inline-block;
  width: 30%;
  height: 0;
}
.staff_profile_block4 .staff_private li {
  position: relative;
  width: 30%;
  min-height: 293px;
  padding: 40px 15px 0;
  background: #FFF;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
@media screen and (max-width: 768px) {
  .staff_profile_block4 .staff_private li {
    margin: 10px;
    padding-bottom: 15px;
  }
}
.staff_profile_block4 .staff_private li .image_wrap {
  margin-bottom: 5px;
}
.staff_profile_block4 .staff_private li .image_wrap img {
  width: 100%;
  height: 160px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 768px) {
  .staff_profile_block4 .staff_private li .image_wrap img {
    height: 45.57vw;
  }
}
.staff_profile_block4 .staff_private li .is_decoration {
  margin-bottom: 10px;
}
.staff_profile_block4 .staff_private li p {
  font-size: 14px;
}
.staff_profile_block4 .staff_private .is_dot {
  content: "";
  display: inline-block;
  position: absolute;
  width: 25px;
  height: 25px;
  top: 7px;
  left: 12px;
  background: url(../img/staff/staff_decoration4.png);
  background-size: cover;
}

.staff_introduction {
  margin-bottom: 5rem;
  padding: 5rem 19px 90px;
  background: #FFF;
  border-radius: 100px;
}
@media screen and (max-width: 768px) {
  .staff_introduction {
    padding: 2.5rem 19px 5rem;
    border-radius: 0;
  }
}

.staff_introduction_lists {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  max-width: 976px;
  margin: 0 auto !important;
}
.staff_introduction_lists:after {
  content: "";
  display: block;
  width: 31%;
  height: 0;
}
.staff_introduction_lists li.staff_introduction_list {
  width: 31%;
}
@media screen and (max-width: 768px) {
  .staff_introduction_lists li.staff_introduction_list {
    margin: 10px;
  }
}
.staff_introduction_lists li.staff_introduction_list .image_wrap {
  position: relative;
}
.staff_introduction_lists li.staff_introduction_list .image_wrap img {
  position: relative;
  width: 150px;
  height: 150px;
  margin: 0 auto;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
  z-index: 1;
}
.staff_introduction_lists li.staff_introduction_list:nth-of-type(1) .image_wrap:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 176px;
  height: 172px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url(../img/staff/staff_decoration6.png);
  background-size: cover;
}
.staff_introduction_lists li.staff_introduction_list:nth-of-type(2) .image_wrap:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 172px;
  height: 169px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url(../img/staff/staff_decoration7.png);
  background-size: cover;
}
.staff_introduction_lists li.staff_introduction_list:nth-of-type(3) .image_wrap:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 172px;
  height: 169px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url(../img/staff/staff_decoration8.png);
  background-size: cover;
}
.staff_introduction_lists li.staff_introduction_list .is_chat {
  position: relative;
  margin-top: 32px;
  padding: 20px 24px;
  background: #FFF;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
  border-radius: 19px;
}
@media screen and (max-width: 768px) {
  .staff_introduction_lists li.staff_introduction_list .is_chat {
    font-size: 14px;
  }
}
.staff_introduction_lists li.staff_introduction_list .is_chat:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 20px;
  height: 20px;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
  background: url(../img/staff/chat.png);
  background-size: cover;
  z-index: 1;
}
.staff_introduction_lists li.staff_introduction_list .is_chat .is_text {
  margin-bottom: 30px;
  font-weight: 500;
}

.staff_posts {
  margin-bottom: 5rem;
  padding: 5rem 19px;
  background: #FFF;
  border-radius: 100px;
}
@media screen and (max-width: 768px) {
  .staff_posts {
    padding: 2.5rem 19px 5rem;
    border-radius: 0;
  }
}
.staff_posts .top-blog_lists {
  max-width: 978px;
  margin: 0 auto !important;
}

.staff_random {
  margin-bottom: 5rem;
  padding: 5rem 19px;
  background: #FFF;
  border-radius: 100px;
}
@media screen and (max-width: 768px) {
  .staff_random {
    padding: 2.5rem 19px 5rem;
    border-radius: 0;
  }
}

.staff_lists {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  max-width: 1017px;
  margin: 0 auto !important;
}
@media screen and (max-width: 768px) {
  .staff_lists {
    margin-bottom: -42px !important;
  }
}
.staff_lists:after {
  content: "";
  display: block;
  width: 31%;
  height: 0;
}
.staff_lists li {
  width: 31%;
}
@media screen and (max-width: 768px) {
  .staff_lists li {
    width: 48%;
    margin-bottom: 42px;
  }
}
.staff_lists li:hover img {
  transform: scale(1.2);
  transition-duration: 0.5s;
}
.staff_lists li:hover .is_heading {
  color: #FF6E00;
}
.staff_lists li:hover .is_button:after {
  transform: translateX(4px);
}
.staff_lists li a {
  text-decoration: none;
  color: #534741;
}
.staff_lists li .image_wrap {
  margin-bottom: 21px;
  height: 353px;
  overflow: hidden;
  border-radius: 25px;
}
@media screen and (max-width: 768px) {
  .staff_lists li .image_wrap {
    margin-bottom: 10px;
    height: 42.97vw;
  }
}
.staff_lists li .image_wrap img {
  width: 100%;
  height: 353px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 25px;
  transition-duration: 0.5s;
}
@media screen and (max-width: 768px) {
  .staff_lists li .image_wrap img {
    height: 42.97vw;
  }
}
.staff_lists li .is_title {
  margin-bottom: 10px;
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  .staff_lists li .is_title {
    margin-bottom: 2px;
    font-size: 10;
  }
}
.staff_lists li .is_name {
  margin-bottom: 10px;
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  .staff_lists li .is_name {
    margin-bottom: 5px;
  }
}
.staff_lists li .is_heading {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 9px;
  font-size: 18px;
  font-weight: 500;
  transition: 0.4s;
}
@media screen and (max-width: 768px) {
  .staff_lists li .is_heading {
    margin-bottom: 5px;
    font-size: 12px;
  }
}
.staff_lists li .is_button {
  color: #FF6E00;
  font-weight: 500;
  transition: 0.4s;
}
@media screen and (max-width: 768px) {
  .staff_lists li .is_button {
    font-size: 10px;
  }
}
.staff_lists li .is_button:after {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-left: 8px;
  background: url(../img/staff/arrow.png);
  background-size: cover;
  vertical-align: middle;
  transition: 0.4s;
}
@media screen and (max-width: 768px) {
  .staff_lists li .is_button:after {
    width: 8px;
    height: 8px;
  }
}

.staff_private .slick-prev,
.staff_introduction_lists .slick-prev {
  width: 30px;
  height: 30px;
  left: 10px !important;
  z-index: 3;
}
.staff_private .slick-prev:before,
.staff_introduction_lists .slick-prev:before {
  content: "";
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url(../img/staff/arrow_left.png);
  background-size: cover;
  z-index: 1;
  opacity: 1 !important;
}
.staff_private .slick-next,
.staff_introduction_lists .slick-next {
  width: 30px;
  height: 30px;
  right: 10px !important;
  z-index: 3;
}
.staff_private .slick-next:before,
.staff_introduction_lists .slick-next:before {
  content: "";
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url(../img/staff/arrow_right.png);
  background-size: cover;
  z-index: 1;
  opacity: 1 !important;
}
.staff_private .slick-dots li.slick-active button:before,
.staff_introduction_lists .slick-dots li.slick-active button:before {
  color: #FF6E00;
}

/* flow */
.flow_section {
  margin: 1rem auto 100px;
}
.flow_section .breadcrumb_wrap {
  margin-bottom: 118px;
}
@media screen and (max-width: 768px) {
  .flow_section .breadcrumb_wrap {
    margin-bottom: 6.5625rem;
  }
}
.flow_section .l-contents_bottom p {
  margin-bottom: 50px;
  line-height: 2;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .flow_section .l-contents_bottom p {
    margin-bottom: 2.5rem;
    font-size: 14px;
  }
}
.flow_section .l-contents_bottom p strong {
  font-weight: 500;
  font-size: 18px;
  color: #FF6E00;
}
@media screen and (max-width: 768px) {
  .flow_section .l-contents_bottom p strong {
    font-size: 16px;
  }
}
.flow_section .l-contents_bottom p span {
  background-image: repeating-linear-gradient(-45deg, #FF6E00 0, #FF6E00 1px, transparent 1px, transparent 3px);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 100% 0.4em;
}
.flow_section .l-contents_bottom .button {
  display: block;
  max-width: 380px;
  width: 100%;
  height: 80px;
  margin: 0 auto;
  padding-left: 45px;
  line-height: 80px;
  text-align: center;
  text-decoration: none;
  color: #FFF;
  font-size: 20px;
  background: #534741;
  border-radius: 40px;
  transition: 0.4s;
}
@media screen and (max-width: 768px) {
  .flow_section .l-contents_bottom .button {
    max-width: 268px;
    height: 60px;
    height: 3.75rem;
    padding-left: 11px;
    line-height: 60px;
    line-height: 3.75rem;
    font-size: 19px;
    font-size: 1.188rem;
  }
}
.flow_section .l-contents_bottom .button:hover {
  background: #FF6E00;
}
.flow_section .l-contents_bottom .button:hover:after {
  transform: translateX(15px);
}
@media screen and (max-width: 768px) {
  .flow_section .l-contents_bottom .button:hover:after {
    transform: translateX(6px);
  }
}
.flow_section .l-contents_bottom .button:after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 12px;
  margin-left: 45px;
  background: url(../img/common/button_arrow.png);
  background-size: cover;
  vertical-align: middle;
  transition: 0.4s;
}
@media screen and (max-width: 768px) {
  .flow_section .l-contents_bottom .button:after {
    margin-left: 11px;
  }
}

.flow-lead {
  margin-bottom: 5rem;
}

.flow-lead__heading {
  margin-bottom: 2.5rem;
}
.flow-lead__heading .is_primary {
  position: relative;
  max-width: 435px;
  margin-inline: auto;
  margin-bottom: 1.25rem;
}
@media screen and (max-width: 768px) {
  .flow-lead__heading .is_primary {
    max-width: 17.6875rem;
  }
}
.flow-lead__heading .is_primary:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 81px;
  height: 53px;
  top: -38px;
  left: 50%;
  transform: translateX(-50%);
  background: url(../img/flow/lead_decoration.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .flow-lead__heading .is_primary:before {
    width: 3.3125rem;
    height: 2.125rem;
    top: -1.5625rem;
  }
}
.flow-lead__heading .is_secondary {
  position: relative;
  text-align: center;
  font-weight: 500;
  font-size: 48px;
}
.flow-lead__heading .is_secondary:after {
  content: "";
  display: block;
  width: 89px;
  height: 28px;
  margin: 0.5rem auto 0;
  background: url(../img/common/heading_icon.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .flow-lead__heading .is_secondary:after {
    width: 51px;
    height: 16px;
  }
}
@media screen and (max-width: 768px) {
  .flow-lead__heading .is_secondary {
    font-size: 1.625rem;
  }
}

.flow-lead__textarea p {
  text-align: center;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .flow-lead__textarea p {
    font-size: 0.875rem;
  }
}

.flow__contents {
  margin-bottom: 5rem;
  padding: 0 60px;
}
@media screen and (max-width: 768px) {
  .flow__contents {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}

.flow__contents-bg {
  width: 100%;
  padding: 5rem 0;
  background: url(../img/common/pattern_bg.png);
  border-radius: 230px;
}
@media screen and (max-width: 768px) {
  .flow__contents-bg {
    background: url(../img/common/pattern_bg_sp.png);
    border-radius: 3.8125rem;
  }
}

.flow__text-top img {
  max-width: 625px;
  width: 100%;
  margin: 0 auto 133px;
}
@media screen and (max-width: 768px) {
  .flow__text-top img {
    max-width: 19.125rem;
  }
}

.flow-step {
  position: relative;
  padding: 101px 50px 0;
  background: #FFF;
  border-radius: 50px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
@media screen and (max-width: 768px) {
  .flow-step {
    padding-top: 3.6875rem;
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
.flow-step h3 {
  position: relative;
  margin: 0 auto 50px;
  text-align: center;
  font-size: 40px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .flow-step h3 {
    margin-bottom: 1.6875rem;
    font-size: 1.375rem;
    line-height: 1.3;
  }
}
.flow-step:after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 4.25rem;
  height: 2.5rem;
  bottom: -2.25rem;
  left: 50%;
  transform: translateX(-50%);
  background: url(../img/flow/arrow.png);
  background-size: cover;
}
.flow-step figure {
  display: flex;
  align-items: flex-end;
  margin-bottom: 77px;
  margin-right: 43px;
}
@media screen and (max-width: 768px) {
  .flow-step figure {
    flex-direction: column;
    align-items: center;
    margin-right: 1.1875rem;
    margin-bottom: 2.5rem;
    margin-left: 1.1875rem;
  }
}
.flow-step figure img {
  z-index: 1;
}
.flow-step figure figcaption {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px 6px;
}
@media screen and (max-width: 768px) {
  .flow-step figure figcaption {
    padding-top: 1.875rem;
    padding-right: 0.8125rem;
    padding-left: 0.8125rem;
    padding-bottom: 1rem;
  }
}
.flow-step figure figcaption p {
  line-height: 1.875;
}
@media screen and (max-width: 768px) {
  .flow-step figure figcaption p {
    font-size: 0.875rem;
  }
}
.flow-step figure figcaption p:not(:last-child) {
  margin-bottom: 2.25rem;
}
.flow-step .bottom_image {
  position: absolute;
  width: 311px;
  bottom: -79px;
  left: -72px;
}
@media screen and (max-width: 768px) {
  .flow-step .bottom_image {
    width: 7.25rem;
    bottom: -0.4375rem;
    left: -0.1875rem;
  }
}
.flow-step.step1 {
  margin-bottom: 200px;
}
@media screen and (max-width: 768px) {
  .flow-step.step1 {
    margin-bottom: 10.8125rem;
  }
}
.flow-step.step1 h3 {
  color: #FF6E00;
  max-width: 280px;
}
@media screen and (max-width: 768px) {
  .flow-step.step1 h3 {
    max-width: 10.125rem;
  }
}
.flow-step.step1 h3:before {
  content: "";
  position: absolute;
  display: inline-block;
  width: 32px;
  height: 46px;
  bottom: 0;
  left: 0;
  background: url(../img/flow/step1_left.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .flow-step.step1 h3:before {
    width: 1.1875rem;
    height: 1.6875rem;
  }
}
.flow-step.step1 h3:after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 32px;
  height: 46px;
  bottom: 0;
  right: 0;
  background: url(../img/flow/step1_right.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .flow-step.step1 h3:after {
    width: 1.1875rem;
    height: 1.6875rem;
  }
}
.flow-step.step1:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 214px;
  height: 151px;
  top: -94px;
  left: 50%;
  transform: translateX(-50%);
  background: url(../img/flow/step_1.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .flow-step.step1:before {
    width: 7.6875rem;
    height: 5.3125rem;
    top: -3.1875rem;
  }
}
.flow-step.step1 figure img {
  max-width: 209px;
  width: 21%;
}
@media screen and (max-width: 768px) {
  .flow-step.step1 figure img {
    position: relative;
    max-width: 9.6875rem;
    width: 100%;
    bottom: -0.9375rem;
  }
}
.flow-step.step1 figure figcaption {
  background: #FFF0E5;
}
.flow-step.step1 figure figcaption:before {
  content: "";
  position: absolute;
  top: 0;
  left: -40px;
  height: 100%;
  width: 43px;
  background: linear-gradient(315deg, #FFF0E5 50%, transparent 50%), linear-gradient(45deg, transparent 50%, #FFF0E5 50%);
  background-size: 43px 43px;
}
@media screen and (max-width: 768px) {
  .flow-step.step1 figure figcaption:before {
    left: -14px;
    width: 14px;
    background-size: 14px 14px;
  }
}
.flow-step.step1 figure figcaption:after {
  content: "";
  position: absolute;
  top: 0;
  right: -40px;
  height: 100%;
  width: 43px;
  background: linear-gradient(45deg, #FFF0E5 50%, transparent 50%), linear-gradient(315deg, transparent 50%, #FFF0E5 50%);
  background-size: 43px 43px;
}
@media screen and (max-width: 768px) {
  .flow-step.step1 figure figcaption:after {
    right: -14px;
    width: 14px;
    background-size: 14px 14px;
  }
}
.flow-step.step1 .flow-step_lists li {
  box-shadow: 3px 3px 0 rgba(255, 110, 0, 0.5);
  border: solid 1px #FF6E00;
}
.flow-step.step1 .flow-step_lists li p {
  max-width: 14.9375rem;
}
.flow-step.step1 .flow-step_lists li span:before {
  content: "";
  display: inline-block;
  width: 1.1875rem;
  height: 1.1875rem;
  margin-right: 0.9375rem;
  background: url(../img/flow/step1_check.png);
  background-size: cover;
}
.flow-step.step1 .flow-step_chat {
  background: #FF6E00;
}
.flow-step.step1 .flow-step_chat:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 40px;
  height: 41px;
  right: -29px;
  top: 50%;
  transform: translateY(-50%);
  background: url(../img/flow/step1_arrow.png);
  background-size: cover;
}
@media screen and (max-width: 1024px) {
  .flow-step.step1 .flow-step_chat:after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 3.125rem;
    height: 1.4375rem;
    right: inherit;
    top: inherit;
    bottom: -1.8125rem;
    right: 27%;
    transform: translateY(-50%);
    background: url(../img/flow/step1_arrow_sp.png);
    background-size: cover;
  }
}
.flow-step.step1 .bottom_image {
  box-shadow: -7px 7px 0 rgba(255, 110, 0, 0.5);
  border-radius: 50%;
}
.flow-step.step2 {
  margin-bottom: 200px;
}
@media screen and (max-width: 768px) {
  .flow-step.step2 {
    margin-bottom: 10.8125rem;
  }
}
.flow-step.step2 h3 {
  max-width: 324px;
  color: #44A813;
}
@media screen and (max-width: 768px) {
  .flow-step.step2 h3 {
    max-width: 11.625rem;
  }
}
.flow-step.step2 h3:before {
  content: "";
  position: absolute;
  display: inline-block;
  width: 32px;
  height: 46px;
  bottom: 0;
  left: 0;
  background: url(../img/flow/step2_left.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .flow-step.step2 h3:before {
    width: 1.1875rem;
    height: 1.6875rem;
  }
}
.flow-step.step2 h3:after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 32px;
  height: 46px;
  bottom: 0;
  right: 0;
  background: url(../img/flow/step2_right.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .flow-step.step2 h3:after {
    width: 1.1875rem;
    height: 1.6875rem;
  }
}
.flow-step.step2:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 214px;
  height: 151px;
  top: -94px;
  left: 50%;
  transform: translateX(-50%);
  background: url(../img/flow/step_2.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .flow-step.step2:before {
    width: 7.6875rem;
    height: 5.3125rem;
    top: -3.1875rem;
  }
}
.flow-step.step2 figure img {
  max-width: 234px;
  width: 25%;
}
@media screen and (max-width: 768px) {
  .flow-step.step2 figure img {
    max-width: 12.5rem;
    width: 100%;
    margin-bottom: 1.3125rem;
  }
}
.flow-step.step2 figure figcaption {
  background: #ECF6E7;
}
.flow-step.step2 figure figcaption:before {
  content: "";
  position: absolute;
  top: 0;
  left: -40px;
  height: 100%;
  width: 43px;
  background: linear-gradient(315deg, #ECF6E7 50%, transparent 50%), linear-gradient(45deg, transparent 50%, #ECF6E7 50%);
  background-size: 43px 43px;
}
@media screen and (max-width: 768px) {
  .flow-step.step2 figure figcaption:before {
    left: -14px;
    width: 14px;
    background-size: 14px 14px;
  }
}
.flow-step.step2 figure figcaption:after {
  content: "";
  position: absolute;
  top: 0;
  right: -40px;
  height: 100%;
  width: 43px;
  background: linear-gradient(45deg, #ECF6E7 50%, transparent 50%), linear-gradient(315deg, transparent 50%, #ECF6E7 50%);
  background-size: 43px 43px;
}
@media screen and (max-width: 768px) {
  .flow-step.step2 figure figcaption:after {
    right: -14px;
    width: 14px;
    background-size: 14px 14px;
  }
}
.flow-step.step2 .flow-step_lists li {
  box-shadow: 3px 3px 0 rgba(68, 168, 19, 0.5);
  border: solid 1px #44A813;
}
.flow-step.step2 .flow-step_lists li span:before {
  content: "";
  display: inline-block;
  width: 1.1875rem;
  height: 1.1875rem;
  margin-right: 0.9375rem;
  background: url(../img/flow/step2_check.png);
  background-size: cover;
}
.flow-step.step2 .flow-step_chat {
  background: #44A813;
}
.flow-step.step2 .flow-step_chat:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 40px;
  height: 41px;
  right: -29px;
  top: 50%;
  transform: translateY(-50%);
  background: url(../img/flow/step2_arrow.png);
  background-size: cover;
}
@media screen and (max-width: 1024px) {
  .flow-step.step2 .flow-step_chat:after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 3.125rem;
    height: 1.4375rem;
    right: inherit;
    top: inherit;
    bottom: -1.8125rem;
    right: 27%;
    transform: translateY(-50%);
    background: url(../img/flow/step2_arrow_sp.png);
    background-size: cover;
  }
}
.flow-step.step2 .bottom_image {
  box-shadow: -7px 7px 0 rgba(68, 168, 19, 0.5);
  border-radius: 50%;
}
.flow-step.step3 {
  margin-bottom: 200px;
}
@media screen and (max-width: 768px) {
  .flow-step.step3 {
    margin-bottom: 10.8125rem;
  }
}
.flow-step.step3 h3 {
  max-width: 788px;
  color: #0077B7;
}
@media screen and (max-width: 1024px) {
  .flow-step.step3 h3 {
    max-width: 448px;
  }
}
@media screen and (max-width: 768px) {
  .flow-step.step3 h3 {
    max-width: 14.125rem;
  }
}
.flow-step.step3 h3:before {
  content: "";
  position: absolute;
  display: inline-block;
  width: 32px;
  height: 46px;
  bottom: 0;
  left: 0;
  background: url(../img/flow/step3_left.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .flow-step.step3 h3:before {
    width: 1.1875rem;
    height: 1.6875rem;
  }
}
@media screen and (max-width: 380px) {
  .flow-step.step3 h3:before {
    left: -11px;
  }
}
.flow-step.step3 h3:after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 32px;
  height: 46px;
  bottom: 0;
  right: 0;
  background: url(../img/flow/step3_right.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .flow-step.step3 h3:after {
    width: 1.1875rem;
    height: 1.6875rem;
  }
}
@media screen and (max-width: 380px) {
  .flow-step.step3 h3:after {
    right: -11px;
  }
}
.flow-step.step3:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 214px;
  height: 151px;
  top: -94px;
  left: 50%;
  transform: translateX(-50%);
  background: url(../img/flow/step_3.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .flow-step.step3:before {
    width: 7.6875rem;
    height: 5.3125rem;
    top: -3.1875rem;
  }
}
.flow-step.step3 figure img {
  max-width: 153px;
  width: 16%;
}
@media screen and (max-width: 768px) {
  .flow-step.step3 figure img {
    position: relative;
    max-width: 7.875rem;
    width: 100%;
    bottom: -0.875rem;
  }
}
.flow-step.step3 figure figcaption {
  background: #E5F1F7;
}
.flow-step.step3 figure figcaption:before {
  content: "";
  position: absolute;
  top: 0;
  left: -40px;
  height: 100%;
  width: 43px;
  background: linear-gradient(315deg, #E5F1F7 50%, transparent 50%), linear-gradient(45deg, transparent 50%, #E5F1F7 50%);
  background-size: 43px 43px;
}
@media screen and (max-width: 768px) {
  .flow-step.step3 figure figcaption:before {
    left: -14px;
    width: 14px;
    background-size: 14px 14px;
  }
}
.flow-step.step3 figure figcaption:after {
  content: "";
  position: absolute;
  top: 0;
  right: -40px;
  height: 100%;
  width: 43px;
  background: linear-gradient(45deg, #E5F1F7 50%, transparent 50%), linear-gradient(315deg, transparent 50%, #E5F1F7 50%);
  background-size: 43px 43px;
}
@media screen and (max-width: 768px) {
  .flow-step.step3 figure figcaption:after {
    right: -14px;
    width: 14px;
    background-size: 14px 14px;
  }
}
.flow-step.step3 .flow-step_lists li {
  box-shadow: 3px 3px 0 rgba(0, 119, 183, 0.5);
  border: solid 1px #0077B7;
}
@media screen and (max-width: 380px) {
  .flow-step.step3 .flow-step_lists li p br {
    display: none;
  }
}
.flow-step.step3 .flow-step_lists li span:before {
  content: "";
  display: inline-block;
  width: 1.1875rem;
  height: 1.1875rem;
  margin-right: 0.9375rem;
  background: url(../img/flow/step3_check.png);
  background-size: cover;
}
.flow-step.step3 .flow-step_chat {
  background: #0077B7;
}
@media screen and (max-width: 480px) {
  .flow-step.step3 .flow-step_chat p br {
    display: none;
  }
}
.flow-step.step3 .flow-step_chat:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 40px;
  height: 41px;
  right: -29px;
  top: 50%;
  transform: translateY(-50%);
  background: url(../img/flow/step3_arrow.png);
  background-size: cover;
}
@media screen and (max-width: 1024px) {
  .flow-step.step3 .flow-step_chat:after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 3.125rem;
    height: 1.4375rem;
    right: inherit;
    top: inherit;
    bottom: -1.8125rem;
    right: 27%;
    transform: translateY(-50%);
    background: url(../img/flow/step3_arrow_sp.png);
    background-size: cover;
  }
}
.flow-step.step3 .bottom_image {
  box-shadow: -7px 7px 0 rgba(0, 119, 183, 0.5);
  border-radius: 50%;
}
.flow-step.step4 {
  margin-bottom: 200px;
  padding-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .flow-step.step4 {
    margin-bottom: 10.8125rem;
  }
}
.flow-step.step4 h3 {
  max-width: 720px;
  color: #FF6E00;
}
@media screen and (max-width: 1024px) {
  .flow-step.step4 h3 {
    max-width: 486px;
  }
}
@media screen and (max-width: 768px) {
  .flow-step.step4 h3 {
    max-width: 16rem;
  }
}
.flow-step.step4 h3:before {
  content: "";
  position: absolute;
  display: inline-block;
  width: 32px;
  height: 46px;
  bottom: 0;
  left: 0;
  background: url(../img/flow/step1_left.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .flow-step.step4 h3:before {
    width: 1.1875rem;
    height: 1.6875rem;
  }
}
@media screen and (max-width: 380px) {
  .flow-step.step4 h3:before {
    left: -0.6875rem;
  }
}
.flow-step.step4 h3:after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 32px;
  height: 46px;
  bottom: 0;
  right: 0;
  background: url(../img/flow/step1_right.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .flow-step.step4 h3:after {
    width: 1.1875rem;
    height: 1.6875rem;
  }
}
@media screen and (max-width: 380px) {
  .flow-step.step4 h3:after {
    right: -0.6875rem;
  }
}
.flow-step.step4:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 214px;
  height: 151px;
  top: -94px;
  left: 50%;
  transform: translateX(-50%);
  background: url(../img/flow/step_4.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .flow-step.step4:before {
    width: 7.6875rem;
    height: 5.3125rem;
    top: -3.1875rem;
  }
}
.flow-step.step4 figure img {
  max-width: 227px;
  width: 24%;
}
@media screen and (max-width: 768px) {
  .flow-step.step4 figure img {
    position: relative;
    max-width: 200px;
    width: 100%;
    bottom: -15px;
  }
}
.flow-step.step4 figure figcaption {
  background: #FFF0E5;
}
.flow-step.step4 figure figcaption:before {
  content: "";
  position: absolute;
  top: 0;
  left: -40px;
  height: 100%;
  width: 43px;
  background: linear-gradient(315deg, #FFF0E5 50%, transparent 50%), linear-gradient(45deg, transparent 50%, #FFF0E5 50%);
  background-size: 43px 43px;
}
@media screen and (max-width: 768px) {
  .flow-step.step4 figure figcaption:before {
    left: -0.875rem;
    width: 0.875rem;
    background-size: 14px 14px;
  }
}
.flow-step.step4 figure figcaption:after {
  content: "";
  position: absolute;
  top: 0;
  right: -40px;
  height: 100%;
  width: 43px;
  background: linear-gradient(45deg, #FFF0E5 50%, transparent 50%), linear-gradient(315deg, transparent 50%, #FFF0E5 50%);
  background-size: 43px 43px;
}
@media screen and (max-width: 768px) {
  .flow-step.step4 figure figcaption:after {
    right: -0.875rem;
    width: 0.875rem;
    background-size: 14px 14px;
  }
}
.flow-step.step4 .flow-step_lists li {
  box-shadow: 3px 3px 0 rgba(255, 110, 0, 0.5);
  border: solid 1px #FF6E00;
}
.flow-step.step4 .flow-step_lists li.list1 {
  width: 63%;
}
.flow-step.step4 .flow-step_lists li.list2 {
  width: 35%;
}
@media screen and (max-width: 1024px) {
  .flow-step.step4 .flow-step_lists li.list1, .flow-step.step4 .flow-step_lists li.list2 {
    width: 100%;
  }
}
@media screen and (max-width: 380px) {
  .flow-step.step4 .flow-step_lists li p br {
    display: none;
  }
}
.flow-step.step4 .flow-step_lists li span:before {
  content: "";
  display: inline-block;
  width: 1.1875rem;
  height: 1.1875rem;
  margin-right: 0.9375rem;
  background: url(../img/flow/step1_check.png);
  background-size: cover;
}
.flow-step.step4 .flow-step_chat {
  background: #FF6E00;
}
.flow-step.step4 .flow-step_chat:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 40px;
  height: 41px;
  right: -29px;
  top: 50%;
  transform: translateY(-50%);
  background: url(../img/flow/step1_arrow.png);
  background-size: cover;
}
@media screen and (max-width: 1024px) {
  .flow-step.step4 .flow-step_chat:after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 3.125rem;
    height: 1.4375rem;
    right: inherit;
    top: inherit;
    bottom: -1.8125rem;
    right: 27%;
    transform: translateY(-50%);
    background: url(../img/flow/step1_arrow_sp.png);
    background-size: cover;
  }
}
@media screen and (max-width: 480px) {
  .flow-step.step4 .flow-step_chat p br {
    display: none;
  }
}
.flow-step.step5 {
  margin-bottom: 200px;
}
@media screen and (max-width: 768px) {
  .flow-step.step5 {
    margin-bottom: 10.8125rem;
  }
}
.flow-step.step5 h3 {
  max-width: 576px;
  /*margin-bottom: 0;*/
  color: #44A813;
}
@media screen and (max-width: 1024px) {
  .flow-step.step5 h3 {
    max-width: 448px;
  }
}
@media screen and (max-width: 768px) {
  .flow-step.step5 h3 {
    max-width: 17.875rem;
  }
}
.flow-step.step5 h3:before {
  content: "";
  position: absolute;
  display: inline-block;
  width: 32px;
  height: 46px;
  bottom: 0;
  left: 0;
  background: url(../img/flow/step2_left.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .flow-step.step5 h3:before {
    width: 1.1875rem;
    height: 1.6875rem;
  }
}
@media screen and (max-width: 380px) {
  .flow-step.step5 h3:before {
    left: -0.6875rem;
  }
}
.flow-step.step5 h3:after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 32px;
  height: 46px;
  bottom: 0;
  right: 0;
  background: url(../img/flow/step2_right.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .flow-step.step5 h3:after {
    width: 1.1875rem;
    height: 1.6875rem;
  }
}
@media screen and (max-width: 380px) {
  .flow-step.step5 h3:after {
    right: -0.6875rem;
  }
}
.flow-step.step5:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 214px;
  height: 151px;
  top: -94px;
  left: 50%;
  transform: translateX(-50%);
  background: url(../img/flow/step_5.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .flow-step.step5:before {
    width: 7.6875rem;
    height: 5.3125rem;
    top: -3.1875rem;
  }
}
.flow-step.step5 .heading_text {
  margin-bottom: 50px;
  text-align: center;
  color: #44A813;
  font-weight: 500;
  font-size: 24px;
}
@media screen and (max-width: 768px) {
  .flow-step.step5 .heading_text {
    margin-bottom: 2rem;
    font-size: 1.125rem;
  }
}
.flow-step.step5 figure img {
  max-width: 219px;
  width: 24%;
}
@media screen and (max-width: 768px) {
  .flow-step.step5 figure img {
    position: relative;
    max-width: 12.5rem;
    width: 100%;
    margin-bottom: 0.9375rem;
  }
}
.flow-step.step5 figure figcaption {
  background: #ECF6E7;
}
.flow-step.step5 figure figcaption:before {
  content: "";
  position: absolute;
  top: 0;
  left: -40px;
  height: 100%;
  width: 43px;
  background: linear-gradient(315deg, #ECF6E7 50%, transparent 50%), linear-gradient(45deg, transparent 50%, #ECF6E7 50%);
  background-size: 43px 43px;
}
@media screen and (max-width: 768px) {
  .flow-step.step5 figure figcaption:before {
    left: -0.875rem;
    width: 0.875rem;
    background-size: 14px 14px;
  }
}
.flow-step.step5 figure figcaption:after {
  content: "";
  position: absolute;
  top: 0;
  right: -40px;
  height: 100%;
  width: 43px;
  background: linear-gradient(45deg, #ECF6E7 50%, transparent 50%), linear-gradient(315deg, transparent 50%, #ECF6E7 50%);
  background-size: 43px 43px;
}
@media screen and (max-width: 768px) {
  .flow-step.step5 figure figcaption:after {
    right: -0.875rem;
    width: 0.875rem;
    background-size: 14px 14px;
  }
}
.flow-step.step5 .flow-step_lists li {
  box-shadow: 3px 3px 0 rgba(68, 168, 19, 0.5);
  border: solid 1px #0077B7;
}
.flow-step.step5 .flow-step_lists li:first-child {
  width: 62%;
}
@media screen and (max-width: 1024px) {
  .flow-step.step5 .flow-step_lists li:first-child {
    width: 100%;
  }
}
.flow-step.step5 .flow-step_lists li:nth-of-type(2) {
  width: 36%;
}
@media screen and (max-width: 1024px) {
  .flow-step.step5 .flow-step_lists li:nth-of-type(2) {
    width: 100%;
  }
}
@media screen and (max-width: 380px) {
  .flow-step.step5 .flow-step_lists li p br {
    display: none;
  }
}
.flow-step.step5 .flow-step_lists li span:before {
  content: "";
  display: inline-block;
  width: 1.1875rem;
  height: 1.1875rem;
  margin-right: 0.9375rem;
  background: url(../img/flow/step2_check.png);
  background-size: cover;
}
.flow-step.step5 .flow-step_chats {
  max-width: 736px;
  width: 74%;
}
@media screen and (max-width: 1024px) {
  .flow-step.step5 .flow-step_chats {
    width: 100%;
  }
}
.flow-step.step5 .flow-step_chats img {
  margin-top: 80px;
}
@media screen and (max-width: 1024px) {
  .flow-step.step5 .flow-step_chats img {
    margin-top: 10px;
  }
}
.flow-step.step5 .flow-step_chat {
  max-width: 510px;
  width: 70%;
  background: #44A813;
}
@media screen and (max-width: 1024px) {
  .flow-step.step5 .flow-step_chat {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .flow-step.step5 .flow-step_chat {
    max-width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .flow-step.step5 .flow-step_chat p br {
    display: none;
  }
}
.flow-step.step5 .flow-step_chat:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 40px;
  height: 41px;
  right: -29px;
  top: 50%;
  transform: translateY(-50%);
  background: url(../img/flow/step2_arrow.png);
  background-size: cover;
}
@media screen and (max-width: 1024px) {
  .flow-step.step5 .flow-step_chat:after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 3.125rem;
    height: 1.4375rem;
    right: inherit;
    top: inherit;
    bottom: -1.8125rem;
    right: 27%;
    transform: translateY(-50%);
    background: url(../img/flow/step2_arrow_sp.png);
    background-size: cover;
  }
}
.flow-step.step5 .bottom_image {
  box-shadow: -7px 7px 0 rgba(68, 168, 19, 0.5);
  border-radius: 50%;
}
.flow-step.step6 {
  /*margin-bottom: 200px;*/
  padding-bottom: 5rem;
}
@media screen and (max-width: 768px) {
  .flow-step.step6 {
    /*margin-bottom: 173px;*/
    padding-bottom: 2.5rem;
  }
}
.flow-step.step6 h3 {
  max-width: 896px;
  color: #0077B7;
}
@media screen and (max-width: 1024px) {
  .flow-step.step6 h3 {
    max-width: 448px;
  }
}
@media screen and (max-width: 768px) {
  .flow-step.step6 h3 {
    max-width: 16.625rem;
  }
}
.flow-step.step6 h3:before {
  content: "";
  position: absolute;
  display: inline-block;
  width: 32px;
  height: 46px;
  bottom: 0;
  left: 0;
  background: url(../img/flow/step3_left.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .flow-step.step6 h3:before {
    width: 1.1875rem;
    height: 1.6875rem;
  }
}
@media screen and (max-width: 380px) {
  .flow-step.step6 h3:before {
    left: -0.6875rem;
  }
}
.flow-step.step6 h3:after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 32px;
  height: 46px;
  bottom: 0;
  right: 0;
  background: url(../img/flow/step3_right.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .flow-step.step6 h3:after {
    width: 1.1875rem;
    height: 1.6875rem;
  }
}
@media screen and (max-width: 380px) {
  .flow-step.step6 h3:after {
    right: -0.6875rem;
  }
}
.flow-step.step6:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 214px;
  height: 151px;
  top: -94px;
  left: 50%;
  transform: translateX(-50%);
  background: url(../img/flow/step_6.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .flow-step.step6:before {
    width: 7.6875rem;
    height: 5.3125rem;
    top: -3.1875rem;
  }
}
.flow-step.step6 figure img {
  max-width: 151px;
  width: 24%;
}
@media screen and (max-width: 768px) {
  .flow-step.step6 figure img {
    position: relative;
    max-width: 8.9375rem;
    width: 100%;
    bottom: -0.9375rem;
  }
}
.flow-step.step6 figure figcaption {
  background: #E5F1F7;
}
.flow-step.step6 figure figcaption:before {
  content: "";
  position: absolute;
  top: 0;
  left: -40px;
  height: 100%;
  width: 43px;
  background: linear-gradient(315deg, #E5F1F7 50%, transparent 50%), linear-gradient(45deg, transparent 50%, #E5F1F7 50%);
  background-size: 43px 43px;
}
@media screen and (max-width: 768px) {
  .flow-step.step6 figure figcaption:before {
    left: -14px;
    width: 14px;
    background-size: 14px 14px;
  }
}
.flow-step.step6 figure figcaption:after {
  content: "";
  position: absolute;
  top: 0;
  right: -40px;
  height: 100%;
  width: 43px;
  background: linear-gradient(45deg, #E5F1F7 50%, transparent 50%), linear-gradient(315deg, transparent 50%, #E5F1F7 50%);
  background-size: 43px 43px;
}
@media screen and (max-width: 768px) {
  .flow-step.step6 figure figcaption:after {
    right: -14px;
    width: 14px;
    background-size: 14px 14px;
  }
}
.flow-step.step6 .flow-step_chats {
  max-width: 736px;
  width: 74%;
}
@media screen and (max-width: 1024px) {
  .flow-step.step6 .flow-step_chats {
    width: 100%;
  }
}
.flow-step.step6 .flow-step_chats img {
  margin-top: 80px;
}
@media screen and (max-width: 1024px) {
  .flow-step.step6 .flow-step_chats img {
    margin-top: 10px;
  }
}
.flow-step.step6 .flow-step_chat {
  max-width: 510px;
  width: 70%;
  background: #0077B7;
}
@media screen and (max-width: 1024px) {
  .flow-step.step6 .flow-step_chat {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .flow-step.step6 .flow-step_chat {
    max-width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .flow-step.step6 .flow-step_chat p br {
    display: none;
  }
}
.flow-step.step6 .flow-step_chat:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 40px;
  height: 41px;
  right: -29px;
  top: 50%;
  transform: translateY(-50%);
  background: url(../img/flow/step3_arrow.png);
  background-size: cover;
}
@media screen and (max-width: 1024px) {
  .flow-step.step6 .flow-step_chat:after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 50px;
    height: 23px;
    right: inherit;
    top: inherit;
    bottom: -29px;
    right: 27%;
    transform: translateY(-50%);
    background: url(../img/flow/step3_arrow_sp.png);
    background-size: cover;
  }
}
.flow-step.step6 .flow-step_lists {
  margin-bottom: 0 !important;
}
.flow-step.step6 .flow-step_lists li {
  box-shadow: 3px 3px 0 rgba(0, 119, 183, 0.5);
  border: solid 1px #0077B7;
}
@media screen and (max-width: 380px) {
  .flow-step.step6 .flow-step_lists li p br {
    display: none;
  }
}
.flow-step.step6 .flow-step_lists li span:before {
  content: "";
  display: inline-block;
  width: 1.1875rem;
  height: 1.1875rem;
  margin-right: 0.9375rem;
  background: url(../img/flow/step3_check.png);
  background-size: cover;
}
.flow-step.step6 .bottom_image {
  box-shadow: -7px 7px 0 rgba(0, 119, 183, 0.5);
  border-radius: 50%;
}
.flow-step.step6::after {
  display: none;
}
.flow-step.step7 {
  padding-bottom: 50px;
}
.flow-step.step7 h3 {
  max-width: 676px;
  color: #FF6E00;
}
@media screen and (max-width: 1024px) {
  .flow-step.step7 h3 {
    max-width: 448px;
  }
}
@media screen and (max-width: 768px) {
  .flow-step.step7 h3 {
    max-width: 258px;
  }
}
.flow-step.step7 h3:before {
  content: "";
  position: absolute;
  display: inline-block;
  width: 32px;
  height: 46px;
  bottom: 0;
  left: 0;
  background: url(../img/flow/step1_left.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .flow-step.step7 h3:before {
    width: 19px;
    height: 27px;
  }
}
@media screen and (max-width: 380px) {
  .flow-step.step7 h3:before {
    left: -11px;
  }
}
.flow-step.step7 h3:after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 32px;
  height: 46px;
  bottom: 0;
  right: 0;
  background: url(../img/flow/step1_right.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .flow-step.step7 h3:after {
    width: 19px;
    height: 27px;
  }
}
@media screen and (max-width: 380px) {
  .flow-step.step7 h3:after {
    right: -11px;
  }
}
.flow-step.step7:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 214px;
  height: 151px;
  top: -94px;
  left: 50%;
  transform: translateX(-50%);
  background: url(../img/flow/step_7.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .flow-step.step7:before {
    width: 123px;
    height: 85px;
    top: -51px;
  }
}
.flow-step.step7 figure img {
  max-width: 151px;
  width: 24%;
}
@media screen and (max-width: 768px) {
  .flow-step.step7 figure img {
    position: relative;
    max-width: 143px;
    width: 100%;
    bottom: -15px;
  }
}
.flow-step.step7 figure figcaption {
  background: #FFF0E5;
}
.flow-step.step7 figure figcaption:before {
  content: "";
  position: absolute;
  top: 0;
  left: -40px;
  height: 100%;
  width: 43px;
  background: linear-gradient(315deg, #FFF0E5 50%, transparent 50%), linear-gradient(45deg, transparent 50%, #FFF0E5 50%);
  background-size: 43px 43px;
}
@media screen and (max-width: 768px) {
  .flow-step.step7 figure figcaption:before {
    left: -14px;
    width: 14px;
    background-size: 14px 14px;
  }
}
.flow-step.step7 figure figcaption:after {
  content: "";
  position: absolute;
  top: 0;
  right: -40px;
  height: 100%;
  width: 43px;
  background: linear-gradient(45deg, #FFF0E5 50%, transparent 50%), linear-gradient(315deg, transparent 50%, #FFF0E5 50%);
  background-size: 43px 43px;
}
@media screen and (max-width: 768px) {
  .flow-step.step7 figure figcaption:after {
    right: -14px;
    width: 14px;
    background-size: 14px 14px;
  }
}
.flow-step.step7 .flow-step_lists {
  margin-bottom: 0 !important;
}
.flow-step.step7 .flow-step_lists li {
  box-shadow: 3px 3px 0 rgba(255, 110, 0, 0.5);
  border: solid 1px #FF6E00;
}
@media screen and (max-width: 380px) {
  .flow-step.step7 .flow-step_lists li p br {
    display: none;
  }
}
.flow-step.step7 .flow-step_lists li span:before {
  content: "";
  display: inline-block;
  width: 19px;
  height: 19px;
  margin-right: 15px;
  background: url(../img/flow/step1_check.png);
  background-size: cover;
}

.flow-step_lists {
  display: flex;
  justify-content: space-between;
  margin-bottom: 66px !important;
}
@media screen and (max-width: 1024px) {
  .flow-step_lists {
    flex-direction: column;
    margin-bottom: 2.5rem !important;
  }
}
.flow-step_lists li {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32%;
  padding: 13px 12px;
  border-radius: 16px;
}
@media screen and (max-width: 1024px) {
  .flow-step_lists li {
    width: 100%;
  }
  .flow-step_lists li:not(:last-child) {
    margin-bottom: 1rem;
  }
}
.flow-step_lists li p {
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  letter-spacing: 0.1rem;
}
@media screen and (max-width: 768px) {
  .flow-step_lists li p {
    font-size: 16px;
  }
}

.flow-step_chats {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  max-width: 675px;
  width: 68%;
  margin-left: auto;
  margin-right: 49px;
}
@media screen and (max-width: 1110px) {
  .flow-step_chats {
    margin-right: 0;
  }
}
@media screen and (max-width: 1024px) {
  .flow-step_chats {
    align-items: flex-end;
    flex-direction: column;
    width: 100%;
  }
}
.flow-step_chats img {
  max-width: 189px;
  width: 100%;
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .flow-step_chats img {
    max-width: 113px;
    margin-right: 18px;
  }
}

.flow-step_chat {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 450px;
  width: 67%;
  min-height: 168px;
  padding: 21px 20px;
  border-radius: 37px;
}
@media screen and (max-width: 1110px) {
  .flow-step_chat {
    margin-right: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .flow-step_chat {
    margin-right: 0;
  }
}
@media screen and (max-width: 768px) {
  .flow-step_chat {
    max-width: 100%;
    width: 100%;
  }
}
.flow-step_chat p {
  color: #FFF;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .flow-step_chat p {
    font-size: 14px;
    line-height: 2.2;
  }
}
.flow-step_chat span {
  font-size: 22px;
  background-image: repeating-linear-gradient(-45deg, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.7) 1px, transparent 1px, transparent 3px);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 100% 0.4em;
}
@media screen and (max-width: 768px) {
  .flow-step_chat span {
    font-size: 16px;
  }
}

/* advice */
.advice_page .breadcrumb_wrap {
  margin-bottom: 70px;
}
.advice_page .recommend-common {
  width: 100%;
  padding: 1rem 0 100px;
  background: linear-gradient(to bottom, rgba(255, 110, 0, 0.17), #FF6E00), url(../img/advice/recommend_bg.png);
}
@media screen and (max-width: 768px) {
  .advice_page .recommend-common {
    padding: 1rem 0 5rem;
    background: linear-gradient(to bottom, rgba(255, 110, 0, 0.17), #FF6E00), url(../img/advice/recommend_bg_sp.png);
  }
}
.advice_page .recommend-commo_lists li div {
  max-width: 380px;
  width: 100%;
}
.advice_page .recommend-commo_lists li:nth-of-type(2):before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 123px;
  height: 88px;
  top: 50%;
  transform: translateY(-50%);
  right: 103px;
  background: url(../img/advice/recommend_decoration1.png);
  background-size: cover;
}
@media screen and (max-width: 480px) {
  .advice_page .recommend-commo_lists li:nth-of-type(2):before {
    width: 4.0625rem;
    height: 2.9375rem;
    right: 5.1875rem;
  }
}
.advice_page .recommend-commo_lists li:nth-of-type(3):before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 124px;
  height: 88px;
  top: 50%;
  transform: translateY(-50%);
  right: 103px;
  background: url(../img/advice/recommend_decoration2.png);
  background-size: cover;
}
@media screen and (max-width: 480px) {
  .advice_page .recommend-commo_lists li:nth-of-type(3):before {
    width: 5rem;
    height: 3.5625rem;
    right: 5.1875rem;
  }
}

/* こんなご家族におすすめ */
.recommend-common {
  overflow: hidden;
}
.recommend-common h2 {
  margin-bottom: 33px;
}
@media screen and (max-width: 768px) {
  .recommend-common h2 {
    margin-bottom: 1.375rem;
  }
}
.recommend-common h2 .is_secondary {
  position: relative;
  text-align: center;
  font-weight: 500;
  font-size: 32px;
}
.recommend-common h2 .is_secondary:after {
  content: "";
  display: block;
  width: 89px;
  height: 28px;
  margin: 0.5rem auto 0;
  background: url(../img/common/heading_icon.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .recommend-common h2 .is_secondary:after {
    width: 51px;
    height: 16px;
  }
}
@media screen and (max-width: 768px) {
  .recommend-common h2 .is_secondary {
    font-size: 1.5rem;
  }
}

.recommend-commo_lists {
  position: relative;
  max-width: 500px;
  margin: 0 auto !important;
}
@media screen and (max-width: 480px) {
  .recommend-commo_lists {
    max-width: 20.9375rem;
  }
}
.recommend-commo_lists:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 147px;
  height: 262px;
  bottom: 0;
  right: -74px;
  background: url(../img/advice/recommend_decoration.png);
  background-size: cover;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .recommend-commo_lists:before {
    width: 6.25rem;
    height: 11.125rem;
    right: -1.25rem;
  }
}
.recommend-commo_lists li {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px 19px 5px 24px;
  min-height: 113px;
  background: #F0F0F0;
  border-radius: 16px;
}
@media screen and (max-width: 768px) {
  .recommend-commo_lists li {
    min-height: 4.75rem;
  }
}
.recommend-commo_lists li:not(:last-child) {
  margin-bottom: 8px;
}
.recommend-commo_lists li div {
  display: flex;
  align-items: center;
}
.recommend-commo_lists li p {
  position: relative;
  font-size: 18px;
  font-weight: 500;
}
@media screen and (max-width: 480px) {
  .recommend-commo_lists li p {
    font-size: 0.875rem;
  }
}
.recommend-commo_lists li p .is_color {
  color: #FF6E00;
  font-size: 20px;
}
@media screen and (max-width: 480px) {
  .recommend-commo_lists li p .is_color {
    font-size: 0.9375rem;
  }
}
.recommend-commo_lists li .is_icon {
  content: "";
  display: inline-block;
  width: 1.1875rem;
  height: 1.1875rem;
  margin-right: 0.5625rem;
  background: url(../img/advice/recommend_check.png);
  background-size: cover;
}

/* 住宅ローンアドバイスって？ */
.advice-about {
  width: 100%;
  background: url(../img/advice/wallet_bg.png);
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  .advice-about {
    background: none;
  }
}
.advice-about .l-contents {
  max-width: 1100px;
  margin: 0 auto;
  padding: 73px 0 5rem;
  background: #FFF;
}
@media screen and (max-width: 1024px) {
  .advice-about .l-contents {
    padding-top: 5rem;
    padding-bottom: 11.25rem;
    background: url(../img/advice/wallet_bg.png);
  }
  .advice-about .l-contents .l-inner {
    padding: 0;
  }
  .advice-about .l-contents .l-content {
    padding: 28px 0 5rem;
    background: #FFF;
  }
}
@media screen and (max-width: 768px) {
  .advice-about .l-contents {
    background: url(../img/advice/wallet_bg_sp.png);
    background-size: cover;
  }
}
.advice-about h2 {
  position: relative;
  max-width: 416px;
  margin: 0 auto 34px;
}
@media screen and (max-width: 768px) {
  .advice-about h2 {
    max-width: 12rem;
    margin-bottom: 1.5rem;
  }
}
.advice-about h2:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 129px;
  height: 158px;
  top: 0;
  left: -187px;
  background: url(../img/advice/about_decoration.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .advice-about h2:before {
    width: 5.5rem;
    height: 6.6875rem;
    top: 0.625rem;
    right: -5.4375rem;
    left: inherit;
  }
}
.advice-about h2 .is_secondary {
  position: relative;
  text-align: center;
  font-weight: 500;
  font-size: 32px;
}
.advice-about h2 .is_secondary:after {
  content: "";
  display: block;
  width: 89px;
  height: 28px;
  margin: 0.5rem auto 0;
  background: url(../img/common/heading_icon.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .advice-about h2 .is_secondary:after {
    width: 51px;
    height: 16px;
  }
}
@media screen and (max-width: 768px) {
  .advice-about h2 .is_secondary {
    font-size: 1.5rem;
  }
}
.advice-about .textarea {
  margin-bottom: 28px;
}
@media screen and (max-width: 480px) {
  .advice-about .textarea {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
.advice-about .textarea p {
  line-height: 2;
  text-align: center;
}

.advice-about_lists {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  max-width: 660px;
  margin: 0 auto -20px !important;
}
@media screen and (max-width: 768px) {
  .advice-about_lists {
    max-width: 20.9375rem;
  }
}
@media screen and (max-width: 480px) {
  .advice-about_lists {
    padding-right: 1.25rem !important;
    padding-left: 1.25rem !important;
  }
}
.advice-about_lists li {
  width: 24%;
  max-width: 150px;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .advice-about_lists li {
    width: 48%;
  }
}
.advice-about_lists li .image_wrap {
  position: relative;
}
.advice-about_lists li .content {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.advice-about_lists li .content p {
  text-align: center;
  color: #FFF;
  font-weight: 500;
  line-height: 1.2;
}
.advice-about_lists li:first-child .content:before {
  content: "";
  display: block;
  width: 4.0625rem;
  height: 4.0625rem;
  margin-inline: auto;
  margin-bottom: 0.8125rem;
  background: url(../img/advice/about_icon1.png);
  background-size: cover;
}
.advice-about_lists li:nth-of-type(2) .content:before {
  content: "";
  display: block;
  width: 3.1875rem;
  height: 3.1875rem;
  margin-inline: auto;
  margin-bottom: 0.8125rem;
  background: url(../img/advice/about_icon2.png);
  background-size: cover;
}
.advice-about_lists li:nth-of-type(3) .content:before {
  content: "";
  display: block;
  width: 5.125rem;
  height: 3.25rem;
  margin-inline: auto;
  margin-bottom: 0.8125rem;
  background: url(../img/advice/about_icon3.png);
  background-size: cover;
}
.advice-about_lists li:nth-of-type(4) .content:before {
  content: "";
  display: block;
  width: 4.5rem;
  height: 3.5625rem;
  margin-inline: auto;
  margin-bottom: 0.8125rem;
  background: url(../img/advice/about_icon4.png);
  background-size: cover;
}
.advice-about_lists li:nth-of-type(5) .content:before {
  content: "";
  display: block;
  width: 2.875rem;
  height: 4.25rem;
  margin-inline: auto;
  margin-bottom: 0.8125rem;
  background: url(../img/advice/about_icon5.png);
  background-size: cover;
}
.advice-about_lists li:nth-of-type(6) .content:before {
  content: "";
  display: block;
  width: 3.4375rem;
  height: 3.9375rem;
  margin-inline: auto;
  margin-bottom: 0.8125rem;
  background: url(../img/advice/about_icon6.png);
  background-size: cover;
}
.advice-about_lists li:nth-of-type(7) .content:before {
  content: "";
  display: block;
  width: 3.125rem;
  height: 3.625rem;
  margin-inline: auto;
  margin-bottom: 0.8125rem;
  background: url(../img/advice/about_icon7.png);
  background-size: cover;
}
.advice-about_lists li:nth-of-type(8) .content:before {
  content: "";
  display: block;
  width: 4.375rem;
  height: 3.625rem;
  margin-inline: auto;
  margin-bottom: 0.8125rem;
  background: url(../img/advice/about_icon8.png);
  background-size: cover;
}

/* ご相談事例 */
.advice-case {
  padding: 5rem 0;
  width: 100%;
  background: url(../img/advice/case_bg.png);
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .advice-case {
    background: url(../img/advice/case_bg_sp.png);
  }
}
.advice-case h2 {
  position: relative;
  max-width: 160px;
  margin: 0 auto 120px;
}
@media screen and (max-width: 768px) {
  .advice-case h2 {
    max-width: 7.5rem;
    margin-bottom: 2.5rem;
  }
}
.advice-case h2 .is_secondary {
  position: relative;
  text-align: center;
  font-weight: 500;
  font-size: 32px;
}
.advice-case h2 .is_secondary:after {
  content: "";
  display: block;
  width: 89px;
  height: 28px;
  margin: 0.5rem auto 0;
  background: url(../img/common/heading_icon.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .advice-case h2 .is_secondary:after {
    width: 51px;
    height: 16px;
  }
}
@media screen and (max-width: 768px) {
  .advice-case h2 .is_secondary {
    font-size: 1.5rem;
  }
}
.advice-case h2:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 163px;
  height: 119px;
  right: -186px;
  top: 0;
  background: url(../img/advice/case_decoration1.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .advice-case h2:before {
    width: 6.875rem;
    height: 5.0625rem;
    right: -7rem;
    top: -0.3125rem;
  }
}
.advice-case .note-box_wrap {
  overflow: hidden;
  padding-top: 1.25rem;
}
.advice-case .note-box:nth-of-type(1) {
  margin-bottom: 104px;
}
@media screen and (max-width: 768px) {
  .advice-case .note-box:nth-of-type(1) {
    margin-bottom: 5.875rem;
  }
}
.advice-case .note-box:nth-of-type(1) figure:nth-of-type(1) {
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .advice-case .note-box:nth-of-type(1) figure:nth-of-type(1) {
    margin-bottom: 2.1875rem;
  }
}
.advice-case .note-box:nth-of-type(1) figure:nth-of-type(1) picture {
  max-width: 349px;
  width: 41%;
}
@media screen and (max-width: 768px) {
  .advice-case .note-box:nth-of-type(1) figure:nth-of-type(1) picture {
    width: 100%;
    margin-bottom: 3.25rem;
  }
}
.advice-case .note-box:nth-of-type(1) figure:nth-of-type(2) {
  margin-bottom: 89px;
}
@media screen and (max-width: 768px) {
  .advice-case .note-box:nth-of-type(1) figure:nth-of-type(2) {
    margin-bottom: 3.125rem;
  }
  .advice-case .note-box:nth-of-type(1) figure:nth-of-type(2) figcaption {
    margin-bottom: 1.3125rem;
  }
}
.advice-case .note-box:nth-of-type(1) figure:nth-of-type(2) picture {
  position: absolute;
  right: 0;
  max-width: 470px;
  width: 67%;
  margin-right: -124px;
}
@media screen and (max-width: 1110px) {
  .advice-case .note-box:nth-of-type(1) figure:nth-of-type(2) picture {
    width: 58%;
    margin-right: -106px;
  }
}
@media screen and (max-width: 768px) {
  .advice-case .note-box:nth-of-type(1) figure:nth-of-type(2) picture {
    position: relative;
    width: 100%;
    margin-left: auto;
    margin-right: -1.25rem;
  }
}
.advice-case .note-box:nth-of-type(1) figure:nth-of-type(3) img {
  max-width: 339px;
  width: 40%;
}
@media screen and (max-width: 768px) {
  .advice-case .note-box:nth-of-type(1) figure:nth-of-type(3) img {
    width: 100%;
    margin-bottom: 2.5rem;
  }
}
.advice-case .note-box:nth-of-type(2) figure:nth-of-type(1) img {
  max-width: 251px;
  width: 30%;
}
@media screen and (max-width: 768px) {
  .advice-case .note-box:nth-of-type(2) figure:nth-of-type(1) img {
    width: 100%;
    margin-bottom: 2.25rem;
  }
}

.note-box {
  position: relative;
  padding: 5rem 20px;
  background: #FFF;
  box-shadow: 10px 10px 6px rgba(0, 0, 0, 0.16);
}
@media screen and (max-width: 768px) {
  .note-box {
    padding-top: 2.1875rem;
    padding-right: 1.25rem;
    padding-bottom: 5rem;
    padding-left: 1.25rem;
  }
}
.note-box:before {
  content: "";
  display: inline-block;
  position: absolute;
  height: 49px;
  width: 90%;
  top: -24px;
  left: 50%;
  transform: translateX(-50%);
  background: url(../img/advice/case_note.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .note-box:before {
    height: 1.8125rem;
    top: -0.9375rem;
  }
}
.note-box .inner {
  max-width: 852px;
  margin: 0 auto;
}
.note-box .heading_primary {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 2.5rem;
  padding: 8px 0;
  background: #FF6E00;
  border-radius: 12px;
}
.note-box .heading_primary span:before {
  content: "";
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-right: 5px;
  background: url(../img/advice/case_heading.png);
  background-size: cover;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .note-box .heading_primary span:before {
    width: 1.4375rem;
    height: 1.4375rem;
  }
}
.note-box .heading_primary p {
  color: #FFF;
  font-size: 28px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .note-box .heading_primary p {
    font-size: 1.25rem;
  }
}
.note-box .heading_secondary {
  margin-bottom: 1rem;
  padding: 6px 0;
  text-align: center;
  color: #FFF;
  font-size: 20px;
  font-weight: 500;
  background: #534741;
  border-radius: 30px;
}
@media screen and (max-width: 768px) {
  .note-box .heading_secondary {
    margin-bottom: 0.625rem;
    font-size: 1.125rem;
  }
}
.note-box figure,
.note-box .note-box_items {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .note-box figure,
.note-box .note-box_items {
    flex-direction: column;
  }
}
.note-box figure figcaption,
.note-box figure .note-box_item,
.note-box .note-box_items figcaption,
.note-box .note-box_items .note-box_item {
  max-width: 452px;
  width: 54%;
}
@media screen and (max-width: 768px) {
  .note-box figure figcaption,
.note-box figure .note-box_item,
.note-box .note-box_items figcaption,
.note-box .note-box_items .note-box_item {
    width: 100%;
  }
}
.note-box figure figcaption p,
.note-box figure .note-box_item p,
.note-box .note-box_items figcaption p,
.note-box .note-box_items .note-box_item p {
  max-width: 339px;
  width: 75%;
  margin: 0 auto;
  line-height: 1.875;
}
@media screen and (max-width: 768px) {
  .note-box figure figcaption p,
.note-box figure .note-box_item p,
.note-box .note-box_items figcaption p,
.note-box .note-box_items .note-box_item p {
    font-size: 0.875rem;
  }
}
.note-box figure figcaption p:not(:last-child),
.note-box figure .note-box_item p:not(:last-child),
.note-box .note-box_items figcaption p:not(:last-child),
.note-box .note-box_items .note-box_item p:not(:last-child) {
  margin-bottom: 28px;
}
@media screen and (max-width: 768px) {
  .note-box figure figcaption p:not(:last-child),
.note-box figure .note-box_item p:not(:last-child),
.note-box .note-box_items figcaption p:not(:last-child),
.note-box .note-box_items .note-box_item p:not(:last-child) {
    margin-bottom: 1.1875rem;
  }
}

.advice-case-box {
  position: relative;
  margin-top: 34px;
  padding: 23px 0 20px;
  background: url(../img/advice/case_box.png) no-repeat;
  background-size: contain;
}
@media screen and (max-width: 1024px) {
  .advice-case-box {
    background-size: cover;
    border-radius: 50px;
  }
}
@media screen and (max-width: 768px) {
  .advice-case-box {
    padding-top: 4.875rem;
    padding-right: 0.9375rem;
    padding-bottom: 2.25rem;
    padding-left: 0.9375rem;
  }
}
@media screen and (max-width: 480px) {
  .advice-case-box {
    background: url(../img/advice/case_box_sp.png) no-repeat right;
  }
}
.advice-case-box:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 169px;
  height: 66px;
  top: 0;
  left: 0;
  background: url(../img/advice/case_decoration5.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .advice-case-box:before {
    width: 6.875rem;
    height: 2.8125rem;
  }
}
.advice-case-box:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 183px;
  height: 71px;
  top: 0;
  right: 0;
  background: url(../img/advice/case_decoration6.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .advice-case-box:after {
    width: 7.5rem;
    height: 2.75rem;
  }
}
.advice-case-box p {
  position: relative;
  text-align: center;
  line-height: 1.875;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .advice-case-box p {
    font-size: 0.875rem;
  }
}
.advice-case-box p span {
  font-weight: 500;
}

/* ご相談の流れ  */
.advice-flow {
  margin: 5rem auto;
  padding: 0 60px;
}
@media screen and (max-width: 768px) {
  .advice-flow {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
@media screen and (max-width: 1235px) {
  .advice-flow .l-inner {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
.advice-flow .bg {
  width: 100%;
  padding: 58px 0 5rem;
  background: url(../img/common/pattern_bg.png);
  background-size: cover;
  border-radius: 230px;
}
@media screen and (max-width: 768px) {
  .advice-flow .bg {
    padding-top: 4.0625rem;
    padding-bottom: 5rem;
    background: url(../img/common/pattern_bg_sp.png);
    background-size: cover;
    border-radius: 61px;
  }
}
.advice-flow h2 {
  margin-bottom: 97px;
}
@media screen and (max-width: 768px) {
  .advice-flow h2 {
    margin-bottom: 2.9375rem;
  }
}
.advice-flow h2 .is_primary {
  position: relative;
  max-width: 435px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .advice-flow h2 .is_primary {
    max-width: 17.6875rem;
  }
}
.advice-flow h2 .is_primary:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 81px;
  height: 53px;
  left: 50%;
  top: -38px;
  transform: translateX(-50%);
  background: url(../img/advice/flow_decoration1.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .advice-flow h2 .is_primary:before {
    width: 3.3125rem;
    height: 2.125rem;
    top: -1.5625rem;
  }
}
.advice-flow h2 .is_secondary {
  position: relative;
  text-align: center;
  font-weight: 500;
  font-size: 48px;
}
.advice-flow h2 .is_secondary:after {
  content: "";
  display: block;
  width: 89px;
  height: 28px;
  margin: 0.5rem auto 0;
  background: url(../img/common/heading_icon.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .advice-flow h2 .is_secondary:after {
    width: 51px;
    height: 16px;
  }
}
@media screen and (max-width: 768px) {
  .advice-flow h2 .is_secondary {
    font-size: 1.875rem;
  }
}
.advice-flow .flow-common_lists li .button {
  display: block;
  max-width: 380px;
  width: 100%;
  height: 80px;
  margin: 0 auto;
  padding-left: 45px;
  line-height: 80px;
  text-align: center;
  text-decoration: none;
  color: #FFF;
  font-size: 20px;
  background: #534741;
  border-radius: 40px;
  transition: 0.4s;
  max-width: 260px;
  height: 54px;
  line-height: 54px;
  margin-left: 29px;
  padding-left: 25px;
}
@media screen and (max-width: 768px) {
  .advice-flow .flow-common_lists li .button {
    max-width: 268px;
    height: 60px;
    height: 3.75rem;
    padding-left: 11px;
    line-height: 60px;
    line-height: 3.75rem;
    font-size: 19px;
    font-size: 1.188rem;
  }
}
.advice-flow .flow-common_lists li .button:hover {
  background: #FF6E00;
}
.advice-flow .flow-common_lists li .button:hover:after {
  transform: translateX(15px);
}
@media screen and (max-width: 768px) {
  .advice-flow .flow-common_lists li .button:hover:after {
    transform: translateX(6px);
  }
}
.advice-flow .flow-common_lists li .button:after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 12px;
  margin-left: 45px;
  background: url(../img/common/button_arrow.png);
  background-size: cover;
  vertical-align: middle;
  transition: 0.4s;
}
@media screen and (max-width: 768px) {
  .advice-flow .flow-common_lists li .button:after {
    margin-left: 11px;
  }
}
@media screen and (max-width: 768px) {
  .advice-flow .flow-common_lists li .button {
    max-width: 11.125rem;
    height: 2.3125rem;
    margin-inline: auto;
    margin-top: 0.9375rem;
    line-height: 2.3125rem;
    font-size: 0.8125rem;
  }
}
.advice-flow .flow-common_lists li .button:after {
  margin-left: 1.5625rem;
}
.advice-flow .flow-common_lists li:nth-of-type(1) span:before {
  content: "";
  display: inline-block;
  width: 7.125rem;
  height: 5.875rem;
  background: url(../img/advice/flow_decoration2.png);
  background-size: cover;
}
.advice-flow .flow-common_lists li:nth-of-type(1) .heading h3 {
  margin-top: 0.9375rem;
}
.advice-flow .flow-common_lists li:nth-of-type(2) span:before {
  content: "";
  display: inline-block;
  width: 8.375rem;
  height: 5.6875rem;
  background: url(../img/advice/flow_decoration3.png);
  background-size: cover;
}
.advice-flow .flow-common_lists li:nth-of-type(3) span:before {
  content: "";
  display: inline-block;
  width: 7.625rem;
  height: 5.5625rem;
  background: url(../img/advice/flow_decoration4.png);
  background-size: cover;
}

.flow-common_lists li {
  position: relative;
  border-radius: 20px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.flow-common_lists li:not(:last-child) {
  margin-bottom: 62px;
}
.flow-common_lists li:not(:last-child):after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 2.125rem;
  height: 1.875rem;
  left: 50%;
  bottom: -3.125rem;
  transform: translateX(-50%);
  background: url(../img/advice/flow_decoration5.png);
  background-size: cover;
}
.flow-common_lists li .heading {
  display: flex;
  align-items: center;
  min-height: 8.6875rem;
  padding-right: 2.5rem;
  padding-left: 2.5rem;
  background: #FFF;
  border-radius: 20px 20px 0 0;
}
@media screen and (max-width: 768px) {
  .flow-common_lists li .heading {
    flex-direction: column;
    padding-top: 1.5rem;
    padding-bottom: 0.9375rem;
  }
}
.flow-common_lists li .heading span {
  width: 160px;
}
@media screen and (max-width: 768px) {
  .flow-common_lists li .heading span {
    width: inherit;
  }
}
.flow-common_lists li .heading h3 {
  font-size: 30px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .flow-common_lists li .heading h3 {
    margin-top: 1.5625rem;
    font-size: 1rem;
  }
}
.flow-common_lists li .content {
  display: flex;
  align-items: center;
  min-height: 95px;
  padding: 0 40px;
  background: #FFFDF8;
  border-radius: 0 0 20px 20px;
}
@media screen and (max-width: 768px) {
  .flow-common_lists li .content {
    padding-top: 1.4375rem;
    padding-right: 1.125rem;
    padding-bottom: 1.4375rem;
    padding-left: 1.125rem;
  }
}
.flow-common_lists li .content p {
  max-width: 685px;
  width: 100%;
  margin: 0 auto;
  line-height: 1.875;
}
@media screen and (max-width: 768px) {
  .flow-common_lists li .content p {
    text-align: center;
  }
}

/* よくある質問 */
.qa-common {
  padding: 5rem 0;
  background: url(../img/advice/qa_bg.png);
}
.qa-common h2 {
  position: relative;
  max-width: 192px;
  margin: 0 auto 5rem;
}
@media screen and (max-width: 768px) {
  .qa-common h2 {
    max-width: 9rem;
    margin-bottom: 2.5rem;
  }
}
.qa-common h2:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 106px;
  height: 167px;
  top: -7px;
  right: -131px;
  background: url(../img/advice/qa_decoration.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .qa-common h2:before {
    width: 4.4375rem;
    height: 7rem;
    top: 0;
    right: -6.0625rem;
  }
}
.qa-common h2 .is_secondary {
  position: relative;
  text-align: center;
  font-weight: 500;
  font-size: 32px;
}
.qa-common h2 .is_secondary:after {
  content: "";
  display: block;
  width: 89px;
  height: 28px;
  margin: 0.5rem auto 0;
  background: url(../img/common/heading_icon.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .qa-common h2 .is_secondary:after {
    width: 51px;
    height: 16px;
  }
}
@media screen and (max-width: 768px) {
  .qa-common h2 .is_secondary {
    font-size: 1.5rem;
  }
}

.qa_items {
  position: relative;
  background: #FFF;
  border-radius: 44px;
}
.qa_items:not(:last-child) {
  margin-bottom: 1rem;
}

.qa_items_toggle {
  position: relative;
  display: flex;
  align-items: center;
  padding: 21px 85px 21px 35px;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .qa_items_toggle {
    padding-top: 2.3125rem;
    padding-right: 3.125rem;
    padding-bottom: 2.3125rem;
    padding-left: 1.9375rem;
  }
}
.qa_items_toggle .is_q:before {
  content: "";
  display: inline-block;
  width: 32px;
  height: 44px;
  margin-right: 17px;
  background: url(../img/advice/q.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .qa_items_toggle .is_q:before {
    width: 1.5rem;
    height: 2.0625rem;
    margin-right: 0.8125rem;
  }
}
.qa_items_toggle p {
  font-size: 22px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .qa_items_toggle p {
    font-size: 1.0625rem;
  }
}
.qa_items_toggle .is_line {
  position: absolute;
  right: 40px;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .qa_items_toggle .is_line {
    right: 1.875rem;
  }
}
.qa_items_toggle .is_line:before, .qa_items_toggle .is_line:after {
  content: "";
  display: block;
  width: 40px;
  height: 2px;
  background: #707070;
  position: absolute;
  right: -0.375rem;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .qa_items_toggle .is_line:before, .qa_items_toggle .is_line:after {
    width: 1.0625rem;
  }
}
.qa_items_toggle .is_line:after {
  background: #707070;
  transform: translateY(-50%) rotate(90deg);
  transition: 0.5s;
}
.qa_items_toggle .is_line.active:after {
  transform: rotate(0);
  top: 45%;
  transition: 0.5s;
  background: #707070;
  opacity: 0;
}

.qa_items_hide {
  display: flex;
  align-items: center;
  margin-top: -8px;
  padding: 0 85px 28px 86px;
}
@media screen and (max-width: 768px) {
  .qa_items_hide {
    align-items: flex-start;
    margin-top: -18px;
    padding: 0 34px 37px 69px;
  }
}
@media screen and (max-width: 480px) {
  .qa_items_hide {
    padding: 0 34px 37px 52px;
  }
}
.qa_items_hide p {
  font-size: 15px;
  line-height: 1.86;
}
@media screen and (max-width: 768px) {
  .qa_items_hide p {
    font-size: 0.875rem;
  }
}
.qa_items_hide .is_a:before {
  content: "";
  display: inline-block;
  width: 29px;
  height: 35px;
  margin-right: 5px;
  background: url(../img/advice/a.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .qa_items_hide .is_a:before {
    width: 1.3125rem;
    height: 1.625rem;
    margin-right: 0.5rem;
  }
}

/* 住宅ローンの基礎知識 */
.advice-knowledge {
  padding: 5rem 0 100px;
  background: #D0EFF4;
}
.advice-knowledge h2 {
  margin-bottom: 86px;
}
@media screen and (max-width: 768px) {
  .advice-knowledge h2 {
    margin-bottom: 2.5rem;
  }
}
.advice-knowledge h2 .is_secondary {
  position: relative;
  text-align: center;
  font-weight: 500;
  font-size: 32px;
}
.advice-knowledge h2 .is_secondary:after {
  content: "";
  display: block;
  width: 89px;
  height: 28px;
  margin: 0.5rem auto 0;
  background: url(../img/common/heading_icon.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .advice-knowledge h2 .is_secondary:after {
    width: 51px;
    height: 16px;
  }
}
@media screen and (max-width: 768px) {
  .advice-knowledge h2 .is_secondary {
    font-size: 1.5rem;
  }
}
.advice-knowledge .content {
  max-width: 1006px;
  margin: 0 auto 5rem;
}
.advice-knowledge h3 img {
  max-width: 326px;
  width: 100%;
  margin-bottom: 15px;
}

.advice-knowledge_lead {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 858px;
  margin: 0 auto 5rem;
}
@media screen and (max-width: 768px) {
  .advice-knowledge_lead {
    flex-direction: column;
    margin-bottom: 3rem;
  }
}
.advice-knowledge_lead a {
  position: relative;
  display: flex;
  align-items: center;
  max-width: 503px;
  width: 59%;
  height: 130px;
  color: #FFF;
  font-size: 1.5rem;
  font-weight: 500;
  text-decoration: none;
  box-shadow: 0 7px 0 #AA4900;
  background: #FF6E00;
  border-radius: 10px;
  transition: 0.4s;
}
@media screen and (max-width: 768px) {
  .advice-knowledge_lead a {
    max-width: 20.9375rem;
    width: 100%;
    order: 2;
  }
}
.advice-knowledge_lead a p {
  text-align: center;
}
.advice-knowledge_lead a:hover {
  background: #0077B7;
  box-shadow: unset;
  transform: translateY(3px);
}
.advice-knowledge_lead a:after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 7px;
  height: 14px;
  top: 50%;
  transform: translateY(-50%);
  right: 40px;
  background: url(../img/advice/arrow1.png);
  background-size: cover;
}
.advice-knowledge_lead a span:before {
  content: "";
  display: inline-block;
  width: 110px;
  height: 124px;
  margin-right: 36px;
  margin-left: 17px;
  background: url(../img/advice/knowledge_decoration.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .advice-knowledge_lead a span:before {
    margin-right: 0;
  }
}
.advice-knowledge_lead .is_text {
  max-width: 322px;
  width: 38%;
  line-height: 1.875;
}
@media screen and (max-width: 768px) {
  .advice-knowledge_lead .is_text {
    width: 100%;
    margin-bottom: 2.6875rem;
    text-align: center;
    font-size: 0.875rem;
    order: 1;
  }
}

.menu-common_buttons {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: -20px !important;
}
@media screen and (max-width: 768px) {
  .menu-common_buttons {
    margin-bottom: -11px !important;
  }
}
.menu-common_buttons li {
  width: 32%;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .menu-common_buttons li {
    width: 49%;
    margin-bottom: 0.6875rem;
  }
}
.menu-common_buttons li a {
  position: relative;
  display: block;
  width: 100%;
  padding: 22px 44px 22px 26px;
  text-decoration: none;
  color: #534741;
  font-size: 20px;
  font-weight: 500;
  background: #FFF;
  border: solid 1px #707070;
  border-radius: 16px;
  transition: 0.4s;
}
@media screen and (max-width: 768px) {
  .menu-common_buttons li a {
    padding-top: 0.6875rem;
    padding-right: 1.4375rem;
    padding-bottom: 0.6875rem;
    padding-left: 0.8125rem;
    font-size: 10px;
    border-radius: 8px;
  }
}
.menu-common_buttons li a:hover {
  opacity: 0.7;
}
.menu-common_buttons li a:hover:after {
  transform: translateX(5px);
}
.menu-common_buttons li a:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 7px;
  height: 14px;
  right: 27px;
  top: 31px;
  background: url(../img/advice/arrow2.png);
  background-size: cover;
  transition: 0.4s;
}
@media screen and (max-width: 768px) {
  .menu-common_buttons li a:after {
    width: 0.3125rem;
    height: 0.5625rem;
    right: 0.8125rem;
    top: 0.9375rem;
  }
}
.menu-common_buttons li.list-center {
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
  .menu-common_buttons li.list-center {
    margin-inline: unset;
  }
}

/* loan */
.loan-basic {
  width: 100%;
  background: url(../img/loan/bg.png);
}
.loan-basic .breadcrumb_wrap {
  margin-bottom: 128px;
}

.loan-basic_lead {
  max-width: 1100px;
  margin: 0 auto;
  padding: 1rem 0 185px;
  background: #FFF;
}
@media screen and (max-width: 1024px) {
  .loan-basic_lead .l-inner {
    padding: 0;
  }
}
@media screen and (max-width: 768px) {
  .loan-basic_lead {
    padding-bottom: 8.125rem;
  }
}
.loan-basic_lead h2 {
  position: relative;
  max-width: 320px;
  margin: 0 auto 2.5rem;
}
@media screen and (max-width: 768px) {
  .loan-basic_lead h2 {
    max-width: 9rem;
  }
}
.loan-basic_lead h2:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 102px;
  height: 102px;
  top: -51px;
  left: -80px;
  background: url(../img/loan/heading_decoration.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .loan-basic_lead h2:before {
    width: 4.4375rem;
    height: 4.4375rem;
    top: -2.25rem;
    left: -3.4375rem;
  }
}
.loan-basic_lead h2 .is_secondary {
  position: relative;
  text-align: center;
  font-weight: 500;
  font-size: 32px;
}
.loan-basic_lead h2 .is_secondary:after {
  content: "";
  display: block;
  width: 89px;
  height: 28px;
  margin: 0.5rem auto 0;
  background: url(../img/common/heading_icon.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .loan-basic_lead h2 .is_secondary:after {
    width: 51px;
    height: 16px;
  }
}
@media screen and (max-width: 768px) {
  .loan-basic_lead h2 .is_secondary {
    font-size: 1.5rem;
  }
}
.loan-basic_lead .textarea {
  margin-bottom: 2.5rem;
}
.loan-basic_lead .textarea p {
  text-align: center;
  line-height: 1.875;
}
@media screen and (max-width: 768px) {
  .loan-basic_lead .textarea p {
    font-size: 0.875rem;
  }
}

.loan-basic_lead_lists {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 auto !important;
}
.loan-basic_lead_lists:nth-of-type(1) {
  max-width: 910px;
}
@media screen and (max-width: 768px) {
  .loan-basic_lead_lists:nth-of-type(1) {
    max-width: 31.25rem;
    width: 100%;
    flex-direction: column;
    padding-right: 1.25rem;
  }
}
.loan-basic_lead_lists:nth-of-type(1) li {
  width: 32%;
  max-width: 290px;
}
@media screen and (max-width: 768px) {
  .loan-basic_lead_lists:nth-of-type(1) li {
    width: 100%;
    max-width: 100%;
  }
}
.loan-basic_lead_lists:nth-of-type(2) {
  max-width: 600px;
  width: 68%;
}
@media screen and (max-width: 768px) {
  .loan-basic_lead_lists:nth-of-type(2) {
    max-width: 31.25rem;
    width: 100%;
    flex-direction: column;
    padding-right: 1.25rem;
  }
}
.loan-basic_lead_lists:nth-of-type(2) li {
  width: 49%;
  max-width: 290px;
}
@media screen and (max-width: 768px) {
  .loan-basic_lead_lists:nth-of-type(2) li {
    width: 100%;
    max-width: 100%;
  }
  .loan-basic_lead_lists:nth-of-type(2) li:last-child {
    margin-bottom: 0;
  }
}
.loan-basic_lead_lists li {
  transition: 0.4s;
}
@media screen and (max-width: 768px) {
  .loan-basic_lead_lists li {
    margin-bottom: -10px;
  }
}
.loan-basic_lead_lists li:hover {
  opacity: 0.7;
}
.loan-basic_lead_lists li:after {
  content: "";
  display: block;
  width: 25px;
  height: 15px;
  margin: 7px auto 0;
  background: url(../img/loan/lead_arrow.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .loan-basic_lead_lists li:after {
    display: none;
  }
}
.loan-basic_lead_lists li a {
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  .loan-basic_lead_lists li a {
    display: flex;
    align-items: center;
  }
}
.loan-basic_lead_lists li img {
  position: relative;
  bottom: -44px;
  max-width: 236px;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .loan-basic_lead_lists li img {
    bottom: 0;
    max-width: 8.8125rem;
  }
}
.loan-basic_lead_lists li p {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 65px;
  color: #FFF;
  font-weight: 500;
  background: #FF6E00;
}
@media screen and (max-width: 768px) {
  .loan-basic_lead_lists li p {
    position: relative;
    justify-content: flex-start;
    padding-left: 1.375rem;
    font-size: 1.125rem;
  }
  .loan-basic_lead_lists li p span {
    max-width: 7.875rem;
    text-align: center;
  }
  .loan-basic_lead_lists li p:after {
    content: "";
    display: block;
    position: absolute;
    width: 1.5625rem;
    height: 0.9375rem;
    top: 50%;
    transform: translateY(-50%);
    right: 1rem;
    background: url(../img/loan/lead_arrow_sp.png);
    background-size: cover;
  }
}

.loan-contents {
  max-width: 1100px;
  margin: 0 auto;
  background: #FFF;
}
.loan-contents .heading {
  position: relative;
  max-width: 1000px;
  margin: 0 auto 2.5rem;
  padding-bottom: 45px;
  border-bottom: solid 3px #FF6E00;
}
@media screen and (max-width: 1024px) {
  .loan-contents .heading {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 768px) {
  .loan-contents .heading {
    padding-bottom: 2.1875rem;
  }
}
.loan-contents .heading:before {
  content: "";
  position: absolute;
  bottom: -1.5rem;
  left: 50%;
  margin-left: -0.9375rem;
  border: 12px solid transparent;
  border-top: 12px solid #FFF;
  z-index: 2;
}
.loan-contents .heading:after {
  content: "";
  position: absolute;
  bottom: -1.875rem;
  left: 50%;
  margin-left: -1.0625rem;
  border: 14px solid transparent;
  border-top: 14px solid #FF6E00;
  z-index: 1;
}
.loan-contents h3 {
  position: relative;
  padding-left: 236px;
  font-size: 32px;
  font-weight: 500;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .loan-contents h3 {
    padding-left: 8.8125rem;
    font-size: 1.25rem;
  }
}
.loan-contents h3 span {
  position: relative;
}
.loan-contents h3 span:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 23px;
  height: 82px;
  left: -22px;
  top: 57%;
  transform: translateY(-50%);
  background: url(../img/loan/heading_decoration2.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .loan-contents h3 span:after {
    width: 0.9375rem;
    height: 3.4375rem;
  }
}
.loan-contents .loan-content {
  max-width: 1000px;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  .loan-contents .loan-content {
    padding-top: 3.75rem;
    padding-bottom: 5rem;
    background: url(../img/loan/bg.png);
  }
}
.loan-contents#link1 {
  padding-bottom: 140px;
}
@media screen and (max-width: 768px) {
  .loan-contents#link1 {
    padding-bottom: 5rem;
  }
}
.loan-contents#link1 h3 span:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 236px;
  height: 236px;
  left: -236px;
  bottom: -90px;
  background: url(../img/loan/lead1.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .loan-contents#link1 h3 span:before {
    width: 8.8125rem;
    height: 8.8125rem;
    left: -8.8125rem;
    bottom: -3.75rem;
  }
}
.loan-contents#link1 .loan-content_lists {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media screen and (max-width: 1024px) {
  .loan-contents#link1 .loan-content_lists {
    margin: 0 auto -1rem !important;
    padding-right: 1.25rem;
    padding-left: 1.25rem;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 768px) {
  .loan-contents#link1 .loan-content_lists {
    max-width: 26.25rem;
  }
}
.loan-contents#link1 .loan-content_lists li {
  width: 24%;
  border-radius: 13px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
@media screen and (max-width: 1024px) {
  .loan-contents#link1 .loan-content_lists li {
    width: 49%;
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 768px) {
  .loan-contents#link1 .loan-content_lists li {
    width: 100%;
  }
}
.loan-contents#link1 .loan-content_lists li:nth-of-type(1) img {
  max-width: 100px;
  width: 100%;
  margin: 0 auto 17px;
}
@media screen and (max-width: 768px) {
  .loan-contents#link1 .loan-content_lists li:nth-of-type(1) img {
    max-width: 127px;
    width: 37%;
  }
}
.loan-contents#link1 .loan-content_lists li:nth-of-type(2) img {
  max-width: 126px;
  width: 100%;
  margin: 0 auto 12px;
}
@media screen and (max-width: 768px) {
  .loan-contents#link1 .loan-content_lists li:nth-of-type(2) img {
    max-width: 127px;
    width: 37%;
  }
}
.loan-contents#link1 .loan-content_lists li:nth-of-type(3) img {
  max-width: 210px;
  width: 100%;
  margin: 0 auto 12px;
}
@media screen and (max-width: 768px) {
  .loan-contents#link1 .loan-content_lists li:nth-of-type(3) img {
    max-width: 127px;
    width: 42%;
  }
}
.loan-contents#link1 .loan-content_lists li:nth-of-type(4) img {
  max-width: 93px;
  width: 100%;
  margin: 0 auto 12px;
}
@media screen and (max-width: 768px) {
  .loan-contents#link1 .loan-content_lists li:nth-of-type(4) img {
    max-width: 127px;
    width: 37%;
  }
}
.loan-contents#link1 .loan-content_lists li dl dt {
  padding: 13px 0;
  color: #FFF;
  text-align: center;
  font-size: 1.25rem;
  font-weight: 500;
  background: #FF6E00;
  border-radius: 13px 13px 0 0;
}
.loan-contents#link1 .loan-content_lists li dl dt span {
  font-size: 1rem;
}
.loan-contents#link1 .loan-content_lists li dl dd {
  padding: 0.875rem;
  background: #FFF7F0;
  border-radius: 0 0 13px 13px;
}
.loan-contents#link1 .loan-content_lists li dl dd figure {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  min-height: 283px;
}
@media screen and (max-width: 1024px) {
  .loan-contents#link1 .loan-content_lists li dl dd figure {
    min-height: 223px;
  }
}
@media screen and (max-width: 768px) {
  .loan-contents#link1 .loan-content_lists li dl dd figure {
    flex-direction: inherit;
    align-items: center;
    min-height: 100%;
  }
  .loan-contents#link1 .loan-content_lists li dl dd figure figcaption {
    max-width: 190px;
    width: 54%;
  }
}
.loan-contents#link1 .loan-content_lists li dl dd p {
  line-height: 1.875;
}
@media screen and (max-width: 768px) {
  .loan-contents#link1 .loan-content_lists li dl dd p {
    font-size: 0.875rem;
  }
}
.loan-contents#link2 {
  padding-bottom: 154px;
}
@media screen and (max-width: 768px) {
  .loan-contents#link2 {
    padding-bottom: 5rem;
  }
}
.loan-contents#link2 h3 span:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 236px;
  height: 236px;
  left: -236px;
  bottom: -105px;
  background: url(../img/loan/lead2.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .loan-contents#link2 h3 span:before {
    width: 8.8125rem;
    height: 8.8125rem;
    left: -9.75rem;
    bottom: -3.8125rem;
  }
}
.loan-contents#link2 .loan-content_lists {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media screen and (max-width: 1024px) {
  .loan-contents#link2 .loan-content_lists {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 768px) {
  .loan-contents#link2 .loan-content_lists {
    max-width: 26.25rem;
    margin: 0 auto -1rem !important;
  }
}
.loan-contents#link2 .loan-content_lists li {
  width: 49%;
  border-radius: 13px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
@media screen and (max-width: 768px) {
  .loan-contents#link2 .loan-content_lists li {
    width: 100%;
    margin-bottom: 1rem;
  }
}
.loan-contents#link2 .loan-content_lists li:nth-of-type(1) img {
  max-width: 338px;
  width: 100%;
  margin: 0 auto 10px;
}
@media screen and (max-width: 768px) {
  .loan-contents#link2 .loan-content_lists li:nth-of-type(1) img {
    max-width: 292px;
    margin-bottom: 1.625rem;
  }
}
.loan-contents#link2 .loan-content_lists li:nth-of-type(1) dl dt {
  background: #F6AB28;
}
.loan-contents#link2 .loan-content_lists li:nth-of-type(2) img {
  max-width: 281px;
  width: 100%;
  margin: 0 auto 10px;
}
@media screen and (max-width: 768px) {
  .loan-contents#link2 .loan-content_lists li:nth-of-type(2) img {
    max-width: 248px;
    margin-inline: auto;
    margin-top: 1rem;
    margin-bottom: 1.5rem;
  }
}
.loan-contents#link2 .loan-content_lists li:nth-of-type(2) dl dt {
  background: #FF6E00;
}
.loan-contents#link2 .loan-content_lists li dl dt {
  padding-top: 0.8125rem;
  padding-bottom: 0.8125rem;
  color: #FFF;
  text-align: center;
  font-size: 1.25rem;
  font-weight: 500;
  background: #FF6E00;
  border-radius: 13px 13px 0 0;
}
.loan-contents#link2 .loan-content_lists li dl dd {
  padding: 0.875rem;
  background: #FFF7F0;
  border-radius: 0 0 13px 13px;
}
.loan-contents#link2 .loan-content_lists li dl dd figure {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 180px;
}
@media screen and (max-width: 768px) {
  .loan-contents#link2 .loan-content_lists li dl dd figure {
    min-height: auto;
  }
}
.loan-contents#link2 .loan-content_lists li dl dd p {
  line-height: 1.875;
}
@media screen and (max-width: 768px) {
  .loan-contents#link2 .loan-content_lists li dl dd p {
    font-size: 0.875rem;
  }
}
.loan-contents#link3 {
  padding-bottom: 167px;
}
@media screen and (max-width: 768px) {
  .loan-contents#link3 {
    padding-bottom: 5rem;
  }
}
.loan-contents#link3 h3 {
  padding-left: 180px;
}
@media screen and (max-width: 768px) {
  .loan-contents#link3 h3 {
    padding-left: 6.25rem;
  }
}
.loan-contents#link3 h3 span:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 236px;
  height: 236px;
  left: -236px;
  bottom: -86px;
  background: url(../img/loan/lead3.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .loan-contents#link3 h3 span:before {
    width: 8.8125rem;
    height: 8.8125rem;
    left: -9.75rem;
    bottom: -3.8125rem;
  }
}
.loan-contents#link3 .loan-content_lists {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 753px;
  margin: 0 auto !important;
}
@media screen and (max-width: 1024px) {
  .loan-contents#link3 .loan-content_lists {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 768px) {
  .loan-contents#link3 .loan-content_lists {
    max-width: 26.25rem;
    margin: 0 auto -1rem !important;
  }
}
.loan-contents#link3 .loan-content_lists li {
  border-radius: 13px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
@media screen and (max-width: 768px) {
  .loan-contents#link3 .loan-content_lists li {
    width: 100%;
    margin-bottom: 1rem;
  }
}
.loan-contents#link3 .loan-content_lists li:nth-of-type(1) {
  width: 32%;
  max-width: 239px;
}
@media screen and (max-width: 768px) {
  .loan-contents#link3 .loan-content_lists li:nth-of-type(1) {
    width: 100%;
    max-width: 100%;
  }
}
.loan-contents#link3 .loan-content_lists li:nth-of-type(1) dl dt {
  background: #F6AB28;
}
.loan-contents#link3 .loan-content_lists li:nth-of-type(1) .is_image img {
  max-width: 215px;
  width: 100%;
  margin: 0 auto;
}
.loan-contents#link3 .loan-content_lists li:nth-of-type(2) {
  width: 65%;
  max-width: 489px;
}
@media screen and (max-width: 768px) {
  .loan-contents#link3 .loan-content_lists li:nth-of-type(2) {
    width: 100%;
    max-width: 100%;
  }
}
.loan-contents#link3 .loan-content_lists li:nth-of-type(2) dl dt {
  background: #FF6E00;
}
.loan-contents#link3 .loan-content_lists li:nth-of-type(2) .is_images {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 434px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .loan-contents#link3 .loan-content_lists li:nth-of-type(2) .is_images {
    flex-direction: column;
  }
}
.loan-contents#link3 .loan-content_lists li:nth-of-type(2) .is_images img {
  max-width: 215px;
  width: 100%;
  margin: 0 auto;
}
.loan-contents#link3 .loan-content_lists li dl dt {
  padding-top: 0.8125rem;
  padding-bottom: 0.8125rem;
  color: #FFF;
  text-align: center;
  font-size: 1.25rem;
  font-weight: 500;
  background: #FF6E00;
  border-radius: 13px 13px 0 0;
}
.loan-contents#link3 .loan-content_lists li dl dt span {
  font-size: 1.5rem;
  text-decoration: underline;
}
.loan-contents#link3 .loan-content_lists li dl dd {
  min-height: 285px;
  padding: 0.875rem;
  background: #FFF7F0;
  border-radius: 0 0 13px 13px;
}
.loan-contents#link3 .textarea {
  margin-bottom: 2.5rem;
  text-align: center;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .loan-contents#link3 .textarea {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
    font-size: 0.875rem;
  }
}
.loan-contents#link4 {
  padding-bottom: 183px;
}
@media screen and (max-width: 768px) {
  .loan-contents#link4 {
    padding-bottom: 5rem;
  }
  .loan-contents#link4 .heading {
    padding-right: 1.25rem;
    padding-bottom: 2.1875rem;
    padding-left: 1.25rem;
  }
}
.loan-contents#link4 h3 span:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 236px;
  height: 236px;
  left: -241px;
  bottom: -78px;
  background: url(../img/loan/lead4.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .loan-contents#link4 h3 span:before {
    width: 8.8125rem;
    height: 8.8125rem;
    left: -10.125rem;
    bottom: -3.1875rem;
  }
}
.loan-contents#link4 .is_primary {
  color: #FFF;
  font-weight: 500;
  text-align: center;
  background: #5588C1;
  border-radius: 16px;
}
.loan-contents#link4 .is_secondary {
  color: #FFF;
  font-weight: 500;
  text-align: center;
  background: #E76F70;
  border-radius: 16px;
}
.loan-contents#link4 .textarea {
  margin-bottom: 30px;
  text-align: center;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .loan-contents#link4 .textarea {
    margin-bottom: 5rem;
    padding-right: 1.25rem;
    padding-left: 1.25rem;
    font-size: 0.875rem;
  }
}
.loan-contents#link4 .textarea div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 308px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .loan-contents#link4 .textarea div {
    max-width: 288px;
    margin: 3px auto;
  }
}
.loan-contents#link4 .textarea div .is_primary,
.loan-contents#link4 .textarea div .is_secondary {
  padding: 0 7px;
  font-size: 18px;
  letter-spacing: 0.1rem;
}
@media screen and (max-width: 768px) {
  .loan-contents#link4 .textarea div .is_primary,
.loan-contents#link4 .textarea div .is_secondary {
    font-size: 1rem;
  }
}
.loan-contents#link4 .loan-content_items {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 751px;
  margin: 0 auto 5rem;
}
@media screen and (max-width: 768px) {
  .loan-contents#link4 .loan-content_items {
    flex-direction: column;
    max-width: 420px;
    margin: 0 auto !important;
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
.loan-contents#link4 .loan-content_items .loan-content_item {
  max-width: 345px;
  width: 48%;
}
@media screen and (max-width: 768px) {
  .loan-contents#link4 .loan-content_items .loan-content_item {
    width: 100%;
    max-width: 100%;
    margin-bottom: 5rem;
  }
}
.loan-contents#link4 .loan-content_items .loan-content_item h4 {
  max-width: 201px;
  margin: 0 auto 23px;
  padding: 3px;
  font-size: 18px;
}
@media screen and (max-width: 768px) {
  .loan-contents#link4 .loan-content_items .loan-content_item h4 {
    max-width: 11.0625rem;
    font-size: 0.9375rem;
  }
}
.loan-contents#link4 .loan-content_items .loan-content_item img {
  margin: 0 auto 25px;
}
.loan-contents#link4 .loan-content_items .loan-content_item .loan-content__lists {
  padding: 13px;
  box-shadow: 10px 5px 10px rgba(0, 0, 0, 0.16);
}
.loan-contents#link4 .loan-content_items .loan-content_item .loan-content_lists {
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .loan-contents#link4 .loan-content_items .loan-content_item .loan-content_lists {
    font-size: 0.875rem;
  }
}
.loan-contents#link4 .loan-content_items .loan-content_item:nth-of-type(1) .loan-content__lists {
  border-left: solid 49px #94CBEF;
  background: #D6F1FF;
}
@media screen and (max-width: 768px) {
  .loan-contents#link4 .loan-content_items .loan-content_item:nth-of-type(1) .loan-content__lists {
    border-left: solid 43px #94CBEF;
  }
}
.loan-contents#link4 .loan-content_items .loan-content_item:nth-of-type(2) .loan-content__lists {
  border-left: solid 49px #E9839B;
  background: #FFC7D7;
}
@media screen and (max-width: 768px) {
  .loan-contents#link4 .loan-content_items .loan-content_item:nth-of-type(2) .loan-content__lists {
    border-left: solid 43px #E9839B;
  }
}
.loan-contents#link4 .loan-content_box {
  padding: 40px 55px 40px 89px;
  max-width: 751px;
  margin: 0 auto;
  background: #FEF6EE;
}
@media screen and (max-width: 768px) {
  .loan-contents#link4 .loan-content_box {
    margin-right: 1.25rem;
    margin-left: 1.25rem;
    padding-top: 1.1875rem;
    padding-right: 1rem;
    padding-bottom: 1rem;
    padding-left: 1rem;
  }
  .loan-contents#link4 .loan-content_box .inner {
    max-width: 304px;
    margin: 0 auto;
  }
  .loan-contents#link4 .loan-content_box picture {
    position: relative;
  }
  .loan-contents#link4 .loan-content_box picture:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 6.4375rem;
    height: 7.3125rem;
    left: 0.9375rem;
    top: -6.875rem;
    background: url(../img/loan/lead4_4.png);
    background-size: cover;
  }
}
.loan-contents#link4 .loan-content_box p {
  position: relative;
  max-width: 357px;
  margin-bottom: 1rem;
  margin-left: 129px;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .loan-contents#link4 .loan-content_box p {
    margin-inline: auto;
    margin-bottom: 5.6875rem;
    font-size: 0.875rem;
    text-align: right;
  }
}
@media screen and (max-width: 480px) {
  .loan-contents#link4 .loan-content_box p {
    max-width: 18.25rem;
    margin-bottom: 6.875rem;
  }
  .loan-contents#link4 .loan-content_box p br {
    display: none;
  }
}
.loan-contents#link4 .loan-content_box p:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 103px;
  height: 117px;
  left: -110px;
  top: -5px;
  background: url(../img/loan/lead4_4.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .loan-contents#link4 .loan-content_box p:before {
    display: none;
  }
}
.loan-contents#link5 {
  padding-bottom: 5rem;
}
.loan-contents#link5 h3 span:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 236px;
  height: 236px;
  left: -241px;
  bottom: -58px;
  background: url(../img/loan/lead5.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .loan-contents#link5 h3 span:before {
    width: 8.8125rem;
    height: 8.8125rem;
    left: -10.125rem;
    bottom: -2.75rem;
  }
}
.loan-contents#link5 p {
  text-align: center;
  line-height: 2;
}
.loan-contents#link5 p:first-child {
  margin-bottom: 2.5rem;
}
@media screen and (max-width: 768px) {
  .loan-contents#link5 p {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
    font-size: 0.875rem;
  }
}
.loan-contents#link5 img {
  max-width: 394px;
  width: 100%;
  margin: 0 auto 2.5rem;
}
@media screen and (max-width: 768px) {
  .loan-contents#link5 img {
    max-width: 281px;
  }
}

/* 何回でもご相談ください！ */
.loan-counseling {
  padding: 5rem 0 100px;
  background: #D0EFF4;
}
@media screen and (max-width: 768px) {
  .loan-counseling h2 {
    margin-bottom: 3.125rem;
  }
}
.loan-counseling h2 .is_secondary {
  position: relative;
  text-align: center;
  font-weight: 500;
  font-size: 32px;
}
.loan-counseling h2 .is_secondary:after {
  content: "";
  display: block;
  width: 89px;
  height: 28px;
  margin: 0.5rem auto 0;
  background: url(../img/common/heading_icon.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .loan-counseling h2 .is_secondary:after {
    width: 51px;
    height: 16px;
  }
}
@media screen and (max-width: 768px) {
  .loan-counseling h2 .is_secondary {
    font-size: 1.5rem;
  }
}
.loan-counseling picture img {
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .loan-counseling picture img {
    max-width: 337px;
    margin: 0 auto 2.5rem;
  }
}
.loan-counseling .button {
  position: relative;
  display: block;
  max-width: 338px;
  width: 100%;
  height: 60px;
  margin: 0 auto 96px;
  padding-left: 20px;
  line-height: 60px;
  text-align: center;
  text-decoration: none;
  color: #534741;
  font-size: 20px;
  letter-spacing: 0.1rem;
  background: #FFE33E;
  border-radius: 30px;
  transition: 0.4s;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
@media screen and (max-width: 768px) {
  .loan-counseling .button {
    max-width: 16.5rem;
    margin: 0 auto 5rem;
    padding-left: 0.8125rem;
    font-size: 1.125rem;
  }
}
.loan-counseling .button:after {
  content: "";
  display: inline-block;
  width: 0.4375rem;
  height: 0.875rem;
  margin-left: 20px;
  background: url(../img/top/fv_arrow1.png);
  background-size: cover;
  vertical-align: middle;
  transition: 0.4s;
}
@media screen and (max-width: 768px) {
  .loan-counseling .button:after {
    margin-left: 0.8125rem;
  }
}
.loan-counseling .button:hover {
  color: #FFE33E;
  background: #534741;
}
.loan-counseling .button:hover:after {
  content: "";
  display: inline-block;
  width: 0.4375rem;
  height: 0.875rem;
  transform: translateX(17px);
  background: url(../img/top/fv_arrow1_hover.png);
  background-size: cover;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .loan-counseling .button:hover:after {
    transform: translateX(6px);
  }
}
.loan-counseling .content {
  max-width: 1006px;
  margin: 0 auto;
}
.loan-counseling .content h3 img {
  max-width: 20.375rem;
  width: 100%;
  margin-bottom: 0.9375rem;
}
.loan-counseling .content .menu-common_buttons:nth-of-type(2) {
  justify-content: center;
  margin-top: 1.25rem !important;
}

/* planning */
.planning_page .breadcrumb_wrap {
  margin-bottom: 4.375rem;
}
.planning_page .recommend-common {
  width: 100%;
  padding: 1rem 0 5rem;
  background: linear-gradient(to bottom, rgba(255, 110, 0, 0.17), #FF6E00), url(../img/advice/recommend_bg.png);
}
@media screen and (max-width: 768px) {
  .planning_page .recommend-common {
    background: linear-gradient(to bottom, rgba(255, 110, 0, 0.17), #FF6E00), url(../img/advice/recommend_bg_sp.png);
  }
  .planning_page .recommend-common .recommend-commo_lists li {
    justify-content: flex-start;
  }
}

/* 適正予算診断とは？ */
.planning-about {
  width: 100%;
  background: url(../img/advice/wallet_bg.png);
  overflow: hidden;
}
.planning-about .l-contents {
  max-width: 1100px;
  margin: 0 auto;
  padding: 73px 0 5rem;
  background: #FFF;
}
@media screen and (max-width: 1024px) {
  .planning-about .l-contents {
    padding-top: 3.75rem;
    padding-bottom: 11.25rem;
    background: url(../img/advice/wallet_bg.png);
  }
  .planning-about .l-contents .l-content {
    padding-top: 1.75rem;
    padding-bottom: 5rem;
    background: #FFF;
  }
  .planning-about .l-contents .l-inner {
    padding: 0;
  }
}
.planning-about h2 {
  position: relative;
  max-width: 288px;
  margin: 0 auto 34px;
}
@media screen and (max-width: 768px) {
  .planning-about h2 {
    max-width: 13.5rem;
    margin-bottom: 3.75rem;
  }
}
.planning-about h2:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 129px;
  height: 158px;
  top: 0;
  left: -291px;
  background: url(../img/advice/about_decoration.png);
  background-size: cover;
}
@media screen and (max-width: 1024px) {
  .planning-about h2:before {
    left: -200px;
  }
}
@media screen and (max-width: 768px) {
  .planning-about h2:before {
    width: 5.5rem;
    height: 6.6875rem;
    top: 0.625rem;
    right: -5rem;
    left: inherit;
  }
}
.planning-about h2 .is_secondary {
  position: relative;
  text-align: center;
  font-weight: 500;
  font-size: 32px;
}
.planning-about h2 .is_secondary:after {
  content: "";
  display: block;
  width: 89px;
  height: 28px;
  margin: 0.5rem auto 0;
  background: url(../img/common/heading_icon.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .planning-about h2 .is_secondary:after {
    width: 51px;
    height: 16px;
  }
}
@media screen and (max-width: 768px) {
  .planning-about h2 .is_secondary {
    font-size: 1.5rem;
  }
}
.planning-about .textarea {
  margin-bottom: 5rem;
}
@media screen and (max-width: 768px) {
  .planning-about .textarea {
    margin-bottom: 3.125rem;
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
.planning-about .textarea p {
  line-height: 2;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .planning-about .textarea p {
    font-size: 0.875rem;
  }
}

.planning-about_lists {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 879px;
  margin: 0 auto !important;
}
@media screen and (max-width: 768px) {
  .planning-about_lists {
    flex-direction: column;
    padding-right: 1.25rem;
    padding-left: 1.25rem;
    max-width: 20.1875rem;
  }
}
.planning-about_lists li {
  width: 48%;
}
@media screen and (max-width: 768px) {
  .planning-about_lists li {
    width: 100%;
  }
  .planning-about_lists li:not(:last-child) {
    margin-bottom: 1.25rem;
  }
}

/* 適正予算診断で何がわかるの？ */
.planning-detail {
  position: relative;
  padding: 103px 0 0;
  background: #FFFAF2;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .planning-detail {
    padding-top: 3.5625rem;
  }
}
.planning-detail:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 4.5625rem;
  bottom: 0;
  left: 0;
  background: #B7DB7D;
}
.planning-detail h2 {
  margin-bottom: 2.5rem;
}
@media screen and (max-width: 768px) {
  .planning-detail h2 {
    margin-bottom: 3.125rem;
  }
}
.planning-detail h2 .is_secondary {
  position: relative;
  text-align: center;
  font-weight: 500;
  font-size: 32px;
}
.planning-detail h2 .is_secondary:after {
  content: "";
  display: block;
  width: 89px;
  height: 28px;
  margin: 0.5rem auto 0;
  background: url(../img/common/heading_icon.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .planning-detail h2 .is_secondary:after {
    width: 51px;
    height: 16px;
  }
}
@media screen and (max-width: 768px) {
  .planning-detail h2 .is_secondary {
    font-size: 1.5rem;
  }
}
.planning-detail .textarea {
  margin-bottom: 5rem;
}
@media screen and (max-width: 768px) {
  .planning-detail .textarea {
    margin-bottom: 3.125rem;
  }
}
.planning-detail .textarea p {
  line-height: 2;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .planning-detail .textarea p {
    font-size: 0.875rem;
  }
}
.planning-detail .bottom_image img {
  position: relative;
  margin-top: -95px;
  z-index: 1;
  bottom: 42px;
}
@media screen and (max-width: 1024px) {
  .planning-detail .bottom_image img {
    margin-top: -45px;
  }
}
@media screen and (max-width: 768px) {
  .planning-detail .bottom_image img {
    margin-top: -0.9375rem;
  }
}

.planning-detail_lists {
  position: relative;
  display: flex;
  justify-content: space-between;
  max-width: 1000px;
  margin: 0 auto !important;
}
@media screen and (max-width: 768px) {
  .planning-detail_lists {
    margin-bottom: 2.5rem !important;
  }
}
@media screen and (max-width: 768px) {
  .planning-detail_lists {
    flex-direction: column;
    align-items: center;
    max-width: 18.75rem;
  }
}
.planning-detail_lists:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 180px;
  height: 71px;
  top: -80px;
  right: -71px;
  background: url(../img/planning/detail_decoration2.png);
  background-size: cover;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .planning-detail_lists:after {
    width: 5.8125rem;
    height: 2.25rem;
    top: -2.8125rem;
    right: -2.3125rem;
  }
}
.planning-detail_lists:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 84px;
  height: 51px;
  top: -26px;
  left: -29px;
  background: url(../img/planning/detail_decoration1.png);
  background-size: cover;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .planning-detail_lists:before {
    width: 2.6875rem;
    height: 1.625rem;
    top: -0.875rem;
    left: -1.25rem;
  }
}
.planning-detail_lists li {
  color: #FFF;
}
.planning-detail_lists li:nth-of-type(1) {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 440px;
  width: 44%;
  height: 112px;
  font-size: 20px;
  font-weight: 500;
  background: #F6AB28;
  border-radius: 17px;
}
@media screen and (max-width: 768px) {
  .planning-detail_lists li:nth-of-type(1) {
    max-width: 100%;
    width: 100%;
    font-size: 1.125rem;
  }
}
.planning-detail_lists li:nth-of-type(2) {
  max-width: 62px;
  margin-top: 24px;
}
@media screen and (max-width: 768px) {
  .planning-detail_lists li:nth-of-type(2) {
    position: relative;
    margin: -26px 0;
    z-index: 2;
  }
}
.planning-detail_lists li:nth-of-type(3) {
  max-width: 440px;
  width: 44%;
  padding: 29px 0;
  background: #FF6E00;
  font-weight: 500;
  border-radius: 17px;
}
@media screen and (max-width: 768px) {
  .planning-detail_lists li:nth-of-type(3) {
    max-width: 100%;
    width: 100%;
  }
}
.planning-detail_lists li:nth-of-type(3) dl {
  text-align: center;
}
.planning-detail_lists li:nth-of-type(3) dl dt {
  max-width: 186px;
  margin-inline: auto;
  margin-bottom: 0.8125rem;
  padding-bottom: 0.5625rem;
  font-size: 20px;
  border-bottom: solid 1px #FFF;
}
@media screen and (max-width: 768px) {
  .planning-detail_lists li:nth-of-type(3) dl dt {
    font-size: 1.125rem;
  }
}
.planning-detail_lists li:nth-of-type(3) dl dd {
  font-size: 18px;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .planning-detail_lists li:nth-of-type(3) dl dd {
    font-size: 1rem;
  }
}

/* ご相談事例 */
.planning-case {
  padding-top: 5rem;
  padding-bottom: 6.25rem;
  width: 100%;
  background: url(../img/advice/case_bg.png);
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .planning-case {
    background: url(../img/advice/case_bg_sp.png);
  }
}
.planning-case h2 {
  position: relative;
  max-width: 160px;
  margin: 0 auto 123px;
  font-size: 32px;
}
@media screen and (max-width: 768px) {
  .planning-case h2 {
    max-width: 7.5rem;
    margin-inline: auto;
    margin-bottom: 4.5rem;
    font-size: 1.5rem;
  }
}
.planning-case h2:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 163px;
  height: 119px;
  top: 0;
  right: -186px;
  background: url(../img/planning/case_decoration1.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .planning-case h2:before {
    width: 6.875rem;
    height: 5.0625rem;
    right: -8rem;
  }
}
.planning-case h2 .is_secondary {
  position: relative;
  text-align: center;
  font-weight: 500;
}
.planning-case h2 .is_secondary:after {
  content: "";
  display: block;
  width: 89px;
  height: 28px;
  margin: 0.5rem auto 0;
  background: url(../img/common/heading_icon.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .planning-case h2 .is_secondary:after {
    width: 51px;
    height: 16px;
  }
}
.planning-case .note-box figure {
  align-items: flex-start;
}
@media screen and (max-width: 768px) {
  .planning-case .note-box figure {
    align-items: center;
  }
}
.planning-case .note-box figure:nth-of-type(1) {
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .planning-case .note-box figure:nth-of-type(1) {
    margin-bottom: 2.5rem;
  }
}
.planning-case .note-box figure:nth-of-type(1) img {
  max-width: 298px;
  width: 35%;
}
@media screen and (max-width: 768px) {
  .planning-case .note-box figure:nth-of-type(1) img {
    max-width: 16.4375rem;
    width: 100%;
    margin-bottom: 1.1875rem;
  }
}
.planning-case .note-box figure:nth-of-type(2) picture {
  max-width: 372px;
  width: 44%;
}
@media screen and (max-width: 768px) {
  .planning-case .note-box figure:nth-of-type(2) picture {
    max-width: 18.625rem;
    width: 100%;
    margin-bottom: 1.5rem;
  }
}
.planning-case .note-box .note-box_items {
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .planning-case .note-box .note-box_items {
    margin-bottom: 2.5rem;
  }
  .planning-case .note-box .note-box_items .note-box_item {
    margin-bottom: 1.875rem;
  }
}
.planning-case .note-boxItem_box {
  position: relative;
  max-width: 322px;
}
.planning-case .note-boxItem_box:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 105px;
  height: 60px;
  top: -7px;
  left: -18px;
  background: url(../img/planning/case_decoration4.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .planning-case .note-boxItem_box:before {
    width: 6rem;
    height: 3.4375rem;
    left: -1.375rem;
  }
}
.planning-case .note-boxItem_box:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 88px;
  height: 65px;
  top: 26px;
  right: -11px;
  background: url(../img/planning/case_decoration5.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .planning-case .note-boxItem_box:after {
    width: 5.0625rem;
    height: 3.6875rem;
    top: 2.0625rem;
  }
}
.planning-case .note-boxItem_box p {
  font-size: 14px;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .planning-case .note-boxItem_box p {
    font-size: 0.75rem;
  }
}
.planning-case .note-boxItem_box dl {
  margin-bottom: 1rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  background: #FCF7ED;
  border-radius: 49px;
}
.planning-case .note-boxItem_box dl dt {
  margin-bottom: 0.9375rem;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .planning-case .note-boxItem_box dl dt {
    font-size: 1.125rem;
  }
}
.planning-case .note-boxItem_box dl dd {
  line-height: 1.94;
  font-size: 18px;
}
@media screen and (max-width: 768px) {
  .planning-case .note-boxItem_box dl dd {
    font-size: 1rem;
  }
}
.planning-case .note-boxItem_box dl dd .lists {
  max-width: 207px;
  margin: 0 auto !important;
}
@media screen and (max-width: 768px) {
  .planning-case .note-boxItem_box dl dd .lists {
    max-width: 13.25rem;
  }
}
.planning-case .note-boxItem_box dl dd .lists li:before {
  content: "●";
  margin-right: 0.3125rem;
}

.planning-case_items {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 707px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .planning-case_items {
    align-items: center;
    max-width: 21.5rem;
    margin-bottom: 4rem;
  }
}
.planning-case_items picture {
  max-width: 237px;
  width: 34%;
}
@media screen and (max-width: 768px) {
  .planning-case_items picture {
    max-width: 7.625rem;
  }
}
.planning-case_items figcaption {
  max-width: 430px;
  width: 61%;
}
@media screen and (max-width: 768px) {
  .planning-case_items figcaption {
    max-width: 13.25rem;
  }
}
.planning-case_items figcaption div {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .planning-case_items figcaption div {
    flex-direction: column;
  }
}
.planning-case_items figcaption div dl {
  width: 48%;
}
@media screen and (max-width: 768px) {
  .planning-case_items figcaption div dl {
    width: 100%;
  }
}
.planning-case_items figcaption div dl dt {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 66px;
  margin-bottom: 8px;
  padding-left: 23px;
  color: #FFF;
  text-align: center;
  font-weight: 500;
  font-size: 18px;
  background: rgba(255, 110, 0, 0.8);
  border-radius: 12px;
}
@media screen and (max-width: 768px) {
  .planning-case_items figcaption div dl dt {
    height: auto;
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
    padding-left: 0.8125rem;
    font-size: 1rem;
  }
  .planning-case_items figcaption div dl dt p br {
    display: none;
  }
}
.planning-case_items figcaption div dl dt span:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 23px;
  height: 23px;
  top: 50%;
  transform: translateY(-50%);
  left: 0.875rem;
  background: url(../img/planning/case_icon.png);
  background-size: cover;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .planning-case_items figcaption div dl dt span:before {
    width: 0.8125rem;
    height: 0.8125rem;
  }
}
.planning-case_items figcaption div dl dd {
  line-height: 1.875;
}
@media screen and (max-width: 768px) {
  .planning-case_items figcaption div dl dd {
    font-size: 0.875rem;
  }
  .planning-case_items figcaption div dl dd br {
    display: none;
  }
  .planning-case_items figcaption div dl dd span {
    display: block;
  }
}

/* ご相談の流れ */
.planning-flow {
  margin: 5rem auto;
  padding: 0 60px;
}
@media screen and (max-width: 768px) {
  .planning-flow {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
@media screen and (max-width: 1235px) {
  .planning-flow .l-inner {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
.planning-flow .bg {
  width: 100%;
  padding: 46px 0 5rem;
  background: url(../img/common/pattern_bg.png);
  background-size: cover;
  border-radius: 230px;
}
@media screen and (max-width: 768px) {
  .planning-flow .bg {
    padding-top: 4.0625rem;
    padding-bottom: 5rem;
    background: url(../img/common/pattern_bg_sp.png);
    background-size: cover;
    border-radius: 3.8125rem;
  }
}
.planning-flow h2 {
  margin-bottom: 97px;
}
@media screen and (max-width: 768px) {
  .planning-flow h2 {
    margin-bottom: 2.9375rem;
  }
}
.planning-flow h2 .is_primary {
  position: relative;
  position: relative;
  max-width: 435px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .planning-flow h2 .is_primary {
    max-width: 17.6875rem;
  }
}
.planning-flow h2 .is_primary :before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 81px;
  height: 53px;
  left: 50%;
  top: -38px;
  transform: translateX(-50%);
  background: url(../img/advice/flow_decoration1.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .planning-flow h2 .is_primary :before {
    width: 3.3125rem;
    height: 2.125rem;
    top: -1.5625rem;
  }
}
.planning-flow h2 .is_secondary {
  position: relative;
  text-align: center;
  font-weight: 500;
  font-size: 48px;
}
.planning-flow h2 .is_secondary:after {
  content: "";
  display: block;
  width: 89px;
  height: 28px;
  margin: 0.5rem auto 0;
  background: url(../img/common/heading_icon.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .planning-flow h2 .is_secondary:after {
    width: 51px;
    height: 16px;
  }
}
@media screen and (max-width: 768px) {
  .planning-flow h2 .is_secondary {
    font-size: 1.875rem;
  }
}
.planning-flow .flow-common_lists li .heading {
  min-height: 176px;
}
@media screen and (max-width: 768px) {
  .planning-flow .flow-common_lists li .heading h3 {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
  }
}
.planning-flow .flow-common_lists li:nth-of-type(1) span:before {
  content: "";
  display: block;
  width: 7.625rem;
  height: 5.5625rem;
  background: url(../img/planning/flow1.png);
  background-size: cover;
}
.planning-flow .flow-common_lists li:nth-of-type(2) span:before {
  content: "";
  display: block;
  width: 7.125rem;
  height: 4.6875rem;
  background: url(../img/planning/flow2.png);
  background-size: cover;
}
.planning-flow .flow-common_lists li:nth-of-type(3) span:before {
  content: "";
  display: block;
  width: 7.625rem;
  height: 7.1875rem;
  background: url(../img/planning/flow3.png);
  background-size: cover;
}
.planning-flow .flow-common_lists li:nth-of-type(4) span:before {
  content: "";
  display: block;
  width: 4.0625rem;
  height: 7.25rem;
  margin-left: 2.0625rem;
  background: url(../img/planning/flow4.png);
  background-size: cover;
}
.planning-flow .flow-common_lists li:nth-of-type(5) span:before {
  content: "";
  display: block;
  width: 5.9375rem;
  height: 6.4375rem;
  background: url(../img/planning/flow5.png);
  background-size: cover;
}

/* リンク */
.planning-links {
  padding: 80px 0 100px;
  background: #D0EFF4;
}
.planning-links .content {
  max-width: 1006px;
  margin: 0 auto;
}
.planning-links .content:nth-of-type(1) {
  margin-bottom: 5rem;
}
@media screen and (max-width: 768px) {
  .planning-links .content:nth-of-type(1) {
    margin-bottom: 2.5rem;
  }
}
.planning-links .content h2 img {
  max-width: 326px;
  width: 100%;
  margin-bottom: 15px;
}

/*follow  */
/* 安心のアフターサービス */
.follow-service {
  width: 100%;
  padding: 1rem 0 114px;
  background: url(../img/follow/service_bg.png);
}
@media screen and (max-width: 768px) {
  .follow-service {
    padding-bottom: 6.0625rem;
    background: url(../img/follow/service_bg_sp.png);
  }
}
.follow-service .breadcrumb_wrap {
  margin-bottom: 4.375rem;
}
.follow-service h2 {
  margin-bottom: 2.5rem;
}
.follow-service h2 .is_secondary {
  position: relative;
  text-align: center;
  font-weight: 500;
  font-size: 32px;
}
.follow-service h2 .is_secondary:after {
  content: "";
  display: block;
  width: 89px;
  height: 28px;
  margin: 0.5rem auto 0;
  background: url(../img/common/heading_icon.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .follow-service h2 .is_secondary:after {
    width: 51px;
    height: 16px;
  }
}
@media screen and (max-width: 768px) {
  .follow-service h2 .is_secondary {
    font-size: 1.5rem;
  }
}
.follow-service .textarea {
  margin-bottom: 2.5rem;
}
.follow-service .textarea p {
  text-align: center;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .follow-service .textarea p {
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 768px) {
  .follow-service .textarea {
    margin-bottom: 0.3125rem;
  }
}
.follow-service picture img {
  max-width: 767px;
  width: 100%;
  margin: 0 auto;
}

/* どんな相談にも対応します */
.follow-counseling {
  width: 100%;
  padding: 5rem 0;
  background: url(../img/follow/counseling_bg.png);
}
@media screen and (max-width: 768px) {
  .follow-counseling {
    padding-top: 6.25rem;
    background: url(../img/follow/counseling_bg_sp.png);
  }
}
.follow-counseling h2 {
  position: relative;
  max-width: 384px;
  margin: 0 auto 35px;
}
@media screen and (max-width: 768px) {
  .follow-counseling h2 {
    max-width: 18rem;
    margin-bottom: 2.5rem;
  }
}
.follow-counseling h2 .is_secondary {
  position: relative;
  text-align: center;
  font-weight: 500;
  font-size: 32px;
}
.follow-counseling h2 .is_secondary:after {
  content: "";
  display: block;
  width: 89px;
  height: 28px;
  margin: 0.5rem auto 0;
  background: url(../img/common/heading_icon.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .follow-counseling h2 .is_secondary:after {
    width: 51px;
    height: 16px;
  }
}
@media screen and (max-width: 768px) {
  .follow-counseling h2 .is_secondary {
    font-size: 1.5rem;
  }
}
.follow-counseling h2:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 96px;
  height: 135px;
  top: 0;
  right: -97px;
  background: url(../img/follow/counseling_decoration1.png);
  background-size: cover;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .follow-counseling h2:after {
    width: 4.75rem;
    height: 6.6875rem;
    top: 4.4375rem;
    right: -1.9375rem;
  }
}
.follow-counseling .textarea p {
  line-height: 2;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .follow-counseling .textarea p {
    font-size: 0.875rem;
  }
}

.follow-counseling_box {
  position: relative;
  max-width: 545px;
  margin: 0 auto 40px;
}
@media screen and (max-width: 768px) {
  .follow-counseling_box {
    max-width: 20.9375rem;
  }
  .follow-counseling_box img {
    height: 26.875rem;
  }
}
@media screen and (max-width: 768px) and (max-width: 380px) {
  .follow-counseling_box img {
    height: 30.625rem;
  }
}
.follow-counseling_box .lists {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 455px;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .follow-counseling_box .lists {
    padding-right: 1.25rem !important;
    padding-left: 1.25rem !important;
    font-size: 1rem;
  }
}
.follow-counseling_box .lists li {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 2.5;
  text-indent: -1.625rem;
  padding-left: 1.625rem;
}
.follow-counseling_box .lists li:before {
  content: "";
  display: inline-block;
  width: 1.1875rem;
  height: 1.1875rem;
  margin-right: 0.5rem;
  background: url(../img/follow/counseling_check.png);
  background-size: cover;
  vertical-align: middle;
}

/* ご相談事例 */
.follow-case {
  padding: 5rem 0 100px;
  width: 100%;
  background: url(../img/advice/case_bg.png);
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .follow-case {
    padding-bottom: 4.875rem;
    background: url(../img/advice/case_bg_sp.png);
  }
}
.follow-case h2 {
  position: relative;
  max-width: 160px;
  margin: 0 auto 120px;
}
@media screen and (max-width: 768px) {
  .follow-case h2 {
    max-width: 7.5rem;
    margin-bottom: 3.375rem;
  }
}
.follow-case h2:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 163px;
  height: 119px;
  right: -186px;
  top: 0;
  background: url(../img/advice/case_decoration1.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .follow-case h2:before {
    width: 6.875rem;
    height: 5.0625rem;
    right: -7rem;
    top: -0.3125rem;
  }
}
.follow-case .is_secondary {
  position: relative;
  text-align: center;
  font-weight: 500;
  font-size: 32px;
}
.follow-case .is_secondary:after {
  content: "";
  display: block;
  width: 89px;
  height: 28px;
  margin: 0.5rem auto 0;
  background: url(../img/common/heading_icon.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .follow-case .is_secondary:after {
    width: 51px;
    height: 16px;
  }
}
@media screen and (max-width: 768px) {
  .follow-case .is_secondary {
    font-size: 1.5rem;
  }
}
.follow-case .note-box_wrap {
  overflow: hidden;
  padding-top: 1.25rem;
  box-shadow: 10px 10px 6px rgba(0, 0, 0, 0.16);
}
.follow-case .note-box .heading_primary {
  background: #582207;
}
.follow-case .note-box figure:nth-of-type(1) {
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .follow-case .note-box figure:nth-of-type(1) {
    margin-bottom: 2.9375rem;
  }
}
.follow-case .note-box figure:nth-of-type(1) img {
  max-width: 260px;
  width: 31%;
}
@media screen and (max-width: 768px) {
  .follow-case .note-box figure:nth-of-type(1) img {
    width: 100%;
    margin-bottom: 2.5rem;
  }
}
.follow-case .note-box figure:nth-of-type(2) {
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .follow-case .note-box figure:nth-of-type(2) {
    margin-bottom: 1.5rem;
  }
  .follow-case .note-box figure:nth-of-type(2) figcaption {
    margin-bottom: 2.5rem;
  }
}
.follow-case .note-box figure:nth-of-type(2) picture {
  position: absolute;
  right: 0;
  max-width: 470px;
  width: 67%;
  margin-right: -124px;
}
@media screen and (max-width: 1110px) {
  .follow-case .note-box figure:nth-of-type(2) picture {
    width: 58%;
    margin-right: -6.625rem;
  }
}
@media screen and (max-width: 768px) {
  .follow-case .note-box figure:nth-of-type(2) picture {
    position: relative;
    width: 100%;
    margin-left: auto;
    margin-right: -1.25rem;
  }
}
.follow-case .note-box figure:nth-of-type(3) picture {
  max-width: 355px;
  width: 42%;
}
@media screen and (max-width: 768px) {
  .follow-case .note-box figure:nth-of-type(3) picture {
    width: 100%;
    margin-bottom: 3.125rem;
  }
}

/* ご相談の流れ */
.follow-flow {
  margin: 5rem auto;
  padding: 0 60px;
  overflow: hidden;
}
@media screen and (max-width: 1235px) {
  .follow-flow .l-inner {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
@media screen and (max-width: 768px) {
  .follow-flow {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
.follow-flow .bg {
  width: 100%;
  padding: 46px 0 5rem;
  background: url(../img/common/pattern_bg.png);
  background-size: cover;
  border-radius: 230px;
}
@media screen and (max-width: 768px) {
  .follow-flow .bg {
    padding-top: 4.0625rem;
    background: url(../img/common/pattern_bg_sp.png);
    background-size: cover;
    border-radius: 3.8125rem;
  }
}
.follow-flow h2 {
  margin-bottom: 97px;
}
@media screen and (max-width: 768px) {
  .follow-flow h2 {
    margin-bottom: 2.9375rem;
  }
}
.follow-flow h2 .is_primary {
  position: relative;
  max-width: 435px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .follow-flow h2 .is_primary {
    max-width: 17.6875rem;
  }
}
.follow-flow h2 .is_primary:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 81px;
  height: 53px;
  left: 50%;
  top: -38px;
  transform: translateX(-50%);
  background: url(../img/advice/flow_decoration1.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .follow-flow h2 .is_primary:before {
    width: 3.3125rem;
    height: 2.125rem;
    top: -1.5625rem;
  }
}
.follow-flow h2 .is_secondary {
  position: relative;
  text-align: center;
  font-weight: 500;
  font-size: 48px;
}
.follow-flow h2 .is_secondary:after {
  content: "";
  display: block;
  width: 89px;
  height: 28px;
  margin: 0.5rem auto 0;
  background: url(../img/common/heading_icon.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .follow-flow h2 .is_secondary:after {
    width: 51px;
    height: 16px;
  }
}
@media screen and (max-width: 768px) {
  .follow-flow h2 .is_secondary {
    font-size: 1.875rem;
  }
}
.follow-flow .flow-common_lists li:nth-of-type(1) .textarea span:before {
  content: "";
  display: inline-block;
  width: 7.625rem;
  height: 5.5625rem;
  background: url(../img/follow/flow1.png);
  background-size: cover;
}
.follow-flow .flow-common_lists li:nth-of-type(2) .textarea span:before {
  content: "";
  display: inline-block;
  width: 7.125rem;
  height: 4.6875rem;
  background: url(../img/follow/flow2.png);
  background-size: cover;
}
.follow-flow .flow-common_lists li:nth-of-type(3) .textarea span:before {
  content: "";
  display: inline-block;
  position: relative;
  width: 4.0625rem;
  height: 7.25rem;
  bottom: -1rem;
  left: 1.5rem;
  background: url(../img/follow/flow3.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .follow-flow .flow-common_lists li:nth-of-type(3) .textarea span:before {
    position: inherit;
  }
}

.flow-common_lists li .textarea {
  display: flex;
  align-items: center;
  min-height: 140px;
  padding-right: 2.5rem;
  padding-left: 2.5rem;
  background: #FFF;
  border-radius: 20px;
}
@media screen and (max-width: 768px) {
  .flow-common_lists li .textarea {
    flex-direction: column;
    justify-content: center;
    min-height: 12.5rem;
  }
}
.flow-common_lists li .textarea span {
  width: 160px;
}
@media screen and (max-width: 768px) {
  .flow-common_lists li .textarea span {
    width: inherit;
  }
}
.flow-common_lists li .textarea p {
  font-size: 30px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .flow-common_lists li .textarea p {
    margin-top: 1.5625rem;
    font-size: 1rem;
  }
}

/* リンク */
.follow-links {
  padding: 80px 0 100px;
  background: #D0EFF4;
}
@media screen and (max-width: 768px) {
  .follow-links {
    padding: 5rem 0;
  }
}
.follow-links .content {
  max-width: 1006px;
  margin: 0 auto;
}
.follow-links .content:nth-of-type(1) {
  margin-bottom: 5rem;
}
.follow-links .content h2 img {
  max-width: 326px;
  width: 100%;
  margin-bottom: 0.9375rem;
}

/* choose */
/* こんなお悩みありませんか？ */
.choose_page .breadcrumb_wrap {
  margin-bottom: 71px;
}
.choose_page .recommend-common {
  width: 100%;
  padding: 1rem 0 5rem;
  background: linear-gradient(to bottom, rgba(68, 168, 19, 0.17), #44A813), url(../img/advice/recommend_bg.png);
}
@media screen and (max-width: 768px) {
  .choose_page .recommend-common {
    background: linear-gradient(to bottom, rgba(68, 168, 19, 0.17), #44A813), url(../img/advice/recommend_bg_sp.png);
  }
}
.choose_page .recommend-common .textarea {
  text-align: center;
}
.choose_page .recommend-common .textarea p {
  color: #FFF;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .choose_page .recommend-common .textarea p {
    font-size: 0.875rem;
  }
}
.choose_page .recommend-commo_lists {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  max-width: 708px;
  margin: 0 auto 2.5rem !important;
}
@media screen and (max-width: 768px) {
  .choose_page .recommend-commo_lists {
    max-width: 500px;
  }
}
@media screen and (max-width: 480px) {
  .choose_page .recommend-commo_lists {
    max-width: 20.9375rem;
  }
}
.choose_page .recommend-commo_lists:before {
  right: inherit;
  left: 52%;
  transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
  .choose_page .recommend-commo_lists:before {
    right: -3.125rem;
    left: inherit;
  }
}
.choose_page .recommend-commo_lists li {
  width: 49%;
}
@media screen and (max-width: 768px) {
  .choose_page .recommend-commo_lists li {
    width: 100%;
    justify-content: space-between;
  }
}
.choose_page .recommend-commo_lists li:nth-of-type(2) {
  position: relative;
}
.choose_page .recommend-commo_lists li:nth-of-type(2):after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 123px;
  height: 88px;
  top: -8px;
  right: -58px;
  background: url(../img/choose/recommend_decoration.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .choose_page .recommend-commo_lists li:nth-of-type(2):after {
    width: 4.0625rem;
    height: 2.9375rem;
    top: 0.9375rem;
    right: 1.875rem;
  }
}

/* 会社選びのポイント */
.choose-point {
  width: 100%;
  background: url(../img/choose/point_bg.png);
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  .choose-point {
    background: none;
  }
}
.choose-point .l-contents {
  max-width: 1100px;
  margin: 0 auto;
  padding-top: 5rem;
  padding-bottom: 7.3125rem;
  background: #FFF;
}
@media screen and (max-width: 1235px) {
  .choose-point .l-contents .l-inner {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
@media screen and (max-width: 1024px) {
  .choose-point .l-contents {
    padding-top: 3.75rem;
    padding-bottom: 11.25rem;
    background: url(../img/choose/point_bg.png);
  }
  .choose-point .l-contents .l-content {
    padding-top: 1.75rem;
    padding-bottom: 5rem;
    background: #FFF;
  }
  .choose-point .l-contents .l-inner {
    padding: 0;
  }
  .choose-point .l-contents .inner {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
@media screen and (max-width: 768px) {
  .choose-point .l-contents {
    background: url(../img/choose/point_bg_sp.png);
  }
}
.choose-point .l-contents .textarea {
  margin-bottom: 2.5rem;
}
@media screen and (max-width: 768px) {
  .choose-point .l-contents .textarea {
    margin-bottom: 2.375rem;
  }
}
.choose-point .l-contents .textarea p {
  text-align: center;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .choose-point .l-contents .textarea p {
    font-size: 0.875rem;
  }
}
.choose-point h2 {
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .choose-point h2 {
    margin-bottom: 3.75rem;
  }
}
.choose-point h2 .is_secondary {
  position: relative;
  text-align: center;
  font-weight: 500;
  font-size: 32px;
}
.choose-point h2 .is_secondary:after {
  content: "";
  display: block;
  width: 89px;
  height: 28px;
  margin: 0.5rem auto 0;
  background: url(../img/common/heading_icon.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .choose-point h2 .is_secondary:after {
    width: 51px;
    height: 16px;
  }
}
@media screen and (max-width: 768px) {
  .choose-point h2 .is_secondary {
    font-size: 1.5rem;
  }
}
.choose-point h3 {
  position: relative;
  max-width: 600px;
  margin-inline: auto;
  margin-bottom: 95px;
  padding: 8px 0;
  text-align: center;
  color: #FFF;
  font-size: 24px;
  font-weight: 500;
  background: #534741;
  border-radius: 25px;
}
.choose-point h3:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 99px;
  height: 66px;
  right: 34px;
  top: -15px;
  background: url(../img/choose/point_decoration1.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .choose-point h3:after {
    width: 4.0625rem;
    height: 2.6875rem;
    right: 0;
    top: 0.5rem;
  }
}
@media screen and (max-width: 768px) {
  .choose-point h3 {
    margin-bottom: 3.5rem;
  }
}
.choose-point .talbe_wrap {
  margin-bottom: 88px;
}
@media screen and (max-width: 768px) {
  .choose-point .talbe_wrap {
    margin-bottom: 6.25rem;
  }
}
.choose-point table {
  width: 1000px;
  margin: 0 auto;
  border-collapse: collapse;
}
@media screen and (max-width: 480px) {
  .choose-point table {
    max-width: 41.5625rem;
  }
}
.choose-point table .bg_white {
  background: #FFF;
}
.choose-point table .bg_light {
  background: #FAF9F9;
}
.choose-point table th {
  width: 20%;
  border: solid 1px #EBEBEB;
}
.choose-point table th.blank {
  border: none;
}
.choose-point table th.bg_gray {
  padding-top: 1.4375rem;
  padding-bottom: 1.4375rem;
  color: #FFF;
  font-size: 1.125rem;
  font-weight: 500;
  background: #7F7F7F;
}
.choose-point table th.is_color {
  padding-top: 2rem;
  padding-bottom: 2.125rem;
}
@media screen and (max-width: 768px) {
  .choose-point table th.is_color {
    padding: 0;
  }
}
.choose-point table th.is_color a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  text-decoration: none;
  color: #FF6E00;
  font-size: 18px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .choose-point table th.is_color a {
    height: 5.1875rem;
    font-size: 1rem;
  }
}
.choose-point table th.is_color a:after {
  content: "";
  display: inline-block;
  width: 0.8125rem;
  height: 0.5rem;
  margin-left: 0.625rem;
  background: url(../img/choose/point_decoration2.png);
  background-size: cover;
  vertical-align: middle;
}
.choose-point table td {
  text-align: center;
  color: #7F7F7F;
  border: solid 1px #EBEBEB;
}
@media screen and (max-width: 768px) {
  .choose-point table td {
    font-size: 0.875rem;
  }
  .choose-point table td p {
    margin-left: 0.75rem;
  }
  .choose-point table td p.is_small {
    line-height: 1.357;
  }
  .choose-point table td div {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.choose-point table td .is_triangle:before {
  content: "";
  display: block;
  width: 1.25rem;
  height: 1.125rem;
  margin: 0 auto 10px;
  background: url(../img/choose/point_decoration3.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .choose-point table td .is_triangle:before {
    margin: 0;
  }
}
.choose-point table td .is_double:before {
  content: "";
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  margin: 0 auto 10px;
  background: url(../img/choose/point_decoration4.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .choose-point table td .is_double:before {
    margin: 0;
  }
}
.choose-point table td .is_circle:before {
  content: "";
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  margin: 0 auto 10px;
  background: url(../img/choose/point_decoration5.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .choose-point table td .is_circle:before {
    margin: 0;
  }
}
.choose-point table td .is_cross:before {
  content: "";
  display: block;
  width: 0.75rem;
  height: 0.75rem;
  margin: 0 auto 10px;
  background: url(../img/choose/point_decoration6.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .choose-point table td .is_cross:before {
    margin: 0;
  }
}

.choose-point_lists {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}
.choose-point_lists li {
  max-width: 150px;
}
@media screen and (max-width: 768px) {
  .choose-point_lists li {
    margin-bottom: 1.25rem;
  }
}
.choose-point_lists li .image_wrap {
  position: relative;
}
.choose-point_lists li .content {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.choose-point_lists li .content p {
  text-align: center;
  color: #FFF;
  font-weight: 500;
  line-height: 1.2;
}
.choose-point_lists li.item_1 .content:before {
  content: "";
  display: block;
  width: 2.875rem;
  height: 4.25rem;
  margin-inline: auto;
  margin-bottom: 0.625rem;
  background: url(../img/choose/point_1.png);
  background-size: cover;
}
.choose-point_lists li.item_2 .content:before {
  content: "";
  display: block;
  width: 3.9375rem;
  height: 3.5rem;
  margin-inline: auto;
  margin-bottom: 0.875rem;
  background: url(../img/choose/point_2.png);
  background-size: cover;
}
.choose-point_lists li.item_3 .content:before {
  content: "";
  display: block;
  width: 3rem;
  height: 4rem;
  margin-inline: auto;
  margin-bottom: 0.5625rem;
  background: url(../img/choose/point_3.png);
  background-size: cover;
}
.choose-point_lists li.item_4 .content:before {
  content: "";
  display: block;
  width: 3.625rem;
  height: 3.6875rem;
  margin-inline: auto;
  margin-bottom: 1rem;
  background: url(../img/choose/point_4.png);
  background-size: cover;
}
.choose-point_lists li.item_5 .content:before {
  content: "";
  display: block;
  width: 3.6875rem;
  height: 3.6875rem;
  margin-inline: auto;
  margin-bottom: 1.125rem;
  background: url(../img/choose/point_5.png);
  background-size: cover;
}
.choose-point_lists li.item_6 .content:before {
  content: "";
  display: block;
  width: 3.5625rem;
  height: 3.5625rem;
  margin-inline: auto;
  margin: 0 auto 16px;
  background: url(../img/choose/point_6.png);
  background-size: cover;
}
.choose-point_lists li.item_7 .content:before {
  content: "";
  display: block;
  width: 4rem;
  height: 4rem;
  margin-inline: auto;
  margin-bottom: 0.6875rem;
  background: url(../img/choose/point_7.png);
  background-size: cover;
}
.choose-point_lists li.item_8 .content:before {
  content: "";
  display: block;
  width: 3.8125rem;
  height: 3.4375rem;
  margin-inline: auto;
  margin-bottom: 1.1875rem;
  background: url(../img/choose/point_8.png);
  background-size: cover;
}
.choose-point_lists li.item_9 .content:before {
  content: "";
  display: block;
  width: 4.3125rem;
  height: 3.4375rem;
  margin-inline: auto;
  margin-bottom: 1rem;
  background: url(../img/choose/point_9.png);
  background-size: cover;
}
.choose-point_lists:nth-of-type(1) {
  max-width: 832px;
  margin: 0 auto 20px !important;
}
@media screen and (max-width: 768px) {
  .choose-point_lists:nth-of-type(1) {
    max-width: 20.9375rem;
    margin: 0 auto !important;
  }
}
.choose-point_lists:nth-of-type(1) li {
  width: 19%;
}
@media screen and (max-width: 768px) {
  .choose-point_lists:nth-of-type(1) li {
    width: 48%;
  }
}
.choose-point_lists:nth-of-type(2) {
  max-width: 660px;
  margin: 0 auto 125px !important;
}
@media screen and (max-width: 768px) {
  .choose-point_lists:nth-of-type(2) {
    max-width: 20.9375rem;
    margin-bottom: 6.875rem !important;
  }
}
.choose-point_lists:nth-of-type(2) li {
  width: 24%;
}
@media screen and (max-width: 768px) {
  .choose-point_lists:nth-of-type(2) li {
    width: 48%;
  }
}

.choose-point_buttons {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  row-gap: 20px;
  -moz-column-gap: 44px;
       column-gap: 44px;
  max-width: 900px;
  margin-inline: auto;
  margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
  .choose-point_buttons {
    row-gap: 1rem;
    grid-template-columns: 1fr;
    margin-bottom: 4rem;
  }
}

.choose-point_button {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 271px;
  width: 100%;
  height: 84px;
  color: #534741;
  font-size: 24px;
  text-decoration: none;
  border: solid 2px #534741;
  background: #FCF7ED;
  border-radius: 50px;
  transition: 0.4s ease;
}
.choose-point_button:hover {
  color: #FFFFFF;
  background: #534741;
}
.choose-point_button:hover::after {
  border-color: transparent transparent transparent #FFFFFF;
}
.choose-point_button:after {
  content: "";
  display: inline-block;
  margin-left: 20px;
  border-style: solid;
  border-width: 8px 0 8px 12px;
  border-color: transparent transparent transparent #534741;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .choose-point_button {
    max-width: 16.75rem;
    height: 3.75rem;
    margin-inline: auto;
    font-size: 1.25rem;
  }
}

.choose-point_detail {
  position: relative;
  max-width: 900px;
  margin: 0 auto;
  padding-top: 3.75rem;
  padding-right: 1.0625rem;
  padding-bottom: 68px;
  padding-left: 1.0625rem;
  border: solid 1px #FF6E00;
  border-radius: 107px;
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.5);
}
@media screen and (max-width: 768px) {
  .choose-point_detail {
    max-width: 34.375rem;
    padding-bottom: 1.375rem;
    border-radius: 2.6875rem;
  }
}
.choose-point_detail:not(:last-child) {
  margin-bottom: 5rem;
}
.choose-point_detail:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 216px;
  height: 216px;
  top: 60px;
  left: 228px;
  background: url(../img/choose/detail_circle.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .choose-point_detail:before {
    width: 8.4375rem;
    height: 8.4375rem;
    top: 2.5rem;
    left: inherit;
    right: 0.75rem;
  }
}
.choose-point_detail .inner {
  max-width: 782px;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  .choose-point_detail .inner {
    padding: 0 !important;
  }
}
.choose-point_detail h4 {
  position: relative;
  margin-bottom: 11px;
  color: #FF6E00;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .choose-point_detail h4 {
    margin-bottom: 1.25rem;
  }
}
.choose-point_detail h4 span:nth-of-type(1) {
  display: block;
  margin-bottom: 0.6875rem;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .choose-point_detail h4 span:nth-of-type(1) {
    font-size: 0.9375rem;
  }
}
.choose-point_detail h4 span:nth-of-type(2) {
  font-size: 1.75rem;
  font-weight: 500;
  letter-spacing: 0.1rem;
}
.choose-point_detail figure {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin: 53px auto 74px;
}
@media screen and (max-width: 768px) {
  .choose-point_detail figure {
    display: block;
    margin-top: 0;
    margin-bottom: 3.875rem;
  }
}
.choose-point_detail figure figcaption {
  max-width: 483px;
  width: 62%;
}
@media screen and (max-width: 768px) {
  .choose-point_detail figure figcaption {
    max-width: 100%;
    width: 100%;
  }
}
.choose-point_detail figure figcaption p {
  position: relative;
  line-height: 1.875;
}
@media screen and (max-width: 768px) {
  .choose-point_detail figure figcaption p {
    font-size: 0.875rem;
  }
}
.choose-point_detail .is_text {
  display: flex;
  align-items: center;
  justify-content: center;
}
.choose-point_detail .is_text .is_chat:before {
  content: "";
  display: inline-block;
  width: 7.625rem;
  height: 7.625rem;
  background: url(../img/choose/detail_decoration3.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .choose-point_detail .is_text .is_chat:before {
    margin-left: -2.5rem;
  }
}
.choose-point_detail .is_text .is_icon:after {
  content: "";
  display: inline-block;
  width: 1.75rem;
  height: 1.875rem;
  margin-left: 0.625rem;
  background: url(../img/choose/detail_decoration4.png);
  background-size: cover;
  vertical-align: middle;
}
.choose-point_detail .is_text p {
  font-weight: 500;
  font-size: 1.125rem;
}
@media screen and (max-width: 768px) {
  .choose-point_detail .is_text p {
    text-align: center;
    font-size: 0.875rem;
    white-space: nowrap;
  }
}
.choose-point_detail .is_text p:after {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background: url(../img/choose/detail_decoration5.png) right;
  background-size: cover;
}
.choose-point_detail .is_text p .is_large {
  font-size: 24px;
}
@media screen and (max-width: 768px) {
  .choose-point_detail .is_text p .is_large {
    font-size: 1.25rem;
  }
}
.choose-point_detail .is_text p .is_small {
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  .choose-point_detail .is_text p .is_small {
    font-size: 0.875rem;
  }
}

.choose-point_detail.detail1 figure img {
  max-width: 231px;
  width: 28%;
}
@media screen and (max-width: 768px) {
  .choose-point_detail.detail1 figure img {
    position: absolute;
    max-width: 100px;
    width: 100%;
    top: 3.125rem;
    right: 0.75rem;
  }
}
.choose-point_detail.detail2 figure img {
  max-width: 194px;
  width: 25%;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .choose-point_detail.detail2 figure img {
    position: absolute;
    max-width: 6.4375rem;
    width: 100%;
    top: 1.375rem;
    right: 1.0625rem;
  }
}
.choose-point_detail.detail3 figure img {
  max-width: 224px;
  width: 30%;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .choose-point_detail.detail3 figure img {
    position: absolute;
    max-width: 100px;
    width: 100%;
    top: 2.5rem;
    right: 0.625rem;
  }
}
.choose-point_detail.detail4 figure img {
  max-width: 158px;
  width: 21%;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .choose-point_detail.detail4 figure img {
    position: absolute;
    max-width: 100px;
    width: 100%;
    top: 1.5rem;
    right: 1.0625rem;
  }
}

.choose-point_detail_lists {
  position: absolute;
  padding-right: 20px;
  top: 60px;
  left: 330px;
}
@media screen and (max-width: 1024px) {
  .choose-point_detail_lists {
    top: 2.5rem;
    left: 18.125rem;
  }
}
@media screen and (max-width: 768px) {
  .choose-point_detail_lists {
    position: relative;
    top: 0;
    left: 0;
    margin-bottom: 2.5rem !important;
    padding: 0;
  }
}
.choose-point_detail_lists li {
  text-indent: -1.625rem;
  padding-left: 1.625rem;
  font-size: 18px;
  line-height: 2.2;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .choose-point_detail_lists li {
    font-size: 1rem;
    line-height: 1.5;
  }
  .choose-point_detail_lists li:not(:last-child) {
    margin-bottom: 1rem;
  }
}
.choose-point_detail_lists li:before {
  content: "";
  display: inline-block;
  width: 1.1875rem;
  height: 1.1875rem;
  margin-right: 0.5rem;
  background: url(../img/advice/recommend_check.png);
  background-size: cover;
  vertical-align: middle;
}

.choose-point_detail_items {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .choose-point_detail_items {
    flex-direction: column;
  }
}
.choose-point_detail_items dl {
  max-width: 357px;
  width: 48%;
}
@media screen and (max-width: 768px) {
  .choose-point_detail_items dl {
    max-width: 100%;
    width: 100%;
  }
  .choose-point_detail_items dl:nth-of-type(1) {
    margin-bottom: 3.375rem;
  }
}
.choose-point_detail_items dl dt {
  position: relative;
  margin-bottom: 25px;
  padding-top: 0.4375rem;
  padding-bottom: 0.4375rem;
  padding-left: 86px;
  color: #FFF;
  font-size: 20px;
  font-weight: 500;
  border-radius: 20px;
}
@media screen and (max-width: 768px) {
  .choose-point_detail_items dl dt {
    margin-bottom: 1rem;
    padding-left: 4.6875rem;
    font-size: 1rem;
  }
}
.choose-point_detail_items dl:nth-of-type(1) dt {
  background: #FF6E00;
}
.choose-point_detail_items dl:nth-of-type(1) dt:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 64px;
  height: 81px;
  left: 13px;
  bottom: 5px;
  background: url(../img/choose/detail_decoration1.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .choose-point_detail_items dl:nth-of-type(1) dt:before {
    width: 3.5rem;
    height: 4.375rem;
  }
}
.choose-point_detail_items dl:nth-of-type(1) .lists li:before {
  content: "・";
  color: #FF6E00;
}
.choose-point_detail_items dl:nth-of-type(2) dt {
  background: #0077B7;
}
.choose-point_detail_items dl:nth-of-type(2) dt:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 62px;
  height: 76px;
  left: 13px;
  bottom: 5px;
  background: url(../img/choose/detail_decoration2.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .choose-point_detail_items dl:nth-of-type(2) dt:before {
    width: 3.3125rem;
    height: 4.0625rem;
  }
}
.choose-point_detail_items dl:nth-of-type(2):nth-of-type(2) .lists li:before {
  content: "・";
  color: #0077B7;
}
.choose-point_detail_items dd .lists li {
  line-height: 1.875;
}
@media screen and (max-width: 768px) {
  .choose-point_detail_items dd .lists li {
    text-indent: -1rem;
    padding-left: 1rem;
    font-size: 0.875rem;
  }
}

/* マイホームタイプ診断 */
.choose-diagnosis {
  padding: 5rem 0;
  background: #F7FFF4;
}
.choose-diagnosis h2 {
  margin-bottom: 17px;
}
@media screen and (max-width: 768px) {
  .choose-diagnosis h2 {
    margin-bottom: 2.125rem;
  }
}
.choose-diagnosis h2 .is_secondary {
  position: relative;
  text-align: center;
  font-weight: 500;
  font-size: 32px;
}
.choose-diagnosis h2 .is_secondary:after {
  content: "";
  display: block;
  width: 89px;
  height: 28px;
  margin: 0.5rem auto 0;
  background: url(../img/common/heading_icon.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .choose-diagnosis h2 .is_secondary:after {
    width: 51px;
    height: 16px;
  }
}
@media screen and (max-width: 768px) {
  .choose-diagnosis h2 .is_secondary {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 768px) {
  .choose-diagnosis picture img {
    max-width: 335px;
    width: 100%;
    margin: 0 auto;
  }
}

/* ご相談事例  */
.choose-case {
  padding: 5rem 0;
  width: 100%;
  background: url(../img/advice/case_bg.png);
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .choose-case {
    background: url(../img/advice/case_bg_sp.png);
  }
}
.choose-case h2 {
  position: relative;
  max-width: 160px;
  margin: 0 auto 120px;
}
@media screen and (max-width: 768px) {
  .choose-case h2 {
    max-width: 7.5rem;
    margin-bottom: 5.875rem;
  }
}
.choose-case h2:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 163px;
  height: 119px;
  right: -186px;
  top: 0;
  background: url(../img/advice/case_decoration1.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .choose-case h2:before {
    width: 6.875rem;
    height: 5.0625rem;
    right: -7rem;
    top: -0.3125rem;
  }
}
.choose-case h2 .is_secondary {
  position: relative;
  text-align: center;
  font-weight: 500;
  font-size: 32px;
}
.choose-case h2 .is_secondary:after {
  content: "";
  display: block;
  width: 89px;
  height: 28px;
  margin: 0.5rem auto 0;
  background: url(../img/common/heading_icon.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .choose-case h2 .is_secondary:after {
    width: 51px;
    height: 16px;
  }
}
@media screen and (max-width: 768px) {
  .choose-case h2 .is_secondary {
    font-size: 24px;
  }
}
.choose-case .note-box figure:nth-of-type(1) {
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .choose-case .note-box figure:nth-of-type(1) {
    margin-bottom: 2.5rem;
  }
}
.choose-case .note-box figure:nth-of-type(1) img {
  max-width: 470px;
  width: 40%;
}
@media screen and (max-width: 768px) {
  .choose-case .note-box figure:nth-of-type(1) img {
    max-width: 15.6875rem;
    width: 100%;
    margin-bottom: 2.5rem;
  }
}
.choose-case .note-box figure:nth-of-type(2) {
  align-items: flex-start;
}
@media screen and (max-width: 768px) {
  .choose-case .note-box figure:nth-of-type(2) {
    align-items: center;
  }
  .choose-case .note-box figure:nth-of-type(2) .image2 img {
    max-width: 18.875rem;
    width: 100%;
    margin: 0 auto;
  }
}
.choose-case .note-box figure:nth-of-type(2) .image {
  position: absolute;
  left: 0;
  max-width: 470px;
  width: 67%;
  margin-left: -124px;
}
@media screen and (max-width: 1110px) {
  .choose-case .note-box figure:nth-of-type(2) .image {
    width: 58%;
    margin-left: -106px;
  }
}
@media screen and (max-width: 768px) {
  .choose-case .note-box figure:nth-of-type(2) .image {
    position: relative;
    width: 100%;
    margin-right: auto;
    margin-left: -1.25rem;
    margin-bottom: 1.5rem;
  }
}
.choose-case .note-box figure:nth-of-type(2) figcaption {
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  .choose-case .note-box figure:nth-of-type(2) figcaption {
    margin: 0 auto;
  }
}
.choose-case .note-box_wrap {
  overflow: hidden;
  padding-top: 1.25rem;
  box-shadow: 10px 10px 6px rgba(0, 0, 0, 0.16);
}
.choose-case .note-box_items {
  align-items: flex-start;
  margin-bottom: 70px;
}
@media screen and (max-width: 768px) {
  .choose-case .note-box_items {
    align-items: center;
    margin-bottom: 2.5rem;
  }
  .choose-case .note-box_items .note-box_item {
    margin-bottom: 1.5rem;
  }
}
.choose-case .note-boxItem_box {
  position: relative;
  max-width: 432px;
  right: -30px;
}
@media screen and (max-width: 1110px) {
  .choose-case .note-boxItem_box {
    max-width: 390px;
    width: 55%;
    right: -10px;
  }
}
@media screen and (max-width: 768px) {
  .choose-case .note-boxItem_box {
    max-width: 18.4375rem;
    width: 100%;
    right: 0;
  }
}
.choose-case .note-boxItem_box:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 105px;
  height: 60px;
  top: -7px;
  left: -6px;
  background: url(../img/planning/case_decoration4.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .choose-case .note-boxItem_box:before {
    left: -1rem;
    top: -0.875rem;
    width: 6rem;
    height: 3.4375rem;
  }
}
.choose-case .note-boxItem_box dl {
  margin-bottom: 1rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  background: #FCF7ED;
  border-radius: 49px;
}
.choose-case .note-boxItem_box dl dt {
  margin-bottom: 1rem;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .choose-case .note-boxItem_box dl dt {
    font-size: 1.125rem;
  }
}
.choose-case .note-boxItem_box dl dd {
  line-height: 1.94;
  font-size: 18px;
}
@media screen and (max-width: 768px) {
  .choose-case .note-boxItem_box dl dd {
    font-size: 1rem;
  }
}
.choose-case .note-boxItem_box dl dd .lists {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto !important;
  padding: 0 27px;
}
@media screen and (max-width: 768px) {
  .choose-case .note-boxItem_box dl dd .lists {
    max-width: 13.25rem;
    width: 100%;
    padding: 0;
  }
}
.choose-case .note-boxItem_box dl dd .lists li.next-short {
  margin-right: 16px;
}
@media screen and (max-width: 768px) {
  .choose-case .note-boxItem_box dl dd .lists li.next-short {
    margin-right: 0;
  }
}
.choose-case .note-boxItem_box dl dd .lists li:before {
  content: "●";
  margin-right: 5px;
}
.choose-case .note-boxItem_box dl dd .lists li span {
  font-size: 1rem;
}

/* ご相談の流れ */
.choose-flow {
  margin: 5rem auto;
  padding: 0 60px;
}
@media screen and (max-width: 768px) {
  .choose-flow {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
@media screen and (max-width: 1235px) {
  .choose-flow .l-inner {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
.choose-flow .bg {
  width: 100%;
  padding: 46px 0 5rem;
  background: url(../img/common/pattern_bg.png);
  background-size: cover;
  border-radius: 230px;
}
@media screen and (max-width: 768px) {
  .choose-flow .bg {
    padding-top: 4.0625rem;
    padding-bottom: 3.25rem;
    background: url(../img/common/pattern_bg_sp.png);
    background-size: cover;
    border-radius: 3.8125rem;
  }
}
.choose-flow h2 {
  margin-bottom: 97px;
}
@media screen and (max-width: 768px) {
  .choose-flow h2 {
    margin-bottom: 2.9375rem;
  }
}
.choose-flow h2 .is_primary {
  position: relative;
  position: relative;
  max-width: 435px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .choose-flow h2 .is_primary {
    max-width: 17.6875rem;
  }
}
.choose-flow h2 .is_primary :before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 81px;
  height: 53px;
  left: 50%;
  top: -38px;
  transform: translateX(-50%);
  background: url(../img/advice/flow_decoration1.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .choose-flow h2 .is_primary :before {
    width: 3.3125rem;
    height: 2.125rem;
    top: -1.5625rem;
  }
}
.choose-flow h2 .is_secondary {
  position: relative;
  text-align: center;
  font-weight: 500;
  font-size: 48px;
}
.choose-flow h2 .is_secondary:after {
  content: "";
  display: block;
  width: 89px;
  height: 28px;
  margin: 0.5rem auto 0;
  background: url(../img/common/heading_icon.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .choose-flow h2 .is_secondary:after {
    width: 51px;
    height: 16px;
  }
}
@media screen and (max-width: 768px) {
  .choose-flow h2 .is_secondary {
    font-size: 1.875rem;
  }
}
.choose-flow .flow-common_lists li .content p {
  max-width: 723px;
}
.choose-flow .flow-common_lists li:nth-of-type(1) span:before {
  content: "";
  display: inline-block;
  width: 7.625rem;
  height: 5.5625rem;
  background: url(../img/choose/flow_1.png);
  background-size: cover;
}
.choose-flow .flow-common_lists li:nth-of-type(2) span:before {
  content: "";
  display: inline-block;
  width: 5.9375rem;
  height: 6.4375rem;
  background: url(../img/choose/flow_3.png);
  background-size: cover;
}
.choose-flow .flow-common_lists li:nth-of-type(3) span:before {
  content: "";
  display: inline-block;
  width: 7.625rem;
  height: 7.1875rem;
  background: url(../img/choose/flow_2.png);
  background-size: cover;
}
.choose-flow .flow-common_lists li:nth-of-type(4) span:before {
  content: "";
  display: block;
  width: 6.25rem;
  height: 4.0625rem;
  margin-left: 20px;
  background: url(../img/choose/flow_5.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .choose-flow .flow-common_lists li:nth-of-type(4) span:before {
    margin-left: 0;
  }
}
.choose-flow .flow-common_lists li:nth-of-type(5) {
  /*span:before {
    content: "";
    display: block;
    width: rem(100);
    height: rem(65);
    margin-left: 20px;
    background: url(../img/choose/flow_5.png);
    background-size: cover;

    @include cf.mq(md) {
      margin-left: 0;
    }
  }*/
}
.choose-flow .flow-common_lists li:nth-of-type(5) span:before {
  content: "";
  display: inline-block;
  width: 7.625rem;
  height: 5.5625rem;
  background: url(../img/choose/flow_1.png);
  background-size: cover;
}

/* リンク */
.choose-links {
  padding-top: 5rem;
  padding-bottom: 6.25rem;
  background: #D0EFF4;
}
.choose-links .content {
  max-width: 1006px;
  margin: 0 auto;
}
.choose-links .content:nth-of-type(1) {
  margin-bottom: 5rem;
}
@media screen and (max-width: 768px) {
  .choose-links .content:nth-of-type(1) {
    margin-bottom: 2.5rem;
  }
}
.choose-links .content h2 img {
  max-width: 20.375rem;
  width: 100%;
  margin-bottom: 0.9375rem;
}

/* land */
.land_page .breadcrumb_wrap {
  margin-bottom: 4.4375rem;
}
.land_page .recommend-common {
  width: 100%;
  padding: 1rem 0 5rem;
  background: linear-gradient(to bottom, rgba(68, 168, 19, 0.17), #44A813), url(../img/advice/recommend_bg.png);
}
@media screen and (max-width: 768px) {
  .land_page .recommend-common {
    background: linear-gradient(to bottom, rgba(68, 168, 19, 0.17), #44A813), url(../img/advice/recommend_bg_sp.png);
  }
}
.land_page .recommend-common .recommend-commo_lists {
  margin-bottom: 2.5rem !important;
}
.land_page .recommend-common .recommend-commo_lists li div {
  max-width: 380px;
  width: 100%;
}
.land_page .recommend-common .recommend-commo_lists li:nth-of-type(2):before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 123px;
  height: 88px;
  top: 50%;
  transform: translateY(-50%);
  right: 103px;
  background: url(../img/advice/recommend_decoration1.png);
  background-size: cover;
}
@media screen and (max-width: 480px) {
  .land_page .recommend-common .recommend-commo_lists li:nth-of-type(2):before {
    width: 4.0625rem;
    height: 2.9375rem;
    right: 5.1875rem;
  }
}
.land_page .recommend-common .recommend-commo_lists li:nth-of-type(3):before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 124px;
  height: 88px;
  top: 50%;
  transform: translateY(-50%);
  right: 103px;
  background: url(../img/advice/recommend_decoration2.png);
  background-size: cover;
}
@media screen and (max-width: 480px) {
  .land_page .recommend-common .recommend-commo_lists li:nth-of-type(3):before {
    width: 5rem;
    height: 3.5625rem;
    right: 5.1875rem;
  }
}
.land_page .recommend-common .textarea {
  text-align: center;
}
.land_page .recommend-common .textarea p {
  color: #FFF;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.77;
}
@media screen and (max-width: 768px) {
  .land_page .recommend-common .textarea p {
    font-size: 0.875rem;
  }
}
.land_page .recommend-common .textarea p.is_small {
  font-size: 16px;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .land_page .recommend-common .textarea p.is_small {
    font-size: 0.875rem;
  }
}
.land_page .recommend-common .textarea p:not(:last-child) {
  margin-bottom: 2.5rem;
}

/* 土地探しって何をするの？ */
.land-about {
  width: 100%;
  padding: 89px 0 5rem;
  background: url(../img/land/about_bg.png);
}
@media screen and (max-width: 768px) {
  .land-about {
    padding: 5rem 0;
    background: url(../img/land/about_bg_sp.png);
  }
}
.land-about h2 {
  margin-bottom: 2.5rem;
}
@media screen and (max-width: 768px) {
  .land-about h2 {
    margin-bottom: 5rem;
  }
}
.land-about h2 .is_secondary {
  position: relative;
  text-align: center;
  font-weight: 500;
  font-size: 32px;
}
.land-about h2 .is_secondary:after {
  content: "";
  display: block;
  width: 89px;
  height: 28px;
  margin: 0.5rem auto 0;
  background: url(../img/common/heading_icon.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .land-about h2 .is_secondary:after {
    width: 51px;
    height: 16px;
  }
}
@media screen and (max-width: 768px) {
  .land-about h2 .is_secondary {
    font-size: 1.5rem;
  }
}
.land-about .textarea {
  margin-bottom: 66px;
}
@media screen and (max-width: 768px) {
  .land-about .textarea {
    margin-bottom: 3.5rem;
  }
}
.land-about .textarea p {
  text-align: center;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .land-about .textarea p {
    font-size: 0.875rem;
  }
}

.land-about_lists {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  max-width: 1039px;
  margin: 0 auto -20px !important;
}
@media screen and (max-width: 768px) {
  .land-about_lists {
    flex-direction: column;
    max-width: 20.9375rem;
  }
}
.land-about_lists li {
  max-width: 500px;
  width: 49%;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .land-about_lists li {
    width: 100%;
    mix-blend-mode: 1rem;
  }
}

/* ご相談事例 */
.land-case {
  padding: 5rem 0 160px;
  width: 100%;
  background: url(../img/advice/case_bg.png);
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .land-case {
    padding: 5rem 0;
    background: url(../img/advice/case_bg_sp.png);
  }
}
.land-case h2 {
  position: relative;
  max-width: 160px;
  margin: 0 auto 120px;
}
@media screen and (max-width: 768px) {
  .land-case h2 {
    max-width: 7.5rem;
    margin-bottom: 3.375rem;
  }
}
.land-case h2:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 163px;
  height: 119px;
  right: -186px;
  top: 0;
  background: url(../img/advice/case_decoration1.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .land-case h2:before {
    width: 6.875rem;
    height: 5.0625rem;
    right: -7rem;
    top: -0.3125rem;
  }
}
.land-case h2 .is_secondary {
  position: relative;
  text-align: center;
  font-weight: 500;
  font-size: 32px;
}
.land-case h2 .is_secondary:after {
  content: "";
  display: block;
  width: 89px;
  height: 28px;
  margin: 0.5rem auto 0;
  background: url(../img/common/heading_icon.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .land-case h2 .is_secondary:after {
    width: 51px;
    height: 16px;
  }
}
@media screen and (max-width: 768px) {
  .land-case h2 .is_secondary {
    font-size: 1.5rem;
  }
}
.land-case .note-box_wrap {
  overflow: hidden;
  padding-top: 1.25rem;
  box-shadow: 10px 10px 6px rgba(0, 0, 0, 0.16);
}
.land-case .note-box figure:nth-of-type(1) {
  margin-bottom: 85px;
}
@media screen and (max-width: 768px) {
  .land-case .note-box figure:nth-of-type(1) {
    margin-bottom: 2.9375rem;
  }
}
.land-case .note-box figure:nth-of-type(1) img {
  max-width: 260px;
  width: 31%;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .land-case .note-box figure:nth-of-type(1) img {
    max-width: 16.4375rem;
    width: 100%;
  }
}
.land-case .note-box figure:nth-of-type(2) {
  align-items: flex-start;
  margin-bottom: 103px;
}
@media screen and (max-width: 768px) {
  .land-case .note-box figure:nth-of-type(2) {
    align-items: center;
    margin-bottom: 2.5rem;
  }
  .land-case .note-box figure:nth-of-type(2) figcaption {
    margin-bottom: 1.5rem;
  }
}
.land-case .note-box figure:nth-of-type(2) picture {
  position: absolute;
  right: 0;
  max-width: 470px;
  width: 67%;
  margin-right: -124px;
}
@media screen and (max-width: 1110px) {
  .land-case .note-box figure:nth-of-type(2) picture {
    width: 58%;
    margin-right: -106px;
  }
}
@media screen and (max-width: 768px) {
  .land-case .note-box figure:nth-of-type(2) picture {
    position: relative;
    width: 100%;
    margin-left: auto;
    margin-right: -1.25rem;
  }
}
.land-case .note-box figure:nth-of-type(3) {
  align-items: flex-start;
}
@media screen and (max-width: 768px) {
  .land-case .note-box figure:nth-of-type(3) {
    align-items: center;
  }
}
.land-case .note-box figure:nth-of-type(3) picture {
  max-width: 332px;
  width: 39%;
}
@media screen and (max-width: 768px) {
  .land-case .note-box figure:nth-of-type(3) picture {
    max-width: 18.4375rem;
    width: 100%;
    margin-bottom: 3.125rem;
  }
}

/* ご相談の流れ */
.land-flow {
  margin: 5rem auto;
  padding: 0 60px;
  overflow: hidden;
}
@media screen and (max-width: 1235px) {
  .land-flow .l-inner {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
@media screen and (max-width: 768px) {
  .land-flow {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
.land-flow .bg {
  width: 100%;
  padding: 46px 0 5rem;
  background: url(../img/common/pattern_bg.png);
  background-size: cover;
  border-radius: 230px;
}
@media screen and (max-width: 768px) {
  .land-flow .bg {
    padding-top: 4.0625rem;
    background: url(../img/common/pattern_bg_sp.png);
    background-size: cover;
    border-radius: 3.8125rem;
  }
}
.land-flow h2 {
  margin-bottom: 97px;
}
@media screen and (max-width: 768px) {
  .land-flow h2 {
    margin-bottom: 2.9375rem;
  }
}
.land-flow h2 .is_primary {
  position: relative;
  max-width: 435px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .land-flow h2 .is_primary {
    max-width: 17.6875rem;
  }
}
.land-flow h2 .is_primary:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 81px;
  height: 53px;
  left: 50%;
  top: -38px;
  transform: translateX(-50%);
  background: url(../img/advice/flow_decoration1.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .land-flow h2 .is_primary:before {
    width: 3.3125rem;
    height: 2.125rem;
    top: -1.5625rem;
  }
}
.land-flow h2 .is_secondary {
  position: relative;
  text-align: center;
  font-weight: 500;
  font-size: 48px;
}
.land-flow h2 .is_secondary:after {
  content: "";
  display: block;
  width: 89px;
  height: 28px;
  margin: 0.5rem auto 0;
  background: url(../img/common/heading_icon.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .land-flow h2 .is_secondary:after {
    width: 51px;
    height: 16px;
  }
}
@media screen and (max-width: 768px) {
  .land-flow h2 .is_secondary {
    font-size: 1.875rem;
  }
}
@media screen and (max-width: 768px) {
  .land-flow .flow-common_lists li .textarea p {
    text-align: center;
  }
}
.land-flow .flow-common_lists li:nth-of-type(1) .textarea span:before {
  content: "";
  display: inline-block;
  width: 7.625rem;
  height: 5.5625rem;
  background: url(../img/land/flow1.png);
  background-size: cover;
}
.land-flow .flow-common_lists li:nth-of-type(2) .textarea span:before {
  content: "";
  position: relative;
  display: inline-block;
  width: 5.9375rem;
  height: 6.4375rem;
  bottom: -1.25rem;
  background: url(../img/land/flow2.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .land-flow .flow-common_lists li:nth-of-type(2) .textarea span:before {
    position: inherit;
  }
}
.land-flow .flow-common_lists li:nth-of-type(3) .textarea span:before {
  content: "";
  display: block;
  position: relative;
  width: 4.0625rem;
  height: 7.25rem;
  margin-left: 1.875rem;
  bottom: -0.5rem;
  background: url(../img/land/flow3.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .land-flow .flow-common_lists li:nth-of-type(3) .textarea span:before {
    position: inherit;
    margin-left: 0;
  }
}
.land-flow .flow-common_lists li:nth-of-type(4) .textarea span:before {
  content: "";
  display: block;
  position: relative;
  width: 4rem;
  height: 6.0625rem;
  margin-left: 1.875rem;
  bottom: -1.125rem;
  background: url(../img/land/flow4.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .land-flow .flow-common_lists li:nth-of-type(4) .textarea span:before {
    position: inherit;
    margin-left: 0;
  }
}

/* よくある質問 */
.land-qa_lists {
  margin-bottom: -1rem;
}
@media screen and (max-width: 768px) {
  .land-qa_lists {
    margin-bottom: -2.5rem;
  }
}
.land-qa_lists li {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
  padding: 21px 40px;
  background: #FFF;
  border-radius: 50px;
}
@media screen and (max-width: 768px) {
  .land-qa_lists li {
    margin-bottom: 2.5rem;
    border-radius: 44px;
    line-height: 1.647;
  }
}
.land-qa_lists li span:before {
  content: "";
  display: inline-block;
  width: 23px;
  height: 44px;
  margin-right: 22px;
  background: url(../img/land/qa_icon.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .land-qa_lists li span:before {
    width: 1.125rem;
    height: 2.0625rem;
    margin-right: 0.4375rem;
  }
}
.land-qa_lists li p {
  font-size: 22px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .land-qa_lists li p {
    font-size: 1.0625rem;
  }
}

.qa-common.no_answer h2 {
  margin-bottom: 38px;
}
.qa-common.no_answer h2:before {
  top: inherit;
  right: -230px;
  bottom: -146px;
}
@media screen and (max-width: 768px) {
  .qa-common.no_answer h2:before {
    right: -2.25rem;
    bottom: -10.8125rem;
  }
}
.qa-common.no_answer .textarea {
  margin-bottom: 39px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .qa-common.no_answer .textarea {
    max-width: 13.375rem;
    margin-inline: auto;
    margin-bottom: 1.5625rem;
    text-align: left;
  }
}
.qa-common.no_answer .textarea p {
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .qa-common.no_answer .textarea p {
    margin-left: -2.75rem;
    font-size: 0.875rem;
  }
}

/* リンク */
.land-links {
  padding: 80px 0 100px;
  background: #D0EFF4;
}
@media screen and (max-width: 768px) {
  .land-links {
    padding: 5rem 0;
  }
}
.land-links .content {
  max-width: 1006px;
  margin: 0 auto;
}
.land-links .content:nth-of-type(1) {
  margin-bottom: 5rem;
}
.land-links .content h2 img {
  max-width: 20.375rem;
  width: 100%;
  margin-bottom: 0.9375rem;
}

/* nav */
.lnad-nav {
  padding-top: 64px;
  padding-bottom: 64px;
  background: url(../img/land/nav_bg.png) bottom;
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .lnad-nav {
    padding-top: 3.75rem;
    padding-bottom: 12.5rem;
    background: url(../img/land/nav_bg_sp.png) bottom;
    background-size: cover;
  }
}

.lnad-nav__heading .is_primary {
  position: relative;
}
.lnad-nav__heading .is_secondary {
  position: relative;
  text-align: center;
  font-weight: 500;
  font-size: 40px;
}
.lnad-nav__heading .is_secondary:after {
  content: "";
  display: block;
  width: 89px;
  height: 28px;
  margin: 0.5rem auto 0;
  background: url(../img/common/heading_icon.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .lnad-nav__heading .is_secondary:after {
    width: 51px;
    height: 16px;
  }
}
.lnad-nav__heading .is_secondary span {
  color: #FF6E00;
  font-size: 58px;
}
@media screen and (max-width: 768px) {
  .lnad-nav__heading .is_secondary {
    font-size: 1.25rem;
  }
  .lnad-nav__heading .is_secondary span {
    font-size: 1.875rem;
  }
}

.lnad-nav__heading-image {
  display: block;
  max-width: 529px;
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
  .lnad-nav__heading-image {
    max-width: 17.0625rem;
  }
}

.lnad-nav__title {
  margin-top: 48px;
  color: #0077B7;
  font-size: 32px;
  font-weight: 500;
  text-align: center;
  letter-spacing: 0.08rem;
}
@media screen and (max-width: 768px) {
  .lnad-nav__title {
    margin-top: 3.5rem;
    font-size: 1.5rem;
    line-height: 1.25;
  }
}

.lnad-nav__textarea {
  margin-top: 32px;
  line-height: 1.785;
  text-align: center;
}
.lnad-nav__textarea p:not(:first-child) {
  margin-top: 1.5rem;
}
@media screen and (max-width: 768px) {
  .lnad-nav__textarea {
    margin-top: 1.5rem;
  }
}

.lnad-nav__banner {
  display: block;
  margin-top: 32px;
  transition: 0.4s;
}
.lnad-nav__banner:hover {
  opacity: 0.7;
}

/*  relocation */
.relocation_page .breadcrumb_wrap {
  margin-bottom: 4.4375rem;
}
.relocation_page .recommend-common {
  width: 100%;
  padding: 1rem 0 5rem;
  background: linear-gradient(to bottom, rgba(96, 212, 225, 0.17), #60D4E1), url(../img/advice/recommend_bg.png);
}
@media screen and (max-width: 768px) {
  .relocation_page .recommend-common {
    background: linear-gradient(to bottom, rgba(96, 212, 225, 0.17), #60D4E1), url(../img/advice/recommend_bg_sp.png);
  }
}
.relocation_page .recommend-common .textarea {
  text-align: center;
}
.relocation_page .recommend-common .textarea p {
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .relocation_page .recommend-common .textarea p {
    font-size: 0.875rem;
  }
}
.relocation_page .recommend-commo_lists {
  margin-bottom: 2.5rem !important;
}
.relocation_page .recommend-commo_lists li div {
  max-width: 380px;
  width: 100%;
}

/* 住み替えで気をつけるポイント */
.relocation-point {
  padding: 83px 0 199px;
  background: url(../img/relocation/point_bg.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .relocation-point {
    padding: 5rem 0;
    background: url(../img/relocation/point_bg_sp.png);
    background-size: cover;
  }
}
.relocation-point h2 {
  margin-bottom: 113px;
}
@media screen and (max-width: 768px) {
  .relocation-point h2 {
    margin-bottom: 6.6875rem;
  }
}
.relocation-point h2 .is_secondary {
  position: relative;
  text-align: center;
  font-weight: 500;
  font-size: 32px;
}
.relocation-point h2 .is_secondary:after {
  content: "";
  display: block;
  width: 89px;
  height: 28px;
  margin: 0.5rem auto 0;
  background: url(../img/common/heading_icon.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .relocation-point h2 .is_secondary:after {
    width: 51px;
    height: 16px;
  }
}
@media screen and (max-width: 768px) {
  .relocation-point h2 .is_secondary {
    font-size: 1.5rem;
  }
}

.relocation-point_lists {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media screen and (max-width: 768px) {
  .relocation-point_lists {
    flex-direction: column;
    align-items: center;
  }
}
.relocation-point_lists li {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  max-width: 524px;
  width: 48%;
  min-height: 471px;
  padding: 0 20px;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 40px;
  border: dashed 2px;
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.16);
}
@media screen and (max-width: 768px) {
  .relocation-point_lists li {
    max-width: 100%;
    width: 100%;
    min-height: inherit;
    padding-top: 3.375rem;
    padding-right: 1.25rem;
    padding-bottom: 2.5rem;
    padding-left: 1.25rem;
  }
  .relocation-point_lists li:not(:last-child) {
    margin-bottom: 3.3125rem;
  }
}
.relocation-point_lists li h3 {
  position: absolute;
  max-width: 400px;
  width: 98%;
  padding: 9px 0;
  top: -1.625rem;
  left: 50%;
  transform: translateX(-50%);
  color: #FFF;
  font-size: 1.5rem;
  font-weight: 500;
  text-align: center;
  background: #534741;
  border-radius: 25px;
}
.relocation-point_lists li p {
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .relocation-point_lists li p {
    font-size: 0.875rem;
  }
}
.relocation-point_lists li figure {
  max-width: 370px;
  margin: 0 auto;
}
.relocation-point_lists li:nth-of-type(1) img {
  max-width: 344px;
  width: 100%;
  margin: 0 auto 50px;
}
@media screen and (max-width: 768px) {
  .relocation-point_lists li:nth-of-type(1) img {
    max-width: 15.8125rem;
    margin-inline: auto;
    margin-bottom: 1.5rem;
  }
}
.relocation-point_lists li:nth-of-type(2) img {
  max-width: 225px;
  width: 100%;
  margin: 0 auto 30px;
}
@media screen and (max-width: 768px) {
  .relocation-point_lists li:nth-of-type(2) img {
    max-width: 10.25rem;
    margin-inline: auto;
    margin-bottom: 1.5rem;
  }
}

/* ご相談事例 */
.relocation-case {
  padding: 5rem 0;
  width: 100%;
  background: url(../img/advice/case_bg.png);
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .relocation-case {
    background: url(../img/advice/case_bg_sp.png);
  }
}
.relocation-case h2 {
  position: relative;
  max-width: 160px;
  margin: 0 auto 120px;
}
@media screen and (max-width: 768px) {
  .relocation-case h2 {
    max-width: 7.5rem;
    margin-bottom: 2.5rem;
  }
}
.relocation-case h2 .is_secondary {
  position: relative;
  text-align: center;
  font-weight: 500;
  font-size: 32px;
}
.relocation-case h2 .is_secondary:after {
  content: "";
  display: block;
  width: 89px;
  height: 28px;
  margin: 0.5rem auto 0;
  background: url(../img/common/heading_icon.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .relocation-case h2 .is_secondary:after {
    width: 51px;
    height: 16px;
  }
}
@media screen and (max-width: 768px) {
  .relocation-case h2 .is_secondary {
    font-size: 1.5rem;
  }
}
.relocation-case h2:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 163px;
  height: 119px;
  right: -186px;
  top: 0;
  background: url(../img/advice/case_decoration1.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .relocation-case h2:before {
    width: 6.875rem;
    height: 5.0625rem;
    right: -7rem;
    top: -0.3125rem;
  }
}
.relocation-case .note-box_wrap {
  overflow: hidden;
  padding-top: 20px;
  box-shadow: 10px 10px 6px rgba(0, 0, 0, 0.16);
}
.relocation-case .note-box figure:nth-of-type(1) {
  margin-bottom: 85px;
}
@media screen and (max-width: 768px) {
  .relocation-case .note-box figure:nth-of-type(1) {
    margin-bottom: 2.5rem;
  }
}
.relocation-case .note-box figure:nth-of-type(1) img {
  max-width: 260px;
  width: 31%;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .relocation-case .note-box figure:nth-of-type(1) img {
    width: 100%;
    margin-bottom: 2.5rem;
  }
}
.relocation-case .note-box figure:nth-of-type(2) {
  margin-bottom: 100px;
}
@media screen and (max-width: 768px) {
  .relocation-case .note-box figure:nth-of-type(2) {
    margin-bottom: 2.5rem;
  }
  .relocation-case .note-box figure:nth-of-type(2) figcaption {
    margin-bottom: 4.375rem;
  }
}
.relocation-case .note-box figure:nth-of-type(2) picture {
  position: absolute;
  right: 0;
  max-width: 470px;
  width: 67%;
  margin-right: -124px;
}
@media screen and (max-width: 1110px) {
  .relocation-case .note-box figure:nth-of-type(2) picture {
    width: 58%;
    margin-right: -106px;
  }
}
@media screen and (max-width: 768px) {
  .relocation-case .note-box figure:nth-of-type(2) picture {
    position: relative;
    width: 100%;
    margin-left: auto;
    margin-right: -1.25rem;
  }
}
.relocation-case .note-box figure:nth-of-type(3) img {
  max-width: 325px;
  width: 39%;
}
@media screen and (max-width: 768px) {
  .relocation-case .note-box figure:nth-of-type(3) img {
    width: 100%;
    margin-bottom: 2.5rem;
  }
}

/* ご相談の流れ */
.relocation-flow {
  margin: 5rem auto;
  padding: 0 60px;
  overflow: hidden;
}
@media screen and (max-width: 1235px) {
  .relocation-flow .l-inner {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
@media screen and (max-width: 768px) {
  .relocation-flow {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
.relocation-flow .bg {
  width: 100%;
  padding: 46px 0 5rem;
  background: url(../img/common/pattern_bg.png);
  background-size: cover;
  border-radius: 230px;
}
@media screen and (max-width: 768px) {
  .relocation-flow .bg {
    padding-top: 4.0625rem;
    padding-bottom: 5rem;
    background: url(../img/common/pattern_bg_sp.png);
    background-size: cover;
    border-radius: 3.8125rem;
  }
}
.relocation-flow h2 {
  margin-bottom: 97px;
}
@media screen and (max-width: 768px) {
  .relocation-flow h2 {
    margin-bottom: 3rem;
  }
}
.relocation-flow h2 .is_primary {
  position: relative;
  max-width: 435px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .relocation-flow h2 .is_primary {
    max-width: 17.6875rem;
  }
}
.relocation-flow h2 .is_primary:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 81px;
  height: 53px;
  left: 50%;
  top: -38px;
  transform: translateX(-50%);
  background: url(../img/advice/flow_decoration1.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .relocation-flow h2 .is_primary:before {
    width: 3.3125rem;
    height: 2.125rem;
    top: -1.5625rem;
  }
}
.relocation-flow h2 .is_secondary {
  position: relative;
  text-align: center;
  font-weight: 500;
  font-size: 48px;
}
.relocation-flow h2 .is_secondary:after {
  content: "";
  display: block;
  width: 89px;
  height: 28px;
  margin: 0.5rem auto 0;
  background: url(../img/common/heading_icon.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .relocation-flow h2 .is_secondary:after {
    width: 51px;
    height: 16px;
  }
}
@media screen and (max-width: 768px) {
  .relocation-flow h2 .is_secondary {
    font-size: 1.875rem;
  }
}
@media screen and (max-width: 768px) {
  .relocation-flow .flow-common_lists li .textarea p {
    text-align: center;
  }
}
.relocation-flow .flow-common_lists li:nth-of-type(1) .textarea span:before {
  content: "";
  display: inline-block;
  width: 7.625rem;
  height: 5.5625rem;
  background: url(../img/relocation/flow1.png);
  background-size: cover;
}
.relocation-flow .flow-common_lists li:nth-of-type(2) .textarea span:before {
  content: "";
  display: block;
  position: relative;
  width: 4.0625rem;
  height: 7.25rem;
  margin-left: 30px;
  bottom: -0.8125rem;
  background: url(../img/relocation/flow4.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .relocation-flow .flow-common_lists li:nth-of-type(2) .textarea span:before {
    position: inherit;
    margin-left: 0;
  }
}
.relocation-flow .flow-common_lists li:nth-of-type(3) .textarea span:before {
  content: "";
  position: relative;
  display: inline-block;
  width: 6.75rem;
  height: 7.6875rem;
  bottom: -0.6875rem;
  background: url(../img/relocation/flow2.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .relocation-flow .flow-common_lists li:nth-of-type(3) .textarea span:before {
    position: inherit;
  }
}
.relocation-flow .flow-common_lists li:nth-of-type(4) .textarea span:before {
  content: "";
  display: block;
  position: relative;
  width: 5.9375rem;
  height: 6.4375rem;
  background: url(../img/relocation/flow3.png);
  background-size: cover;
}
.relocation-flow .flow-common_lists li:nth-of-type(5) .textarea span:before {
  content: "";
  display: block;
  position: relative;
  width: 7.125rem;
  height: 4.625rem;
  background: url(../img/relocation/flow5.png);
  background-size: cover;
}
.relocation-flow .flow-common_lists li:nth-of-type(6) .textarea span:before {
  content: "";
  display: block;
  width: 4rem;
  height: 6.0625rem;
  margin-left: 30px;
  background: url(../img/relocation/flow6.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .relocation-flow .flow-common_lists li:nth-of-type(6) .textarea span:before {
    margin-left: 0;
  }
}

/* リンク */
.relocation-links {
  padding: 80px 0 100px;
  background: #D0EFF4;
}
@media screen and (max-width: 768px) {
  .relocation-links {
    padding: 5rem 0;
  }
}
.relocation-links .content {
  max-width: 1006px;
  margin: 0 auto;
}
.relocation-links .content:nth-of-type(1) {
  margin-bottom: 5rem;
}
.relocation-links .content h2 img {
  max-width: 20.375rem;
  width: 100%;
  margin-bottom: 0.9375rem;
}

/* sale */
.sale_page .breadcrumb_wrap {
  margin-bottom: 71px;
}
.sale_page .recommend-common {
  width: 100%;
  padding: 1rem 0 5rem;
  background: linear-gradient(to bottom, rgba(96, 212, 225, 0.17), #60D4E1), url(../img/advice/recommend_bg.png);
}
@media screen and (max-width: 768px) {
  .sale_page .recommend-common {
    background: linear-gradient(to bottom, rgba(96, 212, 225, 0.17), #60D4E1), url(../img/advice/recommend_bg_sp.png);
  }
}
.sale_page .recommend-commo_lists li div {
  max-width: 380px;
  width: 100%;
}

/* 売却するとき気をつけるポイント */
.sale-point {
  padding: 76px 0 92px;
  background: url(../img/sale/point_bg.png);
}
@media screen and (max-width: 768px) {
  .sale-point {
    background: url(../img/sale/point_bg_sp.png);
  }
}
.sale-point h2 {
  margin-bottom: 2.5rem;
}
.sale-point h2 .is_secondary {
  position: relative;
  text-align: center;
  font-weight: 500;
  font-size: 32px;
}
.sale-point h2 .is_secondary:after {
  content: "";
  display: block;
  width: 89px;
  height: 28px;
  margin: 0.5rem auto 0;
  background: url(../img/common/heading_icon.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .sale-point h2 .is_secondary:after {
    width: 51px;
    height: 16px;
  }
}
@media screen and (max-width: 768px) {
  .sale-point h2 .is_secondary {
    font-size: 24px;
  }
}
.sale-point .textarea {
  margin-bottom: 52px;
  text-align: center;
}
.sale-point .textarea p {
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .sale-point .textarea p {
    font-size: 14px;
  }
}

.sale-point_lists {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  max-width: 910px;
  margin: 0 auto -20px !important;
}
@media screen and (max-width: 1024px) {
  .sale-point_lists {
    max-width: 768px;
  }
}
@media screen and (max-width: 768px) {
  .sale-point_lists {
    max-width: 335px;
  }
}
.sale-point_lists li {
  max-width: 290px;
  width: 32%;
  margin-bottom: 20px;
}
@media screen and (max-width: 1024px) {
  .sale-point_lists li {
    max-width: 100%;
    width: 49%;
  }
}
@media screen and (max-width: 768px) {
  .sale-point_lists li {
    width: 100%;
  }
}
.sale-point_lists li figcaption {
  padding: 20px 10px;
  background: #534741;
}
.sale-point_lists li figcaption p {
  color: #FFF;
  text-align: center;
  font-weight: 500;
}

/* ご相談事例 */
.sale-case {
  padding: 5rem 0;
  width: 100%;
  background: url(../img/advice/case_bg.png);
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .sale-case {
    background: url(../img/advice/case_bg_sp.png);
  }
}
.sale-case h2 {
  position: relative;
  max-width: 160px;
  margin: 0 auto 120px;
}
@media screen and (max-width: 768px) {
  .sale-case h2 {
    max-width: 120px;
    margin-bottom: 2.5rem;
  }
}
.sale-case h2 .is_secondary {
  position: relative;
  text-align: center;
  font-weight: 500;
  font-size: 32px;
}
.sale-case h2 .is_secondary:after {
  content: "";
  display: block;
  width: 89px;
  height: 28px;
  margin: 0.5rem auto 0;
  background: url(../img/common/heading_icon.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .sale-case h2 .is_secondary:after {
    width: 51px;
    height: 16px;
  }
}
@media screen and (max-width: 768px) {
  .sale-case h2 .is_secondary {
    font-size: 24px;
  }
}
.sale-case h2:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 163px;
  height: 119px;
  right: -186px;
  top: 0;
  background: url(../img/advice/case_decoration1.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .sale-case h2:before {
    width: 110px;
    height: 81px;
    right: -112px;
    top: -5px;
  }
}
.sale-case .note-box_wrap {
  overflow: hidden;
  padding-top: 20px;
  box-shadow: 10px 10px 6px rgba(0, 0, 0, 0.16);
}
.sale-case .note-box figure:nth-of-type(1) {
  margin-bottom: 85px;
}
@media screen and (max-width: 768px) {
  .sale-case .note-box figure:nth-of-type(1) {
    margin-bottom: 40px;
  }
}
.sale-case .note-box figure:nth-of-type(1) img {
  max-width: 260px;
  width: 31%;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .sale-case .note-box figure:nth-of-type(1) img {
    width: 100%;
    margin-bottom: 40px;
  }
}
.sale-case .note-box figure:nth-of-type(2) {
  margin-bottom: 100px;
}
@media screen and (max-width: 768px) {
  .sale-case .note-box figure:nth-of-type(2) {
    margin-bottom: 40px;
  }
  .sale-case .note-box figure:nth-of-type(2) figcaption {
    margin-bottom: 70px;
  }
}
.sale-case .note-box figure:nth-of-type(2) picture {
  position: absolute;
  right: 0;
  max-width: 470px;
  width: 67%;
  margin-right: -124px;
}
@media screen and (max-width: 1110px) {
  .sale-case .note-box figure:nth-of-type(2) picture {
    width: 58%;
    margin-right: -106px;
  }
}
@media screen and (max-width: 768px) {
  .sale-case .note-box figure:nth-of-type(2) picture {
    position: relative;
    width: 100%;
    margin-left: auto;
    margin-right: -20px;
  }
}
.sale-case .note-box figure:nth-of-type(3) img {
  max-width: 325px;
  width: 39%;
}
@media screen and (max-width: 768px) {
  .sale-case .note-box figure:nth-of-type(3) img {
    width: 100%;
    margin-bottom: 2.5rem;
  }
}

/* ご相談の流れ */
.sale-flow {
  margin: 5rem auto;
  padding: 0 60px;
  overflow: hidden;
}
@media screen and (max-width: 1235px) {
  .sale-flow .l-inner {
    padding: 0 20px;
  }
}
@media screen and (max-width: 768px) {
  .sale-flow {
    padding: 0 20px;
  }
}
.sale-flow .bg {
  width: 100%;
  padding: 46px 0 5rem;
  background: url(../img/common/pattern_bg.png);
  background-size: cover;
  border-radius: 230px;
}
@media screen and (max-width: 768px) {
  .sale-flow .bg {
    padding: 65px 0 5rem;
    background: url(../img/common/pattern_bg_sp.png);
    background-size: cover;
    border-radius: 61px;
  }
}
.sale-flow h2 {
  margin-bottom: 97px;
}
@media screen and (max-width: 768px) {
  .sale-flow h2 {
    margin-bottom: 47px;
  }
}
.sale-flow h2 .is_primary {
  position: relative;
  max-width: 435px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .sale-flow h2 .is_primary {
    max-width: 283px;
  }
}
.sale-flow h2 .is_primary:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 81px;
  height: 53px;
  left: 50%;
  top: -38px;
  transform: translateX(-50%);
  background: url(../img/advice/flow_decoration1.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .sale-flow h2 .is_primary:before {
    width: 53px;
    height: 34px;
    top: -25px;
  }
}
.sale-flow h2 .is_secondary {
  position: relative;
  text-align: center;
  font-weight: 500;
  font-size: 48px;
}
.sale-flow h2 .is_secondary:after {
  content: "";
  display: block;
  width: 89px;
  height: 28px;
  margin: 0.5rem auto 0;
  background: url(../img/common/heading_icon.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .sale-flow h2 .is_secondary:after {
    width: 51px;
    height: 16px;
  }
}
@media screen and (max-width: 768px) {
  .sale-flow h2 .is_secondary {
    font-size: 30px;
  }
}
@media screen and (max-width: 768px) {
  .sale-flow .flow-common_lists li .textarea p {
    text-align: center;
  }
}
.sale-flow .flow-common_lists li:nth-of-type(1) .textarea span:before {
  content: "";
  display: inline-block;
  width: 122px;
  height: 89px;
  background: url(../img/sale/flow1.png);
  background-size: cover;
}
.sale-flow .flow-common_lists li:nth-of-type(2) .textarea span:before {
  content: "";
  position: relative;
  display: inline-block;
  width: 95px;
  height: 103px;
  bottom: -22px;
  background: url(../img/sale/flow2.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .sale-flow .flow-common_lists li:nth-of-type(2) .textarea span:before {
    position: inherit;
  }
}
.sale-flow .flow-common_lists li:nth-of-type(3) .textarea span:before {
  content: "";
  display: block;
  position: relative;
  width: 118px;
  height: 76px;
  background: url(../img/sale/flow3.png);
  background-size: cover;
}
.sale-flow .flow-common_lists li:nth-of-type(4) .textarea span:before {
  content: "";
  display: block;
  position: relative;
  width: 131px;
  height: 110px;
  background: url(../img/sale/flow4.png);
  background-size: cover;
}
.sale-flow .flow-common_lists li:nth-of-type(5) .textarea span:before {
  content: "";
  display: block;
  position: relative;
  width: 138px;
  height: 103px;
  background: url(../img/sale/flow5.png);
  background-size: cover;
}

/* リンク */
.sale-links {
  padding: 80px 0 100px;
  background: #D0EFF4;
}
@media screen and (max-width: 768px) {
  .sale-links {
    padding: 5rem 0;
  }
}
.sale-links .content {
  max-width: 1006px;
  margin: 0 auto;
}
.sale-links .content:nth-of-type(1) {
  margin-bottom: 5rem;
}
.sale-links .content h2 img {
  max-width: 326px;
  width: 100%;
  margin-bottom: 15px;
}

/* qa */
.qa_section {
  padding-top: 1rem;
  padding-bottom: 6.25rem;
  background: url(../img/advice/qa_bg.png);
}
.qa_section .breadcrumb_wrap {
  margin-bottom: 3.75rem;
}
@media screen and (max-width: 768px) {
  .qa_section {
    background: url(../img/advice/qa_bg_sp.png);
  }
}

.qa-menus {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 5.1875rem !important;
}
@media screen and (max-width: 1024px) {
  .qa-menus {
    flex-wrap: wrap;
    margin-bottom: 1.6875rem !important;
  }
}
.qa-menus li {
  max-width: 250px;
  width: 24%;
}
@media screen and (max-width: 1024px) {
  .qa-menus li {
    max-width: 100%;
    width: 48%;
    margin-bottom: 2.0625rem;
  }
}
.qa-menus li a {
  text-decoration: none;
  text-align: center;
  color: #FFF;
  font-size: 1.25rem;
  font-weight: 500;
}
.qa-menus li a p {
  position: relative;
  margin-top: -12px;
  padding: 7px 35px 7px 15px;
  line-height: 1.3;
  border-radius: 37px;
}
@media screen and (max-width: 768px) {
  .qa-menus li a p {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 4.6875rem;
    padding-right: 0.5625rem;
    padding-left: 0.5625rem;
    font-size: 1rem;
    line-height: 1.25;
  }
}
.qa-menus li a p:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 15px;
  height: 9px;
  top: 50%;
  transform: translateY(-50%);
  right: 18px;
  background: url(../img/qa/arrow.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .qa-menus li a p:before {
    width: 0.6875rem;
    height: 0.375rem;
    right: 0.625rem;
  }
}
.qa-menus li:nth-of-type(1) a p {
  background: #F1B54D;
}
.qa-menus li:nth-of-type(1) a:before {
  content: "";
  display: block;
  width: 116px;
  height: 116px;
  margin: 0 auto;
  background: url(../img/qa/qa_1.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .qa-menus li:nth-of-type(1) a:before {
    width: 4.6875rem;
    height: 4.6875rem;
  }
}
.qa-menus li:nth-of-type(2) a p {
  background: #F1B54D;
}
.qa-menus li:nth-of-type(2) a:before {
  content: "";
  display: block;
  width: 116px;
  height: 116px;
  margin: 0 auto;
  background: url(../img/qa/qa_2.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .qa-menus li:nth-of-type(2) a:before {
    width: 4.6875rem;
    height: 4.6875rem;
  }
}
.qa-menus li:nth-of-type(3) a p {
  background: #44A813;
}
.qa-menus li:nth-of-type(3) a:before {
  content: "";
  display: block;
  width: 116px;
  height: 116px;
  margin: 0 auto;
  background: url(../img/qa/qa_3.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .qa-menus li:nth-of-type(3) a:before {
    width: 4.6875rem;
    height: 4.6875rem;
  }
}
.qa-menus li:nth-of-type(4) a p {
  background: #44A813;
}
.qa-menus li:nth-of-type(4) a:before {
  content: "";
  display: block;
  width: 116px;
  height: 116px;
  margin: 0 auto;
  background: url(../img/qa/qa_4.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .qa-menus li:nth-of-type(4) a:before {
    width: 4.6875rem;
    height: 4.6875rem;
  }
}

.qa-contents .qa-content:not(:last-child) {
  margin-bottom: 60px;
}
.qa-contents .qa-content h2 {
  position: relative;
  margin-bottom: 28px;
  padding: 12px 12px 12px 109px;
  color: #FFF;
  font-size: 32px;
  font-weight: 500;
  border-radius: 37px;
}
@media screen and (max-width: 768px) {
  .qa-contents .qa-content h2 {
    margin-bottom: 2.5rem;
    padding: 0.75rem;
    text-align: center;
    font-size: 1.5rem;
    line-height: 1.083;
  }
}
@media screen and (max-width: 480px) {
  .qa-contents .qa-content h2 {
    padding-left: 3.75rem;
  }
}
.qa-contents .qa-content:nth-of-type(1) h2 {
  background: #F1B54D;
}
.qa-contents .qa-content:nth-of-type(1) h2:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 92px;
  height: 92px;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  background: url(../img/qa/qa_1.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .qa-contents .qa-content:nth-of-type(1) h2:before {
    width: 3.875rem;
    height: 3.875rem;
    left: 0.5rem;
  }
}
.qa-contents .qa-content:nth-of-type(2) h2 {
  background: #F1B54D;
}
.qa-contents .qa-content:nth-of-type(2) h2:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 92px;
  height: 92px;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  background: url(../img/qa/qa_2.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .qa-contents .qa-content:nth-of-type(2) h2:before {
    width: 3.875rem;
    height: 3.875rem;
    left: 0.5rem;
  }
}
.qa-contents .qa-content:nth-of-type(3) h2 {
  background: #44A813;
}
.qa-contents .qa-content:nth-of-type(3) h2:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 92px;
  height: 92px;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  background: url(../img/qa/qa_3.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .qa-contents .qa-content:nth-of-type(3) h2:before {
    width: 3.875rem;
    height: 3.875rem;
    left: 0.5rem;
  }
}
.qa-contents .qa-content:nth-of-type(4) h2 {
  background: #44A813;
}
.qa-contents .qa-content:nth-of-type(4) h2:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 92px;
  height: 92px;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  background: url(../img/qa/qa_4.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .qa-contents .qa-content:nth-of-type(4) h2:before {
    width: 3.875rem;
    height: 3.875rem;
    left: 0.5rem;
  }
}

/*  saving */
.saving-recommend__common {
  width: 100%;
  padding-top: 1rem;
  padding-bottom: 100px;
  background: linear-gradient(to bottom, rgba(68, 168, 19, 0.17), #44A813), url(../img/advice/recommend_bg.png);
}

.saving-breadcrumb__wrap {
  margin-bottom: 70px;
}

/* saving-recommend */
.saving-recommend__lists {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.5rem;
  max-width: 708px;
  margin: 0 auto 2.5rem !important;
}
@media screen and (max-width: 768px) {
  .saving-recommend__lists {
    max-width: 500px;
  }
}
@media screen and (max-width: 480px) {
  .saving-recommend__lists {
    max-width: 20.9375rem;
  }
}
.saving-recommend__lists:before {
  right: inherit;
  left: 52%;
  transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
  .saving-recommend__lists:before {
    right: -3.125rem;
    left: inherit;
  }
}
.saving-recommend__lists.recommend-commo_lists li:not(:last-child) {
  margin-bottom: 0;
}

.saving-recommend__list {
  width: 49%;
}
@media screen and (max-width: 768px) {
  .saving-recommend__list {
    width: 100%;
    justify-content: flex-start !important;
  }
}
.saving-recommend__list:nth-of-type(2) {
  position: relative;
}
.saving-recommend__list:nth-of-type(2):after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 123px;
  height: 88px;
  top: -8px;
  right: -58px;
  background: url(../img/choose/recommend_decoration.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .saving-recommend__list:nth-of-type(2):after {
    width: 4.0625rem;
    height: 2.9375rem;
    top: 0.9375rem;
    right: 1.875rem;
  }
}

.saving-recommend__list-text {
  flex: 2;
}

.saving-recommend__list.list1 .saving-recommend__list-text {
  max-width: 186px;
}
.saving-recommend__list.list2 .saving-recommend__list-text {
  max-width: 154px;
}
.saving-recommend__list.list3 .saving-recommend__list-text {
  max-width: 182px;
}
.saving-recommend__list.list4 .saving-recommend__list-text {
  max-width: 151px;
}
@media screen and (max-width: 768px) {
  .saving-recommend__list.list1 .saving-recommend__list-text, .saving-recommend__list.list2 .saving-recommend__list-text, .saving-recommend__list.list3 .saving-recommend__list-text, .saving-recommend__list.list4 .saving-recommend__list-text {
    max-width: 100%;
  }
}

.saving-recommend__textarea {
  color: #FFFFFF;
  line-height: 2;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .saving-recommend__textarea {
    font-size: 0.875rem;
  }
}

/* saving-detail */
.saving-detail {
  padding-top: 86px;
  padding-bottom: 100px;
  background: #F9FFEF;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .saving-detail {
    padding-top: 4rem;
    padding-bottom: 5rem;
  }
}

.saving-detail__heading {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  margin-bottom: 153px;
}
.saving-detail__heading .is_secondary {
  position: relative;
  text-align: center;
  font-weight: 500;
}
.saving-detail__heading .is_secondary:after {
  content: "";
  display: block;
  width: 89px;
  height: 28px;
  margin: 0.5rem auto 0;
  background: url(../img/common/heading_icon.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .saving-detail__heading .is_secondary:after {
    width: 51px;
    height: 16px;
  }
}
.saving-detail__heading::before {
  position: relative;
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: -140px;
  transform: translateY(-50%);
  width: 130px;
  height: 133px;
  background: url(../img/saving/detail_heading_left.png);
  background-size: cover;
  z-index: 1;
}
.saving-detail__heading::after {
  position: relative;
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: -149px;
  transform: translateY(-50%);
  width: 139px;
  height: 133px;
  background: url(../img/saving/detail_heading_right.png);
  background-size: cover;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .saving-detail__heading {
    margin-bottom: 6.4375rem;
  }
  .saving-detail__heading::before {
    top: -0.625rem;
    left: -3.125rem;
    width: 4.3125rem;
    height: 4.4375rem;
    transform: unset;
  }
  .saving-detail__heading::after {
    top: -0.625rem;
    right: -3.125rem;
    width: 4.625rem;
    height: 4.4375rem;
    transform: unset;
  }
}

.saving-detail__heading-image img {
  max-width: 435px;
  width: 100%;
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
  .saving-detail__heading-image img {
    max-width: 14.4375rem;
  }
}

.saving-detail__heading-text {
  color: #FF6E00;
  font-size: 58px;
}
@media screen and (max-width: 768px) {
  .saving-detail__heading-text {
    margin-top: 1rem;
    font-size: 1.875rem;
    line-height: 1.16;
  }
}

/* saving-flow */
.saving-flow {
  margin: 5rem auto;
  padding: 0 60px;
  overflow: hidden;
}
@media screen and (max-width: 1235px) {
  .saving-flow .l-inner {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
@media screen and (max-width: 768px) {
  .saving-flow {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
.saving-flow .bg {
  width: 100%;
  padding: 8px 0 5rem;
  background: url(../img/common/pattern_bg.png);
  background-size: cover;
  border-radius: 230px;
}
@media screen and (max-width: 768px) {
  .saving-flow .bg {
    padding-top: 2.5rem;
    background: url(../img/common/pattern_bg_sp.png);
    background-size: cover;
    border-radius: 3.8125rem;
  }
}

@media screen and (max-width: 768px) {
  .saving-flow__list .textarea p {
    text-align: center;
  }
}

.saving-flow__list-image.image1:before {
  content: "";
  display: inline-block;
  width: 7.625rem;
  height: 5.5625rem;
  background: url(../img/saving/flow1.png);
  background-size: cover;
}
.saving-flow__list-image.image2:before {
  content: "";
  position: relative;
  display: inline-block;
  width: 5.9375rem;
  height: 6.4375rem;
  bottom: -1.25rem;
  background: url(../img/land/flow2.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .saving-flow__list-image.image2:before {
    position: inherit;
  }
}
.saving-flow__list-image.image3:before {
  content: "";
  display: block;
  width: 7.625rem;
  height: 7.1875rem;
  background: url(../img/planning/flow3.png);
  background-size: cover;
}
.saving-flow__list-image.image4:before {
  content: "";
  display: inline-block;
  width: 7.625rem;
  height: 5.5625rem;
  background: url(../img/saving/flow1.png);
  background-size: cover;
}

.saving-flow__heading {
  margin-bottom: 98px;
}
.saving-flow__heading .is_secondary {
  position: relative;
  text-align: center;
  font-weight: 500;
  font-size: 48px;
}
.saving-flow__heading .is_secondary:after {
  content: "";
  display: block;
  width: 89px;
  height: 28px;
  margin: 0.5rem auto 0;
  background: url(../img/common/heading_icon.png);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .saving-flow__heading .is_secondary:after {
    width: 51px;
    height: 16px;
  }
}
@media screen and (max-width: 768px) {
  .saving-flow__heading .is_secondary {
    font-size: 1.875rem;
  }
}

.saving-flow__heading-image img {
  max-width: 435px;
  width: 100%;
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
  .saving-flow__heading-image img {
    max-width: 17.6875rem;
    margin-bottom: 3rem;
  }
}
/*# sourceMappingURL=style.css.map */