@charset "UTF-8";

@media screen and (max-width: 767.9px) {
  .mv-video video{
    left: 0;
  }
}
section {
width: 100%;
margin: 0 auto 10%;
}

.sec01 {margin-bottom: 30%;}
.sec02 {max-width: 1200px;}

.s-01 {
border-top: 1px solid #786a3e;
margin: 8% 0;
}

.s-02 {
border-top: 1px solid #786a3e;
border-bottom: 1px solid #786a3e;
margin: 8% 0;
}

.s-03 {
padding-bottom: 1%;
margin-bottom: 17%;
}

h3 {
max-width: 84px;
margin: 19% auto 4%;
padding: 0 1px;
font-size: .8rem;
letter-spacing: .05rem;
}

h4 span {
    display: block;
    border-bottom: 1px solid #786a3e;
    width: 80%;
    max-width: 1000px;
    font-size: 170%;
    letter-spacing: .1rem;
    line-height: 1.7;
    margin: 2% auto;
}

h4.h-01 span {
    border-bottom: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

h4.h-01 span span {
    width: 17%;
    padding-right: 2%;
    display: block;
    margin: 0;
}

h4.tline {
    border-top: 1px solid #786a3e;
    margin: 3% 0 5%;
    padding: 7% 0 0;
}

h5 {
    width: 86%;
    max-width: 1000px;
    font-size: 110%;
    color: #000;
    margin-bottom: 6%;
}

h6 {color: #000;}

.sv-01,.sv-02,.sv-03,.sv-04,.sv-05,.sv-06,.sv-07 {position: relative;}

.sv-02 {margin: 0 auto 3%;}
.sv-03 {margin: 0 auto 10%;}
.sv-04 {margin: 0 auto 13%;}
.sv-05 {margin: 0 auto 7%;}

.sv-02 figcaption {
    position: absolute;
    top: -2%;
    right: 15%;
    width: 21%;
}

.t-02 {
max-width: 1200px;
display: block;
margin: 4% auto;
color: #000;
font-size: min(3.5vw,1.13rem);
line-height: 2;
font-feature-settings: "palt";
}

.t-03 {
display: block;
margin: 4% auto;
color: #786a3e;
font-size: min(3.5vw,1.2rem);
text-align: center;
font-feature-settings: "palt";
}

.ic-01 {margin: 0 auto 10%;}

.ic-01 figcaption {
	font-size: 9px;
	text-align: right;
	padding-top: 1%;
}


.ic-02 {margin: 0 auto 4%;}

.ic-03 {
    position: relative;
    width: 100%;
    max-width: 640px;
    margin: 0 auto;
    padding: 2% 1%;
}

.ic-03 figcaption {
position: absolute;
top: 89%;
right: 14%;
width: 18%;
}

.ico-01 {
    position: absolute;
    top: -6%;
    left: 11%;
    width: 24%;
}

.ico-02 {
    position: absolute;
    top: -6%;
    right: 11%;
    width: 24%;
}

.ico-03 {
    position: absolute;
    top: 56%;
    right: 3%;
    width: 18%;
}

.ico-04 {
    position: absolute;
    top: 56%;
    left: 38%;
    width: 18%;
}

.pt-01 {
    position: absolute;
    top: 3%;
    left: 17%;
    width: 38%;
}

.btn-01 {
width: 70%;
max-width: 230px;
margin: 6% auto 19%;
}

.btn-02 {
display: block;
width: 40%;
max-width: 170px;
margin: 0 auto 10%;
}

.sec02 .wrap_col {
    justify-content: flex-start;
    margin-bottom: 13%;
}

.sec02 .wrap_col figure {
	width: 30%;
}

.sec02 .wrap_col dl {
    width: 65%;
    padding: 0 4%;
}

.li-01 {
display: flex;
flex-flow: column;
margin: 0 auto 6%;
}

.li-01 li {
display: flex;
align-items: center;
height: 3rem;
}

.li-01 p:first-child {
width: 11%;
}

.li-01 p:last-child {
width: 89%;
font-size: min(4.5vw,1rem);
padding-left: 2%;
color: #786a3e;
font-feature-settings: "palt";
}

.ltbox-01 {
    max-width: 900px;
    margin: 1% auto 10%;
}

.ltbox-01.-n1{
  max-width: 1000px;
}

.ps-01 {padding-bottom: 6%;}

/* tabセクション
-----------------------------------*/

.sec02 {margin-bottom: 30%;}
.tab_item {max-width: 250px;}

.wrap_ttl01 {
    display: block;
    width: 90%;
    max-width: 1100px;
    margin: 3% auto 8%;
}

.scroll-box {
    width: 98%;
    margin: 0 auto 6%;
    padding-left: 2%;
}

.slick-slide {max-width: 300px;}
.slick-slider {margin: 10% 0;}


/* カラムレイアウト
---------------------------------*/
.list-01 {
	width: 86%;
	max-width: 1000px;
	margin: 2% auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
}

.list-01 li {
    max-width: 450px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 9%;
}

.list-01 li figure {
	width: 49%;
	padding: 1%;
}

.list-01 li dl {
	width: 49%;
	padding: 1%;
}

.list-01 li dt {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #f2f0ec;
    text-align: center;
    font-size: min(3vw,1rem);
    padding: 2% 0;
}

.list-01 li dd {
    padding: 3% 0 0;
    font-size: min(3vw,1rem);
    line-height: 1.7;
    font-feature-settings: "palt";
    /* letter-spacing: 0; */
    text-align: justify;
}

.list-02 {
	width: 86%;
	max-width: 600px;
	margin: 2% auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.list-02 li {
	width: 47%;
    max-width: 450px;
    margin-bottom: 4%;
}

.list-02 li p {
    font-size: min(2.7vw, .7rem);
    padding-top: 2%;
}

.list-02 li p span {
    display: block;
    font-size: 90%;
    font-feature-settings: "palt";
}

.list-03 {
	width: 86%;
	max-width: 1000px;
	margin: 2% auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
}

.list-03 li {
    max-width: 450px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 9%;
}

.list-03 li p {
    font-size: min(2.7vw,1.1rem);
    padding-top: 2%;
}

.list-03 li p span {
    display: block;
    font-size: 90%;
    font-feature-settings: "palt";
}

.list-04 {
	width: 86%;
	max-width: 1000px;
	margin: 2% auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.list-04 li {margin:0 1.5% 3%;}

.list-04.col2-3 li {
	width: 47%;
}

.list-04 li p {
    font-size: min(3.3vw,.9rem);
    padding-top: 2%;
    padding-bottom: 1%;
}

.list-04 li p span {
    display: inline-block;
    font-size: 12px;
    font-feature-settings: "palt";
    line-height: 1.7;
    color: #000;
    letter-spacing: 1px;
}

.g-pictop {
    overflow: hidden;
    width: 100%;
    margin: -16% auto 10%;
}
.g-pictop img {
    display: block;
    max-width: none;
    width: 130vw;
    object-fit: cover;
    object-position: center;
    margin-left: -13%;
}

.list-05 {
	width: 86%;
	max-width: 600px;
	margin: 2% auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.list-05 li {
	position: relative;
    margin:0 2% 8%;
}

.list-05 li .g-ttl {
    display: block;
    width: 100%;
    padding-bottom: 3%;
}

.list-05 li .g-pic02 {
	position: absolute;
}

.list-05 li.g-01 .g-pic02 {
    width: 41%;
    top: 51%;
    right: -7%;
}
.list-05 li.g-02 .g-pic02 {
    width: 39%;
    top: 41%;
    left: -7%;
}
.list-05 li.g-03 .g-pic02 {
    width: 40%;
    top: 48%;
    right: -7%;
}
.list-05 li.g-04 .g-pic02 {
    width: 41%;
    top: 42%;
    left: -9%;
}
.list-05 li.g-05 .g-pic02 {
    width: 39%;
    top: 52%;
    right: -8%;
}
.list-05 li.g-06 .g-pic02 {
    width: 38%;
    top: 40%;
    left: -8%;
}
.list-05 li.g-07 .g-pic02 {
    width: 41%;
    top: 45%;
    right: -7%;
}

.list-05 li .g-txt {
    width: 64%;
    padding: 3% 0;
    color: #333;
    font-size: min(2.9vw,.9rem);
    text-align: justify;
    letter-spacing: -1px;
}

.list-05 li .g-txt.mg-r {
    margin-right: 0;
    margin-left: auto;
}

.list-05 li .g-cap {
    width: 93%;
    display: block;
}

.link-thum {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto 10%;
    justify-content: center;
}

.link-thum li {
    width: 47%;
	max-width: 250px;
    padding: 4%;
    display: block;
    float: left;
    text-align: center;
    font-weight: bold;
    transition: all 0.2s ease;
}

@media screen and (min-width: 767.9px) {

.list-05 li.g-01 .g-pic02 {
    top: 48%;
    right: -8%;
}
.list-05 li.g-02 .g-pic02 {
    width: 41%;
    top: 39%;
    left: -10%;
}
.list-05 li.g-03 .g-pic02 {
    top: 45%;
    right: -9%;
}
.list-05 li.g-04 .g-pic02 {
    top: 41%;
    left: -11%;
}
.list-05 li.g-05 .g-pic02 {
    top: 49%;
    right: -9%;
}
.list-05 li.g-06 .g-pic02 {
    width: 39%;
    top: 39%;
    left: -9%;
}
.list-05 li.g-07 .g-pic02 {
    top: 49%;
    right: -8%;
}

.g-pictop {
    margin: -3% auto 5%!important;
}
.g-pictop img {
    width: 100%;
    margin-left: auto;
	margin: auto;
}
.link-thum li {
    padding: 1%;
}
}


.col-01, .col-02 {
	position: relative;
}

.col-01 {margin-bottom: -9%;}

.col-01 figure {
    width: 85%;
    margin: 8% auto 3% 0;
}

.col-01 dl,.col-02 dl {
    position: absolute;
    width: 40%;
}

.col-01 dd,.col-02 dd {
    font-size: min(2.7vw,1rem);
    text-align: justify;
    padding: 1%;
    line-height: 1.8;
}

.col-01 dl {
    top: 10%;
    right: 5%;
}

.col-02 figure {
    width: 80%;
    margin: 8% 0 3% auto;
}

.col-02 dl {
    top: 26%;
    left: 4%;
}

.col-02 dd {
    width: 70%;
    margin-left: 0;
}

.col-03 {
    display: flex;
    align-items: center;
}

.col-03 figure {
	width: 40%;
	margin-left: -5%;
}

.col-03 p {
    display: block;
    text-align: left;
    padding: 0 0 0 4%;
    font-size: 1rem;
    color: #786a3e;
    line-height: 2;
}

.col-03.rev {
	flex-flow: row-reverse;
}

.col-03.rev figure {margin-right:-5%;}

.col-03.rev p {
    text-align: right;
    padding: 0 9% 0 0;
}

.lt-01 {
    margin: -3% auto 4%;
}

.lt-01 p {
	width: 100%;
}

.lt-01 figure {
    position: absolute;
    right: -1%;
    top: -15%;
    width: 39%;
}

.lt-01 figure.rev {
	right: auto;
    left: -1%;
    top: -15%;
    width: 39%;
}

.wrap-01 {
    position: relative;
    margin: 5% 0 12%;
    padding: 10% 0 6%;
}

.wrap-01 h4 {
    position: absolute;
    left: 0;
    right: 0;
    top: 0%;
    font-size: 180%;
    margin-top: -6%;
}

/*20250625 追加*/

.add-1 {
    margin-bottom: 10%;
}

.col-01.add-1 figure {
    width: 80%;
    margin: 0 auto 1%;
}

.col-01.add-1 dl {
    top: 0;
    right: 0;
    position: relative;
    display: flex;
    justify-content: space-between;
	align-items: center;
    width: 80%;
    margin: 0 auto;
}

.col-01.add-1 dt {width: 58%;}
.col-01.add-1 dd {
    width: 38%;
    text-align: justify;
    padding: 1% 0 1%;
}

.add-1 .ico-03 {
    top: -5%;
    right: auto;
    left: 5%;
    width: 25%;
}

.col-02.add-2 figure {
    width: 64%;
    margin: 8% 0 0 auto;
}

.col-02.add-2 dl {
    top: 34%;
    left: 4%;
}

.col-02.add-2 dd {
    width: 70%;
    margin-left: 0;
}
.col-02.add-2 .ico-04 {
    top: 65%;
    left: 35%;
}

/*//20250625 追加*/

/* Guide
----------------------------*/

.box-01,.box-01-2,.box-02,.box-03,.box-04 {
	position: relative;
	width: 100%;
	margin: 3% 0;
}

.box-01 .item-01 {
    width: 62%;
    margin: 17% auto auto 0;
}

.box-01 .item-02 {
    width: 20%;
    left: 60%;
    top: 88%;
}

.box-01 .item-03 {
    width: 18%;
    right: 12%;
    top: 8%;
}

.box-01 .item-04 {
    width: 29%;
    margin: 7% auto 21% 21%;
}

.box-01-2 {
    padding: 8% 0 6%;
}

.box-01-2 .item-01 {
    top: -6%;
    width: 23%;
    left: 0;
    right: 0;
    margin: auto;
}

.box-01-2 .wrap_col {padding: 2% 5%;}

.box-01-2 .wrap_col figure {width: 48%;}
.box-01-2 .wrap_col p {width: 50%; text-align: left;}
.box-01-2 .wrap_col dt {
    font-size: 90%;
}
.box-01-2 .wrap_col dd.t-02 {
    margin: 2% auto;
    font-size: min(2.5vw,1rem);
    line-height: 2;
	text-align: justify;
}

.box-01-2 .item-02 {
    width: 86%;
    margin: 2% auto;
}

.box-02 .item-01 {
    width: 62%;
    margin: 10% auto auto 10%;
}

.box-02 .item-02 {
    width: 43%;
    left: 60%;
    top: 88%;
    margin: 7% auto auto 10%;
}

.box-02 .item-03 {
    position: relative;
    width: 45%;
    right: 1%;
    top: 8%;
    margin: 8% auto auto 20%;
}

.box-02 .item-03 figcaption {
    font-size: min(3vw,1.1rem);
    padding: 5% 1%;
}

.box-02 .item-04 {
    width: 22%;
    top: 34%;
    right: 10%;
}

.box-03 .item-01 {
    width: 29%;
    margin: 2% 0 0 7%;
}

.box-03 .item-02 {
    width: 36%;
}

.box-03 .item-03 {
    width: 70%;
    margin: 0% auto auto 0;
}

.box-03 .item-04 {
    width: 28%;
    font-size: min(2.8vw,1rem);
    line-height: 1.6;
    text-align: justify;
    margin: 10% auto auto 8%;
}

.box-03 .item-05 {
    width: 57%;
    margin: 3% 5% auto auto;
}

.box-03 .item-06 {
    width: 80%;
    margin: 2% auto 10%;
}

.box-04 {margin-bottom: 20%;}

.box-04 .wrap_col {justify-content: center;}

.box-04 .item-01 {
    width: 64%;
    margin: 19% auto auto 10%;
}

.box-04 .item-02 {
    position: absolute;
    width: 76%;
    top: 25%;
    left: 10%;
}

.box-04 .item-03 {
    width: 100%;
    margin: 18% 0 auto;
}

.box-04 .item-03 figcaption {
    font-size: min(3vw,1.1rem);
    padding: 4% 1%;
    width: 90%;
    margin: 0 auto;
}

.box-04 .item-04 {
    width: 86%;
    margin: 0% auto 6%;
}

.box-04 .item-05 {
    width: 32%;
}

.box-04 .item-06 {
    /* width: 90%; */
    width: 46%;
    padding: 0 0 0 3%;
}

/*SP左右スクロール
----------------------------*/

.scroll-wrapper {
position: relative;
overflow-x:scroll;
width: 100%;
}

.scroll-container {
width: 200%;
}

.scroll-content {
width: 200%; /* ブラウザ幅の300% */
}

.scroll-content img {
width: 100%;
height: auto;
display: block;
}

#swipe-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 2.5rem;
opacity: 1;
transition: opacity 0.6s ease;
pointer-events: none;
z-index: 10;
}

.w_80 {max-width: 800px;}


@media screen and (min-width: 767.9px) {
  .-nomb{
    margin-bottom: 0 !important;
  }
  .child-mv__text{
    width: 270px;
  }
  .list-02 li p{
    font-size: 17px;
  }
  .list-02 li p span{
    font-size: 12px;
  }

.sec01 {margin-bottom: 10%;}

h3 {
    margin: 6% auto 2%;
    font-size: 1.4rem;
    max-width: 190px;
}
h4 {
    margin: 0 auto 2%;
    max-width: 780px;
    font-size: 32px;
}
h5 {margin-bottom: 3%; font-size: 24px;}
h6 {font-size: 19px;}

h-01 {width: 50%;}

.bg-02 {padding: 0;}

.s-01 {margin: 4% 0;}
.s-02 {margin: 4% 0;}
.s-03 {
margin-bottom: 5%;
padding: 3% 0;
}

.st-01 {background: #f2f0ec;}
.st-01 .sv-04 {
    width: 26%;
    margin-bottom: 4%;
}

.st-02 {
    margin-bottom: 3%!important;
}
.st-02 .sv-03 {
	padding: 0 3%;
	margin: 0 auto 8%;
}

.sv-02 {
    margin: 0 auto 1%;
}

.wrap-01 {
    padding: 2% 0 1% 0!important;
    margin: 0 auto 5%;
}

.wrap-01 h4 {
    position: relative;
    margin: -3.4% auto .5%;
}

.t-02 {
    text-align: center;
    margin: 3% auto;
}
.ic-03 {
    margin: 0 auto;
    padding: 0;
}

.ico-01 {
    top: -12%!important;
    left: 1%;
    width: 16%!important;
}

.scroll-section {
height: auto;
}
.point-image-container {
display: none;
}
.point-text-wrapper {
display: none;
}
.pc-point-images {
display: flex;
width: 98%;
	}
.route-image {
width: 100%;
padding: 0;
}
.route-image img {
width: 100%;
}

.wrap_col {
    margin: 0 auto 3%;
}

.sec02 .wrap_col figure {
	width: 60%;
}

.sec02 .wrap_col dl {
    width: 40%;
    padding: 0 4%;
}

.list-01 li {margin-bottom: 2%;}

.col2 li {max-width: 220px;}
.li-01 li {height: 4.5rem;}

.col-01, .col-02 {
    max-width: 800px;
}
.col-01 {
    margin-bottom: -4%;
}
.col-01 dl, .col-02 dl { width: 44%;}
.col-01 dl {
    top: 19%;
    right: 0%;
}
.col-01 figure {margin: 0% auto 3% 0;}

.col-01 dt, .col-02 dt {
    width: 63%;
}
.col-02 dl {
    top: 44%;
    left: 4%;
}
.ico-03 {
    top: 51%;
    right: 6%;
    width: 16%;
}
.ico-04 {
    top: 20%;
    left: 38%;
    width: 15%;
}

.list-02 {
    max-width: 1100px;
    justify-content: center;
    margin: 2% auto 0;
    padding-bottom: 4%;
}

.list-02 li {
    margin: 1% 1% 2%;
	max-width: 220px;
}

.lt-01 {margin: 2% auto 4%;}

.w_80 {
    max-width: 800px;
}
.w_60 {
    max-width: 600px;
}
.sv-05 {
    margin: 0 auto 3%;
}

.btn-01 {margin: 0 auto 5%;}
.btn-02 {margin: 0 auto 6%;}

.scroll-box {
    width: 85%;
    margin: 0 auto 2%;
}


/* Park
-------------------------*/
.mb_17 {margin-bottom: 4%;}
.col-03, .col-03.rev {
    flex-flow: column;
    width: 28%;
    margin-top: -12%;
}

.col-03 figure, .col-03.rev figure {
    width: 60%;
    margin: auto;
}

.col-03.rev figure {
    margin-top: 60%;
}

.col-03 p, .col-03.rev p {
    text-align: center;
    padding: 2% 0;
}
.sv-03 {
    margin: 0 auto 4%;
}

.ltbox-01 {
    margin: 1% auto;
    padding: 3% 0;
}

.list-04 li {
    width: 47%;
}

.list-04.col2-3 li {
    width: 28%;
}

/* Guide
----------------------------*/

.box-01,.box-01-2,.box-02,.box-03,.box-04 {
	max-width: 1100px;
	margin: auto;
}

.box-01 .item-01 {
    width: 54%;
    margin: 17% auto 24% 0;
}

.box-01 .item-02 {
    width: 12%;
    left: 65%;
    top: 106%;
}

.box-01 .item-03 {
    width: 12%;
    right: 0%;
    top: 0%;
}

.box-01 .item-04 {
    width: 17%;
    margin: -63% auto 30% 63%;
}

.box-01-2 {
    padding: 2% 0 1%;
    max-width: 750px;
}

.box-01-2 .item-01 {
    top: -6%;
    width: 15%;
    left: 0;
    right: 0;
    margin: auto;
}

.box-01-2 .wrap_col {
    padding: 1% 5% 0;
    flex-flow: column-reverse;
    margin-bottom: -1%;
}
.box-01-2 .wrap_col p {width: 100%; text-align: left;}
.box-01-2 .wrap_col figure {width: 43%;}
.box-01-2 .wrap_col dl {width: 100%;}
.box-01-2 .wrap_col dt {
    font-size: 150%;
    text-align: center;
    padding: 2% 0 0;
}

.box-01-2 .wrap_col dd.t-02 {
    margin: 1% auto 0;
    font-size: min(2.5vw,1rem);
    line-height: 2;
    text-align: center;
}

.box-01-2 .pc-col {
    width: 90%;
    margin: 0 auto;
}
.box-01-2 .pc-col .-M {width: 30%;}
.box-01-2 .pc-col .item-02 {
    width: 63%;
    margin-top: -1%;
}

.box-01-2 .item-02 {
    width: 45%;
    margin: 2% auto;
}

.box-02 .item-01 {
    width: 42%;
    margin: 12% 0 auto auto;
}

.box-02 .item-02 {
    width: 25%;
    margin: 7% 16% auto auto;
}

.box-02 .item-03 {
    width: 37%;
    margin: -37% auto auto 0;
}

.box-02 .item-03 figcaption {
    font-size: min(3vw,1.1rem);
    padding: 5% 1%;
}

.box-02 .item-04 {
    width: 13%;
    top: 13%;
    right: 47%;
}

.box-03 .item-01 {
    width: 17%;
    margin: 2% 0 0 55%;
}

.box-03 .item-02 {
    width: 24%;
    margin: 0 0 auto auto;
}

.box-03 .item-03 {
    width: 50%;
    margin: -45% auto auto 0;
}

.box-03 .item-04 {
    width: 16%;
    font-size: min(2.8vw,1rem);
    line-height: 1.6;
    text-align: justify;
    margin: 10% auto auto 0;
}

.box-03 .item-05 {
    width: 40%;
    margin: 3% auto auto -41%;
}

.box-03 .item-06 {
    width: 41%;
    margin: -16% auto 10% 59%;
}

.box-04 {
    margin-bottom: 8%;
}

/*.box-04 .wrap_col {
    justify-content: center;
    width: 45%;
    margin: -12% auto auto -3%;
}*/

.box-04 .wrap_col {
    justify-content: center;
    width: 54%;
    margin: -19% 0% auto 48%;
}

/*.box-04 .item-01 {
    width: 34%;
    margin: 11% auto 7% 0;
}*/
.box-04 .item-01 {
    width: 36%;
    margin: 14% auto auto 0;
}

.box-04 .item-02 {
    position: absolute;
    width: 38%;
    top: 50%;
    left: 0;
}

.box-04 .item-03 {
    width: 56%;
    margin: -21% 0 0 auto;
}

.box-04 .item-03 figcaption {
    font-size: min(3vw,1rem);
    padding: 4% 1%;
    width: 42%;
    margin: 0 auto;
    position: absolute;
    top: 60%;
    left: -1%;
}

/*.box-04 .item-04 {
    width: 46%;
    margin: 1% 10% 6% auto;
}*/
.box-04 .item-04 {
    width: 46%;
    margin: 10% auto 6% 0;
}

.box-04 .item-05 {
    width: 28%;
}

.box-04 .item-06 {
    /*width: 93%;*/
	width: 70%;
    padding: 0 0 0 3%;
}

.list-04 li p {
    font-size: 18px;
    margin-bottom: 6px;
    line-height: 1.7;
}
.list-04 li p span {
    font-size: 14px;
}

.list-05 {
    max-width: 1000px;
    margin-top: 4%;
}

.list-05 li {
    margin-bottom: 10%;
    width: 43%;
}

/*tabセクション
------------------------*/
.sec02 {margin-bottom: 10%;}
.wrap_ttl01 {width: 100%; margin-bottom: 50px;}


/*20250625 追加*/
.add-1 {
    margin-bottom: 10%;
    align-items: flex-start;
}
.col-01.add-1 figure {
    width: 65%;
    margin: 0 auto 1%;
}
.add-1 .ico-03 {
    top: -9%;
    left: -2%;
    width: 16%;
}
.col-01.add-1 dl {
    flex-wrap: wrap;
    width: 27%;
}
.col-01.add-1 dt,.col-01.add-1 dd {
    width: 100%;
	padding: 10% 0 1%;
}
.mb_10 {margin-bottom: 3%;}

/*.col-02.add-2 {margin-bottom: 6%;}*/

.col-02.add-2 dl {
    top: 38%;
    left: 4%;
    width: 45%;
}
.col-02.add-2 .ico-04 {
    top: 73%;
    left: 28%;
}

.tab_item {
    padding: 1%;
}
}

/*ライトボックスinスライダー*/
.ltbox-01 {margin: 0 auto 4%!important;}
.zoom-icon.zoom01 {
	bottom: auto;
	top:-10%;
}
.zoom-icon.zoom02 {
	bottom: -30%;
}
.scroll-box.inner-scroll {
    width: 100%;
    margin: 0 auto 0%;
    background: #fff;
    padding: 0;
}
.inner-scroll img.img-m01 {
  display: block;
}

.lightbox {
  overflow-x: auto;
  white-space: nowrap;
  direction: rtl; /* ← 重要！右から左の順で表示 */
}

.inner-scroll {
  display: inline-block;
  direction: ltr; /* ← 中の要素自体は普通に左から右 */
}



@media screen and (min-width: 767.9px) {
.ltbox-01 {margin: 1% auto!important;}
.ltbox-01.box01,.ltbox-01.box02 {max-width: 900px;}
.ltbox-01.box02 {max-width:1100px;}
.ltbox-01.box01 {padding-bottom: 0;}
}

/* アコーディオン
------------------------------------------*/
.accordion-wrapper {
}

.accordion-btn {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    margin: 0 auto;
}

.accordion-btn img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
}

.accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease;
}

.accordion-content.open {
  max-height: 1000px; /* 内容に応じて調整 */
}

.accordion-inner {margin-top: 13%;}

@media screen and (min-width: 767.9px) {
.accordion-inner {margin-top: 0%;}
.accordion-content.open {margin-bottom: 5%;}
.accordion-btn {margin: 0 auto 3%;}

/*.accordion-content {max-height: none;}
.accordion-btn {display: none;}	*/
}

.lightbox img.img-s1 {
    display: block;
    margin-left: auto;
    margin-right: 0;
    width: min(950px,310vw);
    vertical-align: bottom;
}

@media screen and (min-width: 767.9px) {
.lightbox img.img-s1 {

}
}

/*　逆方向（右寄せスタート）横スクロール
------------------------------------*/
.scroll-box {
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}
.img-s1 {
  display: inline-block !important;
  max-width: none !important;
  height: auto;
  transform-origin: left top;
  touch-action: pan-x pan-y;
}
.scroll-wrapper {
  position: relative;
}

.scroll-indicator {
  position: absolute;
  left: 123%;
  bottom: 10px;
  transform: translateX(-50%);
  transition: opacity 0.5s ease;
  z-index: 10;
  pointer-events: none;
}
.scroll-indicator.hidden {
  opacity: 0;
}

@media screen and (max-width: 767.9px) {
  .-mmt{
    margin-top: -140px !important;
  }
}


/*横スクロール*/

@media print, screen and (max-width: 1023.9px) {
  .slide01 {margin-bottom: 40%;}

  .scroll-box > img.loc00 {
      width:160vw;
  }
  .scroll-box > img.loc01 {
      width:270vw;
  }
  .scroll-box.-cen{
    /*direction: rtl;*/

  }
  .scroll-box.-cen img{
    text-align: center;
    margin-inline:auto;
    position: relative;
  }
	
/*横スクロールアイコン（特殊01）*/	
	
.-sc02 {
    position: absolute;
    top: 50%;
    left: 135vw;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100px;
	z-index: 9999;
}
.-sc02 img {
	display: block;
}	
	
}