/*in_video*/
.in_video{position:relative; overflow:hidden;}
#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:1/0.484; width:100%;}
    #in_video{width:100%; height:auto; max-width:100%; vertical-align:bottom; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
}

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"]{border-radius:0; -webkit-box-sizing:content-box; -webkit-appearance:button; appearance:button; border:none; box-sizing:border-box; cursor:pointer;}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration{display:none;}
input[type="submit"]::focus,
input[type="button"]::focus{outline-offset:-2px;}
select{-webkit-appearance:none; -moz-appearance:none; appearance:none; border:none; outline:none; background:transparent;}
button, input[type="submit"]{-webkit-appearance:none; -moz-appearance:none; appearance:none; padding:0; border:none; outline:none; background:transparent;}
.CheckboxInput{display:flex; align-items:center; cursor:pointer;}
.CheckboxInput-Input{margin:0; width:0; opacity:0;}
.CheckboxInput:hover{}
.CheckboxInput-Input:focus + .CheckboxInput-DummyInput{}
.CheckboxInput-Input:checked + .CheckboxInput-DummyInput{
/*チェックボックス背景色*/	
background:var(--be);}
.CheckboxInput-Input:checked + .CheckboxInput-DummyInput::before{content:""; display:block; position:absolute; top:50%; left:50%; width:40%; height:4px; transform:translate(-5px, 2px) rotateZ(-135deg); transform-origin:2px 2px; background:var(--bk);}
.CheckboxInput-Input:checked + .CheckboxInput-DummyInput::after{content:""; display:block; position:absolute; top:50%; left:50%; width:76%; height:4px; transform:translate(-5px, 2px) rotateZ(-45deg); transform-origin:2px 2px; background:var(--bk);}
.CheckboxInput-DummyInput{position:relative; top:0; left:0; display:block; width:22px; height:22px; background:var(--wh); box-sizing:border-box; border-radius:0;}
.CheckboxInput-LabelText{margin-left:12px; display:block;}

/*search*/
.search_wrap{position:relative;}
.search{display:flex; box-sizing:border-box; position:relative;}
.plan_form{width:100%; display:flex; justify-content:center;}
.plan_form .form_box{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center;}
.plan_form .title{margin:0 0 16px 0; padding:0; text-align:center; line-height:1; font-size:var(--px15_17);}
.plan_form .title,
.plan_form .price span{color:var(--wh);}
.plan_form span{margin:0;}
.plan_form select{position:relative; padding:3px 5px;}
.plan_form input{position:relative; padding:3px 5px;}
.plan_form #datepicker,
.plan_form select{font-size:16px; border:0; border-radius:0;}
.plan_form input,
.plan_form #datepicker,
.plan_form select,
.plan_form option{background:var(--wh); color:var(--bk); border:none;}
.CheckboxInput-DummyInput{border:none;}
.plan_form .check_in{width:auto; text-align:center;}
.plan_form .check_in input{width:120px; cursor:pointer;}
.plan_form .undecided{width:auto; text-align:center;}
.plan_form .undecided .CheckboxInput{display:flex; justify-content:center; cursor:pointer;}
.plan_form .guests{width:auto; text-align:center;}
.plan_form .guests select{width:100px;}
.plan_form .type {width:auto; text-align:center;}
.plan_form .type select{width:100px;}
.plan_form .price {width:auto; text-align:center;}
.plan_form .price span{width:10px; text-align:center; margin:0;}
.plan_form .option-input{position:relative;  cursor:pointer;}
@media only screen and (max-width:359px){
	.plan_form .check_in{width:100%; text-align:center; margin:0 0 20px 0;}
	.plan_form .check_in input{width:100%;}
	.plan_form .undecided{width:100%; margin:0 0 20px 0;}
	.plan_form .guests{width:100%; text-align:center; margin:0 0 20px 0;}
	.plan_form .type{width:100%; text-align:center; margin:0 0 20px 0;}
	.plan_form .type select{width:100%;}
	.plan_form .price {width:100%; text-align:center; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center;}
	.plan_form .price .title{width:100%;}
	.plan_form .price select{width:100%;} 
	.plan_form .price span{width:100%; text-align:center; padding:0; margin:10px 0!important; display:block;}
}
@media only screen and (max-width:1247px){
    .search_wrap{box-sizing:border-box; padding-left:var(--contents01); padding-right:var(--contents01);}
	.search{padding-top:3em; padding-bottom:3em; display:flex; flex-direction:column; align-items:center;}
    .plan_form{display:flex; flex-direction:column;}
	.plan_form .title{margin:0 0 16px 0; padding:0; text-align:center;}
	.plan_form span{margin:0;}
	.plan_form .check_in{width:46%; text-align:center; margin:0 0 2em 0;}
	.plan_form .check_in input{width:100%;}
	.plan_form .undecided{width:46%; margin:0 0 2em 0;}
	.plan_form .guests{width:46%; text-align:center; margin:0 0 2em 0;}
	.plan_form .guests select{width:100%;}
	.plan_form .type{width:46%; text-align:center; margin:0 0 2em 0;}
	.plan_form .type select{width:100%;}
	.plan_form .price{width:100%; text-align:center; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; margin:0 0 2.5em 0;}
	.plan_form .price .title{width:100%;}
	.plan_form .price select{width:46%;} 
	.plan_form .price span {width:auto; text-align:center; padding:0;}
	.plan_form .option-input{position:relative;  cursor:pointer; height:auto;}
	.plan_form .option-input:before{display:none;}
	.plan_form .option-input:checked:before{display:none;}
	.plan_form .option-input:after{display:none;}
	input{height:42px;}
	input[type="text"] {box-sizing:border-box;}
	select{box-sizing:border-box; height:42px;}
}
@media only screen and (min-width:1248px){
    .search_wrap{width:100%;}
	.search{justify-content:space-between; align-items:center; width:clamp(62.5rem, 41.329rem + 27.14vw, 72rem)/*1000_1152*/; height:clamp(9.438rem, 8.05rem + 2.17vw, 10.5rem)/*151_168*/; margin-left:auto; margin-right:auto;}
    .plan_form{position:relative; justify-content:flex-end; align-items:center;}
	.plan_form form{display:flex; justify-content:space-between; align-items:center; width:100%;}
	.plan_form .form_box{width:100%; align-items:center;}
	.plan_form .parts_com{align-self:flex-start;}
	.plan_form .undecided .title{margin:0 0 21px 0;}
    .plan_form .guests select,
    .plan_form .type select{width:88px; height:48px;}
    .plan_form #datepicker,
    .plan_form .price select{width:130px; height:48px;}
}

/*form_btn*/
.form_btn,
.form_btn .wrap{position:relative; overflow:hidden;}
.form_btn,
.form_btn .btn{width:var(--btn02_w); height:var(--btn01_h); background:transparent;}
.form_btn .btn{position:absolute; left:0; top:0; background:transparent;}
.form_btn .wrap{width:100%; height:100%; display:flex; justify-content:space-between; align-items:center; box-sizing:border-box; position:relative; vertical-align:middle;}
.form_btn .main{line-height:1; font-size:var(--px15_17);}
.form_btn .arrow{display:inline-block; width:var(--px16_24); height:1px; background:var(--bk);}
.form_btn input{border:0!important;}
@media only screen and (max-width:1247px){
	.form_btn{margin-left:auto; margin-right:auto;}
    .form_btn .wrap{padding:0 1em;}
}
@media only screen and (min-width:1248px){
    .form_btn .wrap{padding:0 1em;}
}

/*in01*/
.in01{width:100%; display:flex; flex-wrap:wrap; box-sizing:border-box; position:relative;}
.in01 .box{position:relative;}
@media only screen and (max-width:1023px){
    .in01{padding-left:var(--contents01); padding-right:var(--contents01); flex-direction:column;}
    .in01 .box01{margin-bottom:var(--max1023_px24_28);}
}
@media only screen and (min-width:1024px){
    .in01{justify-content:space-between;}
    .in01 .box01{width:20%; margin-left:5%;}
    .in01 .box02{width:70%; margin-right:5%;}
}
@media only screen and (min-width:1472px){
    .in01 .box01{width:15%; margin-left:10%;}
    .in01 .box02{width:65%; margin-right:10%;}
}

/*news_umekomi*/
.news_umekomi{width:100%;}
.news_umekomi .up_ymd{line-height:1.5; display:inline-block;}
.news_umekomi ul#newsList{border-top:1px solid var(--bk);}
.news_umekomi ul#newsList li{box-sizing:border-box; width:100%; border-bottom:1px solid var(--bk);}
.news_umekomi ul#newsList li a{transition:all .3s ease;}
.news_umekomi .newMark{line-height:1.8; font-size:14px; color:var(--green);}
.news_umekomi_kanri{text-align:right!important; align-self:flex-end;}
.news_umekomi_kanri a{font-size:11px!important;}
.news_umekomi .up_ymd{margin-right:1.25em;}
@media only screen and (max-width:1023px){
    .news_umekomi ul#newsList li{padding:.5em;}
    .news_umekomi ul#newsList li a{line-height:1.5;}
}
@media only screen and (min-width:1024px){
    .news_umekomi ul#newsList li{padding:.75em;}
    .news_umekomi ul#newsList li a{line-height:1.8;}
}
@media only screen and (max-width:1471px){
    .news_umekomi ul#newsList li{display:flex; flex-direction:column;}
    .news_umekomi .up_ymd{font-size:var(--px13_14);}   
}
@media only screen and (min-width:1472px){
    .news_umekomi ul#newsList li a:hover{padding-left:.25em; opacity:.75;}
	.news_umekomi .up_ymd{width:22%;}
}
@media only screen and (min-width:1696px){
	.news_umekomi .up_ymd{width:18%;}
}

/*in02*/
.in02{width:100%; display:flex; justify-content:space-between; flex-wrap:wrap; box-sizing:border-box; position:relative;}
.in02 .box{position:relative;}
.in02 .box::before,
.in02 .box::after{content:""; display:inline-block; position:absolute; background:var(--wh); z-index:2;}
@media only screen and (max-width:1023px){
    .in02{padding-left:var(--contents01); padding-right:var(--contents01); margin-bottom:var(--max1023_px24_28);}
    .in02 .box{width:50%;}
    .in02 .img_fit{aspect-ratio:3/2.4;}
    .in02 .box01::before,
    .in02 .box03::before{top:0; right:0; width:1px; height:100%;}
    .in02 .box01::after,
    .in02 .box02::after{bottom:0; left:0; width:100%; height:1px;}
}
@media only screen and (min-width:1024px){
    .in02{width:90%; margin-left:5%; margin-bottom:var(--px48_64);}
    .in02 .box{width:25%;}
    .in02 .img_fit{aspect-ratio:1/1.4;}
}
@media only screen and (min-width:1472px){
    .in02{width:80%; margin-left:10%;}
    .in02 .box::before{top:0; right:0; width:1px; height:100%;}
    .in02 .box:last-of-type::before{display:none;}
}

/*in03*/
.in03{width:100%; display:flex; flex-direction:column; flex-wrap:wrap; box-sizing:border-box; position:relative;}
@media only screen and (max-width:1023px){
    .in03{padding-left:var(--contents01); padding-right:var(--contents01);}
    .in03 .sign{margin-top:1em; text-align:right;}
}
@media only screen and (min-width:1024px){
    .in03 .desc{text-align:center;}
    .in03 .sign{margin-top:2em;}
}

/*in04*/
.in04{width:100%; display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; box-sizing:border-box; position:relative;}
.in04 .box{position:relative;}
@media only screen and (max-width:1023px){
    .in04{padding-left:var(--contents01); padding-right:var(--contents01);}
    .in04 .box01{margin-bottom:var(--max1023_px24_28);}
}
@media only screen and (min-width:1024px){
    .in04{align-items:center;}
    .in04 .box01{width:55%;}
    .in04 .box02{width:30%;}   
    .in04.normal .box01{margin-left:5%;}
    .in04.normal .box02{margin-right:5%;}
    .in04.reverse{flex-direction:row-reverse;}
    .in04.reverse .box01{margin-right:5%;}
    .in04.reverse .box02{margin-left:5%;}
}
@media only screen and (min-width:1472px){
    .in04 .box01{width:50%;}
    .in04 .box02{width:25%;}
    .in04.normal .box01{margin-left:10%;}
    .in04.normal .box02{margin-right:10%;}
    .in04.reverse .box01{margin-right:10%;}
    .in04.reverse .box02{margin-left:10%;}
}
@media only screen and (min-width:1696px){
    .in04 .desc{white-space:nowrap;}
}

/*plan_rss*/
.plan_rss{display:flex; flex-wrap:wrap;}
.plan_rss .mini{display:flex; flex-direction:column; align-items:flex-start;}
.plan_rss .mini .plan_img{width:100%; height:auto; margin-bottom:1em; overflow:hidden;}
.plan_rss .mini .plan_img a{overflow:hidden; display:block; position:relative; width:100%; height:auto; max-width:100%; vertical-align:bottom; object-fit:cover;}
.plan_rss .mini .plan_img a img{transition:all .3s ease;}
.plan_rss .mini .plan_text a{text-align:justify; line-height:1.8; box-sizing:border-box; display:inline-block; color:var(--bk);}
.plan_rss .mini .plan_text p{display:none;}
@media only screen and (max-width:767px){
    .plan_rss .mini{width:100%;}
}
@media only screen and (min-width:768px) and (max-width:1023px){
    .plan_rss{justify-content:center;}
    .plan_rss .mini{width:47%;}
    .plan_rss .mini:nth-of-type(1){margin-right:6%;}
}
@media only screen and (max-width:1023px){
    .plan_rss{margin-bottom:-3em;}
	.plan_rss .mini{margin-bottom:3em;}
}
@media only screen and (min-width:1024px){
    .plan_rss{justify-content:space-between;}
    .plan_rss::after{content:""; display:inline-block; width:31%;}
    .plan_rss .mini{width:31.25%; transition:all 0.3s ease;}
    .plan_rss .mini:hover{filter:brightness(0.6);}
}

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

/*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;
    margin-bottom: 2.5em;
}

.pager {
    display: flex; 
    justify-content: flex-end; 
    width: 100%;
    clear: both; 
    position: relative;
    margin: 0 0 2em;
}

@media only screen and (min-width: 1472px) {
    .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 (min-width: 768px) and (max-width: 1471px) {
    .news ul#newsList li {
        width: 47%;
        margin-right: 6%;
    }
    .news ul#newsList li:nth-of-type(2n) {
        margin-right: 0;
    }
}

@media only screen and (max-width: 767px) {
    .news ul#newsList li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 3em;
    }
}

.news .thumbNailWrap {
    display: block; 
    position: relative; 
    background: url("../img/news/nophoto.jpg") no-repeat center center / cover; 
    overflow: hidden; 
    margin-bottom: 1em; 
    aspect-ratio: 3/2;
}
.news .thumbNailWrap img { object-fit: cover; width: 100%; height: auto; }
.news ul#newsList li .title { text-decoration: none; line-height: 1.8; }
.news ul#newsList li .comment { display: none; }
.pager a { display: block; border: 1px solid var(--bk); font-size: 12px; padding: .5em .8em; margin-left: 8px; text-decoration: none; }
.pager a.current { background: var(--green); color: var(--wh); border: 1px solid var(--green); }
@media only screen and (min-width: 1024px) {
    .pager a:hover { background: var(--green); color: var(--wh); border: 1px solid var(--green); }
}

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

/*fa01*/
.fa01{display:flex; flex-direction:column; align-items:flex-start; flex-wrap:wrap; box-sizing:border-box;}
.fa01 .box{width:100%;}
.fa01 .box01{display:flex; justify-content:space-between; flex-wrap:wrap;}
.fa01 .inner{position:relative;}
.fa01 .inner::before,
.fa01 .inner::after{content:""; display:inline-block; background:var(--wh); position:absolute; z-index:2;}
.fa01 .desc{width:100%;}
@media only screen and (max-width:1023px){
    .fa01{padding-left:var(--contents01); padding-right:var(--contents01);}
    .fa01 .box01{margin-bottom:var(--max1023_px24_28);}
    .fa01 .inner01{width:100%;}
    .fa01 .inner02,
    .fa01 .inner03{width:50%;}
    .fa01 .inner02 .img_fit,
    .fa01 .inner03 .img_fit{aspect-ratio:3/2.4;}
    .fa01 .inner01::after{left:0; bottom:0; height:1px; width:100%;}
    .fa01 .inner02::before{right:0; top:0; width:1px; height:100%;}
}
@media only screen and (min-width:1024px){
    .fa01{width:90%; margin-left:5%;}
    .fa01 .box01{margin-bottom:var(--px24_40);}
    .fa01 .inner{width:33.33333333%;}
    .fa01 .inner::before{right:0; top:0; width:1px; height:100%;}
    .fa01 .inner:last-of-type::before{display:none;}
    .fa01 .desc{text-align:center;}
    .fa01 .img_fit{aspect-ratio:none; height:var(--height_ajust01);}
}
@media only screen and (min-width:1472px){
    .fa01{width:75%; margin-left:12.5%;}
}

/*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; box-sizing:border-box;}
.fa02 .text{width:100%; display:flex; flex-direction:column; align-items:flex-start;}
@media only screen and (max-width:1023px){
    .fa02{padding-left:var(--contents01); padding-right:var(--contents01);}
    .fa02 .box{width:100%;}
    .fa02 .box02{display:flex; flex-direction:column-reverse;}
}
@media only screen and (min-width:1024px){
    .fa02{align-items:center;}
    .fa02 .box01{width:52.5%;}
    .fa02 .box02{width:32.5%;}
    .fa02.normal{flex-direction:row;}
    .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:45%;}
    .fa02 .box02{width:25%;}
    
    .fa02.normal .box01{margin-left:12.5%;}
    .fa02.normal .box02{margin-right:12.5%;}
    .fa02.reverse .box01{margin-right:12.5%;}
    .fa02.reverse .box02{margin-left:12.5%;}
}

/*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;}
@media only screen and (max-width:1023px){
    .fa03{padding-left:var(--contents01); padding-right:var(--contents01);}
    .fa03 .box{width:100%;}
    .fa03 .box01{margin-bottom:var(--max1023_px24_28);}
}
@media only screen and (min-width:1024px){
    .fa03{align-items:center;}
    .fa03 .box01{width:30%; margin-left:5%;}
    .fa03 .box02{width:55%; margin-right:5%;}
    .fa03 .img_fit{aspect-ratio:3/3; border-radius:50%;}
}
@media only screen and (min-width:1472px){
    .fa03 .box01{width:22.5%; margin-left:12.5%;}
    .fa03 .box02{width:47.5%; margin-right:12.5%;}
}

/*cu01*/
.cu01{display:flex; flex-direction:column; align-items:flex-start; flex-wrap:wrap; box-sizing:border-box;}
.cu01 .box{width:100%;}
.cu01 .box01{display:flex; justify-content:space-between; flex-wrap:wrap;}
.cu01 .inner{position:relative;}
.cu01 .inner::before,
.cu01 .inner::after{content:""; display:inline-block; background:var(--wh); position:absolute; z-index:2;}
.cu01 .desc{width:100%;}
@media only screen and (max-width:1023px){
    .cu01{padding-left:var(--contents01); padding-right:var(--contents01);}
    .cu01 .box01{margin-bottom:var(--max1023_px24_28);}
    .cu01 .inner01{width:100%;}
    .cu01 .inner02,
    .cu01 .inner03{width:50%;}
    .cu01 .inner02 .img_fit,
    .cu01 .inner03 .img_fit{aspect-ratio:3/2.6;}
    .cu01 .inner01::after{left:0; bottom:0; height:1px; width:100%;}
    .cu01 .inner02::before{right:0; top:0; width:1px; height:100%;}
}
@media only screen and (min-width:1024px){
    .cu01{width:90%; margin-left:5%;}
    .cu01 .box01{margin-bottom:var(--px24_48);}
    .cu01 .inner{width:33.33333333%;}
    .cu01 .inner::before{right:0; top:0; width:1px; height:100%;}
    .cu01 .inner:last-of-type::before{display:none;}
    .cu01 .desc{text-align:center;}
    .cu01 .img_fit{aspect-ratio:none; height:var(--height_ajust01);}
}
@media only screen and (min-width:1472px){
    .cu01{width:75%; margin-left:12.5%;}
}

/*cu02*/
.cu02{width:100%; display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; box-sizing:border-box; position:relative;}
.cu02 .box{position:relative; box-sizing:border-box;}
.cu02 .text{width:100%; display:flex; flex-direction:column; align-items:flex-start;}
@media only screen and (max-width:1023px){
    .cu02{padding-left:var(--contents01); padding-right:var(--contents01);}
    .cu02 .box{width:100%;}
    .cu02 .box01{margin-bottom:var(--max1023_px24_28);}
    .cu02 .box02{display:flex; flex-direction:column-reverse;}
}
@media only screen and (min-width:1024px){
    .cu02{align-items:center;}
    .cu02 .box01{width:52.5%;}
    .cu02 .box02{width:32.5%;}
    .cu02.normal{flex-direction:row;}
    .cu02.normal .box01{margin-left:5%;}
    .cu02.normal .box02{margin-right:5%;}
    .cu02.reverse{flex-direction:row-reverse;}
    .cu02.reverse .box01{margin-right:5%;}
    .cu02.reverse .box02{margin-left:5%;}
}
@media only screen and (min-width:1472px){
    .cu02 .box01{width:45%;}
    .cu02 .box02{width:25%;}
    
    .cu02.normal .box01{margin-left:12.5%;}
    .cu02.normal .box02{margin-right:12.5%;}
    .cu02.reverse .box01{margin-right:12.5%;}
    .cu02.reverse .box02{margin-left:12.5%;}
}

/*cu03*/
.cu03{display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; box-sizing:border-box;}
.cu03 .box{position:relative;}
.cu03 .box::before,
.cu03 .box::after{content:""; display:inline-block; background:var(--wh); position:absolute; z-index:2;}
@media only screen and (max-width:1023px){
    .cu03{padding-left:var(--contents01); padding-right:var(--contents01); margin-top:var(--max1023_px24_28);}
    .cu03 .box{width:50%;}
    .cu03 .img_fit{aspect-ratio:3/2.4;}
    .cu03 .box::after{left:0; top:0; height:1px; width:100%;}
    .cu03 .box:nth-of-type(odd)::before{right:0; top:0; width:1px; height:100%;}
}
@media only screen and (min-width:1024px){
    .cu03{width:90%; margin-left:5%; margin-top:var(--px24_40);}
    .cu03 .box{width:33.33333333%;}
    .cu03 .box::before{right:0; top:0; width:1px; height:100%;}
    .cu03 .box:nth-of-type(3n)::before{display:none;}
    .cu03 .box:nth-of-type(-n+3)::after{left:0; bottom:0; height:1px; width:100%;}
}
@media only screen and (min-width:1472px){
    .cu03{width:75%; margin-left:12.5%;}
}

/*cu04*/
.cu04{display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; box-sizing:border-box;}
.cu04 .box{position:relative;}
.cu04 .box::before,
.cu04 .box::after{content:""; display:inline-block; background:var(--wh); position:absolute; z-index:2;}
@media only screen and (max-width:1023px){
    .cu04{padding-left:var(--contents01); padding-right:var(--contents01); margin-top:var(--max1023_px24_28);}
    .cu04 .box01{width:100%;}
    .cu04 .box02,
    .cu04 .box03{width:50%;}
    .cu04 .box02 .img_fit,
    .cu04 .box03 .img_fit{aspect-ratio:3/2.4;}
    .cu04 .box01::after{left:0; bottom:0; height:1px; width:100%;}
    .cu04 .box02::before{right:0; top:0; width:1px; height:100%;}
}
@media only screen and (min-width:1024px){
    .cu04{width:90%; margin-left:5%; margin-top:var(--px24_40);}
    .cu04 .box{width:33.33333333%;}
    .cu04 .box::before{right:0; top:0; width:1px; height:100%;}
    .cu04 .box:nth-of-type(3n)::before{display:none;}
}
@media only screen and (min-width:1472px){
    .cu04{width:75%; margin-left:12.5%;}
}

 /*se01*/
.se01{width:100%; display:flex; flex-direction:column; align-items:center; box-sizing:border-box;}
.se01 .box{width:100%; display:flex; flex-direction:column; align-items:center; box-sizing:border-box; border:1px solid var(--bk);}
.se01 .lead{background:var(--green); padding:1em; margin-bottom:var(--px16_32); display:flex; justify-content:center;}
.se01 .lead .main{color:var(--wh); text-align:center; font-size:var(--px18_24); letter-spacing:0.03em;}
.se01 .desc{width:100%; box-sizing:border-box; padding:var(--col_p); padding-top:0;}
@media only screen and (max-width:1023px){
    .se01{padding-left:var(--contents01); padding-right:var(--contents01);}
    .se01 .lead{width:100%;}
}
@media only screen and (min-width:1024px){
    .se01{width:90%; margin-left:5%;}
    .se01 .lead{width:420px; margin-top:-1.6em;}
}
@media only screen and (min-width:1472px){
    .se01{width:70%; margin-left:15%;}
}
@media only screen and (min-width:1696px){
    .se01 .desc{text-align:center;}
}
@media only screen and (min-width:1808px){
    .se01 .lead{margin-top:-1.75em;}
}

/*se02*/
.se02{display:flex; flex-direction:column; align-items:flex-start; flex-wrap:wrap; box-sizing:border-box;}
.se02 .box{width:100%;}
.se02 .box01{display:flex; justify-content:space-between; flex-wrap:wrap;}
.se02 .inner{position:relative;}
.se02 .inner::before,
.se02 .inner::after{content:""; display:inline-block; background:var(--wh); position:absolute; z-index:2;}
.se02 .desc{width:100%;}
@media only screen and (max-width:1023px){
    .se02{padding-left:var(--contents01); padding-right:var(--contents01);}
    .se02 .box01{margin-bottom:var(--max1023_px24_28);}
    .se02 .inner{width:50%;}
    .se02 .inner .img_fit{aspect-ratio:3/2.6;}
    .se02 .inner01::before{right:0; top:0; width:1px; height:100%;}
}
@media only screen and (min-width:1024px){
    .se02{width:90%; margin-left:5%;}
    .se02 .box01{margin-bottom:var(--px24_48);}
    .se02 .inner{width:50%;}
    .se02 .inner01::before{right:0; top:0; width:1px; height:100%;}
    .se02 .desc{text-align:center;}
    .se02 .img_fit{aspect-ratio:none; height:var(--height_ajust02);}
}
@media only screen and (min-width:1472px){
    .se02{width:70%; margin-left:15%;}
}

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

/*se04*/
.se04{width:100%; display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; box-sizing:border-box; position:relative;}
.se04 .box{position:relative;}
.se04 .lead{justify-content:center;}
.se04 .lead .main{text-align:center;}
.se04 .desc{letter-spacing:0.05em;}
@media only screen and (max-width:1023px){
    .se04{padding-left:var(--contents01); padding-right:var(--contents01); margin-bottom:calc(-1 * var(--px48_96));}
    .se04 .box{width:100%; margin-bottom:var(--px48_96);}
    .se04 .img{margin-bottom:var(--max1023_px24_28);}
}
@media only screen and (min-width:1024px){
    .se04{margin-bottom:calc(-1 * var(--px48_96));}
    .se04 .box{margin-bottom:var(--px48_96);}
    .se04 .box:nth-of-type(odd){width:42.5%; margin-left:5%;}
    .se04 .box:nth-of-type(even){width:42.5%; margin-right:5%;}
    .se04 .img{margin-bottom:var(--px24_40);}
}
@media only screen and (min-width:1472px){
    .se04 .box:nth-of-type(odd){width:32.5%; margin-left:15%;}
    .se04 .box:nth-of-type(even){width:32.5%; margin-right:15%;}
}

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

/*qa*/
.qa{width:100%; box-sizing:border-box;}
.qa_box{display:flex; flex-direction:column; align-items:center; box-sizing:border-box; transition:all .3s ease;}
.qa_lead{width:100%; cursor:pointer; display:flex; align-items:center; position:relative; vertical-align:middle; transition:all 0.3s ease; border-top:1px solid var(--bk); border-bottom:1px solid var(--bk); box-sizing:border-box;}
.qa_lead .wrap{display:flex; align-items:center; position:relative; box-sizing:border-box; width:100%;}
.qa_lead .main{position:relative; display:flex; justify-content:flex-start; align-items:center; box-sizing:border-box; padding-right:1em;}
.qa_lead .arrow{content:""; display:block; position:absolute; top:50%; width:var(--px6_8); transform:translate(0,-50%); transition:all .5s ease;}
.qa_lead.close .arrow{transform:translateY(-50%) rotate(180deg);}
.qa_detail{width:100%; box-sizing:border-box; display:none;}
.qa_detail .desc{font-size:var(--px14_17);}
.qa_desc{width:100%; box-sizing:border-box; position:relative; text-align:left; text-align:justify;}
.interval{height:1em; width:100%; display:inline-block; content:"";}
.qa_detail .inside{display:flex; justify-content:flex-start; align-items:flex-start!important; width:100%;}
.qa_detail .inside .main{flex-shrink:0;}
.qa_detail .inside .sub{flex:1;}
.qa_detail .inside01 .main{width:1em;}
.qa_detail .inside01 .sub{width:calc(100% - 1em);}
.qa_detail .mb01{display:inline-block; width:100%; height:1em;}
.qa_detail .mb02{display:inline-block; width:100%; height:.5em;}
@media only screen and (max-width:1023px){
    .qa_lead .arrow{right:.5em;}
    .qa_lead .wrap,
    .qa_detail{padding:.5em;}
    .qa_lead .main,
    .qa_detail .desc,
    .qa_detail .desc span,
    .qa_detail .desc a{line-height:1.5;}
}
@media only screen and (min-width:1024px){
    .qa_lead .arrow{right:1em;}
    .qa_lead .wrap,
    .qa_detail{padding:.75em}
    .qa_lead .main,
    .qa_detail .desc,
    .qa_detail .desc span,
    .qa_detail .desc a{line-height:1.8;}
}
@media only screen and (min-width:1472px){
	.qa_lead::after{content:''; position:absolute; top:0; left:0; width:100%; height:1px; z-index:-1; transition:all .5s ease; pointer-events:none; background:var(--bk_a01);}
	.qa_lead:hover::after{bottom:0; height:100%;}
	.qa_lead:hover{opacity:1; filter: alpha(opacity=100); -ms-filter: "alpha( opacity=100 )";}
}

/*ac_map*/
.ac_map{width:100%; position:relative; height:0; overflow:hidden!important; box-sizing:border-box;}
.ac_map iframe,
.ac_map object,
.ac_map embed{position:absolute;top:0; left:0; width:100%; height:100%;}
@media only screen and (max-width:575px){
    .ac_map{padding-bottom:90%!important;}
}
@media only screen and (min-width:576px) and (max-width:1471px){
    .ac_map{padding-bottom:50%;}
}
@media only screen and (min-width:1472px){
    .ac_map{padding-bottom:45%;}
}

/*ac_address*/
.ac_address{width:100%; display:flex; flex-wrap:wrap; box-sizing:border-box; position:relative;}
.ac_address .box01{display:flex; flex-direction:column;}
.ac_address .box02{display:flex; flex-direction:column;}
.ac_address .logo{display:inline-block; width:var(--logo);}
.ac_address .desc,
.ac_address .desc span,
.ac_address .title,
.ac_address .num{letter-spacing:0.05em; display:inline-block;}
.ac_address .title{width:2.5em;}
@media only screen and (max-width:1023px){
    .ac_address{flex-direction:column; align-items:center;}
    .ac_address .box{width:100%;}
    .ac_address .box01{display:none;}
}
@media only screen and (min-width:1024px){
    .ac_address{justify-content:center; align-items:center;}
    .ac_address .box01{width:calc(var(--logo) + 3em);}
    .ac_address .box02{width:auto;}
}

/*ac01*/
.ac01{width:100%; display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; box-sizing:border-box; position:relative;}
.ac01 .box{position:relative;}
.ac01 .img{position:relative;}
.ac01 .caption{position:absolute; left:var(--px8_16); bottom:var(--px8_16); background:var(--wh_a08); font-size:clamp(0.75rem, 0.719rem + 0.14vw, 0.875rem)/*12_14*/; letter-spacing:0.02em; display:inline-block; padding:.5em; line-height:1;}
.ac01 .lead .main,
.ac01 .lead .icon{transition:all .3s ease;}
.ac01 .desc{letter-spacing:0.05em;}
@media only screen and (max-width:1023px){
    .ac01{padding-left:var(--contents01); padding-right:var(--contents01); margin-bottom:calc(-1 * var(--px48_96));}
    .ac01 .box{width:100%; margin-bottom:var(--px48_96);}
    .ac01 .img{margin-bottom:var(--max1023_px24_28);}
}
@media only screen and (min-width:1024px){
    .ac01{margin-bottom:calc(-1 * var(--px48_96));}
    .ac01 .box{margin-bottom:var(--px48_96);}
    .ac01 .box:nth-of-type(odd){width:42.5%; margin-left:5%;}
    .ac01 .box:nth-of-type(even){width:42.5%; margin-right:5%;}
    .ac01 .img{margin-bottom:var(--px24_40);}
    .ac01 .lead:hover .main{transform:translateX(4px);}
    .ac01 .lead:hover .icon{transform:rotate(180deg);}
}
@media only screen and (min-width:1472px){
    .ac01 .box:nth-of-type(odd){width:32.5%; margin-left:15%;}
    .ac01 .box:nth-of-type(even){width:32.5%; margin-right:15%;}
}

/*gu_dl*/
.gu_dl{display:flex; flex-direction:column; align-items:flex-start; width:100%; margin-bottom:1em;}
.gu_dl:last-of-type{margin-bottom:0;}
.gu_dl dt,
.gu_dl dd{line-height:1.8;}
.gu_dl dt::before{content:"\25CE";}
.gu_dl dd{width:100%; box-sizing:border-box; padding-left:1em; font-size:var(--px14_17);}
.gu_dl .mb{width:100%; display:inline-block; height:.5em;}

table.grid_table{
    display: grid;
}
table.grid_table.price{
    display: grid;
    gap: 1em;
    line-height: 1.5;
}
table.grid_table.price tbody{
    display:contents;
}
table.grid_table.price tr{
    display: grid;
    border-top: 1px solid var(--bk);
    border-bottom: 1px solid var(--bk);
    align-items: center;
}
table.grid_table.price th,
table.grid_table.price td{
    padding: 0.5em;
    display: grid;
    align-items: center;
}
table.grid_table.price th{
    background: var(--bk_a005);
}
ul.comments{
    display: grid;
    gap: 0 1.5em;
    margin-top:0.5em;
}
@media screen and (min-width: 1024px){
    table.grid_table.price{
        grid-auto-columns:minmax(0,1fr);
        grid-template-rows: repeat(1,auto);
        grid-auto-flow: column;
    }
    table.grid_table.price tr{
        grid-template-columns: repeat(2,minmax(0,1fr));
        grid-template-rows: subgrid;
        grid-row: span 1;
        gap: 0;
    }
    table.grid_table.price td{
        padding-right: 1em;
    }
    table.grid_table.price td > span{
        justify-self: end;
    }
    ul.comments{
        grid-template-columns: repeat(3,auto) minmax(0,1fr);
    }
    ul.comments:after{
        content:"";
    }
}
@media screen and (max-width: 1024px){
    table.grid_table.price{
        grid-template-columns: minmax(0,1fr);
    }
    table.grid_table.price tr{
        grid-template-columns: minmax(0,1fr);
    }
    table.grid_table.price th,
    table.grid_table.price td{
        padding-block: 0.3em;
    }
    table.grid_table.price th{
        padding-inline: 1.5em;
    }
    table.grid_table.price td{
        justify-items: start;
    }
    table.grid_table.price td > span{
        width: 5em;
        justify-items: end;
        text-align: right;
        white-space: nowrap;
    }
    ul.comments{
        grid-template-columns: minmax(0,1fr);
    }
}

