.sp440, .sp360{display:none}

@media screen and (min-width: 751px) {
a[href^="tel:"]{pointer-events: none;}
.sp{display:none}
	.sp_contact li a .txt {-webkit-writing-mode: vertical-rl; -moz-writing-mode: vertical-rl; -ms-writing-mode: vertical-rl; writing-mode: vertical-rl; -webkit-text-orientation: mixed; -moz-text-orientation: mixed; -ms-text-orientation: mixed; text-orientation: mixed; -ms-writing-mode: tb-rl;text-orientation: upright;}

.idx_box { padding: 100px 50px; position: relative; }
.idx_box:not(:last-child) {margin-bottom: 64px;}
.idx_box_bg {position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: -2;pointer-events: none; border-radius: 16px;}
.idx_box_bg:before {content: ''; position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: -2;pointer-events: none;background: rgba(255,255,255,0.1);backdrop-filter: blur(30px); -webkit-backdrop-filter: blur(30px); box-shadow: 0 4px 30px rgba(255, 255, 255, 0.1);filter: brightness(110%);clip-path: shape(from 99.98% 0.47%,vline by 98.11%,smooth by -26.81% 1.43% with -11.41% 1.43%,smooth by -3.7% -0.03% with -2.44% -0.01%,curve by -38.47% -1.1% with -17.26% -0.26%/-21.11% -0.99%,curve by -31% 0.66% with -17.36% -0.11%/-31% 0.66%,vline to 1.43%,smooth to 30.53% 0.03% with 13.28% -0.23%,smooth by 38.47% 1.1% with 21.11% 0.99%,curve by 31% -0.66% with 17.36% 0.11%/31% -0.66%,close);}
.idx_box_bg:after {content: '';position: absolute;width: 100%;height: 100%;background: url("../images/ic_wave_top.svg") no-repeat top center/100% auto, url("../images/ic_wave_bottom.svg") no-repeat bottom center/100% auto;top: 0;left: 0;z-index: -2;display: none;}
	
@-moz-document url-prefix() {
	#index .idx_box:nth-child(1) .idx_box_bg:before {-webkit-mask-image: url("../images/idx_mask1.png"); mask-image: url("../images/idx_mask1.png"); mask-repeat: no-repeat;}
	#index .idx_box:nth-child(2) .idx_box_bg:before {-webkit-mask-image: url("../images/idx_mask2.png"); mask-image: url("../images/idx_mask2.png"); mask-repeat: no-repeat;}
	#index .idx_box:nth-child(3) .idx_box_bg:before {-webkit-mask-image: url("../images/idx_mask3.png"); mask-image: url("../images/idx_mask3.png"); mask-repeat: no-repeat;}
	#index .idx_box:nth-child(4) .idx_box_bg:before {-webkit-mask-image: url("../images/idx_mask4.png"); mask-image: url("../images/idx_mask4.png"); mask-repeat: no-repeat;}
}
/* hover */
	.nav_list li a:hover:after {width: 100%;}
	.nav_list .sub li a:hover:after {width: calc(100% - 15px);}
	.hamburger:hover {background-color: var(--txt);}
	.to_top:hover {background-color: #949494;color: #fff;}
	.to_top:hover:before {background-color: #fff;}
	
	.btn a:hover {background-color: var(--brown-light);}
	.sec03_list li a:hover {background-color: #b7a793;}
	.sec05_list li a:hover .ttl {color: var(--mcolor);}
}

@media screen and (min-width: 751px) and (max-width: 1700px){
#wrapper { padding-right: 200px; }
	.mv .inner {padding-bottom: 50px;}
	h1 { max-width: calc(100% - 700px); }
}
@media screen and (min-width: 751px) and (max-width: 1500px){
.mv .mv_ttl img { width: 650px; }
}
@media screen and (min-width: 751px) and (max-width: 1300px){
.mv .mv_ttl img { width: 550px; }
#wrapper { padding-right: 150px; }
	#logo {margin-right: 30px;}
	h1 { max-width: calc(100% - 650px); }
}

/* screen-min:750px */
@media screen and (max-width: 750px) {
img{max-width:100%; height: auto;}
.swap img{width:auto;}
#wrapper,
header,
main,
footer,
.inner{width:100%!important;min-width:unset!important}
.pc{display:none!important}
#wrapper { display: block; padding: 0; }
.wp_fixed { position: relative; }
/*=====================================================
                      C U S T O M
======================================================*/

/*============ HEADER ============*/
.h_pay {display: none;}
.hamburger { width: 60px; height: 60px; font-size: 12px; right: 0; }
.hamburger:before { width: 18px; height: 22px; background-size: contain; left: 0; }
.h_box { padding-top: 12px; }
h1 { margin: 0 0 73px; width: calc(100vw - 85px); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; height: 48px; line-height: 1.65em;white-space: normal;}
#logo { margin: 0; text-align: center; }
.h_top {display: block;}
#logo_sp { margin: 0; position: fixed; top: 0; left: 0;opacity: 0;visibility: hidden;transition: all 0.3s;z-index: 9;}
header.fixed #logo_sp {opacity: 1;visibility: visible;}
#logo_sp a { width: 188px; height: 60px; background: url("../images/logo_ic_sp.svg") no-repeat left 4px top -5px #fff; display: flex ; justify-content: center; align-items: center; }
.nav_list { display: block; height: 100%;overflow: auto;padding: 0 15px 20px;}
nav:before { width: 257px; height: 211px; top: 0; left: 0; }
nav:after { width: 271px; height: 281px; right: -60px; bottom: 68px; }
nav { height: 100%; padding: 53px 0 30px;border-radius: 0;}
.nav_list>li>a, .nav_list>li>span { display: block; font-size: 18px; padding: 5px 0; }
.nav_list>li:not(:last-child) { margin: 0 0 26px; }
.nav_list>li>span { margin: 0 0 11px; }
nav .inner { height: 100%;padding-right: 0; }
.sub li:not(:last-child) { margin: 0; }
.sub li a { display: block; padding: 3px 0 3px 15px; }
	.sub li a:before {top: 12px;}
/*============ Main ============*/
main{padding-top: 0;margin: 0;}
.mv { position: relative;height: 620px;background-image: url("../images/mv_sp.jpg");}
.mv .mv_ttl img { width: 292px; }
.mv .inner { padding-bottom: 91px; padding-left: 4px;width: 375px!important;}

/* sec01 */
.sec01 {position: relative;margin-top: -14px;}
.sec01:before {content: '';position: absolute;width: 100%;background: url("../images/sec01_bg_sp.png") no-repeat top center/100% auto;height: 8.6vw;top:-8vw;left: 0;}
.sec01_info { border-radius: 0; padding: 31px 0 120px;background: linear-gradient(180deg, rgba(35, 156, 202, 1) 20%, rgba(188, 225, 239, 1) 35%, rgba(216, 232, 235, 1) 40%, rgba(254, 251, 243, 1) 60%, rgba(246, 240, 230, 1) 100%);}
.idx_box:nth-child(1):before { z-index: 2; top: -46px; width: 54px; height: 41px; right: auto; left: calc(50% + 26px); }
.top_pay { text-align: center; color: #fff; margin: 0 0 37px;}
.top_pay_ttl { font-size: 14px; font-weight: 500; margin: 0 0 8px; }
.sec01_info .idx_ttl .en { margin: 0 0 19px; }
.sec01_info .idx_ttl {color: #fff;margin-bottom: 35px;}
.sec01 .sec01_info:before { width: 199px; height: 247px; background-size: 154px auto, 121px auto; background-position: top left, bottom right; left: calc(50% - 34px); top: 90px; }
.sec01_map { margin: 0 0 18px; }
.sec01_main { padding-bottom: 80px; }
.sec01_info .inner, .sec03 .inner { width: 375px !important; }
.sec01 .idx_ttl { max-width: 335px; margin-left: auto; margin-right: auto; }
/* sec02 */
	.sec02_item_img img, .sec02_bottom_img img {width: 100%;}
/* sec03 */
.sec03 { padding: 19px 0 79px; margin-bottom: 0; }
.sec03_top_img { margin: 0 0 48px; }
/* sec04 */
	.sec04 .inner:after {content: '';position: absolute;background: url("../images/sec04_bottom_wave.svg") no-repeat bottom center/100% auto;height: 110px;left: 0;bottom: -80px;width: 100%;z-index: -2;}
.sec04 { margin-bottom: 115px; padding-bottom: 30px; }
/* sec05 */
.sec05 { margin-bottom: 112px; }

/*============ FOOTER ============*/
footer{margin-bottom: 0;padding-top: 61px;}
	footer:before {top: -49px;}
address { background: var(--brown); height: auto; display: block; padding: 16px 0;margin-bottom: 55px;}
.idx_box:last-child { margin: 0; }
footer .sec01_info:before { max-width: 375px; left: calc(50% - 187px); }
	footer .inner {max-width: 375px!important;}
/* sp contact */
.sp_contact { display: flex ; height: 55px; right: 0; bottom: 0; top: auto;width: 100%;z-index: 4;opacity: 0;visibility: hidden;transition: all 0.3s;}
	.sp_contact.show {opacity: 1;visibility: visible;}
.sp_contact li { width: 50%; height: 100%; }
.sp_contact li a { width: 100%; flex-direction: row; }
.sp_contact li a:before { margin: 0 8px 0 0; }
	.sp_contact li.sp_contact_tel a:before {margin-right: 4px;}
	.sp_contact li a .num {display: none;}
/* to top */
.to_top{width:50px;height:50px;right:0;font-size: 14px;bottom: 80px;opacity: 0;visibility: hidden;}
.to_top:before { margin: 4px 0 2px; }
/*============ END 750 ============ */

}



/* screen-max:460px */
@media screen and (max-width: 440px) {
.sp440 {display: block !important;}
.pc440{display: none !important}

}

/* screen-max: 360px */
@media screen and (max-width: 360px) {
	.sp360 {display: block;}
	.pc375 {display: none;}
.sub li a { font-size: 15px; }
	.nav_list {padding: 0 15px 20px 0;}
.sec01_add { font-size: 15px; }
.sec01_calendar_txt li { font-size: 12px; }
.idx_ttl { font-size: 24px; }
.sec01_list li { width: 136px; height: 136px; font-size: 16px; margin-bottom: 40px; }
.sec01_list:after { width: 300px; height: 430px; }
.sec02_item:before { width: 150px; height: 122px; right: -65px; }
.sec02_item:nth-child(1) .idx_ttl .en img { width: 200px; }
.sec02_item_ttl {line-height: 1.5em;}
.sec02_item:nth-child(2) .sec02_item_img:before { width: 90px; height: 83px; top: -44px; }
.sec03_list li { width: 136px; margin-bottom: 8px;}
.sec03_list li a { height: 136px; font-size: 14px; background-size: auto 36px; padding-bottom: 25px; }
.sec03_list li:nth-child(9) a { font-size: 13px; padding-bottom: 20px; }
.sec04_img { width: 250px; height: 250px; margin: 0 auto 37px; }
.sec04_img:after { width: 290px; height: 300px; top: calc(50% - 150px); left: calc(50% - 145px); }
.sec04 .idx_ttl .en img { width: 230px; }
.to_top {bottom: 95px}
	.ft_map_txt {font-size: 13px;}
}