/*
 * _setting.scss
 */
/*
 * _mixin.scss
 */
@import url("https://fonts.googleapis.com/css2?family=Zen+Old+Mincho:wght@600&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Cinzel:wght@400..900&display=swap");
@font-face {
  font-family: "Noto Sans CJK JP";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: local("Noto Sans CJK JP Thin"), url("/assets/fonts/NotoSansCJKjp-Thin.woff2") format("woff2"), url("/assets/fonts/NotoSansCJKjp-Thin.woff") format("woff");
}
@font-face {
  font-family: "Noto Sans CJK JP";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local("Noto Sans CJK JP Light"), url("/assets/fonts/NotoSansCJKjp-Light.woff2") format("woff2"), url("/assets/fonts/NotoSansCJKjp-Light.woff") format("woff");
}
@font-face {
  font-family: "Noto Sans CJK JP";
  font-style: normal;
  font-weight: 350;
  font-display: swap;
  src: local("Noto Sans CJK JP DemiLight"), url("/assets/fonts/NotoSansCJKjp-DemiLight.woff2") format("woff2"), url("/assets/fonts/NotoSansCJKjp-DemiLight.woff") format("woff");
}
@font-face {
  font-family: "Noto Sans CJK JP";
  font-style: normal;
  font-weight: normal;
  font-display: swap;
  src: local("Noto Sans CJK JP Regular"), url("/assets/fonts/NotoSansCJKjp-Regular.woff2") format("woff2"), url("/assets/fonts/NotoSansCJKjp-Regular.woff") format("woff");
}
@font-face {
  font-family: "Noto Sans CJK JP";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local("Noto Sans CJK JP Medium"), url("/assets/fonts/NotoSansCJKjp-Medium.woff2") format("woff2"), url("/assets/fonts/NotoSansCJKjp-Medium.woff") format("woff");
}
@font-face {
  font-family: "Noto Sans CJK JP";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Noto Sans CJK JP Bold"), url("/assets/fonts/NotoSansCJKjp-Bold.woff2") format("woff2"), url("/assets/fonts/NotoSansCJKjp-Bold.woff") format("woff");
}
@font-face {
  font-family: "Noto Sans CJK JP";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local("Noto Sans CJK JP Black"), url("/assets/fonts/NotoSansCJKjp-Black.woff2") format("woff2"), url("/assets/fonts/NotoSansCJKjp-Black.woff") format("woff");
}
.html_yappli.html_login body#top {
  background: #F4F4EF;
}
.html_yappli.html_login body#top .l-wrapper .l-content .p-secMain {
  padding: 0;
  margin-bottom: 0;
}

.html_yappli .l-footer {
  padding-bottom: 0;
}
.html_yappli .l-footer_copyright {
  margin-top: 0;
}

.yappli-secTop {
  padding: 8.0515297907vw 8.0515297907vw;
  padding: 3.2206119163vw 6.4412238325vw 8.0515297907vw;
  display: flex;
  align-items: center;
  flex-grow: 1;
}
.yappli-secTop_in {
  width: 100%;
}
.yappli-secTop_cnt1 ul li a,
.yappli-secTop_cnt1 ul li button {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  background: #fff;
  height: 18.0354267311vw;
  height: 18.8405797101vw;
  border: 0.1610305958vw solid #707070;
  border: 1px solid #707070;
  border-radius: 0.2415458937vw;
  text-decoration: none;
}
.yappli-secTop_cnt1 ul li a span,
.yappli-secTop_cnt1 ul li button span {
  text-align: center;
  letter-spacing: 0.04em;
  font-family: "Noto Sans CJK JP", sans-serif;
  font-weight: 700;
  color: #232A2C;
}
.yappli-secTop_cnt1 ul li a::before,
.yappli-secTop_cnt1 ul li button::before {
  content: "";
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.yappli-secTop_cnt1 ._nav1 ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2.4154589372vw;
}
.yappli-secTop_cnt1 ._nav1 ul li a,
.yappli-secTop_cnt1 ._nav1 ul li button {
  font-size: 2.576489533vw;
  font-size: 2.8985507246vw;
  line-height: 1.5625;
}
.yappli-secTop_cnt1 ._nav1 ul li a::before,
.yappli-secTop_cnt1 ._nav1 ul li button::before {
  margin-right: 2.0128824477vw;
}
.yappli-secTop_cnt1 ._nav1 ul li a.-mypage::before,
.yappli-secTop_cnt1 ._nav1 ul li button.-mypage::before {
  background-image: url(../img/yappli/ico_mypage.svg);
  width: 7.8904991948vw;
  height: 7.8904991948vw;
}
.yappli-secTop_cnt1 ._nav1 ul li a.-contact::before,
.yappli-secTop_cnt1 ._nav1 ul li button.-contact::before {
  background-image: url(../img/yappli/ico_contact.svg);
  width: 9.8228663446vw;
  height: 7.0853462158vw;
  margin-right: 1.6103059581vw;
  width: 7.8582930757vw;
  height: 5.6682769726vw;
}
.yappli-secTop_cnt1 ._nav1 ul li a.-raisapo::before,
.yappli-secTop_cnt1 ._nav1 ul li button.-raisapo::before {
  background-image: url(../img/yappli/ico_raisapo.svg);
  width: 7.5684380032vw;
  height: 6.92431562vw;
  margin-right: 0vw;
}
.yappli-secTop_cnt1 ._nav1 ul li a.-faq::before,
.yappli-secTop_cnt1 ._nav1 ul li button.-faq::before {
  background-image: url(../img/yappli/ico_faq.svg);
  width: 7.8099838969vw;
  height: 7.3268921095vw;
}
.yappli-secTop_cnt1 ._nav2 {
  margin-top: 2.4154589372vw;
}
.yappli-secTop_cnt1 ._nav2 ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.4154589372vw;
}
.yappli-secTop_cnt1 ._nav2 ul li a,
.yappli-secTop_cnt1 ._nav2 ul li button {
  font-size: 2.3349436393vw;
  font-size: 2.8985507246vw;
  line-height: 1.2068965517;
  flex-direction: column;
}
.yappli-secTop_cnt1 ._nav2 ul li a::before,
.yappli-secTop_cnt1 ._nav2 ul li button::before {
  margin-bottom: 1.2077294686vw;
}
.yappli-secTop_cnt1 ._nav2 ul li a.-rashiku::before,
.yappli-secTop_cnt1 ._nav2 ul li button.-rashiku::before {
  background-image: url(../img/yappli/ico_rashiku.svg);
  width: 9.3397745572vw;
  height: 6.1191626409vw;
}
.yappli-secTop_cnt1 ._nav2 ul li a.-oteire::before,
.yappli-secTop_cnt1 ._nav2 ul li button.-oteire::before {
  background-image: url(../img/yappli/ico_oteire.svg);
  width: 7.0048309179vw;
  height: 7.4879227053vw;
}
.yappli-secTop_cnt1 ._nav2 ul li a.-disaster::before,
.yappli-secTop_cnt1 ._nav2 ul li button.-disaster::before {
  background-image: url(../img/yappli/ico_disaster.svg);
  width: 8.2125603865vw;
  height: 5.9581320451vw;
  height: 7.4879227053vw;
}
.yappli-secTop_cnt1 ._nav2 ul li a.-reform::before,
.yappli-secTop_cnt1 ._nav2 ul li button.-reform::before {
  background-image: url(../img/yappli/ico_reform.svg);
  width: 12.5603864734vw;
  height: 7.9710144928vw;
  height: 8.8566827697vw;
}
.yappli-secTop_cnt1 ._nav2 ul li a.-realestate::before,
.yappli-secTop_cnt1 ._nav2 ul li button.-realestate::before {
  background-image: url(../img/yappli/ico_realestate.svg);
  width: 7.8099838969vw;
  height: 8.8566827697vw;
}
.yappli-secTop_cnt1 ._nav2 ul li a.-branch::before,
.yappli-secTop_cnt1 ._nav2 ul li button.-branch::before {
  background-image: url(../img/yappli/ico_branch.svg);
  width: 10.2254428341vw;
  height: 7.0853462158vw;
}

.yappli-pop {
  position: fixed;
  inset: 0;
  background: rgba(18, 21, 22, 0.6);
  padding: 14.2512077295vw 8.0515297907vw;
  opacity: 0;
  z-index: -1;
  visibility: hidden;
  pointer-events: none;
  transition: 0.4s ease-in-out;
}
.yappli-pop.is-active {
  opacity: 1;
  z-index: 100;
  visibility: visible;
  pointer-events: auto;
  height: 100vh;
}
.yappli-pop_in {
  position: relative;
  height: 100%;
}
.yappli-pop_close {
  position: absolute;
  top: -10.4669887279vw;
  right: -6.4412238325vw;
  z-index: 2;
  width: 6.4412238325vw;
  height: 6.4412238325vw;
}
.yappli-pop_close::before, .yappli-pop_close::after {
  content: "";
  background: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 0.1610305958vw;
}
.yappli-pop_close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.yappli-pop_close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.yappli-pop_cnt1 {
  position: relative;
  opacity: 0;
  z-index: -1;
  visibility: hidden;
  pointer-events: none;
  position: absolute;
}
.yappli-pop_cnt1.is-active {
  position: relative;
  opacity: 1;
  z-index: 0;
  visibility: visible;
  pointer-events: auto;
  height: 100%;
  overflow-y: scroll;
}
.yappli-pop_cnt1 ._event {
  margin-bottom: 3.3816425121vw;
}
.yappli-pop_cnt1 ._event ul li + li {
  margin-top: 1.690821256vw;
}
.yappli-pop_cnt1 ._nav1 ul li + li {
  margin-top: 1.690821256vw;
}
.yappli-pop_cnt1 ._nav1 ul li a, .yappli-pop_cnt1 ._nav1 ul li button {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: #fff;
  min-height: 11.2721417069vw;
  padding: 3.2206119163vw 1.6103059581vw;
  text-decoration: none;
}
.yappli-pop_cnt1 ._nav1 ul li a span, .yappli-pop_cnt1 ._nav1 ul li button span {
  text-align: center;
  letter-spacing: 0.05em;
  font-family: "Noto Sans CJK JP", sans-serif;
  font-weight: 700;
  color: #232A2C;
  font-size: 3.7037037037vw;
  line-height: 1.5;
}
.yappli-pop_cnt1 ._nav1 ul li a span._tel, .yappli-pop_cnt1 ._nav1 ul li button span._tel {
  margin-top: 1.6103059581vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
.yappli-pop_cnt1 ._nav1 ul li a span._tel::before, .yappli-pop_cnt1 ._nav1 ul li button span._tel::before {
  content: "";
  display: block;
  width: 4.8309178744vw;
  height: 3.6231884058vw;
  background: url(../img/common/ico_freecall_base.svg) no-repeat center center/contain;
  margin-right: 1.6103059581vw;
  margin-top: 0.8051529791vw;
}
.yappli-pop_cnt1 ._nav1 ul li a span._open, .yappli-pop_cnt1 ._nav1 ul li button span._open {
  font-size: 3.2206119163vw;
}

.p-branchEvent {
  color: #232A2C;
}

.yappli-secNav {
  height: 100vh;
  background: #000;
  padding: 11.2721417069vw 13.6876006441vw;
  padding: 11.2721417069vw 8.0515297907vw;
}
.yappli-secNav_in {
  position: relative;
  height: 100%;
}
.yappli-secNav_cnt1 {
  height: 100%;
  overflow-y: scroll;
}
.yappli-secNav_cnt1 ._nav1 ul li a {
  display: block;
  color: #fff;
  text-decoration: none;
  font-family: "Noto Sans CJK JP", sans-serif;
  font-weight: 500;
  font-size: 3.7037037037vw;
  letter-spacing: 0.06em;
  border-bottom: 0.2415458937vw dashed #707070;
  min-height: 12.3993558776vw;
  display: flex;
  align-items: center;
  padding: 2.8180354267vw;
  padding: 2.8180354267vw 2.0128824477vw;
}
.yappli-secNav_cnt1 ._nav1 ul li a span {
  font-size: 0.9em;
  letter-spacing: 0;
}/*# sourceMappingURL=yappli.css.map */