/*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);}
.mb64_168{margin-bottom:var(--px64_168);}
.mb64_192{margin-bottom:var(--px64_192);}
.mb64_216{margin-bottom:clamp(4rem, 1.638rem + 10.5vw, 13.5rem);}

@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(--px64_120);}
}
@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(--px24_48);}
}
@media only screen and (max-width:1023px){
    .mb_ajust03{margin-bottom:var(--px16_24);}
}
@media only screen and (min-width:1024px){
    .mb_ajust03{margin-bottom:var(--px8_16);}
}
@media only screen and (max-width:1023px){
    .mb_ajust04{margin-bottom:var(--px24_32);}
}
@media only screen and (min-width:1024px){
    .mb_ajust04{margin-bottom:var(--px16_24);}
}
@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(--px32_48);}
}

/*padding*/
.p144{padding-top:var(--px64_144); padding-bottom:var(--px64_144);}
@media only screen and (max-width:1023px){
    .p168{padding-top:var(--px64_144); padding-bottom:var(--px64_144);}
}
@media only screen and (min-width:1024px){
    .p168{padding-top:var(--px64_168); padding-bottom:var(--px64_168);}
}
@media only screen and (max-width:1023px){
    .p192{padding-top:var(--px64_144); padding-bottom:var(--px64_144);}
}
@media only screen and (min-width:1024px){
    .p192{padding-top:var(--px64_192); padding-bottom:var(--px64_192);}
}

@media only screen and (max-width:575px){
    .p_ajust01{padding-top:var(--px24_40); padding-bottom:var(--px64_144);}
}
@media only screen and (min-width:576px) and (max-width:1023px){
    .p_ajust01{padding-top:var(--px64_144); padding-bottom:var(--px64_144);}
}
@media only screen and (min-width:1024px){
    .p_ajust01{padding-top:var(--px64_192); padding-bottom:var(--px64_192);}
}

@media only screen and (max-width:1023px){
    .p_ajust02{padding-top:var(--px64_144); padding-bottom:var(--px64_144);}
}
@media only screen and (min-width:1024px){
    .p_ajust02{padding-top:var(--px64_192); padding-bottom:var(--px64_168);}
}

/*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:70%; margin-left:15%;}
}

/*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.5; margin-top:-.25em; margin-bottom:-.25em;}
}
@media only screen and (min-width:1024px){
    .lead .main{line-height:1.8; margin-top:-.4em; margin-bottom:-.4em;}
}

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

.lead01_wh .sub,
.lead01_wh .main{color:var(--wh);}
.lead01_wh .sub{font-weight:400!important;}

.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;}
}

/*lead02*/
.lead02 .wrap{display:flex;}
.lead02 .main{font-size:var(--px20_28);}
.lead02 .sub::before{content:"（";}
.lead02 .sub::after{content:"）";}
.lead02 .arrow{content:""; display:inline-block; background:var(--bk); height:1px;}
@media only screen and (max-width:575px){
    .lead02 .wrap{flex-direction:column; align-items:flex-start;}
    .lead02 .sub{margin-left:-.5em; margin-top:.25em;}
}
@media only screen and (min-width:576px){
    .lead02 .wrap{align-items:center;}
}
@media only screen and (max-width:1023px){
    .lead02{align-items:center; margin-bottom:var(--px16_24);}
    .lead02 .arrow{margin-left:.75em; width:var(--px48_64);}
}
@media only screen and (min-width:1024px){
    .lead02{flex-direction:column; align-items:flex-start;}
    .lead02 .arrow{margin-top:1.5em; margin-bottom:1.5em; width:var(--px64_144);}
}

/*lead03*/
.lead03{align-items:center;}
.lead03::after{content:""; display:inline-block; height:1px; background:var(--bk); width:var(--px48_64); margin-left:.75em;}
.lead03 .main{font-size:var(--px20_28);}

/*lead04*/
.lead04 .main{font-size:var(--px19_22);}
@media only screen and (max-width:1023px){
    .lead04 .main{display:flex; align-items:center;}
    .lead04 .main::before{content:""; display:inline-block; background:var(--bk); width:1px; height:110%; margin-right:.5em;}
}
@media only screen and (min-width:1024px){
    .lead04{justify-content:center;}
    .lead04 .main{text-align:center;}
}

/*lead05*/
.lead05 .main{font-size:var(--px20_28);}
.lead05::before,
.lead05::after{content:""; display:inline-block; height:1px; background:var(--bk);}
@media only screen and (max-width:1023px){
    .lead05{align-items:center;}
    .lead05::after{width:var(--px48_64); margin-left:.75em;}
}
@media only screen and (min-width:1024px){
    .lead05{justify-content:center; align-items:center;}
    .lead05 .main{text-align:center;}
    .lead05::before,
    .lead05::after{width:var(--px48_64);}
    .lead05::before{margin-right:.75em;}
    .lead05::after{margin-left:.75em;}
}

/*lead06*/
.lead06{justify-content:center; align-items:center;}
.lead06 .wrap{display:flex; flex-direction:column; align-items:center;}
.lead06 .sub,
.lead06 .main{text-align:center;}
.lead06 .sub{font-size:var(--px40_64); margin-bottom:var(--px8_16);}
.lead06 .main{font-size:var(--px20_28);}

/*lead04*/
.lead07{width:100%;}
.lead07 a{width:100%; display:flex; justify-content:space-between; align-items:center;}
.lead07 .wrap{display:flex;}
.lead07 .main{font-size:var(--px19_22);}
.lead07 .main,
.lead07 .sub{letter-spacing:0.03em; line-height:1;}
.lead07 .icon{content:""; display:inline-block; width:var(--icon); height:var(--icon); border-radius:50%; box-sizing:border-box; overflow:hidden; transition:all .3s ease; background:var(--gr); border:1px solid var(--wh);}
@media only screen and (max-width:767px){
    .lead07 .wrap{flex-direction:column;}
    .lead07 .sub{margin-left:-.5em; margin-top:1em;}
}
@media only screen and (min-width:768px){
    .lead07 .wrap{align-items:center;}
    .lead07 .main{text-align:center;}
    .lead07 .sub{margin-left:-.25em;}
}
@media only screen and (min-width:1024px){
    .lead07 a:hover{opacity:.75;}
    .lead07 a:hover .icon{transform:rotate(180deg);}
}

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

/*table01*/
@media only screen and (max-width:1023px){
    .table01 tr:first-of-type{border-top:1px solid var(--bk);}
	.table01 tr{display:block; width:100%; border-bottom:1px solid var(--bk);}
	.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; align-items:stretch; 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:9em;}
	.table01.th01 td{width:calc(100% - 9em);}
    .table01.th02 th{width:7.5em;}
	.table01.th02 td{width:calc(100% - 7.5em);}
}

/*table02*/
@media only screen and (max-width:1023px){
    .table02 tr:first-of-type{border-top:1px solid var(--bk);}
	.table02 tr{display:block; width:100%; border-bottom:1px solid var(--bk);}
	.table02 tbody:last-of-type tr:last-of-type{margin-bottom:0; width:100%;}
	.table02 th,
	.table02 td{width:100%; display:block;}
}
@media only screen and (min-width:1024px){
    .table02 tbody{display:flex; justify-content:space-between;}
    .table02 tr{display:flex; flex-direction:column; width:25%; border-top:1px solid var(--bk); border-bottom:1px solid var(--bk); border-right:1px solid var(--bk);}
    .table02 th{border-bottom:1px solid var(--bk);}
    .table02 th,
    .table02 td{text-align:center; padding:.75em 0;}
    .table02 tr:last-of-type{border-right:none;}
}
@media only screen and (min-width:1024px) and (max-width:1247px){
    .table02 tr:nth-of-type(-n+3){width:23%;}
    .table02 tr:nth-of-type(4){width:31%;}
}

/*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 .main{line-height:1;}
.btn01 .arrow{width:var(--px16_24); background:var(--bk); height:1px;}

/*btn02*/
.btn02{box-sizing:border-box; display:inline-block;}
@media only screen and (max-width:1023px){
	.btn02{padding:.5em;}
}
@media only screen and (min-width:1024px){
	.btn02{padding:.75em;}
}
.btn02_bo{border:1px solid var(--wh);}

/*bgo*/
.bgo{position:absolute; z-index:-11; width:clamp(6rem, 4.508rem + 6.63vw, 12rem)/*96_192*/;}
@media only screen and (max-width:1023px){
    .bgo_lt{left:0; top:0; transform:translate(-25%, -25%);}
    .bgo_lb{left:0; bottom:0; transform:translate(-25%, 25%);}
    .bgo_rt{right:0; top:0; transform:translate(25%, -25%);}
    .bgo_rb{right:0; bottom:0; transform:translate(25%, 25%);}
}
@media only screen and (min-width:1024px){
    .bgo_lt{left:0; top:0; transform:translate(-35%, -25%);}
    .bgo_lb{left:0; bottom:0; transform:translate(-35%, 25%);}
    .bgo_rt{right:0; top:0; transform:translate(35%, -25%);}
    .bgo_rb{right:0; bottom:0; transform:translate(35%, 25%);}
}
@media only screen and (min-width:1472px){
    .bgo_lt{transform:translate(-50%, -25%);}
    .bgo_lb{transform:translate(-50%, 25%);}
    .bgo_rt{transform:translate(50%, -25%);}
    .bgo_rb{transform:translate(50%, 25%);}
}

@media only screen and (max-width:1023px){
    .bgo_rb_ajust01{transform:translate(0%, 80%);}
}

/*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_gr{position:relative; vertical-align:middle;}
.bg_gr::before{content:""; display:inline-block; position:absolute; width:100%; height:100%; left:50%; top:0; transform:translate(-50%,0); z-index:-10; background:var(--gr);}

.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);}

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

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

/*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_a03::after{background:var(--wh_a03);}
    .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(2px);}
    .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.8);}
}

/*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;}
}

/*etc*/
.border{width:100%; height:1px; background:var(--bk);}
@media only screen and (max-width:1023px){
    .border{margin-top:1em; margin-bottom:1em;}
}
@media only screen and (min-width:1024px){
    .border{margin-top:1em; margin-bottom:1em;}
}
.en{line-height:1!important; letter-spacing:0!important; white-space:nowrap; font-family: "Corinthia", cursive; font-weight:700;}
.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;}


.gt_switcher_wrapper{
	position: static!important;
}	

.g-translate-wrap input,.g-translate-wrap select {
  -webkit-appearance: none;
  appearance: none;
	height: auto;
    text-align: center;
  cursor:pointer;
}
