@charset "utf-8";
/* 2024年度 */

:root {
	--st13_bg__yel: #F2E59E;
	--st13_bg__blu: #78B2BF;
    --st15_bg_blu: #80bdd8;
    --st15_bg_pnk:#f1b6ca;
    --st16_bg_gray: #b2bdc8;
    --st16_bg_blu: #9ac7d1;
}

p {
	font-size: clamp(13px, 2.73vw, 21px);
	line-height: 2.6;
	letter-spacing: 0.2rem;
}
.common_content dl dd {
    font-size: clamp(13px, 1.95vw, 17px);
}
.common_content dl dt {
    font-size: clamp(32px, 5.2vw, 50px);
}
.common_content dl dt span {
    font-size: clamp(14px, 3.26vw, 25px);
}


.img_cntr {
	margin:  0 auto;
	text-align: center;
}
.about .about__txt {
	font-size: clamp(13px, 2.73vw, 21px);
}
.txt_cnt {
    text-align: center;
}
@media screen and (max-width: 599px) {
    .txt_cnt {
        text-align: left;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
}
/*-----------------------

	story13

-----------------------*/
#story13 .st13__inner {
	max-width: 1200px;
	margin: 0 auto;
}
@media screen and (max-width: 768px) {
    #story13 .main_V {
        margin-bottom: 0;
    }
}
#story13 .sec01 {
    background-color: var(--st13_bg__yel);
    margin-top: -8%;
    overflow: hidden;
	position: relative;
	margin-bottom: 0 !important;
}
#story13 .sec01 .story__main_ttl h2 {
	max-width: 511px;
    width: 42%;
    margin-left: auto;
    position: absolute;
    right: -20px;
    top: 40px;
}
@media screen and (max-width: 599px) {
    #story13 .sec01 .story__main_ttl h2 {
        width: 62%;
        position: relative;
    }
}
#story13 .sec01 .sec01__wrap_txt {
    max-width: 1100px;
    margin: 520px auto 160px;
    padding: 0 4%;
}
@media screen and (max-width: 599px) {
    #story13 .sec01 .sec01__wrap_txt {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        margin-bottom: 16%;
        margin-top: 16%;
    }
}
#story13 .sec02 { 
	background-color: var(--st13_bg__yel);
}

#story13 .sec02 .sec02__inner {
    display: flex;
    justify-content: center;
    max-width: 1280px;
    margin: 0 auto;
    padding: 160px 0;
    gap: 4%;
    flex-wrap: wrap;
}
@media screen and (max-width: 599px) {
    #story13 .sec02 .sec02__inner {
        padding-top: 20%;
    }
}
#story13 .sec02 .sec02__ttl {
	max-width: 567px;
	width: 47%;
}
@media screen and (max-width: 599px) {
    #story13 .sec02 .sec02__ttl {
        width: 77%;
    }
}
#story13 .sec02 .sec02__wrap_txt {
    margin-top: 100px;
	margin-bottom: 120px;
}
@media screen and (max-width: 599px) {
    #story13 .sec02 .sec02__wrap_txt {
        margin-top: 16%;
        margin-bottom: 12%;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        padding:0 4%;
    }
}
#story13 .sec02 .sec02__img_wrap {
	background-color: var(--st13_bg__blu);
	padding-bottom: 160px;
}
@media screen and (max-width: 599px) {
    #story13 .sec02 .sec02__img_wrap {
        padding-bottom: 20%;
    }
}
#story13 .sec02 .sec02__img_wrap .sec02__item01 { 
	max-width: 334px;
    position: relative;
    top: -120px;
    width: 27%;
}
@media screen and (max-width: 599px) {
    #story13 .sec02 .sec02__img_wrap .sec02__item01 { 
        width: 57%;
    }
}
#story13 .sec02 .sec02__img_wrap .sec02__item02 { 
	max-width: 898px;
}
@media screen and (max-width: 599px) {
    #story13 .sec02 .sec02__img_wrap .sec02__item02 { 
        margin: 0 calc(50% - 50vw);
        position: relative;
        top: -50px;
    }
}
#story13 .sec02 .sec02__img_wrap .sec02__img_flex {
	display: flex;
    position: relative;
    max-width: 1920px;
    margin: 0 auto;
    margin-top: 40px;
}
#story13 .sec02 .sec02__img_wrap .sec02__item03 { 
    max-width: 318px;
    margin-left: 6%;
    margin-top: 160px;
    margin-right: 8%;
}
#story13 .sec02 .sec02__img_wrap .sec02__item04 { 
	max-width: 446px;
    margin-left: auto;
}
#story13 .sec02 .sec02__img_wrap .sec02__item05 { 
    max-width: 334px;
    margin-left: 4%;
    margin-top: 80px;
}
@media screen and (max-width: 599px) {
    #story13 .sec02 .sec02__img_wrap .sec02__img_flex {
        flex-direction: column;
        margin-top: 0;
    }
    #story13 .sec02 .sec02__img_wrap .sec02__item03 { 
        order: 3;
        width: 46%;
        margin-top: 8%;
    }
    #story13 .sec02 .sec02__img_wrap .sec02__item04 {
        width: 60%;
        margin-right: 4%;
    }
    #story13 .sec02 .sec02__img_wrap .sec02__item05 {
        width: 38%;
        margin-right: 4%;
        margin-left: auto;
        margin-top: 10%;
    }
}
#story13 .sec03 .sec03__main_img {
	background: linear-gradient(180deg,#ffffff 0%, #ffffff 50%, var(--st13_bg__yel) 50%, var(--st13_bg__yel) 100%);
}
#story13 .sec03 .sec03__item01 {
	max-width: 1275px;
	width: 90%;
}
#story13 .sec03 .sec03__bg {
    background-color: var(--st13_bg__yel);
    padding-bottom: 160px;
}
@media screen and (max-width: 599px) { 
    #story13 .sec03 .sec03__bg {
        padding-bottom: 20%;
    }
}
#story13 .sec03 .sec03__ttl {
	max-width: 357px;
	width: 29%;
	margin-left: auto;
	margin-right: 12%;
	margin-top: -80px;
    position: relative;
}
@media screen and (max-width: 599px) { 
    #story13 .sec03 .sec03__ttl {
        width: 59%;
        margin: -60px auto;
    }
}
#story13 .sec03 .sec03__main_wrap {
    display: flex;
    justify-content: space-between;
    margin-top: 80px;
    align-items: flex-end;
}
#story13 .sec03 .sec03__main_wrap .sec03__wrap_txt { 
    width: 60%;
    position: relative;
    top: 160px;
	padding-left: 4%;
}
@media screen and (max-width: 599px) { 
    #story13 .sec03 .sec03__main_wrap {
        flex-direction: column;
    }
    #story13 .sec03 .sec03__main_wrap .sec03__wrap_txt { 
        width: 100%;
        display: flex;
        justify-content: center;
        position: static;
        margin-top: 8%;
        padding-left: 0;
        order: 1;
        padding: 0 4%;
    }
}
#story13 .sec03 .sec03__txt_img {
	width: 40%;
}
#story13 .sec03 .sec03__txt_img .sec03__item02 {
	max-width: 574px;
	margin-left: auto;
}
#story13 .sec03 .sec03__txt_img .sec03__item03 {
	max-width: 283px;
    width: 50%;
	margin-top: 40px;
}
@media screen and (max-width: 599px) { 
    #story13 .sec03 .sec03__txt_img {
        display: contents;
    }
    #story13 .sec03 .sec03__txt_img .sec03__item02 {
        order: 0;
        width: 80%;
        margin: 12% auto 0;
    }
    #story13 .sec03 .sec03__txt_img .sec03__item03 {
        order: 2;
        margin-right: 4%;
    }
}
#story13 .sec03 .sec03__img_wrap {
	margin-top: 240px;
}
#story13 .sec03 .sec03__img_wrap .sec03__item04 {
	max-width: 708px;
    width: 59%;
}
#story13 .sec03 .sec03__img_wrap .sec03__item05 {
	max-width: 402px;
    margin-left: auto;
    margin-top: -160px;
    width: 33%;
}
#story13 .sec03 .sec03__img_wrap .sec03__item05 > img+img {
	padding-top: 12px;
}
#story13 .sec03 .sec03__img_wrap .sec03__item06 {
    max-width: 248px;
    margin: 0 auto;
    width: 20%;
}
@media screen and (max-width: 599px) { 
    #story13 .sec03 .sec03__img_wrap {
        margin-top: 20%;
    }
    #story13 .sec03 .sec03__img_wrap .sec03__item04 {
        width: 80%;
    }
    #story13 .sec03 .sec03__img_wrap .sec03__item05 {
        margin-top: 4%;
        width: 53%;
        margin-right: 4%;
    }
    #story13 .sec03 .sec03__img_wrap .sec03__item06 {
        width: 34%;
        margin-left: 4%;
        margin-right: auto;
        margin-top: -16%;
    }
}
/* -----------sec04----------- */
#story13 .sec04 {
	background-color: var(--st13_bg__blu);
	padding-bottom: 200px;
    margin-top: -200px;
    margin-bottom: 0 !important;
}
@media screen and (max-width: 599px) { 
    #story13 .sec04 {
        margin-top: -12vh;
        padding-bottom: 20%;
    }
}
#story13 .sec04 .sec04__ttl_wrap {
	display: flex;
	justify-content: space-between;
	padding: 200px 4% 0;
	gap: 4%;
}
#story13 .sec04 .sec04__ttl_wrap .sec04__ttl {
	max-width: 651px;
	width: 54%;
}
#story13 .sec04 .sec04__ttl_wrap .sec04__item01 {
	max-width: 354px;
	width: 35%;
}
@media screen and (max-width: 599px) { 
    #story13 .sec04 .sec04__ttl_wrap {
        padding-top: 20%;
        flex-direction: column;
    }
    #story13 .sec04 .sec04__ttl_wrap .sec04__ttl {
        width: 84%;
        margin: 0 auto;
    }
    #story13 .sec04 .sec04__ttl_wrap .sec04__item01 {
        margin-right: 0;
        margin-left: auto;
        width: 45%;
        margin-top: 12%;
    }
}
#story13 .sec04 .sec04__main_wrap {
	display: flex;
	justify-content: space-between;
	gap: 4%;
	margin-top: 160px;
}
#story13 .sec04 .sec04__main_wrap .sec04__item02 {
	max-width: 425px;
	width: 40%;
}
@media screen and (max-width: 599px) { 
    #story13 .sec04 .sec04__main_wrap {
        flex-direction: column;
        margin-top: 12%;
    }
    #story13 .sec04 .sec04__main_wrap .sec04__item02 {
        width: 60%;
        margin: 0 auto;
    }
    #story13 .sec04 .sec04__main_wrap .sec04__wrap_txt {
        display: flex;
        justify-content: center;
        padding: 0 4%;
        margin-top: 12%;
    }
}
#story13 .sec04 .sec04__img_wrap {
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
	margin-top: 80px;
}
#story13 .sec04 .sec04__img_wrap .sec04__item03 {
	max-width: 354px;
	margin-right: 24px;
	position: relative;
	top: 40px;
}
#story13 .sec04 .sec04__img_wrap .sec04__item04 {
	max-width: 510px;
}
@media screen and (max-width: 599px) { 
    #story13 .sec04 .sec04__img_wrap {
        margin-top: 12%;
        flex-direction: column-reverse;
    }
    #story13 .sec04 .sec04__img_wrap .sec04__item03 {
        width: 40%;
        margin-right: auto;
    }
    #story13 .sec04 .sec04__img_wrap .sec04__item04 {
        width: 70%;
        margin-right: 4%;
    }
}
#story13 .sec04 .sec04__item05 {
	margin-top: 200px;
}
@media screen and (max-width: 599px) { 
    #story13 .sec04 .sec04__item05 {
        margin-top: 120px;
    }
}
/* -----------about----------- */
#story13 .about {
	padding: 0 4%;
    overflow: hidden;
}
#story13 .about .about__waku {
    border: solid 1px #000;
    max-width: 1200px;
    margin: 80px auto;
}
#story13 .about .about__ttl {
    width: 68%;
    padding-left: 8%;
    padding-top: 100px;
    padding-right: 8%;
}
@media screen and (max-width: 599px) { 
    #story13 .about .about__ttl {
        width: 100%;
        padding-top: 16%;
        padding-left: 6%;
        padding-right: 6%;
    }
}
#story13 .about .about__wrap {
    display: flex;
    justify-content: space-between;
    margin-top: 6%;
    gap: 4%;
    padding: 0 8%;
}
#story13 .about .about__wrap .about__item01 {
    max-width: 401px;
    width: 50%;;
}
@media screen and (max-width: 599px) { 
    #story13 .about .about__wrap {
        flex-direction: column;
        margin-top: 8%;
        padding: 0 6%;
    }
    #story13 .about .about__wrap .about__item01 {
        margin-right: 0;
        margin-left: auto;
        margin-top: 4%;
        width: 70%;
    }
}
#story13 .about .about__txt {
    max-width: 500px;
    margin: 0;
    width: 50%;
}
@media screen and (max-width: 599px) { 
    #story13 .about .about__txt {
        width: 100%;
    }
}
#story13 .about .about__item02 {
    width: 25%;
    padding-left: 8%;
}
@media screen and (max-width: 599px) { 
    #story13 .about .about__item02 {
        width: 30%;
        padding-left: 0;
        position: relative;
        left: -5%;
        top: -28vw;
    }
}
#story13 .about .about__item03 {
    max-width: 764px;
    width: 65%;
    margin-left: auto;
    margin-top: -17%;
}
@media screen and (max-width: 599px) { 
    #story13 .about .about__item03 {
        max-width: 764px;
        width: 85%;
        margin-left: auto;
        margin-top: -17%;
        position: relative;
        right: -5%;
        top: -20px;
    }
}
/* -----------sec05----------- */
#story13 .sec05 .sec05__bg {
	background-color: var(--st13_bg__yel);
	margin-top: 280px;
}
@media screen and (max-width: 599px) { 
    #story13 .sec05 .sec05__bg {
        margin-top: 20%;
    }
}
#story13 .sec05 .sec05__ttl_wrap {
	display: flex;
	justify-content: space-between;
	gap: 4%;
    position: relative;
}
#story13 .sec05 .sec05__ttl_wrap .sec05__item01 {
    max-width: 330px;
    position: relative;
    width: 27.5%;
    bottom: 120px;
}
#story13 .sec05 .sec05__ttl_wrap .sec05__ttl {
    max-width: 448px;
    position: absolute;
    right: 20%;
    width: 37%;
    top: 160px;
    z-index: 1;
}
@media screen and (max-width: 599px) { 
    #story13 .sec05 .sec05__ttl_wrap {
        flex-direction: column;
    }
    #story13 .sec05 .sec05__ttl_wrap .sec05__item01 {
        width: 37.5%;
        bottom: 24vw;
        margin-left: 12%;
    }

    #story13 .sec05 .sec05__ttl_wrap .sec05__ttl {
        position: static;
        width: 57%;
        margin: -20vw auto 0;
    }
}
#story13 .sec05 .sec05__main_wrap {
    display: flex;
    max-width: 1500px;
    margin: 0 auto;
}
#story13 .sec05 .sec05__main_wrap .sec05__wrap_txt {
    max-width: 1200px;
    margin: 120px auto 0;
}
@media screen and (max-width: 599px) { 
    #story13 .sec05 .sec05__main_wrap .sec05__wrap_txt {
        margin: 8% auto 0;
        padding: 0 4%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
}
#story13 .sec05 .sec05__main_wrap .sec05__item02 {
    max-width: 528px;
    width: 35.2%;
}
@media screen and (max-width: 599px) { 
    #story13 .sec05 .sec05__main_wrap .sec05__item02 {
        width: 68.2%;
        margin-left: auto;
        position: relative;
        top:-8vw;
    }
}
@media screen and (max-width: 599px) {
    #story13 .sec05 .sec05__main_wrap {
        flex-direction: column-reverse;
} 
}
#story13 .sec05 .sec05__item03 {
    max-width: 1920px;
    margin-top: 80px;
    padding-bottom: 240px;
}
/* -----------sec06----------- */
#story13 .sec06 .sec06__ttl_bg {
    background-color: var(--st13_bg__blu);
    margin-top: -200px;
}
#story13 .sec06 .sec06__img_wrap .sec06__item01 {
    max-width: 849px;
    width: 70.7%;
    position: relative;
    top: -100px;
}
@media screen and (max-width: 599px) {
    #story13 .sec06 .sec06__img_wrap .sec06__item01 {
        top: -20vw;
        width: 84%;
    } 
}
#story13 .sec06 .sec06__img_flex {
    display: flex;
    margin-top: -80px;
}
#story13 .sec06 .sec06__img_flex .sec06__item02 {
    max-width: 612px;
    width: 51%;
}
#story13 .sec06 .sec06__img_flex .sec06__item03 {
    max-width: 354px;
    width: 29.5%;
    margin-left: 4%;
}
@media screen and (max-width: 599px) {
    #story13 .sec06 .sec06__img_flex {
        flex-direction: column;
    }
    #story13 .sec06 .sec06__img_flex .sec06__item02 {
        order: 1;
        width: 60%;
        margin-top: 8%;
        margin-bottom: 8%;
    }
    #story13 .sec06 .sec06__img_flex .sec06__item03 {
        order: 0;
        margin-left: auto;
        margin-top: 8%;
        width: 40%;
        margin-right: 8%;
    }
}
#story13 .sec06 .sec06__ttl{
    max-width: 331px;
    width: 27.6%;
    position: relative;
    top: 110px;
    left: 4%;
    z-index: 1;
}
@media screen and (max-width: 599px) {
    #story13 .sec06 .sec06__ttl{
        width: 47.6%;
        top: 12vw;
        left: 8%;
    }
}
#story13 .sec06 .sec06__item04 {
    max-width: 1920px;
}
#story13 .sec06 .sec06__txt_bg {
    background-color: var(--st13_bg__yel);
    padding-bottom: 200px;
}
@media screen and (max-width: 599px) {
    #story13 .sec06 .sec06__txt_bg {
        padding-bottom: 20%;
    }
}
#story13 .sec06 .sec06__txt_wrap {
    padding-top: 120px;
}
#story13 .sec06 .sec06__txt_wrap .sec06__item05 {
    max-width: 327px;
    width: 27%;
    margin-top: 80px;
}
@media screen and (max-width: 599px) {
    #story13 .sec06 .sec06__txt_wrap {
        padding-top: 20%;
    }
    #story13 .sec06 .sec06__txt_wrap .sec06__item05 {
        width: 57%;
        margin-top: 12%;
    }
}
#story13 section:last-of-type {
    padding-bottom: 0;
}
/* -----------snap----------- */
#story13 .snap {
    background-color: var(--st13_bg__yel);
}
#story13 .common_content .note{
    color: #000;
}

#story13 #story_spot .spot__ttl {
    border-right: none;
    display: block;
}
#story13 #story_spot .story_spot__wrap {
    justify-content: space-between;
    padding-left: 6%;
    padding-bottom: 60px;
    padding-top: 60px;
    gap: 4%;
}
@media screen and (max-width: 768px) {
    #story13 #story_spot .story_spot__wrap {
        padding: 8%;
        justify-content: space-between;
        gap: 4%;
    }
}
#story13 #story_spot .story_spot__wrap .spot__info {
    width: 54.5%;
}
@media screen and (max-width: 768px) {
    #story13 #story_spot .story_spot__wrap .spot__info {
        width: 100%;
        margin-top: 8%;
    }
}
#story13 #story_spot .spot__item01 {
    max-width: 618px;
}
#story13 #story_spot .spot__item02 {
    max-width: 232px;
    width: 80%;
    margin: 24px auto 0;
}
@media screen and (max-width: 768px) {
    #story13 #story_spot .spot__item02 {
        max-width: none;
        width: 38%;
        margin: 0;
        position: absolute;
        right: -12%;
    }
}
#story13 #story_spot .story_spot__wrap .story_spot__item {
    max-width: 430px;
    width: 40%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
@media screen and (max-width: 768px) {
    #story13 #story_spot .story_spot__wrap .story_spot__item {
        max-width: none;
        justify-content: space-between;
        align-items: flex-start;
        width: 100%;
        flex-direction: row;
        gap: 4%;
        position: relative;
    }
    #story13 #story_spot .story_spot__txt {
        width: 68%;
    }
}
#story13 #story_spot .spot__link {
    margin-top: 0;
} 
/*-----------------------

	story14

-----------------------*/
#story14 {
    color: #253E5F;
}

#story14 .sec01 .story__main_ttl > h2 {
    max-width: 219px;
    margin: 0 auto 80px;
    width: 19.9%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
@media screen and (max-width: 599px) {
    #story14 .sec01 .story__main_ttl > h2 {
        margin: 0% auto 16%;
        width: 39.9%;
    }
}
#story14 .sec01 .sec01__item01 {
    max-width: 700px;
    width: 63.6%;
}
@media screen and (max-width: 599px) {
    #story14 .sec01 .sec01__item01 {
        width: 90%;
    }
}
#story14 .sec01 .sec01__item01 >img {
    border-radius: 10px;
}
#story14 .sec01 .sec01__wrap_txt {
    position: relative;
    max-width: 1500px;
    margin: 120px auto 160px;
}
@media screen and (max-width: 599px) {
    #story14 .sec01 .sec01__wrap_txt {
        margin: 12% auto 20%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        padding: 0 6%;
    }
    #story14 .sec01 .sec01__wrap_txt > p {
        order: 2;
    }
}
#story14 .sec01 .sec01__wrap_txt .sec01_item {
    position: absolute;
}
@media screen and (max-width: 599px) {
    #story14 .sec01 .sec01__wrap_txt .sec01_item {
        position: relative;
    }
}
#story14 .sec01 .sec01__wrap_txt .sec01_item > img {
    border-radius: 10px;
}
#story14 .sec01 .sec01__wrap_txt .sec01__item02 {
    max-width: 331px;
    width: 22%;
    top: 0;
    right: 1%
}
@media screen and (max-width: 599px) {
    #story14 .sec01 .sec01__wrap_txt .sec01__item02 {
        width: 22%;
        right: 0;
        order: 0;
        margin-right: 0;
        margin-left: auto;
        width: 48%;
    }
}
#story14 .sec01 .sec01__wrap_txt .sec01__item03 {
    max-width: 288px;
    width: 19.2%;
    top: 20%;
    left: 2%;
}
@media screen and (max-width: 599px) {
    #story14 .sec01 .sec01__wrap_txt .sec01__item03 {
        width: 35%;
        top: -40px;
        left: 0%;
        order: 1;
        margin-right: auto;
    }
}
#story14 .sec01 .sec01__wrap_txt .sec01__item04 {
    max-width: 255px;
    width: 17%;
    bottom: 0;
    right: 8%;
}
@media screen and (max-width: 599px) {
    #story14 .sec01 .sec01__wrap_txt .sec01__item04 {
        order: 3;
        width: 40%;
        margin-top: 4%;
        margin-left: auto;
        margin-right: 0;
    }
}
#story14 .sec01 .sec01_item__box {
    max-width: 1920px;
    margin: 0 auto;
}  
#story14 .sec01 .sec01_item__box .sec01__item05 {
    max-width: 1005px;
    width: 67%;
}
@media screen and (max-width: 599px) {
    #story14 .sec01 .sec01_item__box .sec01__item05 {
        width: 94%;
    }
}
#story14 .sec01 .sec01_item__box .sec01__item06 {
    max-width: 689px;
    width: 45.9%;
    margin-right: 0;
    margin-left: auto;
    margin-top: 40px;
}
@media screen and (max-width: 599px) {
    #story14 .sec01 .sec01_item__box .sec01__item06 {
        width: 68%;
        margin-top: 8%;
    }
}
#story14 .sec01 .sec01_item__box .sec01__item07 {
    max-width: 357px;
    width: 23.8%;
    position: relative;
    left: 10%;
    margin-top: -120px;
}
@media screen and (max-width: 599px) {
    #story14 .sec01 .sec01_item__box .sec01__item07 {
        width: 57.8%;
        left: 12%;
        margin-top: 8%;
    }
}
/* sec02*/
#story14 .sec02 .sec02__ttl {
    max-width: 125px;
    width: 11.4%;
    margin: 0 auto;
    height: 80vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
@media screen and (max-width: 599px) {
    #story14 .sec02 .sec02__ttl {
        width: 24.4%;
    }
    #story14 .sec02 .sec02__wrap_txt {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }
}
#story14 .sec02 .sec02__item01 {
    max-width: 1214px;
    width: 80.9%;
    margin-top: 80px;
    margin-bottom: 80px;
}
@media screen and (max-width: 599px) {
    #story14 .sec02 .sec02__item01 {
        width: 100%;
        margin-top: 16%;
        margin-bottom: 16%;
    }
}
#story14 .sec02 .sec02_item__box {
    max-width: 1100px;
    margin: 120px auto;
    padding: 0 2%;
}
@media screen and (max-width: 599px) {
    #story14 .sec02 .sec02_item__box {
        margin: 16% auto;
        padding: 0 4%;
    }
}
#story14 .sec02 .sec02_item__box img {
    border-radius: 10px;
}
#story14 .sec02 .sec02_item__box .sec02__item02 {
    max-width: 611px;
    width: 55.5%;
    margin-left: 4%;
}
@media screen and (max-width: 599px) {
    #story14 .sec02 .sec02_item__box .sec02__item02 {
        width: 65.5%;
        margin-left: 0%;
    }
}
#story14 .sec02 .sec02_item__box .sec02__item03 {
    max-width: 611px;
    width: 55.5%;
    margin-left: auto;
    margin-top: 40px;
}
@media screen and (max-width: 599px) {
    #story14 .sec02 .sec02_item__box .sec02__item03 {
        margin-top: 8%;
        width: 65.5%;
    }
}
#story14 .sec02 .sec02_item__box .sec02__item04 {
    max-width: 310px;
    width: 28.1%;
    margin-top: -40px;
}
@media screen and (max-width: 599px) {
    #story14 .sec02 .sec02_item__box .sec02__item04 {
        width: 43.1%;
        margin-top: 8%;
        margin-left: 6%;
    }
}
/* sec03 */
#story14 .sec03 .sec03__ttl {
    max-width: 125px;
    width: 11.3%;
    margin: 0 auto;
    height: 60vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
@media screen and (max-width: 599px) {
    #story14 .sec03 .sec03__ttl {
        width: 24.3%;
    }
}
#story14 .sec03 .sec03__item01_box {
    max-width: 1920px;
    margin: 120px auto 120px;
}
#story14 .sec03 .sec03__item01_box .sec03__item01 {
    max-width: 1332px;
    width: 88.8%;
    margin-right: 0;
    margin-left: auto;
}

@media screen and (max-width: 599px) {
    #story14 .sec03 .sec03__item01_box {
        margin: 16% auto 16%;
    }
    #story14 .sec03 .sec03__item01_box .sec03__item01 {
        width: 100%;
    }
}
#story14 .sec03 .sec03_item__box {
    max-width: 1500px;
    margin: 80px auto 0;
    padding: 0 2%;
    display: flex;
}
#story14 .sec03 .sec03_item__box img {
    border-radius: 10px;
}
#story14 .sec03 .sec03_item__box .sec03__item02 {
    max-width: 223px;
    width: 15.8%;
}
#story14 .sec03 .sec03_item__box .sec03__item03 {
    max-width: 408px;
    width: 27.2%;
    margin-top: 80px;
    margin-left: 4%;
}
@media screen and (max-width: 599px) {
    #story14 .sec03 .sec03_item__box {
        margin: 16% auto 0;
        justify-content: center;
    }
    #story14 .sec03 .sec03_item__box .sec03__item02 {
        width: 29.8%;
    }
    #story14 .sec03 .sec03_item__box .sec03__item03 {
        width: 47.2%;
    }
}
/* sec04 */
#story14 .sec04 .sec04__ttl {
    max-width: 125px;
    width: 11.4%;
    margin: 0 auto 100px;
    height: 80vh;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -100px;
}
@media screen and (max-width: 599px) {
    #story14 .sec04 .sec04__ttl {
        width: 24.4%;
        margin-bottom: 0;
    }
}
#story14 .sec04 .sec04__item01 {
    max-width: 930px;
    width: 62.0%;
    margin: 0 auto 120px;
}
@media screen and (max-width: 599px) {
    #story14 .sec04 .sec04__item01 {
        width: 90%;
        margin: 0 auto 16%;
    }
}
#story14 .sec04 .sec04__item01 > img{
    border-radius: 10px;
}
/* sec05 */
#story14 .sec05 .sec05__ttl {
    max-width: 126px;
    width: 11.5%;
    margin: 0 auto;
    height: 60vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
@media screen and (max-width: 599px) {
    #story14 .sec05 .sec05__ttl {
        width: 24.5%;
        margin: 24% auto 16%;
    }
}
#story14 .sec05 .sec05_item__box {
    max-width: 1100px;
    margin: 0 auto 120px;
    padding: 0 2%;
}
@media screen and (max-width: 599px) {
    #story14 .sec05 .sec05_item__box {
        margin: 0 auto 16%;
    }
}
#story14 .sec05 .sec05_item__box img { 
    border-radius: 10px;
}
#story14 .sec05 .sec05_item__box .sec05__item01 {
    max-width: 311px;
    width: 30.27%;
    margin-right: 10%;
    margin-left: auto;
}
#story14 .sec05 .sec05_item__box .sec05__item02 {
    max-width: 465px;
    width: 45.27%;
    margin-top: -80px;
    margin-left: 11%;
}
#story14 .sec05 .sec05_item__box .sec05__item03 {
    max-width: 511px;
    width: 49.5%;
    margin-right: 0;
    margin-left: auto;
    margin-top: 40px;
}
@media screen and (max-width: 599px) {
    #story14 .sec05 .sec05_item__box .sec05__item01 {
        width: 40.27%;
        margin-right: 5%;
    }
    #story14 .sec05 .sec05_item__box .sec05__item02 {
        width: 55.27%;
        margin-left: 5%;
        margin-top: 8%;
    }
    #story14 .sec05 .sec05_item__box .sec05__item03 {
        width: 59.5%;
        margin-right: 5%;
        margin-top: 8%;
    }
}
/* about */
#story14 .about {
    padding: 0 2%;
}
@media screen and (max-width: 599px) { 
    #story14 .about {
        padding: 0 6%;
    }
}
#story14 .about .about__waku {
    max-width: 1200px;
    margin: 0 auto;
    border: solid 1px #1F1816;
    padding:  100px 6% 0% 6%;
}
@media screen and (max-width: 599px) { 
    #story14 .about .about__waku {
        padding: 12% 8% 8% 8%;
    }
}
#story14 .about .about__ttl {
    max-width: 774px;
    width: 64%;
    margin-bottom: 6%;
}
@media screen and (max-width: 599px) {
    #story14 .about .about__ttl {
        width: 96%;
        margin-bottom: 8%;
    }
}
#story14 .about .about__wrap {
    display: flex;
    justify-content: space-between;
}
#story14 .about .about__wrap .about__txt {
    margin: 0 0 40px;
    max-width: 648px;
    width: 98%;
    color: #000;
}
@media screen and (max-width: 599px) {
    #story14 .about .about__wrap .about__txt {
        margin: 0 0 4%;
    }
}
#story14 .about .about__wrap .about__item01 {
    max-width: 503px;
    width: 80%;
}
#story14 .about .about__wrap .about__item02 {
    max-width: 345px;
    width: 34.7%;
    margin-left: 4%;
}
#story14 .about .about__item03 {
    max-width: 267px;
    width: 22.2%;
    margin-right: auto;
    margin-left: auto;
    margin-top: -40px;
    transform: translateX(160px);
}
#story14 .about .about__item0_sp {
    display: none;
}
@media screen and (max-width: 599px) {
    #story14 .about .about__wrap .about__item01,
    #story14 .about .about__wrap .about__item02,
    #story14 .about .about__item03 {
        display: none;
    }
    #story14 .about .about__item0_sp {
        display: block;
    }
}
/* sec06 */
#story14 .sec06 .sec06__ttl {
    max-width: 174px;
    width: 15.8%;
    margin: 120px auto;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
@media screen and (max-width: 599px) {
    #story14 .sec06 .sec06__ttl {
        width: 28.8%;
        margin: 0% auto;
    }
}
#story14 .sec06 .sec06_item__box {
    max-width: 1920px;
    margin: 0 auto 120px;
    display: flex;
    gap: 80px;
}
#story14 .sec06 .sec06_item__box .sec06__item02 {
    margin-top: 300px;
}
@media screen and (max-width: 599px) {
    #story14 .sec06 .sec06_item__box {
        flex-direction: column;
        gap: 0;
        margin-bottom: 16%;
    }
    #story14 .sec06 .sec06_item__box .sec06__item01 {
        width: 72%;;
    }
    #story14 .sec06 .sec06_item__box .sec06__item02 {
        width: 72%;
        margin-top: 8%;
        margin-left: auto;
        margin-right: 0;
    }
}
/* sec07 */
#story14 .sec07 .sec07__ttl {
    max-width: 122px;
    width: 11.1%;
    margin: 0 auto 120px;
    height: 60vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
@media screen and (max-width: 599px) {
    #story14 .sec07 .sec07__ttl {
        width: 24.1%;
        margin: 16% auto;
    }
}
#story14 .sec07 .sec07__item01 {
    max-width: 888px;
    width: 59.2%;
    margin: 0 auto 120px;
}
@media screen and (max-width: 599px) {
    #story14 .sec07 .sec07__item01 {
        width: 90%;
        margin: 0 auto 16%;
    }
}
#story14 .sec07 .sec07__wrap_txt {
    margin-bottom: 200px;
}
@media screen and (max-width: 599px) {
    #story14 .sec07 .sec07__wrap_txt {
        margin-bottom: 20%;
    }
}
/* spot */
#story14 #story_spot .story_spot__wrap{
    justify-content: space-between;
    padding: 04% 5%;
}
@media screen and (max-width: 768px) {
    #story14 #story_spot .story_spot__wrap{
        padding: 8% 5%;
    }
}
#story14 #story_spot .story_spot__item{
    max-width: 400px;
    width: 48%;
}
@media screen and (max-width: 768px) {
    #story14 #story_spot .story_spot__item{
        max-width: none;
        width: 100%;
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
    }
    #story14 #story_spot .story_spot__item .story_spot__txt { 
        width: 60%;
    }
}
#story14 #story_spot .story_spot__wrap .spot__item01 {
    max-width: 193px;
    width: 48.2%;
    margin-right: 0;
    margin-left: auto;
}
@media screen and (max-width: 768px) {
    #story14 #story_spot .story_spot__wrap .spot__item01 {
        width: 36%;
        margin: 0;
    }
}
#story14 #story_spot .spot__item02 {
    max-width: 603px;
    width: 50.2%;
}
@media screen and (max-width: 768px) {
    #story14 #story_spot .spot__item02 {
        width: 100%;
        margin-top: 6%;
    }
}
#story14 .common_content .note {
    color: #000;
}

/*-----------------------

	story15

-----------------------*/
#story15 section {
    margin-bottom: 0!important;
    padding-bottom: 0;
}
#story15 .st15__inner {
    max-width: 1200px;
    margin: 0 auto;

}
#story15 .main_V {
    margin: 0 auto;
}

/*--------------- blu背景 ---------------*/
#story15 .st15__bg_blu {
    background-color: var(--st15_bg_blu);
    position: relative;
    z-index: 0;
}
#story15 .st15__bg_blu .bg__top01 {
    width: 100%;
    padding-top: min(33%, 400px);
    position: absolute;
    top: 0;
    z-index: -1;
    background: linear-gradient(90deg, rgb(244 124 164) 0%, rgba(205, 234, 245, 1) 100%);
    mix-blend-mode: soft-light;
    opacity: 0.4;
}
#story15 .st15__bg_blu .bg__right01 {
    max-width: 318px;
    width: 26.5%;
    height: 950px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    opacity: 0.4;
    background-color: #9cbed7;
}
#story15 .st15__bg_blu .bg__left01 {
    width: 28.66%;
    padding-top: min(80%, 1100px);
    background-color: #84c4de;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
}
@media screen and (max-width: 768px) {
    #story15 .st15__bg_blu .bg__left01 {
        padding-top: min(143%, 1100px);
    }
}
/*--------------- pnk背景 ---------------*/

#story15 .st15__bg_pnk {
    background-color: var(--st15_bg_pnk);
    position: relative;
    z-index: 0;
}
#story15 .st15__bg_pnk .bg__left {
    width: 28.66%;
    height: 700px;
    background-color: #f1bed1;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
#story15 .st15__bg_pnk .bg__right {
    width: 53%;
    padding-top: min(110%, 950px);
    background-color: #f4b9ce;
    position: absolute;
    top: 800px;
    right: 0;
    z-index: -1;
}
#story15 .st15__bg_pnk .bg__btm {
    width: 100%;
    padding-top: min(73.3%, 880px);
    position: absolute;
    bottom: 0;
    z-index: -1;
    background-color: #f1bed0;
    mix-blend-mode: soft-light;
    opacity: 0.58;
}
@media screen and (max-width: 768px) {
    #story15 .st15__bg_pnk .bg__right {
        width: 60%;
        top: 110vw;
    }
    #story15 .st15__bg_pnk .bg__btm {
        padding-top: 140vw;
    }
}

/*--------------- グラデーション背景 ---------------*/
#story15 .st15__bg_grade {
    background-color: #fff;
    position: relative;
}
#story15 .st15__bg_grade .bg__top {
    width: 100%;
    padding-top: min(45.83%, 550px);
    position: absolute;
    top: 0;
    background: linear-gradient(90deg, rgba(248,215,226,1) 0%, rgba(205,234,245,1) 100%);
}
#story15 .st15__bg_grade .bg__btm {
    width: 100%;
    padding-top: min(45.83%, 550px);
    position: absolute;
    bottom: 0;
    background: linear-gradient(90deg, rgba(248,215,226,1) 0%, rgba(205,234,245,1) 100%);
}
/*--------------- 角丸指定 ---------------*/

#story15 .round_top_l > img{
    border-top-left-radius: 50px;
}
#story15 .round_top_r > img{
    border-top-right-radius: 50px;
}
#story15 .round_btm_r > img{
    border-bottom-right-radius: 50px;
}
#story15 .round_btm_l > img{
    border-bottom-left-radius: 50px;
}
@media screen and (max-width: 599px) {
    #story15 .round_top_l > img{
        border-top-left-radius: 25px;
    }
    #story15 .round_top_r > img{
        border-top-right-radius: 25px;
    }
    #story15 .round_btm_r > img{
        border-bottom-right-radius: 25px;
    }
    #story15 .round_btm_l > img{
        border-bottom-left-radius: 25px;
    }
}
/*--------------- section01 ---------------*/
#story15 .sec01 .story__main_ttl  > h2 {
    max-width: 586px;
    width: 48%;
    margin-inline: auto;
    padding-top: min(8%, 80px);
}
#story15 .sec01 .sec01__txt_wrap {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    gap: 2%;
    width: 92%;
    margin-top: -24px;
    margin-inline: auto;
    padding-bottom: min(48%, 300px);
}
#story15 .sec01 .sec01__txt_wrap .sec01_img {
    max-width: 320px;
    width: 53.2%;
    margin-top: min(10%, 120px);
}
@media screen and (max-width: 768px) {
    #story15 .sec01 .sec01__txt_wrap {
        flex-direction: column-reverse;
        margin-top: 8%;
        align-items: center;
    }
    #story15 .sec01 .sec01__txt_wrap .sec01_img {
        margin-left: auto;
    }
    #story15 .sec01 .story__main_ttl  > h2 {
        width: 76%;
    }
}
/*--------------- section02 ---------------*/
#story15 .sec02 .sec02_img01 {
    max-width: 814px;
    width: 80%;
    position: relative;
    top: -200px;
} 
#story15 .sec02 .sec02_item__box {
    display: flex;
    justify-content: space-between;
    max-width: 1200px;
    margin-inline: auto;
    width: 90%;
}
#story15 .sec02 .sec02_item__box .sec02__img02 {
    max-width: 320px;
    width: 26.6%;
    margin-top: min(16%, 120px);
}
#story15 .sec02 .sec02_item__box .sec02__img03 {
    max-width: 541px;
    width: 45%;
    margin-top: -120px;
}
#story15 .sec02 .sec02__img04 {
    max-width: 460px;
    width: 38.3%;
    margin-right: 4%;
    margin-left: auto;
    margin-top: -80px;
    padding-bottom: min(80%, 800px);
}
#story15 .sec02 .sec02__txt_wrap {
    display: flex;
    justify-content: space-between;
    max-width: 1100px;
    margin-inline: auto;
    width: 94%;
    gap: 5%;
    position: relative;
    top: -400px;
}
#story15 .sec02 .sec02__ttl_warp {
    display: flex;
    flex-direction: column;
    align-items: center;
}
#story15 .sec02 .sec02__ttl_warp .sec02__ttl {
    max-width: 283px;
    width: 61.52%;
}
#story15 .sec02 .sec02__ttl_warp .sec02_img05 {
    max-width: 460px;
    width: 86.6%;
    margin-top: 48px;
};
#story15 .sec02 .sec02_item__box02 {
    display: flex;
    max-width: 1920px;
    margin-inline: auto;
}
#story15 .sec02 .sec02_item_wrap {
    max-width: 1920px;
    margin-inline: auto;
    margin-top: -10%;
}
#story15 .sec02 .sec02_item__box02 {
    display: flex;
    margin-bottom: 50vw;
}
#story15 .sec02 .sec02_item__box02 .sec02__img06 {
    max-width: 544px;
    width: 52.6%;
}
#story15 .sec02 .sec02_item__box02 .sec02__img07 {
    max-width: 320px;
    width: 29.3%;
    margin-right: 8%;
    margin-left: auto;
    margin-top: -280px;
}
#story15 .sec02 .sec02__img08 {
    max-width: 676px;
    width: 67.6%;
    margin-right: 0;
    margin-left: auto;
    position: relative;
    top: -20vw;
}

@media screen and (max-width: 768px) {
    #story15 .sec02 .sec02_item__box {
        flex-direction: column-reverse;
    }
    #story15 .sec02 .sec02_item__box .sec02__img03 {
        width: 70%;
        margin-inline: auto;
        margin-right: 8%;
        margin-top: -4vw;
    }
    #story15 .sec02 .sec02_item__box .sec02__img02 {
        width: 36.6%;
    }
    #story15 .sec02 .sec02__img04 {
        width: 38.3%;
        margin-right: 8%;
        padding-bottom: 120vw;
    }
    #story15 .sec02 .sec02__txt_wrap {
        flex-direction: column;
        top: -68vw;
        justify-content: center;
        align-items: center;
    }
    #story15 .sec02 .sec02__ttl_warp {
        display: contents;
    }
    #story15 .sec02 .sec02__ttl_warp .sec02__ttl {
        margin-inline: auto;
        margin-bottom: 8%;
        width: 36.84%;
    }
    #story15 .sec02 .sec02__ttl_warp .sec02_img05 {
        order: 2;
        width: 60%;
        margin-left: 4%;
        margin-right: auto;
        margin-top: 4%;
    }
    #story15 .sec02 .sec02_item__box02 {
        margin-bottom: 80vw;
        flex-direction: column-reverse;
    }
    #story15 .sec02 .sec02_item__box02 .sec02__img07 {
        margin-top: -45vw;
    }
    #story15 .sec02 .sec02__img08 { 
        margin-right: 8%;
        top: -32vw;
    }
    
}
@media screen and (max-width: 599px) {
    
    #story15 .sec02 .sec02__ttl_warp .sec02__ttl {
        width: 41.84%;
    }
    #story15 .sec02 .sec02_img01 {
        top: -21vw;
    }
    #story15 .sec02 .sec02__img04 {
        padding-bottom: 160vw;
    }
}

/*--------------- section03 ---------------*/
#story15 .sec03 .sec03__txt_wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 4%;
    grid-template-columns: repeat(auto-fit, minmax(420px, 1fr));
    justify-content: center;
    
}
#story15 .sec03 .sec03__txt_wrap .sec03__ttl {
    max-width: 601px;
    margin-top: min(-13%, -160px);
    width: 50%;
    margin-bottom: min(10%, 40px);
}
#story15 .sec03 .sec03_img01 {
    max-width: 854px;
    width: 71.1%;
    margin-top: min(16%, 120px);
    padding-bottom: min(21%, 260px);
}
@media screen and (max-width: 768px) {
    #story15 .sec03 .sec03__txt_wrap .sec03__ttl {
        width: 70.25%;
        margin-top: min(-10%, -123px);
    }
}
@media screen and (max-width: 599px) {
    #story15 .sec03 .sec03__txt_wrap .sec03__ttl {
        width: 80.25%;
        margin-top: min(-20%, -68px);
    }
}
/*--------------- section04 ---------------*/
#story15 .sec04 .sec04__ttl_wrap {
    display: flex;
    max-width: 1500px;
    margin-inline: auto;
    padding-top: min(16.6%, 200px);
}

#story15 .sec04 .sec04__ttl_wrap .sec04_img01 {
    max-width: 790px;
    width: 65%;
}
#story15 .sec04 .sec04__ttl_wrap .sec04__ttl {
    max-width: 295px;
    width: 24.58%;
    margin-inline: auto;
}
#story15 .sec04 .sec04__txt_wrap {
    display: flex;
    margin-top: min(10%, 120px);
    max-width: 1500px;
    width: 94%;
    margin-inline: auto;
    justify-content: space-between;
    gap: 4%;
}
#story15 .sec04 .sec04__txt_wrap > p {
    margin-inline: auto ;
}
#story15 .sec04 .sec04__txt_wrap .sec04_img02 {
    max-width: 656px;
    width: 43.73%;
}
#story15 .sec04 .sec04_img03 {
    position: relative;
    max-width: 854px;
    width: 71%;
    top: 160px;
}
#story15 .sec04 .st15__bg_grade {
    z-index: -1;
}
#story15 .sec04 .st15__bg_grade .bg__top {
    position: relative;
}
@media screen and (max-width: 768px) {
    #story15 .sec04 .sec04__txt_wrap {
        flex-direction: column;
    }
    #story15 .sec04 .sec04__ttl_wrap {
        flex-direction: column;
    }
    #story15 .sec04 .sec04__ttl_wrap .sec04__ttl {
        width: 38.41%;
        margin-top: 10%;
    }
    #story15 .sec04 .sec04__txt_wrap .sec04_img02 {
        width: 63.73%;
        margin-right: 0;
        margin-left: auto;
        margin-top: 4%;
    }
    #story15 .sec04 .sec04_img03 {
        width: 81%;
        top: 16vw;
    }
}
@media screen and (max-width: 599px) {
    #story15 .sec04 .sec04__ttl_wrap .sec04__ttl {
        width: 47.41%;
    }
}
/*--------------- about ---------------*/
#story15 .about .st15__bg_blu {
    padding-top: 120px;
    padding-bottom: 40vw;
}
#story15 .about .st15__bg_grade .bg__top {
    position: relative;
    margin-top: -10px;
}
#story15 .about {
    margin-top: -10px;
}
#story15 .about .about__waku {
    border: solid 1px #000;
    max-width: 1200px;
    width: 94%;
    margin-inline: auto;
}
#story15 .about .about__ttl {
    max-width: 632px;
    width: 63.7%;
    margin-bottom: min(8%, 40px);
    padding: min(14%, 120px) min(8%, 62px) 0;
}
#story15 .about .about__txt_wrap {
    display: flex;
    justify-content: space-between;
    gap: 4%;
    padding: 0 min(8%, 62px);
}
#story15 .about .about__txt_wrap .about__item01 {
    max-width: 341px;
    width: 28.4%;
}
#story15 .about .about__txt_wrap .about__txt {
    margin: 0;
    max-width: 630px;
    width: 71%;
}
#story15 .about .about__img_wrap  {
    display: flex;
    margin-top: min(6.6% ,80px);
    justify-content: space-between;
}
#story15 .about .about__img_wrap .about__item02 {
    max-width: 246px;
    width: 20.5%;
    margin-top: min(-4%, -50px);
}
#story15 .about .about__img_wrap .about__item03 {
    max-width: 807px;
    margin-right: min(5%, 62px);
    width: 67%;
}
@media screen and (max-width: 768px) { 
    #story15 .about .st15__bg_blu {
        padding-bottom: 100vw;
    }
    #story15 .about .about__txt_wrap {
        flex-direction: column;
    }
    #story15 .about .about__txt_wrap .about__txt {
        width: 100%;
    }
    #story15 .about .about__txt_wrap .about__item01 {
        margin-right: 0;
        margin-left: auto;
        width: 50%;
        margin-top: 4%;
    }
    #story15 .about .about__img_wrap {
        flex-direction: column;
    }
    #story15 .about .about__img_wrap .about__item02 {
        width: 30.5%;
        margin-top: min(-6%, -80px);
    }
    #story15 .about .about__img_wrap .about__item03 {
        width: 90%;
        margin: 4% auto;
    }
}
@media screen and (max-width: 768px) { 
    #story15 .about .about__ttl {
        width: 73%;
    }
}
/*--------------- section05 ---------------*/
#story15 .sec05 .sec05_img01 {
    max-width: 759px;
    width: 63%;
    position: relative;
    top: -10vw;
}
#story15 .sec05 .sec05__txt_box {
    display: flex;
    justify-content: center;
    gap: 8%;
}
#story15 .sec05 .sec05__txt_wrap {
    max-width: 1500px;
    margin-inline: auto;
    position: relative;
}
#story15 .sec05 .sec05__txt_box .sec05__ttl {
    max-width: 196px;
    width: 16.4%;
}
#story15 .sec05 .sec05__txt_wrap .sec05_img02 {
    max-width: 518px;
    width: 34.5%;
    position: absolute;
    bottom: -60px;
}
#story15 .sec05 .sec05__img_box {
    max-width: 1500px;
    margin-inline: auto;
}
#story15 .sec05 .sec05__img_box .sec05_img03 { 
    max-width: 854px;
    width: 56.9%;
    margin-right: 4%;
    margin-left: auto;
    margin-top: min(13.3%, 160px);
}
#story15 .sec05 .sec05__img_box .sec05_img04 { 
    max-width: 602px;
    width: 40.1%;
    margin-left: 8%;
    margin-top: min(6%, 80px);
    padding-bottom: min(6%, 80px);
}
@media screen and (max-width: 768px) { 
    #story15 .sec05 .sec05_img01 {
        margin-inline: auto;
        width: 80%;
        top: -23vw;
    }
    #story15 .sec05 .sec05__txt_box {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-top: -13%;
    }
    #story15 .sec05 .sec05__txt_box .sec05__ttl {
        width: 25.5%;
        margin-bottom: 10%;
    }
    #story15 .sec05 .sec05__txt_wrap .sec05_img02 {
        width: 44.5%;
        position: static;
        margin-left: 4%;
        margin-top: 8%;
    }
    #story15 .sec05 .sec05__img_box .sec05_img03 {
        width: 76.9%;
        margin-top: 10%;
        margin-inline: auto;
    }
    #story15 .sec05 .sec05__img_box .sec05_img04 {
        width: 60.1%;
        margin-left: auto;
        margin-right: 0;
        margin-top: 10%;
        padding-bottom: 16%;
    }
}
@media screen and (max-width: 599px) { 
    #story15 .sec05 .sec05__txt_box .sec05__ttl {
        width: 31.5%;
    }
}
/*--------------- section06 ---------------*/
#story15 .sec06 .st15__bg_grade .bg__top {
    position: relative;
}
#story15 .sec06 .sec06__ttl_warp {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}
#story15 .sec06 .sec06__ttl_warp .sec06__ttl {
    max-width: 297px;
    width: 64.5%;
}
#story15 .sec06 .sec06__ttl_warp .sec06_img01 {
    max-width: 460px;
    position: relative;
    top: 120px;
    z-index: 1;
}
#story15 .sec06 .sec06__txt_wrap {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    align-items: flex-end;
    margin-top: min(13.3%, 160px);
    max-width: 1200px;
    width: 94%;
    gap: 4%;
    margin-inline: auto;
}
#story15 .sec06 .sec06__txt_wrap > p {
    position: relative;
    bottom: -300px;
    z-index: 1;
}
#story15 .sec06 .sec06__img_box {
    display: flex;
    justify-content: center;
    padding-top: min(40%, 480px);
    padding-bottom: min(80.6%, 800px);;

}
#story15 .sec06 .sec06__img_box .sec06_img03 {
    max-width: 572px;
    position: relative;
    left: 2%;
    z-index: 1;
}
#story15 .sec06 .sec06__img_box .sec06_img04 {
    max-width: 854px;
    position: relative;
    right: 2%;
    top: 16vw;
}
@media screen and (max-width: 768px) { 
    #story15 .sec06 .sec06__txt_wrap {
        flex-direction: column;
        align-items: center;
    }
    #story15 .sec06 .sec06__ttl_warp .sec06_img01 {
        width: 60.8%;
        margin-right: 0;
        margin-left: auto;
        top: 0;
        margin-top: 8%;
    }
    #story15 .sec06 .sec06__txt_wrap > p {
        position: static;
        margin-top: 10%;
    }
    #story15 .sec06 .st15__bg_grade .bg__btm {
        padding-top: min(224%, 1000px);
    }
    #story15 .sec06 .st15__bg_blu {
        margin-top: -34vw;
    }
}
@media screen and (max-width: 599px) { 
    #story15 .sec06 .sec06__img_box {
        padding-bottom: 160vw;
    }
    #story15 .sec06 .sec06__ttl_warp .sec06__ttl{
        width: 50%;
    }
    #story15 .sec06 .sec06__ttl_warp .sec06_img01 {
        width: 48%;
        margin-right: 2%;
    }
    #story15 .sec06 .sec06__img_box .sec06_img04 {
        right: 14%;
        top: 18vw;
    }
}
/*--------------- section07 ---------------*/
#story15 .sec07 .st15__bg_pnk .bg__btm {
    padding-top: min(23%, 300px);
    bottom: 55vw;
}
#story15 .sec07 .st15__bg_grade .bg__top {
    position: relative;
    padding-top: min(25%, 300px);
    margin-bottom: min(16%,200px);
}
#story15 .sec07 .sec07__img_box {
    max-width: 1920px;
    margin-inline: auto;
}
#story15 .sec07 .sec07__img_box .sec07_img01 {
    max-width: 699px;
    width: 58.25%;
    margin-left: auto;
    margin-right: 0;
    position: relative;
    top: -120px;
}
#story15 .sec07 .sec07__img_box .sec07_img02 {
    max-width: 576px;
    width: 48%;
    margin-left: 8%;
}
#story15 .sec07 .sec07__txt_wrap {
    display: flex;
    justify-content: center;
    gap: 6%;
    align-items: center;
    margin-top: min(6%, 80px);
    position: relative;
    z-index: 1;
}
#story15 .sec07 .sec07__txt_wrap .sec07__ttl {
    max-width: 485px;
    width: 34%;
    margin-bottom: 80px;
}
#story15 .sec07 .sec07_img03 {
    position: relative;
    margin-top: -120px;
}
@media screen and (max-width: 768px) { 
    #story15 .sec07 .sec07__txt_wrap {
        flex-direction: column;
    }
    #story15 .sec07 .sec07__img_box .sec07_img02 {
        margin-top: -8%;
    }
    #story15 .sec07 .sec07__txt_wrap .sec07__ttl  {
        width: 68%;
        margin-bottom: 10%;
        margin-top: 10%;
    }
    #story15 .sec07 .sec07_img03 {
        margin-top: 8%;
    }
}
@media screen and (max-width: 599px) { 
    #story15 .sec07 .sec07__txt_wrap .sec07__ttl  {
        width: 79%;
    }
    #story15 .sec07 .sec07__img_box .sec07_img01 {
        width: 78.25%;
    }
}
/*--------------- spot ---------------*/
#story15 #story_spot .spot__ttl {
    border-right: none;
    display: block
}
#story15 #story_spot .story_spot__wrap {
    padding: min(5%, 62px) min(5%, 62px) 0;
    display: flex;
    justify-content: space-between;
}
#story15 #story_spot .story_spot__wrap .story_spot__item {
    width: min(39.1%,410px);
}
#story15 #story_spot .story_spot__wrap .spot_img01 { 
    width: min(80.4%,330px);
    margin-right: 0;
    margin-left: auto;
    margin-top: min(6% ,80px);
}
#story15 #story_spot .story_spot__wrap .spot_img02 {
    width: min(54.1%, 578px);
}
@media screen and (max-width: 768px) { 
    #story15 #story_spot .spot__ttl {
        text-align: left;
        letter-spacing: 0.5rem;
    }
    #story15 #story_spot .story_spot__wrap .story_spot__item {
        display: flex;
        width: 100%;
    }
    #story15 #story_spot .story_spot__txt {
        width: 55%;
    }
    #story15 #story_spot .story_spot__wrap .spot_img01 {
        width: 40%;
        margin-top: 0;
    }
    #story15 #story_spot .story_spot__wrap .spot_img02 {
        width: 100%;
        margin-top: 4%;
        margin-bottom: 4%;
    }
}

/*---------------------------------------

	story16

---------------------------------------*/
#story16 section {
    margin-bottom: 0!important;
    padding-bottom: 0;
}
#story16 .st16__inner {
    max-width: 1200px;
    margin: 0 auto;
}
#story16  .main_V {
    margin: 0 auto;
}
#story16 .st16_bg_gray {
    background-color: var(--st16_bg_gray);
}
#story16 .st16_bg_blu {
    background-color: var(--st16_bg_blu);
}
#story16 .st16_bg_wht {
    background-color: #fff;
}
/*--------------- section01 ---------------*/
#story16 .sec01 .st16_bg_blu {
    margin-top: -30vh;
    padding-top: 30vh;
}
#story16 .sec01 .story__main_ttl {
    width: min(63.28%, 486px);
    margin: 0 auto min(16%, 120px);
    padding-top: min(16%, 120px);
    
}
#story16 .sec01 .sec01_img01 {
    width: min(100%, 1229px);
}
#story16 .sec01 .sec01__txt_wrap {
    display: flex;
    justify-content: space-between;
    max-width: 1200px;
    width: 94%;
    gap: 4%;
    margin-inline: auto;
    margin-top: min(16%, 180px);
}
#story16 .sec01 .sec01__txt_wrap .txt_box { 
    margin-inline: auto;
}
#story16 .sec01 .sec01_img_wrap {
    width: min(53%, 530px);
}

#story16 .sec01 .sec01_img_wrap .sec01_img02 {
    width: min(80%, 283px);
    margin-right: 0;
    margin-left: auto;
}
#story16 .sec01 .sec01_img_wrap .sec01_img03 {
    max-width: min(66%,350px);
    margin: 80px 0 120px 0;

}
#story16 .sec01 .sec01_img_wrap .sec01_img04 {
    margin-left: auto;
    width: min(90%, 316px);
}
#story16 .sec01 .sec01_img05 {
    width: min(17%, 98px);
    margin-inline: auto;
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
@media screen and (max-width: 768px) { 
    #story16 .sec01 .st16_bg_blu {
        margin-top: -80vh;
        padding-top: 80vh;
    }
    #story16 .sec01 .sec01__txt_wrap {
        flex-direction: column;
        align-items: center;
    }
    #story16 .sec01 .sec01_img_wrap {
        margin-top: 12%;
        width: 100%;
    }
    #story16 .sec01 .sec01_img_wrap .sec01_img02 {
        margin-right: 12%;
        width: 40%;
    }
    #story16 .sec01 .sec01_img_wrap .sec01_img03 {
        width: 45%;
        margin: 40px 0 0;
    }
    #story16 .sec01 .sec01_img_wrap .sec01_img04 {
        width: 35%;
        margin-right: 8%;
        margin-top: -5vh;
    }
}
/*--------------- section02 ---------------*/
#story16 .sec02 .st16_bg_blu {
    background: linear-gradient(180deg, 
    var(--st16_bg_blu) 0%, var(--st16_bg_blu) 70%, #fff 70%, #fff 100%);
}
#story16 .sec02 .sec02_img01 {
    width: min(60%,462px);
}
#story16 .sec02 .sec03__ttl {
    width: min(55%,423px);
    margin-inline: auto;
    margin-top: min(10%, 120px);
}
#story16 .sec02 .sec02__txt_wrap {
    display: flex;
    max-width: 1500px;
    gap: 4%;
    margin-inline: auto;
    margin-top: min(16%, 180px);
    margin-bottom: 80vh;
}
#story16 .sec02 .sec02__txt_wrap .txt_box { 
    margin-inline: auto;
    max-width: 1200px;
    margin-right: 4%;
}
#story16 .sec02 .sec02__txt_wrap .sec02_img_wrap .sec02_img02 {
    width: min(81.28%, 443px);
    margin-left: 12%;
}
#story16 .sec02 .sec02__txt_wrap .sec02_img_wrap .sec02_img03 {
    max-width: 545px;
    margin-top: min(8%, 120px);
}
#story16 .sec02 .sec02__txt_wrap .sec02_img04 {
    width: min(77.22%, 485px);
    margin-top: min(25%, 160px);
}
#story16 .sec02 .sec02__txt_wrap .sec02_img04-sp { 
    display: none
}
@media screen and (max-width: 768px) { 
    #story16 .sec02 .st16_bg_blu {
        background: linear-gradient(180deg, var(--st16_bg_blu) 0%, var(--st16_bg_blu) 62%, #fff 62%, #fff 100%);
    }
    #story16 .sec02 .sec02__txt_wrap {
        flex-direction: column;
        margin-top: 10%;
        margin-bottom: 50vh;
    }
    #story16 .sec02 .sec02_img_wrap { 
        display: contents;
    }
    #story16 .sec02 .sec02__txt_wrap .sec02_img_wrap .sec02_img02 {
        order: 0;
        width: 53%;
        margin-right: 4%;
        margin-left: auto;
    }
    #story16 .sec02 .sec02__txt_wrap .sec02_img_wrap .sec02_img03 {
        order: 2;
        width: 60%;
        margin-right: auto;
        margin-left: 4%;
    }
    #story16 .sec02 .sec02__txt_wrap .txt_box {
        margin-right: auto;
    }
    #story16 .sec02 .sec02__txt_wrap .sec02_img04 {
        display: none
    }
    #story16 .sec02 .sec02__txt_wrap .sec02_img04-sp {
        order: 3;
        display: block;
        width: 40%;
        margin-right: 4%;
        margin-left: auto;
        margin-top: 8%;
    }
}
/*--------------- section03 ---------------*/
#story16 .sec03 .sec03_img01 {
    width: min(80%,705px);
    position: relative;
    top: -200px;
}
#story16 .sec03 .sec03__ttl {
    width: min(60.28% ,463px);
    margin-inline: auto;
    margin-top: min(-6%, -100px);
} 
#story16 .sec03 .sec03__txt_wrap {
    display: flex;
    flex-direction: row-reverse;
    max-width: 1500px;
    margin-inline: auto;
    margin-top: min(10%, 120px);
    padding-bottom: min(10%, 120px);
}
#story16 .sec03 .sec03__txt_wrap .sec03_img_wrap .sec03_img02 {
    width: min(75%, 705px);
    margin-right: 0;
    margin-left: auto;
} 
#story16 .sec03 .sec03__txt_wrap .sec03_img_wrap .sec03_img03 {
    width: min(53.4%, 377px);
    margin-right: 0;
    margin-left: 8%;
    margin-top: min(28%, 240px);
} 
#story16 .sec03 .sec03__txt_wrap .sec03_img_wrap {
    width: min(75%, 705px);
}
#story16 .sec03 .sec03__txt_wrap .txt_box {
    max-width: 1200px;
    margin-inline: auto;
}
@media screen and (max-width: 768px) { 
    #story16 .sec03 .st16_bg_gray {
        padding-top: 10vh;
    }
    #story16 .sec03 .sec03_img01{
        top: -20vh;
    }
    #story16 .sec03 .sec03__txt_wrap {
        flex-direction: column;
        padding-bottom: 32%;
    }
    #story16 .sec03 .sec03__txt_wrap .sec03_img_wrap {
        display: contents
    }
    #story16 .sec03 .sec03__txt_wrap .sec03_img_wrap .sec03_img02 {
        width: 85%;
        margin-bottom: 10%;
    }
    #story16 .sec03 .sec03__txt_wrap .sec03_img_wrap .sec03_img03 {
        order: 2;
        margin-top: 8%;
        width: 45%;
    }
}
/*--------------- section04 ---------------*/

#story16 .sec04 .sec04__txt_wrap {
    max-width: 1200px;
    margin-inline: auto;
    display: flex;
    align-items: flex-end;
    padding-top: min(16%,160px);
    gap: 4%;
    padding-bottom: min(13%, 200px);
}  
#story16 .sec04 .sec04__ttl_wrap {
    width: min(100%, 564px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 160px;
}
#story16 .sec04 .sec04__ttl_wrap .sec04__ttl {
    width: min(52.1%,294px);
    margin-bottom: min(16%, 180px);
}
#story16 .sec04 .sec04__ttl_wrap .sec04_img01 {
    width: min(100%,564px);
}
#story16 .sec04 .sec04__txt_wrap .txt_box {
    margin-inline: auto;
}
#story16 .sec04 .sec04_img02 {
    width: min(36.75%,441px);
    position: relative;
    top: 10vw;
}
#story16 .sec04 .sec04_img03 {
    width: min(15%, 84px);
    margin-inline: auto;
    height: 130vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 18vh;
}
@media screen and (max-width: 768px) {  
    #story16 .sec04 .sec04__txt_wrap {
        flex-direction: column;
        padding-bottom: 0;
    }
    #story16 .sec04 .sec04__ttl_wrap {
        display: contents;
    }
    #story16 .sec04 .sec04__ttl_wrap .sec04__ttl {
        width: 38%;
        margin-inline: auto;
    }
    #story16 .sec04 .sec04__ttl_wrap .sec04_img01 {
        order: 1;
        width: 65%;
        margin-right: auto;
        margin-top: 16%;
    }
    #story16 .sec04 .sec04_img02 {
        width: 50%;
        margin-right: 4%;
        margin-left: auto;
    }
    #story16 .sec04 .sec04_img03 {
        height: 100vh;
        padding-top: 7vh;
    }
}
/*--------------- about ---------------*/
#story16 .about {
    max-width: 1200px;
    width: 94%;
    margin-inline: auto;
    margin-bottom: min(20%,200px);
}
#story16 .about .about__waku {
    border: solid 1px #1f1816;
    padding: min(16%,126px) min(8%,62px) ;
}
#story16 .about .about__waku .about__ttl {
    width:min(54%, 415px);
}
#story16 .about .about__txt_wrap {
    display: flex;
    justify-content: space-between;
}
#story16 .about .about__txt_wrap .about__txt {
    width: min(57%, 576px);
    margin: min(4%, 40px) 0;
}
#story16 .about .about__txt_wrap .about__item01 {
    width: min(33%,402px);
    margin-top: -6%;
}
#story16 .about .about__img_wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
#story16 .about .about__img_wrap .about__item02 {
    width: min(67%,726px);
}
#story16 .about .about__img_wrap .about__item03 {
    width: min(25.51%,274px);
    position: relative;
    top: 48px;
}
#story16 .about .about__item01-sp { 
    display: none;
}
@media screen and (max-width: 768px) {
    #story16 .about .about__waku {
        padding: min(16%,126px) min(8%,62px) 0;
    }
    #story16 .about .about__txt_wrap {
        flex-direction: column;
    }
    #story16 .about .about__txt_wrap .about__txt {
        width: 100%;
        margin-top: 8%;
    }
    #story16 .about .about__txt_wrap .about__item01 { 
        display: none;
    }
    #story16 .about .about__item01-sp { 
        display: block;
        width: 55%;
        order: 1;
        position: relative;
        left: -10%;
        margin-top: 6%;
        margin-bottom: 10%;
    }
    #story16 .about .about__img_wrap {
        flex-wrap: wrap;
    }
    #story16 .about .about__img_wrap .about__item02 {
        width: 100%;
    }
    #story16 .about .about__img_wrap .about__item03 {
        width: 38%;
        position: static;
        order: 2;
    }
}
@media screen and (max-width: 599px) {
    #story16 .about .about__waku .about__ttl {
        width: 86%
    }
}
/*--------------- section05 ---------------*/
#story16 .sec05 .sec05_img01 {
    width: min(80%, 885px);
    margin-top: min(44%, 660px);
    position: relative;
    top: -200px;
}
#story16 .sec05 .sec05__ttl {
    width: min(57.29%,440px);
    margin-inline: auto;
    margin-top: min(-3%, -100px);
}
#story16 .sec05 .sec05__txt_wrap {
    max-width: 1500px;
    margin-inline: auto;
    display: flex;
    justify-content: space-between;
    gap: 4%;
    padding-left: 4%;
    margin-top: min(10%, 120px);
}
#story16 .sec05 .sec05__txt_wrap .txt_box {
    max-width: 1200px;
    margin-inline: auto;
}
#story16 .sec05 .sec05_img_wrap {
    width: min(100%,521px);
}
#story16 .sec05 .sec05_img_wrap .sec05_img02 {
    width: min(43.37%,226px);
    margin-left: 10%;
}
#story16 .sec05 .sec05_img_wrap .sec05_img03 {
    width: min(100%, 521px);
    margin-top: min(23%, 120px);
}
#story16 .sec05 .sec05_img_wrap02 {
    display: flex;
    align-items: flex-end;
    background: linear-gradient(180deg, 
        var(--st16_bg_gray) 0%, var(--st16_bg_gray) 70%,
        var(--st16_bg_blu) 70%, var(--st16_bg_blu) 100%);
    padding-top: 4%;
}
#story16 .sec05 .sec05_img_wrap02 .sec05_img04 {
    width: min(57.7%,693px);
}
#story16 .sec05 .sec05_img_wrap02 .sec05_img05 {
    width: min(24%, 290px);
    position: relative;
    bottom: -160px;
    margin-left: 4%;
}
@media screen and (max-width: 768px) { 
    #story16 .sec05 .sec05_img01 {
        top: -16vh;
        margin-top: 24vh;
    }
    #story16 .sec05 .sec05__txt_wrap {
        flex-direction: column;
        padding-left: 0;
    }
    #story16 .sec05 .sec05_img_wrap {
        display: flex;
        flex-direction: row-reverse;
        width: 94%;
        margin-inline: auto;
        margin-top: 8%;
    }
    #story16 .sec05 .sec05_img_wrap02 {
        flex-direction: column;
        background: linear-gradient(180deg, 
        var(--st16_bg_gray) 0%, var(--st16_bg_gray) 60%,
        var(--st16_bg_blu) 60%, var(--st16_bg_blu) 100%);
    }
    #story16 .sec05 .sec05_img_wrap02 .sec05_img04 {
        margin-top: 8%;
        width: 80%;
        margin-inline: auto;
    }
    #story16 .sec05 .sec05_img_wrap02 .sec05_img05 {
        width: 30%;
        margin-inline: 4%;
        bottom: -4vh;
    }
}
@media screen and (max-width: 599px) { 
    #story16 .sec05 .sec05__ttl {
        margin-top: -16%;
    }
}

/*--------------- section06 ---------------*/
#story16 .sec06 .sec06__ttl {
    width: min(66.7%, 512px);
    margin-inline: auto;
    padding-top: 80vh;
    margin-bottom: min(10%, 120px);
}
#story16 .sec06 .sec06_img01 {
    padding-bottom: min(21%, 320px);
}
#story16 .sec06 .sec06_img02 {
    width: min(33%, 398px);
    margin-left: auto;
    margin-right: 16%;
    position: relative;
    top: -12vh;
}
#story16 .sec06 .sec06__txt_wrap {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    width: 92%;
    margin-inline: auto;
    gap: 4%;
    margin-top: -12vh;
}
#story16 .sec06 .sec06__txt_wrap .sec06_img03 {
    width: min(100%, 428px);
}
#story16 .sec06 .sec06_img04 {
    width: min(62.5%, 750px);
    margin-top: min(13%, 200px);
}
#story16 .sec06 .sec06_img05 {
    width: min(15%, 84px);
    margin-inline: auto;
    height: 200vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 25vh;
    margin-top: -60vh;
} 
@media screen and (max-width: 768px) { 
    #story16 .sec06 .sec06__ttl {
        padding-top: 30vh;
    }
    #story16 .sec06 .sec06__txt_wrap {
        flex-direction: column;
        align-items: center;
        margin-top: 8%;
    }
    #story16 .sec06 .sec06_img02 {
        width: 40%;
        margin-right: 4%;
        top: -50px;
    }
    #story16 .sec06 .sec06__txt_wrap .sec06_img03 {
        width: 50%;
        margin-left: auto;
        margin-top: 10%;
    }
    #story16 .sec06 .sec06_img04 {
        width: 100%;
    }
    #story16 .sec06 .sec06_img05 {
        height: 100vh;
        margin-top: 0;
        padding-top: 0;
    }
}
/*--------------- section07 ---------------*/
#story16 .sec07 .sec07_img01 {
    width: min(94%, 1305px);
    position: relative;
    top: -180px;
}
#story16 .sec07 .sec07__ttl {
    width: min(70%, 539px);
    margin-inline: auto;
    margin-top: min(2%, 20px);
}
#story16 .sec07 .sec07__txt_wrap {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    max-width: 1200px;
    margin-inline: auto;
    padding-bottom: min(9%,140px);
}
#story16 .sec07 .sec07__txt_wrap .sec07_img02 {
    width: min(42.24%, 226px);
    margin-bottom: min(23%, 120px);
    margin-left: auto;
    margin-right: 8%;
}
#story16 .sec07 .sec07__txt_wrap .sec07_img03 {
    width: min(47.85% ,265px);
    margin-left: 4%;
}
#story16 .sec07 .sec07_img04 {
    width: min(70%,531px);
    padding: min(25vh, 240px) 0;
}
@media screen and (max-width: 768px) {
    #story16 .sec07 .sec07_img01 {
        width: 100%;
        position: static;
    }
    #story16 .sec07 .sec07__ttl {
        margin-top: 16%;
        margin-bottom: 16%;
    }
    #story16 .sec07 .sec07__txt_wrap {
        flex-direction: column;
    }
    #story16 .sec07 .sec07__txt_wrap .sec07_img02 {
        width: 60%;
        margin-right: 0;
        margin-bottom: 8%;
    }
    #story16 .sec07 .sec07__txt_wrap .sec07_img03 {
        width: 40%;
    }
}
/*--------------- spot ---------------*/
#story16 #story_spot .spot__ttl {
    border-right: none;
    display: block;
    text-align: left;
}
#story16 #story_spot .story_spot__wrap {
    justify-content: space-between;
    padding: min(6%, 68px) min(6%, 68px) 0 ;
}
#story16 #story_spot .story_spot__txt {
    width: min(27%,285px);
}
#story16 #story_spot .spot_img01 {
    width: min(68.56%,709px);
}
@media screen and (max-width: 768px) {
    #story16 #story_spot .story_spot__txt {
        width: 100%;
    } 
    #story16 #story_spot .spot_img01 {
        width: 100%;
        margin-top: 8%;
        margin-bottom: 6%;
    }
}