/*in_video*/
.in_video{position:relative; overflow:hidden;}
.in_video::after{display:inline-block; content:""; position:absolute; left:0; top:0; width:100%; z-index:1; height:100%; pointer-events:none;}
#in_video{width:100%; height:auto; aspect-ratio:1/0.563; object-fit:cover;}
@media only screen and (max-width:374px){
       .in_video .text{display:none;} 
}
@media only screen and (max-width:575px){
	.in_video,
    #in_video{aspect-ratio:3/2;}
}
@media only screen and (min-width:576px) and (max-width:1471px){
	.in_video,
    #in_video{aspect-ratio:1/.6;}
}
@media only screen and (min-width:1472px){
	.in_video{vertical-align:bottom; aspect-ratio:auto; width:100%; height:100vh;}
    #in_video{width:100%; height:auto; max-width:100%; vertical-align:bottom; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
}
@media only screen and (max-width:1023px){
    .in_video::after{background:linear-gradient(to bottom, rgba(0,0,0,50%) 0%,rgba(0,0,0,0) 100%);}
}
@media only screen and (min-width:1024px){
    .in_video::after{background:linear-gradient(to bottom, rgba(0,0,0,60%) 0%,rgba(0,0,0,0) 100%);}
}

/*in01*/
.in01{width:100%; display:flex; flex-wrap:wrap; box-sizing:border-box; position:relative;}
.in01 .inner{position:relative;}
@media only screen and (max-width:1023px){
    .in01{padding-left:var(--contents01); padding-right:var(--contents01); flex-direction:column; align-items:center;}
    .in01 .inner01{margin-bottom:var(--px24_48); display:flex; flex-direction:column; align-items:center;}
}
@media only screen and (min-width:1024px){
    .in01{justify-content:space-between;}
    .in01 .inner01{width:12.5%; margin-left:5%;}
    .in01 .inner02{width:77.5%; margin-right:5%;}
}
@media only screen and (min-width:1472px){
    .in01 .inner01{width:10%; margin-left:15%;}
    .in01 .inner02{width:65%; margin-right:10%;}
}
@media only screen and (max-width:1023px){
    .in01 .point{left:0; bottom:0; transform:translate(-120%,25%);}
}
@media only screen and (min-width:1024px){
    .in01 .point{left:0; bottom:0; transform:translate(-10%,140%);}
}
@media only screen and (min-width:1472px){
    .in01 .point{transform:translate(-85%,155%);}
}

/*news_umekomi*/
.kanri{text-align:right!important; margin-top:1em;}
.kanri a{font-size:11px!important;}
.news_umekomi ul#newsList{display:flex;}
.news_umekomi ul#newsList li{box-sizing:border-box; width:100%; display:block;}
.news_umekomi ul#newsList li a{display:flex; flex-direction:column; text-decoration:none;}
.news_umekomi ul#newsList li .box{display:block; position:relative;}
.news_umekomi .thumbNailWrap{display:block; position:relative; background:url("../img/news/nophoto.jpg") no-repeat center center / cover; overflow:hidden; transition:opacity .3s ease, transform .3s ease;}
.news_umekomi .thumbNailWrap .thumbNail{position:absolute; width:100%; height:100%; top:0; left:0; object-fit:cover; max-width:100%!important;}
.news_umekomi ul#newsList li .desc{display:flex; align-items:center; justify-content:flex-start; margin-bottom:.5em;}
.news_umekomi ul#newsList li .up_ymd{display:block; font-size:clamp(0.813rem, 0.781rem + 0.14vw, 0.938rem)/*13_15*/; line-height:1;}
.news_umekomi ul#newsList li .newMark{pointer-events:none; overflow:hidden; display:flex; justify-content:center; align-items:center;}
.news_umekomi ul#newsList li .title{text-decoration:none; line-height:1.8;}
.news_umekomi ul#newsList li .comment{display:none;}
@media only screen and (max-width:767px){
    .news_umekomi ul#newsList{justify-content:space-between; flex-wrap:wrap;}
}
@media only screen and (min-width:768px) and (max-width:1023px){
    .news_umekomi ul#newsList{justify-content:center; flex-wrap:wrap;}
	.news_umekomi ul#newsList li{width:47%;}
	.news_umekomi ul#newsList li:nth-of-type(1){margin-right:6%;}
}
@media only screen and (max-width:1023px){
	.news_umekomi ul#newsList li{margin-bottom:3em;}
	.news_umekomi ul#newsList li .box01{width:100%;}
	.news_umekomi ul#newsList li .box02{width:100%;}
    .news_umekomi .thumbNailWrap{margin-bottom:1em; aspect-ratio:3/2;}
}
@media only screen and (min-width:1024px){
    .news_umekomi ul#newsList{justify-content:space-between; flex-wrap:wrap;}
    .news_umekomi ul#newsList::after{content:""; display:inline-block; width:30.8333%;}
    .news_umekomi ul#newsList li{width:30%; margin-bottom:3em;}
	.news_umekomi ul#newsList li .box01{width:100%;}
	.news_umekomi ul#newsList li .box02{width:100%;}
    .news_umekomi ul#newsList li a{align-items:center;}
	.news_umekomi ul#newsList li a .up_ymd,
	.news_umekomi ul#newsList li a .title{transition:opacity .3s ease, transform .3s ease;}
	.news_umekomi ul#newsList li a .thumbNailWrap{transition:opacity .3s ease, transform .3s ease, filter .3s ease; backface-visibility:hidden;}
	.news_umekomi ul#newsList li a:hover .up_ymd,
	.news_umekomi ul#newsList li a:hover .title{opacity:.75;}  
	.news_umekomi ul#newsList li a:hover .thumbNailWrap{filter:brightness(0.6);}
    .news_umekomi .thumbNailWrap{margin-bottom:1em; aspect-ratio:3/2;}
}
@media only screen and (min-width:1472px){
    .news_umekomi ul#newsList li{width:28.8461%;}
    .news_umekomi .thumbNailWrap{margin-bottom:1.5em; aspect-ratio:3/2.2;}
}

/*in02*/
.in02{display:block; box-sizing:border-box; position:relative; width:100%; height:var(--img_height01);}
.in02 .bg{content:""; display:inline-block; position:absolute; left:0; top:0; width:100%; height:100%; z-index:-11; transition:opacity .3s ease, transform .3s ease;}
.in02 .text{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:2; width:var(--px192_288); height:var(--px192_288);}
.in02 .text .wrap{display:inline-block; width:100%; height:100%; background:var(--ch); position:relative; transition:background-color .3s ease, transform .3s ease, opacity .3s ease;}
.in02 .text .inner{width:100%; height:100%; box-sizing:border-box; padding:var(--px24_48); display:flex; justify-content:space-between; align-items:flex-start; flex-direction:row-reverse;}
.in02 .desc{color:var(--wh); writing-mode:vertical-rl; white-space:nowrap;}
.in02 .btn{align-self:flex-end; display:flex; flex-direction:column; align-items:center; justify-content:flex-end; height:100%;}
.in02 .btn .main{color:var(--wh); line-height:1; writing-mode:vertical-rl; white-space:nowrap;}
.in02 .btn .arrow{width:1px; height:var(--px16_24); background:var(--wh); position:relative; margin-top:.5em;}
@media only screen and (min-width:1024px){
    .in02 .text:hover .wrap{transform:translateY(4px); background:var(--dg);}
}
@media only screen and (max-width:1023px){
    .in0201 .bg{background:url("../img/index/0101sp.jpg") no-repeat center top / cover;}
    .in0202 .bg{background:url("../img/index/0102sp.jpg") no-repeat center center / cover;}
    .in0203 .bg{background:url("../img/index/0103sp.jpg") no-repeat left center / cover;}
}
@media only screen and (min-width:1024px){
    .in0201 .bg{background:url("../img/index/0101.jpg") no-repeat center top / cover;}
    .in0202 .bg{background:url("../img/index/0102.jpg") no-repeat center center / cover;}
    .in0203 .bg{background:url("../img/index/0103.jpg") no-repeat left center / cover;}
}
@media only screen and (max-width:1023px){
    .in02 .desc{line-height:1.8; margin-left:-.4em; margin-right:-.4em; width:clamp(3.438rem, 3.336rem + 0.45vw, 3.625rem)/*55_58*/;}
}
@media only screen and (min-width:1024px){
    .in02 .desc{line-height:2; margin-left:-.5em; margin-right:-.5em; width:clamp(4rem, 3.57rem + 0.67vw, 4.188rem)/*64_67*/;}
}
@media only screen and (min-width:1472px){
    .in02 .desc{line-height:2; margin-left:-.5em; margin-right:-.5em; width:clamp(4.188rem, 3.64rem + 0.6vw, 4.313rem)/*67_69*/;}
}

/*in_map*/
.in_map{width:100%; position:relative; overflow:hidden!important; box-sizing:border-box; border-top:1px solid var(--bk_c); height:var(--map_h);}
.in_map iframe,
.in_map object,
.in_map embed{position:absolute;top:0; left:0; width:100%; height:100%;}
.in_map iframe{filter:grayscale(100%); -webkit-filter:grayscale(100%);}

/*history point*/
@media only screen and (max-width:1023px){
    .history .point01{right:0; bottom:0; transform:translate(15%,110%);}
    .history .point02{left:0; bottom:0; transform:translate(-15%,110%);}
}
@media only screen and (min-width:1024px){
    .history .point01{right:0; top:0; transform:translate(15%,-50%);}
    .history .point02{left:0; bottom:0; transform:translate(-10%,120%);}
}
@media only screen and (min-width:1472px){
    .history .point01{transform:translate(30%,-50%);}
    .history .point02{transform:translate(-60%,120%);}
}
@media only screen and (min-width:1696px){
    .history .point01{transform:translate(30%,-70%);}
}

/*hi01*/
.hi01{position:relative; box-sizing:border-box; width:100%; border-top:1px solid var(--wh);}
.hi01 .bg,
.hi01 .wrap{width:100%;}
.hi01 .bg_inner{width:100%; height:100%; position:relative;}
.hi01 .box{width:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; box-sizing:border-box;}
.hi01 .text{display:flex; flex-direction:column; justify-content:center; align-items:center; box-sizing:border-box;}
.hi01 .desc{color:var(--wh);}
.hi01 .box,
.hi01 .lead,
.hi01 .desc{filter:drop-shadow(0px 0px 16px rgba(0,0,0,1));}
@media only screen and (max-width:1023px){
    .hi01{background:url("../img/history/0101sp.jpg") no-repeat right 20% top / cover; padding:var(--px64_144) var(--contents01);}
    .hi01 .bg{display:none;}
    .hi01 .box01{margin-bottom:var(--px48_96);}
}
@media only screen and (min-width:1024px){
    .hi01{height:220vh;}
    .hi01 .bg{position:sticky; top:0; left:0; height:110vh; z-index:-8; background:url("../img/history/0101.jpg") no-repeat right top / cover;}
    .hi01 .wrap{position:absolute; top:0; left:0; z-index:2;}
    .hi01 .box{height:110vh;}
    .hi01 .desc{width:70%; margin-left:15%; margin-right:15%;}
}
@media only screen and (min-width:1248px){
    .hi01 .desc{width:100%; margin-left:0; margin-right:5%; text-align:center;}
}

/*hi02*/
.hi02{width:100%; display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; box-sizing:border-box; position:relative;}
.hi02 .box{position:relative;}
@media only screen and (max-width:1023px){
    .hi02{padding-left:var(--contents01); padding-right:var(--contents01);}
    .hi02 .box{width:100%;}
    .hi02 .box01{margin-bottom:var(--max1023_px24_28);}
    .hi02 .box02{display:flex; flex-direction:column; align-items:center;}
}
@media only screen and (min-width:1024px){
    .hi02 .box01{width:55%;}
    .hi02 .box02{width:35%;}
    .hi02.normal .box01{margin-left:0%;}
    .hi02.normal .box02{margin-right:5%;}
    .hi02.reverse{flex-direction:row-reverse;}
    .hi02.reverse .box01{margin-right:0%;}
    .hi02.reverse .box02{margin-left:5%;}
}
@media only screen and (min-width:1024px) and (max-width:1071px){
    .hi02{align-items:flex-start;}
}
@media only screen and (min-width:1072px){
    .hi02{align-items:center;}
}
@media only screen and (min-width:1472px){
    .hi02 .box01{width:55%;}
    .hi02 .box02{width:30%;}
    .hi02.normal .box01{margin-left:0%;}
    .hi02.normal .box02{margin-right:10%;}
    .hi02.reverse .box01{margin-right:0%;}
    .hi02.reverse .box02{margin-left:10%;}
}
@media only screen and (max-width:1023px){
    .hi02 .ajust01{display:none;}
}

/*co01*/
.co01{width:100%; display:flex; flex-wrap:wrap; box-sizing:border-box; position:relative;}
.co01 .box{position:relative;}
.co01 .box02{display:flex; flex-direction:column; align-items:center;}
.co01 .desc{width:100%; box-sizing:border-box;}
@media only screen and (max-width:1023px){
    .co01{flex-direction:column; align-items:center; padding-left:var(--contents01); padding-right:var(--contents01);}
    .co01 .box{width:100%;}
    .co01 .box01{margin-bottom:var(--max1023_px24_28);}
}
@media only screen and (min-width:1024px){
    .co01{flex-direction:column-reverse; align-items:center;}
    .co01 .box02{margin-bottom:var(--px64_192);}
    .co01 .img_fit{aspect-ratio:auto; height:var(--img_height01);}
    .co01 .desc{width:70%; margin-left:15%; margin-right:15%;}
}
@media only screen and (min-width:1248px){
    .co01 .desc{width:100%; margin-left:0; margin-right:5%; text-align:center;}
}
@media only screen and (max-width:1023px){
    .co01 .point{right:0; bottom:0; transform:translate(15%,110%);}
}
@media only screen and (min-width:1024px){
    .co01 .point{right:0; top:0; transform:translate(-80%,0%);}
}
@media only screen and (min-width:1472px){
    .co01 .point{transform:translate(0%,-10%);}
}

/*co02*/
.co02{width:100%; display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; box-sizing:border-box; position:relative;}
.co02 .box{position:relative;}
@media only screen and (max-width:1023px){
    .co02{padding-left:var(--contents01); padding-right:var(--contents01);}
    .co02 .box{width:100%;}
    .co02 .box01{margin-bottom:var(--max1023_px24_28);}
    .co02 .box02{display:flex; flex-direction:column; align-items:center;}
}
@media only screen and (min-width:1024px){
    .co02 .box01{width:55%;}
    .co02 .box02{width:35%;}
    .co02.normal .box01{margin-left:0%;}
    .co02.normal .box02{margin-right:5%;}
    .co02.reverse{flex-direction:row-reverse;}
    .co02.reverse .box01{margin-right:0%;}
    .co02.reverse .box02{margin-left:5%;}
}
@media only screen and (min-width:1024px){
    .co02{align-items:center;}
}
@media only screen and (min-width:1472px){
    .co02 .box01{width:55%;}
    .co02 .box02{width:30%;}
    .co02.normal .box01{margin-left:0%;}
    .co02.normal .box02{margin-right:10%;}
    .co02.reverse .box01{margin-right:0%;}
    .co02.reverse .box02{margin-left:10%;}
}
@media only screen and (min-width:1024px) and (max-width:1207px){
    .co02_ajust01{align-items:flex-start;}
}
    
/*co03*/
.co03{width:100%; display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; box-sizing:border-box; position:relative;}
.co03 .box{position:relative;}
.co03 .box01 .img_fit{object-position:left bottom;}
@media only screen and (max-width:1023px){
    .co03{padding-left:var(--contents01); padding-right:var(--contents01); margin-top:var(--px32_40);}
    .co03 .box02,
    .co03 .box03{width:50%;}
    .co03 .box02 .img_fit,
    .co03 .box03 .img_fit{aspect-ratio:1/.8;}
    .co03 .box::before,
    .co03 .box::after{content:""; display:inline-block; position:absolute; background:var(--wh); z-index:2;}
    .co03 .box01::after{left:0; bottom:0; width:100%; height:1px;}
    .co03 .box02::before{right:0; top:0; width:1px; height:100%;}    
}
@media only screen and (min-width:1024px){
    .co03{margin-top:var(--px64_192);}
    .co03 .box01{width:40%; margin-left:10%;}
    .co03 .box02{width:25%; margin-right:15%; margin-top:var(--px64_192);}
    .co03 .box03{width:25%; margin-left:20%; margin-top:calc(-1*var(--px48_64));}

    .co03 .box02 .img_fit{aspect-ratio:1/1.2;}
    .co03 .box03 .img_fit{aspect-ratio:1/.9;}
}
@media only screen and (max-width:1023px){
    .co03 .box01 .point{display:none;}
    .co03 .box02 .point{left:0; bottom:0; transform:translate(-15%,50%);}
}
@media only screen and (min-width:1024px){
    .co03 .box01 .point{left:0; top:0; transform:translate(-20%,140%);}
    .co03 .box02 .point{right:0; bottom:0; transform:translate(10%,170%);}
}
@media only screen and (min-width:1472px){
    .co03 .box01 .point{transform:translate(-50%,-40%);}
    .co03 .box02 .point{transform:translate(20%,180%);}
}
@media only screen and (min-width:1696px){
    .co03 .box01 .point{transform:translate(-60%,-50%);}
    .co03 .box02 .point{transform:translate(20%,220%);}
}

/*sh01*/
.sh01{display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; box-sizing:border-box; position:relative;}
.sh01 .box{position:relative; display:flex;}
.sh01 .box02{flex-direction:column;}
.sh01 .img{width:100%; position:relative; display:flex; justify-content:space-between;}
.sh01 .inner{position:relative;}
.sh01 .desc{width:100%;}
@media only screen and (max-width:1023px){
    .sh01{padding-left:var(--contents01); padding-right:var(--contents01);}
    .sh01 .box02{align-items:center;}
    .sh01 .img{margin-bottom:var(--max1023_px24_28);}
    .sh01 .inner{width:50%;}
    .sh01 .inner::before,
    .sh01 .inner::after{content:""; display:inline-block; position:absolute; background:var(--wh); z-index:2;}
    .sh01 .inner01::before{right:0; top:0; width:1px; height:100%;}    
    .sh01 .img_fit{aspect-ratio:1/1.2;}
}
@media only screen and (min-width:1024px){
    .sh01{align-items:center;}
    .sh01 .box01{width:57.5%; margin-left:0%;}
    .sh01 .box02{width:32.5%; margin-right:5%; padding-top:var(--px48_96);}
    .sh01 .inner{width:45%;}
    .sh01 .inner01{margin-bottom:var(--px48_96);}
    .sh01 .inner02{margin-top:var(--px48_96);}
    .sh01 .img_fit{aspect-ratio:1/1.2;}
}
@media only screen and (min-width:1472px){
    .sh01 .box01{width:57.5%; margin-left:0%;}
    .sh01 .box02{width:27.5%; margin-right:10%;}
}
@media only screen and (max-width:1023px){
    .sh01 .point{right:0; bottom:0; transform:translate(15%,110%);}
}
@media only screen and (min-width:1024px){
    .sh01 .point{right:0; top:0; transform:translate(15%,-65%);}
}
@media only screen and (min-width:1472px){
    .sh01 .point{transform:translate(30%,-70%);}
}
@media only screen and (min-width:1696px){
    .sh01 .point{transform:translate(30%,-80%);}
}

/*sh02*/
.sh02{width:100%; display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; box-sizing:border-box; position:relative;}
.sh02 .box{position:relative;}
@media only screen and (max-width:1023px){
    .sh02{padding-left:var(--contents01); padding-right:var(--contents01);}
    .sh02 .box{width:100%;}
    .sh02 .box01{margin-bottom:var(--max1023_px24_28);}
    .sh02 .box02{display:flex; flex-direction:column; align-items:center;}
}
@media only screen and (min-width:1024px){
    .sh02{align-items:center;}
    .sh02 .box01{width:52.5%;}
    .sh02 .box02{width:32.5%;}
    .sh02.normal .box01{margin-left:5%;}
    .sh02.normal .box02{margin-right:5%;}
    .sh02.reverse{flex-direction:row-reverse;}
    .sh02.reverse .box01{margin-right:5%;}
    .sh02.reverse .box02{margin-left:5%;}
}
@media only screen and (min-width:1472px){
    .sh02 .box01{width:47.5%;}
    .sh02 .box02{width:27.5%;}
    .sh02.normal .box01{margin-left:10%;}
    .sh02.normal .box02{margin-right:10%;}
    .sh02.reverse .box01{margin-right:10%;}
    .sh02.reverse .box02{margin-left:10%;}
}
@media only screen and (max-width:1023px){
    .sh02 .point{left:0; top:0; transform:translate(-15%,-70%);}
}
@media only screen and (min-width:1024px){
    .sh02 .point{left:0; top:0; transform:translate(-50%,-110%);}
}
@media only screen and (min-width:1472px){
    .sh02 .point{transform:translate(-50%,-110%);}
}
@media only screen and (min-width:1696px){
    .sh02 .point{transform:translate(-50%,-120%);}
}

/*sh03*/
.sh03{width:100%; display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; box-sizing:border-box; position:relative;}
.sh03 .box{position:relative;}
@media only screen and (max-width:1023px){
    .sh03{padding-left:var(--contents01); padding-right:var(--contents01);}
    .sh03 .box{width:100%;}
    .sh03 .box01{margin-bottom:var(--max1023_px24_28);}
}
@media only screen and (min-width:1024px){
    .sh03{align-items:center;}
    .sh03 .box01{width:30%; margin-left:5%;}
    .sh03 .box02{width:55%; margin-right:5%;}
    .sh03 .box01 .img_fit{aspect-ratio:1/1; border-radius:50%;}
}
@media only screen and (min-width:1472px){
    .sh03 .box01{width:20%; margin-left:10%;}
    .sh03 .box02{width:55%; margin-right:10%;}
}

/*cuisine point*/
@media only screen and (max-width:1023px){
    .cuisine .point01{right:0; top:0; transform:translate(15%,-40%);}
    .cuisine .point02{left:0; top:0; transform:translate(-15%,-40%);}
}
@media only screen and (min-width:1024px){
    .cuisine .point01{left:0; top:0; transform:translate(-10%,-160%);}
    .cuisine .point02{right:0; top:0; transform:translate(10%,-60%);}
}
@media only screen and (min-width:1472px){
    .cuisine .point01{transform:translate(-30%,-200%);}
    .cuisine .point02{transform:translate(40%,-80%);}
}
@media only screen and (min-width:1696px){
    .cuisine .point01{transform:translate(-30%,-180%);}
    .cuisine .point02{transform:translate(40%,-90%);}
}

/*cu01*/
.cu01{width:100%; display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; box-sizing:border-box; position:relative;}
.cu01 .box{position:relative; box-sizing:border-box;}
@media only screen and (max-width:1023px){
    .cu01{padding-left:var(--contents01); padding-right:var(--contents01);}
    .cu01 .box01,
    .cu01 .box02{width:50%;}
    .cu01 .box03{width:100%; margin-top:var(--max1023_px24_28);}
    .cu01 .box::before,
    .cu01 .box::after{content:""; display:inline-block; position:absolute; background:var(--wh); z-index:2;}
    .cu01 .box01::before{right:0; top:0; width:1px; height:100%;}    
    .cu01 .box01 .img_fit,
    .cu01 .box02 .img_fit{aspect-ratio:1/1.2;}
}
@media only screen and (min-width:1024px){
    .cu01 .box01{width:37.5%; margin-left:5%;}
    .cu01 .box02{width:45%; margin-left:50%; margin-top:var(--px48_96); order:1;}
    .cu01 .box03{width:45%; margin-right:5%; margin-top:var(--px24_48);}
    .cu01 .box01 .img_fit{aspect-ratio:1/1.2; position:absolute; left:0; top:0; width:100%;}
    .cu01 .box02 .img_fit{aspect-ratio:3/2.2;}
}
@media only screen and (min-width:1472px){
    .cu01 .box01{width:27.5%; margin-left:15%;}
    .cu01 .box02{width:35%; margin-left:50%;}
    .cu01 .box03{width:35%; margin-right:15%;}
}

/*cu02*/
.cu02{width:100%; display:flex; flex-direction:column; align-items:center; flex-wrap:wrap; box-sizing:border-box; position:relative;}
.cu02 .desc{width:100%;}
.cu02 .note{text-align:left!important;}
@media only screen and (max-width:1023px){
    .cu02{padding-left:var(--contents01); padding-right:var(--contents01);}
}
@media only screen and (min-width:1024px){
    .cu02{width:90%; margin-left:5%;}
    .cu02 .desc{text-align:center;}
}
@media only screen and (min-width:1472px){
    .cu02{width:70%; margin-left:15%;}
}
@media only screen and (min-width:500px){
    .cu02 .desc_ajust01{text-align:center;}
}

/*cu03*/
.cu03{width:100%; display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; box-sizing:border-box; position:relative;}
.cu03 .box{position:relative;}
@media only screen and (max-width:1023px){
    .cu03{padding-left:var(--contents01); padding-right:var(--contents01);}
}
@media only screen and (min-width:1024px){
    .cu03{width:90%; margin-left:5%;}
    .cu03 .img_fit{aspect-ratio:1/.521;}
}
@media only screen and (min-width:1472px){
    .cu03{width:70%; margin-left:15%;}
}

/*gallery*/
.gallery{width:100%; display:flex; justify-content:flex-start; align-items:flex-start; flex-wrap:wrap; box-sizing:border-box; position:relative;}
.gallery .box{position:relative; transition:opacity .3s ease, filter .3s ease; display:inline-block;}
.gallery .box::before,
.gallery .box::after{content:""; display:inline-block; position:absolute; background:var(--wh); z-index:2;}
@media only screen and (max-width:575px){
    .gallery .box .img_fit{aspect-ratio:1/.8;}
}
@media only screen and (min-width:576px) and (max-width:1023px){
    .gallery .box .img_fit{aspect-ratio:3/2;}
}
@media only screen and (max-width:1023px){
    .gallery{padding-left:var(--contents01); padding-right:var(--contents01);}
    .gallery .box{width:50%;}
    .gallery .box:nth-of-type(even)::before{left:0; top:0; width:1px; height:100%;}
    .gallery .box:nth-of-type(n+3)::after{left:0; top:0; width:100%; height:1px;}
}
@media only screen and (min-width:1024px){
    .gallery{width:90%; margin-left:5%;}
    .gallery .box{width:20%;}
    .gallery .box .img_fit{aspect-ratio:1/1;}
    .gallery .box::before{right:0; top:0; width:1px; height:100%;} 
    .gallery .box:nth-of-type(5n){margin-right:0;}
    .gallery .box:nth-of-type(n+6)::after{left:0; top:0; width:100%; height:1px;}
    .gallery .box:hover{filter:brightness(.6);}
}
@media only screen and (min-width:1472px){
    .gallery{width:70%; margin-left:15%;}
}

/*fa01*/
.fa01{width:100%; display:flex; flex-direction:column; align-items:center; flex-wrap:wrap; box-sizing:border-box; position:relative;}
.fa01 .box{position:relative;}
.fa01 .desc{width:100%; text-align:center;}
@media only screen and (max-width:1023px){
    .fa01{padding-left:var(--contents01); padding-right:var(--contents01);}
}
@media only screen and (min-width:1024px){
    .fa01{width:90%; margin-left:5%;}
    .fa01 .desc{font-size:clamp(1.125rem, 0.962rem + 0.26vw, 1.25rem)/*18_20*/;}
}
@media only screen and (min-width:1472px){
    .fa01{width:80%; margin-left:10%;}
}

/*fa02*/
.fa02{width:100%; display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; box-sizing:border-box; position:relative;}
.fa02 .box{position:relative;}
@media only screen and (max-width:1023px){
    .fa02{padding-left:var(--contents01); padding-right:var(--contents01);}
    .fa02 .box{width:100%;}
    .fa02 .box01{margin-bottom:var(--max1023_px24_28);}
    .fa02 .box02{display:flex; flex-direction:column; align-items:center;}
}
@media only screen and (min-width:1024px){
    .fa02{align-items:center;}
    .fa02 .box01{width:52.5%;}
    .fa02 .box02{width:32.5%;}
    .fa02.normal .box01{margin-left:5%;}
    .fa02.normal .box02{margin-right:5%;}
    .fa02.reverse{flex-direction:row-reverse;}
    .fa02.reverse .box01{margin-right:5%;}
    .fa02.reverse .box02{margin-left:5%;}
}
@media only screen and (min-width:1472px){
    .fa02 .box01{width:47.5%;}
    .fa02 .box02{width:27.5%;}
    .fa02.normal .box01{margin-left:10%;}
    .fa02.normal .box02{margin-right:10%;}
    .fa02.reverse .box01{margin-right:10%;}
    .fa02.reverse .box02{margin-left:10%;}
}
@media only screen and (min-width:1024px) and (max-width:1111px){
    .fa02_ajust01{align-items:flex-start;}
}
@media only screen and (min-width:1472px) and (max-width:1583px){
    .fa02_ajust01{align-items:flex-start;}
}
@media only screen and (max-width:1023px){
    .fa02 .point{right:0; bottom:0; transform:translate(15%,110%);}
}
@media only screen and (min-width:1024px){
    .fa02 .point{right:0; top:0; transform:translate(10%,-85%);}
}
@media only screen and (min-width:1472px){
    .fa02 .point{transform:translate(20%,-90%);}
}
@media only screen and (min-width:1696px){
    .fa02 .point{transform:translate(20%,-100%);}
}

/*fa03*/
.fa03{width:100%; display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; box-sizing:border-box; position:relative;}
.fa03 .box{position:relative;}
.fa03 .text{display:flex; flex-direction:column;}
.fa03 .desc{width:100%;}
@media only screen and (max-width:1023px){
    .fa03{padding-left:var(--contents01); padding-right:var(--contents01); margin-bottom:calc(-1 * var(--px64_144));}
    .fa03 .box{width:100%; margin-bottom:var(--px64_144);}
    .fa03 .img{margin-bottom:var(--max1023_px24_28);}
    .fa03 .text{align-items:center;}
}
@media only screen and (min-width:1024px){
    .fa03 .box{width:40%;}
    .fa03 .box:nth-of-type(odd){margin-left:5%;}
    .fa03 .box:nth-of-type(even){margin-right:5%; margin-top:var(--px64_192);}
    .fa03 .img{margin-bottom:var(--px24_32);}
    .fa03 .text{align-items:flex-start;}
}
@media only screen and (min-width:1472px){
    .fa03 .box{width:35%;}
    .fa03 .box:nth-of-type(odd){margin-left:10%;}
    .fa03 .box:nth-of-type(even){margin-right:10%;}
}
@media only screen and (max-width:1023px){
    .fa03 .point{right:0; bottom:0; transform:translate(15%,110%);}
}
@media only screen and (min-width:1024px){
    .fa03 .point{left:0; top:0; transform:translate(-10%,-70%);}
}
@media only screen and (min-width:1472px){
    .fa03 .point{transform:translate(-40%,-70%);}
}
@media only screen and (min-width:1696px){
    .fa03 .point{transform:translate(-40%,-70%);}
}

/*ch01*/
.ch01{width:100%; display:flex; justify-content:space-between; flex-wrap:wrap; box-sizing:border-box; position:relative;}
.ch01 .box{position:relative; box-sizing:border-box;}
.ch01 .box02{display:flex; flex-direction:column; align-items:flex-start;}
.ch01 .logo{width:var(--logo_yoko); display:inline-block; margin-bottom:var(--px16_24);}
@media only screen and (max-width:1023px){
    .ch01{padding-left:var(--contents01); padding-right:var(--contents01);}
    .ch01 .box{width:100%;}
    .ch01 .box01{margin-bottom:var(--max1023_px24_28);}
}
@media only screen and (min-width:1024px){
    .ch01{flex-direction:row-reverse; align-items:center; width:90%; margin-left:5%;}
    .ch01 .box01{width:calc(100% - var(--ch01_w));}
    .ch01 .box02{width:var(--ch01_w);}
}
@media only screen and (min-width:1472px){
    .ch01{width:70%; margin-left:15%;}
}
@media only screen and (min-width:375px) and (max-width:499px){
    .ch01 .point{right:0; top:0; transform:translate(0%,0%);}
}
@media only screen and (min-width:500px)  and (max-width:1023px){
    .ch01 .point{right:0; top:0; transform:translate(0%,50%);}
}
@media only screen and (min-width:1024px){
    .ch01 .point{left:0; top:0; transform:translate(-30%,-75%);}
}
@media only screen and (min-width:1472px){
    .ch01 .point{transform:translate(-50%,-50%);}
}

/*ch_bn*/
.ch_bn{display:flex; justify-content:center; align-items:center; width:100%; height:var(--bn_h);}
.ch_bn .bg{background:url("../img/charge/0101.jpg") no-repeat center center / cover; display:inline-block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:-1; transition:opacity .3s ease, filter .3s ease;}
.ch_bn .text{width:clamp(10.625rem, 9.227rem + 6.22vw, 16.25rem)/*170_260*/; height:clamp(4.375rem, 3.753rem + 2.76vw, 6.875rem)/*70_110*/;}
.ch_bn .text .wrap{width:100%; height:100%; background-color:var(--ch); display:flex; justify-content:center; align-items:flex-start; box-sizing:border-box; transition:background-color .3s ease, transform .3s ease, opacity .3s ease;}
.ch_bn .text .inner{width:100%; height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; position:relative;}
.ch_bn .text .main,
.ch_bn .text .sub{color:var(--wh);}
.ch_bn .text .main{font-size:var(--px18_28); line-height:1; white-space:nowrap; letter-spacing:0.05em; margin-bottom:var(--px4_8);}
.ch_bn .text .sub{font-size:var(--px13_17);}
.ch_bn .text .arrow{width:1px; height:var(--px16_24); background:var(--wh); position:absolute; left:50%; bottom:0; transform:translate(0,50%);}
@media only screen and (min-width:1024px){
    .ch_bn:hover .text .wrap{transform:translateY(4px); background:var(--dg);}
    .ch_bn:hover .bg{filter:brightness(.6);}
}

/*ad_com*/
.ad_com{display:flex; flex-direction:column; align-items:flex-start;}
.ad_com .tel,
.ad_com .fax{display:inline-block;}
.ad_com .fax{pointer-events:none;}
.ad_com .tel .title,
.ad_com .fax .title{width:2.75em; display:inline-block;}
.ad_com .tel .num,
.ad_com .fax .num{display:inline-block;}
.ad_com .fax .num a{display:inline-block;}
.ad_com .desc,
.ad_com .tel,
.ad_com .fax,
.ad_com .title,
.ad_com .num{line-height:1.8;}
@media only screen and (max-width:399px){
    .ad_com .desc,
    .ad_com .tel,
    .ad_com .fax,
    .ad_com .title,
    .ad_com .num{white-space:nowrap;}
}

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

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

/*main_tab*/
.hide{display:none;}
.main_tab{overflow:hidden; display:flex; flex-wrap:wrap;}
.main_tab .btn{position:relative; display:flex; justify-content:center; align-items:center; height:var(--btn_h); box-sizing:border-box; cursor:pointer; line-height:1; background:var(--wh); border:1px solid var(--bk); border-bottom:none!important; transition:background-color .3s ease, border-color .3s ease, opacity .3s ease;}
.main_tab .btn .main{color:var(--bk); line-height:1; transition:color .3s ease;}
.main_tab .btn.select{background:var(--bk);}
.main_tab .btn.select .main{color:var(--wh);}
@media screen and (max-width:767px){
    .main_tab{justify-content:space-between;}
    .main_tab .btn{width:31%;}
}
@media screen and (min-width:768px){
    .main_tab{justify-content:center;}
    .main_tab .btn{width:var(--btn_w);}
    .main_tab .btn{margin-right:10px;}
    .main_tab .btn:last-of-type{margin-right:0;}
}
@media screen and (min-width:1024px){
    .main_tab .btn:hover{background:var(--dg); border:1px solid var(--dg);}
    .main_tab .btn:hover .main{color:var(--wh);}
}

/*main_tab_content*/
.main_tab_content{width:100%; border-top:1px solid var(--bk); overflow:hidden; position:relative;}
.main_tab_content > div{width:100%; position:relative; display:none;}
.main_tab_content > div:first-child{display:block;}
.main_tab_content iframe,
.main_tab_content object,
.main_tab_content embed{position:absolute;top:0; left:0; width:100%; height:100%;}
.main_tab_content div{height:var(--map_h);}

/*ac03*/
.ac03{width:100%; box-sizing:border-box; position:relative;}
.ac03 .box{display:flex; flex-wrap:wrap; position:relative; box-sizing:border-box; width:100%;}
.ac03 .inner{position:relative; box-sizing:border-box;}
.ac03 .inner01{width:100%; display:flex; justify-content:flex-start; margin-bottom:var(--px16_24);}
.ac03 .inner02,
.ac03 .inner03{display:flex; flex-direction:column;}
.ac03 .logo{display:inline-block; width:var(--logo_yoko);}
.ac03 .inner03 .desc{line-height:1.8;}
@media only screen and (max-width:1023px){
    .ac03{padding-left:var(--contents01); padding-right:var(--contents01);}
}
@media only screen and (min-width:1024px){
    .ac03 .box{justify-content:flex-start; width:90%; margin-left:5%;}
}
@media only screen and (max-width:1247px){
    .ac03 .box{flex-direction:column; align-items:center;}
    .ac03 .inner{width:100%;}
    .ac03 .inner02{margin-bottom:1em;}
}
@media only screen and (min-width:1248px){
    .ac03 .inner02,
    .ac03 .inner03{width:auto;}
    .ac03 .inner02{padding-right:var(--px24_48);}
    .ac03 .inner03{padding-left:var(--px24_48); border-left:1px solid var(--bk);}
}
@media only screen and (min-width:1472px){
    .ac03 .box{width:70%; margin-left:15%;}
}
@media only screen and (min-width:1472px) and (max-width:1695px){
    .ac03 .note{letter-spacing:0em;}
}
@media only screen and (min-width:375px) and (max-width:499px){
    .ac03 .point{transform:translate(0%,0%);}
}
@media only screen and (min-width:500px) and (max-width:1023px){
    .ac03 .point{ransform:translate(0%,50%);}
}
@media only screen and (min-width:1024px) and (max-width:1247px){
    .ac03 .point{transform:translate(-60%,50%);}
}
@media only screen and (max-width:1247px){
    .ac03 .point{right:0; top:0;}
}
@media only screen and (min-width:1248px){
    .ac03 .point{right:0; top:0; transform:translate(20%,-40%);}
}

/*ac04*/
.ac04{width:100%; display:flex; align-items:flex-start; flex-wrap:wrap; box-sizing:border-box; position:relative;}
.ac04 .box{position:relative; display:flex; justify-content:space-between; align-items:center; box-sizing:border-box; border:1px solid var(--bk); height:clamp(4rem, 3.503rem + 2.21vw, 6rem)/*64_96*/; background-color:transparent; transition:background-color .3s ease, border-color .3s ease; backface-visibility:hidden;}
.ac04 .box .main{color:var(--bk); transition:color .3s ease;}
.ac04 .box .arrow{background:var(--bk); width:var(--px16_24); height:1px; transition:background-color .3s ease;}
@media only screen and (max-width:767px){
    .ac04 .box{width:100%; margin-right:0; margin-bottom:1.5em;}
}
@media only screen and (min-width:768px) and (max-width:1023px){
    .ac04 .box{width:47%; margin-bottom:2em;}
    .ac04 .box:nth-of-type(odd){margin-right:6%;}
}
@media only screen and (max-width:1023px){
    .ac04{padding-left:var(--contents01); padding-right:var(--contents01); justify-content:space-between;}
}
@media only screen and (min-width:1024px){
    .ac04{width:90%; margin-left:5%; justify-content:flex-start;}
    .ac04 .box{width:30.8333%; margin-right:3.75%;}
    .ac04 .box:nth-of-type(-n+3){margin-bottom:3.75%;}
    .ac04 .box:nth-of-type(3n){margin-right:0;}
    .ac04 .box .main{font-size:clamp(1rem, 0.673rem + 0.51vw, 1.25rem)/*16_20*/;}
    .ac04 .box:hover{background:var(--dg); border-color:var(--dg);}
    .ac04 .box:hover .main{color:var(--wh);}
    .ac04 .box:hover .arrow{background:var(--wh);}
}
@media only screen and (min-width:1472px){
    .ac04{width:70%; margin-left:15%;}
}
@media only screen and (max-width:1695px){
    .ac04 .box{padding:0 1em;}
}
@media only screen and (min-width:1696px){
    .ac04 .box{padding:0 1.5em;}
}

/*news*/
.news{display:block!important; width:100%;}
.news_kanri{text-align:right!important; display:block; clear:both;}
.news_kanri a{font-size:11px;}
.news ul#newsList{display:flex; justify-content:flex-start; flex-wrap:wrap; padding:0; margin:0; list-style:none; clear:both;}
.news ul#newsList li{box-sizing:border-box; display:flex; flex-direction:column;}
.pager{display:flex; justify-content:flex-end; width:100%; clear:both; position:relative; margin:0 0 2em;}
@media only screen and (max-width:767px){
    .news ul#newsList li{width:100%; margin-right:0;}
}
@media only screen and (min-width:768px) and (max-width:1023px){
    .news ul#newsList li{width:47%; margin-right:6%;}
    .news ul#newsList li:nth-of-type(2n){margin-right:0;}
}
@media only screen and (min-width:1024px){
    .news ul#newsList li{width:30.8333%; margin-right:3.75%;}
    .news ul#newsList li:nth-of-type(3n){margin-right:0;}
    .news ul#newsList li a{align-items:center;}
}
@media only screen and (max-width:1023px){
    .news ul#newsList li{margin-bottom:3em;}
}
@media only screen and (min-width:1024px){
    .news ul#newsList li{margin-bottom:3em;}
    .news .thumbNailWrap{transition:opacity .3s ease, transform .3s ease, filter .3s ease; backface-visibility:hidden; will-change:filter;}
    .news ul#newsList li .title{transition:opacity .3s ease, transform .3s ease; backface-visibility:hidden;}
    .news ul#newsList li:hover .thumbNailWrap{filter:brightness(0.8);}
    .news ul#newsList li:hover .title{opacity:.75;}
}
.news .thumbNailWrap{display:block; position:relative; background:url("../img/news/nophoto.jpg") no-repeat center center / cover; overflow:hidden;}
.news .thumbNailWrap img{object-fit:cover; width:100%; 
    height: 100%;
    overflow: hidden;}
.news ul#newsList li .title{text-decoration:none; line-height:1.8;}
.news ul#newsList li .comment{display:none;}
@media only screen and (max-width:1023px){
    .news .thumbNailWrap{aspect-ratio:3/2; margin-bottom:1em;}
}
@media only screen and (min-width:1024px){
    .news .thumbNailWrap{aspect-ratio:3/2; margin-bottom:1em;}
}
@media only screen and (min-width:1472px){
    .news .thumbNailWrap{aspect-ratio:3/2; margin-bottom:1.5em;}
}

.pager a {display:block; font-size:12px; background:var(--wh); border:1px solid var(--bk); padding:.5em .8em; margin-left:8px; text-decoration:none;}
.pager a.current{background:var(--ch); border:none; border:1px solid var(--bk); color:var(--wh);}
@media only screen and (min-width:1024px){
    .pager a:hover{background:var(--ch); border:none; border:1px solid var(--bk); color:var(--wh);}
}

/*news-detail*/
.pNav, .pNav a{font-size:14px; padding:0 0 10px; text-align:left;}
.news_detail_title{font-size:var(--px16_24); border-top:1px solid var(--bk); border-bottom:1px solid var(--bk); font-weight:normal; line-height:1.5; color:var(--bk);}
.news_detail_up_ymd{text-align:right; font-size:14px; padding:0 0; margin-right:-.75em; margin-top:0.5em;}
.detailText{font-weight:normal; letter-spacing:0.05em; text-align:left; text-align:justify; box-sizing:border-box; color:var(--bk);}
.detailUpfile{margin:0; text-align:center; box-sizing:border-box; position:relative;}
.detailUpfile img{max-width:912px; height:auto; vertical-align:bottom; object-fit:cover; width:100%;}
@media only screen and (max-width:1023px){
    .news_detail_title{padding:1em 0;}
}
@media only screen and (min-width:1024px){
    .news_detail_title{padding:1.5em 0;}
}
@media only screen and (max-width:1471px){
	.news_detail_title{text-align:left;}
	.news_detail_up_ymd{margin-bottom:1em;}
	.detailText,
	.detailUpfile{margin-bottom:2em;}
}
@media only screen and (min-width:1472px){
	.news_detail_up_ymd,
	.detailText,
	.detailUpfile{margin-bottom:4em;}
	.detailText{line-height:2;}
    .detailText{width:912px; margin-left:auto; margin-right:auto;}
}
@media only screen and (max-width:575px){
    .detailUpfile img{aspect-ratio:3/2;}
}
@media only screen and (min-width:576px) and (max-width:1471px){
    .detailUpfile img{aspect-ratio:5/3;}
}
@media only screen and (min-width:1472px){
    .detailUpfile img{aspect-ratio:3/2;}
}