@charset "UTF-8";
#main .faqList dt, body.privacy #main .article section h3, body.rure #main .article section h3, body.privacy #main .article section h2, body.rure #main .article section h2, body.contact #main .article .privacyPolicy .term h2,
body.contact #main .article .privacyPolicy .term h3, body.saleconsul #main .article .privacyPolicy .term h2,
body.saleconsul #main .article .privacyPolicy .term h3, body.service #main .article .privacyPolicy .term h2,
body.service #main .article .privacyPolicy .term h3, body.contact2 #main .article .privacyPolicy .term h2,
body.contact2 #main .article .privacyPolicy .term h3, body.contact #main .article .privacyPolicy .label, body.saleconsul #main .article .privacyPolicy .label, body.service #main .article .privacyPolicy .label, body.contact2 #main .article .privacyPolicy .label, body.recruit #main .article .sNav .bt, body.company #main .article .section01 .inner h2 .small, body.company #main .article .sNav .bt, body.benefit #main .article .section02 section > dl > dt, body.benefit #main .article .section02 section > dl strong, body.benefit #main .article .section02 h3, body.loan #main .article .section04 .column h3, body.loan #main .article .section03 .block03 .item01 .panel .line01 span, body.loan #main .article .section03 .block03 .item .panel .line02, body.loan #main .article .section03 .block03 h3, body.loan #main .article .section03 .block02 .result, body.loan #main .article .section03 .block02 .inputArea .item .inputLine div input[type=text], body.loan #main .article .section03 .block02 .inputArea .item, body.loan #main .article .section03 .block02 > .label, body.loan #main .article .section03 .block01 .text p strong, body.loan #main .article .section03 .block01 .text .label, body.loan #main .article .section01 .text a, body.flow #main .article .section .flowList .item h3, body.lineup #main .article .section03 .inner .item h3, body.lineup #main .article .section02 .inner .column .label, body.lineup #main .article .section .sectionHeader h2, body.after #main .article .section03 .block01 + .note strong, body.after #main .article .section03 .block01 .item .detail span, body.after #main .article .section02 .block02 .item h4, body.after #main .article .section02 .block01 .item .num, body.after #main .article .section01 .block02 .item .panel .line02, body.after #main .article .section01 .block01 .item, body.guarantee #main .article .section03 .block02 dl dt, body.guarantee #main .article .section03 .block01 .item h3, body.guarantee #main .article .section01 .block01 .item h3, body.guarantee #main .article .section .sectionHeader01 .num, body.guarantee #main .article .menu .inner .item .label, body.guarantee #main .article .menu .inner .item .num, body.method #main .article .section .column h3, body.facility #main .article .section .inner .btPdf a, body.facility #main .article .section .inner .item .balloon, body.facility #main .article .section .inner .item h3, body.consistently #main .article .section01 .inner .item .label, body.consistently #main .article .section01 .inner .item .num, body.interview #main .post .postBody .secondary .item .label, body.interview #main .post .postBody .primary h6, body.interview #main .post .postBody .primary h5, body.interview #main .post .postBody .primary h4, body.interview #main .post .postBody .primary h3, body.interview #main .post .postBody .primary h2, body.interview #main .post .postHeader .text .name, #main .interviewList .inner .item .text .name, #main .caseList .inner .item .text .title, #main .caseList .inner .item .icon, #main .caseTab .inner .item, .voice #main .post .postBody h6, .voice #main .post .postBody h5, .voice #main .post .postBody h4, .voice #main .post .postBody h3, .voice #main .post .postBody h2, .voice #main .post .postHeader .text .title, .voice #main .post .postHeader .text .icon, .construction #main .post .postBody h6, .construction #main .post .postBody h5, .construction #main .post .postBody h4, .construction #main .post .postBody h3, .construction #main .post .postBody h2, .construction #main .post .postHeader .text .title, .construction #main .post .postHeader .text .icon, .life_pick_up #main .post .postBody .column h3, .life_pick_up #main .post .postBody h2, .life_pick_up #main .post .postHeader .text .title, .life_pick_up #main .post .postHeader .text .data .icon, .area_pick_up #main .post .postBody .data .inner .item, .area_pick_up #main .post .postBody .support .list li, .area_pick_up #main .post .postBody .other section h3, .area_pick_up #main .post .postBody .repo .inner > .text dl dt, .area_pick_up #main .post .postBody .repo h3, .area_pick_up #main .post .postBody .lead .access, .area_pick_up #main .post .postBody .lead .block01 .point li, .area_pick_up #main .post .postBody .text strong, .area_pick_up #main .post .postBody h2, .area_pick_up #main .post .postHeader .text .title, .area_pick_up #main .post .postHeader .text .icons .icon, #main .nav-links .inner .page-numbers.prev, #main .nav-links .inner .page-numbers.next, #main .pickUpList .secondary .link .text .ja, #main .pickUpList .secondary .sideNav .area .btn, #main .pickUpList .secondary .sideNav .area .name, #main .pickUpList .secondary .sideNav .label, #main .pickUpList .primary .item .text .title, #main .pickUpList .primary .item .text .data .icon, #main .pickUpPrimary .list .item .text, #main .pickUpPrimary .list .item .icon, #main .searchMenu .block02 .item .link .link01,
#main .searchMenu .block02 .item .link .link02, #main .searchMenu .block02 .item .label .ja, #main .searchMenu .block01 .item input[type=submit], #main .searchMenu .block01 .item label, #main .sectionTheme .list .item a .text, #main .smallLinkBtns .link .ja, #main .topCase .list .item a .title, #main .sectionConcept .list .item a .text .ja, #main .sectionColumn .list .item a .text .title, #main .sectionLifepickup .list .item a .text .title, #main .sectionLifepickup .list .item a .image .category, #main .sectionAreapickup .list .item a .text .title, #main .sectionAreapickup .list .item a .image .area, #main .topCatch .inner .box02 .text .line02, #main .topCatch .inner .box02 .text .line01, #main .sectionLineup .link, #main .sectionLineup .list .item a .text, #main .sectionNew .list .item a .text .type, #main .article .nextPage a, #main .article .tabNav .inner .bt, #main .headline .lead, #main .pageHeader02 .pageTitle .ja, #main .pageHeader01 .propertyNumbers .line02 .area, #main .pageHeader01 .propertyNumbers .line01 .number, #main .pageHeader01 .pageTitle .ja, body.search #main .pageHeader01 .inner .catch .ja, #wrap .cv .btn, #footer .fNav .box02 > ul > li > a, #footer .fNav .box01 .link, #footer .contact .list .item .link, #footer .contact .list .item .businessHours strong, #footer .contact .list .item .label, #header .line02 nav #gNav, #header .userMenu ul, .title01 .ja, body.contact #main .article .btns button,
body.contact #main .article .btns a, body.saleconsul #main .article .btns button,
body.saleconsul #main .article .btns a, body.service #main .article .btns button,
body.service #main .article .btns a, body.contact2 #main .article .btns button,
body.contact2 #main .article .btns a, #main .nav-links .inner .link, #main .sectionTheme .link, #main .sectionNews .link, #main .topCase .links .link, #main .topCase .link.sp, #main .sectionConcept .link, #main .sectionLifepickup .link, #main .sectionAreapickup .link, #main .sectionNew .link, #main .topMainVisual .slider .slide .catch .link, #main .article .link {
  font-weight: bold;
  font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
}

body.company #main .article .section01 .inner .image .signature, body.benefit #main .article .section01 section h3, body.loan #main .article .section03 .block03 .item .panel .line01, body.lineup #main .article .section .inner section h3, body.after #main .article .section02 .block01 .item .label, body.after #main .article .section02 .block01 h3,
body.after #main .article .section02 .block02 h3, body.after #main .article .section01 .block02 .item .panel .line01, body.after #main .article .section01 .block02 h3, body.guarantee #main .article .section02 .item h4, body.guarantee #main .article .section02 h3, body.method #main .article .section section h3, body.consistently #main .article .section02 .item .num, body.interview #main .post .postHeader .text .catch, #main .interviewList .lead, body.consistently #main .article .section02 .item .label, #main .article .catch,
#main .article h2 {
  font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HiraMinProN-W3", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

body.loan #main .article .section03 .block01 .text::after, .area_pick_up #main .post .postBody .repo .inner > .text dl::after {
  content: "";
  display: block;
  clear: both;
}

#main .pickUpList .secondary .sideNav .area .btn::after {
  display: block;
  width: 0;
  height: 0;
  border: 0 solid transparent;
}

#main .sectionConcept .title, #main .topMainVisual .slider .slide .catch .line01, #main .pageHeader01 .propertyNumbers .line01 .label {
  font-family: "Noto Serif JP", serif;
}

#main .faqList dt::before, #main .pickUpList .secondary .link .text .en, #main .searchMenu .block02 .item .label .en, #main .smallLinkBtns .link .en, #main .sectionConcept .list .item a .text .en, #main .article .nextPage.toBenefit a .en, #main .pageHeader02 .pageTitle .en, #main .pageHeader01 .pageTitle .en, body.search #main .pageHeader01 .inner .catch .en, .title01 .en {
  font-family: "Marcellus", serif;
}

body.interview #main .post .postHeader .text .name .en, .life_pick_up #main .post .postHeader .text .data .date, .area_pick_up #main .post .postHeader .text .date, #main .nav-links .inner .page-numbers, #main .sectionNews .list dl dt, #main .sectionLifepickup .list .item a .text .date, #main .sectionAreapickup .list .item a .text .date, #main .topCatch .inner .box02 .text .line02 strong, #main .sectionNew .list .item a .text .price strong, #main .pageHeader01 .propertyNumbers .line02 .area strong, #main .pageHeader01 .propertyNumbers .line01 .number strong, #footer .contact .list .item .tel, #header .contact .tel {
  font-family: "Roboto", sans-serif;
}

body.consistently #main .article .section02 .item .label, #main .article .catch,
#main .article h2 {
  line-height: 1.4666666667;
  font-size: 0.3rem;
  font-weight: bold;
}
body.consistently #main .article .section02 .item .label::before, #main .article .catch::before,
#main .article h2::before, body.consistently #main .article .section02 .item .label::after, #main .article .catch::after,
#main .article h2::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
body.consistently #main .article .section02 .item .label::before, #main .article .catch::before,
#main .article h2::before {
  margin-bottom: -0.2333333333em;
}
body.consistently #main .article .section02 .item .label::after, #main .article .catch::after,
#main .article h2::after {
  margin-top: -0.2333333333em;
}
@media screen and (max-width: 750px) {
  body.consistently #main .article .section02 .item .label, #main .article .catch,
  #main .article h2 {
    font-size: 0.4rem;
  }
  body.consistently #main .article .section02 .item .label br:not([class]), #main .article .catch br:not([class]),
  #main .article h2 br:not([class]) {
    display: none;
  }
}

#main .caseTab .inner .item, #main .searchMenu .block02 .item .link .link01,
#main .searchMenu .block02 .item .link .link02, #main .article .sNav .bt, #footer .fNav .box01 .link, #footer .contact .list .item .link, body.contact #main .article .btns button,
body.contact #main .article .btns a, body.saleconsul #main .article .btns button,
body.saleconsul #main .article .btns a, body.service #main .article .btns button,
body.service #main .article .btns a, body.contact2 #main .article .btns button,
body.contact2 #main .article .btns a, #main .nav-links .inner .link, #main .sectionTheme .link, #main .sectionNews .link, #main .topCase .links .link, #main .topCase .link.sp, #main .sectionConcept .link, #main .sectionLifepickup .link, #main .sectionAreapickup .link, #main .sectionNew .link, #main .topMainVisual .slider .slide .catch .link, #main .article .link {
  display: block;
  position: relative;
  z-index: 1;
}
#main .caseTab .inner .item::before, #main .searchMenu .block02 .item .link .link01::before,
#main .searchMenu .block02 .item .link .link02::before, #main .article .sNav .bt::before, #footer .fNav .box01 .link::before, #footer .contact .list .item .link::before, body.contact #main .article .btns button::before,
body.contact #main .article .btns a::before, body.saleconsul #main .article .btns button::before,
body.saleconsul #main .article .btns a::before, body.service #main .article .btns button::before,
body.service #main .article .btns a::before, body.contact2 #main .article .btns button::before,
body.contact2 #main .article .btns a::before, #main .nav-links .inner .link::before, #main .sectionTheme .link::before, #main .sectionNews .link::before, #main .topCase .links .link::before, #main .topCase .link.sp::before, #main .sectionConcept .link::before, #main .sectionLifepickup .link::before, #main .sectionAreapickup .link::before, #main .sectionNew .link::before, #main .topMainVisual .slider .slide .catch .link::before, #main .article .link::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  transition: 0.3s;
  transition-property: opacity, transform;
}
#main .caseTab .inner [disabled].item, #main .searchMenu .block02 .item .link [disabled].link01,
#main .searchMenu .block02 .item .link [disabled].link02, #main .article .sNav [disabled].bt, #footer .fNav .box01 [disabled].link, #footer .contact .list .item [disabled].link, body.contact #main .article .btns button[disabled],
body.contact #main .article .btns a[disabled], body.saleconsul #main .article .btns button[disabled],
body.saleconsul #main .article .btns a[disabled], body.service #main .article .btns button[disabled],
body.service #main .article .btns a[disabled], body.contact2 #main .article .btns button[disabled],
body.contact2 #main .article .btns a[disabled], #main .nav-links .inner [disabled].link, #main .sectionTheme [disabled].link, #main .sectionNews [disabled].link, #main .topCase .links [disabled].link, #main .topCase [disabled].link.sp, #main .sectionConcept [disabled].link, #main .sectionLifepickup [disabled].link, #main .sectionAreapickup [disabled].link, #main .sectionNew [disabled].link, #main .topMainVisual .slider .slide .catch [disabled].link, #main .article [disabled].link, html:not(.mobile) #main .caseTab .inner .item:hover, #main .caseTab .inner html:not(.mobile) .item:hover, html:not(.mobile) #main .searchMenu .block02 .item .link .link01:hover, #main .searchMenu .block02 .item .link html:not(.mobile) .link01:hover,
html:not(.mobile) #main .searchMenu .block02 .item .link .link02:hover,
#main .searchMenu .block02 .item .link html:not(.mobile) .link02:hover, html:not(.mobile) #main .article .sNav .bt:hover, #main .article .sNav html:not(.mobile) .bt:hover, html:not(.mobile) #footer .fNav .box01 .link:hover, #footer .fNav .box01 html:not(.mobile) .link:hover, html:not(.mobile) #footer .contact .list .item .link:hover, #footer .contact .list .item html:not(.mobile) .link:hover, html:not(.mobile) body.contact #main .article .btns button:hover, body.contact #main .article .btns html:not(.mobile) button:hover,
html:not(.mobile) body.contact #main .article .btns a:hover,
body.contact #main .article .btns html:not(.mobile) a:hover, html:not(.mobile) body.saleconsul #main .article .btns button:hover, body.saleconsul #main .article .btns html:not(.mobile) button:hover,
html:not(.mobile) body.saleconsul #main .article .btns a:hover,
body.saleconsul #main .article .btns html:not(.mobile) a:hover, html:not(.mobile) body.service #main .article .btns button:hover, body.service #main .article .btns html:not(.mobile) button:hover,
html:not(.mobile) body.service #main .article .btns a:hover,
body.service #main .article .btns html:not(.mobile) a:hover, html:not(.mobile) body.contact2 #main .article .btns button:hover, body.contact2 #main .article .btns html:not(.mobile) button:hover,
html:not(.mobile) body.contact2 #main .article .btns a:hover,
body.contact2 #main .article .btns html:not(.mobile) a:hover, html:not(.mobile) #main .nav-links .inner .link:hover, #main .nav-links .inner html:not(.mobile) .link:hover, html:not(.mobile) #main .sectionTheme .link:hover, #main .sectionTheme html:not(.mobile) .link:hover, html:not(.mobile) #main .sectionNews .link:hover, #main .sectionNews html:not(.mobile) .link:hover, html:not(.mobile) #main .topCase .links .link:hover, #main .topCase .links html:not(.mobile) .link:hover, html:not(.mobile) #main .topCase .link.sp:hover, #main .topCase html:not(.mobile) .link.sp:hover, html:not(.mobile) #main .sectionConcept .link:hover, #main .sectionConcept html:not(.mobile) .link:hover, html:not(.mobile) #main .sectionLifepickup .link:hover, #main .sectionLifepickup html:not(.mobile) .link:hover, html:not(.mobile) #main .sectionAreapickup .link:hover, #main .sectionAreapickup html:not(.mobile) .link:hover, html:not(.mobile) #main .sectionNew .link:hover, #main .sectionNew html:not(.mobile) .link:hover, html:not(.mobile) #main .topMainVisual .slider .slide .catch .link:hover, #main .topMainVisual .slider .slide .catch html:not(.mobile) .link:hover, html:not(.mobile) #main .article .link:hover, #main .article html:not(.mobile) .link:hover {
  text-decoration: none;
}
#main .caseTab .inner [disabled].item::before, #main .searchMenu .block02 .item .link [disabled].link01::before,
#main .searchMenu .block02 .item .link [disabled].link02::before, #main .article .sNav [disabled].bt::before, #footer .fNav .box01 [disabled].link::before, #footer .contact .list .item [disabled].link::before, body.contact #main .article .btns button[disabled]::before,
body.contact #main .article .btns a[disabled]::before, body.saleconsul #main .article .btns button[disabled]::before,
body.saleconsul #main .article .btns a[disabled]::before, body.service #main .article .btns button[disabled]::before,
body.service #main .article .btns a[disabled]::before, body.contact2 #main .article .btns button[disabled]::before,
body.contact2 #main .article .btns a[disabled]::before, #main .nav-links .inner [disabled].link::before, #main .sectionTheme [disabled].link::before, #main .sectionNews [disabled].link::before, #main .topCase .links [disabled].link::before, #main .topCase [disabled].link.sp::before, #main .sectionConcept [disabled].link::before, #main .sectionLifepickup [disabled].link::before, #main .sectionAreapickup [disabled].link::before, #main .sectionNew [disabled].link::before, #main .topMainVisual .slider .slide .catch [disabled].link::before, #main .article [disabled].link::before, html:not(.mobile) #main .caseTab .inner .item:hover::before, #main .caseTab .inner html:not(.mobile) .item:hover::before, html:not(.mobile) #main .searchMenu .block02 .item .link .link01:hover::before, #main .searchMenu .block02 .item .link html:not(.mobile) .link01:hover::before,
html:not(.mobile) #main .searchMenu .block02 .item .link .link02:hover::before,
#main .searchMenu .block02 .item .link html:not(.mobile) .link02:hover::before, html:not(.mobile) #main .article .sNav .bt:hover::before, #main .article .sNav html:not(.mobile) .bt:hover::before, html:not(.mobile) #footer .fNav .box01 .link:hover::before, #footer .fNav .box01 html:not(.mobile) .link:hover::before, html:not(.mobile) #footer .contact .list .item .link:hover::before, #footer .contact .list .item html:not(.mobile) .link:hover::before, html:not(.mobile) body.contact #main .article .btns button:hover::before, body.contact #main .article .btns html:not(.mobile) button:hover::before,
html:not(.mobile) body.contact #main .article .btns a:hover::before,
body.contact #main .article .btns html:not(.mobile) a:hover::before, html:not(.mobile) body.saleconsul #main .article .btns button:hover::before, body.saleconsul #main .article .btns html:not(.mobile) button:hover::before,
html:not(.mobile) body.saleconsul #main .article .btns a:hover::before,
body.saleconsul #main .article .btns html:not(.mobile) a:hover::before, html:not(.mobile) body.service #main .article .btns button:hover::before, body.service #main .article .btns html:not(.mobile) button:hover::before,
html:not(.mobile) body.service #main .article .btns a:hover::before,
body.service #main .article .btns html:not(.mobile) a:hover::before, html:not(.mobile) body.contact2 #main .article .btns button:hover::before, body.contact2 #main .article .btns html:not(.mobile) button:hover::before,
html:not(.mobile) body.contact2 #main .article .btns a:hover::before,
body.contact2 #main .article .btns html:not(.mobile) a:hover::before, html:not(.mobile) #main .nav-links .inner .link:hover::before, #main .nav-links .inner html:not(.mobile) .link:hover::before, html:not(.mobile) #main .sectionTheme .link:hover::before, #main .sectionTheme html:not(.mobile) .link:hover::before, html:not(.mobile) #main .sectionNews .link:hover::before, #main .sectionNews html:not(.mobile) .link:hover::before, html:not(.mobile) #main .topCase .links .link:hover::before, #main .topCase .links html:not(.mobile) .link:hover::before, html:not(.mobile) #main .topCase .link.sp:hover::before, #main .topCase html:not(.mobile) .link.sp:hover::before, html:not(.mobile) #main .sectionConcept .link:hover::before, #main .sectionConcept html:not(.mobile) .link:hover::before, html:not(.mobile) #main .sectionLifepickup .link:hover::before, #main .sectionLifepickup html:not(.mobile) .link:hover::before, html:not(.mobile) #main .sectionAreapickup .link:hover::before, #main .sectionAreapickup html:not(.mobile) .link:hover::before, html:not(.mobile) #main .sectionNew .link:hover::before, #main .sectionNew html:not(.mobile) .link:hover::before, html:not(.mobile) #main .topMainVisual .slider .slide .catch .link:hover::before, #main .topMainVisual .slider .slide .catch html:not(.mobile) .link:hover::before, html:not(.mobile) #main .article .link:hover::before, #main .article html:not(.mobile) .link:hover::before {
  opacity: 0;
  transform: scale(0.5, 1);
}

body.contact #main .article .btns button,
body.contact #main .article .btns a, body.saleconsul #main .article .btns button,
body.saleconsul #main .article .btns a, body.service #main .article .btns button,
body.service #main .article .btns a, body.contact2 #main .article .btns button,
body.contact2 #main .article .btns a, #main .nav-links .inner .link, #main .sectionTheme .link, #main .sectionNews .link, #main .topCase .links .link, #main .topCase .link.sp, #main .sectionConcept .link, #main .sectionLifepickup .link, #main .sectionAreapickup .link, #main .sectionNew .link, #main .topMainVisual .slider .slide .catch .link, #main .article .link {
  box-sizing: border-box;
  width: 3.4rem;
  border: 1px solid #2d3441;
  background: #fff;
  background-origin: border-box;
  border-radius: 0.04rem;
  color: #fff;
  font-size: 0.16rem;
  line-height: calc(0.64rem - 2px);
  transition: color 0.3s;
}
body.contact #main .article .btns button::before,
body.contact #main .article .btns a::before, body.saleconsul #main .article .btns button::before,
body.saleconsul #main .article .btns a::before, body.service #main .article .btns button::before,
body.service #main .article .btns a::before, body.contact2 #main .article .btns button::before,
body.contact2 #main .article .btns a::before, #main .nav-links .inner .link::before, #main .sectionTheme .link::before, #main .sectionNews .link::before, #main .topCase .links .link::before, #main .topCase .link.sp::before, #main .sectionConcept .link::before, #main .sectionLifepickup .link::before, #main .sectionAreapickup .link::before, #main .sectionNew .link::before, #main .topMainVisual .slider .slide .catch .link::before, #main .article .link::before {
  background: #2d3441;
}
body.contact #main .article .btns button::after,
body.contact #main .article .btns a::after, body.saleconsul #main .article .btns button::after,
body.saleconsul #main .article .btns a::after, body.service #main .article .btns button::after,
body.service #main .article .btns a::after, body.contact2 #main .article .btns button::after,
body.contact2 #main .article .btns a::after, #main .nav-links .inner .link::after, #main .sectionTheme .link::after, #main .sectionNews .link::after, #main .topCase .links .link::after, #main .topCase .link.sp::after, #main .sectionConcept .link::after, #main .sectionLifepickup .link::after, #main .sectionAreapickup .link::after, #main .sectionNew .link::after, #main .topMainVisual .slider .slide .catch .link::after, #main .article .link::after {
  content: "";
  display: block;
  width: 0.43rem;
  height: 0.03rem;
  background: url("../imgs/blt-btn.png") 0 0/auto 100% no-repeat;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate3d(0, -50%, 0);
  transition: transform 0.3s;
}
body.contact #main .article .btns button[disabled],
body.contact #main .article .btns a[disabled], body.saleconsul #main .article .btns button[disabled],
body.saleconsul #main .article .btns a[disabled], body.service #main .article .btns button[disabled],
body.service #main .article .btns a[disabled], body.contact2 #main .article .btns button[disabled],
body.contact2 #main .article .btns a[disabled], #main .nav-links .inner [disabled].link, #main .sectionTheme [disabled].link, #main .sectionNews [disabled].link, #main .topCase .links [disabled].link, #main .topCase [disabled].link.sp, #main .sectionConcept [disabled].link, #main .sectionLifepickup [disabled].link, #main .sectionAreapickup [disabled].link, #main .sectionNew [disabled].link, #main .topMainVisual .slider .slide .catch [disabled].link, #main .article [disabled].link, html:not(.mobile) body.contact #main .article .btns button:hover, body.contact #main .article .btns html:not(.mobile) button:hover,
html:not(.mobile) body.contact #main .article .btns a:hover,
body.contact #main .article .btns html:not(.mobile) a:hover, html:not(.mobile) body.saleconsul #main .article .btns button:hover, body.saleconsul #main .article .btns html:not(.mobile) button:hover,
html:not(.mobile) body.saleconsul #main .article .btns a:hover,
body.saleconsul #main .article .btns html:not(.mobile) a:hover, html:not(.mobile) body.service #main .article .btns button:hover, body.service #main .article .btns html:not(.mobile) button:hover,
html:not(.mobile) body.service #main .article .btns a:hover,
body.service #main .article .btns html:not(.mobile) a:hover, html:not(.mobile) body.contact2 #main .article .btns button:hover, body.contact2 #main .article .btns html:not(.mobile) button:hover,
html:not(.mobile) body.contact2 #main .article .btns a:hover,
body.contact2 #main .article .btns html:not(.mobile) a:hover, html:not(.mobile) #main .nav-links .inner .link:hover, #main .nav-links .inner html:not(.mobile) .link:hover, html:not(.mobile) #main .sectionTheme .link:hover, #main .sectionTheme html:not(.mobile) .link:hover, html:not(.mobile) #main .sectionNews .link:hover, #main .sectionNews html:not(.mobile) .link:hover, html:not(.mobile) #main .topCase .links .link:hover, #main .topCase .links html:not(.mobile) .link:hover, html:not(.mobile) #main .topCase .link.sp:hover, #main .topCase html:not(.mobile) .link.sp:hover, html:not(.mobile) #main .sectionConcept .link:hover, #main .sectionConcept html:not(.mobile) .link:hover, html:not(.mobile) #main .sectionLifepickup .link:hover, #main .sectionLifepickup html:not(.mobile) .link:hover, html:not(.mobile) #main .sectionAreapickup .link:hover, #main .sectionAreapickup html:not(.mobile) .link:hover, html:not(.mobile) #main .sectionNew .link:hover, #main .sectionNew html:not(.mobile) .link:hover, html:not(.mobile) #main .topMainVisual .slider .slide .catch .link:hover, #main .topMainVisual .slider .slide .catch html:not(.mobile) .link:hover, html:not(.mobile) #main .article .link:hover, #main .article html:not(.mobile) .link:hover {
  color: #2d3441;
}
body.contact #main .article .btns button[disabled]::after,
body.contact #main .article .btns a[disabled]::after, body.saleconsul #main .article .btns button[disabled]::after,
body.saleconsul #main .article .btns a[disabled]::after, body.service #main .article .btns button[disabled]::after,
body.service #main .article .btns a[disabled]::after, body.contact2 #main .article .btns button[disabled]::after,
body.contact2 #main .article .btns a[disabled]::after, #main .nav-links .inner [disabled].link::after, #main .sectionTheme [disabled].link::after, #main .sectionNews [disabled].link::after, #main .topCase .links [disabled].link::after, #main .topCase [disabled].link.sp::after, #main .sectionConcept [disabled].link::after, #main .sectionLifepickup [disabled].link::after, #main .sectionAreapickup [disabled].link::after, #main .sectionNew [disabled].link::after, #main .topMainVisual .slider .slide .catch [disabled].link::after, #main .article [disabled].link::after, html:not(.mobile) body.contact #main .article .btns button:hover::after, body.contact #main .article .btns html:not(.mobile) button:hover::after,
html:not(.mobile) body.contact #main .article .btns a:hover::after,
body.contact #main .article .btns html:not(.mobile) a:hover::after, html:not(.mobile) body.saleconsul #main .article .btns button:hover::after, body.saleconsul #main .article .btns html:not(.mobile) button:hover::after,
html:not(.mobile) body.saleconsul #main .article .btns a:hover::after,
body.saleconsul #main .article .btns html:not(.mobile) a:hover::after, html:not(.mobile) body.service #main .article .btns button:hover::after, body.service #main .article .btns html:not(.mobile) button:hover::after,
html:not(.mobile) body.service #main .article .btns a:hover::after,
body.service #main .article .btns html:not(.mobile) a:hover::after, html:not(.mobile) body.contact2 #main .article .btns button:hover::after, body.contact2 #main .article .btns html:not(.mobile) button:hover::after,
html:not(.mobile) body.contact2 #main .article .btns a:hover::after,
body.contact2 #main .article .btns html:not(.mobile) a:hover::after, html:not(.mobile) #main .nav-links .inner .link:hover::after, #main .nav-links .inner html:not(.mobile) .link:hover::after, html:not(.mobile) #main .sectionTheme .link:hover::after, #main .sectionTheme html:not(.mobile) .link:hover::after, html:not(.mobile) #main .sectionNews .link:hover::after, #main .sectionNews html:not(.mobile) .link:hover::after, html:not(.mobile) #main .topCase .links .link:hover::after, #main .topCase .links html:not(.mobile) .link:hover::after, html:not(.mobile) #main .topCase .link.sp:hover::after, #main .topCase html:not(.mobile) .link.sp:hover::after, html:not(.mobile) #main .sectionConcept .link:hover::after, #main .sectionConcept html:not(.mobile) .link:hover::after, html:not(.mobile) #main .sectionLifepickup .link:hover::after, #main .sectionLifepickup html:not(.mobile) .link:hover::after, html:not(.mobile) #main .sectionAreapickup .link:hover::after, #main .sectionAreapickup html:not(.mobile) .link:hover::after, html:not(.mobile) #main .sectionNew .link:hover::after, #main .sectionNew html:not(.mobile) .link:hover::after, html:not(.mobile) #main .topMainVisual .slider .slide .catch .link:hover::after, #main .topMainVisual .slider .slide .catch html:not(.mobile) .link:hover::after, html:not(.mobile) #main .article .link:hover::after, #main .article html:not(.mobile) .link:hover::after {
  transform: translate3d(50%, -50%, 0);
}
@media screen and (max-width: 750px) {
  body.contact #main .article .btns button,
  body.contact #main .article .btns a, body.saleconsul #main .article .btns button,
  body.saleconsul #main .article .btns a, body.service #main .article .btns button,
  body.service #main .article .btns a, body.contact2 #main .article .btns button,
  body.contact2 #main .article .btns a, #main .nav-links .inner .link, #main .sectionTheme .link, #main .sectionNews .link, #main .topCase .links .link, #main .topCase .link.sp, #main .sectionConcept .link, #main .sectionLifepickup .link, #main .sectionAreapickup .link, #main .sectionNew .link, #main .topMainVisual .slider .slide .catch .link, #main .article .link {
    width: 6.86rem;
    max-width: 100%;
    border-radius: 0.06rem;
    font-size: 0.3rem;
    line-height: 1.2rem;
  }
  body.contact #main .article .btns button::after,
  body.contact #main .article .btns a::after, body.saleconsul #main .article .btns button::after,
  body.saleconsul #main .article .btns a::after, body.service #main .article .btns button::after,
  body.service #main .article .btns a::after, body.contact2 #main .article .btns button::after,
  body.contact2 #main .article .btns a::after, #main .nav-links .inner .link::after, #main .sectionTheme .link::after, #main .sectionNews .link::after, #main .topCase .links .link::after, #main .topCase .link.sp::after, #main .sectionConcept .link::after, #main .sectionLifepickup .link::after, #main .sectionAreapickup .link::after, #main .sectionNew .link::after, #main .topMainVisual .slider .slide .catch .link::after, #main .article .link::after {
    width: 0.51rem;
    height: 0.06rem;
    background-image: url("../imgs/blt-btn_sp.png");
  }
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
}

body {
  font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 62.5%;
  line-height: 1;
  text-align: center;
  -webkit-text-size-adjust: 100%;
}

fieldset, table, img, a img {
  border: 0;
}

address, em {
  font-style: normal;
}

ul, ol {
  list-style: none;
}

.clearfix {
  zoom: 1;
}

.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

#main .faqList dt, body.privacy #main .article section h3, body.rure #main .article section h3, body.privacy #main .article section h2, body.rure #main .article section h2, body.contact #main .article .privacyPolicy .term h2,
body.contact #main .article .privacyPolicy .term h3, body.saleconsul #main .article .privacyPolicy .term h2,
body.saleconsul #main .article .privacyPolicy .term h3, body.service #main .article .privacyPolicy .term h2,
body.service #main .article .privacyPolicy .term h3, body.contact2 #main .article .privacyPolicy .term h2,
body.contact2 #main .article .privacyPolicy .term h3, body.contact #main .article .privacyPolicy .label, body.saleconsul #main .article .privacyPolicy .label, body.service #main .article .privacyPolicy .label, body.contact2 #main .article .privacyPolicy .label, body.recruit #main .article .sNav .bt, body.company #main .article .section01 .inner h2 .small, body.company #main .article .sNav .bt, body.benefit #main .article .section02 section > dl > dt, body.benefit #main .article .section02 section > dl strong, body.benefit #main .article .section02 h3, body.loan #main .article .section04 .column h3, body.loan #main .article .section03 .block03 .item01 .panel .line01 span, body.loan #main .article .section03 .block03 .item .panel .line02, body.loan #main .article .section03 .block03 h3, body.loan #main .article .section03 .block02 .result, body.loan #main .article .section03 .block02 .inputArea .item .inputLine div input[type=text], body.loan #main .article .section03 .block02 .inputArea .item, body.loan #main .article .section03 .block02 > .label, body.loan #main .article .section03 .block01 .text p strong, body.loan #main .article .section03 .block01 .text .label, body.loan #main .article .section01 .text a, body.flow #main .article .section .flowList .item h3, body.lineup #main .article .section03 .inner .item h3, body.lineup #main .article .section02 .inner .column .label, body.lineup #main .article .section .sectionHeader h2, body.after #main .article .section03 .block01 + .note strong, body.after #main .article .section03 .block01 .item .detail span, body.after #main .article .section02 .block02 .item h4, body.after #main .article .section02 .block01 .item .num, body.after #main .article .section01 .block02 .item .panel .line02, body.after #main .article .section01 .block01 .item, body.guarantee #main .article .section03 .block02 dl dt, body.guarantee #main .article .section03 .block01 .item h3, body.guarantee #main .article .section01 .block01 .item h3, body.guarantee #main .article .section .sectionHeader01 .num, body.guarantee #main .article .menu .inner .item .label, body.guarantee #main .article .menu .inner .item .num, body.method #main .article .section .column h3, body.facility #main .article .section .inner .btPdf a, body.facility #main .article .section .inner .item .balloon, body.facility #main .article .section .inner .item h3, body.consistently #main .article .section01 .inner .item .label, body.consistently #main .article .section01 .inner .item .num, body.interview #main .post .postBody .secondary .item .label, body.interview #main .post .postBody .primary h6, body.interview #main .post .postBody .primary h5, body.interview #main .post .postBody .primary h4, body.interview #main .post .postBody .primary h3, body.interview #main .post .postBody .primary h2, body.interview #main .post .postHeader .text .name, #main .interviewList .inner .item .text .name, #main .caseList .inner .item .text .title, #main .caseList .inner .item .icon, #main .caseTab .inner .item, .voice #main .post .postBody h6, .voice #main .post .postBody h5, .voice #main .post .postBody h4, .voice #main .post .postBody h3, .voice #main .post .postBody h2, .voice #main .post .postHeader .text .title, .voice #main .post .postHeader .text .icon, .construction #main .post .postBody h6, .construction #main .post .postBody h5, .construction #main .post .postBody h4, .construction #main .post .postBody h3, .construction #main .post .postBody h2, .construction #main .post .postHeader .text .title, .construction #main .post .postHeader .text .icon, .life_pick_up #main .post .postBody .column h3, .life_pick_up #main .post .postBody h2, .life_pick_up #main .post .postHeader .text .title, .life_pick_up #main .post .postHeader .text .data .icon, .area_pick_up #main .post .postBody .data .inner .item, .area_pick_up #main .post .postBody .support .list li, .area_pick_up #main .post .postBody .other section h3, .area_pick_up #main .post .postBody .repo .inner > .text dl dt, .area_pick_up #main .post .postBody .repo h3, .area_pick_up #main .post .postBody .lead .access, .area_pick_up #main .post .postBody .lead .block01 .point li, .area_pick_up #main .post .postBody .text strong, .area_pick_up #main .post .postBody h2, .area_pick_up #main .post .postHeader .text .title, .area_pick_up #main .post .postHeader .text .icons .icon, #main .nav-links .inner .page-numbers.prev, #main .nav-links .inner .page-numbers.next, #main .pickUpList .secondary .link .text .ja, #main .pickUpList .secondary .sideNav .area .btn, #main .pickUpList .secondary .sideNav .area .name, #main .pickUpList .secondary .sideNav .label, #main .pickUpList .primary .item .text .title, #main .pickUpList .primary .item .text .data .icon, #main .pickUpPrimary .list .item .text, #main .pickUpPrimary .list .item .icon, #main .searchMenu .block02 .item .link .link01,
#main .searchMenu .block02 .item .link .link02, #main .searchMenu .block02 .item .label .ja, #main .searchMenu .block01 .item input[type=submit], #main .searchMenu .block01 .item label, #main .sectionTheme .list .item a .text, #main .smallLinkBtns .link .ja, #main .topCase .list .item a .title, #main .sectionConcept .list .item a .text .ja, #main .sectionColumn .list .item a .text .title, #main .sectionLifepickup .list .item a .text .title, #main .sectionLifepickup .list .item a .image .category, #main .sectionAreapickup .list .item a .text .title, #main .sectionAreapickup .list .item a .image .area, #main .topCatch .inner .box02 .text .line02, #main .topCatch .inner .box02 .text .line01, #main .sectionLineup .link, #main .sectionLineup .list .item a .text, #main .sectionNew .list .item a .text .type, #main .article .nextPage a, #main .article .tabNav .inner .bt, #main .headline .lead, #main .pageHeader02 .pageTitle .ja, #main .pageHeader01 .propertyNumbers .line02 .area, #main .pageHeader01 .propertyNumbers .line01 .number, #main .pageHeader01 .pageTitle .ja, body.search #main .pageHeader01 .inner .catch .ja, #wrap .cv .btn, #footer .fNav .box02 > ul > li > a, #footer .fNav .box01 .link, #footer .contact .list .item .link, #footer .contact .list .item .businessHours strong, #footer .contact .list .item .label, #header .line02 nav #gNav, #header .userMenu ul, .title01 .ja, body.contact #main .article .btns button,
body.contact #main .article .btns a, body.saleconsul #main .article .btns button,
body.saleconsul #main .article .btns a, body.service #main .article .btns button,
body.service #main .article .btns a, body.contact2 #main .article .btns button,
body.contact2 #main .article .btns a, #main .nav-links .inner .link, #main .sectionTheme .link, #main .sectionNews .link, #main .topCase .links .link, #main .topCase .link.sp, #main .sectionConcept .link, #main .sectionLifepickup .link, #main .sectionAreapickup .link, #main .sectionNew .link, #main .topMainVisual .slider .slide .catch .link, #main .article .link {
  font-weight: bold;
  font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
}

body.company #main .article .section01 .inner .image .signature, body.benefit #main .article .section01 section h3, body.loan #main .article .section03 .block03 .item .panel .line01, body.lineup #main .article .section .inner section h3, body.after #main .article .section02 .block01 .item .label, body.after #main .article .section02 .block01 h3,
body.after #main .article .section02 .block02 h3, body.after #main .article .section01 .block02 .item .panel .line01, body.after #main .article .section01 .block02 h3, body.guarantee #main .article .section02 .item h4, body.guarantee #main .article .section02 h3, body.method #main .article .section section h3, body.consistently #main .article .section02 .item .num, body.interview #main .post .postHeader .text .catch, #main .interviewList .lead, body.consistently #main .article .section02 .item .label, #main .article .catch,
#main .article h2 {
  font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HiraMinProN-W3", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

body.loan #main .article .section03 .block01 .text::after, .area_pick_up #main .post .postBody .repo .inner > .text dl::after {
  content: "";
  display: block;
  clear: both;
}

#main .pickUpList .secondary .sideNav .area .btn::after {
  display: block;
  width: 0;
  height: 0;
  border: 0 solid transparent;
}

#main .sectionConcept .title, #main .topMainVisual .slider .slide .catch .line01, #main .pageHeader01 .propertyNumbers .line01 .label {
  font-family: "Noto Serif JP", serif;
}

#main .faqList dt::before, #main .pickUpList .secondary .link .text .en, #main .searchMenu .block02 .item .label .en, #main .smallLinkBtns .link .en, #main .sectionConcept .list .item a .text .en, #main .article .nextPage.toBenefit a .en, #main .pageHeader02 .pageTitle .en, #main .pageHeader01 .pageTitle .en, body.search #main .pageHeader01 .inner .catch .en, .title01 .en {
  font-family: "Marcellus", serif;
}

body.interview #main .post .postHeader .text .name .en, .life_pick_up #main .post .postHeader .text .data .date, .area_pick_up #main .post .postHeader .text .date, #main .nav-links .inner .page-numbers, #main .sectionNews .list dl dt, #main .sectionLifepickup .list .item a .text .date, #main .sectionAreapickup .list .item a .text .date, #main .topCatch .inner .box02 .text .line02 strong, #main .sectionNew .list .item a .text .price strong, #main .pageHeader01 .propertyNumbers .line02 .area strong, #main .pageHeader01 .propertyNumbers .line01 .number strong, #footer .contact .list .item .tel, #header .contact .tel {
  font-family: "Roboto", sans-serif;
}

body.consistently #main .article .section02 .item .label, #main .article .catch,
#main .article h2 {
  line-height: 1.4666666667;
  font-size: 0.3rem;
  font-weight: bold;
}
body.consistently #main .article .section02 .item .label::before, #main .article .catch::before,
#main .article h2::before, body.consistently #main .article .section02 .item .label::after, #main .article .catch::after,
#main .article h2::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
body.consistently #main .article .section02 .item .label::before, #main .article .catch::before,
#main .article h2::before {
  margin-bottom: -0.2333333333em;
}
body.consistently #main .article .section02 .item .label::after, #main .article .catch::after,
#main .article h2::after {
  margin-top: -0.2333333333em;
}
@media screen and (max-width: 750px) {
  body.consistently #main .article .section02 .item .label, #main .article .catch,
  #main .article h2 {
    font-size: 0.4rem;
  }
  body.consistently #main .article .section02 .item .label br:not([class]), #main .article .catch br:not([class]),
  #main .article h2 br:not([class]) {
    display: none;
  }
}

#main .caseTab .inner .item, #main .searchMenu .block02 .item .link .link01,
#main .searchMenu .block02 .item .link .link02, #main .article .sNav .bt, #footer .fNav .box01 .link, #footer .contact .list .item .link, body.contact #main .article .btns button,
body.contact #main .article .btns a, body.saleconsul #main .article .btns button,
body.saleconsul #main .article .btns a, body.service #main .article .btns button,
body.service #main .article .btns a, body.contact2 #main .article .btns button,
body.contact2 #main .article .btns a, #main .nav-links .inner .link, #main .sectionTheme .link, #main .sectionNews .link, #main .topCase .links .link, #main .topCase .link.sp, #main .sectionConcept .link, #main .sectionLifepickup .link, #main .sectionAreapickup .link, #main .sectionNew .link, #main .topMainVisual .slider .slide .catch .link, #main .article .link {
  display: block;
  position: relative;
  z-index: 1;
}
#main .caseTab .inner .item::before, #main .searchMenu .block02 .item .link .link01::before,
#main .searchMenu .block02 .item .link .link02::before, #main .article .sNav .bt::before, #footer .fNav .box01 .link::before, #footer .contact .list .item .link::before, body.contact #main .article .btns button::before,
body.contact #main .article .btns a::before, body.saleconsul #main .article .btns button::before,
body.saleconsul #main .article .btns a::before, body.service #main .article .btns button::before,
body.service #main .article .btns a::before, body.contact2 #main .article .btns button::before,
body.contact2 #main .article .btns a::before, #main .nav-links .inner .link::before, #main .sectionTheme .link::before, #main .sectionNews .link::before, #main .topCase .links .link::before, #main .topCase .link.sp::before, #main .sectionConcept .link::before, #main .sectionLifepickup .link::before, #main .sectionAreapickup .link::before, #main .sectionNew .link::before, #main .topMainVisual .slider .slide .catch .link::before, #main .article .link::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  transition: 0.3s;
  transition-property: opacity, transform;
}
#main .caseTab .inner [disabled].item, #main .searchMenu .block02 .item .link [disabled].link01,
#main .searchMenu .block02 .item .link [disabled].link02, #main .article .sNav [disabled].bt, #footer .fNav .box01 [disabled].link, #footer .contact .list .item [disabled].link, body.contact #main .article .btns button[disabled],
body.contact #main .article .btns a[disabled], body.saleconsul #main .article .btns button[disabled],
body.saleconsul #main .article .btns a[disabled], body.service #main .article .btns button[disabled],
body.service #main .article .btns a[disabled], body.contact2 #main .article .btns button[disabled],
body.contact2 #main .article .btns a[disabled], #main .nav-links .inner [disabled].link, #main .sectionTheme [disabled].link, #main .sectionNews [disabled].link, #main .topCase .links [disabled].link, #main .topCase [disabled].link.sp, #main .sectionConcept [disabled].link, #main .sectionLifepickup [disabled].link, #main .sectionAreapickup [disabled].link, #main .sectionNew [disabled].link, #main .topMainVisual .slider .slide .catch [disabled].link, #main .article [disabled].link, html:not(.mobile) #main .caseTab .inner .item:hover, #main .caseTab .inner html:not(.mobile) .item:hover, html:not(.mobile) #main .searchMenu .block02 .item .link .link01:hover, #main .searchMenu .block02 .item .link html:not(.mobile) .link01:hover,
html:not(.mobile) #main .searchMenu .block02 .item .link .link02:hover,
#main .searchMenu .block02 .item .link html:not(.mobile) .link02:hover, html:not(.mobile) #main .article .sNav .bt:hover, #main .article .sNav html:not(.mobile) .bt:hover, html:not(.mobile) #footer .fNav .box01 .link:hover, #footer .fNav .box01 html:not(.mobile) .link:hover, html:not(.mobile) #footer .contact .list .item .link:hover, #footer .contact .list .item html:not(.mobile) .link:hover, html:not(.mobile) body.contact #main .article .btns button:hover, body.contact #main .article .btns html:not(.mobile) button:hover,
html:not(.mobile) body.contact #main .article .btns a:hover,
body.contact #main .article .btns html:not(.mobile) a:hover, html:not(.mobile) body.saleconsul #main .article .btns button:hover, body.saleconsul #main .article .btns html:not(.mobile) button:hover,
html:not(.mobile) body.saleconsul #main .article .btns a:hover,
body.saleconsul #main .article .btns html:not(.mobile) a:hover, html:not(.mobile) body.service #main .article .btns button:hover, body.service #main .article .btns html:not(.mobile) button:hover,
html:not(.mobile) body.service #main .article .btns a:hover,
body.service #main .article .btns html:not(.mobile) a:hover, html:not(.mobile) body.contact2 #main .article .btns button:hover, body.contact2 #main .article .btns html:not(.mobile) button:hover,
html:not(.mobile) body.contact2 #main .article .btns a:hover,
body.contact2 #main .article .btns html:not(.mobile) a:hover, html:not(.mobile) #main .nav-links .inner .link:hover, #main .nav-links .inner html:not(.mobile) .link:hover, html:not(.mobile) #main .sectionTheme .link:hover, #main .sectionTheme html:not(.mobile) .link:hover, html:not(.mobile) #main .sectionNews .link:hover, #main .sectionNews html:not(.mobile) .link:hover, html:not(.mobile) #main .topCase .links .link:hover, #main .topCase .links html:not(.mobile) .link:hover, html:not(.mobile) #main .topCase .link.sp:hover, #main .topCase html:not(.mobile) .link.sp:hover, html:not(.mobile) #main .sectionConcept .link:hover, #main .sectionConcept html:not(.mobile) .link:hover, html:not(.mobile) #main .sectionLifepickup .link:hover, #main .sectionLifepickup html:not(.mobile) .link:hover, html:not(.mobile) #main .sectionAreapickup .link:hover, #main .sectionAreapickup html:not(.mobile) .link:hover, html:not(.mobile) #main .sectionNew .link:hover, #main .sectionNew html:not(.mobile) .link:hover, html:not(.mobile) #main .topMainVisual .slider .slide .catch .link:hover, #main .topMainVisual .slider .slide .catch html:not(.mobile) .link:hover, html:not(.mobile) #main .article .link:hover, #main .article html:not(.mobile) .link:hover {
  text-decoration: none;
}
#main .caseTab .inner [disabled].item::before, #main .searchMenu .block02 .item .link [disabled].link01::before,
#main .searchMenu .block02 .item .link [disabled].link02::before, #main .article .sNav [disabled].bt::before, #footer .fNav .box01 [disabled].link::before, #footer .contact .list .item [disabled].link::before, body.contact #main .article .btns button[disabled]::before,
body.contact #main .article .btns a[disabled]::before, body.saleconsul #main .article .btns button[disabled]::before,
body.saleconsul #main .article .btns a[disabled]::before, body.service #main .article .btns button[disabled]::before,
body.service #main .article .btns a[disabled]::before, body.contact2 #main .article .btns button[disabled]::before,
body.contact2 #main .article .btns a[disabled]::before, #main .nav-links .inner [disabled].link::before, #main .sectionTheme [disabled].link::before, #main .sectionNews [disabled].link::before, #main .topCase .links [disabled].link::before, #main .topCase [disabled].link.sp::before, #main .sectionConcept [disabled].link::before, #main .sectionLifepickup [disabled].link::before, #main .sectionAreapickup [disabled].link::before, #main .sectionNew [disabled].link::before, #main .topMainVisual .slider .slide .catch [disabled].link::before, #main .article [disabled].link::before, html:not(.mobile) #main .caseTab .inner .item:hover::before, #main .caseTab .inner html:not(.mobile) .item:hover::before, html:not(.mobile) #main .searchMenu .block02 .item .link .link01:hover::before, #main .searchMenu .block02 .item .link html:not(.mobile) .link01:hover::before,
html:not(.mobile) #main .searchMenu .block02 .item .link .link02:hover::before,
#main .searchMenu .block02 .item .link html:not(.mobile) .link02:hover::before, html:not(.mobile) #main .article .sNav .bt:hover::before, #main .article .sNav html:not(.mobile) .bt:hover::before, html:not(.mobile) #footer .fNav .box01 .link:hover::before, #footer .fNav .box01 html:not(.mobile) .link:hover::before, html:not(.mobile) #footer .contact .list .item .link:hover::before, #footer .contact .list .item html:not(.mobile) .link:hover::before, html:not(.mobile) body.contact #main .article .btns button:hover::before, body.contact #main .article .btns html:not(.mobile) button:hover::before,
html:not(.mobile) body.contact #main .article .btns a:hover::before,
body.contact #main .article .btns html:not(.mobile) a:hover::before, html:not(.mobile) body.saleconsul #main .article .btns button:hover::before, body.saleconsul #main .article .btns html:not(.mobile) button:hover::before,
html:not(.mobile) body.saleconsul #main .article .btns a:hover::before,
body.saleconsul #main .article .btns html:not(.mobile) a:hover::before, html:not(.mobile) body.service #main .article .btns button:hover::before, body.service #main .article .btns html:not(.mobile) button:hover::before,
html:not(.mobile) body.service #main .article .btns a:hover::before,
body.service #main .article .btns html:not(.mobile) a:hover::before, html:not(.mobile) body.contact2 #main .article .btns button:hover::before, body.contact2 #main .article .btns html:not(.mobile) button:hover::before,
html:not(.mobile) body.contact2 #main .article .btns a:hover::before,
body.contact2 #main .article .btns html:not(.mobile) a:hover::before, html:not(.mobile) #main .nav-links .inner .link:hover::before, #main .nav-links .inner html:not(.mobile) .link:hover::before, html:not(.mobile) #main .sectionTheme .link:hover::before, #main .sectionTheme html:not(.mobile) .link:hover::before, html:not(.mobile) #main .sectionNews .link:hover::before, #main .sectionNews html:not(.mobile) .link:hover::before, html:not(.mobile) #main .topCase .links .link:hover::before, #main .topCase .links html:not(.mobile) .link:hover::before, html:not(.mobile) #main .topCase .link.sp:hover::before, #main .topCase html:not(.mobile) .link.sp:hover::before, html:not(.mobile) #main .sectionConcept .link:hover::before, #main .sectionConcept html:not(.mobile) .link:hover::before, html:not(.mobile) #main .sectionLifepickup .link:hover::before, #main .sectionLifepickup html:not(.mobile) .link:hover::before, html:not(.mobile) #main .sectionAreapickup .link:hover::before, #main .sectionAreapickup html:not(.mobile) .link:hover::before, html:not(.mobile) #main .sectionNew .link:hover::before, #main .sectionNew html:not(.mobile) .link:hover::before, html:not(.mobile) #main .topMainVisual .slider .slide .catch .link:hover::before, #main .topMainVisual .slider .slide .catch html:not(.mobile) .link:hover::before, html:not(.mobile) #main .article .link:hover::before, #main .article html:not(.mobile) .link:hover::before {
  opacity: 0;
  transform: scale(0.5, 1);
}

body.contact #main .article .btns button,
body.contact #main .article .btns a, body.saleconsul #main .article .btns button,
body.saleconsul #main .article .btns a, body.service #main .article .btns button,
body.service #main .article .btns a, body.contact2 #main .article .btns button,
body.contact2 #main .article .btns a, #main .nav-links .inner .link, #main .sectionTheme .link, #main .sectionNews .link, #main .topCase .links .link, #main .topCase .link.sp, #main .sectionConcept .link, #main .sectionLifepickup .link, #main .sectionAreapickup .link, #main .sectionNew .link, #main .topMainVisual .slider .slide .catch .link, #main .article .link {
  box-sizing: border-box;
  width: 3.4rem;
  border: 1px solid #2d3441;
  background: #fff;
  background-origin: border-box;
  border-radius: 0.04rem;
  color: #fff;
  font-size: 0.16rem;
  line-height: calc(0.64rem - 2px);
  transition: color 0.3s;
}
body.contact #main .article .btns button::before,
body.contact #main .article .btns a::before, body.saleconsul #main .article .btns button::before,
body.saleconsul #main .article .btns a::before, body.service #main .article .btns button::before,
body.service #main .article .btns a::before, body.contact2 #main .article .btns button::before,
body.contact2 #main .article .btns a::before, #main .nav-links .inner .link::before, #main .sectionTheme .link::before, #main .sectionNews .link::before, #main .topCase .links .link::before, #main .topCase .link.sp::before, #main .sectionConcept .link::before, #main .sectionLifepickup .link::before, #main .sectionAreapickup .link::before, #main .sectionNew .link::before, #main .topMainVisual .slider .slide .catch .link::before, #main .article .link::before {
  background: #2d3441;
}
body.contact #main .article .btns button::after,
body.contact #main .article .btns a::after, body.saleconsul #main .article .btns button::after,
body.saleconsul #main .article .btns a::after, body.service #main .article .btns button::after,
body.service #main .article .btns a::after, body.contact2 #main .article .btns button::after,
body.contact2 #main .article .btns a::after, #main .nav-links .inner .link::after, #main .sectionTheme .link::after, #main .sectionNews .link::after, #main .topCase .links .link::after, #main .topCase .link.sp::after, #main .sectionConcept .link::after, #main .sectionLifepickup .link::after, #main .sectionAreapickup .link::after, #main .sectionNew .link::after, #main .topMainVisual .slider .slide .catch .link::after, #main .article .link::after {
  content: "";
  display: block;
  width: 0.43rem;
  height: 0.03rem;
  background: url("../imgs/blt-btn.png") 0 0/auto 100% no-repeat;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate3d(0, -50%, 0);
  transition: transform 0.3s;
}
body.contact #main .article .btns button[disabled],
body.contact #main .article .btns a[disabled], body.saleconsul #main .article .btns button[disabled],
body.saleconsul #main .article .btns a[disabled], body.service #main .article .btns button[disabled],
body.service #main .article .btns a[disabled], body.contact2 #main .article .btns button[disabled],
body.contact2 #main .article .btns a[disabled], #main .nav-links .inner [disabled].link, #main .sectionTheme [disabled].link, #main .sectionNews [disabled].link, #main .topCase .links [disabled].link, #main .topCase [disabled].link.sp, #main .sectionConcept [disabled].link, #main .sectionLifepickup [disabled].link, #main .sectionAreapickup [disabled].link, #main .sectionNew [disabled].link, #main .topMainVisual .slider .slide .catch [disabled].link, #main .article [disabled].link, html:not(.mobile) body.contact #main .article .btns button:hover, body.contact #main .article .btns html:not(.mobile) button:hover,
html:not(.mobile) body.contact #main .article .btns a:hover,
body.contact #main .article .btns html:not(.mobile) a:hover, html:not(.mobile) body.saleconsul #main .article .btns button:hover, body.saleconsul #main .article .btns html:not(.mobile) button:hover,
html:not(.mobile) body.saleconsul #main .article .btns a:hover,
body.saleconsul #main .article .btns html:not(.mobile) a:hover, html:not(.mobile) body.service #main .article .btns button:hover, body.service #main .article .btns html:not(.mobile) button:hover,
html:not(.mobile) body.service #main .article .btns a:hover,
body.service #main .article .btns html:not(.mobile) a:hover, html:not(.mobile) body.contact2 #main .article .btns button:hover, body.contact2 #main .article .btns html:not(.mobile) button:hover,
html:not(.mobile) body.contact2 #main .article .btns a:hover,
body.contact2 #main .article .btns html:not(.mobile) a:hover, html:not(.mobile) #main .nav-links .inner .link:hover, #main .nav-links .inner html:not(.mobile) .link:hover, html:not(.mobile) #main .sectionTheme .link:hover, #main .sectionTheme html:not(.mobile) .link:hover, html:not(.mobile) #main .sectionNews .link:hover, #main .sectionNews html:not(.mobile) .link:hover, html:not(.mobile) #main .topCase .links .link:hover, #main .topCase .links html:not(.mobile) .link:hover, html:not(.mobile) #main .topCase .link.sp:hover, #main .topCase html:not(.mobile) .link.sp:hover, html:not(.mobile) #main .sectionConcept .link:hover, #main .sectionConcept html:not(.mobile) .link:hover, html:not(.mobile) #main .sectionLifepickup .link:hover, #main .sectionLifepickup html:not(.mobile) .link:hover, html:not(.mobile) #main .sectionAreapickup .link:hover, #main .sectionAreapickup html:not(.mobile) .link:hover, html:not(.mobile) #main .sectionNew .link:hover, #main .sectionNew html:not(.mobile) .link:hover, html:not(.mobile) #main .topMainVisual .slider .slide .catch .link:hover, #main .topMainVisual .slider .slide .catch html:not(.mobile) .link:hover, html:not(.mobile) #main .article .link:hover, #main .article html:not(.mobile) .link:hover {
  color: #2d3441;
}
body.contact #main .article .btns button[disabled]::after,
body.contact #main .article .btns a[disabled]::after, body.saleconsul #main .article .btns button[disabled]::after,
body.saleconsul #main .article .btns a[disabled]::after, body.service #main .article .btns button[disabled]::after,
body.service #main .article .btns a[disabled]::after, body.contact2 #main .article .btns button[disabled]::after,
body.contact2 #main .article .btns a[disabled]::after, #main .nav-links .inner [disabled].link::after, #main .sectionTheme [disabled].link::after, #main .sectionNews [disabled].link::after, #main .topCase .links [disabled].link::after, #main .topCase [disabled].link.sp::after, #main .sectionConcept [disabled].link::after, #main .sectionLifepickup [disabled].link::after, #main .sectionAreapickup [disabled].link::after, #main .sectionNew [disabled].link::after, #main .topMainVisual .slider .slide .catch [disabled].link::after, #main .article [disabled].link::after, html:not(.mobile) body.contact #main .article .btns button:hover::after, body.contact #main .article .btns html:not(.mobile) button:hover::after,
html:not(.mobile) body.contact #main .article .btns a:hover::after,
body.contact #main .article .btns html:not(.mobile) a:hover::after, html:not(.mobile) body.saleconsul #main .article .btns button:hover::after, body.saleconsul #main .article .btns html:not(.mobile) button:hover::after,
html:not(.mobile) body.saleconsul #main .article .btns a:hover::after,
body.saleconsul #main .article .btns html:not(.mobile) a:hover::after, html:not(.mobile) body.service #main .article .btns button:hover::after, body.service #main .article .btns html:not(.mobile) button:hover::after,
html:not(.mobile) body.service #main .article .btns a:hover::after,
body.service #main .article .btns html:not(.mobile) a:hover::after, html:not(.mobile) body.contact2 #main .article .btns button:hover::after, body.contact2 #main .article .btns html:not(.mobile) button:hover::after,
html:not(.mobile) body.contact2 #main .article .btns a:hover::after,
body.contact2 #main .article .btns html:not(.mobile) a:hover::after, html:not(.mobile) #main .nav-links .inner .link:hover::after, #main .nav-links .inner html:not(.mobile) .link:hover::after, html:not(.mobile) #main .sectionTheme .link:hover::after, #main .sectionTheme html:not(.mobile) .link:hover::after, html:not(.mobile) #main .sectionNews .link:hover::after, #main .sectionNews html:not(.mobile) .link:hover::after, html:not(.mobile) #main .topCase .links .link:hover::after, #main .topCase .links html:not(.mobile) .link:hover::after, html:not(.mobile) #main .topCase .link.sp:hover::after, #main .topCase html:not(.mobile) .link.sp:hover::after, html:not(.mobile) #main .sectionConcept .link:hover::after, #main .sectionConcept html:not(.mobile) .link:hover::after, html:not(.mobile) #main .sectionLifepickup .link:hover::after, #main .sectionLifepickup html:not(.mobile) .link:hover::after, html:not(.mobile) #main .sectionAreapickup .link:hover::after, #main .sectionAreapickup html:not(.mobile) .link:hover::after, html:not(.mobile) #main .sectionNew .link:hover::after, #main .sectionNew html:not(.mobile) .link:hover::after, html:not(.mobile) #main .topMainVisual .slider .slide .catch .link:hover::after, #main .topMainVisual .slider .slide .catch html:not(.mobile) .link:hover::after, html:not(.mobile) #main .article .link:hover::after, #main .article html:not(.mobile) .link:hover::after {
  transform: translate3d(50%, -50%, 0);
}
@media screen and (max-width: 750px) {
  body.contact #main .article .btns button,
  body.contact #main .article .btns a, body.saleconsul #main .article .btns button,
  body.saleconsul #main .article .btns a, body.service #main .article .btns button,
  body.service #main .article .btns a, body.contact2 #main .article .btns button,
  body.contact2 #main .article .btns a, #main .nav-links .inner .link, #main .sectionTheme .link, #main .sectionNews .link, #main .topCase .links .link, #main .topCase .link.sp, #main .sectionConcept .link, #main .sectionLifepickup .link, #main .sectionAreapickup .link, #main .sectionNew .link, #main .topMainVisual .slider .slide .catch .link, #main .article .link {
    width: 6.86rem;
    max-width: 100%;
    border-radius: 0.06rem;
    font-size: 0.3rem;
    line-height: 1.2rem;
  }
  body.contact #main .article .btns button::after,
  body.contact #main .article .btns a::after, body.saleconsul #main .article .btns button::after,
  body.saleconsul #main .article .btns a::after, body.service #main .article .btns button::after,
  body.service #main .article .btns a::after, body.contact2 #main .article .btns button::after,
  body.contact2 #main .article .btns a::after, #main .nav-links .inner .link::after, #main .sectionTheme .link::after, #main .sectionNews .link::after, #main .topCase .links .link::after, #main .topCase .link.sp::after, #main .sectionConcept .link::after, #main .sectionLifepickup .link::after, #main .sectionAreapickup .link::after, #main .sectionNew .link::after, #main .topMainVisual .slider .slide .catch .link::after, #main .article .link::after {
    width: 0.51rem;
    height: 0.06rem;
    background-image: url("../imgs/blt-btn_sp.png");
  }
}

html,
:root {
  font-size: 100px;
}
@media screen and (max-width: 1280px) and (min-width: 751px) {
  html,
  :root {
    font-size: 7.8125vw;
  }
}
@media screen and (max-width: 750px) {
  html,
  :root {
    font-size: 13.3333333333vw;
  }
}

main {
  display: block;
}

#wrap {
  overflow: hidden;
  color: #000;
  font-size: 0.14rem;
  line-height: 1.5;
  text-align: left;
  font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
}
@media screen and (max-width: 750px) {
  #wrap {
    font-size: 0.24rem;
  }
}
#wrap a {
  color: inherit;
  text-decoration: none;
}
html:not(.mobile) #wrap a:hover {
  text-decoration: underline;
}
@media screen and (max-width: 750px) {
  html:not(.mobile) #wrap a:hover {
    text-decoration: none;
  }
}
#wrap table {
  empty-cells: show;
  border-collapse: collapse;
}
#wrap th,
#wrap td {
  text-align: left;
  vertical-align: top;
}
#wrap li {
  list-style: none;
}
#wrap img {
  height: auto;
  vertical-align: top;
}
#wrap input,
#wrap textarea,
#wrap select {
  font-family: inherit;
  -webkit-appearance: none;
  appearance: none;
}
#wrap select::-ms-expand {
  display: none;
}
#wrap [disabled] {
  cursor: not-allowed;
}
#wrap input[type=submit]:not([disabled]), #wrap input[type=reset]:not([disabled]),
#wrap button[type=submit]:not([disabled]),
#wrap button[type=reset]:not([disabled]) {
  cursor: pointer;
}

.wrap {
  box-sizing: border-box;
  max-width: 1280px;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (max-width: 750px) {
  .wrap {
    padding-right: 0.32rem;
    padding-left: 0.32rem;
  }
}

img,
video {
  max-width: 100%;
}

.sp {
  display: none;
}

@media screen and (max-width: 750px) {
  .pc {
    display: none;
  }
  br.sp {
    display: inline;
  }
}
html:not(.mobile) a[href^="tel:"] {
  pointer-events: none;
}

.admin-bar #header {
  top: 32px;
}

@media screen and (max-width: 782px) {
  #wpadminbar {
    position: fixed;
  }
  .admin-bar #header {
    top: 46px;
  }
}
.wp-block-image img {
  width: 100%;
}

@font-face {
  font-weight: normal;
  font-family: "icomoon";
  font-style: normal;
  src: url("../fonts/icomoon.eot?sur8yf");
  src: url("../fonts/icomoon.eot?sur8yf#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?sur8yf") format("truetype"), url("../fonts/icomoon.woff?sur8yf") format("woff"), url("../fonts/icomoon.svg?sur8yf#icomoon") format("svg");
  font-display: block;
}
.w980 {
  max-width: 9.8rem;
  margin-right: auto;
  margin-left: auto;
}

.w1120 {
  max-width: 11.2rem;
  margin-right: auto;
  margin-left: auto;
}

.title01 {
  color: #4475c7;
  line-height: 1;
  text-align: center;
}
.title01 .en {
  display: block;
  margin: -0.06rem 0 0;
  font-weight: 400;
  font-size: 0.4rem;
  text-transform: uppercase;
}
@media screen and (max-width: 750px) {
  .title01 .en {
    margin: -0.1rem 0 0;
    font-size: 0.7rem;
  }
}
.title01 .ja {
  display: block;
  margin: 0.13rem 0 0;
  font-size: 0.14rem;
}
@media screen and (max-width: 750px) {
  .title01 .ja {
    margin: 0.2rem 0 0;
    font-size: 0.22rem;
  }
}

#header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9000;
  width: 100%;
  height: 1.2rem;
  background: #fff;
}
@media screen and (max-width: 750px) {
  #header {
    height: 1.1rem;
  }
}
#header .wrap {
  padding: 0 0.8rem;
}
@media screen and (max-width: 750px) {
  #header .wrap {
    padding: 0;
  }
}
#header .line01 {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  height: 0.53rem;
}
@media screen and (max-width: 750px) {
  #header .line01 {
    align-items: center;
    height: 1.1rem;
    padding: 0 1.06rem 0 0.32rem;
  }
}
#header .siteTitle {
  width: 1.94rem;
  font-size: 1px;
  line-height: 1;
}
#header .update {
  position: absolute;
  top: 0.15rem;
  right: 0;
  font-size: 0.12rem;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  #header .update {
    display: none;
  }
}
#header .contact {
  display: flex;
  align-items: flex-end;
}
@media screen and (max-width: 750px) {
  #header .contact {
    display: none;
  }
}
#header .contact .tel {
  margin: 0 0.12rem 0 0;
  font-weight: 500;
  font-size: 0.28rem;
  line-height: 1;
  transform: translate(0, 0.04rem);
}
#header .contact .note {
  font-size: 0.14rem;
  line-height: 1;
}
#header .userMenu {
  margin: 0 0 0 0.12rem;
}
@media screen and (max-width: 750px) {
  #header .userMenu {
    margin: 0;
  }
}
#header .userMenu ul {
  display: flex;
  color: #4475c7;
  font-size: 0.14rem;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  #header .userMenu ul {
    justify-content: space-between;
    width: 3.68rem;
    padding: 0 0 0.02rem;
    font-size: 0.18rem;
  }
  #header .userMenu ul a {
    display: block;
    padding: 0.46rem 0 0;
  }
  #header .userMenu ul li:first-child a {
    background: url("../imgs/ico-spHdr01.svg") 50% 0.01rem/0.35rem auto no-repeat;
  }
  #header .userMenu ul li:nth-child(2) a {
    background: url("../imgs/ico-spHdr02.svg") 50% 0.02rem/0.35rem auto no-repeat;
  }
  #header .userMenu ul li:last-child a {
    background: url("../imgs/ico-spHdr03.svg") 50% 0.04rem/0.3rem auto no-repeat;
  }
}
#header .userMenu li + li::before {
  content: "│";
}
@media screen and (max-width: 750px) {
  #header .userMenu li + li::before {
    content: none;
  }
}
html:not(.mobile) #header .userMenu a {
  transition: color 0.3s;
}
html:not(.mobile) #header .userMenu a:hover {
  color: #000;
}
#header .line02 .btMenu {
  display: none;
  cursor: pointer;
}
@media screen and (max-width: 750px) {
  #header .line02 .btMenu {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    padding: 0.31rem 0.32rem;
  }
  #header .line02 .btMenu .bar {
    position: relative;
    width: 0.34rem;
    height: 0.36rem;
  }
  #header .line02 .btMenu .bar::before, #header .line02 .btMenu .bar::after,
  #header .line02 .btMenu .bar span {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 100%;
    height: 0.04rem;
    background: #4c74b7;
    transition: 0.3s;
  }
  #header .line02 .btMenu .bar::before, #header .line02 .btMenu .bar::after {
    transition-property: transform;
    content: "";
  }
  #header .line02 .btMenu .bar::before {
    transform: translate3d(0, -0.18rem, 0);
  }
  #header .line02 .btMenu .bar::after {
    transform: translate3d(0, 0.14rem, 0);
  }
  #header .line02 .btMenu .bar span {
    transform: translate(0, -50%);
    transition-property: opacity;
  }
  #header .line02 .btMenu.active .bar::before {
    transform: translate3d(0, -50%, 0) rotate(135deg);
  }
  #header .line02 .btMenu.active .bar::after {
    transform: translate3d(0, -50%, 0) rotate(45deg);
  }
  #header .line02 .btMenu.active .bar span {
    opacity: 0;
  }
  #header .line02 .btMenu.active + nav {
    transform: translate3d(0, 0, 0);
  }
}
#header .line02 nav {
  display: flex;
  flex-direction: row-reverse;
  align-items: flex-start;
  justify-content: space-between;
  padding: 0.16rem 0 0;
}
@media screen and (max-width: 750px) {
  #header .line02 nav {
    position: absolute;
    top: 100%;
    left: 0;
    display: block;
    box-sizing: border-box;
    width: 100vw;
    height: calc(100vh - 1.1rem);
    padding: 0.4rem 0 1.2rem;
    overflow: scroll;
    background: #eff5fc;
    transform: translate3d(100%, 0, 0);
    transition: transform 0.3s;
  }
}
#header .line02 nav .searchbox {
  position: relative;
  width: 2.7rem;
}
#header .line02 nav .searchbox input[type=submit] {
  position: absolute;
  top: 50%;
  right: 0.09rem;
  display: block;
  width: 0.1616rem;
  height: 0.16rem;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  background: url("../imgs/ico-search01.svg") 0 0/contain no-repeat;
  border: none;
  transform: translate(0, -50%);
}
@media screen and (max-width: 750px) {
  #header .line02 nav .searchbox {
    width: auto;
    padding: 0 0.32rem;
    font-weight: bold;
  }
  #header .line02 nav .searchbox label {
    position: relative;
    display: block;
    height: 0.52rem;
    padding: 0 0 0 0.46rem;
    font-size: 0.26rem;
    line-height: 1;
  }
  #header .line02 nav .searchbox label::before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 0.31031rem;
    height: 0.3072rem;
    background: url("../imgs/ico-search02.svg") 0 0/contain no-repeat;
    content: "";
  }
  #header .line02 nav .searchbox input[type=submit] {
    position: static;
    display: inline-block;
    box-sizing: border-box;
    width: calc(100% - 5.3rem);
    height: auto;
    padding: 0;
    color: #fff;
    font-size: 0.26rem;
    line-height: 48px;
    text-align: center;
    text-indent: 0;
    vertical-align: top;
    background: #4475c7;
    border: none;
    border-radius: 0;
    transform: none;
  }
}
#header .line02 nav input[type=text] {
  box-sizing: border-box;
  width: 100%;
  padding: 0.1rem 0.3rem 0.1rem 0.2rem;
  font-size: 0.14rem;
  border: 0.02rem solid #eaedf4;
}
@media screen and (max-width: 750px) {
  #header .line02 nav input[type=text] {
    width: 5.3rem;
    padding: 8px 0 8px 0.23rem;
    font-size: 16px;
    line-height: 26px;
    vertical-align: top;
    border-color: #4475c7;
    border-width: 3px;
    border-right: none;
    border-radius: 0;
  }
}
#header .line02 nav input[type=text]::placeholder {
  color: #a9adb5;
}
#header .line02 nav #gNav {
  display: flex;
  justify-content: space-between;
  width: 8.1rem;
  font-size: 0.16rem;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  #header .line02 nav #gNav {
    display: block;
    width: auto;
    margin: 0.3rem 0 0;
    padding: 0 0.32rem;
    font-size: 0.34rem;
  }
}
body.touch #header .line02 nav #gNav > li[ontouchstart]::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  transition: 0.1s visibility 0.5s;
  content: "";
}
body.touch #header .line02 nav #gNav > li[ontouchstart]:hover::before {
  visibility: hidden;
}
#header .line02 nav #gNav li {
  position: relative;
  box-sizing: border-box;
  height: 0.51rem;
  padding: 0.18rem 0 0;
  transition: color 0.4s;
}
@media screen and (max-width: 750px) {
  #header .line02 nav #gNav li {
    height: auto;
    padding: 0;
    border-bottom: 1px solid #bfcde5;
  }
  #header .line02 nav #gNav li a {
    position: relative;
    display: block;
    padding: 0.4rem 0 0.4rem 0.4rem;
  }
}
#header .line02 nav #gNav li::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  display: block;
  width: 1px;
  height: 0.14rem;
  background: #4abacb;
  opacity: 0;
  transition: opacity 0.4s;
  content: "";
}
@media screen and (max-width: 750px) {
  #header .line02 nav #gNav li::after {
    content: none;
  }
}
#header .line02 nav #gNav li.active {
  color: #4abacb;
}
@media screen and (max-width: 750px) {
  #header .line02 nav #gNav li.active {
    color: inherit;
  }
}
#header .line02 nav #gNav li.active::after {
  opacity: 1;
}
#header .line02 nav #gNav li.active .dropDownMenu {
  height: 1.3rem;
}
@media screen and (max-width: 750px) {
  #header .line02 nav #gNav li.active .dropDownMenu {
    height: auto;
  }
}
html:not(.mobile) #header .line02 nav #gNav li a {
  transition: color 0.3s;
}
html:not(.mobile) #header .line02 nav #gNav li a:hover {
  color: #4abacb;
  text-decoration: none;
}
#header .line02 nav #gNav li .bar {
  display: none;
}
@media screen and (max-width: 750px) {
  #header .line02 nav #gNav li .bar {
    position: absolute;
    top: 50%;
    right: 0.4rem;
    display: block;
    width: 0.4rem;
    height: 0.4rem;
    transform: translate(0, -50%);
  }
  #header .line02 nav #gNav li .bar::before, #header .line02 nav #gNav li .bar::after {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 0.4rem;
    height: 1px;
    background: #4475c7;
    content: "";
  }
  #header .line02 nav #gNav li .bar::after {
    transform: rotate(90deg);
    transition: transform 0.3s;
  }
  #header .line02 nav #gNav li .bar.active::after {
    transform: rotate(0);
  }
}
#header .line02 nav #gNav .dropDownMenu {
  position: fixed;
  top: 1.2rem;
  left: 0;
  box-sizing: border-box;
  width: 100vw;
  height: 0;
  overflow: hidden;
  background: #4abacb;
  box-shadow: 0 0.08rem 0.3rem 0 rgba(0, 0, 0, 0.12);
  transition: height 0.4s;
}
@media screen and (max-width: 750px) {
  #header .line02 nav #gNav .dropDownMenu {
    position: static;
    display: none;
    width: auto;
    height: auto;
    background: transparent;
    box-shadow: none;
    transition: 0s;
  }
}
@media screen and (max-width: 750px) {
  #header .line02 nav #gNav .dropDownMenu .wrap {
    padding: 0;
  }
}
#header .line02 nav #gNav .dropDownMenu ul {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  height: 1.3rem;
  color: #fff;
  font-size: 0.14rem;
}
@media screen and (max-width: 750px) {
  #header .line02 nav #gNav .dropDownMenu ul {
    display: block;
    height: auto;
    padding: 0 0 0.34rem 0.4rem;
    color: inherit;
    font-weight: normal;
    font-size: 0.28rem;
    font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
  }
}
@media screen and (max-width: 750px) {
  #header .line02 nav #gNav .dropDownMenu ul li {
    border-bottom: none;
  }
}
#header .line02 nav #gNav .dropDownMenu ul li + li {
  margin: 0 0 0 0.64rem;
}
@media screen and (max-width: 750px) {
  #header .line02 nav #gNav .dropDownMenu ul li + li {
    margin: 0.24rem 0 0;
  }
}
html:not(.mobile) #header .line02 nav #gNav .dropDownMenu ul a:hover {
  color: #fff;
  text-decoration: underline;
}
@media screen and (max-width: 750px) {
  html:not(.mobile) #header .line02 nav #gNav .dropDownMenu ul a:hover {
    color: inherit;
  }
}
@media screen and (max-width: 750px) {
  #header .line02 nav #gNav .dropDownMenu ul a {
    padding: 0.17rem 0 0.17rem 0.4rem;
  }
}

#main {
  position: relative;
  padding: 1.2rem 0 0;
}
@media screen and (max-width: 750px) {
  #main {
    padding: 1.1rem 0 0;
  }
}
#main #intersectionObserverTarget01 {
  position: absolute;
  top: 50vh;
  left: 0;
  width: 100%;
  height: 0;
}

#footer {
  position: relative;
  background: #fff;
}
#footer #intersectionObserverTarget02 {
  position: absolute;
  bottom: 3.15rem;
  left: 0;
  width: 100%;
  height: 0;
}
#footer .contact {
  position: relative;
  padding: 1.2rem 0;
  background: url("../imgs/bg-contact.jpg") 50% 0/cover no-repeat;
}
@media screen and (max-width: 750px) {
  #footer .contact {
    padding: 1rem 0 0.32rem;
    background-image: url("../imgs/bg-contact_sp.jpg");
  }
}
#footer .contact .anchor {
  position: absolute;
  top: 0;
  left: 0;
}
#footer .contact .list {
  display: flex;
  justify-content: space-between;
  margin-top: 0.56rem;
}
@media screen and (max-width: 750px) {
  #footer .contact .list {
    display: block;
    margin-top: 0.6rem;
  }
}
#footer .contact .list .item {
  width: 2.74rem;
  padding: 0 0 0.16rem;
  text-align: center;
  background: #fff;
}
@media screen and (max-width: 750px) {
  #footer .contact .list .item {
    width: auto;
    margin: 0.26rem 0 0;
    padding: 0 0 0.4rem;
  }
}
#footer .contact .list .item .label {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1.2rem;
  color: #fff;
  font-size: 0.18rem;
  line-height: 1.7777777778;
  background: 50% 0/cover no-repeat;
}
@media screen and (max-width: 750px) {
  #footer .contact .list .item .label {
    height: 1.74rem;
    font-size: 0.28rem;
    line-height: 1.6428571429;
  }
  #footer .contact .list .item .label br:not([class]) {
    display: none;
  }
}
#footer .contact .list .item .tel {
  margin: 0.33rem 0 0;
  color: #4475c7;
  font-weight: 500;
  font-size: 0.28rem;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  #footer .contact .list .item .tel {
    margin: 0.5rem 0 0;
    font-size: 0.6rem;
  }
}
#footer .contact .list .item .tel a::before {
  display: inline-block;
  width: 0.27rem;
  height: 1em;
  margin: 0 0.08rem 0 0;
  vertical-align: top;
  background: url("../imgs/ico-freedial.svg") 0 50%/100% auto no-repeat;
  content: "";
}
@media screen and (max-width: 750px) {
  #footer .contact .list .item .tel a::before {
    width: 0.56rem;
    margin: 0 0.22rem 0 0;
  }
}
#footer .contact .list .item .businessHours {
  box-sizing: border-box;
  height: 1.07rem;
  padding: 0.2rem 0 0;
  font-size: 0.14rem;
  line-height: 2;
}
@media screen and (max-width: 750px) {
  #footer .contact .list .item .businessHours {
    height: 0.96rem;
    padding: 0.17rem 0 0;
    font-size: 0.24rem;
    line-height: 1;
  }
}
#footer .contact .list .item .link {
  box-sizing: border-box;
  height: 0.76rem;
  margin: 0 0.16rem;
  padding: calc(0.18rem - 1px) 0 0;
  color: #fff;
  line-height: 1;
  border: 1px solid #2d3441;
  border-radius: 0.06rem;
  transition: color 0.3s;
}
@media screen and (max-width: 750px) {
  #footer .contact .list .item .link {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 1.2rem;
    margin: 0 0.4rem;
    padding: 0;
  }
}
#footer .contact .list .item .link::before {
  background: #2d3441;
}
html:not(.mobile) #footer .contact .list .item .link:hover {
  color: #2d3441;
}
#footer .contact .list .item .link .line01 {
  font-size: 0.16rem;
}
@media screen and (max-width: 750px) {
  #footer .contact .list .item .link .line01 {
    font-size: 0.26rem;
  }
}
#footer .contact .list .item .link .line01::before {
  margin: 0 0.08rem 0 0;
  font-weight: normal;
  font-family: icomoon;
  content: "\e900";
}
@media screen and (max-width: 750px) {
  #footer .contact .list .item .link .line01::before {
    margin: 0 0.22rem 0 0;
  }
}
#footer .contact .list .item .link .line02 {
  margin: 0.1rem 0 0;
  color: #d8b40d;
  font-weight: normal;
  font-size: 0.14rem;
}
@media screen and (max-width: 750px) {
  #footer .contact .list .item .link .line02 {
    margin: 0 0 0 0.12rem;
    font-weight: bold;
    font-size: 0.26rem;
  }
}
#footer .contact .list .item01 .label {
  background-image: url("../imgs/img-contact01.jpg");
}
@media screen and (max-width: 750px) {
  #footer .contact .list .item01 .label {
    background-image: url("../imgs/img-contact01_sp.jpg");
  }
}
#footer .contact .list .item02 .label {
  background-image: url("../imgs/img-contact02.jpg");
}
@media screen and (max-width: 750px) {
  #footer .contact .list .item02 .label {
    background-image: url("../imgs/img-contact02_sp.jpg");
  }
}
#footer .contact .list .item03 .label {
  background-image: url("../imgs/img-contact03.jpg");
}
@media screen and (max-width: 750px) {
  #footer .contact .list .item03 .label {
    background-image: url("../imgs/img-contact03_sp.jpg");
  }
}
#footer .contact .list .item03 .businessHours {
  padding: 0.05rem 0 0;
  line-height: 0.22rem;
}
@media screen and (max-width: 750px) {
  #footer .contact .list .item03 .businessHours {
    height: 1.66rem;
    padding: 0.17rem 0 0;
    line-height: 1;
  }
}
#footer .contact .list .item03 .businessHours .note {
  font-size: 0.12rem;
}
@media screen and (max-width: 750px) {
  #footer .contact .list .item03 .businessHours .note {
    margin: 0.12rem 0 0;
    font-size: 0.22rem;
    line-height: 1.8181818182;
  }
}
#footer .contact .list .item04 .label {
  background-image: url("../imgs/img-contact04.jpg");
}
@media screen and (max-width: 750px) {
  #footer .contact .list .item04 .label {
    background-image: url("../imgs/img-contact04_sp.jpg");
  }
}
#footer .contact .list .item04 .tel a::before {
  width: 0.18rem;
  background-image: url("../imgs/ico-tel.svg");
}
@media screen and (max-width: 750px) {
  #footer .contact .list .item04 .tel a::before {
    width: 0.36rem;
    margin: 0 0.16rem 0 0;
  }
}
#footer .fNav {
  padding: 1.2rem 0 0.38rem;
  background: url("../imgs/img-ftr.jpg") calc(50% - 4.44rem) 100%/1.35rem auto no-repeat;
}
@media screen and (max-width: 750px) {
  #footer .fNav {
    padding: 0.6rem 0 calc(0.36rem + 64px);
    background: url("../imgs/img-ftr_sp.jpg") 0.51rem calc(100% - 64px)/2.08rem auto no-repeat;
  }
  body.search #footer .fNav {
    padding-bottom: 0.36rem;
    background-position: 0.51rem 100%;
  }
}
#footer .fNav .box01 {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}
@media screen and (max-width: 750px) {
  #footer .fNav .box01 {
    display: block;
  }
}
#footer .fNav .box01 .link {
  width: 7rem;
  color: #fff;
  font-size: 0.18rem;
  line-height: calc(0.62rem - 2px);
  text-align: center;
  border: 1px solid #2d3441;
  border-radius: 0.06rem;
  transition: color 0.3s;
}
@media screen and (max-width: 750px) {
  #footer .fNav .box01 .link {
    width: auto;
    font-size: 0.3rem;
    line-height: calc(1.2rem - 2px);
  }
}
#footer .fNav .box01 .link::before {
  background: #2d3441;
}
#footer .fNav .box01 .link span::before {
  margin: 0 0.16rem 0 0;
  font-weight: normal;
  font-family: icomoon;
  content: "\e901";
}
@media screen and (max-width: 750px) {
  #footer .fNav .box01 .link span::before {
    margin: 0 0.24rem 0 0;
  }
}
html:not(.mobile) #footer .fNav .box01 .link:hover {
  color: #2d3441;
}
#footer .fNav .box01 .logo {
  width: 1.76rem;
  padding: 0.08rem 0 0;
}
@media screen and (max-width: 750px) {
  #footer .fNav .box01 .logo {
    width: 2.18rem;
    margin: 1.13rem 0 0 2.31rem;
    padding: 0;
  }
}
#footer .fNav .box02 {
  width: 7rem;
  margin: 0.75rem 0 0 calc(100% - 7rem);
  font-size: 0.14rem;
  line-height: 0.2rem;
}
@media screen and (max-width: 750px) {
  #footer .fNav .box02 {
    display: none;
  }
}
#footer .fNav .box02 > ul {
  display: flex;
}
#footer .fNav .box02 > ul > li:first-child {
  width: 1.56rem;
}
#footer .fNav .box02 > ul > li:nth-child(2) {
  width: 1.94rem;
}
#footer .fNav .box02 > ul > li:nth-child(3) {
  width: 2.22rem;
}
#footer .fNav .box02 > ul > li li {
  margin: 0.16rem 0 0;
}
#footer .fNav .box03 {
  position: relative;
  display: flex;
  flex-direction: column-reverse;
  width: 3.3rem;
  margin: 0.54rem 0 0 calc(100% - 3.3rem);
  font-size: 0.12rem;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  #footer .fNav .box03 {
    display: block;
    box-sizing: border-box;
    width: 4.26rem;
    margin: 1.2rem 0 0 calc(100% - 4.26rem);
    padding: 0 0.2rem 0 0;
    font-size: 0.24rem;
  }
}
#footer .fNav .box03 .link01 {
  margin: 0.3rem 0 0;
}
@media screen and (max-width: 750px) {
  #footer .fNav .box03 .link01 {
    margin: 0;
  }
}
#footer .fNav .box03 .link01 ul {
  display: flex;
}
@media screen and (max-width: 750px) {
  #footer .fNav .box03 .link01 ul li {
    flex-grow: 1;
  }
}
#footer .fNav .box03 .link01 ul li + li {
  margin: 0 0 0 0.16rem;
  padding: 0 0 0 0.16rem;
  border-left: 1px solid #000;
}
@media screen and (max-width: 750px) {
  #footer .fNav .box03 .link01 ul li + li {
    margin: 0;
    padding: 0;
    text-align: right;
  }
}
#footer .fNav .box03 .link02 {
  display: flex;
  justify-content: flex-end;
}
@media screen and (max-width: 750px) {
  #footer .fNav .box03 .link02 {
    justify-content: space-between;
    margin: 0.4rem 0 0;
  }
  #footer .fNav .box03 .link02 .sp {
    display: block;
  }
}
#footer .fNav .box03 .link02 ul {
  display: flex;
  justify-content: space-between;
  width: 0.7rem;
  color: #4c74b7;
  font-size: 0.2rem;
}
@media screen and (max-width: 750px) {
  #footer .fNav .box03 .link02 ul {
    width: 1.4rem;
  }
}
#footer .fNav .box03 .link02 ul li {
  width: 0.2rem;
}
@media screen and (max-width: 750px) {
  #footer .fNav .box03 .link02 ul li {
    width: 0.4rem;
  }
}
#footer .fNav .box03 .copyright {
  position: absolute;
  right: 0;
  bottom: 0;
}
@media screen and (max-width: 750px) {
  #footer .fNav .box03 .copyright {
    position: static;
    margin: 0.5rem 0 0;
    text-align: right;
  }
}
#footer .pageTop {
  position: fixed;
  right: 0.14rem;
  bottom: 0.35rem;
  z-index: 9000;
  width: 0.5034rem;
  height: 0.5034rem;
  background: url("../imgs/bt-pagetop.svg") 0 0/cover no-repeat;
  border-radius: 50%;
  box-shadow: 0 0.08rem 0.09rem 0 rgba(0, 0, 0, 0.1);
  transition: opacity 0.5s;
}
@media screen and (max-width: 750px) {
  #footer .pageTop {
    right: 0.32rem;
    bottom: calc(0.32rem + 64px);
    width: 0.8rem;
    height: 0.8rem;
  }
  #footer .pageTop.fit {
    position: absolute;
    bottom: calc(3.15rem + 64px);
  }
}
#footer .pageTop.off {
  opacity: 0;
  pointer-events: none;
}

#wrap .cv {
  position: fixed;
  top: 50%;
  right: 0;
  z-index: 9001;
  transform: translate3d(100%, -50%, 0);
  transition: transform 0.5s;
}
@media screen and (max-width: 750px) {
  #wrap .cv {
    top: auto;
    bottom: 0;
    display: none;
    transform: translate3d(0, 100%, 0);
  }
}
#wrap .cv.active {
  transform: translate3d(0, -50%, 0);
}
@media screen and (max-width: 750px) {
  #wrap .cv.active {
    transform: translate3d(0, 0, 0);
  }
}
#wrap .cv .btn {
  display: block;
  box-sizing: border-box;
  height: 1.8rem;
  color: #fff;
  font-size: 0.16rem;
  line-height: 0.6rem;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}
#wrap .cv .btn:hover {
  text-decoration: none;
}
@media screen and (max-width: 750px) {
  #wrap .cv .btn {
    box-sizing: border-box;
    width: 2.5rem;
    height: auto;
    font-size: 0.24rem;
    line-height: 1rem;
    text-align: center;
    writing-mode: inherit;
  }
}
#wrap .cv .btn01 {
  padding: 0.48rem 0 0;
  background: #2d3441 url("../imgs/ico-area_w.svg") 50% 0.22rem/0.12031rem auto no-repeat;
  border-top-left-radius: 0.06rem;
}
@media screen and (max-width: 750px) {
  #wrap .cv .btn01 {
    padding: 0 0 0 0.27rem;
    background-position: 0.29rem 50%;
    background-size: 0.16rem auto;
    border-top-left-radius: 0;
  }
}
#wrap .cv .btn02 {
  padding: 0.58rem 0 0;
  background: #4475c7 url("../imgs/ico-line_w.svg") 50% 0.25rem/0.13781rem auto no-repeat;
}
@media screen and (max-width: 750px) {
  #wrap .cv .btn02 {
    padding: 0 0 0 0.3rem;
    background-position: 0.4rem 50%;
    background-size: 0.16rem auto;
  }
}
#wrap .cv .btn03 {
  padding: 0.6rem 0 0;
  background: #bba986 url("../imgs/ico-map_w.svg") 50% 0.32rem/0.21594rem auto no-repeat;
  border-bottom-left-radius: 0.06rem;
}
@media screen and (max-width: 750px) {
  #wrap .cv .btn03 {
    padding: 0 0 0 0.44rem;
    background-position: 0.32rem 50%;
    background-size: 0.29rem auto;
    border-bottom-left-radius: 0;
  }
}

#asp_wrap .asp_fix_inq_box .asp_fix_inq_btn.asp_fix_inq_btn_inq a {
  background-color: #f79900;
}

#asp_wrap .asp_fix_inq_box .asp_fix_inq_btn a {
  background-color: #f79900;
}

* {
  -webkit-tap-highlight-color: transparent;
}

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
dl,
dt,
dd,
table,
tr,
th,
td,
form,
figure {
  font-size: inherit;
  margin: 0;
  padding: 0;
}

html:not(.mobile) .hov {
  transition: opacity 0.3s;
}
@supports (filter: brightness(100%)) {
  html:not(.mobile) .hov {
    transition-property: filter;
  }
}
html:not(.mobile) .hov:hover {
  opacity: 0.8;
}
@supports (filter: brightness(100%)) {
  html:not(.mobile) .hov:hover {
    filter: brightness(110%);
    opacity: 1;
  }
}

html:not(.mobile) .zoomImg .image {
  overflow: hidden;
}
html:not(.mobile) .zoomImg .image img {
  transition: transform 0.3s;
}
html:not(.mobile) .zoomImg:hover .image img {
  transform: scale(1.1);
}

html:not(.mobile) .wp-block-image a {
  display: block;
  overflow: hidden;
}
html:not(.mobile) .wp-block-image a img {
  transition: transform 0.3s;
}
html:not(.mobile) .wp-block-image a:hover img {
  transform: scale(1.1);
}

.w700 {
  max-width: 7rem;
  margin-right: auto;
  margin-left: auto;
}

.w800 {
  max-width: 8rem;
  margin-right: auto;
  margin-left: auto;
}

.w840 {
  max-width: 8.4rem;
  margin-right: auto;
  margin-left: auto;
}

.w1080 {
  max-width: 10.8rem;
  margin-right: auto;
  margin-left: auto;
}

.bgLightGray {
  background: #fafafa;
}

.iconColor01 {
  background: #4475c7 !important;
  color: #fff !important;
}

.iconColor02 {
  background: #4abacb !important;
  color: #fff !important;
}

.iconColor03 {
  background: #b673be !important;
  color: #fff !important;
}

.iconColor04 {
  background: #b3af46 !important;
  color: #fff !important;
}

.iconColor05 {
  background: #bba986 !important;
  color: #fff !important;
}

.iconColor06 {
  background: #0eb8ae !important;
  color: #fff !important;
}

.iconColor07 {
  background: #ee952b !important;
  color: #fff !important;
}

.iconColor08 {
  background: #a676b8 !important;
  color: #fff !important;
}

.iconColor08 {
  background: #a676b8 !important;
  color: #fff !important;
}

.iconColor09 {
  background: #4cc668 !important;
  color: #fff !important;
}

.iconColor10 {
  background: #4cc668 !important;
  color: #fff !important;
}

.iconColor11 {
  background: #eac51a !important;
  color: #fff !important;
}

.iconColor12 {
  background: #eb6877 !important;
  color: #fff !important;
}

.anchor {
  width: 100%;
  height: 0;
  position: relative;
  transform: translate(0, -1.2rem);
}
@media screen and (max-width: 750px) {
  .anchor {
    transform: translate(0, -1.1rem);
  }
}

body.loan {
  background: #fafafa;
}

#main .pageHeader01 {
  background: 50% 50%/cover no-repeat;
}
body.search #main .pageHeader01 {
  background-image: url("../imgs/mv-propertySearch.jpg");
}
@media screen and (max-width: 750px) {
  body.search #main .pageHeader01 {
    background-image: url("../imgs/mv-propertySearch_sp.jpg");
  }
}
body.area_pick_up #main .pageHeader01 {
  background-image: url("../imgs/mv-areaPickUp.jpg");
}
body.life_pick_up #main .pageHeader01 {
  background-image: url("../imgs/mv-areaPickUp.jpg");
}
body.construction #main .pageHeader01 {
  background-image: url("../imgs/mv-construction.jpg");
}
body.voice #main .pageHeader01 {
  background-image: url("../imgs/mv-voice.jpg");
}
body.interview #main .pageHeader01 {
  background-image: url("../imgs/mv-interview.jpg");
}
body.concept #main .pageHeader01, body.consistently #main .pageHeader01, body.facility #main .pageHeader01, body.method #main .pageHeader01, body.guarantee #main .pageHeader01 {
  background-image: url("../imgs/mv-concept.jpg");
}
body.after #main .pageHeader01 {
  background-image: url("../imgs/mv-after.jpg");
}
body.lineup #main .pageHeader01 {
  background-image: url("../imgs/mv-lineup.jpg");
}
body.flow #main .pageHeader01 {
  background-image: url("../imgs/mv-flow.jpg");
}
body.loan #main .pageHeader01 {
  background-image: url("../imgs/mv-loan.jpg");
}
body.benefit #main .pageHeader01 {
  background-image: url("../imgs/mv-benefit.jpg");
}
body.company #main .pageHeader01 {
  background-image: url("../imgs/mv-company.jpg");
}
body.recruit #main .pageHeader01 {
  background-image: url("../imgs/mv-recruit.jpg");
}
body.contact #main .pageHeader01 {
  background-image: url("../imgs/mv-contact.jpg");
}
body.saleconsul #main .pageHeader01 {
  background-image: url("../imgs/mv-saleconsul.jpg");
}
body.service #main .pageHeader01 {
  background-image: url("../imgs/mv-service.jpg");
}
body.contact2 #main .pageHeader01 {
  background-image: url("../imgs/mv-contact2.jpg");
}
#main .pageHeader01 .inner {
  box-sizing: border-box;
  height: 2.9rem;
  padding: 1.04rem 0 0;
  position: relative;
}
body.search #main .pageHeader01 .inner {
  padding: 0.75rem 0 0;
}
body.search #main .pageHeader01 .inner .catch {
  margin: 0 0 0.3rem;
  line-height: 1;
}
body.search #main .pageHeader01 .inner .catch .en {
  margin: 0 0.1rem 0 0;
  font-size: 0.32rem;
}
body.search #main .pageHeader01 .inner .catch .ja {
  font-size: 0.2rem;
}
@media screen and (max-width: 750px) {
  #main .pageHeader01 .inner {
    height: 3.1rem;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  body.search #main .pageHeader01 .inner {
    display: block;
    height: 3.7rem;
    padding: 0.72rem 0 0;
  }
  body.search #main .pageHeader01 .inner .catch {
    margin: 0 0 0.36rem;
    line-height: 1;
  }
  body.search #main .pageHeader01 .inner .catch .en {
    margin: 0 0.12rem 0 0;
    font-size: 0.32rem;
  }
  body.search #main .pageHeader01 .inner .catch .ja {
    font-size: 0.22rem;
  }
}
#main .pageHeader01 .pageTitle {
  line-height: 1;
}
#main .pageHeader01 .pageTitle .en {
  display: block;
  font-size: 0.16rem;
  font-weight: normal;
}
@media screen and (max-width: 750px) {
  #main .pageHeader01 .pageTitle .en {
    font-size: 0.18rem;
  }
}
#main .pageHeader01 .pageTitle .ja {
  display: block;
  padding: 0.2rem 0 0;
  font-size: 0.44rem;
}
@media screen and (max-width: 750px) {
  #main .pageHeader01 .pageTitle .ja {
    line-height: 1.4;
    font-size: 0.5rem;
  }
  #main .pageHeader01 .pageTitle .ja::before, #main .pageHeader01 .pageTitle .ja::after {
    content: "";
    display: block;
    height: 0;
    width: 0;
  }
  #main .pageHeader01 .pageTitle .ja::before {
    margin-bottom: -0.2em;
  }
  #main .pageHeader01 .pageTitle .ja::after {
    margin-top: -0.2em;
  }
}
#main .pageHeader01 .propertyNumbers {
  width: 4.2rem;
  box-sizing: border-box;
  padding: 0.1rem 0.1rem 0.14rem;
  position: absolute;
  top: 50%;
  right: -0.5rem;
  background: #fff;
  transform: translate(0, -50%);
}
@media screen and (max-width: 750px) {
  #main .pageHeader01 .propertyNumbers {
    width: 100%;
    padding: 0.1rem 0.1rem 0.15rem;
    top: auto;
    right: 0;
    bottom: -1.9rem;
    transform: none;
  }
}
#main .pageHeader01 .propertyNumbers .line01 {
  display: flex;
  height: 0.8rem;
  background: #2d3441;
  color: #fff;
  line-height: 1;
  align-items: center;
  justify-content: center;
}
#main .pageHeader01 .propertyNumbers .line01 .label {
  font-size: 0.24rem;
  font-weight: 700;
}
@media screen and (max-width: 750px) {
  #main .pageHeader01 .propertyNumbers .line01 .label {
    font-size: 0.336rem;
  }
}
#main .pageHeader01 .propertyNumbers .line01 .number {
  font-size: 0.26rem;
}
@media screen and (max-width: 750px) {
  #main .pageHeader01 .propertyNumbers .line01 .number {
    font-size: 0.364rem;
  }
}
#main .pageHeader01 .propertyNumbers .line01 .number strong {
  padding: 0 0 0 0.1rem;
  font-size: 0.5rem;
  font-weight: 700;
}
@media screen and (max-width: 750px) {
  #main .pageHeader01 .propertyNumbers .line01 .number strong {
    padding: 0 0 0 0.16rem;
    font-size: 0.7rem;
  }
}
#main .pageHeader01 .propertyNumbers .line02 {
  display: flex;
  height: 1.12rem;
}
@media screen and (max-width: 750px) {
  #main .pageHeader01 .propertyNumbers .line02 {
    height: 1.47rem;
  }
}
#main .pageHeader01 .propertyNumbers .line02 .area {
  box-sizing: border-box;
  padding: 0.54rem 0 0;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  #main .pageHeader01 .propertyNumbers .line02 .area {
    padding: 0.68rem 0 0;
    font-size: 0.2352rem;
  }
}
#main .pageHeader01 .propertyNumbers .line02 .area strong {
  font-size: 0.3rem;
  font-weight: 700;
}
@media screen and (max-width: 750px) {
  #main .pageHeader01 .propertyNumbers .line02 .area strong {
    font-size: 0.504rem;
  }
}
#main .pageHeader01 .propertyNumbers .line02 .tokyo {
  width: 1.95rem;
  padding-left: 1.01rem;
  background: url("../imgs/img-tokyo.png") 0.06rem 0.36rem/1.15rem auto no-repeat;
}
@media screen and (max-width: 750px) {
  #main .pageHeader01 .propertyNumbers .line02 .tokyo {
    width: 3.31rem;
    padding-left: 1.78rem;
    background-position: 0.18rem 0.38rem;
    background-size: 1.92rem auto;
  }
}
#main .pageHeader01 .propertyNumbers .line02 .kanagawa {
  width: 2.05rem;
  padding-left: 1.04rem;
  background: url("../imgs/img-kangawa.png") 0 0.29rem/0.99rem auto no-repeat;
}
@media screen and (max-width: 750px) {
  #main .pageHeader01 .propertyNumbers .line02 .kanagawa {
    width: 3.36rem;
    padding-left: 1.74rem;
    background-position: 0 0.27rem;
    background-size: 1.66rem auto;
  }
}
#main .pageHeader01 .propertyNumbers .line03 {
  color: #a50000;
  line-height: 1;
  text-align: right;
}
@media screen and (max-width: 750px) {
  #main .pageHeader01 .propertyNumbers .line03 {
    font-size: 0.18rem;
  }
}
#main .pageHeader02 .inner {
  box-sizing: border-box;
  height: 1.51rem;
  border-bottom: 1px solid #ebebeb;
  padding: 0.57rem 0 0;
  position: relative;
}
@media screen and (max-width: 750px) {
  #main .pageHeader02 .inner {
    height: 2.48rem;
    padding: 0.8rem 0 0;
  }
}
#main .pageHeader02 .inner::before {
  content: "";
  display: block;
  width: 1rem;
  height: 1px;
  position: absolute;
  bottom: -1px;
  left: 0;
  background: #427ad4;
}
#main .pageHeader02 .pageTitle {
  line-height: 1;
}
#main .pageHeader02 .pageTitle .en {
  display: block;
  font-size: 0.14rem;
  font-weight: normal;
}
@media screen and (max-width: 750px) {
  #main .pageHeader02 .pageTitle .en {
    font-size: 0.18rem;
  }
}
#main .pageHeader02 .pageTitle .ja {
  display: block;
  margin: 0.15rem 0 0;
  font-size: 0.38rem;
}
@media screen and (max-width: 750px) {
  #main .pageHeader02 .pageTitle .ja {
    margin: 0.2rem 0 0;
    font-size: 0.5rem;
  }
}
#main .breadCrumb {
  padding: 0.2rem 0 0.3rem;
  line-height: 0.2rem;
}
@media screen and (max-width: 750px) {
  #main .breadCrumb {
    line-height: 1.5;
  }
}
#main .breadCrumb ul {
  display: flex;
  flex-wrap: wrap;
}
#main .breadCrumb ul li {
  margin: 0.1rem 1em 0 0;
}
#main .breadCrumb ul li + li::before {
  content: "";
  display: inline-block;
  width: 0.05rem;
  height: 0.2rem;
  margin: 0 1em 0 0;
  background: url("../imgs/blt-breadCrumb.svg") 0 50%/100% auto no-repeat;
  vertical-align: top;
}
@media screen and (max-width: 750px) {
  #main .breadCrumb ul li + li::before {
    height: 1.5em;
  }
}
#main .headline .lead {
  margin: 0.55rem 0 0;
  line-height: 1.875;
  font-size: 0.16rem;
  text-align: center;
}
#main .headline .lead::before, #main .headline .lead::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
#main .headline .lead::before {
  margin-bottom: -0.4375em;
}
#main .headline .lead::after {
  margin-top: -0.4375em;
}
@media screen and (max-width: 750px) {
  #main .headline .lead {
    margin: 0.55rem 0 0;
    line-height: 1.7857142857;
    font-size: 0.28rem;
  }
  #main .headline .lead::before, #main .headline .lead::after {
    content: "";
    display: block;
    height: 0;
    width: 0;
  }
  #main .headline .lead::before {
    margin-bottom: -0.3928571429em;
  }
  #main .headline .lead::after {
    margin-top: -0.3928571429em;
  }
}
#main .article {
  border-top: 1px solid #eee;
}
#main .article p {
  line-height: 1.8571428571;
}
#main .article p::before, #main .article p::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
#main .article p::before {
  margin-bottom: -0.4285714286em;
}
#main .article p::after {
  margin-top: -0.4285714286em;
}
#main .article .lead {
  padding: 0.9rem 0 1rem;
  text-align: center;
}
#main .article .lead p {
  width: 7rem;
  margin: 0 auto;
  padding: 0.36rem 0 0;
}
#main .article .lead.banner {
  padding-bottom: 0 !important;
}
#main .article .lead.banner a {
  text-decoration: underline;
  color: #4475c7;
}
#main .article .sNav .inner {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 750px) {
  #main .article .sNav .inner {
    flex-wrap: wrap;
  }
}
#main .article .sNav .bt {
  display: flex;
  box-sizing: border-box;
  height: 0.5rem;
  border: 1px solid;
  padding: 0 0 0 0.1rem;
  position: relative;
  border-radius: 0.02rem;
  font-size: 0.12rem;
  line-height: 1.1666666667;
  overflow: hidden;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
@media screen and (max-width: 750px) {
  #main .article .sNav .bt {
    height: 0.8rem;
    margin: 0.2rem 0 0;
    font-size: 0.24rem;
    line-height: 1;
  }
  #main .article .sNav .bt br:not([class]) {
    display: none;
  }
}
#main .article .sNav .bt::after {
  content: "";
  display: inline-block;
  width: 0.05rem;
  height: 0.08rem;
  position: absolute;
  top: 50%;
  left: 0.16rem;
  background: url("../imgs/blt-breadCrumb.svg") 50% 50%/contain no-repeat;
  transform: translate(0, -50%) rotate(90deg);
}
@media screen and (max-width: 750px) {
  #main .article .sNav .bt::after {
    width: 0.1rem;
    height: 0.16rem;
    left: 0.32rem;
  }
}
#main .article .tabNav .inner {
  display: flex;
  justify-content: center;
  border-bottom: 1px solid #4475c7;
}
#main .article .tabNav .inner .bt {
  display: block;
  box-sizing: border-box;
  border: 1px solid #4475c7;
  border-bottom: none;
  color: #4475c7;
  line-height: calc(0.6rem - 2px);
  text-align: center;
  transition: 0.3s;
  transition-property: background, color;
}
@media screen and (max-width: 750px) {
  #main .article .tabNav .inner .bt {
    padding: 1.5em 0;
    line-height: 1;
  }
}
#main .article .tabNav .inner .bt.active, html:not(.mobile) #main .article .tabNav .inner .bt:hover {
  background: #4475c7;
  color: #fff;
}
#main .article .sectionHeader01 {
  padding: 0.4rem 0.7rem;
  background: #f0f0f0;
  text-align: center;
}
#main .article .sectionHeader01 h2 {
  border-bottom: 1px solid #dedede;
  padding: 0 0 0.25rem;
  line-height: 1;
}
#main .article .sectionHeader01 h2::before, #main .article .sectionHeader01 h2::after {
  content: none;
}
#main .article .sectionHeader01 h2 .ja {
  display: block;
  margin: 0.07rem 0 0;
  font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
  font-size: 0.14rem;
  font-weight: normal;
}
#main .article .sectionHeader01 p {
  line-height: 1.5;
  padding: 0.27rem 0 0;
  font-size: 0.2rem;
}
#main .article .sectionHeader01 p::before, #main .article .sectionHeader01 p::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
#main .article .sectionHeader01 p::before {
  margin-bottom: -0.25em;
}
#main .article .sectionHeader01 p::after {
  margin-top: -0.25em;
}
@media screen and (max-width: 750px) {
  #main .article .sectionHeader01 p {
    font-size: 0.24rem;
  }
}
#main .article .link {
  margin: 0.4rem 0 0;
  text-align: center;
}
#main .article .link + .link {
  margin-top: 0.12rem;
}
#main .article .smallLinkBtns .link {
  margin: 0;
  border: none;
  border-radius: 0;
  text-align: left;
  transition-property: opacity, filter;
}
@media screen and (max-width: 750px) {
  #main .article .smallLinkBtns .link {
    margin: 0.32rem 0 0;
  }
}
#main .article .smallLinkBtns .link::before, #main .article .smallLinkBtns .link::after {
  content: none;
}
#main .article .nextPage {
  margin: 0.52rem 0 -0.4rem;
}
#main .article .nextPage a {
  display: block;
  box-sizing: border-box;
  height: 1.34rem;
  position: relative;
  color: #352d29;
  line-height: 1;
}
html:not(.mobile) #main .article .nextPage a:hover {
  text-decoration: none;
}
#main .article .nextPage.toMethod a {
  padding: 0.42rem 0 0 1rem;
  background: url("../imgs/ico-attention.png") 100% 50%/0.4rem auto no-repeat, url("../imgs/bn-method.jpg") 0 0/cover no-repeat;
}
#main .article .nextPage.toMethod a .line01 {
  font-size: 0.14rem;
}
#main .article .nextPage.toMethod a .line02 {
  margin: 0.12rem 0 0;
  font-size: 0.22rem;
}
#main .article .nextPage.toBenefit a {
  padding: 0.45rem 0 0;
  background: url("../imgs/ico-attention.png") 100% 50%/0.4rem auto no-repeat, url("../imgs/bn-benefit.jpg") 0 0/cover no-repeat;
  text-align: center;
}
#main .article .nextPage.toBenefit a .ja {
  font-size: 0.24rem;
}
#main .article .nextPage.toBenefit a .en {
  margin: 0.12rem 0 0;
  font-size: 0.12rem;
  font-weight: 400;
}
#main .topMainVisual .slider {
  position: relative;
}
#main .topMainVisual .slider .slide {
  position: relative;
  vertical-align: top;
}
#main .topMainVisual .slider .slide .image {
  font-size: 1px;
}
#main .topMainVisual .slider .slide .catch {
  padding: 0.15rem 0 0;
  position: absolute;
  top: 50%;
  right: calc(50% + 1.4rem);
  text-align: center;
  opacity: 0;
  transform: translate3d(0, -30%, 0);
}
@media screen and (max-width: 750px) {
  #main .topMainVisual .slider .slide .catch {
    padding: 1.14rem 0 0;
    position: static;
    transform: translate3d(0, 20%, 0);
  }
}
#main .topMainVisual .slider .slide .catch .line01 {
  font-size: 0.4rem;
  font-weight: 700;
  line-height: 1.55;
  letter-spacing: 0.066rem;
}
@media screen and (max-width: 750px) {
  #main .topMainVisual .slider .slide .catch .line01 {
    font-size: 0.6rem;
    line-height: 1.3666666667;
  }
}
#main .topMainVisual .slider .slide .catch .line02 {
  margin: 0.21rem 0 0;
  font-size: 0.16rem;
  line-height: 2;
}
@media screen and (max-width: 750px) {
  #main .topMainVisual .slider .slide .catch .line02 {
    margin: 0.25rem 0 0;
    font-size: 0.28rem;
    line-height: 1.8571428571;
  }
}
#main .topMainVisual .slider .slide .catch .link {
  margin: 0.38rem auto 0;
  opacity: 0;
  transform: translate3d(0, 100%, 0);
}
@media screen and (max-width: 750px) {
  #main .topMainVisual .slider .slide .catch .link {
    margin: 0.6rem auto 0;
  }
}
#main .topMainVisual .slider.active .slick-current .catch {
  opacity: 1;
  transform: translate3d(0, -50%, 0);
  transition: 1s 1s;
  transition-property: opacity, transform;
}
@media screen and (max-width: 750px) {
  #main .topMainVisual .slider.active .slick-current .catch {
    transform: translate3d(0, 0, 0);
  }
}
#main .topMainVisual .slider.active .slick-current .catch .link {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: 1s 2s;
  transition-property: opacity, transform;
}
#main .topMainVisual .slider .slick-dots {
  display: flex;
  position: absolute;
  right: 1.6rem;
  bottom: -0.58rem;
}
@media screen and (max-width: 750px) {
  #main .topMainVisual .slider .slick-dots {
    top: 5rem;
    right: 50%;
    bottom: auto;
    transform: translate(50%, 0);
  }
}
#main .topMainVisual .slider .slick-dots li {
  margin: 0 0 0 0.16rem;
}
@media screen and (max-width: 750px) {
  #main .topMainVisual .slider .slick-dots li {
    margin: 0 0.13rem;
  }
}
#main .topMainVisual .slider .slick-dots li button {
  display: block;
  width: 0.08rem;
  height: 0.08rem;
  border: none;
  padding: 0;
  color: #4475c7;
  background: currentcolor;
  overflow: hidden;
  cursor: pointer;
}
@media screen and (max-width: 750px) {
  #main .topMainVisual .slider .slick-dots li button {
    width: 0.18rem;
    height: 0.18rem;
  }
}
#main .topMainVisual .slider .slick-dots li.slick-active button {
  color: #bba986;
}
body.home #main .sectionNew {
  padding: 1.3rem 0 1.6rem;
}
@media screen and (max-width: 750px) {
  body.home #main .sectionNew {
    padding: 1rem 0 0.4rem;
  }
}
body.search #main .sectionNew {
  padding: 1.2rem 0;
  background: #fafafa;
}
@media screen and (max-width: 750px) {
  body.search #main .sectionNew {
    padding: 1rem 0 0.6rem;
  }
}
#main .sectionNew .list {
  display: flex;
  margin-top: 0.55rem;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 750px) {
  #main .sectionNew .list {
    display: block;
    margin-top: 0.68rem;
  }
}
#main .sectionNew .list .item {
  width: 4.7rem;
  margin: 0.65rem 0 0;
}
@media screen and (max-width: 750px) {
  #main .sectionNew .list .item {
    width: auto;
    margin: 0.24rem 0 0;
  }
}
#main .sectionNew .list .item:nth-child(-n+2) {
  margin-top: 0;
}
@media screen and (max-width: 750px) {
  #main .sectionNew .list .item:nth-child(-n+2) {
    margin: 0.24rem 0 0;
  }
}
#main .sectionNew .list .item a {
  display: flex;
  justify-content: space-between;
}
#main .sectionNew .list .item a .image {
  width: 2.2rem;
}
#main .sectionNew .list .item a .image img {
  width: 100%;
}
@media screen and (max-width: 750px) {
  #main .sectionNew .list .item a .image {
    width: 3.6rem;
  }
}
#main .sectionNew .list .item a .text {
  width: 2.2rem;
  padding: 0.28rem 0 0;
  position: relative;
}
@media screen and (max-width: 750px) {
  #main .sectionNew .list .item a .text {
    width: 2.86rem;
    padding: 0.44rem 0 0;
  }
}
#main .sectionNew .list .item a .text .type {
  width: 0.9rem;
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  font-size: 0.14rem;
  line-height: 0.28rem;
  text-align: center;
}
@media screen and (max-width: 750px) {
  #main .sectionNew .list .item a .text .type {
    width: 1.4rem;
    font-size: 0.22rem;
    line-height: 0.44rem;
  }
}
#main .sectionNew .list .item a .text .name {
  margin: 0.2rem 0 0;
  line-height: 1.875;
  font-size: 0.16rem;
}
#main .sectionNew .list .item a .text .name::before, #main .sectionNew .list .item a .text .name::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
#main .sectionNew .list .item a .text .name::before {
  margin-bottom: -0.4375em;
}
#main .sectionNew .list .item a .text .name::after {
  margin-top: -0.4375em;
}
@media screen and (max-width: 750px) {
  #main .sectionNew .list .item a .text .name {
    margin: 0.24rem 0 0;
    line-height: 1.6923076923;
    font-size: 0.26rem;
  }
  #main .sectionNew .list .item a .text .name::before, #main .sectionNew .list .item a .text .name::after {
    content: "";
    display: block;
    height: 0;
    width: 0;
  }
  #main .sectionNew .list .item a .text .name::before {
    margin-bottom: -0.3461538462em;
  }
  #main .sectionNew .list .item a .text .name::after {
    margin-top: -0.3461538462em;
  }
}
#main .sectionNew .list .item a .text .price {
  margin: 0.16rem 0 0;
  font-size: 0.18rem;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  #main .sectionNew .list .item a .text .price {
    font-size: 0.26rem;
  }
}
#main .sectionNew .list .item a .text .price strong {
  font-size: 0.3rem;
  font-weight: 500;
}
@media screen and (max-width: 750px) {
  #main .sectionNew .list .item a .text .price strong {
    font-size: 0.4rem;
  }
}
#main .sectionNew .link {
  margin: 0.56rem auto 0;
  text-align: center;
}
@media screen and (max-width: 750px) {
  #main .sectionNew .link {
    margin: 0.6rem auto 0;
  }
}
body.home #main .sectionLineup {
  padding: 1rem 0 0.56rem;
  background: #fafafa;
  text-align: center;
}
@media screen and (max-width: 750px) {
  body.home #main .sectionLineup {
    padding: 1rem 0 0.7rem;
  }
}
body.home #main .sectionLineup .list {
  margin: 0.55rem 0 0;
}
@media screen and (max-width: 750px) {
  body.home #main .sectionLineup .list {
    margin: 0.58rem 0 0;
  }
}
#main .sectionLineup .list {
  display: flex;
  margin: 1rem auto 0;
}
@media screen and (max-width: 750px) {
  #main .sectionLineup .list {
    display: block;
  }
}
#main .sectionLineup .list .item {
  width: 50%;
}
@media screen and (max-width: 750px) {
  #main .sectionLineup .list .item {
    width: auto;
  }
}
#main .sectionLineup .list .item:first-child a::before {
  background-color: #4475c7;
}
#main .sectionLineup .list .item:last-child a::before {
  background-color: #bba986;
}
#main .sectionLineup .list .item a {
  display: block;
  position: relative;
}
#main .sectionLineup .list .item a .text {
  width: 100%;
  position: absolute;
  color: #fff;
  line-height: 1;
  bottom: 0.46rem;
  text-align: center;
}
@media screen and (max-width: 750px) {
  #main .sectionLineup .list .item a .text {
    bottom: 0.42rem;
  }
}
#main .sectionLineup .list .item a .text .line01 {
  font-size: 0.18rem;
}
@media screen and (max-width: 750px) {
  #main .sectionLineup .list .item a .text .line01 {
    font-size: 0.26rem;
  }
}
#main .sectionLineup .list .item a .text .line02 {
  margin: 0.2rem 0 0;
  font-size: 0.3rem;
}
@media screen and (max-width: 750px) {
  #main .sectionLineup .list .item a .text .line02 {
    font-size: 0.4rem;
  }
}
#main .sectionLineup .list .item a::before {
  content: "";
  display: block;
  width: 0.56rem;
  height: 0.56rem;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
  background: url("../imgs/arrow-right-white.svg") 50% 50%/0.17rem auto no-repeat;
}
@media screen and (max-width: 750px) {
  #main .sectionLineup .list .item a::before {
    width: 0.76rem;
    height: 0.76rem;
    background-size: 0.34rem auto;
  }
}
#main .sectionLineup .link {
  display: inline-block;
  margin: 0.56rem 0 0;
  color: #2d3441;
  font-size: 0.2rem;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  #main .sectionLineup .link {
    margin: 0.7rem 0 0;
    font-size: 0.3rem;
  }
}
#main .sectionLineup .link::after {
  content: "";
  display: inline-block;
  width: 0.17rem;
  height: 1em;
  margin: 0 0 0 0.1rem;
  background: url("../imgs/arrow-right-bt.svg") 0 0.05rem/100% auto no-repeat;
  vertical-align: top;
}
@media screen and (max-width: 750px) {
  #main .sectionLineup .link::after {
    width: 0.34rem;
    height: 1em;
    margin: 0 0 0 0.2rem;
    background-position: 0 0.08rem;
  }
}
#main .sectionLineup .link:hover {
  text-decoration: underline;
}
#main .topCatch {
  margin: 1.6rem 0 0;
}
@media screen and (max-width: 750px) {
  #main .topCatch {
    margin: 1.24rem 0 0;
  }
}
#main .topCatch .inner {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media screen and (max-width: 750px) {
  #main .topCatch .inner {
    display: block;
  }
}
#main .topCatch .inner .box01 {
  width: 4.63rem;
}
@media screen and (max-width: 750px) {
  #main .topCatch .inner .box01 {
    width: 6.48rem;
    margin: 0 auto;
  }
}
#main .topCatch .inner .box02 {
  width: 4.2rem;
  padding: 0.54rem 0 0.52rem;
  background: #fafafa;
}
@media screen and (max-width: 750px) {
  #main .topCatch .inner .box02 {
    box-sizing: border-box;
    width: 100vw;
    margin: 0.5rem -0.32rem 0;
    padding: 0.9rem 0.32rem 0.8rem;
  }
}
#main .topCatch .inner .box02 .image {
  width: 3.38rem;
  margin: 0 0 0 0.42rem;
}
@media screen and (max-width: 750px) {
  #main .topCatch .inner .box02 .image {
    width: 5.41rem;
    margin: 0 auto;
  }
}
#main .topCatch .inner .box02 .text {
  margin: 0.48rem 0 0;
  line-height: 1;
  text-align: center;
}
@media screen and (max-width: 750px) {
  #main .topCatch .inner .box02 .text {
    margin: 0.84rem 0 0;
  }
}
#main .topCatch .inner .box02 .text .line01 {
  font-size: 0.2rem;
}
@media screen and (max-width: 750px) {
  #main .topCatch .inner .box02 .text .line01 {
    font-size: 0.32rem;
  }
}
#main .topCatch .inner .box02 .text .line02 {
  margin: 0.1rem 0 0;
  font-size: 0.3rem;
}
@media screen and (max-width: 750px) {
  #main .topCatch .inner .box02 .text .line02 {
    margin: 0.17rem 0 0;
    font-size: 0.48rem;
  }
}
#main .topCatch .inner .box02 .text .line02 strong {
  font-size: 0.62rem;
  font-weight: 700;
}
@media screen and (max-width: 750px) {
  #main .topCatch .inner .box02 .text .line02 strong {
    font-size: 0.992rem;
  }
}
#main .topCatch .inner .box02 .text .line03 {
  margin: 0.12rem 0 0;
  font-size: 0.16rem;
}
@media screen and (max-width: 750px) {
  #main .topCatch .inner .box02 .text .line03 {
    margin: 0.1rem 0 0;
    font-size: 0.256rem;
  }
}
#main .topCatch .movie {
  margin: 0.8rem 0 0;
}
@media screen and (max-width: 750px) {
  #main .topCatch .movie {
    width: 100vw;
    margin: 0.32rem -0.32rem 0;
  }
}
#main .topCatch .movie .inner {
  height: 0;
  padding: 56.25% 0 0;
  position: relative;
  overflow: hidden;
}
#main .topCatch .movie .inner iframe {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#main .topCatch .movie .inner picture {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
}
#main .topCatch .movie .inner picture img {
  width: auto;
  height: 100%;
  max-width: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 750px) {
  #main .topCatch .movie .inner picture img {
    width: 100%;
    height: auto;
  }
}
body.home #main .sectionAreapickup {
  padding: 1.6rem 0 0;
}
@media screen and (max-width: 750px) {
  body.home #main .sectionAreapickup {
    padding: 1rem 0 0;
  }
}
body.search #main .sectionAreapickup {
  padding: 1.2rem 0 1.14rem;
}
@media screen and (max-width: 750px) {
  body.search #main .sectionAreapickup {
    padding: 1rem 0 0.7rem;
  }
}
#main .sectionAreapickup .list {
  display: flex;
  margin-top: 0.55rem;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 750px) {
  #main .sectionAreapickup .list {
    display: block;
    margin-top: 0.58rem;
  }
}
#main .sectionAreapickup .list .item {
  width: 4.7rem;
  margin: 0.55rem 0 0;
}
@media screen and (max-width: 750px) {
  #main .sectionAreapickup .list .item {
    width: auto;
    margin: 0.5rem 0 0;
  }
}
#main .sectionAreapickup .list .item:nth-child(-n+2) {
  margin-top: 0;
}
@media screen and (max-width: 750px) {
  #main .sectionAreapickup .list .item:nth-child(-n+2) {
    margin: 0.5rem 0 0;
  }
}
#main .sectionAreapickup .list .item a {
  display: block;
}
html:not(.mobile) #main .sectionAreapickup .list .item a:hover .image img {
  transform: translate(-50%, -50%) scale(1.1);
}
#main .sectionAreapickup .list .item a .image {
  height: 0;
  padding: 47.0212765957% 0 0;
  position: relative;
}
#main .sectionAreapickup .list .item a .image img {
  width: auto;
  max-width: none;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#main .sectionAreapickup .list .item a .image .area {
  width: 0.8rem;
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  font-size: 0.12rem;
  line-height: 0.32rem;
  text-align: center;
}
@media screen and (max-width: 750px) {
  #main .sectionAreapickup .list .item a .image .area {
    width: auto;
    padding: 0 1em;
    font-size: 0.22rem;
    line-height: 0.45rem;
  }
}
#main .sectionAreapickup .list .item a .image::before {
  content: "";
  display: block;
  width: 0.34rem;
  height: 0.34rem;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
  background: url("../imgs/ico-link.png") 0 0/contain no-repeat;
}
@media screen and (max-width: 750px) {
  #main .sectionAreapickup .list .item a .image::before {
    width: 0.54rem;
    height: 0.54rem;
    background-image: url("../imgs/ico-link_sp.png");
  }
}
#main .sectionAreapickup .list .item a .text {
  margin: 0.3rem 0 0;
}
@media screen and (max-width: 750px) {
  #main .sectionAreapickup .list .item a .text {
    margin: 0.45rem 0 0;
  }
}
#main .sectionAreapickup .list .item a .text .title {
  line-height: 1.6666666667;
  font-size: 0.18rem;
}
#main .sectionAreapickup .list .item a .text .title::before, #main .sectionAreapickup .list .item a .text .title::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
#main .sectionAreapickup .list .item a .text .title::before {
  margin-bottom: -0.3333333333em;
}
#main .sectionAreapickup .list .item a .text .title::after {
  margin-top: -0.3333333333em;
}
@media screen and (max-width: 750px) {
  #main .sectionAreapickup .list .item a .text .title {
    line-height: 1.8571428571;
    font-size: 0.28rem;
  }
  #main .sectionAreapickup .list .item a .text .title::before, #main .sectionAreapickup .list .item a .text .title::after {
    content: "";
    display: block;
    height: 0;
    width: 0;
  }
  #main .sectionAreapickup .list .item a .text .title::before {
    margin-bottom: -0.4285714286em;
  }
  #main .sectionAreapickup .list .item a .text .title::after {
    margin-top: -0.4285714286em;
  }
}
#main .sectionAreapickup .list .item a .text .summary {
  line-height: 1.8571428571;
  margin: 0.14rem 0 0;
  font-size: 0.14rem;
}
#main .sectionAreapickup .list .item a .text .summary::before, #main .sectionAreapickup .list .item a .text .summary::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
#main .sectionAreapickup .list .item a .text .summary::before {
  margin-bottom: -0.4285714286em;
}
#main .sectionAreapickup .list .item a .text .summary::after {
  margin-top: -0.4285714286em;
}
@media screen and (max-width: 750px) {
  #main .sectionAreapickup .list .item a .text .summary {
    line-height: 1.6153846154;
    margin: 0.26rem 0 0;
    font-size: 0.26rem;
  }
  #main .sectionAreapickup .list .item a .text .summary::before, #main .sectionAreapickup .list .item a .text .summary::after {
    content: "";
    display: block;
    height: 0;
    width: 0;
  }
  #main .sectionAreapickup .list .item a .text .summary::before {
    margin-bottom: -0.3076923077em;
  }
  #main .sectionAreapickup .list .item a .text .summary::after {
    margin-top: -0.3076923077em;
  }
}
#main .sectionAreapickup .list .item a .text .date {
  margin: 0.14rem 0 0;
  color: #d8b40c;
  font-size: 0.14rem;
  text-align: right;
}
@media screen and (max-width: 750px) {
  #main .sectionAreapickup .list .item a .text .date {
    font-size: 0.22rem;
  }
}
#main .sectionAreapickup .list.col03 {
  justify-content: flex-start;
}
@media screen and (max-width: 750px) {
  #main .sectionAreapickup .list.col03 {
    display: flex;
    justify-content: space-between;
  }
}
#main .sectionAreapickup .list.col03 .item {
  width: 31.836%;
  margin: 0.35rem 2.246% 0 0;
}
@media screen and (max-width: 750px) {
  #main .sectionAreapickup .list.col03 .item {
    width: 3.25rem;
    margin: 0.4rem 0 0;
  }
}
#main .sectionAreapickup .list.col03 .item:nth-child(-n+3) {
  margin-top: 0;
}
@media screen and (max-width: 750px) {
  #main .sectionAreapickup .list.col03 .item:nth-child(-n+3) {
    margin: 0.4rem 0 0;
  }
}
@media screen and (max-width: 750px) {
  #main .sectionAreapickup .list.col03 .item:nth-child(-n+2) {
    margin-top: 0;
  }
}
#main .sectionAreapickup .list.col03 .item:nth-child(3n+3) {
  margin-right: 0;
}
html:not(.mobile) #main .sectionAreapickup .list.col03 .item a:hover .image img {
  transform: translate(-50%, -50%) scale(1.1);
}
#main .sectionAreapickup .list.col03 .item .image {
  height: 0;
  padding: 66.9871794872% 0 0;
  position: relative;
}
#main .sectionAreapickup .list.col03 .item .image img {
  max-width: none;
  width: auto;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 750px) {
  #main .sectionAreapickup .list.col03 .item .image::before {
    content: none;
  }
}
@media screen and (max-width: 750px) {
  #main .sectionAreapickup .list.col03 .item .text {
    margin: 0.28rem 0 0;
  }
}
@media screen and (max-width: 750px) {
  #main .sectionAreapickup .list.col03 .item .text .title {
    line-height: 1.6923076923;
    font-size: 0.26rem;
  }
  #main .sectionAreapickup .list.col03 .item .text .title::before, #main .sectionAreapickup .list.col03 .item .text .title::after {
    content: "";
    display: block;
    height: 0;
    width: 0;
  }
  #main .sectionAreapickup .list.col03 .item .text .title::before {
    margin-bottom: -0.3461538462em;
  }
  #main .sectionAreapickup .list.col03 .item .text .title::after {
    margin-top: -0.3461538462em;
  }
}
#main .sectionAreapickup .link {
  margin: 0.56rem auto 0;
  text-align: center;
}
@media screen and (max-width: 750px) {
  #main .sectionAreapickup .link {
    margin: 0.8rem auto 0;
  }
}
body.home #main .sectionLifepickup {
  padding: 1.6rem 0 0;
}
@media screen and (max-width: 750px) {
  body.home #main .sectionLifepickup {
    padding: 1rem 0 0;
  }
}
#main .sectionLifepickup .list {
  display: flex;
  margin-top: 0.55rem;
}
@media screen and (max-width: 750px) {
  #main .sectionLifepickup .list {
    display: block;
    margin-top: 0.58rem;
  }
}
#main .sectionLifepickup .list .item {
  width: 22.551%;
  margin: 0 3.265% 0 0;
}
#main .sectionLifepickup .list .item:nth-child(4n+4) {
  margin-right: 0;
}
@media screen and (max-width: 750px) {
  #main .sectionLifepickup .list .item {
    width: auto;
    margin-right: 0;
  }
  #main .sectionLifepickup .list .item + .item {
    margin-top: 0.45rem;
    border-top: 1px solid #dbdbdb;
    padding: 0.41rem 0 0;
  }
}
#main .sectionLifepickup .list .item a {
  display: block;
}
@media screen and (max-width: 750px) {
  #main .sectionLifepickup .list .item a {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
}
html:not(.mobile) #main .sectionLifepickup .list .item a:hover .image img {
  transform: translate(-50%, -50%) scale(1.1);
}
#main .sectionLifepickup .list .item a .image {
  height: 0;
  padding: 100% 0 0;
  position: relative;
}
@media screen and (max-width: 750px) {
  #main .sectionLifepickup .list .item a .image {
    width: 2.51rem;
    padding: 2.51rem 0 0;
    overflow: hidden;
  }
}
#main .sectionLifepickup .list .item a .image img {
  width: auto;
  max-width: none;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#main .sectionLifepickup .list .item a .image .category {
  width: 1rem;
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  font-size: 0.12rem;
  line-height: 0.32rem;
  text-align: center;
}
@media screen and (max-width: 750px) {
  #main .sectionLifepickup .list .item a .image .category {
    width: 1.7rem;
    font-size: 0.22rem;
    line-height: 0.42rem;
  }
}
#main .sectionLifepickup .list .item a .image::before {
  content: "";
  display: block;
  width: 0.34rem;
  height: 0.34rem;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
  background: url("../imgs/ico-link.png") 0 0/contain no-repeat;
}
@media screen and (max-width: 750px) {
  #main .sectionLifepickup .list .item a .image::before {
    width: 0.54rem;
    height: 0.54rem;
    background-image: url("../imgs/ico-link_sp.png");
  }
}
#main .sectionLifepickup .list .item a .text {
  margin: 0.3rem 0 0;
}
@media screen and (max-width: 750px) {
  #main .sectionLifepickup .list .item a .text {
    width: 3.92rem;
    margin: 0.08rem 0 0;
  }
}
#main .sectionLifepickup .list .item a .text .title {
  line-height: 1.6666666667;
  font-size: 0.18rem;
}
#main .sectionLifepickup .list .item a .text .title::before, #main .sectionLifepickup .list .item a .text .title::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
#main .sectionLifepickup .list .item a .text .title::before {
  margin-bottom: -0.3333333333em;
}
#main .sectionLifepickup .list .item a .text .title::after {
  margin-top: -0.3333333333em;
}
@media screen and (max-width: 750px) {
  #main .sectionLifepickup .list .item a .text .title {
    line-height: 1.8571428571;
    font-size: 0.28rem;
  }
  #main .sectionLifepickup .list .item a .text .title::before, #main .sectionLifepickup .list .item a .text .title::after {
    content: "";
    display: block;
    height: 0;
    width: 0;
  }
  #main .sectionLifepickup .list .item a .text .title::before {
    margin-bottom: -0.4285714286em;
  }
  #main .sectionLifepickup .list .item a .text .title::after {
    margin-top: -0.4285714286em;
  }
}
#main .sectionLifepickup .list .item a .text .summary {
  line-height: 1.8571428571;
  margin: 0.14rem 0 0;
  font-size: 0.14rem;
}
#main .sectionLifepickup .list .item a .text .summary::before, #main .sectionLifepickup .list .item a .text .summary::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
#main .sectionLifepickup .list .item a .text .summary::before {
  margin-bottom: -0.4285714286em;
}
#main .sectionLifepickup .list .item a .text .summary::after {
  margin-top: -0.4285714286em;
}
@media screen and (max-width: 750px) {
  #main .sectionLifepickup .list .item a .text .summary {
    line-height: 1.6153846154;
    font-size: 0.26rem;
  }
  #main .sectionLifepickup .list .item a .text .summary::before, #main .sectionLifepickup .list .item a .text .summary::after {
    content: "";
    display: block;
    height: 0;
    width: 0;
  }
  #main .sectionLifepickup .list .item a .text .summary::before {
    margin-bottom: -0.3076923077em;
  }
  #main .sectionLifepickup .list .item a .text .summary::after {
    margin-top: -0.3076923077em;
  }
}
#main .sectionLifepickup .list .item a .text .date {
  margin: 0.14rem 0 0;
  color: #d8b40c;
  font-size: 0.14rem;
  text-align: right;
}
@media screen and (max-width: 750px) {
  #main .sectionLifepickup .list .item a .text .date {
    font-size: 0.22rem;
  }
}
#main .sectionLifepickup .link {
  margin: 0.56rem auto 0;
  text-align: center;
}
@media screen and (max-width: 750px) {
  #main .sectionLifepickup .link {
    margin: 0.65rem auto 0;
  }
}
body.search #main .sectionColumn {
  padding: 1.2rem 0;
  background: #fafafa;
}
@media screen and (max-width: 750px) {
  body.search #main .sectionColumn {
    padding: 1rem 0 0.6rem;
  }
}
#main .sectionColumn .list {
  display: flex;
  margin-top: 0.55rem;
  flex-wrap: wrap;
  justify-content: flex-start;
}
@media screen and (max-width: 750px) {
  #main .sectionColumn .list {
    margin-top: 0.58rem;
    justify-content: space-between;
  }
}
#main .sectionColumn .list .item {
  width: 31.836%;
  margin: 0.35rem 2.246% 0 0;
}
@media screen and (max-width: 750px) {
  #main .sectionColumn .list .item {
    width: 3.25rem;
    margin: 0.4rem 0 0;
  }
}
#main .sectionColumn .list .item:nth-child(-n+3) {
  margin-top: 0;
}
@media screen and (max-width: 750px) {
  #main .sectionColumn .list .item:nth-child(-n+3) {
    margin: 0.4rem 0 0;
  }
}
@media screen and (max-width: 750px) {
  #main .sectionColumn .list .item:nth-child(-n+2) {
    margin-top: 0;
  }
}
#main .sectionColumn .list .item:nth-child(3n+3) {
  margin-right: 0;
}
#main .sectionColumn .list .item a {
  display: block;
}
#main .sectionColumn .list .item a .image {
  height: 0;
  padding: 66.9871794872% 0 0;
  position: relative;
}
#main .sectionColumn .list .item a .image img {
  width: auto;
  max-width: none;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#main .sectionColumn .list .item a .image::before {
  content: "";
  display: block;
  width: 0.34rem;
  height: 0.34rem;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
  background: url("../imgs/ico-link.png") 0 0/contain no-repeat;
}
@media screen and (max-width: 750px) {
  #main .sectionColumn .list .item a .image::before {
    content: none;
  }
}
#main .sectionColumn .list .item a .text {
  margin: 0.3rem 0 0;
}
@media screen and (max-width: 750px) {
  #main .sectionColumn .list .item a .text {
    margin: 0.28rem 0 0;
  }
}
#main .sectionColumn .list .item a .text .title {
  line-height: 1.6666666667;
  font-size: 0.18rem;
}
#main .sectionColumn .list .item a .text .title::before, #main .sectionColumn .list .item a .text .title::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
#main .sectionColumn .list .item a .text .title::before {
  margin-bottom: -0.3333333333em;
}
#main .sectionColumn .list .item a .text .title::after {
  margin-top: -0.3333333333em;
}
@media screen and (max-width: 750px) {
  #main .sectionColumn .list .item a .text .title {
    line-height: 1.6923076923;
    font-size: 0.26rem;
  }
  #main .sectionColumn .list .item a .text .title::before, #main .sectionColumn .list .item a .text .title::after {
    content: "";
    display: block;
    height: 0;
    width: 0;
  }
  #main .sectionColumn .list .item a .text .title::before {
    margin-bottom: -0.3461538462em;
  }
  #main .sectionColumn .list .item a .text .title::after {
    margin-top: -0.3461538462em;
  }
}
html:not(.mobile) #main .sectionColumn .list .item a:hover .image img {
  transform: translate(-50%, -50%) scale(1.1);
}
#main .sectionColumn .smallLinkBtns {
  margin-top: 0.56rem;
}
body.home #main .sectionConcept {
  padding: 1.45rem 0 0;
}
@media screen and (max-width: 750px) {
  body.home #main .sectionConcept {
    padding: 1rem 0 0;
  }
}
#main .sectionConcept .title {
  font-size: 0.36rem;
  font-weight: 700;
  line-height: 0.66rem;
  text-align: center;
}
@media screen and (max-width: 750px) {
  #main .sectionConcept .title {
    font-size: 0.4rem;
    line-height: 0.784rem;
  }
}
#main .sectionConcept .title strong {
  display: block;
  font-size: 0.46rem;
  font-weight: inherit;
}
@media screen and (max-width: 750px) {
  #main .sectionConcept .title strong {
    font-size: 0.6rem;
    line-height: 0.928rem;
  }
}
#main .sectionConcept .list {
  display: flex;
  margin-top: 0.7rem;
  flex-wrap: wrap;
}
@media screen and (max-width: 750px) {
  #main .sectionConcept .list {
    display: block;
    margin-top: 0.63rem;
    box-shadow: 0 0.2rem 0.3rem 0 rgba(0, 0, 0, 0.1);
  }
}
#main .sectionConcept .list .item {
  width: 3.73rem;
  margin: 0.32rem 0 0;
  box-shadow: 0 0.2rem 0.3rem 0 rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 750px) {
  #main .sectionConcept .list .item {
    width: auto;
    margin: 0;
    box-shadow: none;
  }
}
#main .sectionConcept .list .item a {
  display: block;
  position: relative;
}
#main .sectionConcept .list .item a .text {
  box-sizing: border-box;
  width: 3.17rem;
  height: 0.98rem;
  padding: 0.31rem 0 0;
  position: absolute;
  bottom: 0;
  left: 50%;
  line-height: 1;
  text-align: center;
  transform: translate(-50%, 0);
}
@media screen and (max-width: 750px) {
  #main .sectionConcept .list .item a .text {
    width: 5.79rem;
    height: 1.58rem;
    padding: 0.46rem 0 0;
  }
}
#main .sectionConcept .list .item a .text .en {
  font-size: 0.12rem;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 750px) {
  #main .sectionConcept .list .item a .text .en {
    font-size: 0.2rem;
  }
}
#main .sectionConcept .list .item a .text .ja {
  margin: 0.12rem 0 0;
  color: #fff;
  font-size: 0.2rem;
}
@media screen and (max-width: 750px) {
  #main .sectionConcept .list .item a .text .ja {
    margin: 0.18rem 0 0;
    font-size: 0.36rem;
  }
}
#main .sectionConcept .list .item:nth-child(odd) a .text {
  background: rgba(68, 117, 199, 0.86);
}
#main .sectionConcept .list .item:nth-child(odd) a .text .en {
  color: #a0f7ff;
}
#main .sectionConcept .list .item:nth-child(even) a .text {
  background: rgba(187, 169, 134, 0.86);
}
#main .sectionConcept .list .item:nth-child(even) a .text .en {
  color: #fff71b;
}
#main .sectionConcept .list .item:nth-child(3n+2) {
  width: 3.74rem;
}
@media screen and (max-width: 750px) {
  #main .sectionConcept .list .item:nth-child(3n+2) {
    width: auto;
  }
}
#main .sectionConcept .list .item:nth-child(3n+2) a .text {
  width: 3.19rem;
}
@media screen and (max-width: 750px) {
  #main .sectionConcept .list .item:nth-child(3n+2) a .text {
    width: 5.79rem;
  }
}
#main .sectionConcept .list .item:nth-child(-n+3) {
  margin-top: 0;
}
#main .sectionConcept .link {
  margin: 0.56rem auto 0;
  text-align: center;
}
@media screen and (max-width: 750px) {
  #main .sectionConcept .link {
    margin: 0.6rem auto 0;
  }
}
#main .topCase {
  margin: 1.6rem 0 0;
  padding: 2.3rem 0 1.2rem;
  position: relative;
  background: #fafafa;
}
@media screen and (max-width: 750px) {
  #main .topCase {
    margin: 0.75rem 0 0;
    padding: 6.2rem 0 0.34rem;
  }
}
#main .topCase .slider {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#main .topCase .slider .swiper-wrapper {
  transition-timing-function: linear;
}
@media screen and (min-width: 1281px) {
  #main .topCase .slider .swiper-slide {
    width: 280px;
  }
}
#main .topCase .slider a {
  display: block;
  padding: 100% 0 0;
  position: relative;
  overflow: hidden;
}
#main .topCase .slider a img {
  width: auto;
  max-width: none;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#main .topCase .rotation {
  display: flex;
  width: 600vw;
  position: absolute;
  top: 0;
  left: 50%;
  justify-content: center;
  transform: translate(-50%, 0);
}
@media screen and (max-width: 750px) {
  #main .topCase .rotation {
    width: 800rem;
  }
  #main .topCase .rotation .line03 {
    display: none;
  }
}
#main .topCase .rotation .line {
  display: flex;
  animation: rotation 60s linear infinite;
}
#main .topCase .rotation .line .item {
  display: block;
  width: 2.8rem;
}
@media screen and (max-width: 750px) {
  #main .topCase .rotation .line .item {
    width: 5.6rem;
  }
}
#main .topCase .rotation .line .item img {
  width: 100%;
}
body:not(.mobile) #main .topCase .rotation:hover .line {
  animation-play-state: paused;
}
@keyframes rotation {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-100%, 0, 0);
  }
}
#main .topCase .link.sp {
  text-align: center;
  display: none;
}
@media screen and (max-width: 750px) {
  #main .topCase .link.sp {
    display: block;
  }
}
#main .topCase .list {
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 750px) {
  #main .topCase .list {
    display: block;
    margin: 0.6rem 0 0;
  }
}
#main .topCase .list .item {
  width: 3.6rem;
  position: relative;
}
@media screen and (max-width: 750px) {
  #main .topCase .list .item {
    width: auto;
    margin: 0.4rem 0 0;
  }
}
#main .topCase .list .item a {
  display: block;
  box-sizing: border-box;
  min-height: 100%;
  padding: 0.55rem 0.55rem 0.5rem;
  background: #fff;
  box-shadow: 0 0.2rem 0.3rem 0 rgba(0, 0, 0, 0.04);
  transition: box-shadow 0.3s;
}
html:not(.mobile) #main .topCase .list .item a:hover {
  box-shadow: 0 0.2rem 0.3rem 0 rgba(0, 0, 0, 0);
}
@media screen and (max-width: 750px) {
  #main .topCase .list .item a {
    min-height: 0;
    padding: 0.64rem 0.6rem 0.66rem;
  }
}
#main .topCase .list .item a .title {
  line-height: 1.6666666667;
  font-size: 0.18rem;
}
#main .topCase .list .item a .title::before, #main .topCase .list .item a .title::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
#main .topCase .list .item a .title::before {
  margin-bottom: -0.3333333333em;
}
#main .topCase .list .item a .title::after {
  margin-top: -0.3333333333em;
}
@media screen and (max-width: 750px) {
  #main .topCase .list .item a .title {
    line-height: 1.8571428571;
    font-size: 0.28rem;
  }
  #main .topCase .list .item a .title::before, #main .topCase .list .item a .title::after {
    content: "";
    display: block;
    height: 0;
    width: 0;
  }
  #main .topCase .list .item a .title::before {
    margin-bottom: -0.4285714286em;
  }
  #main .topCase .list .item a .title::after {
    margin-top: -0.4285714286em;
  }
}
#main .topCase .list .item a .summary {
  line-height: 1.8571428571;
  margin: 0.14rem 0 0;
  font-size: 0.14rem;
}
#main .topCase .list .item a .summary::before, #main .topCase .list .item a .summary::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
#main .topCase .list .item a .summary::before {
  margin-bottom: -0.4285714286em;
}
#main .topCase .list .item a .summary::after {
  margin-top: -0.4285714286em;
}
@media screen and (max-width: 750px) {
  #main .topCase .list .item a .summary {
    line-height: 1.6153846154;
    margin: 0.24rem 0 0;
    font-size: 0.26rem;
  }
  #main .topCase .list .item a .summary::before, #main .topCase .list .item a .summary::after {
    content: "";
    display: block;
    height: 0;
    width: 0;
  }
  #main .topCase .list .item a .summary::before {
    margin-bottom: -0.3076923077em;
  }
  #main .topCase .list .item a .summary::after {
    margin-top: -0.3076923077em;
  }
}
#main .topCase .list .item a::before {
  content: "";
  display: block;
  width: 0.34rem;
  height: 0.34rem;
  position: absolute;
  right: 0;
  bottom: 0;
  background: url("../imgs/ico-link.png") 0 0/contain no-repeat;
}
@media screen and (max-width: 750px) {
  #main .topCase .list .item a::before {
    width: 0.54rem;
    height: 0.54rem;
    background-image: url("../imgs/ico-link_sp.png");
  }
}
#main .topCase .links {
  display: flex;
  margin: 0.56rem 0 0;
  justify-content: center;
}
@media screen and (max-width: 750px) {
  #main .topCase .links {
    display: block;
    margin: 0.6rem 0 0;
  }
}
#main .topCase .links .link {
  margin: 0 0.1rem;
  text-align: center;
}
@media screen and (max-width: 750px) {
  #main .topCase .links .link {
    margin: 0;
  }
  #main .topCase .links .link.pc {
    display: none;
  }
}
#main .topCase .smallLinkBtns {
  margin-top: 0.56rem;
}
@media screen and (max-width: 750px) {
  #main .topCase .smallLinkBtns {
    margin-top: 0.32rem;
  }
}
#main .smallLinkBtns {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 750px) {
  #main .smallLinkBtns {
    display: block;
  }
}
#main .smallLinkBtns .link {
  display: block;
  box-sizing: border-box;
  width: 4.8rem;
  height: 1.04rem;
  padding: 0.34rem 0 0 0.4rem;
  background: 100% 0/auto 100% no-repeat;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  #main .smallLinkBtns .link {
    width: auto;
    margin: 0.32rem 0 0;
    padding: 0.47rem 0 0 0.44rem;
    height: 1.54rem;
  }
}
#main .smallLinkBtns .link .ja {
  display: block;
  color: #fff;
  font-size: 0.16rem;
}
@media screen and (max-width: 750px) {
  #main .smallLinkBtns .link .ja {
    font-size: 0.3rem;
  }
}
#main .smallLinkBtns .link .en {
  display: block;
  margin: 0.12rem 0 0;
  color: rgba(255, 255, 255, 0.6);
  font-size: 0.12rem;
  text-transform: uppercase;
}
@media screen and (max-width: 750px) {
  #main .smallLinkBtns .link .en {
    margin: 0.18rem 0 0;
    font-size: 0.2rem;
  }
}
html:not(.mobile) #main .smallLinkBtns .link:hover {
  text-decoration: none;
}
#main .smallLinkBtns .flow {
  background-color: #4475c7;
  background-image: url("../imgs/bt-flow.jpg");
}
@media screen and (max-width: 750px) {
  #main .smallLinkBtns .flow {
    background-image: url("../imgs/bt-flow_sp.jpg");
  }
}
#main .smallLinkBtns .flow .en {
  color: #a0f7ff;
}
#main .smallLinkBtns .simulation {
  background-color: #bba986;
  background-image: url("../imgs/bt-simulation.jpg");
}
@media screen and (max-width: 750px) {
  #main .smallLinkBtns .simulation {
    background-image: url("../imgs/bt-simulation_sp.jpg");
  }
}
#main .smallLinkBtns .simulation .en {
  color: #fff71b;
}
#main .smallLinkBtns .company {
  background-color: #4475c7;
  background-image: url("../imgs/bt-company.jpg");
}
#main .smallLinkBtns .features {
  background-color: #b673be;
  background-image: url("../imgs/bt-features.jpg");
}
#main .smallLinkBtns .guarantee {
  background-color: #bba986;
  background-image: url("../imgs/bt-guarantee.jpg");
}
#main .smallLinkBtns .after {
  background-color: #bba986;
  background-image: url("../imgs/bt-after.jpg");
}
#main .smallLinkBtns .method {
  background-color: #bba986;
  background-image: url("../imgs/bt-method.jpg");
}
#main .smallLinkBtns .interview {
  background-color: #e6b359;
  background-image: url("../imgs/bt-interview.jpg");
}
#main .smallLinkBtns .recruit {
  background-color: #4cb78d;
  background-image: url("../imgs/bt-recruit.jpg");
}
#main .smallLinkBtns .bukken {
  background-color: #4475c7;
  background-image: url("../imgs/bt-bukken.jpg");
}
#main .smallLinkBtns .tochi {
  background-color: #4cc668;
  background-image: url("../imgs/bt-tochi.jpg");
}
#main .smallLinkBtns .bukken,
#main .smallLinkBtns .tochi {
  padding-top: 0.25rem;
}
@media screen and (max-width: 750px) {
  #main .smallLinkBtns .bukken,
  #main .smallLinkBtns .tochi {
    padding-top: 0.4rem;
  }
}
#main .smallLinkBtns .bukken .ja,
#main .smallLinkBtns .tochi .ja {
  font-size: 0.15rem;
  line-height: 0.26rem;
}
@media screen and (max-width: 750px) {
  #main .smallLinkBtns .bukken .ja,
  #main .smallLinkBtns .tochi .ja {
    font-size: 0.2rem;
    line-height: 1.6;
  }
}
#main .smallLinkBtns .bukken .ja strong,
#main .smallLinkBtns .tochi .ja strong {
  font-size: 0.2rem;
}
@media screen and (max-width: 750px) {
  #main .smallLinkBtns .bukken .ja strong,
  #main .smallLinkBtns .tochi .ja strong {
    font-size: 0.3rem;
  }
}
body.home #main .sectionNews {
  padding: 1.6rem 0;
}
@media screen and (max-width: 750px) {
  body.home #main .sectionNews {
    padding: 1rem 0 0.58rem;
  }
}
#main .sectionNews .list {
  margin-top: 0.56rem;
}
@media screen and (max-width: 750px) {
  #main .sectionNews .list {
    margin-top: 0.58rem;
  }
}
#main .sectionNews .list dl {
  display: flex;
  line-height: 1.875;
  font-size: 0.16rem;
  flex-wrap: wrap;
}
#main .sectionNews .list dl::before, #main .sectionNews .list dl::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
#main .sectionNews .list dl::before {
  margin-bottom: -0.4375em;
}
#main .sectionNews .list dl::after {
  margin-top: -0.4375em;
}
@media screen and (max-width: 750px) {
  #main .sectionNews .list dl {
    display: block;
    line-height: 1.6666666667;
    font-size: 0.24rem;
  }
  #main .sectionNews .list dl::before, #main .sectionNews .list dl::after {
    content: "";
    display: block;
    height: 0;
    width: 0;
  }
  #main .sectionNews .list dl::before {
    margin-bottom: -0.3333333333em;
  }
  #main .sectionNews .list dl::after {
    margin-top: -0.3333333333em;
  }
}
#main .sectionNews .list dl dt {
  width: 1.1rem;
  font-weight: 500;
}
@media screen and (max-width: 750px) {
  #main .sectionNews .list dl dt {
    width: auto;
  }
}
#main .sectionNews .list dl dd {
  width: calc(100% - 1.1rem);
}
@media screen and (max-width: 750px) {
  #main .sectionNews .list dl dd {
    width: auto;
  }
}
#main .sectionNews .list dl dt:nth-of-type(n + 2),
#main .sectionNews .list dl dd:nth-of-type(n + 2) {
  margin: 0.18rem 0 0;
}
@media screen and (max-width: 750px) {
  #main .sectionNews .list dl dt:nth-of-type(n + 2) {
    margin: 0.4rem 0 0;
  }
}
@media screen and (max-width: 750px) {
  #main .sectionNews .list dl dd:nth-of-type(n + 2) {
    margin: 0;
  }
}
html:not(.mobile) #main .sectionNews .list dl a:hover {
  text-decoration: underline;
}
#main .sectionNews .link {
  margin: 0.56rem auto 0;
  text-align: center;
}
body.search #main .sectionTheme {
  padding: 1.2rem 0;
}
@media screen and (max-width: 750px) {
  body.search #main .sectionTheme {
    padding: 1rem 0 0.4rem;
  }
}
#main .sectionTheme .list {
  display: flex;
  margin-top: 0.55rem;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 750px) {
  #main .sectionTheme .list {
    margin-top: 0.52rem;
  }
}
#main .sectionTheme .list .item {
  width: 2.33rem;
  margin: 0.56rem 0 0;
  background: #fff;
  box-shadow: 0 0.2rem 0.3rem 0 rgba(0, 0, 0, 0.06);
}
@media screen and (max-width: 750px) {
  #main .sectionTheme .list .item {
    width: 3.24rem;
    margin: 0.4rem 0 0;
  }
}
#main .sectionTheme .list .item:nth-child(-n+4) {
  margin-top: 0;
}
@media screen and (max-width: 750px) {
  #main .sectionTheme .list .item:nth-child(-n+4) {
    margin-top: 0.4rem;
  }
}
@media screen and (max-width: 750px) {
  #main .sectionTheme .list .item:nth-child(-n+2) {
    margin-top: 0;
  }
}
#main .sectionTheme .list .item a {
  display: block;
}
html:not(.mobile) #main .sectionTheme .list .item a:hover {
  text-decoration: none;
}
#main .sectionTheme .list .item a .image img {
  width: 100%;
}
#main .sectionTheme .list .item a .text {
  display: flex;
  height: 0.8rem;
  font-size: 0.16rem;
  line-height: 1.625;
  flex-direction: column;
  text-align: center;
  justify-content: center;
}
@media screen and (max-width: 750px) {
  #main .sectionTheme .list .item a .text {
    height: 1.1rem;
    font-size: 0.24rem;
    line-height: 1.5;
  }
}
#main .sectionTheme .link {
  margin: 0.56rem auto 0;
  text-align: center;
}
@media screen and (max-width: 750px) {
  #main .sectionTheme .link {
    margin: 0.6rem auto 0;
  }
}
#main .sns {
  padding: 0.74rem 0 1.16rem;
}
@media screen and (max-width: 750px) {
  #main .sns {
    padding: 0.86rem 0 0.58rem;
  }
}
#main .sns .list {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 750px) {
  #main .sns .list {
    display: block;
  }
}
#main .sns .list .item {
  width: 4.74rem;
}
@media screen and (max-width: 750px) {
  #main .sns .list .item {
    width: auto;
  }
}
#main .sns .list .item .icon {
  height: 0.45rem;
}
@media screen and (max-width: 750px) {
  #main .sns .list .item .icon {
    height: auto;
    margin: 0 auto;
  }
}
#main .sns .list .twitter .icon {
  box-sizing: border-box;
  width: 0.25rem;
  padding: 0.05rem 0 0;
}
@media screen and (max-width: 750px) {
  #main .sns .list .twitter .icon {
    width: 0.44rem;
    padding: 0;
  }
}
#main .sns .list .twitter .contents {
  box-sizing: border-box;
  height: 3.54rem;
  border: 1px solid #dbdbdb;
  padding: 0.46rem 0.5rem 0.46rem 0.44rem;
  overflow-y: scroll;
}
@media screen and (max-width: 750px) {
  #main .sns .list .twitter .contents {
    height: 5.09rem;
    margin: 0.24rem 0 0;
    padding: 0.66rem 0.48rem;
  }
}
@media screen and (max-width: 750px) {
  #main .sns .list .instagram {
    margin: 0.66rem 0 0;
  }
}
#main .sns .list .instagram .icon {
  width: 0.27rem;
}
@media screen and (max-width: 750px) {
  #main .sns .list .instagram .icon {
    width: 0.52rem;
  }
}
#main .sns .list .instagram .contents {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 750px) {
  #main .sns .list .instagram .contents {
    margin: 0.26rem 0 0;
  }
}
#main .sns .list .instagram .contents div {
  width: 1.14rem;
  margin: 0.06rem 0 0 0.06rem;
}
@media screen and (max-width: 750px) {
  #main .sns .list .instagram .contents div {
    width: 1.67rem;
  }
}
#main .sns .list .instagram .contents div:nth-child(-n+4) {
  margin-top: 0;
}
#main .sns .list .instagram .contents div:nth-child(4n+1) {
  margin-left: 0;
}
#main .sns .list .instagram .contents a {
  display: block;
  position: relative;
  text-decoration: none !important;
  overflow: hidden;
}
#main .sns .list .instagram .contents a .data {
  box-sizing: border-box;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0.05rem;
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  transform: translate3d(0, 100%, 0);
  transition: transform 0.5s;
}
#main .sns .list .instagram .contents a:hover .data {
  transform: translate3d(0, 0, 0);
}
#main .searchMenu {
  padding: 1rem 0;
  background: url("../imgs/bg-searchMenu.jpg") 50% 50%/cover no-repeat;
}
@media screen and (max-width: 750px) {
  #main .searchMenu {
    padding: 2.06rem 0 0.36rem;
    background-image: url("../imgs/bg-searchMenu_sp.jpg");
  }
}
#main .searchMenu .item {
  background: #fff;
  box-shadow: 0 0.2rem 0.3rem 0 rgba(0, 0, 0, 0.04);
}
#main .searchMenu .block01 .item {
  padding: 0.22rem 1.05rem 0.22rem;
}
@media screen and (max-width: 750px) {
  #main .searchMenu .block01 .item {
    padding: 0.3rem 0.23rem 0.27rem;
    flex-wrap: wrap;
  }
}
#main .searchMenu .block01 .item form {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 750px) {
  #main .searchMenu .block01 .item form {
    flex-wrap: wrap;
  }
}
#main .searchMenu .block01 .item label {
  padding: 0 0 0 0.28rem;
  font-size: 0.16rem;
  background: url(../imgs/ico-search01.svg) 0 50%/0.1616rem auto no-repeat;
}
@media screen and (max-width: 750px) {
  #main .searchMenu .block01 .item label {
    width: 100%;
    margin: 0 0 0.2rem;
    padding: 0 0 0 0.4rem;
    font-size: 0.26rem;
    line-height: 1;
    background-position: 0.06rem 50%;
    background-size: 0.22rem auto;
  }
}
#main .searchMenu .block01 .item input[type=text] {
  box-sizing: border-box;
  width: 5.6rem;
  margin: 0 0 0 auto;
  border: 0.02rem solid #4475c7;
  border-right: none;
  padding: 0.17rem 0.2rem 0.17rem 0.27rem;
  font-size: 0.16rem;
}
@media screen and (max-width: 750px) {
  #main .searchMenu .block01 .item input[type=text] {
    width: 4.83rem;
    margin: 0;
    border-width: 1px;
    padding: 14px 0.2rem 14px 0.27rem;
    font-size: 16px;
  }
}
#main .searchMenu .block01 .item input[type=text]::placeholder {
  color: #a9adb5;
}
#main .searchMenu .block01 .item input[type=submit] {
  width: 1.26rem;
  border: none;
  padding: 0;
  background: #4475c7;
  color: #fff;
  font-size: 0.18rem;
  line-height: 0.56rem;
  text-align: center;
  cursor: pointer;
}
@media screen and (max-width: 750px) {
  #main .searchMenu .block01 .item input[type=submit] {
    width: calc(100% - 4.83rem);
    font-size: 16px;
    line-height: 48px;
  }
}
#main .searchMenu .block02 {
  display: flex;
  margin: 0.24rem 0 0;
  justify-content: space-between;
}
@media screen and (max-width: 750px) {
  #main .searchMenu .block02 {
    display: block;
    margin: 0.12rem 0 0;
  }
}
#main .searchMenu .block02 .item {
  box-sizing: border-box;
  width: 3.5rem;
  padding: 0.8rem 0.23rem 0.23rem;
  position: relative;
  background-repeat: no-repeat;
  text-align: center;
}
@media screen and (max-width: 750px) {
  #main .searchMenu .block02 .item {
    width: auto;
    padding: 0.42rem 0.23rem 0.27rem;
  }
  #main .searchMenu .block02 .item + .item {
    margin: 0.16rem 0 0;
  }
}
#main .searchMenu .block02 .item .anchor {
  position: absolute;
  top: 0;
  left: 0;
}
#main .searchMenu .block02 .item .label {
  line-height: 1;
}
@media screen and (max-width: 750px) {
  #main .searchMenu .block02 .item .label {
    display: flex;
    padding: 0 0.26rem 0 0.68rem;
    align-items: center;
    justify-content: space-between;
  }
}
#main .searchMenu .block02 .item .label .ja {
  display: block;
  font-size: 0.2rem;
}
@media screen and (max-width: 750px) {
  #main .searchMenu .block02 .item .label .ja {
    font-size: 0.28rem;
  }
}
#main .searchMenu .block02 .item .label .en {
  display: block;
  margin: 0.1rem 0 0;
  font-size: 0.12rem;
  text-transform: uppercase;
}
@media screen and (max-width: 750px) {
  #main .searchMenu .block02 .item .label .en {
    margin: 0;
    font-size: 0.18rem;
  }
}
#main .searchMenu .block02 .item .link {
  display: flex;
  margin: 0.16rem 0 0;
  justify-content: space-between;
}
@media screen and (max-width: 750px) {
  #main .searchMenu .block02 .item .link {
    margin: 0.3rem 0 0;
  }
}
#main .searchMenu .block02 .item .link .link01,
#main .searchMenu .block02 .item .link .link02 {
  box-sizing: border-box;
  width: 1.49rem;
  border-width: 1px 1px 2px;
  border-style: solid;
  border-radius: 0.04rem;
  padding: 0 0 0 1px;
  color: #fff;
  font-size: 0.15rem;
  line-height: calc(0.48rem - 2px);
  text-align: center;
}
@media screen and (max-width: 750px) {
  #main .searchMenu .block02 .item .link .link01,
  #main .searchMenu .block02 .item .link .link02 {
    width: 3.09rem;
    border-radius: 0.08rem;
    font-size: 0.26rem;
    line-height: calc(0.96rem - 2px);
  }
}
#main .searchMenu .block02 .item .link .link01 {
  border-color: #1c55b3;
  border-top-color: #4475c7;
}
#main .searchMenu .block02 .item .link .link01::before {
  background: #4475c7;
}
html:not(.mobile) #main .searchMenu .block02 .item .link .link01:hover {
  color: #4475c7;
}
#main .searchMenu .block02 .item .link .link02 {
  border-color: #2b95a5;
  border-top-color: #4abacb;
}
#main .searchMenu .block02 .item .link .link02::before {
  background: #4abacb;
}
html:not(.mobile) #main .searchMenu .block02 .item .link .link02:hover {
  color: #4abacb;
}
#main .searchMenu .block02 .item.area {
  background-image: url("../imgs/ico-area_bk.svg");
  background-position: 50% 0.38rem;
  background-size: 0.18rem auto;
}
@media screen and (max-width: 750px) {
  #main .searchMenu .block02 .item.area {
    background-position: 0.41rem 0.39rem;
    background-size: 0.23rem auto;
  }
}
#main .searchMenu .block02 .item.line {
  background-image: url("../imgs/ico-line_bk.svg");
  background-position: 50% 0.34rem;
  background-size: 0.18rem auto;
}
@media screen and (max-width: 750px) {
  #main .searchMenu .block02 .item.line {
    background-position: 0.42rem 0.34rem;
    background-size: 0.24rem auto;
  }
}
#main .searchMenu .block02 .item.map {
  background-image: url("../imgs/ico-map_bk.svg");
  background-position: 50% 0.39rem;
  background-size: 0.29rem auto;
}
@media screen and (max-width: 750px) {
  #main .searchMenu .block02 .item.map {
    background-position: 0.43rem 0.41rem;
    background-size: 0.33rem auto;
  }
}
@media screen and (max-width: 750px) {
  #main .leadText {
    margin: 0.5rem 0 0;
  }
}
#main .leadText p {
  line-height: 1.8571428571;
  letter-spacing: 0.03em;
}
#main .leadText p::before, #main .leadText p::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
#main .leadText p::before {
  margin-bottom: -0.4285714286em;
}
#main .leadText p::after {
  margin-top: -0.4285714286em;
}
#main .pickUpPrimary {
  margin: 0.5rem 0 0.6rem;
}
#main .pickUpPrimary + .pickUpList {
  margin: 0.7rem 0 0;
}
#main .pickUpPrimary .list {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 750px) {
  #main .pickUpPrimary .list {
    display: block;
  }
}
#main .pickUpPrimary .list .item {
  width: 3.02rem;
}
@media screen and (max-width: 750px) {
  #main .pickUpPrimary .list .item {
    width: auto;
    margin: 0.3rem 0 0;
  }
}
#main .pickUpPrimary .list .item a {
  display: block;
  height: 0;
  padding: 100% 0 0;
  position: relative;
}
html:not(.mobile) #main .pickUpPrimary .list .item a:hover .image img {
  transform: translate(-50%, 0) scale(1.1);
}
#main .pickUpPrimary .list .item .icon {
  padding: 0 1em;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  color: #fff;
  font-size: 0.12rem;
  line-height: 0.32rem;
}
@media screen and (max-width: 750px) {
  #main .pickUpPrimary .list .item .icon {
    font-size: 0.22rem;
    line-height: 0.44rem;
  }
}
#main .pickUpPrimary .list .item .image {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  overflow: hidden;
}
#main .pickUpPrimary .list .item .image::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.7) 100%);
}
#main .pickUpPrimary .list .item .image img {
  width: auto;
  max-width: none;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
}
#main .pickUpPrimary .list .item .text {
  box-sizing: border-box;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
}
#main .pickUpPrimary .list .item .text .flag {
  line-height: 2.4615384615;
  padding: 0 1em;
  font-size: 0.13rem;
}
#main .pickUpPrimary .list .item .text .flag::before, #main .pickUpPrimary .list .item .text .flag::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
#main .pickUpPrimary .list .item .text .flag::before {
  margin-bottom: -0.7307692308em;
}
#main .pickUpPrimary .list .item .text .flag::after {
  margin-top: -0.7307692308em;
}
@media screen and (max-width: 750px) {
  #main .pickUpPrimary .list .item .text .flag {
    font-size: 0.24rem;
  }
}
#main .pickUpPrimary .list .item .text .title {
  line-height: 1.6666666667;
  padding: 1em;
  font-size: 0.18rem;
  letter-spacing: 0.03em;
}
#main .pickUpPrimary .list .item .text .title::before, #main .pickUpPrimary .list .item .text .title::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
#main .pickUpPrimary .list .item .text .title::before {
  margin-bottom: -0.3333333333em;
}
#main .pickUpPrimary .list .item .text .title::after {
  margin-top: -0.3333333333em;
}
@media screen and (max-width: 750px) {
  #main .pickUpPrimary .list .item .text .title {
    font-size: 0.36rem;
  }
}
#main .pickUpList {
  margin: 0.5rem 0 0;
}
#main .pickUpList .inner {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 750px) {
  #main .pickUpList .inner {
    display: block;
  }
}
#main .pickUpList .primary {
  width: 7.02rem;
}
@media screen and (max-width: 750px) {
  #main .pickUpList .primary {
    width: auto;
  }
}
#main .pickUpList .primary .item + .item {
  margin: 0.4rem 0 0;
}
#main .pickUpList .primary .item a {
  display: flex;
  justify-content: space-between;
}
html:not(.mobile) #main .pickUpList .primary .item a:hover .image img {
  transform: translate(-50%, -50%) scale(1.1);
}
#main .pickUpList .primary .item .image {
  width: 1.82rem;
  height: 1.82rem;
  position: relative;
  overflow: hidden;
}
#main .pickUpList .primary .item .image img {
  width: auto;
  max-width: none;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#main .pickUpList .primary .item .text {
  width: 4.9rem;
  padding: 0.43rem 0 0;
  position: relative;
}
@media screen and (max-width: 750px) {
  #main .pickUpList .primary .item .text {
    width: calc(100% - 2.12rem);
    padding: 0;
  }
}
#main .pickUpList .primary .item .text.noData {
  padding: 0;
}
#main .pickUpList .primary .item .text .data {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  line-height: 0.28rem;
}
@media screen and (max-width: 750px) {
  #main .pickUpList .primary .item .text .data {
    flex-wrap: wrap;
    align-items: flex-start;
    position: static;
    line-height: 0.44rem;
  }
}
#main .pickUpList .primary .item .text .data .icon {
  padding: 0 1em;
  color: #fff;
  font-size: 0.12rem;
}
@media screen and (max-width: 750px) {
  #main .pickUpList .primary .item .text .data .icon {
    margin: 0 0.1rem 0.15rem 0;
    font-size: 0.22rem;
  }
}
#main .pickUpList .primary .item .text .data .flag {
  margin: 0 0 0 0.1rem;
  color: #8e8e8e;
  font-size: 0.13rem;
}
@media screen and (max-width: 750px) {
  #main .pickUpList .primary .item .text .data .flag {
    margin: 0 0 0.15rem;
    font-size: 0.24rem;
  }
}
#main .pickUpList .primary .item .text .title {
  line-height: 1.6666666667;
  font-size: 0.18rem;
}
#main .pickUpList .primary .item .text .title::before, #main .pickUpList .primary .item .text .title::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
#main .pickUpList .primary .item .text .title::before {
  margin-bottom: -0.3333333333em;
}
#main .pickUpList .primary .item .text .title::after {
  margin-top: -0.3333333333em;
}
@media screen and (max-width: 750px) {
  #main .pickUpList .primary .item .text .title {
    font-size: 0.3rem;
  }
}
#main .pickUpList .primary .item .text .summary {
  line-height: 1.8571428571;
  margin: 0.2rem 0 0;
}
#main .pickUpList .primary .item .text .summary::before, #main .pickUpList .primary .item .text .summary::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
#main .pickUpList .primary .item .text .summary::before {
  margin-bottom: -0.4285714286em;
}
#main .pickUpList .primary .item .text .summary::after {
  margin-top: -0.4285714286em;
}
#main .pickUpList .secondary {
  width: 2.2rem;
}
@media screen and (max-width: 750px) {
  #main .pickUpList .secondary {
    width: auto;
    margin: 1rem 0 0;
  }
}
#main .pickUpList .secondary .sideNav {
  border-top: 2px solid #4475c7;
  border-bottom: 2px solid #4475c7;
  /*&.house .label {
  	background-image: url("../imgs/ico-house.svg");
  	background-size: .2rem auto;

  	@include sp {
  		background-size: (.3rem / 18 * 20) auto;
  	}
  }
  &.land .label {
  	background-image: url("../imgs/ico-land.png");
  	background-position: .05rem 50%;
  	background-size: .14rem auto;

  	@include sp {
  		background-position: (.3rem / 18 * 5) 50%;
  		background-size: (.3rem / 18 * 14) auto;
  	}
  }*/
}
#main .pickUpList .secondary .sideNav + .sideNav {
  margin: 0.46rem 0 0;
}
#main .pickUpList .secondary .sideNav.single {
  border-bottom: none;
  padding: 0 0 0.17rem;
}
#main .pickUpList .secondary .sideNav .label {
  padding: 0.17rem 0 0.17rem 0.25rem;
  background: 0 50% no-repeat;
  font-size: 0.18rem;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  #main .pickUpList .secondary .sideNav .label {
    font-size: 0.3rem;
    padding-left: 0.4166666667rem;
  }
}
#main .pickUpList .secondary .sideNav.category .label {
  background-image: url("../imgs/ico-category.svg");
  background-size: 0.18rem auto;
}
@media screen and (max-width: 750px) {
  #main .pickUpList .secondary .sideNav.category .label {
    background-size: 0.3rem auto;
  }
}
#main .pickUpList .secondary .sideNav li {
  margin: 0.17rem 0 0;
}
html:not(.mobile) #main .pickUpList .secondary .sideNav a:hover {
  text-decoration: underline;
}
#main .pickUpList .secondary .sideNav .area {
  border-top: 1px solid #c7d5ee;
  padding: 0 0 0.22rem;
}
#main .pickUpList .secondary .sideNav .area .name {
  padding: 0.25rem 0 0;
  font-size: 0.18rem;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  #main .pickUpList .secondary .sideNav .area .name {
    font-size: 0.28rem;
  }
}
#main .pickUpList .secondary .sideNav .area li:nth-child(n+6) {
  display: none;
}
#main .pickUpList .secondary .sideNav .area .btn {
  margin: 0 0 -0.22rem;
  padding: 0.17rem 0;
  color: #4475c7;
  line-height: 1;
  text-align: center;
  cursor: pointer;
}
#main .pickUpList .secondary .sideNav .area .btn::after {
  border-right-width: 0.05rem;
  border-top-width: 0.08rem;
  border-top-color: #4475c7;
  border-left-width: 0.05rem;
  content: "";
  display: inline-block;
  margin: 0 0 0 0.08rem;
}
#main .pickUpList .secondary .link {
  margin: 0.46rem 0 0;
}
@media screen and (max-width: 750px) {
  #main .pickUpList .secondary .link ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
#main .pickUpList .secondary .link li {
  margin: 0.26rem 0 0;
}
@media screen and (max-width: 750px) {
  #main .pickUpList .secondary .link li {
    margin: 0.2rem 0 0;
    width: calc(50% - 0.1rem);
  }
  #main .pickUpList .secondary .link li:nth-child(-n+2) {
    margin: 0;
  }
}
#main .pickUpList .secondary .link li.kodate .text, #main .pickUpList .secondary .link li.tochi .text {
  padding: 0.29rem 0 0;
}
@media screen and (max-width: 750px) {
  #main .pickUpList .secondary .link li.kodate .text, #main .pickUpList .secondary .link li.tochi .text {
    padding: 0.444rem 0;
  }
}
#main .pickUpList .secondary .link li.kodate {
  background: #4475c7;
}
#main .pickUpList .secondary .link li.tochi {
  background: #4cc668;
}
#main .pickUpList .secondary .link li.concept {
  background: #b673be;
}
#main .pickUpList .secondary .link li.concept .en {
  color: #fff6e7;
}
#main .pickUpList .secondary .link li.after {
  background: #cbb49c;
}
#main .pickUpList .secondary .link li.after .en {
  color: #fff6e7;
}
#main .pickUpList .secondary .link a {
  display: block;
}
html:not(.mobile) #main .pickUpList .secondary .link a:hover {
  text-decoration: none;
}
#main .pickUpList .secondary .link .image img {
  width: 100%;
}
#main .pickUpList .secondary .link .text {
  box-sizing: border-box;
  height: 0.73rem;
  padding: 0.2112rem 0 0;
  color: #fff;
  line-height: 1;
  text-align: center;
}
@media screen and (max-width: 750px) {
  #main .pickUpList .secondary .link .text {
    height: auto;
    padding: 0.3rem 0;
  }
}
#main .pickUpList .secondary .link .text .ja {
  font-size: 0.132rem;
}
@media screen and (max-width: 750px) {
  #main .pickUpList .secondary .link .text .ja {
    font-size: 0.2727272727rem;
  }
}
#main .pickUpList .secondary .link .text .en {
  margin: 0.088rem 0 0;
  font-size: 0.0968rem;
  font-weight: 400;
  text-transform: uppercase;
}
@media screen and (max-width: 750px) {
  #main .pickUpList .secondary .link .text .en {
    font-size: 0.2rem;
  }
}
#main .nav-links {
  margin: 0.9rem 0 0;
}
#main .nav-links .inner {
  display: flex;
  position: relative;
  justify-content: center;
}
#main .nav-links .inner .page-numbers {
  display: block;
  width: 0.5rem;
  margin: 0 0.08rem;
  padding: 1px 0 0;
  border-bottom: 1px solid #babcc0;
  color: #2d3441;
  font-size: 0.16rem;
  font-weight: 500;
  line-height: calc(0.5rem - 2px);
  text-align: center;
}
@media screen and (max-width: 750px) {
  #main .nav-links .inner .page-numbers {
    font-size: 0.2rem;
  }
}
#main .nav-links .inner .current {
  border-bottom-color: #2d3441;
  background: #2d3441;
  color: #fff;
}
#main .nav-links .inner .dots {
  width: 0.2rem;
  position: relative;
  border-bottom-color: transparent;
}
#main .nav-links .inner .dots::before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  top: 50%;
  left: 0;
  background: #babcc0;
}
#main .nav-links .inner .prev,
#main .nav-links .inner .next {
  width: auto;
  margin: 0;
  border-bottom: none;
  padding: 0.22rem 0 0;
  position: absolute;
  top: 0;
  line-height: 0.28rem;
}
#main .nav-links .inner .prev {
  left: 0;
}
#main .nav-links .inner .prev::before {
  content: "";
  display: inline-block;
  width: 0.17rem;
  height: 1em;
  margin: 0 0.1rem 0 0;
  background: url(../imgs/arrow-right-bt.svg) 0 0.1rem/100% auto no-repeat;
  vertical-align: top;
  transform: scale(-1, 1);
  transition: transform 0.3s;
}
html:not(.mobile) #main .nav-links .inner .prev:hover::before {
  transform: translate3d(-50%, 0, 0) scale(-1, 1);
}
#main .nav-links .inner .next {
  right: 0;
}
#main .nav-links .inner .next::after {
  content: "";
  display: inline-block;
  width: 0.17rem;
  height: 1em;
  margin: 0 0 0 0.1rem;
  background: url(../imgs/arrow-right-bt.svg) 0 0.1rem/100% auto no-repeat;
  vertical-align: top;
  transition: transform 0.3s;
}
html:not(.mobile) #main .nav-links .inner .next:hover::after {
  transform: translate3d(50%, 0, 0);
}
#main .nav-links .inner .link {
  text-align: center;
}
@media screen and (max-width: 750px) {
  #main .nav-links .inner .link {
    margin-top: 1rem;
  }
}
#main .socialMediaLinks {
  margin: 0.65rem 0;
}
#main .socialMediaLinks .wrap {
  display: flex;
  align-items: center;
  justify-content: center;
}
#main .socialMediaLinks .wrap > *:nth-child(n+2) {
  margin: 0 0 0 0.1rem;
}
@media screen and (max-width: 750px) {
  #main .post {
    margin: 0.5rem 0 0;
  }
}
.area_pick_up #main .post {
  padding-bottom: 0.65rem;
}
.area_pick_up #main .post .postHeader {
  padding: 0 0 0.5rem;
  position: relative;
}
.area_pick_up #main .post .postHeader .text {
  box-sizing: border-box;
  width: 7.14rem;
  padding: 0.06rem 0.06rem 0 0;
  position: absolute;
  bottom: 0.22rem;
  left: 0;
  background: #fff;
}
@media screen and (max-width: 750px) {
  .area_pick_up #main .post .postHeader .text {
    width: auto;
    padding: 0.06rem 0 0.34rem;
    position: static;
  }
}
.area_pick_up #main .post .postHeader .text .icons {
  display: flex;
  flex-wrap: wrap;
  line-height: 0.28rem;
}
@media screen and (max-width: 750px) {
  .area_pick_up #main .post .postHeader .text .icons {
    line-height: 0.44rem;
  }
}
.area_pick_up #main .post .postHeader .text .icons .icon {
  margin: 0.12rem 0.12rem 0 0;
  padding: 0 1em;
  background: #e9e9e9;
  color: #000;
  font-size: 0.12rem;
}
@media screen and (max-width: 750px) {
  .area_pick_up #main .post .postHeader .text .icons .icon {
    font-size: 0.22rem;
  }
}
.area_pick_up #main .post .postHeader .text .icons .icon:first-child {
  color: #fff;
}
.area_pick_up #main .post .postHeader .text .date {
  margin: 0.16rem 0 0;
  color: #8e8e8e;
  font-size: 0.14rem;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  .area_pick_up #main .post .postHeader .text .date {
    font-size: 0.24rem;
  }
}
.area_pick_up #main .post .postHeader .text .title {
  line-height: 1.5;
  margin: 0.12rem 0 0;
  font-size: 0.28rem;
  letter-spacing: 0.03em;
}
.area_pick_up #main .post .postHeader .text .title::before, .area_pick_up #main .post .postHeader .text .title::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
.area_pick_up #main .post .postHeader .text .title::before {
  margin-bottom: -0.25em;
}
.area_pick_up #main .post .postHeader .text .title::after {
  margin-top: -0.25em;
}
.area_pick_up #main .post .postHeader .text .title .area {
  color: #4475c7;
}
@media screen and (max-width: 750px) {
  .area_pick_up #main .post .postHeader .text .title {
    margin: 0.34rem 0 0;
    font-size: 0.4rem;
  }
}
.area_pick_up #main .post .postHeader .socialMediaLinks {
  display: flex;
  margin: 0;
  position: absolute;
  right: 0;
  bottom: 0;
  align-items: center;
  justify-content: flex-end;
}
.area_pick_up #main .post .postHeader .socialMediaLinks > *:nth-child(n+2) {
  margin: 0 0 0 0.1rem;
}
@media screen and (max-width: 750px) {
  .area_pick_up #main .post .postHeader .socialMediaLinks {
    margin: 0;
    position: static;
  }
}
.area_pick_up #main .post .postBody {
  margin: 0.72rem 0 0;
}
@media screen and (max-width: 750px) {
  .area_pick_up #main .post .postBody {
    margin: 0.5rem 0 0;
    font-size: 0.26rem;
  }
}
.area_pick_up #main .post .postBody h2 {
  margin: -0.2692307692em 0;
  padding: 0 0 0 0.22rem;
  position: relative;
  font-size: 0.26rem;
  line-height: 1.5384615385;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 750px) {
  .area_pick_up #main .post .postBody h2 {
    font-size: 0.36rem;
  }
}
.area_pick_up #main .post .postBody h2::before {
  content: "";
  display: block;
  width: 0.04rem;
  background: #4475c7;
  position: absolute;
  top: 0.2692307692em;
  bottom: 0.2692307692em;
  left: 0;
}
.area_pick_up #main .post .postBody .text {
  line-height: 1.8571428571;
  letter-spacing: 0.03em;
}
.area_pick_up #main .post .postBody .text::before, .area_pick_up #main .post .postBody .text::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
.area_pick_up #main .post .postBody .text::before {
  margin-bottom: -0.4285714286em;
}
.area_pick_up #main .post .postBody .text::after {
  margin-top: -0.4285714286em;
}
.area_pick_up #main .post .postBody .text p + p {
  padding: 0.4285714286em 0 0;
}
.area_pick_up #main .post .postBody .lead .block01 {
  display: flex;
  margin: 0.45rem 0 0;
  justify-content: space-between;
}
@media screen and (max-width: 750px) {
  .area_pick_up #main .post .postBody .lead .block01 {
    display: block;
  }
}
.area_pick_up #main .post .postBody .lead .block01 .image {
  width: 4.8rem;
}
@media screen and (max-width: 750px) {
  .area_pick_up #main .post .postBody .lead .block01 .image {
    width: auto;
  }
  .area_pick_up #main .post .postBody .lead .block01 .image img {
    width: 100%;
  }
}
.area_pick_up #main .post .postBody .lead .block01 .point {
  width: 4.7rem;
}
@media screen and (max-width: 750px) {
  .area_pick_up #main .post .postBody .lead .block01 .point {
    width: auto;
    margin: 0.3rem 0 0;
  }
}
.area_pick_up #main .post .postBody .lead .block01 .point li {
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
  height: 0.82rem;
  border: 1px solid #e0e0e0;
  padding: 0.19rem;
  border-radius: 0.04rem;
  font-size: 0.18rem;
}
@media screen and (max-width: 750px) {
  .area_pick_up #main .post .postBody .lead .block01 .point li {
    height: auto;
    font-size: 0.3rem;
  }
}
.area_pick_up #main .post .postBody .lead .block01 .point li span {
  display: block;
  padding: 0 0 0 0.24rem;
  position: relative;
}
@media screen and (max-width: 750px) {
  .area_pick_up #main .post .postBody .lead .block01 .point li span {
    padding: 0 0 0 0.3rem;
  }
}
.area_pick_up #main .post .postBody .lead .block01 .point li span::before {
  content: "";
  display: block;
  width: 0.12rem;
  height: 0.12rem;
  position: absolute;
  top: 0.07rem;
  left: 0;
  background: #4475c7;
}
@media screen and (max-width: 750px) {
  .area_pick_up #main .post .postBody .lead .block01 .point li span::before {
    width: 0.2rem;
    height: 0.2rem;
    top: 0.125rem;
  }
}
.area_pick_up #main .post .postBody .lead .block01 .point li + li {
  margin: 0.16rem 0 0;
}
.area_pick_up #main .post .postBody .lead .access {
  display: flex;
  justify-content: space-between;
  margin: 0.3rem 0 0;
}
@media screen and (max-width: 750px) {
  .area_pick_up #main .post .postBody .lead .access {
    display: block;
  }
}
.area_pick_up #main .post .postBody .lead .access .label {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 2.64rem;
  background: #e0e0e0;
  border-radius: 0.04rem;
  font-size: 0.16rem;
  text-align: center;
}
@media screen and (max-width: 750px) {
  .area_pick_up #main .post .postBody .lead .access .label {
    width: auto;
    padding: 0.1rem 0;
    font-size: 0.24rem;
  }
}
.area_pick_up #main .post .postBody .lead .access dl {
  display: flex;
  width: 6.88rem;
  flex-wrap: wrap;
}
@media screen and (max-width: 750px) {
  .area_pick_up #main .post .postBody .lead .access dl {
    width: auto;
  }
}
.area_pick_up #main .post .postBody .lead .access dl dt {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 9%;
  height: 0.62rem;
  border-radius: 0.04rem;
  text-align: center;
}
@media screen and (max-width: 750px) {
  .area_pick_up #main .post .postBody .lead .access dl dt {
    width: 18%;
  }
}
.area_pick_up #main .post .postBody .lead .access dl dd {
  box-sizing: border-box;
  width: 16%;
  padding: 0 0 0 0.15rem;
  font-size: 0.2rem;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  .area_pick_up #main .post .postBody .lead .access dl dd {
    width: 32%;
    padding: 0.16rem 0.2rem 0 0.15rem;
  }
}
.area_pick_up #main .post .postBody .lead .access dl dd span {
  display: block;
  padding: 0.04rem 0 0.1rem;
  font-size: 0.14rem;
}
@media screen and (max-width: 750px) {
  .area_pick_up #main .post .postBody .lead .access dl dd span {
    display: inline;
    font-size: inherit;
  }
}
.area_pick_up #main .post .postBody .lead .access dl dd strong {
  display: inline-block;
  font-size: 1.5em;
  transform: translate(0, 10%);
}
@media screen and (max-width: 750px) {
  .area_pick_up #main .post .postBody .lead .access dl dd strong {
    display: inline;
    transform: none;
  }
}
.area_pick_up #main .post .postBody .lead .access dl dt:nth-of-type(n + 5),
.area_pick_up #main .post .postBody .lead .access dl dd:nth-of-type(n + 5) {
  margin: 0.2rem 0 0;
}
@media screen and (max-width: 750px) {
  .area_pick_up #main .post .postBody .lead .access dl dt,
  .area_pick_up #main .post .postBody .lead .access dl dd {
    margin: 0.2rem 0 0;
  }
}
.area_pick_up #main .post .postBody .lead .text {
  padding: 0.42rem 0 0;
}
.area_pick_up #main .post .postBody .repo {
  margin: 1rem 0 0;
}
.area_pick_up #main .post .postBody .repo section + section {
  margin: 0.6rem 0 0;
}
.area_pick_up #main .post .postBody .repo h3 {
  margin: 0.3rem 0;
  padding: 0.12rem 0.25rem;
  background: #ecf1f9;
  font-size: 0.22rem;
  line-height: 0.3rem;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 750px) {
  .area_pick_up #main .post .postBody .repo h3 {
    font-size: 0.32rem;
  }
}
.area_pick_up #main .post .postBody .repo .inner {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 750px) {
  .area_pick_up #main .post .postBody .repo .inner {
    display: block;
  }
}
.area_pick_up #main .post .postBody .repo .inner > .image {
  width: 4.7rem;
  margin: 0 0.3rem 0 0;
}
@media screen and (max-width: 750px) {
  .area_pick_up #main .post .postBody .repo .inner > .image {
    width: auto;
    margin: 0;
  }
  .area_pick_up #main .post .postBody .repo .inner > .image img {
    width: 100%;
  }
}
.area_pick_up #main .post .postBody .repo .inner > .text {
  width: 4.8rem;
}
@media screen and (max-width: 750px) {
  .area_pick_up #main .post .postBody .repo .inner > .text {
    width: auto;
    margin: 0.3rem 0 0;
  }
}
.area_pick_up #main .post .postBody .repo .inner > .text::before, .area_pick_up #main .post .postBody .repo .inner > .text::after {
  content: none;
}
.area_pick_up #main .post .postBody .repo .inner > .text dl dt {
  width: 1rem;
  clear: both;
  font-size: 0.16rem;
  line-height: 0.16rem;
  text-align: center;
}
@media screen and (max-width: 750px) {
  .area_pick_up #main .post .postBody .repo .inner > .text dl dt {
    width: 1.8rem;
    line-height: 1.5;
  }
}
.area_pick_up #main .post .postBody .repo .inner > .text dl dt img {
  display: block;
  width: 100%;
  margin: 0 0 0.1rem;
}
.area_pick_up #main .post .postBody .repo .inner > .text dl dt span {
  display: block;
  font-size: 0.12rem;
}
.area_pick_up #main .post .postBody .repo .inner > .text dl dt.suzuki {
  color: #61a0e0;
}
.area_pick_up #main .post .postBody .repo .inner > .text dl dt.garubo {
  color: #ee952b;
}
.area_pick_up #main .post .postBody .repo .inner > .text dl dd {
  line-height: 1.8571428571;
  box-sizing: border-box;
  width: 3.52rem;
  padding: 0 0.12rem 0 0;
}
.area_pick_up #main .post .postBody .repo .inner > .text dl dd::before, .area_pick_up #main .post .postBody .repo .inner > .text dl dd::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
.area_pick_up #main .post .postBody .repo .inner > .text dl dd::before {
  margin-bottom: -0.4285714286em;
}
.area_pick_up #main .post .postBody .repo .inner > .text dl dd::after {
  margin-top: -0.4285714286em;
}
@media screen and (max-width: 750px) {
  .area_pick_up #main .post .postBody .repo .inner > .text dl dd {
    width: calc(100% - 2rem);
    padding: 0;
  }
}
.area_pick_up #main .post .postBody .repo .inner > .text dl dt:nth-of-type(odd),
.area_pick_up #main .post .postBody .repo .inner > .text dl dd:nth-of-type(even) {
  float: left;
}
.area_pick_up #main .post .postBody .repo .inner > .text dl dt:nth-of-type(even),
.area_pick_up #main .post .postBody .repo .inner > .text dl dd:nth-of-type(odd) {
  float: right;
}
.area_pick_up #main .post .postBody .repo .inner > .text dl dt:nth-of-type(n + 2),
.area_pick_up #main .post .postBody .repo .inner > .text dl dd:nth-of-type(n + 2) {
  padding: 0.34rem 0 0;
}
.area_pick_up #main .post .postBody .repo .inner .item {
  width: 31.224%;
  margin: 0.3rem 3.164% 0 0;
}
@media screen and (max-width: 750px) {
  .area_pick_up #main .post .postBody .repo .inner .item {
    width: auto;
    margin: 0.3rem 0 0;
  }
  .area_pick_up #main .post .postBody .repo .inner .item .image img {
    width: 100%;
  }
}
.area_pick_up #main .post .postBody .repo .inner .item:nth-child(3n+2) {
  margin-right: 0;
}
.area_pick_up #main .post .postBody .repo .inner .item .text {
  padding: 0.2rem 0 0;
}
.area_pick_up #main .post .postBody .other {
  margin: 1rem 0 0;
}
.area_pick_up #main .post .postBody .other section {
  display: grid;
  grid-template-rows: auto 1fr;
  grid-template-columns: 1fr 3.16rem;
  display: -ms-grid;
  -ms-grid-rows: auto 1fr;
  -ms-grid-columns: 1fr 3.16rem;
  margin: 0.3rem 0 0;
  padding: 0.54rem 0.5rem 0.6rem;
  background: #fafafa;
}
@media screen and (max-width: 750px) {
  .area_pick_up #main .post .postBody .other section {
    display: block;
    padding: 0.3rem;
  }
}
.area_pick_up #main .post .postBody .other section h3 {
  grid-row: 1/2;
  grid-column: 1/2;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  line-height: 1.5;
  font-size: 0.24rem;
  letter-spacing: 0.03em;
}
.area_pick_up #main .post .postBody .other section h3::before, .area_pick_up #main .post .postBody .other section h3::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
.area_pick_up #main .post .postBody .other section h3::before {
  margin-bottom: -0.25em;
}
.area_pick_up #main .post .postBody .other section h3::after {
  margin-top: -0.25em;
}
@media screen and (max-width: 750px) {
  .area_pick_up #main .post .postBody .other section h3 {
    font-size: 0.32rem;
  }
}
.area_pick_up #main .post .postBody .other section .image {
  grid-row: 1/3;
  grid-column: 2/3;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 2;
}
@media screen and (max-width: 750px) {
  .area_pick_up #main .post .postBody .other section .image {
    margin: 0.3rem 0 0;
  }
  .area_pick_up #main .post .postBody .other section .image img {
    width: 100%;
  }
}
.area_pick_up #main .post .postBody .other section .text {
  grid-row: 2/3;
  grid-column: 1/2;
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  box-sizing: border-box;
  padding: 0.34rem 0.3rem 0 0;
}
@media screen and (max-width: 750px) {
  .area_pick_up #main .post .postBody .other section .text {
    padding: 0.3rem 0 0;
  }
}
.area_pick_up #main .post .postBody .support {
  margin: 0.9rem 0 0;
}
.area_pick_up #main .post .postBody .support .list {
  margin: 0.4rem 0 0;
}
.area_pick_up #main .post .postBody .support .list li {
  margin: 0.16rem 0 0;
  border: 0.08rem solid #e9e9e9;
  padding: 0.2rem 0.3rem;
  box-shadow: inset 0 0 0 0.02rem #78b3ee;
  color: #2c86df;
  font-size: 0.28rem;
}
@media screen and (max-width: 750px) {
  .area_pick_up #main .post .postBody .support .list li {
    font-size: 0.32rem;
  }
}
.area_pick_up #main .post .postBody .support .list li span {
  font-size: 0.18rem;
}
@media screen and (max-width: 750px) {
  .area_pick_up #main .post .postBody .support .list li span {
    font-size: 0.28rem;
  }
}
.area_pick_up #main .post .postBody .data {
  margin: 1rem 0 0;
}
.area_pick_up #main .post .postBody .data .image {
  margin: 0.4rem 0 0;
}
.area_pick_up #main .post .postBody .data .inner {
  display: flex;
  justify-content: space-between;
  margin: 0.2rem 0 0;
}
@media screen and (max-width: 750px) {
  .area_pick_up #main .post .postBody .data .inner {
    flex-wrap: wrap;
    margin: 0;
  }
}
.area_pick_up #main .post .postBody .data .inner .item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 2.3rem;
  padding: 0.78rem 0 0.2rem;
  border-radius: 0.08rem;
  color: #fff;
  font-size: 0.18rem;
  line-height: 0.36rem;
  text-align: center;
}
@media screen and (max-width: 750px) {
  .area_pick_up #main .post .postBody .data .inner .item {
    width: calc(50% - 0.1rem);
    margin: 0.2rem 0 0;
    font-size: 0.28rem;
    line-height: 1.4;
  }
}
.area_pick_up #main .post .postBody .data .inner .item strong {
  display: inline-block;
  font-size: 0.41rem;
  transform: translate(0, 2%);
}
.area_pick_up #main .post .postBody .data .inner .kinder {
  background: #ee952b url(../imgs/ico-kinder.png) 50% 0.26rem/0.56rem auto no-repeat;
}
.area_pick_up #main .post .postBody .data .inner .school {
  background: #a676b8 url(../imgs/ico-school.svg) 50% 0.24rem/0.51rem auto no-repeat;
}
.area_pick_up #main .post .postBody .data .inner .green {
  background: #4cc668 url(../imgs/ico-marker.svg) 50% 0.22rem/0.42rem auto no-repeat;
}
.area_pick_up #main .post .postBody .data .inner .hospital {
  background: #61a0e0 url(../imgs/ico-hospital.svg) 50% 0.24rem/0.46rem auto no-repeat;
}
.area_pick_up #main .post .postBody .lifeinfo {
  margin: 1rem 0 0;
}
.area_pick_up #main .post .postBody .lifeinfo .inner {
  display: flex;
  justify-content: space-between;
  margin: 0.4rem -0.7rem 0 0;
}
@media screen and (max-width: 750px) {
  .area_pick_up #main .post .postBody .lifeinfo .inner {
    display: block;
    margin: 0.4rem 0 0;
  }
}
.area_pick_up #main .post .postBody .lifeinfo .inner iframe {
  display: block;
  width: 5.9rem;
  height: 4.8rem;
}
@media screen and (max-width: 750px) {
  .area_pick_up #main .post .postBody .lifeinfo .inner iframe {
    width: 100%;
  }
}
.area_pick_up #main .post .postBody .lifeinfo .inner .list {
  line-height: 1.8571428571;
  width: 4.3rem;
}
.area_pick_up #main .post .postBody .lifeinfo .inner .list::before, .area_pick_up #main .post .postBody .lifeinfo .inner .list::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
.area_pick_up #main .post .postBody .lifeinfo .inner .list::before {
  margin-bottom: -0.4285714286em;
}
.area_pick_up #main .post .postBody .lifeinfo .inner .list::after {
  margin-top: -0.4285714286em;
}
@media screen and (max-width: 750px) {
  .area_pick_up #main .post .postBody .lifeinfo .inner .list {
    width: auto;
    margin: 0.3rem 0 0;
  }
}
.area_pick_up #main .post .postBody .lifeinfo .inner .list dd {
  border-bottom: 1px solid #e9e9e9;
  padding: 0 0 0.1rem;
  text-align: right;
}
.area_pick_up #main .post .postBody .lifeinfo .inner .list dd + dt {
  padding: 0.1rem 0 0;
}
.life_pick_up #main .post .postHeader {
  padding: 0 0 0.5rem;
  position: relative;
}
.life_pick_up #main .post .postHeader .text {
  box-sizing: border-box;
  width: 4.18rem;
  padding: 0.34rem 0.34rem 0 0;
  position: absolute;
  bottom: 0.22rem;
  left: 0;
  background: #fff;
}
@media screen and (max-width: 750px) {
  .life_pick_up #main .post .postHeader .text {
    width: auto;
    padding: 0.34rem 0;
    position: static;
  }
}
.life_pick_up #main .post .postHeader .text .data {
  display: flex;
  line-height: 0.28rem;
}
@media screen and (max-width: 750px) {
  .life_pick_up #main .post .postHeader .text .data {
    line-height: 0.44rem;
  }
}
.life_pick_up #main .post .postHeader .text .data .icon {
  padding: 0 1em;
  color: #fff;
  font-size: 0.12rem;
}
@media screen and (max-width: 750px) {
  .life_pick_up #main .post .postHeader .text .data .icon {
    font-size: 0.22rem;
  }
}
.life_pick_up #main .post .postHeader .text .data .date {
  margin: 0 0 0 0.14rem;
  color: #8e8e8e;
  font-size: 0.14rem;
}
@media screen and (max-width: 750px) {
  .life_pick_up #main .post .postHeader .text .data .date {
    font-size: 0.24rem;
  }
}
.life_pick_up #main .post .postHeader .text .title {
  line-height: 1.5;
  margin: 0.17rem 0 0;
  font-size: 0.28rem;
  letter-spacing: 0.03em;
}
.life_pick_up #main .post .postHeader .text .title::before, .life_pick_up #main .post .postHeader .text .title::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
.life_pick_up #main .post .postHeader .text .title::before {
  margin-bottom: -0.25em;
}
.life_pick_up #main .post .postHeader .text .title::after {
  margin-top: -0.25em;
}
@media screen and (max-width: 750px) {
  .life_pick_up #main .post .postHeader .text .title {
    margin: 0.34rem 0 0;
    font-size: 0.4rem;
  }
}
.life_pick_up #main .post .postHeader .socialMediaLinks {
  display: flex;
  margin: 0;
  position: absolute;
  right: 0;
  bottom: 0;
  align-items: center;
  justify-content: flex-end;
}
.life_pick_up #main .post .postHeader .socialMediaLinks > *:nth-child(n+2) {
  margin: 0 0 0 0.1rem;
}
@media screen and (max-width: 750px) {
  .life_pick_up #main .post .postHeader .socialMediaLinks {
    margin: 0 auto;
    position: static;
  }
}
.life_pick_up #main .post .postBody {
  margin: 0.72rem 0 0;
}
@media screen and (max-width: 750px) {
  .life_pick_up #main .post .postBody {
    margin: 0.5rem 0 0;
    font-size: 0.26rem;
  }
}
.life_pick_up #main .post .postBody h2 {
  margin: calc(0.54rem - 0.2692307692em) 0;
  padding: 0 0 0 0.22rem;
  position: relative;
  font-size: 0.26rem;
  line-height: 1.5384615385;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 750px) {
  .life_pick_up #main .post .postBody h2 {
    font-size: 0.36rem;
  }
}
.life_pick_up #main .post .postBody h2::before {
  content: "";
  display: block;
  width: 0.04rem;
  background: #4475c7;
  position: absolute;
  top: 0.2692307692em;
  bottom: 0.2692307692em;
  left: 0;
}
.life_pick_up #main .post .postBody .text {
  line-height: 1.8571428571;
  letter-spacing: 0.03em;
}
.life_pick_up #main .post .postBody .text::before, .life_pick_up #main .post .postBody .text::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
.life_pick_up #main .post .postBody .text::before {
  margin-bottom: -0.4285714286em;
}
.life_pick_up #main .post .postBody .text::after {
  margin-top: -0.4285714286em;
}
.life_pick_up #main .post .postBody .text a {
  color: #4475c7;
}
.life_pick_up #main .post .postBody .text .small {
  font-size: 0.12rem;
}
.life_pick_up #main .post .postBody .text p + p {
  margin: 0.26rem 0 0;
}
.life_pick_up #main .post .postBody .image + .text {
  margin: 0.48rem 0 0;
}
.life_pick_up #main .post .postBody .image2 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media screen and (max-width: 750px) {
  .life_pick_up #main .post .postBody .image2 {
    display: block;
  }
}
.life_pick_up #main .post .postBody .image2 img {
  width: 4.7rem;
}
@media screen and (max-width: 750px) {
  .life_pick_up #main .post .postBody .image2 img {
    display: block;
    width: 100%;
  }
  .life_pick_up #main .post .postBody .image2 img + img {
    margin: 0.5rem 0 0;
  }
}
.life_pick_up #main .post .postBody .column {
  margin: 0.6rem 0 0;
  padding: 0.55rem;
  background: #fafafa;
  display: grid;
  grid-template-columns: 5.4rem 1fr 2.77rem;
  display: -ms-grid;
  -ms-grid-columns: 5.4rem 1fr 2.77rem;
}
@media screen and (max-width: 750px) {
  .life_pick_up #main .post .postBody .column {
    display: block;
    margin: 0.5rem -0.32rem 0;
    padding: 0.5rem 0.32rem;
  }
}
.life_pick_up #main .post .postBody .column h3 {
  grid-row: 1/2;
  grid-column: 1/4;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
}
.life_pick_up #main .post .postBody .column .image {
  grid-row: 2/3;
  grid-column: 3/4;
  -ms-grid-row: 2;
  -ms-grid-column: 3;
}
.life_pick_up #main .post .postBody .column .text {
  grid-row: 2/3;
  grid-column: 1/2;
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}
.life_pick_up #main .post .postBody .column h3 {
  margin: 0.375em 0 calc(0.34rem - 0.375em);
  font-size: 0.24rem;
  letter-spacing: 0.03em;
  line-height: 1.75;
}
@media screen and (max-width: 750px) {
  .life_pick_up #main .post .postBody .column h3 {
    margin-bottom: calc(0.4rem - 0.375em);
    font-size: 0.32rem;
  }
}
@media screen and (max-width: 750px) {
  .life_pick_up #main .post .postBody .column .image {
    text-align: center;
  }
}
.life_pick_up #main .post .postBody .column .image + .text {
  margin: 0;
}
@media screen and (max-width: 750px) {
  .life_pick_up #main .post .postBody .column .image + .text {
    margin: 0.4rem 0 0;
  }
}
.construction #main .post .postHeader .text {
  text-align: center;
}
.construction #main .post .postHeader .text .icon {
  display: inline-block;
  padding: 0 0.1rem;
  color: #fff;
  font-size: 0.16rem;
  line-height: 0.34rem;
}
@media screen and (max-width: 750px) {
  .construction #main .post .postHeader .text .icon {
    font-size: 0.22rem;
    line-height: 0.44rem;
  }
}
.construction #main .post .postHeader .text .title {
  line-height: 1.5;
  margin: 0.25rem 0 0;
  font-size: 0.32rem;
}
.construction #main .post .postHeader .text .title::before, .construction #main .post .postHeader .text .title::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
.construction #main .post .postHeader .text .title::before {
  margin-bottom: -0.25em;
}
.construction #main .post .postHeader .text .title::after {
  margin-top: -0.25em;
}
@media screen and (max-width: 750px) {
  .construction #main .post .postHeader .text .title {
    margin: 0.5rem 0 0;
    font-size: 0.4rem;
  }
}
.construction #main .post .postBody {
  margin: 0.5rem 0 0;
}
@media screen and (max-width: 750px) {
  .construction #main .post .postBody {
    font-size: 0.26rem;
  }
}
.construction #main .post .postBody .wp-block-image a::before {
  content: none;
}
.construction #main .post .postBody .wp-block-image:first-child {
  margin: 0 0 0.6rem;
  position: relative;
}
.construction #main .post .postBody .wp-block-image:first-child::after {
  content: "";
  display: block;
  width: 1px;
  height: 0.5rem;
  position: absolute;
  top: -0.25rem;
  left: 50%;
  background: #aac3ed;
}
.construction #main .post .postBody p {
  line-height: 2.1428571429;
}
.construction #main .post .postBody p::before, .construction #main .post .postBody p::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
.construction #main .post .postBody p::before {
  margin-bottom: -0.5714285714em;
}
.construction #main .post .postBody p::after {
  margin-top: -0.5714285714em;
}
.construction #main .post .postBody .wp-block-ecome-paragraphs {
  line-height: 2.1428571429;
}
.construction #main .post .postBody .wp-block-ecome-paragraphs::before, .construction #main .post .postBody .wp-block-ecome-paragraphs::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
.construction #main .post .postBody .wp-block-ecome-paragraphs::before {
  margin-bottom: -0.5714285714em;
}
.construction #main .post .postBody .wp-block-ecome-paragraphs::after {
  margin-top: -0.5714285714em;
}
.construction #main .post .postBody .wp-block-ecome-paragraphs > * + * {
  margin-top: 2.1428571429em;
}
.construction #main .post .postBody ul,
.construction #main .post .postBody ol {
  padding-left: 1.5em;
}
.construction #main .post .postBody ul li,
.construction #main .post .postBody ol li {
  list-style-type: inherit;
}
.construction #main .post .postBody ul {
  list-style-type: disc;
}
.construction #main .post .postBody ul ul {
  list-style-type: circle;
}
.construction #main .post .postBody ol {
  list-style-type: decimal;
}
.construction #main .post .postBody a {
  color: #4475c7;
}
.construction #main .post .postBody a::before {
  content: "＞";
}
.construction #main .post .postBody a:hover {
  text-decoration: underline;
}
.construction #main .post .postBody h2 {
  margin: calc(0.9rem - 0.6em) 0 calc(0.42rem - 0.6em);
  padding: 0 0 0 0.2rem;
  position: relative;
  font-size: 0.28rem;
  line-height: 1.4285714286;
  letter-spacing: 0.03em;
}
.construction #main .post .postBody h2 span {
  display: block;
}
@media screen and (max-width: 750px) {
  .construction #main .post .postBody h2 {
    font-size: 0.36rem;
  }
}
.construction #main .post .postBody h2::before {
  content: "";
  display: block;
  width: 0.04rem;
  background: #4475c7;
  position: absolute;
  top: 0.2142857143em;
  bottom: 0.2142857143em;
  left: 0;
}
.construction #main .post .postBody h3 {
  margin: 0.6rem 0 0.2rem;
  padding: 0.09rem 0.18rem;
  background: #ecf1f9;
  font-size: 0.24rem;
  line-height: 1.5;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 750px) {
  .construction #main .post .postBody h3 {
    font-size: 0.32rem;
  }
}
.construction #main .post .postBody h4 {
  margin: 0.55rem 0 0.35rem;
  border-bottom: 1px dashed #4475c7;
  padding: 0 0 0.08rem;
  font-size: 0.2rem;
  line-height: 1.5;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 750px) {
  .construction #main .post .postBody h4 {
    font-size: 0.3rem;
  }
}
.construction #main .post .postBody h5 {
  line-height: 1.5;
  margin: 0.8rem 0 0.35rem;
  padding: 0 0 0 0.22rem;
  position: relative;
  font-size: 0.18rem;
  letter-spacing: 0.03em;
}
.construction #main .post .postBody h5::before, .construction #main .post .postBody h5::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
.construction #main .post .postBody h5::before {
  margin-bottom: -0.25em;
}
.construction #main .post .postBody h5::after {
  margin-top: -0.25em;
}
@media screen and (max-width: 750px) {
  .construction #main .post .postBody h5 {
    font-size: 0.28rem;
  }
}
.construction #main .post .postBody h5::before {
  content: "";
  display: block;
  width: 0.08rem;
  height: 0.08rem;
  position: absolute;
  top: 0.095rem;
  left: 0;
  background: #4475c7;
}
@media screen and (max-width: 750px) {
  .construction #main .post .postBody h5::before {
    width: 0.1rem;
    height: 0.1rem;
    top: 0.16rem;
  }
}
.construction #main .post .postBody h6 {
  line-height: 1.5;
  margin: 0.8rem 0 0.35rem;
  font-size: 0.16rem;
  letter-spacing: 0.03em;
}
.construction #main .post .postBody h6::before, .construction #main .post .postBody h6::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
.construction #main .post .postBody h6::before {
  margin-bottom: -0.25em;
}
.construction #main .post .postBody h6::after {
  margin-top: -0.25em;
}
@media screen and (max-width: 750px) {
  .construction #main .post .postBody h6 {
    font-size: 0.24rem;
  }
}
.construction #main .post .postBody .wp-block-ecome-unit {
  margin: 0.9rem 0 0;
  display: grid;
  display: -ms-grid;
  grid-template-columns: 5.2rem 1fr 5.2rem;
  -ms-grid-columns: 5.2rem 1fr 5.2rem;
  grid-template-rows: auto 1fr;
  -ms-grid-rows: auto 1fr;
  align-items: start;
}
@media screen and (max-width: 750px) {
  .construction #main .post .postBody .wp-block-ecome-unit {
    display: block;
  }
}
.construction #main .post .postBody .wp-block-ecome-unit:nth-of-type(even) h2,
.construction #main .post .postBody .wp-block-ecome-unit:nth-of-type(even) h3,
.construction #main .post .postBody .wp-block-ecome-unit:nth-of-type(even) h4,
.construction #main .post .postBody .wp-block-ecome-unit:nth-of-type(even) h5,
.construction #main .post .postBody .wp-block-ecome-unit:nth-of-type(even) h6 {
  grid-row: 1/2;
  grid-column: 1/2;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.construction #main .post .postBody .wp-block-ecome-unit:nth-of-type(even) .wp-block-image {
  grid-row: 1/3;
  grid-column: 3/4;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 3;
}
.construction #main .post .postBody .wp-block-ecome-unit:nth-of-type(even) .wp-block-ecome-paragraphs {
  grid-row: 2/3;
  grid-column: 1/2;
  align-self: start;
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}
.construction #main .post .postBody .wp-block-ecome-unit:nth-of-type(odd) h2,
.construction #main .post .postBody .wp-block-ecome-unit:nth-of-type(odd) h3,
.construction #main .post .postBody .wp-block-ecome-unit:nth-of-type(odd) h4,
.construction #main .post .postBody .wp-block-ecome-unit:nth-of-type(odd) h5,
.construction #main .post .postBody .wp-block-ecome-unit:nth-of-type(odd) h6 {
  grid-row: 1/2;
  grid-column: 3/4;
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.construction #main .post .postBody .wp-block-ecome-unit:nth-of-type(odd) .wp-block-image {
  grid-row: 1/3;
  grid-column: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 1;
}
.construction #main .post .postBody .wp-block-ecome-unit:nth-of-type(odd) .wp-block-ecome-paragraphs {
  grid-row: 2/3;
  grid-column: 3/4;
  -ms-grid-row: 2;
  -ms-grid-column: 3;
}
.construction #main .post .postBody .wp-block-ecome-unit:nth-of-type(n) h2,
.construction #main .post .postBody .wp-block-ecome-unit:nth-of-type(n) h3,
.construction #main .post .postBody .wp-block-ecome-unit:nth-of-type(n) h4,
.construction #main .post .postBody .wp-block-ecome-unit:nth-of-type(n) h5,
.construction #main .post .postBody .wp-block-ecome-unit:nth-of-type(n) h6 {
  margin-top: 0;
  margin-bottom: 0;
}
.construction #main .post .postBody .wp-block-ecome-unit:nth-of-type(n) h2:nth-last-child(2),
.construction #main .post .postBody .wp-block-ecome-unit:nth-of-type(n) h3:nth-last-child(2),
.construction #main .post .postBody .wp-block-ecome-unit:nth-of-type(n) h4:nth-last-child(2),
.construction #main .post .postBody .wp-block-ecome-unit:nth-of-type(n) h5:nth-last-child(2),
.construction #main .post .postBody .wp-block-ecome-unit:nth-of-type(n) h6:nth-last-child(2) {
  grid-row: 1/2;
  grid-column: 1/4;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
}
.construction #main .post .postBody .wp-block-ecome-unit:nth-of-type(n) .wp-block-ecome-paragraphs:nth-child(2):nth-last-child(1) {
  grid-row: 2/3;
  grid-column: 1/4;
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
}
@media screen and (max-width: 750px) {
  .construction #main .post .postBody .wp-block-ecome-unit .wp-block-image {
    margin: 0.5rem 0 0;
  }
}
.construction #main .post .postBody .wp-block-ecome-unit .wp-block-ecome-paragraphs {
  margin: 0.5rem 0 0;
}
@media screen and (max-width: 750px) {
  .construction #main .post .postBody .wp-block-ecome-unit .wp-block-ecome-paragraphs {
    margin: 0.5rem 0 0;
  }
}
.voice #main .post .postHeader .text {
  display: flex;
  line-height: 0.34rem;
}
@media screen and (max-width: 750px) {
  .voice #main .post .postHeader .text {
    display: block;
  }
}
.voice #main .post .postHeader .text .icon {
  margin: 0 0.12rem 0 0;
  padding: 0 0.1rem;
  color: #fff;
  font-size: 0.16rem;
}
@media screen and (max-width: 750px) {
  .voice #main .post .postHeader .text .icon {
    display: inline-block;
    font-size: 0.22rem;
    line-height: 0.44rem;
  }
}
.voice #main .post .postHeader .text .title {
  font-size: 0.18rem;
}
@media screen and (max-width: 750px) {
  .voice #main .post .postHeader .text .title {
    margin: 0.4rem 0 0;
    font-size: 0.36rem;
    line-height: 1.5;
  }
}
.voice #main .post .postHeader .copy {
  line-height: 1.8571428571;
  padding: 0.17rem 0 0;
  font-size: 0.25rem;
  font-weight: 700;
}
.voice #main .post .postHeader .copy::before, .voice #main .post .postHeader .copy::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
.voice #main .post .postHeader .copy::before {
  margin-bottom: -0.4285714286em;
}
.voice #main .post .postHeader .copy::after {
  margin-top: -0.4285714286em;
}
@media screen and (max-width: 750px) {
  .voice #main .post .postHeader .copy {
    line-height: 1.5;
    padding: 0.36rem 0 0;
    font-size: 0.36rem;
  }
  .voice #main .post .postHeader .copy::before, .voice #main .post .postHeader .copy::after {
    content: "";
    display: block;
    height: 0;
    width: 0;
  }
  .voice #main .post .postHeader .copy::before {
    margin-bottom: -0.25em;
  }
  .voice #main .post .postHeader .copy::after {
    margin-top: -0.25em;
  }
}
.voice #main .post .postBody {
  margin: 0.17rem 0 0;
}
@media screen and (max-width: 750px) {
  .voice #main .post .postBody {
    margin: 0.4rem 0 0;
    font-size: 0.26rem;
  }
}
.voice #main .post .postBody .wp-block-ecome-paragraphs {
  line-height: 2.1428571429;
}
.voice #main .post .postBody .wp-block-ecome-paragraphs::before, .voice #main .post .postBody .wp-block-ecome-paragraphs::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
.voice #main .post .postBody .wp-block-ecome-paragraphs::before {
  margin-bottom: -0.5714285714em;
}
.voice #main .post .postBody .wp-block-ecome-paragraphs::after {
  margin-top: -0.5714285714em;
}
.voice #main .post .postBody .wp-block-ecome-paragraphs > * + * {
  margin-top: 2.1428571429em;
}
.voice #main .post .postBody ul,
.voice #main .post .postBody ol {
  padding-left: 1.5em;
}
.voice #main .post .postBody ul li,
.voice #main .post .postBody ol li {
  list-style-type: inherit;
}
.voice #main .post .postBody ul {
  list-style-type: disc;
}
.voice #main .post .postBody ul ul {
  list-style-type: circle;
}
.voice #main .post .postBody ol {
  list-style-type: decimal;
}
.voice #main .post .postBody a {
  color: #4475c7;
}
.voice #main .post .postBody a::before {
  content: "＞";
}
.voice #main .post .postBody a:hover {
  text-decoration: underline;
}
.voice #main .post .postBody h2 {
  line-height: 1.5;
  margin: 0.9rem 0 0.42rem;
  font-size: 0.28rem;
  letter-spacing: 0.03em;
}
.voice #main .post .postBody h2::before, .voice #main .post .postBody h2::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
.voice #main .post .postBody h2::before {
  margin-bottom: -0.25em;
}
.voice #main .post .postBody h2::after {
  margin-top: -0.25em;
}
.voice #main .post .postBody h2 span {
  display: block;
}
@media screen and (max-width: 750px) {
  .voice #main .post .postBody h2 {
    font-size: 0.36rem;
    text-align: center;
  }
}
.voice #main .post .postBody .wp-block-image + h2 {
  box-sizing: border-box;
  max-width: 9.8rem;
  margin: -0.44rem auto 0;
  border-top: 0.7rem solid #fff;
  padding: 0 0.66rem;
  position: relative;
  text-align: center;
}
@media screen and (max-width: 750px) {
  .voice #main .post .postBody .wp-block-image + h2 {
    margin: 0;
    border-top: none;
    padding: 0.6rem 0 0.2rem;
  }
}
.voice #main .post .postBody .wp-block-image + h2 + .wp-block-ecome-paragraphs {
  box-sizing: border-box;
  max-width: 9.8rem;
  margin-right: auto;
  margin-left: auto;
  padding: 0.44rem 0.66rem 0.1rem;
}
@media screen and (max-width: 750px) {
  .voice #main .post .postBody .wp-block-image + h2 + .wp-block-ecome-paragraphs {
    padding: 0.44rem 0 0;
  }
}
.voice #main .post .postBody h3 {
  margin: 0.6rem 0 0.2rem;
  padding: 0.09rem 0.18rem;
  background: #ecf1f9;
  font-size: 0.24rem;
  line-height: 1.5;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 750px) {
  .voice #main .post .postBody h3 {
    font-size: 0.32rem;
  }
}
.voice #main .post .postBody h4 {
  margin: 0.55rem 0 0.35rem;
  border-bottom: 1px dashed #4475c7;
  padding: 0 0 0.08rem;
  font-size: 0.2rem;
  line-height: 1.5;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 750px) {
  .voice #main .post .postBody h4 {
    font-size: 0.3rem;
  }
}
.voice #main .post .postBody h5 {
  line-height: 1.5;
  margin: 0.8rem 0 0.35rem;
  padding: 0 0 0 0.22rem;
  position: relative;
  font-size: 0.18rem;
  letter-spacing: 0.03em;
}
.voice #main .post .postBody h5::before, .voice #main .post .postBody h5::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
.voice #main .post .postBody h5::before {
  margin-bottom: -0.25em;
}
.voice #main .post .postBody h5::after {
  margin-top: -0.25em;
}
@media screen and (max-width: 750px) {
  .voice #main .post .postBody h5 {
    font-size: 0.28rem;
  }
}
.voice #main .post .postBody h5::before {
  content: "";
  display: block;
  width: 0.08rem;
  height: 0.08rem;
  position: absolute;
  top: 0.095rem;
  left: 0;
  background: #4475c7;
}
@media screen and (max-width: 750px) {
  .voice #main .post .postBody h5::before {
    width: 0.1rem;
    height: 0.1rem;
    top: 0.16rem;
  }
}
.voice #main .post .postBody h6 {
  line-height: 1.5;
  margin: 0.8rem 0 0.35rem;
  font-size: 0.16rem;
  letter-spacing: 0.03em;
}
.voice #main .post .postBody h6::before, .voice #main .post .postBody h6::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
.voice #main .post .postBody h6::before {
  margin-bottom: -0.25em;
}
.voice #main .post .postBody h6::after {
  margin-top: -0.25em;
}
@media screen and (max-width: 750px) {
  .voice #main .post .postBody h6 {
    font-size: 0.24rem;
  }
}
.voice #main .post .postBody .wp-block-ecome-unit {
  padding: 1.2rem 0 0;
  display: grid;
  display: -ms-grid;
  grid-template-columns: 5.2rem 1fr 5.2rem;
  -ms-grid-columns: 5.2rem 1fr 5.2rem;
  grid-template-rows: auto 1fr;
  -ms-grid-rows: auto 1fr;
  align-items: start;
}
@media screen and (max-width: 750px) {
  .voice #main .post .postBody .wp-block-ecome-unit {
    display: block;
  }
  .voice #main .post .postBody .wp-block-ecome-unit .wp-block-image {
    padding: 0.4rem 0 0;
  }
}
.voice #main .post .postBody .wp-block-ecome-unit .wp-block-ecome-paragraphs {
  padding: 0.44rem 0 0;
}
.voice #main .post .postBody .wp-block-ecome-unit:nth-of-type(odd) h2,
.voice #main .post .postBody .wp-block-ecome-unit:nth-of-type(odd) h3,
.voice #main .post .postBody .wp-block-ecome-unit:nth-of-type(odd) h4,
.voice #main .post .postBody .wp-block-ecome-unit:nth-of-type(odd) h5,
.voice #main .post .postBody .wp-block-ecome-unit:nth-of-type(odd) h6 {
  grid-row: 1/2;
  grid-column: 3/4;
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.voice #main .post .postBody .wp-block-ecome-unit:nth-of-type(odd) .wp-block-image {
  grid-row: 1/3;
  grid-column: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 1;
}
.voice #main .post .postBody .wp-block-ecome-unit:nth-of-type(odd) .wp-block-ecome-paragraphs {
  grid-row: 2/3;
  grid-column: 3/4;
  -ms-grid-row: 2;
  -ms-grid-column: 3;
}
.voice #main .post .postBody .wp-block-ecome-unit:nth-of-type(even) h2,
.voice #main .post .postBody .wp-block-ecome-unit:nth-of-type(even) h3,
.voice #main .post .postBody .wp-block-ecome-unit:nth-of-type(even) h4,
.voice #main .post .postBody .wp-block-ecome-unit:nth-of-type(even) h5,
.voice #main .post .postBody .wp-block-ecome-unit:nth-of-type(even) h6 {
  grid-row: 1/2;
  grid-column: 1/2;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.voice #main .post .postBody .wp-block-ecome-unit:nth-of-type(even) .wp-block-image {
  grid-row: 1/3;
  grid-column: 3/4;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 3;
}
.voice #main .post .postBody .wp-block-ecome-unit:nth-of-type(even) .wp-block-ecome-paragraphs {
  grid-row: 2/3;
  grid-column: 1/2;
  align-self: start;
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}
.voice #main .post .postBody .wp-block-ecome-unit:nth-of-type(n) h2,
.voice #main .post .postBody .wp-block-ecome-unit:nth-of-type(n) h3,
.voice #main .post .postBody .wp-block-ecome-unit:nth-of-type(n) h4,
.voice #main .post .postBody .wp-block-ecome-unit:nth-of-type(n) h5,
.voice #main .post .postBody .wp-block-ecome-unit:nth-of-type(n) h6 {
  margin-top: 0;
  margin-bottom: 0;
}
.voice #main .post .postBody .wp-block-ecome-unit:nth-of-type(n) h2:nth-last-child(2),
.voice #main .post .postBody .wp-block-ecome-unit:nth-of-type(n) h3:nth-last-child(2),
.voice #main .post .postBody .wp-block-ecome-unit:nth-of-type(n) h4:nth-last-child(2),
.voice #main .post .postBody .wp-block-ecome-unit:nth-of-type(n) h5:nth-last-child(2),
.voice #main .post .postBody .wp-block-ecome-unit:nth-of-type(n) h6:nth-last-child(2) {
  grid-row: 1/2;
  grid-column: 1/4;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
}
.voice #main .post .postBody .wp-block-ecome-unit:nth-of-type(n) .wp-block-ecome-paragraphs:nth-child(2):nth-last-child(1) {
  grid-row: 2/3;
  grid-column: 1/4;
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
}
.voice #main .post .postBody .wp-block-ecome-voice-end {
  box-sizing: border-box;
  max-width: 9.8rem;
  margin: 0.8rem auto 0;
  padding: 0.7rem 0.66rem;
  background: #fafafa;
}
@media screen and (max-width: 750px) {
  .voice #main .post .postBody .wp-block-ecome-voice-end {
    margin: 0.8rem -0.32rem 0;
    padding: 0.4rem 0.32rem;
  }
}
.voice #main .post .postBody .wp-block-ecome-voice-end h2 {
  margin-top: 0;
  text-align: center;
}
#main .caseTab {
  margin: 0 0 0.52rem;
}
@media screen and (max-width: 750px) {
  #main .caseTab {
    margin: 0.5rem 0;
  }
}
#main .caseTab .inner {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 750px) {
  #main .caseTab .inner {
    display: block;
  }
}
#main .caseTab .inner .item {
  display: block;
  box-sizing: border-box;
  width: 3rem;
  border: 1px solid;
  position: relative;
  color: #fff;
  font-size: 0.16rem;
  line-height: calc(0.64rem - 2px);
  text-align: center;
}
@media screen and (max-width: 750px) {
  #main .caseTab .inner .item {
    width: auto;
    font-size: 0.3rem;
    line-height: 3;
  }
}
#main .caseTab .inner .item ~ .item {
  margin: 0 0 0 0.02rem;
}
@media screen and (max-width: 750px) {
  #main .caseTab .inner .item ~ .item {
    margin: 2px 0 0;
    border-radius: 0.04rem;
  }
}
#main .caseTab .inner .item:last-child {
  border-radius: 0 0.04rem 0.04rem 0;
}
@media screen and (max-width: 750px) {
  #main .caseTab .inner .item:last-child {
    border-radius: 0.04rem;
  }
}
#main .caseTab .inner .item.active::before {
  opacity: 0;
}
#main .caseTab .inner .item::after {
  content: "";
  display: block;
  width: 1px;
  height: 0.24rem;
  position: absolute;
  top: calc(100% - 0.12rem);
  left: 50%;
  transform: scale(1, 0);
  transform-origin: top;
  transition: transform 0.3s;
}
@media screen and (max-width: 750px) {
  #main .caseTab .inner .item::after {
    content: none;
  }
}
#main .caseTab .inner .item.active::before, html:not(.mobile) #main .caseTab .inner .item:hover::before {
  opacity: 0;
}
#main .caseTab .inner .item.active::after, html:not(.mobile) #main .caseTab .inner .item:hover::after {
  transform: scale(1, 1);
}
#main .caseTab .inner .item01 {
  border-color: #2d3441;
  border-radius: 0.04rem 0 0 0.04rem;
}
@media screen and (max-width: 750px) {
  #main .caseTab .inner .item01 {
    border-radius: 0.04rem;
  }
}
#main .caseTab .inner .item01::before {
  background: #2d3441;
}
#main .caseTab .inner .item01::after {
  background: #2d3441;
}
#main .caseTab .inner .item01.active, html:not(.mobile) #main .caseTab .inner .item01:hover {
  color: #2d3441;
}
#main .caseTab .inner .item02 {
  margin: 0 0 0 0.02rem;
  border-color: #4475c7;
}
@media screen and (max-width: 750px) {
  #main .caseTab .inner .item02 {
    margin: 2px 0 0;
    border-radius: 0.04rem;
  }
}
#main .caseTab .inner .item02::before {
  background: #4475c7;
}
#main .caseTab .inner .item02::after {
  background: #4475c7;
}
#main .caseTab .inner .item02.active, html:not(.mobile) #main .caseTab .inner .item02:hover {
  color: #4475c7;
}
#main .caseTab .inner .item03 {
  margin: 0 0 0 0.02rem;
  border-color: #bba986;
  border-radius: 0 0.04rem 0.04rem 0;
}
@media screen and (max-width: 750px) {
  #main .caseTab .inner .item03 {
    margin: 2px 0 0;
    border-radius: 0.04rem;
  }
}
#main .caseTab .inner .item03::before {
  background: #bba986;
}
#main .caseTab .inner .item03::after {
  background: #bba986;
}
#main .caseTab .inner .item03.active, html:not(.mobile) #main .caseTab .inner .item03:hover {
  color: #bba986;
}
#main .caseList .inner {
  display: flex;
  flex-wrap: wrap;
}
#main .caseList .inner .item {
  width: 3.5rem;
  margin: 0.54rem 0.35rem 0 0;
}
#main .caseList .inner .item:nth-child(-n+3) {
  margin-top: 0;
}
@media screen and (max-width: 750px) {
  #main .caseList .inner .item:nth-child(-n+3) {
    margin-top: 0.54rem;
  }
}
#main .caseList .inner .item:nth-child(3n+3) {
  margin-right: 0;
}
@media screen and (max-width: 750px) {
  #main .caseList .inner .item:nth-child(3n+3) {
    margin-right: 0.35rem;
  }
}
@media screen and (max-width: 750px) {
  #main .caseList .inner .item {
    width: calc(50% - 0.175rem);
  }
  #main .caseList .inner .item:nth-child(-n+2) {
    margin-top: 0;
  }
  #main .caseList .inner .item:nth-child(even) {
    margin-right: 0;
  }
}
#main .caseList .inner .item a {
  display: block;
  position: relative;
}
html:not(.mobile) #main .caseList .inner .item a:hover .image img {
  transform: translate(-50%, -50%) scale(1.1);
}
#main .caseList .inner .item .icon {
  padding: 0 1em;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  color: #fff;
  font-size: 0.12rem;
  line-height: 0.32rem;
}
@media screen and (max-width: 750px) {
  #main .caseList .inner .item .icon {
    font-size: 0.22rem;
    line-height: 0.44rem;
  }
}
#main .caseList .inner .item .image {
  height: 0;
  padding: 70.857% 0 0;
  position: relative;
  overflow: hidden;
}
#main .caseList .inner .item .image img {
  width: auto;
  max-width: none;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#main .caseList .inner .item .text {
  margin: 0.22rem 0 0;
}
#main .caseList .inner .item .text .title {
  line-height: 1.6666666667;
  font-size: 0.18rem;
}
#main .caseList .inner .item .text .title::before, #main .caseList .inner .item .text .title::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
#main .caseList .inner .item .text .title::before {
  margin-bottom: -0.3333333333em;
}
#main .caseList .inner .item .text .title::after {
  margin-top: -0.3333333333em;
}
@media screen and (max-width: 750px) {
  #main .caseList .inner .item .text .title {
    font-size: 0.3rem;
  }
}
#main .caseList .inner .item .text .copy {
  line-height: 1.8571428571;
  margin: 0.17rem 0 0;
  font-size: 0.22rem;
  font-weight: 700;
}
#main .caseList .inner .item .text .copy::before, #main .caseList .inner .item .text .copy::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
#main .caseList .inner .item .text .copy::before {
  margin-bottom: -0.4285714286em;
}
#main .caseList .inner .item .text .copy::after {
  margin-top: -0.4285714286em;
}
@media screen and (max-width: 750px) {
  #main .caseList .inner .item .text .copy {
    line-height: 1.6153846154;
    margin: 0.26rem 0 0;
    font-size: 0.3rem;
  }
  #main .caseList .inner .item .text .copy::before, #main .caseList .inner .item .text .copy::after {
    content: "";
    display: block;
    height: 0;
    width: 0;
  }
  #main .caseList .inner .item .text .copy::before {
    margin-bottom: -0.3076923077em;
  }
  #main .caseList .inner .item .text .copy::after {
    margin-top: -0.3076923077em;
  }
}
#main .interviewList .lead {
  line-height: 1.7857142857;
  padding: 0.2rem 0 0;
  font-size: 0.28rem;
  text-align: center;
}
#main .interviewList .lead::before, #main .interviewList .lead::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
#main .interviewList .lead::before {
  margin-bottom: -0.3928571429em;
}
#main .interviewList .lead::after {
  margin-top: -0.3928571429em;
}
@media screen and (max-width: 750px) {
  #main .interviewList .lead {
    padding: 0.03rem 0 0;
  }
}
#main .interviewList .inner {
  display: flex;
  margin-top: 0.62rem;
  flex-wrap: wrap;
}
@media screen and (max-width: 750px) {
  #main .interviewList .inner {
    margin: 0.5rem 0 0;
  }
}
#main .interviewList .inner .item {
  width: 2.25rem;
  margin: 0.52rem 0.26666rem 0 0;
}
#main .interviewList .inner .item:nth-child(4n+4) {
  margin-right: 0;
}
#main .interviewList .inner .item:nth-child(-n+4) {
  margin-top: 0;
}
@media screen and (max-width: 750px) {
  #main .interviewList .inner .item {
    width: calc(50% - 0.175rem);
    margin: 0.5rem 0.35rem 0 0;
  }
  #main .interviewList .inner .item:nth-child(even) {
    margin-right: 0;
  }
  #main .interviewList .inner .item:nth-child(n+3) {
    margin-top: 0.5rem;
  }
}
#main .interviewList .inner .item a {
  display: block;
}
#main .interviewList .inner .item .text {
  padding: 0.24rem 0 0;
}
#main .interviewList .inner .item .text .job {
  line-height: 1.5714285714;
}
#main .interviewList .inner .item .text .job::before, #main .interviewList .inner .item .text .job::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
#main .interviewList .inner .item .text .job::before {
  margin-bottom: -0.2857142857em;
}
#main .interviewList .inner .item .text .job::after {
  margin-top: -0.2857142857em;
}
#main .interviewList .inner .item .text .name {
  padding: 0.12rem 0 0;
  font-size: 0.18rem;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  #main .interviewList .inner .item .text .name {
    font-size: 0.3rem;
  }
}
#main .interviewList .smallLinkBtns {
  margin-top: 1.04rem;
}
@media screen and (max-width: 750px) {
  body.interview #main .post {
    margin: 0.2rem 0 0;
  }
}
body.interview #main .post .postHeader {
  padding: 1.5rem 0 0;
  position: relative;
}
@media screen and (max-width: 750px) {
  body.interview #main .post .postHeader {
    padding: 0;
  }
}
body.interview #main .post .postHeader .image {
  height: 4rem;
  width: 5.7rem;
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
}
@media screen and (max-width: 750px) {
  body.interview #main .post .postHeader .image {
    width: auto;
    margin: 0 -0.32rem;
    position: relative;
  }
}
body.interview #main .post .postHeader .image img {
  height: 100%;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  width: auto;
}
@media screen and (max-width: 750px) {
  body.interview #main .post .postHeader .image img {
    height: 120%;
  }
}
body.interview #main .post .postHeader .text {
  box-sizing: border-box;
  width: 4.6rem;
  min-height: 3rem;
  padding: 0.4rem 0.9rem 0.4rem 0.45rem;
  position: relative;
  background: #4c74b7;
  color: #fff;
}
@media screen and (max-width: 750px) {
  body.interview #main .post .postHeader .text {
    width: auto;
    margin: 0.4rem 0 0;
    min-height: 0;
    padding: 0.4rem;
  }
}
body.interview #main .post .postHeader .text::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: -0.21rem;
  right: -0.21rem;
  z-index: -1;
  background: repeating-linear-gradient(-45deg, transparent 0 0.03rem, #d9d9d9 0.03rem 0.05rem);
}
body.interview #main .post .postHeader .text .catch {
  line-height: 1.2352941176;
  padding: 0 0 0 0.05rem;
  font-size: 0.34rem;
}
body.interview #main .post .postHeader .text .catch::before, body.interview #main .post .postHeader .text .catch::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
body.interview #main .post .postHeader .text .catch::before {
  margin-bottom: -0.1176470588em;
}
body.interview #main .post .postHeader .text .catch::after {
  margin-top: -0.1176470588em;
}
@media screen and (max-width: 750px) {
  body.interview #main .post .postHeader .text .catch {
    line-height: 1.5;
    padding: 0;
    font-size: 0.4rem;
    font-weight: bold;
  }
  body.interview #main .post .postHeader .text .catch::before, body.interview #main .post .postHeader .text .catch::after {
    content: "";
    display: block;
    height: 0;
    width: 0;
  }
  body.interview #main .post .postHeader .text .catch::before {
    margin-bottom: -0.25em;
  }
  body.interview #main .post .postHeader .text .catch::after {
    margin-top: -0.25em;
  }
}
body.interview #main .post .postHeader .text .name {
  margin: 0.5rem 0 0;
  font-size: 0.24rem;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  body.interview #main .post .postHeader .text .name {
    font-size: 0.36rem;
  }
}
body.interview #main .post .postHeader .text .name .en {
  margin: 0 0 0 0.5em;
  font-size: 0.18rem;
}
@media screen and (max-width: 750px) {
  body.interview #main .post .postHeader .text .name .en {
    font-size: 0.27rem;
  }
}
body.interview #main .post .postHeader .text .job {
  margin: 0.1rem 0 0;
  color: #a0eeff;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  body.interview #main .post .postHeader .text .job {
    margin: 0.2rem 0 0;
  }
}
body.interview #main .post .postBody {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 750px) {
  body.interview #main .post .postBody {
    display: block;
    font-size: 0.26rem;
  }
}
body.interview #main .post .postBody .primary {
  width: 7.1rem;
  padding: 0.1rem 0 0;
}
@media screen and (max-width: 750px) {
  body.interview #main .post .postBody .primary {
    width: auto;
  }
}
body.interview #main .post .postBody .primary .wp-block-ecome-paragraphs {
  line-height: 2.1428571429;
}
body.interview #main .post .postBody .primary .wp-block-ecome-paragraphs::before, body.interview #main .post .postBody .primary .wp-block-ecome-paragraphs::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
body.interview #main .post .postBody .primary .wp-block-ecome-paragraphs::before {
  margin-bottom: -0.5714285714em;
}
body.interview #main .post .postBody .primary .wp-block-ecome-paragraphs::after {
  margin-top: -0.5714285714em;
}
body.interview #main .post .postBody .primary .wp-block-ecome-paragraphs > * + * {
  margin-top: 2.1428571429em;
}
body.interview #main .post .postBody .primary ul,
body.interview #main .post .postBody .primary ol {
  padding-left: 1.5em;
}
body.interview #main .post .postBody .primary ul li,
body.interview #main .post .postBody .primary ol li {
  list-style-type: inherit;
}
body.interview #main .post .postBody .primary ul {
  list-style-type: disc;
}
body.interview #main .post .postBody .primary ul ul {
  list-style-type: circle;
}
body.interview #main .post .postBody .primary ol {
  list-style-type: decimal;
}
body.interview #main .post .postBody .primary a {
  color: #4475c7;
}
body.interview #main .post .postBody .primary a::before {
  content: "＞";
}
body.interview #main .post .postBody .primary a:hover {
  text-decoration: underline;
}
body.interview #main .post .postBody .primary h2 {
  line-height: 1.6153846154;
  padding: 0.6rem 0 0 0.55rem;
  position: relative;
  font-size: 0.26rem;
  letter-spacing: 0.03em;
}
body.interview #main .post .postBody .primary h2::before, body.interview #main .post .postBody .primary h2::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
body.interview #main .post .postBody .primary h2::before {
  margin-bottom: -0.3076923077em;
}
body.interview #main .post .postBody .primary h2::after {
  margin-top: -0.3076923077em;
}
@media screen and (max-width: 750px) {
  body.interview #main .post .postBody .primary h2 {
    font-size: 0.36rem;
  }
}
body.interview #main .post .postBody .primary h2::before {
  content: "";
  display: block;
  width: 0.36rem;
  height: 1px;
  position: absolute;
  top: calc(0.6rem + 0.7em);
  left: 0;
  background: #000;
}
body.interview #main .post .postBody .primary h3 {
  margin: 0.6rem 0 0.2rem;
  padding: 0.09rem 0.18rem;
  background: #ecf1f9;
  font-size: 0.24rem;
  line-height: 1.5;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 750px) {
  body.interview #main .post .postBody .primary h3 {
    font-size: 0.32rem;
  }
}
body.interview #main .post .postBody .primary h4 {
  margin: 0.55rem 0 0.35rem;
  border-bottom: 1px dashed #4475c7;
  padding: 0 0 0.08rem;
  font-size: 0.2rem;
  line-height: 1.5;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 750px) {
  body.interview #main .post .postBody .primary h4 {
    font-size: 0.3rem;
  }
}
body.interview #main .post .postBody .primary h5 {
  line-height: 1.5;
  margin: 0.8rem 0 0.35rem;
  padding: 0 0 0 0.22rem;
  position: relative;
  font-size: 0.18rem;
  letter-spacing: 0.03em;
}
body.interview #main .post .postBody .primary h5::before, body.interview #main .post .postBody .primary h5::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
body.interview #main .post .postBody .primary h5::before {
  margin-bottom: -0.25em;
}
body.interview #main .post .postBody .primary h5::after {
  margin-top: -0.25em;
}
@media screen and (max-width: 750px) {
  body.interview #main .post .postBody .primary h5 {
    font-size: 0.28rem;
  }
}
body.interview #main .post .postBody .primary h5::before {
  content: "";
  display: block;
  width: 0.08rem;
  height: 0.08rem;
  position: absolute;
  top: 0.095rem;
  left: 0;
  background: #4475c7;
}
@media screen and (max-width: 750px) {
  body.interview #main .post .postBody .primary h5::before {
    width: 0.1rem;
    height: 0.1rem;
    top: 0.16rem;
  }
}
body.interview #main .post .postBody .primary h6 {
  line-height: 1.5;
  margin: 0.8rem 0 0.35rem;
  font-size: 0.16rem;
  letter-spacing: 0.03em;
}
body.interview #main .post .postBody .primary h6::before, body.interview #main .post .postBody .primary h6::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
body.interview #main .post .postBody .primary h6::before {
  margin-bottom: -0.25em;
}
body.interview #main .post .postBody .primary h6::after {
  margin-top: -0.25em;
}
@media screen and (max-width: 750px) {
  body.interview #main .post .postBody .primary h6 {
    font-size: 0.24rem;
  }
}
body.interview #main .post .postBody .primary p {
  line-height: 2.1428571429;
  padding: 0.3rem 0 0;
}
body.interview #main .post .postBody .primary p::before, body.interview #main .post .postBody .primary p::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
body.interview #main .post .postBody .primary p::before {
  margin-bottom: -0.5714285714em;
}
body.interview #main .post .postBody .primary p::after {
  margin-top: -0.5714285714em;
}
body.interview #main .post .postBody .primary .wp-block-image {
  padding: 0.7rem 0 0;
}
body.interview #main .post .postBody .secondary {
  width: 2.3rem;
  padding: 0.4rem 0 0;
}
@media screen and (max-width: 750px) {
  body.interview #main .post .postBody .secondary {
    width: auto;
  }
}
body.interview #main .post .postBody .secondary .item {
  line-height: 1.8571428571;
  margin: 0.3rem 0 0;
  padding: 0.3rem 0.32rem 0.36rem;
  background: #fafafa;
}
body.interview #main .post .postBody .secondary .item::before, body.interview #main .post .postBody .secondary .item::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
body.interview #main .post .postBody .secondary .item::before {
  margin-bottom: -0.4285714286em;
}
body.interview #main .post .postBody .secondary .item::after {
  margin-top: -0.4285714286em;
}
body.interview #main .post .postBody .secondary .item .label {
  font-size: 0.18rem;
  line-height: 1.7777777778;
}
@media screen and (max-width: 750px) {
  body.interview #main .post .postBody .secondary .item .label {
    font-size: 0.28rem;
  }
}
@media screen and (max-width: 750px) {
  body.interview #main .nav-links .inner .link {
    margin-top: 0.1rem;
  }
}
body.concept #main .article section {
  margin: 0 0 0.8rem;
}
body.concept #main .article section:nth-of-type(odd) {
  background-image: repeating-linear-gradient(-90deg, transparent 0 50%, #f5f5f5 50% 100%);
}
@media screen and (max-width: 750px) {
  body.concept #main .article section:nth-of-type(odd) {
    background: #f5f5f5;
  }
}
body.concept #main .article section:nth-of-type(odd) .inner h2 {
  grid-row: 1/2;
  grid-column: 1/2;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
body.concept #main .article section:nth-of-type(odd) .inner .image {
  grid-row: 1/3;
  grid-column: 2/3;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 2;
}
body.concept #main .article section:nth-of-type(odd) .inner .text {
  grid-row: 2/3;
  grid-column: 1/2;
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}
body.concept #main .article section:nth-of-type(even) {
  background-image: repeating-linear-gradient(90deg, transparent 0 50%, #f5f5f5 50% 100%);
}
@media screen and (max-width: 750px) {
  body.concept #main .article section:nth-of-type(even) {
    background: #f5f5f5;
  }
}
body.concept #main .article section:nth-of-type(even) .inner h2 {
  grid-row: 1/2;
  grid-column: 2/3;
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}
body.concept #main .article section:nth-of-type(even) .inner .image {
  grid-row: 1/3;
  grid-column: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 1;
}
body.concept #main .article section:nth-of-type(even) .inner .text {
  grid-row: 2/3;
  grid-column: 2/3;
  -ms-grid-row: 2;
  -ms-grid-column: 2;
}
body.concept #main .article section .inner {
  display: grid;
  display: -ms-grid;
  grid-template-rows: auto 1fr;
  -ms-grid-rows: auto 1fr;
  -ms-grid-columns: 50% 50%;
  grid-template-columns: 50% 50%;
  align-items: start;
}
@media screen and (max-width: 750px) {
  body.concept #main .article section .inner {
    display: block;
  }
}
body.concept #main .article section .inner h2 {
  padding: 0.7rem 0.7rem 0;
}
@media screen and (max-width: 750px) {
  body.concept #main .article section .inner h2 {
    padding: 0.7rem 0 0;
  }
}
@media screen and (max-width: 750px) {
  body.concept #main .article section .inner .image {
    margin: 0.5rem 0 0;
  }
}
body.concept #main .article section .inner .text {
  padding: 0.4rem 0.7rem 0;
}
@media screen and (max-width: 750px) {
  body.concept #main .article section .inner .text {
    padding: 0.5rem 0 0.7rem;
  }
}
body.consistently #main .article h2 {
  text-align: center;
}
body.consistently #main .article .section01 .inner {
  display: flex;
  padding: 0.46rem 0 0;
  justify-content: space-between;
}
@media screen and (max-width: 750px) {
  body.consistently #main .article .section01 .inner {
    display: block;
  }
}
body.consistently #main .article .section01 .inner .item {
  box-sizing: border-box;
  width: 3.06rem;
  height: 4.44rem;
  border: 0.06rem solid #ddd;
  padding: 2.06rem 0 0;
  border-radius: 0.1rem;
  background: 50% 0/cover no-repeat;
}
@media screen and (max-width: 750px) {
  body.consistently #main .article .section01 .inner .item {
    width: auto;
    height: auto;
    padding: 64.4894117647vw 0 0.4rem;
  }
  body.consistently #main .article .section01 .inner .item + .item {
    margin: 0.4rem 0 0;
  }
}
body.consistently #main .article .section01 .inner .item .num {
  width: 1.3rem;
  margin: 0 0 0 0.18rem;
  background: #4475c7;
  color: #fff;
  font-size: 0.12rem;
  line-height: 0.28rem;
}
@media screen and (max-width: 750px) {
  body.consistently #main .article .section01 .inner .item .num {
    display: inline-block;
    width: auto;
    margin: 0 0 0 0.3rem;
    font-size: 0.22rem;
    line-height: 0.44rem;
    white-space: nowrap;
  }
}
body.consistently #main .article .section01 .inner .item .num span {
  display: inline-block;
  text-align: center;
}
body.consistently #main .article .section01 .inner .item .num span:first-child {
  width: 0.72rem;
}
@media screen and (max-width: 750px) {
  body.consistently #main .article .section01 .inner .item .num span:first-child {
    width: 6em;
  }
}
body.consistently #main .article .section01 .inner .item .num span:last-child {
  width: 0.58rem;
  background: #bba986;
}
@media screen and (max-width: 750px) {
  body.consistently #main .article .section01 .inner .item .num span:last-child {
    width: 5em;
  }
}
body.consistently #main .article .section01 .inner .item .label {
  line-height: 1.3;
  padding: 0.2rem 0.3rem 0;
  font-size: 0.2rem;
}
body.consistently #main .article .section01 .inner .item .label::before, body.consistently #main .article .section01 .inner .item .label::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
body.consistently #main .article .section01 .inner .item .label::before {
  margin-bottom: -0.15em;
}
body.consistently #main .article .section01 .inner .item .label::after {
  margin-top: -0.15em;
}
@media screen and (max-width: 750px) {
  body.consistently #main .article .section01 .inner .item .label {
    padding-top: 0.4rem;
    font-size: 0.3rem;
  }
  body.consistently #main .article .section01 .inner .item .label br:not([class]) {
    display: none;
  }
}
body.consistently #main .article .section01 .inner .item p {
  padding: 0.2rem 0.3rem 0;
}
@media screen and (max-width: 750px) {
  body.consistently #main .article .section01 .inner .item p {
    padding-top: 0.4rem;
  }
}
body.consistently #main .article .section01 .inner .item01 {
  background-image: url("../imgs/img-consistently01.jpg");
}
body.consistently #main .article .section01 .inner .item02 {
  background-image: url("../imgs/img-consistently02.jpg");
}
body.consistently #main .article .section01 .inner .item03 {
  background-image: url("../imgs/img-consistently03.jpg");
}
body.consistently #main .article .section02 {
  padding: 0.7rem 0;
}
body.consistently #main .article .section02 .item {
  display: grid;
  display: -ms-grid;
  grid-template-rows: auto auto 1fr;
  -ms-grid-rows: auto auto 1fr;
  -ms-grid-columns: 50% 50%;
  grid-template-columns: 50% 50%;
  align-items: start;
  margin: 0.4rem 0 0;
  background: #fafafa;
}
@media screen and (max-width: 750px) {
  body.consistently #main .article .section02 .item {
    display: block;
  }
}
body.consistently #main .article .section02 .item .num {
  grid-row: 1/2;
  grid-column: 1/2;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  box-sizing: border-box;
  height: 1.09rem;
  padding: 0.4rem 0.62rem 0;
  position: relative;
  color: #4475c7;
  font-size: 0.5rem;
  font-style: italic;
  font-weight: bold;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  body.consistently #main .article .section02 .item .num {
    padding: 0.4rem 0.3rem 0;
    text-align: center;
  }
}
body.consistently #main .article .section02 .item .num::before {
  content: "";
  display: block;
  width: 0.29rem;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0.62rem;
  background: #000;
}
@media screen and (max-width: 750px) {
  body.consistently #main .article .section02 .item .num::before {
    left: calc(50% - 0.145rem);
  }
}
body.consistently #main .article .section02 .item .label {
  grid-row: 2/3;
  grid-column: 1/2;
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  padding: 0.3rem 0.58rem 0;
}
@media screen and (max-width: 750px) {
  body.consistently #main .article .section02 .item .label {
    padding: 0.3rem 0.3rem 0;
    text-align: center;
  }
}
body.consistently #main .article .section02 .item .image {
  grid-row: 1/4;
  grid-column: 2/3;
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 2;
}
@media screen and (max-width: 750px) {
  body.consistently #main .article .section02 .item .image {
    margin: 0.5rem 0 0;
  }
}
body.consistently #main .article .section02 .item .text {
  grid-row: 3/4;
  grid-column: 1/2;
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  padding: 0.36rem 0.62rem 0;
}
@media screen and (max-width: 750px) {
  body.consistently #main .article .section02 .item .text {
    padding: 0.5rem 0.3rem 0.7rem;
  }
}
@media screen and (max-width: 750px) {
  body.facility #main .article .lead {
    padding-bottom: 0.6rem;
  }
}
body.facility #main .article .sNav .bt {
  width: 1.28rem;
}
@media screen and (max-width: 750px) {
  body.facility #main .article .sNav .bt {
    width: calc(50% - 0.1rem);
  }
}
body.facility #main .article .sNav .bt01 {
  border-color: #f3d1d1;
}
body.facility #main .article .sNav .bt01::before {
  background: #f3d1d1;
}
body.facility #main .article .sNav .bt02 {
  border-color: #f1d5e4;
}
body.facility #main .article .sNav .bt02::before {
  background: #f1d5e4;
}
body.facility #main .article .sNav .bt03 {
  border-color: #ded4ef;
}
body.facility #main .article .sNav .bt03::before {
  background: #ded4ef;
}
body.facility #main .article .sNav .bt04 {
  border-color: #d8e7fb;
}
body.facility #main .article .sNav .bt04::before {
  background: #d8e7fb;
}
body.facility #main .article .sNav .bt05 {
  border-color: #caf2ea;
}
body.facility #main .article .sNav .bt05::before {
  background: #caf2ea;
}
body.facility #main .article .sNav .bt06 {
  border-color: #e0f1bb;
}
body.facility #main .article .sNav .bt06::before {
  background: #e0f1bb;
}
body.facility #main .article .sNav .bt07 {
  border-color: #f6d5bd;
}
body.facility #main .article .sNav .bt07::before {
  background: #f6d5bd;
}
body.facility #main .article .section {
  margin: 0.8rem 0 0;
}
body.facility #main .article .section .inner {
  display: flex;
  padding: 0.17rem 0.7rem 0.4rem;
  background: #f7f7f7;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 750px) {
  body.facility #main .article .section .inner {
    display: block;
    padding: 0.1rem 0.4rem 0.5rem;
  }
}
body.facility #main .article .section .inner .item {
  margin: 0.4rem 0 0;
  position: relative;
}
@media screen and (max-width: 750px) {
  body.facility #main .article .section .inner .item {
    margin: 0.6rem 0 0;
  }
}
body.facility #main .article .section .inner .item h3 {
  line-height: 1.625;
  padding: 0.22rem 0 0;
  font-size: 0.16rem;
}
body.facility #main .article .section .inner .item h3::before, body.facility #main .article .section .inner .item h3::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
body.facility #main .article .section .inner .item h3::before {
  margin-bottom: -0.3125em;
}
body.facility #main .article .section .inner .item h3::after {
  margin-top: -0.3125em;
}
@media screen and (max-width: 750px) {
  body.facility #main .article .section .inner .item h3 {
    padding: 0.4rem 0 0;
    font-size: 0.28rem;
  }
}
body.facility #main .article .section .inner .item p {
  padding: 0.22rem 0 0;
}
@media screen and (max-width: 750px) {
  body.facility #main .article .section .inner .item p {
    padding: 0.4rem 0 0;
  }
}
body.facility #main .article .section .inner .item .balloon {
  padding: 0.16rem 0.2rem;
  position: absolute;
  top: -0.1rem;
  left: -0.1rem;
  background: #e7e4df;
  border-radius: 0.12rem;
  color: #49443d;
  font-size: 0.16rem;
  line-height: 1.5;
}
body.facility #main .article .section .inner .item .balloon::before {
  content: "";
  display: block;
  width: 0.31rem;
  height: 0.17rem;
  position: absolute;
  bottom: -0.14rem;
  left: 0.27rem;
  background: url("../imgs/ballon.svg") 0 0/contain no-repeat;
}
body.facility #main .article .section .inner .option .image {
  position: relative;
}
body.facility #main .article .section .inner .option .image::before {
  content: "★";
  display: block;
  width: 0.5rem;
  position: absolute;
  right: 0;
  bottom: 0;
  background: #f5e7ef;
  color: #cf93b5;
  font-size: 0.14rem;
  line-height: 0.5rem;
  text-align: center;
}
body.facility #main .article .section .inner .sizeL {
  width: 100%;
}
body.facility #main .article .section .inner .sizeM {
  width: 4.09rem;
}
@media screen and (max-width: 750px) {
  body.facility #main .article .section .inner .sizeM {
    width: auto;
  }
}
body.facility #main .article .section .inner .sizeS {
  width: 2.65rem;
}
@media screen and (max-width: 750px) {
  body.facility #main .article .section .inner .sizeS {
    width: auto;
  }
}
body.facility #main .article .section .inner .btPdf {
  width: 100%;
  margin: 0.62rem 0 0;
}
body.facility #main .article .section .inner .btPdf a {
  display: block;
  box-sizing: border-box;
  height: 1.34rem;
  padding: 0.4rem 0 0 0.1rem;
  position: relative;
  background: url("../imgs/ico-attention.png") 100% 50%/0.4rem auto no-repeat, url("../imgs/img-facility06.jpg") 0 0/cover no-repeat;
  color: #352d29;
  line-height: 1;
  text-align: center;
}
@media screen and (max-width: 750px) {
  body.facility #main .article .section .inner .btPdf a {
    padding: 0.24rem 0 0;
  }
}
html:not(.mobile) body.facility #main .article .section .inner .btPdf a:hover {
  text-decoration: none;
}
body.facility #main .article .section .inner .btPdf a .line01 {
  font-size: 0.12rem;
}
@media screen and (max-width: 750px) {
  body.facility #main .article .section .inner .btPdf a .line01 {
    font-size: 0.14rem;
  }
}
body.facility #main .article .section .inner .btPdf a .line01::before, body.facility #main .article .section .inner .btPdf a .line01::after {
  content: "／";
  display: inline-block;
  margin: 0 0.08rem;
  transform: scale(1.2);
}
body.facility #main .article .section .inner .btPdf a .line01::before {
  transform: scale(-1.2, 1.2);
}
body.facility #main .article .section .inner .btPdf a .line02 {
  margin: 0.15rem 0 0;
  font-size: 0.18rem;
}
@media screen and (max-width: 750px) {
  body.facility #main .article .section .inner .btPdf a .line02 {
    font-size: 0.22rem;
    line-height: 1.5;
  }
}
body.facility #main .article .section .inner .btPdf a .line02 .pdf {
  width: 0.16rem;
  margin: 0 0.06rem;
}
@media screen and (max-width: 750px) {
  body.facility #main .article .section .inner .btPdf a .line02 .pdf {
    width: 0.2rem;
    vertical-align: middle;
  }
}
body.facility #main .article .section .inner .note {
  width: 100%;
  margin: 0.4rem 0 0;
}
body.facility #main .article .section01 .sectionHeader01 {
  background: #f5e7e7;
}
body.facility #main .article .section01 .sectionHeader01 h2 {
  border-bottom-color: #ecd5d5;
}
body.facility #main .article .section02 .sectionHeader01 {
  background: #f5e7ef;
}
body.facility #main .article .section02 .sectionHeader01 h2 {
  border-bottom-color: #ebd2e0;
}
body.facility #main .article .section03 .sectionHeader01 {
  background: #ece7f5;
}
body.facility #main .article .section03 .sectionHeader01 h2 {
  border-bottom-color: #dbd3e8;
}
body.facility #main .article .section04 .sectionHeader01 {
  background: #e7edf5;
}
body.facility #main .article .section04 .sectionHeader01 h2 {
  border-bottom-color: #cfdae8;
}
body.facility #main .article .section05 .sectionHeader01 {
  background: #e7f5f2;
}
body.facility #main .article .section05 .sectionHeader01 h2 {
  border-bottom-color: #c4e0da;
}
body.facility #main .article .section06 .sectionHeader01 {
  background: #f1f5e7;
}
body.facility #main .article .section06 .sectionHeader01 h2 {
  border-bottom-color: #dbe2ca;
}
body.facility #main .article .section07 .sectionHeader01 {
  background: #f5ede7;
}
body.facility #main .article .section07 .sectionHeader01 h2 {
  border-bottom-color: #e6d3c6;
}
@media screen and (max-width: 750px) {
  body.method #main .article .lead {
    padding-bottom: 0.6rem;
  }
}
body.method #main .article .sNav .bt {
  width: 2.33rem;
  border-color: #efe7df;
}
@media screen and (max-width: 750px) {
  body.method #main .article .sNav .bt {
    width: calc(50% - 0.1rem);
  }
}
body.method #main .article .sNav .bt::before {
  background: #efe7df;
}
body.method #main .article .section {
  margin: 0.8rem 0 0;
}
body.method #main .article .section .sectionHeaderWrapper {
  margin: 0 0 0.4rem;
}
body.method #main .article .section .sectionHeaderWrapper .sectionHeader01 {
  background: #f5eee7;
}
@media screen and (max-width: 750px) {
  body.method #main .article .section .sectionHeaderWrapper .sectionHeader01 {
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
  }
}
body.method #main .article .section .sectionHeaderWrapper .sectionHeader01 h2 {
  border-bottom-color: #e4d7c9;
}
@media screen and (max-width: 750px) {
  body.method #main .article .section .sectionHeaderWrapper .sectionHeader01 h2 {
    padding-bottom: 0.6rem;
  }
}
body.method #main .article .section .sectionHeaderWrapper .sectionHeader01 h2 .small {
  display: block;
  margin: 0 0 0.12rem;
  font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
  font-size: 0.14rem;
  font-weight: normal;
}
@media screen and (max-width: 750px) {
  body.method #main .article .section .sectionHeaderWrapper .sectionHeader01 h2 .small {
    margin: 0 0 0.2rem;
    font-size: 0.26rem;
  }
}
body.method #main .article .section .sectionHeaderWrapper .sectionHeader01 p {
  line-height: 1.8571428571;
  padding-right: 0.7rem;
  padding-left: 0.7rem;
  font-size: 0.14rem;
  text-align: left;
}
body.method #main .article .section .sectionHeaderWrapper .sectionHeader01 p::before, body.method #main .article .section .sectionHeaderWrapper .sectionHeader01 p::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
body.method #main .article .section .sectionHeaderWrapper .sectionHeader01 p::before {
  margin-bottom: -0.4285714286em;
}
body.method #main .article .section .sectionHeaderWrapper .sectionHeader01 p::after {
  margin-top: -0.4285714286em;
}
@media screen and (max-width: 750px) {
  body.method #main .article .section .sectionHeaderWrapper .sectionHeader01 p {
    line-height: 1.6153846154;
    padding-top: 0.4rem;
    padding-right: 0;
    padding-left: 0;
    font-size: 0.26rem;
  }
  body.method #main .article .section .sectionHeaderWrapper .sectionHeader01 p::before, body.method #main .article .section .sectionHeaderWrapper .sectionHeader01 p::after {
    content: "";
    display: block;
    height: 0;
    width: 0;
  }
  body.method #main .article .section .sectionHeaderWrapper .sectionHeader01 p::before {
    margin-bottom: -0.3076923077em;
  }
  body.method #main .article .section .sectionHeaderWrapper .sectionHeader01 p::after {
    margin-top: -0.3076923077em;
  }
}
body.method #main .article .section:nth-child(odd) .sectionHeaderWrapper {
  background-image: repeating-linear-gradient(90deg, transparent 0 50%, #f5eee7 50% 100%);
}
@media screen and (max-width: 750px) {
  body.method #main .article .section:nth-child(odd) .sectionHeaderWrapper {
    background: #f5eee7;
  }
}
body.method #main .article .section:nth-child(even) .sectionHeaderWrapper {
  background-image: repeating-linear-gradient(-90deg, transparent 0 50%, #f5eee7 50% 100%);
}
@media screen and (max-width: 750px) {
  body.method #main .article .section:nth-child(even) .sectionHeaderWrapper {
    background: #f5eee7;
  }
}
body.method #main .article .section section {
  display: grid;
  display: -ms-grid;
  grid-template-rows: auto 1fr;
  -ms-grid-rows: auto 1fr;
  -ms-grid-columns: 50% 50%;
  grid-template-columns: 50% 50%;
  align-items: start;
  margin: 0.2rem 0 0;
  background: #fafafa;
}
@media screen and (max-width: 750px) {
  body.method #main .article .section section {
    display: block;
  }
}
body.method #main .article .section section h3 {
  line-height: 1.7272727273;
  padding: 0.6rem 0.6rem 0;
  font-size: 0.22rem;
  font-weight: bold;
}
body.method #main .article .section section h3::before, body.method #main .article .section section h3::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
body.method #main .article .section section h3::before {
  margin-bottom: -0.3636363636em;
}
body.method #main .article .section section h3::after {
  margin-top: -0.3636363636em;
}
@media screen and (max-width: 750px) {
  body.method #main .article .section section h3 {
    padding: 0.7rem 0.3rem 0;
    font-size: 0.36rem;
    text-align: center;
  }
}
@media screen and (max-width: 750px) {
  body.method #main .article .section section .image {
    margin: 0.5rem 0 0;
  }
}
body.method #main .article .section section .image .video {
  height: 0;
  padding: 56.25% 0 0;
  position: relative;
}
body.method #main .article .section section .image .video iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
body.method #main .article .section section .image .caption {
  padding: 0.23rem 0.26rem;
  background: #eaeaea;
  font-size: 0.12rem;
  line-height: 1.8333333333;
}
body.method #main .article .section section .text {
  padding: 0.34rem 0.6rem 0;
}
@media screen and (max-width: 750px) {
  body.method #main .article .section section .text {
    padding: 0.5rem 0.3rem 0.7rem;
  }
}
body.method #main .article .section section .text .note {
  line-height: 1.6666666667;
  padding: 0.2rem 0 0;
  font-size: 0.12rem;
}
body.method #main .article .section section .text .note::before, body.method #main .article .section section .text .note::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
body.method #main .article .section section .text .note::before {
  margin-bottom: -0.3333333333em;
}
body.method #main .article .section section .text .note::after {
  margin-top: -0.3333333333em;
}
@media screen and (max-width: 750px) {
  body.method #main .article .section section .text .note {
    font-size: 0.2rem;
  }
}
body.method #main .article .section section:nth-child(odd) h3 {
  grid-row: 1/2;
  grid-column: 1/2;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
body.method #main .article .section section:nth-child(odd) .image {
  grid-row: 1/3;
  grid-column: 2/3;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 2;
}
body.method #main .article .section section:nth-child(odd) .text {
  grid-row: 2/3;
  grid-column: 1/2;
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}
body.method #main .article .section section:nth-child(even) h3 {
  grid-row: 1/2;
  grid-column: 2/3;
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}
body.method #main .article .section section:nth-child(even) .image {
  grid-row: 1/3;
  grid-column: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 1;
}
body.method #main .article .section section:nth-child(even) .text {
  grid-row: 2/3;
  grid-column: 2/3;
  -ms-grid-row: 2;
  -ms-grid-column: 2;
}
body.method #main .article .section .column {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0.2rem 0 0;
  padding: 0.56rem 0.6rem 0.6rem;
  background: #fafafa;
}
@media screen and (max-width: 750px) {
  body.method #main .article .section .column {
    display: block;
    padding: 0.5rem 0.3rem;
  }
}
body.method #main .article .section .column h3 {
  line-height: 1.625;
  font-size: 0.16rem;
}
body.method #main .article .section .column h3::before, body.method #main .article .section .column h3::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
body.method #main .article .section .column h3::before {
  margin-bottom: -0.3125em;
}
body.method #main .article .section .column h3::after {
  margin-top: -0.3125em;
}
@media screen and (max-width: 750px) {
  body.method #main .article .section .column h3 {
    font-size: 0.3rem;
  }
}
body.method #main .article .section .column > h3 {
  width: 100%;
  margin: 0 0 0.25rem;
}
@media screen and (max-width: 750px) {
  body.method #main .article .section .column > h3 {
    margin: 0 0 0.4rem;
  }
}
body.method #main .article .section .column .item {
  width: 2.65rem;
}
@media screen and (max-width: 750px) {
  body.method #main .article .section .column .item {
    width: auto;
  }
  body.method #main .article .section .column .item + .item {
    margin: 0.3rem 0 0;
  }
}
@media screen and (max-width: 750px) and (max-width: 750px) {
  body.method #main .article .section .column .item + .item {
    margin: 0.6rem 0 0;
  }
}
body.method #main .article .section .column .item h3 {
  padding: 0.22rem 0 0;
}
@media screen and (max-width: 750px) {
  body.method #main .article .section .column .item h3 {
    padding: 0.4rem 0 0;
  }
}
body.method #main .article .section .column .item h3 + p {
  padding: 0.2rem 0 0;
}
@media screen and (max-width: 750px) {
  body.method #main .article .section .column .item h3 + p {
    padding: 0.4rem 0 0;
  }
}
body.method #main .article .section .column .item p {
  padding: 0.25rem 0 0;
}
body.method #main .article .section .column .item .note {
  line-height: 1.6666666667;
  padding: 0.18rem 0 0;
  font-size: 0.12rem;
}
body.method #main .article .section .column .item .note::before, body.method #main .article .section .column .item .note::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
body.method #main .article .section .column .item .note::before {
  margin-bottom: -0.3333333333em;
}
body.method #main .article .section .column .item .note::after {
  margin-top: -0.3333333333em;
}
body.method #main .article .section03 .sectionHeader01 {
  padding-bottom: 0.27rem;
}
body.method #main .article .section03 section {
  display: flex;
}
@media screen and (max-width: 750px) {
  body.method #main .article .section03 section {
    display: block;
  }
}
body.method #main .article .section03 section .text {
  box-sizing: border-box;
  width: 4.2rem;
  padding: 0.1rem 0.6rem 0;
}
@media screen and (max-width: 750px) {
  body.method #main .article .section03 section .text {
    width: auto;
    padding: 0.1rem 0.3rem 0.4rem;
  }
}
body.method #main .article .section03 section .text h3 {
  padding: 0.5rem 0 0;
}
body.method #main .article .section03 section .text p {
  padding: 0.36rem 0 0;
}
body.method #main .article .section03 section .image {
  width: 5.6rem;
}
@media screen and (max-width: 750px) {
  body.method #main .article .section03 section .image {
    width: auto;
  }
}
body.method #main .article .section04 .sectionHeader01 {
  padding-bottom: 0.27rem;
}
body.method #main .article .section04 section {
  display: flex;
}
@media screen and (max-width: 750px) {
  body.method #main .article .section04 section {
    display: block;
  }
}
body.method #main .article .section04 section .text {
  box-sizing: border-box;
  width: 50%;
  padding: 0.6rem 0.6rem 0;
}
@media screen and (max-width: 750px) {
  body.method #main .article .section04 section .text {
    width: auto;
    padding: 0.6rem 0.3rem 0.4rem;
  }
}
body.method #main .article .section04 section .image {
  width: 50%;
}
@media screen and (max-width: 750px) {
  body.method #main .article .section04 section .image {
    width: auto;
  }
}
body.method #main .article .smallLinkBtns {
  margin-top: 0.6rem;
  margin-bottom: -0.5rem;
}
body.guarantee #main .article .menu {
  margin: -0.1rem 0 0.7rem;
}
@media screen and (max-width: 750px) {
  body.guarantee #main .article .menu {
    margin: 0 0 0.7rem;
  }
}
body.guarantee #main .article .menu .inner {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 750px) {
  body.guarantee #main .article .menu .inner {
    display: block;
  }
}
body.guarantee #main .article .menu .inner .item {
  display: block;
  box-sizing: border-box;
  width: 3.06rem;
  height: 4.44rem;
  border: 0.06rem solid #ddd;
  padding: 3.29rem 0 0;
  border-radius: 0.1rem;
  background: 50% 0/cover no-repeat;
}
html:not(.mobile) body.guarantee #main .article .menu .inner .item:hover {
  text-decoration: none;
}
@media screen and (max-width: 750px) {
  body.guarantee #main .article .menu .inner .item {
    width: auto;
    height: auto;
    padding: 99.7197385621vw 0 0.4rem;
  }
  body.guarantee #main .article .menu .inner .item + .item {
    margin: 0.4rem 0 0;
  }
}
body.guarantee #main .article .menu .inner .item .num {
  width: 1.3rem;
  margin: 0 0 0 0.18rem;
  background: #4475c7;
  color: #fff;
  font-size: 0.12rem;
  line-height: 0.28rem;
}
@media screen and (max-width: 750px) {
  body.guarantee #main .article .menu .inner .item .num {
    display: inline-block;
    width: auto;
    margin: 0 0 0 0.3rem;
    font-size: 0.22rem;
    line-height: 0.44rem;
    white-space: nowrap;
  }
}
body.guarantee #main .article .menu .inner .item .num span {
  display: inline-block;
  text-align: center;
}
body.guarantee #main .article .menu .inner .item .num span:first-child {
  width: 0.72rem;
}
@media screen and (max-width: 750px) {
  body.guarantee #main .article .menu .inner .item .num span:first-child {
    width: 6em;
  }
}
body.guarantee #main .article .menu .inner .item .num span:last-child {
  width: 0.58rem;
  background: #bba986;
}
@media screen and (max-width: 750px) {
  body.guarantee #main .article .menu .inner .item .num span:last-child {
    width: 5em;
  }
}
body.guarantee #main .article .menu .inner .item .label {
  line-height: 1.3;
  padding: 0.2rem 0.3rem 0;
  font-size: 0.2rem;
}
body.guarantee #main .article .menu .inner .item .label::before, body.guarantee #main .article .menu .inner .item .label::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
body.guarantee #main .article .menu .inner .item .label::before {
  margin-bottom: -0.15em;
}
body.guarantee #main .article .menu .inner .item .label::after {
  margin-top: -0.15em;
}
@media screen and (max-width: 750px) {
  body.guarantee #main .article .menu .inner .item .label {
    padding: 0.4rem 0.3rem 0;
    font-size: 0.3rem;
  }
}
body.guarantee #main .article .menu .inner .item01 {
  background-image: url("../imgs/img-guarantee01.jpg");
}
body.guarantee #main .article .menu .inner .item02 {
  background-image: url("../imgs/img-guarantee02.jpg");
}
body.guarantee #main .article .menu .inner .item03 {
  background-image: url("../imgs/img-guarantee03.jpg");
}
body.guarantee #main .article .section {
  margin: 0.6rem 0 0;
}
body.guarantee #main .article .section .sectionHeader01 {
  padding-top: 0.35rem;
  background: #f5eee7;
}
body.guarantee #main .article .section .sectionHeader01 .num {
  width: 1.3rem;
  margin: 0 auto 0.22rem;
  background: #4475c7;
  color: #fff;
  font-size: 0.12rem;
  line-height: 0.28rem;
}
@media screen and (max-width: 750px) {
  body.guarantee #main .article .section .sectionHeader01 .num {
    display: inline-block;
    width: auto;
    margin: 0 0 0.4rem;
    font-size: 0.22rem;
    line-height: 0.44rem;
    white-space: nowrap;
  }
}
body.guarantee #main .article .section .sectionHeader01 .num span {
  display: inline-block;
  text-align: center;
}
body.guarantee #main .article .section .sectionHeader01 .num span:first-child {
  width: 0.72rem;
}
@media screen and (max-width: 750px) {
  body.guarantee #main .article .section .sectionHeader01 .num span:first-child {
    width: 6em;
  }
}
body.guarantee #main .article .section .sectionHeader01 .num span:last-child {
  width: 0.58rem;
  background: #bba986;
}
@media screen and (max-width: 750px) {
  body.guarantee #main .article .section .sectionHeader01 .num span:last-child {
    width: 5em;
  }
}
body.guarantee #main .article .section .sectionHeader01 h2 {
  border-bottom-color: #e4d7c9;
}
@media screen and (max-width: 750px) {
  body.guarantee #main .article .section .sectionHeader01 h2 {
    line-height: 1.5;
  }
}
body.guarantee #main .article .section .inner {
  box-sizing: border-box;
  padding: 0.5rem 0.7rem 0.6rem;
  background: #f7f7f7;
}
@media screen and (max-width: 750px) {
  body.guarantee #main .article .section .inner {
    padding: 0.5rem 0.4rem;
  }
}
body.guarantee #main .article .section .lead {
  padding: 0;
  text-align: left;
}
body.guarantee #main .article .section .lead p {
  width: auto;
  padding: 0.22rem 0 0;
}
@media screen and (max-width: 750px) {
  body.guarantee #main .article .section .lead p {
    padding: 0.4rem 0 0;
  }
}
body.guarantee #main .article .section01 .block01 {
  display: flex;
  justify-content: space-between;
  margin: 0.48rem 0 0;
}
@media screen and (max-width: 750px) {
  body.guarantee #main .article .section01 .block01 {
    flex-wrap: wrap;
    margin: 0.18rem 0 0;
  }
}
body.guarantee #main .article .section01 .block01 .item {
  width: 1.95rem;
}
@media screen and (max-width: 750px) {
  body.guarantee #main .article .section01 .block01 .item {
    width: calc(50% - 0.15rem);
    margin: 0.3rem 0 0;
  }
}
body.guarantee #main .article .section01 .block01 .item h3 {
  padding: 0.22rem 0 0;
  line-height: 1;
}
body.guarantee #main .article .section01 .block01 .item p {
  padding: 0.2rem 0 0;
}
body.guarantee #main .article .section01 .block02 {
  margin: 0.7rem 0 0;
}
body.guarantee #main .article .section01 .block02 .catch {
  line-height: 1.7272727273;
  font-size: 0.22rem;
  text-align: center;
}
body.guarantee #main .article .section01 .block02 .catch::before, body.guarantee #main .article .section01 .block02 .catch::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
body.guarantee #main .article .section01 .block02 .catch::before {
  margin-bottom: -0.3636363636em;
}
body.guarantee #main .article .section01 .block02 .catch::after {
  margin-top: -0.3636363636em;
}
@media screen and (max-width: 750px) {
  body.guarantee #main .article .section01 .block02 .catch {
    font-size: 0.3rem;
    text-align: left;
  }
}
body.guarantee #main .article .section01 .block02 .item {
  display: flex;
  margin: 0.6rem 0 0;
  background: #fff;
}
@media screen and (max-width: 750px) {
  body.guarantee #main .article .section01 .block02 .item {
    display: block;
  }
}
body.guarantee #main .article .section01 .block02 .item .image {
  width: 50%;
}
@media screen and (max-width: 750px) {
  body.guarantee #main .article .section01 .block02 .item .image {
    width: auto;
  }
}
body.guarantee #main .article .section01 .block02 .item p {
  box-sizing: border-box;
  width: 50%;
  padding: 0.6rem 0.5rem 0;
}
@media screen and (max-width: 750px) {
  body.guarantee #main .article .section01 .block02 .item p {
    width: auto;
    padding: 0.4rem;
  }
}
body.guarantee #main .article .section02 h3 {
  padding: 0.5rem 0 0.2rem;
  font-size: 0.22rem;
  font-weight: bold;
  line-height: 1;
  text-align: center;
}
@media screen and (max-width: 750px) {
  body.guarantee #main .article .section02 h3 {
    font-size: 0.3rem;
  }
}
body.guarantee #main .article .section02 .item {
  margin: 0.1rem 0 0;
  background: #fff;
  display: grid;
  display: -ms-grid;
  grid-template-rows: auto 1fr;
  -ms-grid-rows: auto 1fr;
  -ms-grid-columns: 50% 50%;
  grid-template-columns: 50% 50%;
  align-items: start;
}
@media screen and (max-width: 750px) {
  body.guarantee #main .article .section02 .item {
    display: block;
    margin: 0.2rem 0 0;
  }
}
body.guarantee #main .article .section02 .item h4 {
  grid-row: 1/2;
  grid-column: 1/2;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  padding: 0.4rem 0.5rem 0;
  font-size: 0.22rem;
  font-weight: bold;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  body.guarantee #main .article .section02 .item h4 {
    padding: 0.4rem;
    font-size: 0.3rem;
  }
}
body.guarantee #main .article .section02 .item h4 .num {
  display: inline-block;
  margin: 0 0.28rem 0 0;
  color: #4475c7;
  font-size: 0.5rem;
  font-style: italic;
  transform: translate(0, 6%);
}
body.guarantee #main .article .section02 .item h4::after {
  content: "";
  display: block;
  width: 0.29rem;
  height: 1px;
  margin: 0.05rem 0 0;
  background: #000;
}
body.guarantee #main .article .section02 .item .image {
  grid-row: 1/3;
  grid-column: 2/3;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 2;
}
body.guarantee #main .article .section02 .item p {
  grid-row: 2/3;
  grid-column: 1/2;
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  padding: 0.32rem 0.5rem 0;
}
@media screen and (max-width: 750px) {
  body.guarantee #main .article .section02 .item p {
    padding: 0.4rem;
  }
}
body.guarantee #main .article .section03 .block01 {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 750px) {
  body.guarantee #main .article .section03 .block01 {
    display: block;
  }
}
body.guarantee #main .article .section03 .block01 .item {
  width: 4.09rem;
}
@media screen and (max-width: 750px) {
  body.guarantee #main .article .section03 .block01 .item {
    width: auto;
  }
  body.guarantee #main .article .section03 .block01 .item + .item {
    margin: 0.4rem 0 0;
  }
}
body.guarantee #main .article .section03 .block01 .item h3 {
  padding: 0.22rem 0 0;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  body.guarantee #main .article .section03 .block01 .item h3 {
    padding: 0.4rem 0 0;
  }
}
body.guarantee #main .article .section03 .block01 .item p {
  padding: 0.2rem 0 0;
}
body.guarantee #main .article .section03 .block01 .item .note {
  padding: 0.2rem 0 0;
  font-size: 0.12rem;
  line-height: 1;
}
body.guarantee #main .article .section03 .block02 {
  margin: 0.58rem 0 0;
}
body.guarantee #main .article .section03 .block02 dl {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 750px) {
  body.guarantee #main .article .section03 .block02 dl {
    display: block;
  }
}
body.guarantee #main .article .section03 .block02 dl dt,
body.guarantee #main .article .section03 .block02 dl dd {
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
  height: 0.95rem;
}
body.guarantee #main .article .section03 .block02 dl dt:nth-of-type(n + 2),
body.guarantee #main .article .section03 .block02 dl dd:nth-of-type(n + 2) {
  margin: 0.12rem 0 0;
}
body.guarantee #main .article .section03 .block02 dl dt {
  width: 2.28rem;
  padding: 0 0 0 0.9rem;
  background: #ebebeb url("../imgs/ico-like.svg") 0.33rem 50%/0.4rem auto no-repeat;
  border-radius: 0.1rem 0 0 0.1rem;
  color: #4475c7;
}
@media screen and (max-width: 750px) {
  body.guarantee #main .article .section03 .block02 dl dt {
    width: auto;
    border-radius: 0.1rem 0.1rem 0 0;
  }
}
body.guarantee #main .article .section03 .block02 dl dd {
  width: calc(100% - 2.28rem);
  padding: 0 0.4rem 0 0.25rem;
  line-height: 1.8571428571;
  background: #fff;
  border-radius: 0 0.1rem 0.1rem 0;
}
@media screen and (max-width: 750px) {
  body.guarantee #main .article .section03 .block02 dl dd {
    width: auto;
    height: auto;
    border-radius: 0 0 0.1rem 0.1rem;
    padding: 0.25rem;
  }
  body.guarantee #main .article .section03 .block02 dl dd:nth-of-type(n + 2) {
    margin: 0;
  }
}
body.guarantee #main .article .smallLinkBtns {
  margin-top: 0.6rem;
  margin-bottom: -0.5rem;
}
body.after #main .article .lead {
  padding-bottom: 0.7rem;
}
body.after #main .article .sNav {
  margin: 0 0 0.9rem;
}
@media screen and (max-width: 750px) {
  body.after #main .article .sNav {
    margin: 0 0 0.8rem;
  }
}
body.after #main .article .sNav .inner {
  justify-content: center;
}
@media screen and (max-width: 750px) {
  body.after #main .article .sNav .inner {
    justify-content: space-between;
  }
}
body.after #main .article .sNav .bt {
  width: 2.33rem;
  border-color: #ebebeb;
  margin: 0 0.08rem;
}
@media screen and (max-width: 750px) {
  body.after #main .article .sNav .bt {
    width: calc(50% - 0.1rem);
    margin: 0.2rem 0 0;
  }
}
body.after #main .article .sNav .bt::before {
  background: #ebebeb;
}
body.after #main .article .sNav .bt[href="#section02"], body.after #main .article .sNav .bt[href="#section04"] {
  border-color: #cbf3c1;
}
body.after #main .article .sNav .bt[href="#section02"]::before, body.after #main .article .sNav .bt[href="#section04"]::before {
  background: #cbf3c1;
}
body.after #main .article .section {
  margin: 0.6rem 0 0;
}
body.after #main .article .section .sectionHeader01 h2 .small {
  font-size: 0.18rem;
}
@media screen and (max-width: 750px) {
  body.after #main .article .section .sectionHeader01 h2 .small {
    display: block;
    margin: 0.2rem 0 0;
    font-size: 0.26rem;
  }
}
body.after #main .article .section .sectionHeader01 p {
  line-height: 1.8571428571;
  font-size: 0.14rem;
}
body.after #main .article .section .sectionHeader01 p::before, body.after #main .article .section .sectionHeader01 p::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
body.after #main .article .section .sectionHeader01 p::before {
  margin-bottom: -0.4285714286em;
}
body.after #main .article .section .sectionHeader01 p::after {
  margin-top: -0.4285714286em;
}
@media screen and (max-width: 750px) {
  body.after #main .article .section .sectionHeader01 p {
    line-height: 1.6153846154;
    font-size: 0.26rem;
  }
  body.after #main .article .section .sectionHeader01 p::before, body.after #main .article .section .sectionHeader01 p::after {
    content: "";
    display: block;
    height: 0;
    width: 0;
  }
  body.after #main .article .section .sectionHeader01 p::before {
    margin-bottom: -0.3076923077em;
  }
  body.after #main .article .section .sectionHeader01 p::after {
    margin-top: -0.3076923077em;
  }
}
body.after #main .article .section .inner {
  padding: 0.5rem 0.7rem 0.7rem;
  background: #f7f7f7;
}
@media screen and (max-width: 750px) {
  body.after #main .article .section .inner {
    padding: 0.6rem 0.4rem;
  }
}
body.after #main .article .section .inner p {
  padding: 0.24rem 0 0;
}
@media screen and (max-width: 750px) {
  body.after #main .article .section01 .sectionHeader01 + .inner > p {
    padding-top: 0.5rem;
  }
}
body.after #main .article .section01 .block01 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0.42rem 0 0;
}
body.after #main .article .section01 .block01 .item {
  width: 4.09rem;
  padding: 0 0 0.4rem;
  font-size: 0.18rem;
  line-height: 1;
  text-align: center;
}
@media screen and (max-width: 750px) {
  body.after #main .article .section01 .block01 .item {
    width: calc(50% - 0.15rem);
    font-size: 0.24rem;
  }
}
body.after #main .article .section01 .block01 .item .label {
  width: 1.41rem;
  margin: 0 auto 0.32rem;
  border-radius: 0 0 0.03rem 0.03rem;
  color: #fff;
  line-height: 0.38rem;
}
body.after #main .article .section01 .block01 .item strong {
  font-size: 2em;
}
body.after #main .article .section01 .block01 .item01 {
  background: #b5eadf;
  color: #13a182;
}
body.after #main .article .section01 .block01 .item01 .label {
  background: #33c7a5;
}
body.after #main .article .section01 .block01 .item02 {
  background: #d5e5ad;
  color: #7da125;
}
body.after #main .article .section01 .block01 .item02 .label {
  background: #9abe41;
}
body.after #main .article .section01 .block01 p {
  width: 100%;
}
body.after #main .article .section01 .block02 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0.62rem 0 0;
}
@media screen and (max-width: 750px) {
  body.after #main .article .section01 .block02 {
    display: block;
  }
}
body.after #main .article .section01 .block02 h3 {
  width: 100%;
  margin: 0 0 0.32rem;
  font-size: 0.22rem;
  font-weight: bold;
  line-height: 1;
  text-align: center;
}
@media screen and (max-width: 750px) {
  body.after #main .article .section01 .block02 h3 {
    font-size: 0.3rem;
  }
}
body.after #main .article .section01 .block02 .item {
  width: 4.09rem;
}
@media screen and (max-width: 750px) {
  body.after #main .article .section01 .block02 .item {
    width: auto;
    margin: 0.3rem 0 0;
  }
}
body.after #main .article .section01 .block02 .item .panel {
  display: block;
  border: 1px solid #dfdfdf;
  padding: 0.82rem 0 0.36rem;
  text-align: center;
}
body.after #main .article .section01 .block02 .item .panel .line01 {
  font-size: 0.26rem;
  font-weight: bold;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  body.after #main .article .section01 .block02 .item .panel .line01 {
    font-size: 0.3rem;
  }
}
body.after #main .article .section01 .block02 .item .panel .line02 {
  margin: 0.14rem 0 0;
  height: 3em;
}
@media screen and (max-width: 750px) {
  body.after #main .article .section01 .block02 .item .panel .line02 {
    height: auto;
  }
}
body.after #main .article .section01 .block02 .item .note {
  line-height: 1.6666666667;
  padding: 0.16rem 0 0;
  font-size: 0.12rem;
}
body.after #main .article .section01 .block02 .item .note::before, body.after #main .article .section01 .block02 .item .note::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
body.after #main .article .section01 .block02 .item .note::before {
  margin-bottom: -0.3333333333em;
}
body.after #main .article .section01 .block02 .item .note::after {
  margin-top: -0.3333333333em;
}
@media screen and (max-width: 750px) {
  body.after #main .article .section01 .block02 .item .note {
    font-size: 0.2rem;
  }
}
body.after #main .article .section01 .block02 .item01 .panel {
  background: #fff url("../imgs/ico-tel02.png") 50% 0.27rem/0.35rem auto no-repeat;
}
body.after #main .article .section01 .block02 .item01 .panel .line01 span {
  display: inline-block;
  padding: 0 0 0 0.38rem;
  background: url("../imgs/ico-freedial.svg") 0 50%/0.27rem auto no-repeat;
}
body.after #main .article .section01 .block02 .item02 .panel {
  background: #fff url("../imgs/ico-mail02.png") 50% 0.34rem/0.32rem auto no-repeat;
}
body.after #main .article .section02 .sectionHeader01 {
  background: #cbf3c1;
}
body.after #main .article .section02 .sectionHeader01 h2 {
  border-bottom-color: #b6e8a9;
}
body.after #main .article .section02 .block01,
body.after #main .article .section02 .block02 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
body.after #main .article .section02 .block01 h3,
body.after #main .article .section02 .block02 h3 {
  width: 100%;
  font-size: 0.22rem;
  font-weight: bold;
  line-height: 1;
  text-align: center;
}
@media screen and (max-width: 750px) {
  body.after #main .article .section02 .block01 h3,
  body.after #main .article .section02 .block02 h3 {
    font-size: 0.3rem;
  }
}
body.after #main .article .section02 .block01 .item,
body.after #main .article .section02 .block02 .item {
  width: 2.65rem;
}
body.after #main .article .section02 .block01 {
  margin: 0.32rem 0 0;
}
@media screen and (max-width: 750px) {
  body.after #main .article .section02 .block01 {
    display: block;
  }
}
body.after #main .article .section02 .block01 .item {
  box-sizing: border-box;
  margin: 0.44rem 0 0;
  border: 0.04rem solid #e6e6e6;
  border-radius: 0.08rem;
  padding: 0 0.24rem 0.24rem;
  position: relative;
  background: #fff;
}
@media screen and (max-width: 750px) {
  body.after #main .article .section02 .block01 .item {
    width: auto;
  }
}
body.after #main .article .section02 .block01 .item .num {
  width: 1.16rem;
  position: absolute;
  top: -0.11rem;
  left: 50%;
  color: #fff;
  font-size: 0.12rem;
  line-height: 0.28rem;
  transform: translate(-50%, 0);
}
@media screen and (max-width: 750px) {
  body.after #main .article .section02 .block01 .item .num {
    width: 2.4rem;
    top: -0.2rem;
    font-size: 0.22rem;
    line-height: 0.44rem;
  }
}
body.after #main .article .section02 .block01 .item .num span {
  display: inline-block;
  width: 50%;
  text-align: center;
}
body.after #main .article .section02 .block01 .item .num span:first-child {
  background: #4475c7;
}
body.after #main .article .section02 .block01 .item .num span:last-child {
  background: #bba986;
}
body.after #main .article .section02 .block01 .item .label {
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
  height: 1.42rem;
  padding: 0.12rem 0 0;
  font-size: 0.18rem;
  font-weight: bold;
  line-height: 1.7777777778em;
  text-align: center;
}
@media screen and (max-width: 750px) {
  body.after #main .article .section02 .block01 .item .label {
    height: auto;
    padding: 0.4rem 0 0.3rem;
    font-size: 0.26rem;
  }
}
body.after #main .article .section02 .block01 .item .label strong {
  color: #4475c7;
  font-size: 1.4444444444em;
}
body.after #main .article .section02 .block01 .item p {
  padding: 0;
}
body.after #main .article .section02 .block02 {
  margin: 0.56rem 0 0;
}
body.after #main .article .section02 .block02 .item {
  margin: 0.32rem 0 0;
}
@media screen and (max-width: 750px) {
  body.after #main .article .section02 .block02 .item {
    width: calc(50% - 0.15rem);
  }
}
body.after #main .article .section02 .block02 .item h4 {
  padding: 0.22rem 0 0;
  line-height: 1;
}
body.after #main .article .section02 .block02 .item p {
  padding: 0.18rem 0 0;
}
body.after #main .article .section03 {
  margin: 0;
}
body.after #main .article .section03 .sectionHeader {
  background: #f7f7f7;
  text-align: center;
}
body.after #main .article .section03 .sectionHeader h2 {
  font-size: 0.22rem;
  font-weight: bold;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  body.after #main .article .section03 .sectionHeader h2 {
    font-size: 0.3rem;
  }
}
body.after #main .article .section03 .sectionHeader p {
  padding: 0.32rem 0 0;
}
body.after #main .article .section03 .inner {
  padding-top: 0.32rem;
}
body.after #main .article .section03 .block01 {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 750px) {
  body.after #main .article .section03 .block01 {
    display: block;
  }
}
body.after #main .article .section03 .block01 .item {
  width: 2.65rem;
}
@media screen and (max-width: 750px) {
  body.after #main .article .section03 .block01 .item {
    width: auto;
  }
  body.after #main .article .section03 .block01 .item + .item {
    margin: 0.32rem 0 0;
  }
}
body.after #main .article .section03 .block01 .item p {
  min-height: 0.72rem;
}
@media screen and (max-width: 750px) {
  body.after #main .article .section03 .block01 .item p {
    min-height: 0;
  }
}
body.after #main .article .section03 .block01 .item .detail {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 1.3rem;
  margin: 0.4rem 0 0;
  position: relative;
  background: #fff;
  border-radius: 0.2rem;
  color: #49443d;
  font-size: 0.16rem;
  line-height: 0.24rem;
  text-align: center;
}
@media screen and (max-width: 750px) {
  body.after #main .article .section03 .block01 .item .detail {
    display: block;
    height: auto;
    padding: 0.4rem 0.3rem;
    font-size: 0.28rem;
    line-height: 1.5;
  }
}
body.after #main .article .section03 .block01 .item .detail span {
  display: block;
}
body.after #main .article .section03 .block01 .item .detail span strong {
  color: #e96464;
}
body.after #main .article .section03 .block01 .item .detail .note {
  font-size: 0.12rem;
}
body.after #main .article .section03 .block01 .item .detail::before {
  content: "";
  display: block;
  width: 0.3rem;
  height: 0.34rem;
  position: absolute;
  top: -0.13rem;
  left: 50%;
  background: url("../imgs/arrow-down.svg") 50% 0/contain no-repeat;
  transform: translate(-50%, 0);
}
body.after #main .article .section03 .block01 + .note {
  line-height: 1.5;
  padding: 0.4rem 0 0;
  font-size: 0.12rem;
}
body.after #main .article .section03 .block01 + .note::before, body.after #main .article .section03 .block01 + .note::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
body.after #main .article .section03 .block01 + .note::before {
  margin-bottom: -0.25em;
}
body.after #main .article .section03 .block01 + .note::after {
  margin-top: -0.25em;
}
@media screen and (max-width: 750px) {
  body.after #main .article .section03 .block01 + .note {
    font-size: 0.2rem;
  }
}
body.after #main .article .section03 .block01 + .note strong {
  display: inline-block;
  margin: 0 0 0.1rem;
}
body.lineup #main .article .sNav {
  margin: 0.65rem 0 0.7rem;
}
@media screen and (max-width: 750px) {
  body.lineup #main .article .sNav {
    margin: 0.7rem 0;
  }
}
body.lineup #main .article .sNav .bt {
  width: 2.42rem;
}
@media screen and (max-width: 750px) {
  body.lineup #main .article .sNav .bt {
    width: 100%;
  }
}
body.lineup #main .article .sNav .bt01 {
  border-color: #4475c7;
  color: #fff;
}
body.lineup #main .article .sNav .bt01::before {
  background: #4475c7;
}
body.lineup #main .article .sNav .bt01::after {
  background-image: url("../imgs/blt-breadCrumb_w.svg");
}
html:not(.mobile) body.lineup #main .article .sNav .bt01:hover {
  color: #000;
}
html:not(.mobile) body.lineup #main .article .sNav .bt01:hover::after {
  background-image: url("../imgs/blt-breadCrumb.svg");
}
body.lineup #main .article .sNav .bt02 {
  width: 3.24rem;
  border-color: #bba986;
  color: #fff;
}
@media screen and (max-width: 750px) {
  body.lineup #main .article .sNav .bt02 {
    width: 100%;
  }
}
body.lineup #main .article .sNav .bt02::before {
  background: #bba986;
}
body.lineup #main .article .sNav .bt02::after {
  background-image: url("../imgs/blt-breadCrumb_w.svg");
}
html:not(.mobile) body.lineup #main .article .sNav .bt02:hover {
  color: #000;
}
html:not(.mobile) body.lineup #main .article .sNav .bt02:hover::after {
  background-image: url("../imgs/blt-breadCrumb.svg");
}
body.lineup #main .article .sNav .bt03 {
  border-color: #efe7df;
}
body.lineup #main .article .sNav .bt03::before {
  background: #efe7df;
}
body.lineup #main .article .section {
  margin: 0.6rem 0 0;
}
body.lineup #main .article .section p a {
  text-decoration: underline;
}
body.lineup #main .article .section .sectionHeader {
  box-sizing: border-box;
  height: 3.9rem;
  padding: 2.78rem 0 0;
  background: 50% 0/cover no-repeat;
  color: #fff;
  text-align: center;
}
@media screen and (max-width: 750px) {
  body.lineup #main .article .section .sectionHeader {
    padding: 2.4rem 0 0;
    background-size: auto 100%;
  }
}
body.lineup #main .article .section .sectionHeader h2 {
  font-size: 0.3rem;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  body.lineup #main .article .section .sectionHeader h2 {
    font-size: 0.48rem;
  }
}
body.lineup #main .article .section .sectionHeader h2::before, body.lineup #main .article .section .sectionHeader h2::after {
  content: none;
}
body.lineup #main .article .section .sectionHeader h2 .small {
  display: block;
  margin: 0 0 0.2rem;
  font-size: 0.18rem;
}
@media screen and (max-width: 750px) {
  body.lineup #main .article .section .sectionHeader h2 .small {
    font-size: 0.3rem;
  }
}
body.lineup #main .article .section .inner {
  padding: 0.6rem 0.7rem;
  background: #f7f7f7;
}
@media screen and (max-width: 750px) {
  body.lineup #main .article .section .inner {
    padding: 0.6rem 0.4rem;
  }
}
body.lineup #main .article .section .inner > p {
  line-height: 2;
  margin: 0 0 0.6rem;
  padding-right: 0.7rem;
  padding-left: 0.7rem;
  font-weight: 0.16rem;
}
body.lineup #main .article .section .inner > p::before, body.lineup #main .article .section .inner > p::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
body.lineup #main .article .section .inner > p::before {
  margin-bottom: -0.5em;
}
body.lineup #main .article .section .inner > p::after {
  margin-top: -0.5em;
}
@media screen and (max-width: 750px) {
  body.lineup #main .article .section .inner > p {
    padding-right: 0;
    padding-left: 0;
  }
}
body.lineup #main .article .section .inner section {
  margin: 0.3rem 0 0;
  border: 0.02rem solid;
  background: #fff;
  display: grid;
  display: -ms-grid;
  grid-template-rows: auto 1fr;
  -ms-grid-rows: auto 1fr;
  -ms-grid-columns: 50% 50%;
  grid-template-columns: 50% 50%;
  align-items: start;
}
@media screen and (max-width: 750px) {
  body.lineup #main .article .section .inner section {
    display: block;
  }
}
body.lineup #main .article .section .inner section h3 {
  padding: 0.58rem 0.48rem 0;
  font-weight: bold;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  body.lineup #main .article .section .inner section h3 {
    padding: 0.3rem;
    line-height: 1.5;
    text-align: center;
  }
}
body.lineup #main .article .section .inner section h3::after {
  content: "";
  display: block;
  width: 0.29rem;
  height: 1px;
  margin: 0.26rem 0 0;
  background: #000;
}
@media screen and (max-width: 750px) {
  body.lineup #main .article .section .inner section h3::after {
    content: none;
  }
}
body.lineup #main .article .section .inner section .text {
  padding: 0.34rem 0.48rem 0;
}
@media screen and (max-width: 750px) {
  body.lineup #main .article .section .inner section .text {
    padding: 0.5rem 0.3rem 0.3rem;
  }
}
body.lineup #main .article .section .inner section .text .link {
  width: 100%;
  margin: 0.3rem 0 0;
}
@media screen and (max-width: 750px) {
  body.lineup #main .article .section .inner section .text .link {
    margin: 0.5rem 0 0;
  }
}
body.lineup #main .article .section .inner section .text .note {
  line-height: 1.6666666667;
  padding: 0.22rem 0 0;
  font-size: 0.12rem;
}
body.lineup #main .article .section .inner section .text .note::before, body.lineup #main .article .section .inner section .text .note::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
body.lineup #main .article .section .inner section .text .note::before {
  margin-bottom: -0.3333333333em;
}
body.lineup #main .article .section .inner section .text .note::after {
  margin-top: -0.3333333333em;
}
@media screen and (max-width: 750px) {
  body.lineup #main .article .section .inner section .text .note {
    font-size: 0.2rem;
  }
}
body.lineup #main .article .section .inner section:nth-of-type(odd) h3 {
  grid-row: 1/2;
  grid-column: 1/2;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
body.lineup #main .article .section .inner section:nth-of-type(odd) .image {
  grid-row: 1/3;
  grid-column: 2/3;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 2;
}
body.lineup #main .article .section .inner section:nth-of-type(odd) .text {
  grid-row: 2/3;
  grid-column: 1/2;
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}
body.lineup #main .article .section .inner section:nth-of-type(even) h3 {
  grid-row: 1/2;
  grid-column: 2/3;
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}
body.lineup #main .article .section .inner section:nth-of-type(even) .image {
  grid-row: 1/3;
  grid-column: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 1;
}
body.lineup #main .article .section .inner section:nth-of-type(even) .text {
  grid-row: 2/3;
  grid-column: 2/3;
  -ms-grid-row: 2;
  -ms-grid-column: 2;
}
body.lineup #main .article .section01 .sectionHeader {
  background-image: url("../imgs/img-lineup01.jpg");
}
body.lineup #main .article .section01 .inner section {
  border-color: #4475c7;
}
body.lineup #main .article .section01 .inner section h3 {
  font-size: 0.22rem;
}
@media screen and (max-width: 750px) {
  body.lineup #main .article .section01 .inner section h3 {
    font-size: 0.4rem;
  }
}
body.lineup #main .article .section01 .inner > .link {
  width: 4.5rem;
  margin: 0.5rem auto 0;
}
@media screen and (max-width: 750px) {
  body.lineup #main .article .section01 .inner > .link {
    width: auto;
  }
}
body.lineup #main .article .section02 .sectionHeader {
  background-image: url("../imgs/img-lineup05.jpg");
}
body.lineup #main .article .section02 .inner section {
  border-color: #bba986;
}
body.lineup #main .article .section02 .inner section h3 {
  font-size: 0.16rem;
}
@media screen and (max-width: 750px) {
  body.lineup #main .article .section02 .inner section h3 {
    font-size: 0.2rem;
  }
  body.lineup #main .article .section02 .inner section h3 br {
    display: none;
  }
}
body.lineup #main .article .section02 .inner section h3 span {
  display: block;
  margin: 0 0 0.18rem;
  font-size: 1.375em;
}
@media screen and (max-width: 750px) {
  body.lineup #main .article .section02 .inner section h3 span {
    margin: 0 0 0.1rem;
  }
}
body.lineup #main .article .section02 .inner section h3 strong {
  font-size: 2em;
}
body.lineup #main .article .section02 .inner .column {
  margin: 0.38rem 0 0;
}
body.lineup #main .article .section02 .inner .column .label {
  padding: 0.11rem;
  background: #bba986;
  color: #fff;
  text-align: center;
}
body.lineup #main .article .section02 .inner .column p {
  padding: 0.32rem calc(0.7rem - 1px) 0.42rem;
  border: 1px solid #e6e6e6;
  border-top: none;
  background: #fff;
}
@media screen and (max-width: 750px) {
  body.lineup #main .article .section02 .inner .column p {
    padding: 0.3rem;
  }
}
body.lineup #main .article .section02 .inner > .note {
  line-height: 1.6666666667;
  padding: 0.26rem 0 0;
  font-size: 0.12rem;
}
body.lineup #main .article .section02 .inner > .note::before, body.lineup #main .article .section02 .inner > .note::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
body.lineup #main .article .section02 .inner > .note::before {
  margin-bottom: -0.3333333333em;
}
body.lineup #main .article .section02 .inner > .note::after {
  margin-top: -0.3333333333em;
}
@media screen and (max-width: 750px) {
  body.lineup #main .article .section02 .inner > .note {
    font-size: 0.2rem;
  }
}
body.lineup #main .article .section02 .inner .links {
  display: flex;
  justify-content: space-between;
  width: 7.98rem;
  margin: 0.4rem auto 0;
}
@media screen and (max-width: 750px) {
  body.lineup #main .article .section02 .inner .links {
    display: block;
    width: auto;
  }
}
body.lineup #main .article .section02 .inner .links .link {
  width: 3.9rem;
  margin: 0;
}
@media screen and (max-width: 750px) {
  body.lineup #main .article .section02 .inner .links .link {
    width: auto;
    margin: 0.2rem 0 0;
  }
}
body.lineup #main .article .section03 .sectionHeader01 {
  background: #f5eee7;
}
body.lineup #main .article .section03 .sectionHeader01 h2 {
  border-bottom-color: #e4d7c9;
}
body.lineup #main .article .section03 .sectionHeader01 p {
  line-height: 2;
  padding-right: 0.7rem;
  padding-left: 0.7rem;
  font-size: 0.16rem;
}
body.lineup #main .article .section03 .sectionHeader01 p::before, body.lineup #main .article .section03 .sectionHeader01 p::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
body.lineup #main .article .section03 .sectionHeader01 p::before {
  margin-bottom: -0.5em;
}
body.lineup #main .article .section03 .sectionHeader01 p::after {
  margin-top: -0.5em;
}
@media screen and (max-width: 750px) {
  body.lineup #main .article .section03 .sectionHeader01 p {
    padding-right: 0;
    padding-left: 0;
    font-size: 0.26rem;
    text-align: left;
  }
}
body.lineup #main .article .section03 .inner {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 750px) {
  body.lineup #main .article .section03 .inner {
    display: block;
  }
}
body.lineup #main .article .section03 .inner .item {
  width: 4.09rem;
}
@media screen and (max-width: 750px) {
  body.lineup #main .article .section03 .inner .item {
    width: auto;
  }
  body.lineup #main .article .section03 .inner .item + .item {
    margin: 0.3rem 0 0;
  }
}
body.lineup #main .article .section03 .inner .item h3 {
  padding: 0.24rem 0 0;
  font-size: 0.16rem;
  line-height: 1;
}
body.lineup #main .article .section03 .inner .item p {
  padding: 0.2rem 0 0;
}
body.flow #main .article .lead {
  padding: 0.5rem 0;
}
body.flow #main .article .tabNav .bt {
  width: 2.5rem;
}
body.flow #main .article .section.tab {
  display: none;
}
body.flow #main .article .section.tab.active {
  display: block;
}
body.flow #main .article .section .sectionHeader {
  padding: 0.75rem 0 0.6rem;
  text-align: center;
}
body.flow #main .article .section .flowList .item {
  display: flex;
  position: relative;
}
@media screen and (max-width: 750px) {
  body.flow #main .article .section .flowList .item {
    display: block;
  }
}
body.flow #main .article .section .flowList .item + .item {
  margin: 0.3rem 0 0;
}
body.flow #main .article .section .flowList .item + .item::before {
  content: "";
  display: block;
  width: 2px;
  height: 0.3rem;
  position: absolute;
  top: -0.3rem;
  left: 1.04rem;
  background: #0068a9;
}
body.flow #main .article .section .flowList .item h3 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
  width: 2.5rem;
  border: 1px solid #4475c7;
  padding: 0.61rem 0.22rem 0.16rem 0.22rem;
  position: relative;
  font-size: 0.16rem;
}
@media screen and (max-width: 750px) {
  body.flow #main .article .section .flowList .item h3 {
    display: block;
    width: auto;
    border-right-color: #d5d5d5;
    border-bottom: none;
    border-left-color: #d5d5d5;
    padding-top: 0.76rem;
    font-size: 0.3rem;
  }
}
body.flow #main .article .section .flowList .item h3 .num {
  box-sizing: border-box;
  width: 100%;
  padding: 0 0.22rem;
  position: absolute;
  top: 0;
  left: 0;
  background: #4475c7;
  color: #fff;
  line-height: 0.45rem;
}
@media screen and (max-width: 750px) {
  body.flow #main .article .section .flowList .item h3 .num {
    line-height: 0.6rem;
  }
}
body.flow #main .article .section .flowList .item p {
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
  width: calc(100% - 2.5rem);
  border: 1px solid #d5d5d5;
  padding: 0.14rem 0.36rem;
  border-left-style: none;
  line-height: 1.8571428571;
}
@media screen and (max-width: 750px) {
  body.flow #main .article .section .flowList .item p {
    display: block;
    width: auto;
    border-top: none;
    border-left-style: solid;
    padding: 0.2rem 0.22rem;
  }
}
body.loan #main .article {
  border-top: none;
}
body.loan #main .article .section {
  margin: 0.5rem 0 0;
}
body.loan #main .article .section h2 {
  font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
  font-size: 0.24rem;
  font-weight: normal;
  line-height: 1;
}
body.loan #main .article .section h2::before, body.loan #main .article .section h2::after {
  content: none;
}
@media screen and (max-width: 750px) {
  body.loan #main .article .section h2 {
    font-size: 0.4rem;
  }
}
body.loan #main .article .section p {
  padding: 0.4rem 0 0;
}
@media screen and (max-width: 750px) {
  body.loan #main .article .section p {
    padding: 0.6rem 0 0;
  }
}
@media screen and (max-width: 750px) {
  body.loan #main .article .section01 {
    margin: 0;
  }
}
body.loan #main .article .section01 .inner {
  display: flex;
  background: #fff;
}
@media screen and (max-width: 750px) {
  body.loan #main .article .section01 .inner {
    display: block;
  }
}
body.loan #main .article .section01 .text {
  box-sizing: border-box;
  width: 50%;
  padding: 0.65rem 0.7rem 0;
}
@media screen and (max-width: 750px) {
  body.loan #main .article .section01 .text {
    width: auto;
    padding: 0.6rem 0.4rem;
  }
}
body.loan #main .article .section01 .text a:hover {
  text-decoration: underline;
}
body.loan #main .article .section01 .image {
  width: 50%;
}
@media screen and (max-width: 750px) {
  body.loan #main .article .section01 .image {
    width: auto;
  }
}
body.loan #main .article .section02 .inner {
  box-sizing: border-box;
  padding: 0.7rem;
  background: #fff;
}
@media screen and (max-width: 750px) {
  body.loan #main .article .section02 .inner {
    padding: 0.6rem 0.4rem;
  }
}
body.loan #main .article .section02 .image {
  margin: 0.5rem 0 0;
}
body.loan #main .article .section03 .inner {
  box-sizing: border-box;
  padding: 0.7rem 0.7rem 0.6rem;
  background: #fff;
}
@media screen and (max-width: 750px) {
  body.loan #main .article .section03 .inner {
    padding: 0.6rem 0.4rem;
  }
}
body.loan #main .article .section03 .block01 {
  margin: 0.5rem 0 0;
}
body.loan #main .article .section03 .block01 .text .label {
  width: 1.4rem;
  margin: 0 0.2rem 0 0;
  float: left;
  background: #2c86df;
  color: #fff;
  font-size: 0.16rem;
  line-height: 0.47rem;
  text-align: center;
}
@media screen and (max-width: 750px) {
  body.loan #main .article .section03 .block01 .text .label {
    margin: 0 0 0.2rem;
    float: none;
  }
}
body.loan #main .article .section03 .block01 .text p {
  line-height: 1.5;
  padding: 0;
  font-size: 0.18rem;
}
body.loan #main .article .section03 .block01 .text p::before, body.loan #main .article .section03 .block01 .text p::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
body.loan #main .article .section03 .block01 .text p::before {
  margin-bottom: -0.25em;
}
body.loan #main .article .section03 .block01 .text p::after {
  margin-top: -0.25em;
}
@media screen and (max-width: 750px) {
  body.loan #main .article .section03 .block01 .text p {
    font-size: inherit;
  }
}
body.loan #main .article .section03 .block01 .text .note {
  line-height: 1.5;
  margin: 0.1rem 0 0;
  font-size: 0.12rem;
}
body.loan #main .article .section03 .block01 .text .note::before, body.loan #main .article .section03 .block01 .text .note::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
body.loan #main .article .section03 .block01 .text .note::before {
  margin-bottom: -0.25em;
}
body.loan #main .article .section03 .block01 .text .note::after {
  margin-top: -0.25em;
}
@media screen and (max-width: 750px) {
  body.loan #main .article .section03 .block01 .text .note {
    font-size: 0.2rem;
  }
}
body.loan #main .article .section03 .block01 .image {
  margin: 0.36rem 0 0;
}
body.loan #main .article .section03 .block02 {
  margin: 0.56rem -0.37rem 0;
}
@media screen and (max-width: 750px) {
  body.loan #main .article .section03 .block02 {
    margin: 0.56rem 0 0;
  }
}
body.loan #main .article .section03 .block02 > .label {
  padding: 0.19rem 0;
  background: #6f6f6f;
  border-radius: 0.06rem 0.06rem 0 0;
  color: #fff;
  font-size: 0.16rem;
  line-height: 0.3rem;
  text-align: center;
}
body.loan #main .article .section03 .block02 > .label::before {
  content: "";
  display: inline-block;
  width: 0.5rem;
  height: 0.3rem;
  background: url("../imgs/ico-calc.svg") 0 0/auto 100% no-repeat;
  vertical-align: top;
}
body.loan #main .article .section03 .block02 .inputArea {
  display: flex;
  justify-content: space-between;
  border-right: 0.06rem solid #e6e6e6;
  border-left: 0.06rem solid #e6e6e6;
  padding: 0.27rem 0.31rem 0.3rem;
  background: #f1f1f1;
}
@media screen and (max-width: 750px) {
  body.loan #main .article .section03 .block02 .inputArea {
    display: block;
    padding: 0.3rem;
  }
}
body.loan #main .article .section03 .block02 .inputArea .item {
  box-sizing: border-box;
  width: 1.08rem;
}
@media screen and (max-width: 750px) {
  body.loan #main .article .section03 .block02 .inputArea .item {
    width: auto;
  }
  body.loan #main .article .section03 .block02 .inputArea .item + .item {
    margin-top: 0.3rem;
  }
}
body.loan #main .article .section03 .block02 .inputArea .item label {
  display: block;
  padding: 0.15rem 0.09rem 0 0.07rem;
  background: #fff;
  border-radius: 0.06rem 0.06rem 0 0;
  color: #61a0e0;
  line-height: 1;
  text-align: center;
}
body.loan #main .article .section03 .block02 .inputArea .item .inputLine {
  padding: 0.11rem 0.09rem 0.09rem 0.07rem;
  background: #fff;
  border-radius: 0 0 0.06rem 0.06rem;
}
body.loan #main .article .section03 .block02 .inputArea .item .inputLine div {
  padding: 0.05rem 0 0.04rem;
  background: #f1f1f1;
  border-radius: 0.06rem;
  box-shadow: 0.02rem 0.02rem 0 0 #dbdbdb;
}
body.loan #main .article .section03 .block02 .inputArea .item .inputLine div input[type=text] {
  width: 0.57rem;
  margin: 0;
  border: none;
  padding: 0;
  background: transparent;
  font-size: 0.16rem;
  text-align: right;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  body.loan #main .article .section03 .block02 .inputArea .item .inputLine div input[type=text] {
    width: 50%;
    font-size: 16px;
  }
}
body.loan #main .article .section03 .block02 .inputArea .item .inputLine div span {
  padding: 0 0 0 0.04rem;
  color: #a9a9a9;
  font-size: 0.12rem;
}
body.loan #main .article .section03 .block02 .inputArea .item .buttonLine {
  display: flex;
  margin: 0.08rem 0 0;
}
body.loan #main .article .section03 .block02 .inputArea .item .buttonLine button {
  display: block;
  box-sizing: border-box;
  width: 50%;
  border: 1px solid #c7c7c7;
  background: #fff;
  background: linear-gradient(to bottom, #fff 0%, #ebebeb 100%);
  line-height: calc(0.2rem - 2px);
  box-shadow: inset 0 0 0 1px #fff;
}
@media screen and (max-width: 750px) {
  body.loan #main .article .section03 .block02 .inputArea .item .buttonLine button {
    line-height: 40px;
  }
}
body.loan #main .article .section03 .block02 .inputArea .item .buttonLine button:first-child {
  border-radius: 0.03rem 0 0 0.03rem;
}
body.loan #main .article .section03 .block02 .inputArea .item .buttonLine button:last-child {
  border-left: none;
  border-radius: 0 0.03rem 0.03rem 0;
}
body.loan #main .article .section03 .block02 .inputArea .item01 label {
  color: #ee952b;
}
body.loan #main .article .section03 .block02 .inputArea .item02 label {
  color: #a676b8;
}
body.loan #main .article .section03 .block02 .inputArea .item03 label {
  color: #4cc668;
}
body.loan #main .article .section03 .block02 .inputArea .item05 label {
  color: #da6868;
}
body.loan #main .article .section03 .block02 .result {
  display: flex;
  justify-content: center;
  border: 0.06rem solid #e6e6e6;
  border-top: none;
  padding: 0.25rem 0 0.43rem;
  background: #fafafa;
  border-radius: 0 0 0.1rem 0.1rem;
}
body.loan #main .article .section03 .block02 .result .label {
  box-sizing: border-box;
  width: 3.68rem;
  border: 0.02rem solid #2c86df;
  padding: 0.25rem 0 0.25rem 1.08rem;
  background: #2c86df url("../imgs/ico-card.svg") 0.34rem 50%/0.6rem auto no-repeat;
  border-radius: 0.08rem 0 0 0.08rem;
  color: #fff;
  font-size: 0.22rem;
  line-height: 0.28rem;
}
body.loan #main .article .section03 .block02 .result .label span {
  display: inline-block;
  padding: 0 0.18rem 0 0;
  border-top: 0.04rem solid transparent;
  border-bottom: 0.04rem solid #eaf178;
}
body.loan #main .article .section03 .block02 .result .number {
  box-sizing: border-box;
  width: 2.32rem;
  border: 0.02rem solid #2c86df;
  border-left: none;
  padding: 0 0 0 0.47rem;
  background: #fff;
  border-radius: 0 0.08rem 0.08rem 0;
  color: #a9a9a9;
  font-size: 0.24rem;
  line-height: 0.82rem;
}
body.loan #main .article .section03 .block02 .result .number .num {
  display: inline-block;
  margin: 0 0.1rem 0 0;
  color: #000;
  font-size: 1.5em;
  transform: translate(0, 5%);
}
body.loan #main .article .section03 .block03 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0.7rem 0 0;
}
@media screen and (max-width: 750px) {
  body.loan #main .article .section03 .block03 {
    display: block;
  }
}
body.loan #main .article .section03 .block03 h3 {
  line-height: 1.5;
  width: 100%;
  margin: 0 0 0.28rem;
  font-size: 0.16rem;
  text-align: center;
}
body.loan #main .article .section03 .block03 h3::before, body.loan #main .article .section03 .block03 h3::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
body.loan #main .article .section03 .block03 h3::before {
  margin-bottom: -0.25em;
}
body.loan #main .article .section03 .block03 h3::after {
  margin-top: -0.25em;
}
@media screen and (max-width: 750px) {
  body.loan #main .article .section03 .block03 h3 {
    font-size: 0.3rem;
  }
}
body.loan #main .article .section03 .block03 .item {
  width: 4.09rem;
}
@media screen and (max-width: 750px) {
  body.loan #main .article .section03 .block03 .item {
    width: auto;
    margin: 0.3rem 0 0;
  }
}
body.loan #main .article .section03 .block03 .item .panel {
  display: block;
  border: 1px solid #dfdfdf;
  padding: 0.82rem 0 0.36rem;
  line-height: 1;
  text-align: center;
}
body.loan #main .article .section03 .block03 .item .panel .line01 {
  font-size: 0.26rem;
  font-weight: bold;
}
@media screen and (max-width: 750px) {
  body.loan #main .article .section03 .block03 .item .panel .line01 {
    font-size: 0.3rem;
  }
}
body.loan #main .article .section03 .block03 .item .panel .line02 {
  margin: 0.14rem 0 0;
}
body.loan #main .article .section03 .block03 .item .note {
  line-height: 1.6666666667;
  padding: 0.16rem 0 0;
  font-size: 0.12rem;
}
body.loan #main .article .section03 .block03 .item .note::before, body.loan #main .article .section03 .block03 .item .note::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
body.loan #main .article .section03 .block03 .item .note::before {
  margin-bottom: -0.3333333333em;
}
body.loan #main .article .section03 .block03 .item .note::after {
  margin-top: -0.3333333333em;
}
body.loan #main .article .section03 .block03 .item01 .panel {
  background: #fff url("../imgs/ico-tel02.svg") 50% 0.27rem/0.35rem auto no-repeat;
}
body.loan #main .article .section03 .block03 .item01 .panel .line01 span {
  display: inline-block;
  margin: 0 0.1rem 0 0;
  padding: 0 0.4rem 0 0;
  background: url("../imgs/ico-freedial.svg") 100% 50%/0.27rem auto no-repeat;
  color: #4475c7;
  font-size: 0.14rem;
  line-height: 0.26rem;
  vertical-align: top;
}
body.loan #main .article .section03 .block03 .item02 .panel {
  background: #fff url("../imgs/ico-mail02.svg") 50% 0.34rem/0.32rem auto no-repeat;
}
body.loan #main .article .section04 {
  margin-top: 0.96rem;
}
body.loan #main .article .section04 h2 {
  text-align: center;
}
body.loan #main .article .section04 .column {
  display: flex;
  margin: 0.52rem 0 0;
}
@media screen and (max-width: 750px) {
  body.loan #main .article .section04 .column {
    display: block;
  }
}
body.loan #main .article .section04 .column h3 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
  width: 3.51rem;
  border: 1px solid #ccc4b9;
  background: #f2eee8;
  text-align: center;
}
@media screen and (max-width: 750px) {
  body.loan #main .article .section04 .column h3 {
    width: auto;
    padding: 0.13rem 0;
  }
}
body.loan #main .article .section04 .column ul {
  box-sizing: border-box;
  width: calc(100% - 3.51rem);
  border: 1px solid #ddd;
  border-bottom: none;
  border-left-style: none;
  background: #fff;
}
@media screen and (max-width: 750px) {
  body.loan #main .article .section04 .column ul {
    width: auto;
    border-top: none;
    border-left-style: solid;
  }
}
body.loan #main .article .section04 .column ul li {
  border-bottom: 1px solid #ddd;
  padding: 0.13rem 0.2rem 0.13rem 0.38rem;
}
body.benefit #main .article .section01 {
  padding: 0.9rem 0 0.2rem;
}
body.benefit #main .article .section01 h2 {
  text-align: center;
}
body.benefit #main .article .section01 h2 + p {
  padding: 0.4rem 1.4rem 0.66rem;
  text-align: center;
}
@media screen and (max-width: 750px) {
  body.benefit #main .article .section01 h2 + p {
    padding: 0.4rem 0 0.6rem;
    text-align: left;
  }
}
body.benefit #main .article .section01 section {
  margin: 0.4rem 0 0;
  display: grid;
  display: -ms-grid;
  grid-template-rows: auto 1fr;
  -ms-grid-rows: auto 1fr;
  background: #f5f5f5;
}
@media screen and (max-width: 750px) {
  body.benefit #main .article .section01 section {
    display: block;
  }
}
body.benefit #main .article .section01 section h3 {
  grid-row: 1/2;
  -ms-grid-row: 1;
  padding: 0.7rem 0.7rem 0;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  body.benefit #main .article .section01 section h3 {
    padding: 0.6rem 0.4rem 0.4rem;
    text-align: center;
  }
}
body.benefit #main .article .section01 section h3 .en {
  display: block;
  font-size: 0.3rem;
}
@media screen and (max-width: 750px) {
  body.benefit #main .article .section01 section h3 .en {
    font-size: 0.4rem;
  }
}
body.benefit #main .article .section01 section h3 .ja {
  display: block;
  margin: 0.14rem 0 0;
  font-size: 0.16rem;
}
@media screen and (max-width: 750px) {
  body.benefit #main .article .section01 section h3 .ja {
    font-size: 0.26rem;
  }
}
body.benefit #main .article .section01 section .image {
  grid-row: 1/3;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
}
body.benefit #main .article .section01 section .text {
  grid-row: 2/3;
  -ms-grid-row: 2;
  padding: 0.5rem 0.7rem 0;
}
@media screen and (max-width: 750px) {
  body.benefit #main .article .section01 section .text {
    padding: 0.4rem 0.4rem 0.6rem;
  }
}
body.benefit #main .article .section01 section .text p + p {
  margin: 0.26rem 0 0;
}
body.benefit #main .article .section01 section:nth-of-type(odd) {
  grid-template-columns: 5.6rem 1fr;
  -ms-grid-columns: 5.6rem 1fr;
}
body.benefit #main .article .section01 section:nth-of-type(odd) h3,
body.benefit #main .article .section01 section:nth-of-type(odd) .text {
  grid-column: 2/3;
  -ms-grid-column: 2;
}
body.benefit #main .article .section01 section:nth-of-type(odd) .image {
  grid-column: 1/2;
  -ms-grid-column: 1;
}
body.benefit #main .article .section01 section:nth-of-type(even) {
  grid-template-columns: 1fr 5.6rem;
  -ms-grid-columns: 1fr 5.6rem;
}
body.benefit #main .article .section01 section:nth-of-type(even) h3,
body.benefit #main .article .section01 section:nth-of-type(even) .text {
  grid-column: 1/2;
  -ms-grid-column: 1;
}
body.benefit #main .article .section01 section:nth-of-type(even) .image {
  grid-column: 2/3;
  -ms-grid-column: 2;
}
body.benefit #main .article .section01 .note {
  line-height: 1.5;
  padding: 0.26rem 0 0;
  font-size: 0.12rem;
}
body.benefit #main .article .section01 .note::before, body.benefit #main .article .section01 .note::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
body.benefit #main .article .section01 .note::before {
  margin-bottom: -0.25em;
}
body.benefit #main .article .section01 .note::after {
  margin-top: -0.25em;
}
@media screen and (max-width: 750px) {
  body.benefit #main .article .section01 .note {
    font-size: 0.2rem;
  }
}
body.benefit #main .article .section02 {
  padding: 0.9rem 0 0;
}
body.benefit #main .article .section02 h2 {
  text-align: center;
}
body.benefit #main .article .section02 h2 + section {
  margin: 0.22rem 0 0;
}
body.benefit #main .article .section02 h3 {
  padding: 0 0 0 0.22rem;
  font-size: 0.16rem;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  body.benefit #main .article .section02 h3 {
    font-size: 0.26rem;
  }
}
body.benefit #main .article .section02 h3::before {
  content: "-";
}
body.benefit #main .article .section02 section {
  margin: 0.68rem 0 0;
}
body.benefit #main .article .section02 section > dl {
  display: flex;
  margin: 0.16rem 0 0;
  flex-wrap: wrap;
}
@media screen and (max-width: 750px) {
  body.benefit #main .article .section02 section > dl {
    display: block;
  }
}
body.benefit #main .article .section02 section > dl strong {
  color: #f63535;
}
body.benefit #main .article .section02 section > dl > dt, body.benefit #main .article .section02 section > dl > dd {
  margin: 0.16rem 0 0;
  box-sizing: border-box;
  line-height: 0.38rem;
}
@media screen and (max-width: 750px) {
  body.benefit #main .article .section02 section > dl > dt, body.benefit #main .article .section02 section > dl > dd {
    font-size: 0.4 0.5rem;
  }
}
body.benefit #main .article .section02 section > dl > dt {
  box-sizing: border-box;
  width: 2.1rem;
  border: 1px solid #ababab;
  padding: 0.18rem calc(0.29rem - 1px);
  font-size: 0.18rem;
  text-align: center;
}
body.benefit #main .article .section02 section > dl > dt img {
  display: block;
  margin: 0 auto;
}
@media screen and (max-width: 750px) {
  body.benefit #main .article .section02 section > dl > dt {
    width: auto;
    font-size: 0.26rem;
  }
}
body.benefit #main .article .section02 section > dl > dd {
  box-sizing: border-box;
  width: calc(100% - 2.1rem);
  border: 1px solid #d5d5d5;
  border-left-style: none;
  padding: 0.25rem 0.2rem 0.25rem 0.3rem;
  font-size: 0.2rem;
}
@media screen and (max-width: 750px) {
  body.benefit #main .article .section02 section > dl > dd {
    width: auto;
    margin: 0;
    border-top: none;
    border-left-style: solid;
    padding-left: 0.2rem;
    font-size: 0.3rem;
  }
}
body.benefit #main .article .section02 section > dl > dd dl {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
@media screen and (max-width: 750px) {
  body.benefit #main .article .section02 section > dl > dd dl dt:nth-of-type(n + 2),
  body.benefit #main .article .section02 section > dl > dd dl dd:nth-of-type(n + 2) {
    margin-top: 0.2rem;
  }
}
body.benefit #main .article .section02 section > dl > dd dl dt {
  width: 0.57rem;
  margin: 0.06rem 0.13rem 0 0;
  background: #4475c7;
  color: #fff;
  font-size: 0.14rem;
  line-height: 0.26rem;
  text-align: center;
}
@media screen and (max-width: 750px) {
  body.benefit #main .article .section02 section > dl > dd dl dt {
    width: 0.77rem;
    margin-top: 0;
    font-size: 0.22rem;
    line-height: 0.44rem;
  }
}
body.benefit #main .article .section02 section > dl > dd dl dd {
  width: calc(100% - 0.7rem);
}
@media screen and (max-width: 750px) {
  body.benefit #main .article .section02 section > dl > dd dl dd {
    width: calc(100% - 0.9rem);
  }
}
body.benefit #main .article .section02 section > dl > dd .note {
  line-height: 1.5;
  padding: 0.15rem 0 0 0.7rem;
  font-size: 0.12rem;
}
body.benefit #main .article .section02 section > dl > dd .note::before, body.benefit #main .article .section02 section > dl > dd .note::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
body.benefit #main .article .section02 section > dl > dd .note::before {
  margin-bottom: -0.25em;
}
body.benefit #main .article .section02 section > dl > dd .note::after {
  margin-top: -0.25em;
}
@media screen and (max-width: 750px) {
  body.benefit #main .article .section02 section > dl > dd .note {
    padding-left: 0.9rem;
    font-size: 0.2rem;
  }
}
body.benefit #main .article .section02 section + .note {
  line-height: 1.5;
  padding: 0.3rem 0 0;
  font-size: 0.12rem;
}
body.benefit #main .article .section02 section + .note::before, body.benefit #main .article .section02 section + .note::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
body.benefit #main .article .section02 section + .note::before {
  margin-bottom: -0.25em;
}
body.benefit #main .article .section02 section + .note::after {
  margin-top: -0.25em;
}
@media screen and (max-width: 750px) {
  body.benefit #main .article .section02 section + .note {
    font-size: 0.2rem;
  }
}
body.company #main .article .sNav {
  padding: 0.54rem 0 0;
}
body.company #main .article .sNav .bt {
  display: block;
  width: 2.3rem;
  height: calc(1.2rem - 2px);
  padding: 0.68rem;
  border-color: #4475c7;
  border-radius: 0.06rem;
  color: #4475c7;
  font-size: 0.16rem;
  line-height: 1;
  overflow: hidden;
}
@media screen and (max-width: 750px) {
  body.company #main .article .sNav .bt {
    width: calc(50% - 0.1rem);
    font-size: 0.3rem;
  }
}
body.company #main .article .sNav .bt .icon {
  display: block;
  width: 100%;
  position: absolute;
  left: 0;
  z-index: 1;
  background: 50% 50%/auto 100% no-repeat;
}
body.company #main .article .sNav .bt::before {
  background: #4475c7;
  opacity: 0;
  transform: scale(0.5, 1);
}
body.company #main .article .sNav .bt::after {
  width: 0.17rem;
  height: 0.1rem;
  top: auto;
  bottom: 0.12rem;
  left: 50%;
  background-image: url("../imgs/arrow-down02.svg");
  transform: translate(-50%, 0);
}
html:not(.mobile) body.company #main .article .sNav .bt:hover {
  color: #fff;
}
html:not(.mobile) body.company #main .article .sNav .bt:hover::before {
  opacity: 1;
  transform: scale(1, 1);
}
html:not(.mobile) body.company #main .article .sNav .bt:hover::after {
  background-image: url("../imgs/arrow-down02_w.svg");
}
body.company #main .article .sNav .bt01 .icon {
  top: 0.23rem;
  height: 0.27rem;
  background-image: url("../imgs/ico-message.svg");
}
html:not(.mobile) body.company #main .article .sNav .bt01:hover .icon {
  background-image: url("../imgs/ico-message_w.svg");
}
body.company #main .article .sNav .bt02 .icon {
  top: 0.18rem;
  height: 0.32rem;
  background-image: url("../imgs/ico-outline.svg");
}
html:not(.mobile) body.company #main .article .sNav .bt02:hover .icon {
  background-image: url("../imgs/ico-outline_w.svg");
}
body.company #main .article .sNav .bt03 .icon {
  top: 0.23rem;
  height: 0.26rem;
  background-image: url("../imgs/ico-history.svg");
}
html:not(.mobile) body.company #main .article .sNav .bt03:hover .icon {
  background-image: url("../imgs/ico-history_w.svg");
}
body.company #main .article .sNav .bt04 .icon {
  top: 0.2rem;
  height: 0.3rem;
  background-image: url("../imgs/ico-access.svg");
}
html:not(.mobile) body.company #main .article .sNav .bt04:hover .icon {
  background-image: url("../imgs/ico-access_w.svg");
}
body.company #main .article .section01 {
  margin: 0.6rem 0 0;
  padding: 0.4rem 0 0.47rem;
}
body.company #main .article .section01 .inner {
  display: flex;
  flex-direction: row-reverse;
  align-items: flex-start;
  justify-content: space-between;
  position: relative;
}
@media screen and (max-width: 750px) {
  body.company #main .article .section01 .inner {
    display: block;
  }
}
body.company #main .article .section01 .inner h2 {
  width: 6.85rem;
  height: 1.36rem;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: #fff;
  font-size: 0.28rem;
}
@media screen and (max-width: 750px) {
  body.company #main .article .section01 .inner h2 {
    width: auto;
    height: auto;
    position: static;
    font-size: 0.4rem;
  }
}
body.company #main .article .section01 .inner h2::before {
  content: none;
}
body.company #main .article .section01 .inner h2 .small {
  display: block;
  margin: 0 0 0.2rem;
  font-size: 0.16rem;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  body.company #main .article .section01 .inner h2 .small {
    font-size: 0.3rem;
  }
}
body.company #main .article .section01 .inner h2 .small::after {
  content: "";
  display: inline-block;
  width: 0.5rem;
  height: 1px;
  margin: 0 0 0 0.15rem;
  background: #eee;
  vertical-align: middle;
}
body.company #main .article .section01 .inner .image {
  width: 4.9rem;
  position: relative;
}
@media screen and (max-width: 750px) {
  body.company #main .article .section01 .inner .image {
    width: auto;
    margin: 0.4rem 0 0;
  }
}
body.company #main .article .section01 .inner .image .signature {
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
  width: 3.73rem;
  height: 1.06rem;
  padding: 0 0 0 0.36rem;
  position: absolute;
  right: 0;
  bottom: 0;
  background: #7698d2;
  color: #fff;
  font-weight: bold;
  line-height: 0.26rem;
}
@media screen and (max-width: 750px) {
  body.company #main .article .section01 .inner .image .signature {
    display: block;
    width: auto;
    height: auto;
    padding: 0.3rem;
    position: static;
    line-height: 1.5;
  }
}
body.company #main .article .section01 .inner .image .signature .line01 {
  font-size: 0.14rem;
}
@media screen and (max-width: 750px) {
  body.company #main .article .section01 .inner .image .signature .line01 {
    font-size: 0.24rem;
  }
}
body.company #main .article .section01 .inner .image .signature .line02 {
  font-size: 0.16rem;
}
@media screen and (max-width: 750px) {
  body.company #main .article .section01 .inner .image .signature .line02 {
    font-size: 0.3rem;
  }
}
body.company #main .article .section01 .inner .text {
  width: 4.4rem;
  padding: calc(1.36rem + 1px) 0 0;
}
@media screen and (max-width: 750px) {
  body.company #main .article .section01 .inner .text {
    width: auto;
    margin: 0.4rem 0 0;
    padding: 0;
  }
}
body.company #main .article .section01 .inner .text p + p {
  margin: 0.26rem 0 0;
}
body.company #main .article .section02,
body.company #main .article .section03,
body.company #main .article .section04 {
  margin: 0.23rem 0 0;
}
body.company #main .article .section02 .inner,
body.company #main .article .section03 .inner,
body.company #main .article .section04 .inner {
  box-sizing: border-box;
  padding: 0.5rem 0.4rem 0.4rem;
  background: #fafafa;
}
@media screen and (max-width: 750px) {
  body.company #main .article .section02 .inner,
  body.company #main .article .section03 .inner,
  body.company #main .article .section04 .inner {
    width: 100vw;
    margin: 0 -0.32rem;
    padding: 0.5rem 0.32rem 0.4rem;
  }
}
body.company #main .article .section02 h2,
body.company #main .article .section03 h2,
body.company #main .article .section04 h2 {
  font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
  font-size: 0.24rem;
  font-weight: normal;
  text-align: center;
}
@media screen and (max-width: 750px) {
  body.company #main .article .section02 h2,
  body.company #main .article .section03 h2,
  body.company #main .article .section04 h2 {
    font-size: 0.3rem;
  }
}
body.company #main .article .section02 h2::before,
body.company #main .article .section03 h2::before,
body.company #main .article .section04 h2::before {
  content: "";
  display: inline-block;
  margin: 0 1em 0 0;
  background: 0 50%/contain no-repeat;
  vertical-align: top;
}
body.company #main .article .section02 dl,
body.company #main .article .section03 dl {
  display: flex;
  flex-wrap: wrap;
  margin: 0.4rem 0 0;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  line-height: 1.8571428571;
}
@media screen and (max-width: 750px) {
  body.company #main .article .section02 dl,
  body.company #main .article .section03 dl {
    display: block;
  }
}
body.company #main .article .section02 dl dt,
body.company #main .article .section03 dl dt {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 2.4rem;
  padding: 0 0 0 0.3rem;
  background: #f5f5f5;
}
body.company #main .article .section02 dl dd,
body.company #main .article .section03 dl dd {
  width: calc(100% - 2.4rem);
  padding: 0.1rem 0.3rem 0.1rem 0.38rem;
  background: #fff;
}
body.company #main .article .section02 dl dt,
body.company #main .article .section02 dl dd,
body.company #main .article .section03 dl dt,
body.company #main .article .section03 dl dd {
  box-sizing: border-box;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
}
@media screen and (max-width: 750px) {
  body.company #main .article .section02 dl dt,
  body.company #main .article .section02 dl dd,
  body.company #main .article .section03 dl dt,
  body.company #main .article .section03 dl dd {
    width: auto;
    padding: 0.1rem 0.3rem;
  }
}
body.company #main .article .section02 h2 {
  margin: -0.04rem 0;
  line-height: 0.32rem;
}
@media screen and (max-width: 750px) {
  body.company #main .article .section02 h2 {
    margin: -0.01rem 0;
  }
}
body.company #main .article .section02 h2::before {
  width: 0.32rem;
  height: 0.32rem;
  background-image: url("../imgs/ico-outline.svg");
}
body.company #main .article .section03 h2 {
  margin: -0.01rem 0;
  line-height: 0.26rem;
}
@media screen and (max-width: 750px) {
  body.company #main .article .section03 h2 {
    margin: 0;
    line-height: 0.3rem;
  }
}
body.company #main .article .section03 h2::before {
  width: 0.42rem;
  height: 0.26rem;
  background-image: url("../imgs/ico-history.svg");
}
@media screen and (max-width: 750px) {
  body.company #main .article .section03 h2::before {
    margin-top: 0.02rem;
  }
}
body.company #main .article .section04 h2 {
  margin: -0.03rem 0;
  line-height: 0.3rem;
}
@media screen and (max-width: 750px) {
  body.company #main .article .section04 h2 {
    margin: 0;
  }
}
body.company #main .article .section04 h2::before {
  width: 0.22rem;
  height: 0.3rem;
  background-image: url("../imgs/ico-access.svg");
}
body.company #main .article .section04 section {
  margin: 0.4rem 0 0;
  position: relative;
  background: #fff;
}
@media screen and (max-width: 750px) {
  body.company #main .article .section04 section {
    display: block;
  }
}
body.company #main .article .section04 section .text {
  box-sizing: border-box;
  width: 50%;
  padding: 0.46rem 0.5rem;
}
@media screen and (max-width: 750px) {
  body.company #main .article .section04 section .text {
    width: auto;
    padding: 0.4rem;
  }
}
body.company #main .article .section04 section .text h3 {
  font-size: 0.24rem;
  font-weight: normal;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  body.company #main .article .section04 section .text h3 {
    font-weight: 0.3rem;
  }
}
body.company #main .article .section04 section .text .address,
body.company #main .article .section04 section .text .access {
  line-height: 1.8571428571;
}
body.company #main .article .section04 section .text .address::before, body.company #main .article .section04 section .text .address::after,
body.company #main .article .section04 section .text .access::before,
body.company #main .article .section04 section .text .access::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
body.company #main .article .section04 section .text .address::before,
body.company #main .article .section04 section .text .access::before {
  margin-bottom: -0.4285714286em;
}
body.company #main .article .section04 section .text .address::after,
body.company #main .article .section04 section .text .access::after {
  margin-top: -0.4285714286em;
}
body.company #main .article .section04 section .text .address {
  padding: 0.34rem 0 0;
}
body.company #main .article .section04 section .text .access {
  padding: 0.26rem 0 0;
}
body.company #main .article .section04 section iframe {
  display: block;
  box-sizing: border-box;
  width: 50%;
  height: 100%;
  border: 1px solid #ddd;
  position: absolute;
  top: 0;
  right: 0;
}
@media screen and (max-width: 750px) {
  body.company #main .article .section04 section iframe {
    width: 100%;
    height: 60vw;
    position: static;
  }
}
body.company #main .article .section04 section + section {
  margin: 0.24rem 0 0;
}
body.company #main .article .smallLinkBtns {
  padding: 0.68rem 0 0.5rem;
}
body.recruit #main .article {
  padding-bottom: 0.65rem;
}
body.recruit #main .article .sNav {
  padding: 0.54rem 0 0;
}
body.recruit #main .article .sNav .inner {
  justify-content: center;
}
@media screen and (max-width: 750px) {
  body.recruit #main .article .sNav .inner {
    display: block;
  }
}
body.recruit #main .article .sNav .bt {
  display: block;
  width: 2.3rem;
  height: calc(1.03rem - 2px);
  margin: 0 0.1rem;
  padding: 0.38rem;
  border-color: #4475c7;
  border-radius: 0.06rem;
  color: #4475c7;
  font-size: 0.16rem;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
}
@media screen and (max-width: 750px) {
  body.recruit #main .article .sNav .bt {
    width: auto;
    margin: 0.2rem 0 0;
    height: calc(1.2rem - 2px);
    font-size: 0.3rem;
  }
}
body.recruit #main .article .sNav .bt::before {
  background: #4475c7;
  opacity: 0;
  transform: scale(0.5, 1);
}
body.recruit #main .article .sNav .bt::after {
  width: 0.17rem;
  height: 0.1rem;
  top: auto;
  bottom: 0.12rem;
  left: 50%;
  background-image: url("../imgs/arrow-down02.svg");
  transform: translate(-50%, 0);
}
html:not(.mobile) body.recruit #main .article .sNav .bt:hover {
  color: #fff;
}
html:not(.mobile) body.recruit #main .article .sNav .bt:hover::before {
  opacity: 1;
  transform: scale(1, 1);
}
html:not(.mobile) body.recruit #main .article .sNav .bt:hover::after {
  background-image: url("../imgs/arrow-down02_w.svg");
}
body.recruit #main .article .section {
  margin: 0.6rem 0 0;
}
body.recruit #main .article .section + .section {
  margin: 0.28rem 0 0;
}
body.recruit #main .article .section .inner {
  box-sizing: border-box;
  padding: 0.5rem 0.4rem 0.4rem;
  background: #fafafa;
}
@media screen and (max-width: 750px) {
  body.recruit #main .article .section .inner {
    width: 100vw;
    margin: 0 -0.32rem;
    padding: 0.5rem 0.32rem 0.4rem;
  }
}
body.recruit #main .article .section h2 {
  font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
  font-size: 0.24rem;
  font-weight: normal;
  text-align: center;
}
@media screen and (max-width: 750px) {
  body.recruit #main .article .section h2 {
    font-size: 0.3rem;
  }
}
body.recruit #main .article .section h2::before {
  content: "";
  display: inline-block;
  margin: 0 1em 0 0;
  background: 0 50%/contain no-repeat;
  vertical-align: top;
}
body.recruit #main .article .section dl {
  display: flex;
  flex-wrap: wrap;
  margin: 0.4rem 0 0;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  line-height: 1.8571428571;
}
@media screen and (max-width: 750px) {
  body.recruit #main .article .section dl {
    display: block;
  }
}
body.recruit #main .article .section dl dt {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 2.4rem;
  padding: 0 0 0 0.3rem;
  background: #f5f5f5;
}
body.recruit #main .article .section dl dd {
  width: calc(100% - 2.4rem);
  padding: 0.1rem 0.3rem 0.1rem 0.38rem;
  background: #fff;
}
body.recruit #main .article .section dl dt,
body.recruit #main .article .section dl dd {
  box-sizing: border-box;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
}
@media screen and (max-width: 750px) {
  body.recruit #main .article .section dl dt,
  body.recruit #main .article .section dl dd {
    width: auto;
    padding: 0.1rem 0.3rem;
  }
}
body.recruit #main .article .section a:not([href^="tel:"]) {
  color: #4475c7;
}
body.recruit #main .article .section a:not([href^="tel:"])::before {
  content: "＞";
}
body.recruit #main .article .section a:not([href^="tel:"]):hover {
  text-decoration: underline;
}
body.contact #main .article, body.saleconsul #main .article, body.service #main .article, body.contact2 #main .article {
  padding-bottom: 0.65rem;
}
body.contact #main .article .lead, body.saleconsul #main .article .lead, body.service #main .article .lead, body.contact2 #main .article .lead {
  padding: 0.7rem 0 0.5rem;
}
body.contact #main .article .lead p, body.saleconsul #main .article .lead p, body.service #main .article .lead p, body.contact2 #main .article .lead p {
  padding: 0;
}
body.contact #main .article .lead p + p, body.saleconsul #main .article .lead p + p, body.service #main .article .lead p + p, body.contact2 #main .article .lead p + p {
  padding: 0.2rem 0 0;
}
@media screen and (max-width: 750px) {
  body.contact #main .article .lead p + p, body.saleconsul #main .article .lead p + p, body.service #main .article .lead p + p, body.contact2 #main .article .lead p + p {
    padding: 0.4rem 0 0;
  }
}
body.contact #main .article .lead .note, body.saleconsul #main .article .lead .note, body.service #main .article .lead .note, body.contact2 #main .article .lead .note {
  line-height: 1.8571428571;
  padding: 0.1rem 0 0;
}
body.contact #main .article .lead .note::before, body.contact #main .article .lead .note::after, body.saleconsul #main .article .lead .note::before, body.saleconsul #main .article .lead .note::after, body.service #main .article .lead .note::before, body.service #main .article .lead .note::after, body.contact2 #main .article .lead .note::before, body.contact2 #main .article .lead .note::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
body.contact #main .article .lead .note::before, body.saleconsul #main .article .lead .note::before, body.service #main .article .lead .note::before, body.contact2 #main .article .lead .note::before {
  margin-bottom: -0.4285714286em;
}
body.contact #main .article .lead .note::after, body.saleconsul #main .article .lead .note::after, body.service #main .article .lead .note::after, body.contact2 #main .article .lead .note::after {
  margin-top: -0.4285714286em;
}
@media screen and (max-width: 750px) {
  body.contact #main .article .lead .note, body.saleconsul #main .article .lead .note, body.service #main .article .lead .note, body.contact2 #main .article .lead .note {
    padding: 0.2rem 0 0;
  }
}
body.contact #main .article .lead .note em, body.saleconsul #main .article .lead .note em, body.service #main .article .lead .note em, body.contact2 #main .article .lead .note em {
  color: #d63535;
  font-style: normal;
}
body.contact #main .article form dl, body.saleconsul #main .article form dl, body.service #main .article form dl, body.contact2 #main .article form dl {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  border-bottom: 1px solid #eee;
}
@media screen and (max-width: 750px) {
  body.contact #main .article form dl, body.saleconsul #main .article form dl, body.service #main .article form dl, body.contact2 #main .article form dl {
    display: block;
  }
}
body.contact #main .article form dl dt,
body.contact #main .article form dl dd, body.saleconsul #main .article form dl dt,
body.saleconsul #main .article form dl dd, body.service #main .article form dl dt,
body.service #main .article form dl dd, body.contact2 #main .article form dl dt,
body.contact2 #main .article form dl dd {
  border-top: 1px solid #eee;
  padding: 0.2rem 0;
}
body.contact #main .article form dl dt:first-of-type,
body.contact #main .article form dl dd:first-of-type, body.saleconsul #main .article form dl dt:first-of-type,
body.saleconsul #main .article form dl dd:first-of-type, body.service #main .article form dl dt:first-of-type,
body.service #main .article form dl dd:first-of-type, body.contact2 #main .article form dl dt:first-of-type,
body.contact2 #main .article form dl dd:first-of-type {
  border-top: none;
}
body.contact #main .article form dl dt, body.saleconsul #main .article form dl dt, body.service #main .article form dl dt, body.contact2 #main .article form dl dt {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 1.55rem;
  height: calc(0.3rem + 18px);
}
@media screen and (max-width: 750px) {
  body.contact #main .article form dl dt, body.saleconsul #main .article form dl dt, body.service #main .article form dl dt, body.contact2 #main .article form dl dt {
    display: block;
    width: auto;
    height: auto;
    padding-bottom: 0;
  }
  body.contact #main .article form dl dt br:not([class]), body.saleconsul #main .article form dl dt br:not([class]), body.service #main .article form dl dt br:not([class]), body.contact2 #main .article form dl dt br:not([class]) {
    display: none;
  }
}
body.contact #main .article form dl dt.required span::after, body.saleconsul #main .article form dl dt.required span::after, body.service #main .article form dl dt.required span::after, body.contact2 #main .article form dl dt.required span::after {
  content: "＊";
  color: #d63535;
}
body.contact #main .article form dl dd, body.saleconsul #main .article form dl dd, body.service #main .article form dl dd, body.contact2 #main .article form dl dd {
  width: calc(100% - 1.55rem);
}
@media screen and (max-width: 750px) {
  body.contact #main .article form dl dd, body.saleconsul #main .article form dl dd, body.service #main .article form dl dd, body.contact2 #main .article form dl dd {
    width: auto;
    border-top: none;
  }
}
body.contact #main .article form dl dd.size01, body.contact #main .article form dl dd.size03, body.saleconsul #main .article form dl dd.size01, body.saleconsul #main .article form dl dd.size03, body.service #main .article form dl dd.size01, body.service #main .article form dl dd.size03, body.contact2 #main .article form dl dd.size01, body.contact2 #main .article form dl dd.size03 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
}
body.contact #main .article form dl dd.size01 .inputWrapper,
body.contact #main .article form dl dd.size01 .text, body.saleconsul #main .article form dl dd.size01 .inputWrapper,
body.saleconsul #main .article form dl dd.size01 .text, body.service #main .article form dl dd.size01 .inputWrapper,
body.service #main .article form dl dd.size01 .text, body.contact2 #main .article form dl dd.size01 .inputWrapper,
body.contact2 #main .article form dl dd.size01 .text {
  width: 2.65rem;
}
@media screen and (max-width: 750px) {
  body.contact #main .article form dl dd.size01 .inputWrapper,
  body.contact #main .article form dl dd.size01 .text, body.saleconsul #main .article form dl dd.size01 .inputWrapper,
  body.saleconsul #main .article form dl dd.size01 .text, body.service #main .article form dl dd.size01 .inputWrapper,
  body.service #main .article form dl dd.size01 .text, body.contact2 #main .article form dl dd.size01 .inputWrapper,
  body.contact2 #main .article form dl dd.size01 .text {
    width: calc(50% - 0.1rem);
  }
}
body.contact #main .article form dl dd.size01 .inputWrapper input, body.saleconsul #main .article form dl dd.size01 .inputWrapper input, body.service #main .article form dl dd.size01 .inputWrapper input, body.contact2 #main .article form dl dd.size01 .inputWrapper input {
  width: 100%;
}
body.contact #main .article form dl dd.size02 .inputWrapper,
body.contact #main .article form dl dd.size02 .text, body.saleconsul #main .article form dl dd.size02 .inputWrapper,
body.saleconsul #main .article form dl dd.size02 .text, body.service #main .article form dl dd.size02 .inputWrapper,
body.service #main .article form dl dd.size02 .text, body.contact2 #main .article form dl dd.size02 .inputWrapper,
body.contact2 #main .article form dl dd.size02 .text {
  width: 3.95rem;
}
@media screen and (max-width: 750px) {
  body.contact #main .article form dl dd.size02 .inputWrapper,
  body.contact #main .article form dl dd.size02 .text, body.saleconsul #main .article form dl dd.size02 .inputWrapper,
  body.saleconsul #main .article form dl dd.size02 .text, body.service #main .article form dl dd.size02 .inputWrapper,
  body.service #main .article form dl dd.size02 .text, body.contact2 #main .article form dl dd.size02 .inputWrapper,
  body.contact2 #main .article form dl dd.size02 .text {
    width: 100%;
  }
}
body.contact #main .article form dl dd.size02 .inputWrapper input, body.saleconsul #main .article form dl dd.size02 .inputWrapper input, body.service #main .article form dl dd.size02 .inputWrapper input, body.contact2 #main .article form dl dd.size02 .inputWrapper input {
  width: 100%;
}
@media screen and (max-width: 750px) {
  body.contact #main .article form dl dd.size03, body.saleconsul #main .article form dl dd.size03, body.service #main .article form dl dd.size03, body.contact2 #main .article form dl dd.size03 {
    justify-content: flex-start;
  }
}
body.contact #main .article form dl dd.size03 .inputWrapper:nth-last-of-type(2),
body.contact #main .article form dl dd.size03 .text:nth-last-of-type(2), body.saleconsul #main .article form dl dd.size03 .inputWrapper:nth-last-of-type(2),
body.saleconsul #main .article form dl dd.size03 .text:nth-last-of-type(2), body.service #main .article form dl dd.size03 .inputWrapper:nth-last-of-type(2),
body.service #main .article form dl dd.size03 .text:nth-last-of-type(2), body.contact2 #main .article form dl dd.size03 .inputWrapper:nth-last-of-type(2),
body.contact2 #main .article form dl dd.size03 .text:nth-last-of-type(2) {
  width: 1.18rem;
}
@media screen and (max-width: 750px) {
  body.contact #main .article form dl dd.size03 .inputWrapper:nth-last-of-type(2),
  body.contact #main .article form dl dd.size03 .text:nth-last-of-type(2), body.saleconsul #main .article form dl dd.size03 .inputWrapper:nth-last-of-type(2),
  body.saleconsul #main .article form dl dd.size03 .text:nth-last-of-type(2), body.service #main .article form dl dd.size03 .inputWrapper:nth-last-of-type(2),
  body.service #main .article form dl dd.size03 .text:nth-last-of-type(2), body.contact2 #main .article form dl dd.size03 .inputWrapper:nth-last-of-type(2),
  body.contact2 #main .article form dl dd.size03 .text:nth-last-of-type(2) {
    width: calc(50% - 0.1rem);
    margin: 0 0 0 1em;
  }
}
body.contact #main .article form dl dd.size03 .inputWrapper:last-of-type,
body.contact #main .article form dl dd.size03 .text:last-of-type, body.saleconsul #main .article form dl dd.size03 .inputWrapper:last-of-type,
body.saleconsul #main .article form dl dd.size03 .text:last-of-type, body.service #main .article form dl dd.size03 .inputWrapper:last-of-type,
body.service #main .article form dl dd.size03 .text:last-of-type, body.contact2 #main .article form dl dd.size03 .inputWrapper:last-of-type,
body.contact2 #main .article form dl dd.size03 .text:last-of-type {
  width: 3.86rem;
}
@media screen and (max-width: 750px) {
  body.contact #main .article form dl dd.size03 .inputWrapper:last-of-type,
  body.contact #main .article form dl dd.size03 .text:last-of-type, body.saleconsul #main .article form dl dd.size03 .inputWrapper:last-of-type,
  body.saleconsul #main .article form dl dd.size03 .text:last-of-type, body.service #main .article form dl dd.size03 .inputWrapper:last-of-type,
  body.service #main .article form dl dd.size03 .text:last-of-type, body.contact2 #main .article form dl dd.size03 .inputWrapper:last-of-type,
  body.contact2 #main .article form dl dd.size03 .text:last-of-type {
    width: 100%;
    margin: 0.2rem 0 0;
  }
}
body.contact #main .article form dl dd.size03 .inputWrapper input, body.saleconsul #main .article form dl dd.size03 .inputWrapper input, body.service #main .article form dl dd.size03 .inputWrapper input, body.contact2 #main .article form dl dd.size03 .inputWrapper input {
  width: 100%;
}
body.contact #main .article form dl dd .zip, body.saleconsul #main .article form dl dd .zip, body.service #main .article form dl dd .zip, body.contact2 #main .article form dl dd .zip {
  line-height: calc(0.3rem + 18px);
}
body.contact #main .article form dl dd .error,
body.contact #main .article form dl dd .errorMessage, body.saleconsul #main .article form dl dd .error,
body.saleconsul #main .article form dl dd .errorMessage, body.service #main .article form dl dd .error,
body.service #main .article form dl dd .errorMessage, body.contact2 #main .article form dl dd .error,
body.contact2 #main .article form dl dd .errorMessage {
  display: block;
  width: 100%;
  margin: 0.14rem 0 0;
  color: #d63535;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  body.contact #main .article form dl dd .error,
  body.contact #main .article form dl dd .errorMessage, body.saleconsul #main .article form dl dd .error,
  body.saleconsul #main .article form dl dd .errorMessage, body.service #main .article form dl dd .error,
  body.service #main .article form dl dd .errorMessage, body.contact2 #main .article form dl dd .error,
  body.contact2 #main .article form dl dd .errorMessage {
    line-height: 1.5;
  }
}
body.contact #main .article form dl dd .caution, body.saleconsul #main .article form dl dd .caution, body.service #main .article form dl dd .caution, body.contact2 #main .article form dl dd .caution {
  width: 100%;
  margin: 0.2rem 0 0;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  body.contact #main .article form dl dd .caution, body.saleconsul #main .article form dl dd .caution, body.service #main .article form dl dd .caution, body.contact2 #main .article form dl dd .caution {
    line-height: 1.5;
  }
}
body.contact #main .article form dl input[type=text],
body.contact #main .article form dl input[type=email],
body.contact #main .article form dl input[type=tel],
body.contact #main .article form dl select,
body.contact #main .article form dl textarea, body.saleconsul #main .article form dl input[type=text],
body.saleconsul #main .article form dl input[type=email],
body.saleconsul #main .article form dl input[type=tel],
body.saleconsul #main .article form dl select,
body.saleconsul #main .article form dl textarea, body.service #main .article form dl input[type=text],
body.service #main .article form dl input[type=email],
body.service #main .article form dl input[type=tel],
body.service #main .article form dl select,
body.service #main .article form dl textarea, body.contact2 #main .article form dl input[type=text],
body.contact2 #main .article form dl input[type=email],
body.contact2 #main .article form dl input[type=tel],
body.contact2 #main .article form dl select,
body.contact2 #main .article form dl textarea {
  display: block;
  box-sizing: border-box;
  border: 1px solid #eee;
  padding: 0.15rem 0.18rem;
  background: #f5f5f5;
  font-size: 14px;
}
body.contact #main .article form dl input[type=text]::placeholder,
body.contact #main .article form dl input[type=email]::placeholder,
body.contact #main .article form dl input[type=tel]::placeholder, body.saleconsul #main .article form dl input[type=text]::placeholder,
body.saleconsul #main .article form dl input[type=email]::placeholder,
body.saleconsul #main .article form dl input[type=tel]::placeholder, body.service #main .article form dl input[type=text]::placeholder,
body.service #main .article form dl input[type=email]::placeholder,
body.service #main .article form dl input[type=tel]::placeholder, body.contact2 #main .article form dl input[type=text]::placeholder,
body.contact2 #main .article form dl input[type=email]::placeholder,
body.contact2 #main .article form dl input[type=tel]::placeholder {
  color: #bdbdbd;
}
body.contact #main .article form dl input[type=text].error,
body.contact #main .article form dl input[type=email].error,
body.contact #main .article form dl input[type=tel].error, body.saleconsul #main .article form dl input[type=text].error,
body.saleconsul #main .article form dl input[type=email].error,
body.saleconsul #main .article form dl input[type=tel].error, body.service #main .article form dl input[type=text].error,
body.service #main .article form dl input[type=email].error,
body.service #main .article form dl input[type=tel].error, body.contact2 #main .article form dl input[type=text].error,
body.contact2 #main .article form dl input[type=email].error,
body.contact2 #main .article form dl input[type=tel].error {
  border: 2px solid #d63535;
  padding: calc(0.15rem - 1px) calc(0.18rem - 1px);
}
body.contact #main .article form dl .selectWrapper, body.saleconsul #main .article form dl .selectWrapper, body.service #main .article form dl .selectWrapper, body.contact2 #main .article form dl .selectWrapper {
  display: table;
  position: relative;
}
@media screen and (max-width: 750px) {
  body.contact #main .article form dl .selectWrapper, body.saleconsul #main .article form dl .selectWrapper, body.service #main .article form dl .selectWrapper, body.contact2 #main .article form dl .selectWrapper {
    display: block;
  }
}
body.contact #main .article form dl .selectWrapper::after, body.saleconsul #main .article form dl .selectWrapper::after, body.service #main .article form dl .selectWrapper::after, body.contact2 #main .article form dl .selectWrapper::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 4px 0 4px;
  border-color: #000 transparent transparent transparent;
  position: absolute;
  top: 50%;
  right: 0.28rem;
  transform: translate(0, -50%);
}
body.contact #main .article form dl select, body.saleconsul #main .article form dl select, body.service #main .article form dl select, body.contact2 #main .article form dl select {
  box-sizing: border-box;
  min-width: 3.95rem;
  max-width: 100%;
  padding-right: calc(0.46rem + 8px);
  border-radius: 0.04rem;
}
@media screen and (max-width: 750px) {
  body.contact #main .article form dl select, body.saleconsul #main .article form dl select, body.service #main .article form dl select, body.contact2 #main .article form dl select {
    width: 100%;
  }
}
body.contact #main .article form dl select .placeholder, body.saleconsul #main .article form dl select .placeholder, body.service #main .article form dl select .placeholder, body.contact2 #main .article form dl select .placeholder {
  display: none;
}
body.contact #main .article form dl textarea, body.saleconsul #main .article form dl textarea, body.service #main .article form dl textarea, body.contact2 #main .article form dl textarea {
  width: 100%;
  height: 2rem;
}
body.contact #main .article .privacyPolicy .label, body.saleconsul #main .article .privacyPolicy .label, body.service #main .article .privacyPolicy .label, body.contact2 #main .article .privacyPolicy .label {
  padding: 0.36rem 0.26rem;
  line-height: 1;
  text-align: center;
}
body.contact #main .article .privacyPolicy .term, body.saleconsul #main .article .privacyPolicy .term, body.service #main .article .privacyPolicy .term, body.contact2 #main .article .privacyPolicy .term {
  box-sizing: border-box;
  height: 2.72rem;
  border: 1px solid #eee;
  padding: 0.34rem 0.3rem;
  background: #f5f5f5;
  overflow-y: scroll;
}
body.contact #main .article .privacyPolicy .term h2,
body.contact #main .article .privacyPolicy .term h3, body.saleconsul #main .article .privacyPolicy .term h2,
body.saleconsul #main .article .privacyPolicy .term h3, body.service #main .article .privacyPolicy .term h2,
body.service #main .article .privacyPolicy .term h3, body.contact2 #main .article .privacyPolicy .term h2,
body.contact2 #main .article .privacyPolicy .term h3 {
  font-size: 1em;
  line-height: 1;
}
body.contact #main .article .privacyPolicy .term h2 + p, body.contact #main .article .privacyPolicy .term h2 + ul, body.contact #main .article .privacyPolicy .term h2 + ol,
body.contact #main .article .privacyPolicy .term h3 + p,
body.contact #main .article .privacyPolicy .term h3 + ul,
body.contact #main .article .privacyPolicy .term h3 + ol, body.saleconsul #main .article .privacyPolicy .term h2 + p, body.saleconsul #main .article .privacyPolicy .term h2 + ul, body.saleconsul #main .article .privacyPolicy .term h2 + ol,
body.saleconsul #main .article .privacyPolicy .term h3 + p,
body.saleconsul #main .article .privacyPolicy .term h3 + ul,
body.saleconsul #main .article .privacyPolicy .term h3 + ol, body.service #main .article .privacyPolicy .term h2 + p, body.service #main .article .privacyPolicy .term h2 + ul, body.service #main .article .privacyPolicy .term h2 + ol,
body.service #main .article .privacyPolicy .term h3 + p,
body.service #main .article .privacyPolicy .term h3 + ul,
body.service #main .article .privacyPolicy .term h3 + ol, body.contact2 #main .article .privacyPolicy .term h2 + p, body.contact2 #main .article .privacyPolicy .term h2 + ul, body.contact2 #main .article .privacyPolicy .term h2 + ol,
body.contact2 #main .article .privacyPolicy .term h3 + p,
body.contact2 #main .article .privacyPolicy .term h3 + ul,
body.contact2 #main .article .privacyPolicy .term h3 + ol {
  padding: 0.16rem 0 0;
}
@media screen and (max-width: 750px) {
  body.contact #main .article .privacyPolicy .term h2 + p, body.contact #main .article .privacyPolicy .term h2 + ul, body.contact #main .article .privacyPolicy .term h2 + ol,
  body.contact #main .article .privacyPolicy .term h3 + p,
  body.contact #main .article .privacyPolicy .term h3 + ul,
  body.contact #main .article .privacyPolicy .term h3 + ol, body.saleconsul #main .article .privacyPolicy .term h2 + p, body.saleconsul #main .article .privacyPolicy .term h2 + ul, body.saleconsul #main .article .privacyPolicy .term h2 + ol,
  body.saleconsul #main .article .privacyPolicy .term h3 + p,
  body.saleconsul #main .article .privacyPolicy .term h3 + ul,
  body.saleconsul #main .article .privacyPolicy .term h3 + ol, body.service #main .article .privacyPolicy .term h2 + p, body.service #main .article .privacyPolicy .term h2 + ul, body.service #main .article .privacyPolicy .term h2 + ol,
  body.service #main .article .privacyPolicy .term h3 + p,
  body.service #main .article .privacyPolicy .term h3 + ul,
  body.service #main .article .privacyPolicy .term h3 + ol, body.contact2 #main .article .privacyPolicy .term h2 + p, body.contact2 #main .article .privacyPolicy .term h2 + ul, body.contact2 #main .article .privacyPolicy .term h2 + ol,
  body.contact2 #main .article .privacyPolicy .term h3 + p,
  body.contact2 #main .article .privacyPolicy .term h3 + ul,
  body.contact2 #main .article .privacyPolicy .term h3 + ol {
    padding: 0.3rem 0 0;
  }
}
body.contact #main .article .privacyPolicy .term h3,
body.contact #main .article .privacyPolicy .term p + ul,
body.contact #main .article .privacyPolicy .term p + ol, body.saleconsul #main .article .privacyPolicy .term h3,
body.saleconsul #main .article .privacyPolicy .term p + ul,
body.saleconsul #main .article .privacyPolicy .term p + ol, body.service #main .article .privacyPolicy .term h3,
body.service #main .article .privacyPolicy .term p + ul,
body.service #main .article .privacyPolicy .term p + ol, body.contact2 #main .article .privacyPolicy .term h3,
body.contact2 #main .article .privacyPolicy .term p + ul,
body.contact2 #main .article .privacyPolicy .term p + ol {
  padding: 0.16rem 0 0;
}
body.contact #main .article .privacyPolicy .term p + h2,
body.contact #main .article .privacyPolicy .term ul + h2,
body.contact #main .article .privacyPolicy .term ol + h2, body.saleconsul #main .article .privacyPolicy .term p + h2,
body.saleconsul #main .article .privacyPolicy .term ul + h2,
body.saleconsul #main .article .privacyPolicy .term ol + h2, body.service #main .article .privacyPolicy .term p + h2,
body.service #main .article .privacyPolicy .term ul + h2,
body.service #main .article .privacyPolicy .term ol + h2, body.contact2 #main .article .privacyPolicy .term p + h2,
body.contact2 #main .article .privacyPolicy .term ul + h2,
body.contact2 #main .article .privacyPolicy .term ol + h2 {
  padding: 0.32rem 0 0;
}
body.contact #main .article .privacyPolicy .term ul,
body.contact #main .article .privacyPolicy .term ol, body.saleconsul #main .article .privacyPolicy .term ul,
body.saleconsul #main .article .privacyPolicy .term ol, body.service #main .article .privacyPolicy .term ul,
body.service #main .article .privacyPolicy .term ol, body.contact2 #main .article .privacyPolicy .term ul,
body.contact2 #main .article .privacyPolicy .term ol {
  line-height: 1.8571428571;
}
body.contact #main .article .privacyPolicy .term ul::before, body.contact #main .article .privacyPolicy .term ul::after,
body.contact #main .article .privacyPolicy .term ol::before,
body.contact #main .article .privacyPolicy .term ol::after, body.saleconsul #main .article .privacyPolicy .term ul::before, body.saleconsul #main .article .privacyPolicy .term ul::after,
body.saleconsul #main .article .privacyPolicy .term ol::before,
body.saleconsul #main .article .privacyPolicy .term ol::after, body.service #main .article .privacyPolicy .term ul::before, body.service #main .article .privacyPolicy .term ul::after,
body.service #main .article .privacyPolicy .term ol::before,
body.service #main .article .privacyPolicy .term ol::after, body.contact2 #main .article .privacyPolicy .term ul::before, body.contact2 #main .article .privacyPolicy .term ul::after,
body.contact2 #main .article .privacyPolicy .term ol::before,
body.contact2 #main .article .privacyPolicy .term ol::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
body.contact #main .article .privacyPolicy .term ul::before,
body.contact #main .article .privacyPolicy .term ol::before, body.saleconsul #main .article .privacyPolicy .term ul::before,
body.saleconsul #main .article .privacyPolicy .term ol::before, body.service #main .article .privacyPolicy .term ul::before,
body.service #main .article .privacyPolicy .term ol::before, body.contact2 #main .article .privacyPolicy .term ul::before,
body.contact2 #main .article .privacyPolicy .term ol::before {
  margin-bottom: -0.4285714286em;
}
body.contact #main .article .privacyPolicy .term ul::after,
body.contact #main .article .privacyPolicy .term ol::after, body.saleconsul #main .article .privacyPolicy .term ul::after,
body.saleconsul #main .article .privacyPolicy .term ol::after, body.service #main .article .privacyPolicy .term ul::after,
body.service #main .article .privacyPolicy .term ol::after, body.contact2 #main .article .privacyPolicy .term ul::after,
body.contact2 #main .article .privacyPolicy .term ol::after {
  margin-top: -0.4285714286em;
}
body.contact #main .article .privacyPolicy .term dl, body.saleconsul #main .article .privacyPolicy .term dl, body.service #main .article .privacyPolicy .term dl, body.contact2 #main .article .privacyPolicy .term dl {
  line-height: 1.8571428571;
  display: block;
  border: none;
  padding: 0.16rem 0 0;
}
body.contact #main .article .privacyPolicy .term dl::before, body.contact #main .article .privacyPolicy .term dl::after, body.saleconsul #main .article .privacyPolicy .term dl::before, body.saleconsul #main .article .privacyPolicy .term dl::after, body.service #main .article .privacyPolicy .term dl::before, body.service #main .article .privacyPolicy .term dl::after, body.contact2 #main .article .privacyPolicy .term dl::before, body.contact2 #main .article .privacyPolicy .term dl::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
body.contact #main .article .privacyPolicy .term dl::before, body.saleconsul #main .article .privacyPolicy .term dl::before, body.service #main .article .privacyPolicy .term dl::before, body.contact2 #main .article .privacyPolicy .term dl::before {
  margin-bottom: -0.4285714286em;
}
body.contact #main .article .privacyPolicy .term dl::after, body.saleconsul #main .article .privacyPolicy .term dl::after, body.service #main .article .privacyPolicy .term dl::after, body.contact2 #main .article .privacyPolicy .term dl::after {
  margin-top: -0.4285714286em;
}
body.contact #main .article .privacyPolicy .term dl dt,
body.contact #main .article .privacyPolicy .term dl dd, body.saleconsul #main .article .privacyPolicy .term dl dt,
body.saleconsul #main .article .privacyPolicy .term dl dd, body.service #main .article .privacyPolicy .term dl dt,
body.service #main .article .privacyPolicy .term dl dd, body.contact2 #main .article .privacyPolicy .term dl dt,
body.contact2 #main .article .privacyPolicy .term dl dd {
  display: block;
  width: auto;
  height: auto;
  border: none;
  padding: 0;
}
body.contact #main .article .privacyPolicy .text, body.saleconsul #main .article .privacyPolicy .text, body.service #main .article .privacyPolicy .text, body.contact2 #main .article .privacyPolicy .text {
  line-height: 1.8571428571;
  padding: 0.38rem 0 0.26rem;
  text-align: center;
}
body.contact #main .article .privacyPolicy .text::before, body.contact #main .article .privacyPolicy .text::after, body.saleconsul #main .article .privacyPolicy .text::before, body.saleconsul #main .article .privacyPolicy .text::after, body.service #main .article .privacyPolicy .text::before, body.service #main .article .privacyPolicy .text::after, body.contact2 #main .article .privacyPolicy .text::before, body.contact2 #main .article .privacyPolicy .text::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
body.contact #main .article .privacyPolicy .text::before, body.saleconsul #main .article .privacyPolicy .text::before, body.service #main .article .privacyPolicy .text::before, body.contact2 #main .article .privacyPolicy .text::before {
  margin-bottom: -0.4285714286em;
}
body.contact #main .article .privacyPolicy .text::after, body.saleconsul #main .article .privacyPolicy .text::after, body.service #main .article .privacyPolicy .text::after, body.contact2 #main .article .privacyPolicy .text::after {
  margin-top: -0.4285714286em;
}
@media screen and (max-width: 750px) {
  body.contact #main .article .privacyPolicy .text, body.saleconsul #main .article .privacyPolicy .text, body.service #main .article .privacyPolicy .text, body.contact2 #main .article .privacyPolicy .text {
    text-align: left;
  }
}
body.contact #main .article .privacyPolicy .agree, body.saleconsul #main .article .privacyPolicy .agree, body.service #main .article .privacyPolicy .agree, body.contact2 #main .article .privacyPolicy .agree {
  display: block;
  box-sizing: border-box;
  width: 1.68rem;
  border: 1px solid #eee;
  margin: 0 auto;
  padding: 0.12rem 0 0.12rem 0.27rem;
  position: relative;
  background: #f5f5f5;
  line-height: 0.24rem;
}
@media screen and (max-width: 750px) {
  body.contact #main .article .privacyPolicy .agree, body.saleconsul #main .article .privacyPolicy .agree, body.service #main .article .privacyPolicy .agree, body.contact2 #main .article .privacyPolicy .agree {
    width: 3rem;
    padding: 0.3rem 0;
    text-align: center;
  }
}
body.contact #main .article .privacyPolicy .agree label::before, body.saleconsul #main .article .privacyPolicy .agree label::before, body.service #main .article .privacyPolicy .agree label::before, body.contact2 #main .article .privacyPolicy .agree label::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
body.contact #main .article .privacyPolicy .agree input, body.saleconsul #main .article .privacyPolicy .agree input, body.service #main .article .privacyPolicy .agree input, body.contact2 #main .article .privacyPolicy .agree input {
  box-sizing: border-box;
  width: 0.24rem;
  height: 0.24rem;
  margin: 0 0.14rem 0 0;
  -webkit-appearance: checkbox;
  appearance: checkbox;
  vertical-align: top;
}
body.contact #main .article .privacyPolicy .agree .error, body.saleconsul #main .article .privacyPolicy .agree .error, body.service #main .article .privacyPolicy .agree .error, body.contact2 #main .article .privacyPolicy .agree .error {
  display: block;
  margin: 0.14rem 0 0;
}
body.contact #main .article .btns, body.saleconsul #main .article .btns, body.service #main .article .btns, body.contact2 #main .article .btns {
  display: flex;
  margin: 0.48rem 0 0;
  justify-content: center;
}
body.contact #main .article .btns button,
body.contact #main .article .btns a, body.saleconsul #main .article .btns button,
body.saleconsul #main .article .btns a, body.service #main .article .btns button,
body.service #main .article .btns a, body.contact2 #main .article .btns button,
body.contact2 #main .article .btns a {
  width: 2.4rem;
  box-sizing: border-box;
  border: 1px solid #2d3441;
  padding: 0;
  background: #fff;
  border-radius: 0.04rem;
  color: #fff;
  font-size: 0.16rem;
  text-align: center;
  overflow: hidden;
  -webkit-appearance: none;
  appearance: none;
}
@media screen and (max-width: 750px) {
  body.contact #main .article .btns button,
  body.contact #main .article .btns a, body.saleconsul #main .article .btns button,
  body.saleconsul #main .article .btns a, body.service #main .article .btns button,
  body.service #main .article .btns a, body.contact2 #main .article .btns button,
  body.contact2 #main .article .btns a {
    width: calc(50% - 0.1rem);
    font-size: 0.3rem;
    line-height: 1.2rem;
  }
}
body.contact #main .article .btns button[type=reset], body.contact #main .article .btns button.btBack,
body.contact #main .article .btns a[type=reset],
body.contact #main .article .btns a.btBack, body.saleconsul #main .article .btns button[type=reset], body.saleconsul #main .article .btns button.btBack,
body.saleconsul #main .article .btns a[type=reset],
body.saleconsul #main .article .btns a.btBack, body.service #main .article .btns button[type=reset], body.service #main .article .btns button.btBack,
body.service #main .article .btns a[type=reset],
body.service #main .article .btns a.btBack, body.contact2 #main .article .btns button[type=reset], body.contact2 #main .article .btns button.btBack,
body.contact2 #main .article .btns a[type=reset],
body.contact2 #main .article .btns a.btBack {
  border-color: #7c818a;
}
body.contact #main .article .btns button[type=reset]::before, body.contact #main .article .btns button.btBack::before,
body.contact #main .article .btns a[type=reset]::before,
body.contact #main .article .btns a.btBack::before, body.saleconsul #main .article .btns button[type=reset]::before, body.saleconsul #main .article .btns button.btBack::before,
body.saleconsul #main .article .btns a[type=reset]::before,
body.saleconsul #main .article .btns a.btBack::before, body.service #main .article .btns button[type=reset]::before, body.service #main .article .btns button.btBack::before,
body.service #main .article .btns a[type=reset]::before,
body.service #main .article .btns a.btBack::before, body.contact2 #main .article .btns button[type=reset]::before, body.contact2 #main .article .btns button.btBack::before,
body.contact2 #main .article .btns a[type=reset]::before,
body.contact2 #main .article .btns a.btBack::before {
  background: #7c818a;
}
body.contact #main .article .btns button[type=reset]::after, body.contact #main .article .btns button.btBack::after,
body.contact #main .article .btns a[type=reset]::after,
body.contact #main .article .btns a.btBack::after, body.saleconsul #main .article .btns button[type=reset]::after, body.saleconsul #main .article .btns button.btBack::after,
body.saleconsul #main .article .btns a[type=reset]::after,
body.saleconsul #main .article .btns a.btBack::after, body.service #main .article .btns button[type=reset]::after, body.service #main .article .btns button.btBack::after,
body.service #main .article .btns a[type=reset]::after,
body.service #main .article .btns a.btBack::after, body.contact2 #main .article .btns button[type=reset]::after, body.contact2 #main .article .btns button.btBack::after,
body.contact2 #main .article .btns a[type=reset]::after,
body.contact2 #main .article .btns a.btBack::after {
  content: none;
}
html:not(.mobile) body.contact #main .article .btns button[type=reset]:hover, html:not(.mobile) body.contact #main .article .btns button.btBack:hover,
html:not(.mobile) body.contact #main .article .btns a[type=reset]:hover,
html:not(.mobile) body.contact #main .article .btns a.btBack:hover, html:not(.mobile) body.saleconsul #main .article .btns button[type=reset]:hover, html:not(.mobile) body.saleconsul #main .article .btns button.btBack:hover,
html:not(.mobile) body.saleconsul #main .article .btns a[type=reset]:hover,
html:not(.mobile) body.saleconsul #main .article .btns a.btBack:hover, html:not(.mobile) body.service #main .article .btns button[type=reset]:hover, html:not(.mobile) body.service #main .article .btns button.btBack:hover,
html:not(.mobile) body.service #main .article .btns a[type=reset]:hover,
html:not(.mobile) body.service #main .article .btns a.btBack:hover, html:not(.mobile) body.contact2 #main .article .btns button[type=reset]:hover, html:not(.mobile) body.contact2 #main .article .btns button.btBack:hover,
html:not(.mobile) body.contact2 #main .article .btns a[type=reset]:hover,
html:not(.mobile) body.contact2 #main .article .btns a.btBack:hover {
  color: #7c818a;
  border-color: #7c818a;
}
body.contact #main .article .btns button.btHome,
body.contact #main .article .btns a.btHome, body.saleconsul #main .article .btns button.btHome,
body.saleconsul #main .article .btns a.btHome, body.service #main .article .btns button.btHome,
body.service #main .article .btns a.btHome, body.contact2 #main .article .btns button.btHome,
body.contact2 #main .article .btns a.btHome {
  width: 3.4rem;
}
@media screen and (max-width: 750px) {
  body.contact #main .article .btns button.btHome,
  body.contact #main .article .btns a.btHome, body.saleconsul #main .article .btns button.btHome,
  body.saleconsul #main .article .btns a.btHome, body.service #main .article .btns button.btHome,
  body.service #main .article .btns a.btHome, body.contact2 #main .article .btns button.btHome,
  body.contact2 #main .article .btns a.btHome {
    width: 100%;
  }
}
body.contact #main .article .btns button + button,
body.contact #main .article .btns a + button, body.saleconsul #main .article .btns button + button,
body.saleconsul #main .article .btns a + button, body.service #main .article .btns button + button,
body.service #main .article .btns a + button, body.contact2 #main .article .btns button + button,
body.contact2 #main .article .btns a + button {
  margin: 0 0 0 0.18rem;
}
body.confirm #main .article form dl dt {
  height: auto;
}
body.confirm #main .article form dl dd.size01, body.confirm #main .article form dl dd.size03 {
  justify-content: flex-start;
}
body.confirm #main .article form dl dd.size01 .inputWrapper, body.confirm #main .article form dl dd.size03 .inputWrapper {
  width: auto !important;
}
body.confirm #main .article form dl dd.size01 .inputWrapper + .inputWrapper, body.confirm #main .article form dl dd.size03 .inputWrapper + .inputWrapper {
  margin: 0 0 0 1em;
}
body.confirm #main .article form dl dd .zip {
  line-height: inherit;
}
body.thanks #main .article .btns {
  margin: 0;
}
body.privacy #main .article, body.rure #main .article {
  padding-bottom: 0.65rem;
}
body.privacy #main .article .lead, body.rure #main .article .lead {
  border-bottom: 1px solid #eee;
  padding: 0.7rem 0 0.5rem;
  text-align: left;
}
body.privacy #main .article section, body.rure #main .article section {
  padding: 0.5rem 0 0;
}
body.privacy #main .article section h2, body.rure #main .article section h2 {
  font-size: 0.18rem;
}
@media screen and (max-width: 750px) {
  body.privacy #main .article section h2, body.rure #main .article section h2 {
    font-size: 0.3rem;
  }
}
body.privacy #main .article section h3, body.rure #main .article section h3 {
  line-height: 1.8571428571;
  padding: 0.25rem 0 0;
}
body.privacy #main .article section h3::before, body.privacy #main .article section h3::after, body.rure #main .article section h3::before, body.rure #main .article section h3::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
body.privacy #main .article section h3::before, body.rure #main .article section h3::before {
  margin-bottom: -0.4285714286em;
}
body.privacy #main .article section h3::after, body.rure #main .article section h3::after {
  margin-top: -0.4285714286em;
}
@media screen and (max-width: 750px) {
  body.privacy #main .article section h3, body.rure #main .article section h3 {
    padding: 0.4rem 0 0;
  }
}
body.privacy #main .article section p, body.rure #main .article section p {
  padding: 0.25rem 0 0;
}
@media screen and (max-width: 750px) {
  body.privacy #main .article section p, body.rure #main .article section p {
    padding: 0.4rem 0 0;
  }
}
body.privacy #main .article section ul,
body.privacy #main .article section ol,
body.privacy #main .article section dl, body.rure #main .article section ul,
body.rure #main .article section ol,
body.rure #main .article section dl {
  line-height: 1.8571428571;
  padding: 0.25rem 0 0;
}
body.privacy #main .article section ul::before, body.privacy #main .article section ul::after,
body.privacy #main .article section ol::before,
body.privacy #main .article section ol::after,
body.privacy #main .article section dl::before,
body.privacy #main .article section dl::after, body.rure #main .article section ul::before, body.rure #main .article section ul::after,
body.rure #main .article section ol::before,
body.rure #main .article section ol::after,
body.rure #main .article section dl::before,
body.rure #main .article section dl::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
body.privacy #main .article section ul::before,
body.privacy #main .article section ol::before,
body.privacy #main .article section dl::before, body.rure #main .article section ul::before,
body.rure #main .article section ol::before,
body.rure #main .article section dl::before {
  margin-bottom: -0.4285714286em;
}
body.privacy #main .article section ul::after,
body.privacy #main .article section ol::after,
body.privacy #main .article section dl::after, body.rure #main .article section ul::after,
body.rure #main .article section ol::after,
body.rure #main .article section dl::after {
  margin-top: -0.4285714286em;
}
@media screen and (max-width: 750px) {
  body.privacy #main .article section ul,
  body.privacy #main .article section ol,
  body.privacy #main .article section dl, body.rure #main .article section ul,
  body.rure #main .article section ol,
  body.rure #main .article section dl {
    padding: 0.4rem 0 0;
  }
}
body.privacy #main .article section ul li,
body.privacy #main .article section ol li,
body.privacy #main .article section dl li, body.rure #main .article section ul li,
body.rure #main .article section ol li,
body.rure #main .article section dl li {
  padding: 0 0 0 1.1em;
  text-indent: -1.1em;
}
body.privacy #main .article .note, body.rure #main .article .note {
  line-height: 1.8333333333;
  padding: 0.5rem 0 0;
  font-size: 0.12rem;
}
body.privacy #main .article .note::before, body.privacy #main .article .note::after, body.rure #main .article .note::before, body.rure #main .article .note::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
body.privacy #main .article .note::before, body.rure #main .article .note::before {
  margin-bottom: -0.4166666667em;
}
body.privacy #main .article .note::after, body.rure #main .article .note::after {
  margin-top: -0.4166666667em;
}
@media screen and (max-width: 750px) {
  body.privacy #main .article .note, body.rure #main .article .note {
    padding: 0.8rem 0 0;
    font-size: 0.2rem;
  }
}
#main .faqList {
  margin: 0 0 0.8rem;
  padding: 0.8rem 0;
  background: #fafafa;
}
@media screen and (max-width: 750px) {
  #main .faqList {
    margin: 0.5rem 0;
    padding: 0.5rem 0;
  }
}
#main .faqList dl + dl {
  margin: 0.42rem 0 0;
}
@media screen and (max-width: 750px) {
  #main .faqList dl + dl {
    margin: 0.3rem 0 0;
  }
}
#main .faqList dt {
  padding: 0.21rem 0 0.21rem 0.98rem;
  position: relative;
  background: #fff;
  font-size: 0.18rem;
  line-height: 1.6666666667;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 750px) {
  #main .faqList dt {
    padding: 0.27rem 0.78rem 0.27rem 1.22rem;
    font-size: 0.26rem;
    line-height: 1.7692307692;
    letter-spacing: 0;
  }
}
#main .faqList dt::before {
  content: "Q";
  display: block;
  width: 0.72rem;
  padding: 0.23rem 0 0;
  position: absolute;
  top: 0;
  bottom: -1px;
  left: 0;
  background: #4475c7;
  color: #fff;
  font-size: 0.26rem;
  font-weight: 400;
  line-height: 1;
  text-align: center;
}
@media screen and (max-width: 750px) {
  #main .faqList dt::before {
    width: 0.96rem;
    padding: 0.32rem 0 0;
    font-size: 0.36rem;
  }
}
@media screen and (max-width: 750px) {
  #main .faqList dt p::before, #main .faqList dt p::after {
    content: "";
    display: block;
    width: 0.3rem;
    height: 0.04rem;
    position: absolute;
    top: 0.48rem;
    right: 0.24rem;
    background: #4475c7;
  }
  #main .faqList dt p::before {
    transform: rotate(90deg);
    transition: transform 0.4s;
  }
}
#main .faqList dt.active p::before {
  transform: rotate(0);
}
#main .faqList dd {
  border-top: 1px solid #dae3f4;
  line-height: 1.8571428571;
  background: #fff;
}
@media screen and (min-width: 751px) {
  #main .faqList dd {
    display: block !important;
    height: auto !important;
    padding: 0.34rem 0.4rem !important;
  }
}
@media screen and (max-width: 750px) {
  #main .faqList dd {
    display: none;
    padding: 0.39rem 0.3rem;
    line-height: 1.6153846154;
  }
}
#main .faqList dd a {
  text-decoration: underline;
}

@media screen and (max-width: 750px) {
  #footer .fNav {
    padding: 0.6rem 0 1.36rem;
    background: url("../imgs/img-ftr_sp.jpg") 0.51rem calc(100% - 1rem)/2.08rem auto no-repeat;
  }
}
@media screen and (max-width: 750px) {
  #footer .pageTop {
    bottom: 1.32rem;
  }
  #footer .pageTop.fit {
    bottom: 4.15rem;
  }
}

@media screen and (max-width: 750px) {
  #wrap .cv {
    display: flex;
  }
}

.mfp-bg {
  z-index: 9500;
}

.mfp-wrap {
  z-index: 9501;
}

.mfp-fade.mfp-bg {
  opacity: 0;
  transition: all 0.5s ease-out;
}

/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}

/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transition: all 0.5s ease-out;
}

/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}

/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

/* wordpress */
.admin-bar #header .line02 nav #gNav .dropDownMenu {
  top: calc(1.2rem + 32px);
}

.mw_wp_form_confirm .privacyPolicy,
.mw_wp_form_confirm .btReset,
.mw_wp_form_confirm .selectWrapper::after {
  display: none !important;
}

.h-hidePC {
  display: none;
}
@media screen and (max-width: 750px) {
  .h-hidePC {
    display: block;
  }
}

.image-20years {
  margin-top: 40px;
}
@media screen and (max-width: 750px) {
  .image-20years {
    margin-top: 20px;
  }
}

.periodTxt01 {
  font-weight: normal;
  margin: 0 15px;
}
@media screen and (max-width: 750px) {
  .periodTxt01 {
    margin: 0;
  }
}

.periodTxt02 {
  font-size: 2.2em;
}
@media screen and (max-width: 750px) {
  .periodTxt02 {
    font-size: 2em;
  }
}

.periodTxt04 {
  position: absolute;
  bottom: 0;
  left: 50%;
  white-space: nowrap;
  font-weight: normal;
  transform: translate(-50%, 100%);
  font-size: 0.16rem;
}

.periodTxtbox {
  position: relative;
}