/*margin-bottom*/
.mb05em{margin-bottom:.5em;}
.mb1em{margin-bottom:1em;}
.mb4_8{margin-bottom:var(--px4_8);}
.mb8_16{margin-bottom:var(--px8_16);}
.mb16_24{margin-bottom:var(--px16_24);}
.mb16_32{margin-bottom:var(--px16_32);}
.mb24_32{margin-bottom:var(--px24_32);}
.mb24_40{margin-bottom:var(--px24_40);}
.mb24_48{margin-bottom:var(--px24_48);}
.mb32_40{margin-bottom:var(--px32_40);}
.mb32_48{margin-bottom:var(--px32_48);}
.mb48_96{margin-bottom:var(--px48_96);}
.mb64_120{margin-bottom:var(--px64_120);}
.mb64_144{margin-bottom:var(--px64_144);}
@media only screen and (max-width:1023px){
    .mb_ajust01{margin-bottom:var(--px64_144);}
}
@media only screen and (min-width:1024px){
    .mb_ajust01{margin-bottom:var(--px48_96);}
}
@media only screen and (max-width:1023px){
    .mb_ajust02{margin-bottom:var(--max1023_px24_28);}
}
@media only screen and (min-width:1024px){
    .mb_ajust02{margin-bottom:var(--px48_64);}
}
@media only screen and (max-width:1023px){
    .mb_ajust03{margin-bottom:var(--px64_144);}
}
@media only screen and (min-width:1024px){
    .mb_ajust03{margin-bottom:var(--px64_144);}
}
@media only screen and (max-width:1023px){
    .mb_ajust04{margin-bottom:var(--px64_144);}
}
@media only screen and (min-width:1024px){
    .mb_ajust04{margin-bottom:var(--px48_96);}
}
@media only screen and (max-width:1023px){
    .mb_ajust05{margin-bottom:var(--max1023_px24_28);}
}
@media only screen and (min-width:1024px){
    .mb_ajust05{margin-bottom:var(--px48_96);}
}
@media only screen and (max-width:1023px){
    .mb_ajust06{margin-bottom:var(--px64_144);}
}
@media only screen and (min-width:1024px){
    .mb_ajust06{margin-bottom:var(--px48_96);}
}
@media only screen and (max-width:1023px){
    .mb_ajust07{margin-bottom:var(--max1023_px24_28);}
}
@media only screen and (min-width:1024px){
    .mb_ajust07{margin-bottom:clamp(4.5rem, 3.847rem + 1.02vw, 5rem)/*72_80 1024_1808*/;}
}
@media only screen and (max-width:1023px){
    .mb_ajust08{margin-bottom:var(--px24_48);}
}
@media only screen and (min-width:1024px){
    .mb_ajust08{margin-bottom:var(--px48_96);}
}
@media only screen and (max-width:1023px){
    .mb_ajust09{margin-bottom:var(--max1023_px24_28);}
}
@media only screen and (min-width:1024px){
    .mb_ajust09{margin-bottom:var(--px32_48);}
}

/*padding*/
.p144{padding-top:var(--px64_144); padding-bottom:var(--px64_144);}
.p_ajust01{padding-top:var(--px64_144); padding-bottom:var(--px48_96);}

/*pat01*/
.pat01{width:100%; display:flex; flex-direction:column; flex-wrap:wrap; box-sizing:border-box; position:relative;}
@media only screen and (max-width:1023px){
    .pat01{padding-left:var(--contents01); padding-right:var(--contents01);}
}
@media only screen and (min-width:1024px){
    .pat01{width:90%; margin-left:5%;}
}
@media only screen and (min-width:1472px){
    .pat01{width:80%; margin-left:10%;}
}

/*pat02*/
.pat02{width:100%; display:flex; flex-direction:column; flex-wrap:wrap; box-sizing:border-box; position:relative;}
@media only screen and (max-width:1023px){
    .pat02{padding-left:var(--contents01); padding-right:var(--contents01);}
}
@media only screen and (min-width:1024px){
    .pat02{width:90%; margin-left:5%;}
}
@media only screen and (min-width:1472px){
    .pat02{width:75%; margin-left:12.5%;}
}

/*pat03*/
.pat03{width:100%; display:flex; flex-direction:column; flex-wrap:wrap; box-sizing:border-box; position:relative;}
@media only screen and (max-width:1023px){
    .pat03{padding-left:var(--contents01); padding-right:var(--contents01);}
}
@media only screen and (min-width:1024px){
    .pat03{width:90%; margin-left:5%;}
}
@media only screen and (min-width:1472px){
    .pat03{width:70%; margin-left:15%;}
}

/*bg*/
.bg_wh{position:relative; vertical-align:middle;}
.bg_wh::before{content:""; display:inline-block; position:absolute; width:100%; height:100%; left:50%; top:0; transform:translate(-50%,0); z-index:-10; background:var(--wh);}

.bg_green{position:relative; vertical-align:middle;}
.bg_green::before{content:""; display:inline-block; position:absolute; width:100%; height:100%; left:50%; top:0; transform:translate(-50%,0); z-index:-10; background:var(--green);}

.bg_be{position:relative; vertical-align:middle;}
.bg_be::before{content:""; display:inline-block; position:absolute; width:100%; height:100%; left:50%; top:0; transform:translate(-50%,0); z-index:-10; background:var(--be);}

/*bgo*/
@media only screen and (max-width:359px){
    .bgo{display:none;}
}
@media only screen and (min-width:360px){
    .bgo{position:absolute; z-index:-11; width:100%; height:clamp(15rem, 4.9rem + 44.89vw, 55.625rem)/*240_890*/;}
    .bgo_t{left:0; top:0; background:url("../img/parts/bgp_t.jpg") no-repeat left top / var(--bgo) auto;}
    .bgo_b{right:0; bottom:0; background:url("../img/parts/bgp_b.jpg") no-repeat right bottom / var(--bgo) auto;}
}

/*hover_yoko*/
@media only screen and (min-width:1024px){
    .hover_yoko{position:relative;}
    .hover_yoko::after{content:''; position:absolute; top:0; right:0; width:0; height:100%; z-index:-1; transition:all .5s ease; pointer-events:none;}
    .hover_yoko:hover::after{left:0; width:100%;}
    .hover_yoko_wh_a01::after{background:var(--wh_a01);}
    .hover_yoko_wh::after{background:var(--wh);}
    .hover_yoko_bk_a01::after{background:var(--bk_a01);}
    .hover_yoko_bk_a005::after{background:var(--bk_a005);}
}

/*hover_translate*/
.hover_translateX,
.hover_translateY{transition:all .3s ease;}
@media only screen and (min-width:1024px){
    .hover_translateX:hover{transform:translateX(4px);}
    .hover_translateY:hover{transform:translateY(2px);}
}

/*hover_opacity*/
@media only screen and (min-width:1024px){
    .hover_opacity:hover{opacity:.75;}
}

/*hover_brightness*/
.hover_brightness{transition:all .3s ease!important;}
@media only screen and (min-width:1024px){
    .hover_brightness:hover{filter:brightness(0.6);}
}

/*img*/
.img_fluid{width:100%; height:auto; max-width:100%; vertical-align:bottom;}
.img_fit{object-fit:cover; width:100%; height:auto;}
@media only screen and (max-width:1023px){
    .img_fit{aspect-ratio:3/2;}
}
@media only screen and (min-width:1024px){
    .img_fit{aspect-ratio:3/2.2;}
}
@media only screen and (min-width:1472px){
    .img_fit{aspect-ratio:3/2;}
}

/*btn01*/
.btn01{width:var(--btn01_w); height:var(--btn01_h); display:flex; justify-content:space-between; align-items:center; box-sizing:border-box; position:relative; padding:0 1em;}
.btn01_c{margin-left:auto; margin-right:auto;}
.btn01 .main{color:var(--wh); line-height:1;}
.btn01 .arrow{width:var(--px16_24); background:var(--wh); height:1px;}
.btn01{position:relative; vertical-align:middle;}

/*lead*/
.lead{display:flex; position:relative; box-sizing:border-box;}
.lead .main{font-weight:500;}
@media only screen and (max-width:1023px){
    .lead .main{line-height:1.3; margin-top:-.15em; margin-bottom:-.15em;}
}
@media only screen and (min-width:1024px){
    .lead .main{line-height:1.5; margin-top:-.25em; margin-bottom:-.25em;}
}

/*lead01*/
.lead01{flex-direction:column; align-items:flex-start;}
.lead01 .sub{font-size:var(--en_w);}
.lead01 .main{font-size:var(--px20_28);}
.lead01_ajust01 .sub{margin-bottom:var(--px8_16);}

.lead01_c{align-items:center;}
.lead01_c .sub,
.lead01_c .main{text-align:center;}

@media only screen and (max-width:1023px){
    .lead01_cl{align-items:center;}
    .lead01_cl .sub,
    .lead01_cl .main{text-align:center;}
}

@media only screen and (min-width:1024px){
    .lead01_lc{align-items:center;}
    .lead01_lc .sub,
    .lead01_lc .main{text-align:center;}
}

/*lead02*/
.lead02{flex-direction:column; align-items:flex-start;}
.lead02 .sub{line-height:1; margin-bottom:var(--px8_16);}
.lead02 .main{font-size:var(--px20_28);}
.lead02 .arrow{content:""; display:inline-block; background:var(--bk); height:1px; width:var(--px64_144);}
@media only screen and (max-width:1023px){
    .lead02 .arrow{margin-top:1.25em; margin-bottom:.75em;}
}
@media only screen and (min-width:1024px){
    .lead02 .arrow{margin-top:2em; margin-bottom:1.25em;}
}

/*lead03*/
.lead03{position:relative;}
.lead03::before{content:""; display:inline-block; width:1px; height:180%; background:var(--bk); position:absolute; left:0; top:50%; transform:translate(0,-50%);}
.lead03 .main{font-size:var(--px19_26); margin-left:.5em;}

.lead03_ajust01 .main{letter-spacing:0.01em;}
@media only screen and (max-width:1023px){
    .lead03_ajust01::before{height:120%;}
}

/*lead04*/
.lead04{align-items:center; width:100%; margin-bottom:var(--px8_16);}
.lead04::after{content:""; display:inline-block; height:1px; flex-grow:1; background:var(--bk); margin-left:.75em;}
.lead04 .main{font-size:var(--px16_20);}

/*lead05*/
.lead05 .main{font-size:var(--px18_24);}
@media only screen and (max-width:499px){
     .lead05{flex-direction:column; align-items:flex-start;}
     .lead05 .sub{margin-left:-.5em;}    
}
@media only screen and (min-width:500px){
     .lead05{align-items:center;}   
}

.lead06 .main{font-size:var(--px19_26);}

/*lead07*/
.lead07{justify-content:space-between; align-items:center;}
.lead07 .main{font-size:var(--px19_26);}
.lead07 .icon{width:var(--px24_40); height:var(--px24_40); min-width:var(--px24_40); min-height:var(--px24_40); display:inline-block; box-sizing:border-box; border-radius:50%; overflow:hidden;}

/*table*/
.table{width:100%; box-sizing:border-box; border-collapse:collapse;}
.table th{background:var(--bk_a005);}
.table th,
.table td{box-sizing:border-box; position:relative; vertical-align:middle!important;}
.table a{display:inline-block;}
@media only screen and (max-width:1023px){
	.table th,
	.table td{padding:.5em;}
    .table th,
	.table td,
    .table a,
	.table td span{line-height:1.5;}
}
@media only screen and (min-width:1024px){
	.table th{padding:.75em 0 .75em .75em;}
	.table td{padding:.75em;}
    .table th,
	.table td,
    .table a,
	.table td span{line-height:1.8; letter-spacing:0.05em;}
}

/*table01*/
@media only screen and (max-width:1023px){
	.table01 tr{display:block; width:100%; border-top:1px solid var(--bk); border-bottom:1px solid var(--bk); margin-bottom:1em;}
	.table01 tr:last-of-type{margin-bottom:0;}
	.table01 tbody:last-of-type tr:last-of-type{margin-bottom:0; width:100%;}
	.table01 th,
	.table01 td{width:100%; display:block;}
}
@media only screen and (min-width:1024px){
	.table01 tr{display:flex; justify-content:space-between; border-bottom:1px solid var(--bk);}
	.table01 tr:first-of-type{border-top:1px solid var(--bk);}
    .table01 th{white-space:nowrap;}
}
@media only screen and (min-width:1024px){
    .table01.th01 th{width:10em;}
	.table01.th01 td{width:calc(100% - 10em);}
    .table01.th02 th{width:8em;}
	.table01.th02 td{width:calc(100% - 8em);}
}

/*etc*/
.uline{font-size:inherit; line-height:inherit; letter-spacing:inherit; background-image:linear-gradient(0deg, #c6e8dd 0%, #c6e8dd 100%); background-repeat:no-repeat; background-size:100% 40%; background-position:0 100%; box-decoration-break:clone; -webkit-box-decoration-break:clone;}
.uline::after{display:none;}
.ls0{letter-spacing:0;}
.green{color:var(--green);}
.en{line-height:1!important; letter-spacing:0!important; white-space:nowrap; font-family:"Mrs Saint Delafield", cursive; font-weight:400;}
.ml-025em{margin-left:-.25em; font-size:inherit; letter-spacing:inherit;}
.ml-05em{margin-left:-.5em; font-size:inherit; letter-spacing:inherit;}
.mr-025em{margin-right:-.25em; font-size:inherit; letter-spacing:inherit;}
.mr-05em{margin-right:-.5em; font-size:inherit; letter-spacing:inherit;}
.space10{font-size:inherit; letter-spacing:inherit; line-height:inherit; width:1em; height:1em; content:""; display:inline-block;}
.space05{font-size:inherit; letter-spacing:inherit; line-height:inherit; width:.5em; height:.5em; content:""; display:inline-block;}
.relative{position:relative;}
.overflow_h{overflow:hidden;}
.note{padding-left:1.05em; text-indent:-1.05em; letter-spacing:inherit; line-height:1.5;}
@media only screen and (min-width:1024px){
    .anchor{margin-top:-48px; padding-top:48px; height:0;}
}
.vsc-controller,
#controller{display:none!important;}
