@charset "utf-8";

.pc{ display: block; }
.sp{ display: none; }
.header{ padding-bottom: 140px; }
.header__title-img img{ width: 100%; height: auto; }
.header-body__title{ max-width: 506px; }
.header-body__title a{ display: block; line-height: 0; }
.header-body__title a img{ width: 100%; height: auto; }
.header-nav__list .header-nav__link{ border: 1px solid #2d4f72; color: #2d4f72; background-color: #ffffff; }
.header-nav__form_btn .header-nav__link{ border: none; background-color: #2d4f72; color: #ffffff; }
.header-nav__item-catalog .header-nav__link::before{ width: 18px; height: 21px; }
.header-nav__list .header-nav__item-map,
.header-nav__list .header-nav__item-outline{ margin-right: 30px; }
.header-nav__item-map .header-nav__link,
.header-nav__item-outline .header-nav__link{ padding: 2px 15px 2px 0; border: none; border-bottom: 1px solid #2d4f72; }
.header-nav__item-map .header-nav__link::before,
.header-nav__item-outline .header-nav__link::before{ display: none; }
.header-nav__item-map .header-nav__link::after,
.header-nav__item-outline .header-nav__link::after{ content: ""; position: absolute; right: 0; top: 50%; width: 6px; height: 6px; border: solid #2d4f72; border-width: 1px 1px 0 0; transform: translate(-25%,-50%) rotate(45deg); }
.localnav__list{ justify-content: center; }
.localnav__list .localnav__item{ border: none; }
.localnav__list .localnav__item:nth-child(n+2){ margin-left: -1px; }
.localnav__item .localnav__link{ position: relative; color: #2d4f72; }
.localnav__item .localnav__link::before{ content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; height: 20px; border: solid #2d4f72; border-width: 0 1px; box-sizing: border-box; pointer-events: none; }
.localnav__item .localnav__link.current{ background-color: #2d4f72; color: #ffffff; }
.localnav__item .localnav__link.disabled{ color: #c0cad5; pointer-events: none; opacity: 1; }
#main .end-caption{ font-size: 12px; line-height: 1.5; max-width: 1280px; margin: 0 auto; padding: 80px 5%; box-sizing: content-box; }
#main img{ max-width: 100%; height: auto; vertical-align: bottom; }
.footer-topcontrol{ position: fixed; top: auto; width: 90px; height: auto; bottom: 20px; right: 20px; z-index: 5000; }
.footer-topcontrol::after{ display: none; }
.footer-topcontrol img{ width: 100%; height: auto; }
.footer .localnav{ padding: 0 0 50px; }
.footer-aside-nav{ background-color: #ffffff; }
.footer-tel{ background-color: #ffffff; }
.footer-tel_name{ font-size: 18px; }
.footer-tel__body .footer-tel__link{ font-size: 56px; }
.footer-tel__body .footer-tel__link .icon{ display: inline-block; width: 52px; margin-right: 0.1em; line-height: 0; }
.footer-tel__body .footer-tel__link .icon img{ width: 100%; height: auto; }
.footer-tel__detail .footer-tel__detail-text{ font-size: 18px; }
.footer-company__list{ padding: 40px 0; }
.footer-company__list .footer-company__item{ display: flex; justify-content: center; align-items: center; width: auto; margin-bottom: 0; }
.footer-company__title{ margin-bottom: 0; white-space: nowrap; margin-right: 10px; }
.footer-company__list .footer-company__item.credit01 .footer-company__img{ width: 100%; max-width: 343px; }
.footer-menu{ max-width: 1280px; margin: 0 auto; }
.footer-copy{ padding-bottom: 20px; }
.js-inview{ opacity: 0; transition: opacity 0.8s ease-in; }
.js-inview.show{ opacity: 1; }


@media screen and (max-width: 1023px) {
	.header{ padding-bottom: 60px; }
	.header-body{ padding-right: 70px; display: flex; align-items: center; }
	.localnav__list{ justify-content: flex-start; }
	.localnav .localnav__list .localnav__item{ border-color: #2d4f72; }
	.localnav__list .localnav__item:nth-child(n+2){ margin-left: 0; }
	.localnav__item .localnav__link{ padding: 15px 0; }
	.localnav__item .localnav__link::before{ display: none; }
	#main .end-caption{ padding: 15% 5%; }
	.footer-topcontrol{ bottom: 80px; right: 10px; }
	.footer{ margin-top: 0; }
	.footer-nav{ border-top-color: #2d4f72; }
	.footer-nav .footer-nav__item:not(:last-of-type) { border-right: 1px solid #c0cad5; }
	.footer-nav .footer-nav__link{ color: #2d4f72; }
	.footer-nav__item-catalog .footer-nav__link,
	.footer-nav__item-tel .footer-nav__link{ background-color: #2d4f72; color: #ffffff; }
	.footer-tel_name{ font-size: 14px; }
	.footer-tel__body .footer-tel__link{ font-size: 42px; }
	.footer-tel__detail .footer-tel__detail-text{ font-size: 14px; }
	.footer-tel__detail .footer-tel__detail-text:not(:last-of-type){ margin: 0 1em 0 0; }
	.footer-company__list{ padding: 20px 0; }
	.footer-company__list .footer-company__item{ max-width: none; }
	.footer-company__list .footer-company__item.credit01 .footer-company__img{ max-width: 274px; }
	.footer-menu{ padding-top: 0; }
}
@media screen and (max-width: 768px) {
	.pc{ display: none; }
	.sp{ display: block; }
	.footer-topcontrol{ width: 60px; }
}






.header-nav__list .header-nav__link{ transition: opacity 0.3s; }
.header-nav__list .header-nav__link:active{ opacity: 0.7; }
.localnav__item .localnav__link{ transition: opacity 0.3s; }
.localnav__item .localnav__link:active{ opacity: 0.7; }
.footer-topcontrol{ transition: opacity 0.3s; }
.footer-topcontrol:active{ opacity: 0.7; }
@media (hover: hover){
	.header-nav__list .header-nav__link:hover{ opacity: 0.7; }
	.localnav__item .localnav__link:hover{ opacity: 0.7; }
	.footer-topcontrol:hover{ opacity: 0.7; }
}