.sec_content--1500 {
	max-width: 1500px;
	margin-inline: auto;
}
/*-----------------------

	story19 

-----------------------*/
#story19 .sm_font {
	font-size: clamp(11px, 1.75vw, 17px);
	line-height: 1.7;
}
#story19 .txt_box > p {
	text-align: center;
	font-weight: normal;
	padding: 0 4%;
}
#story19 .main__story--ttl {
	max-width: 568px;
	width: 47.3%;
	margin-inline: auto;
	margin: 13.3% auto;
}
#story19 .sec01__txt {
	margin: 13.3% auto;
}
@media screen and (max-width: 599px) {
	#story19 .main__story--ttl {
		width: 67.7%;
		margin: 38% auto;
	}	
	#story19 .sec01__txt {
		margin: 22% auto 50%;
	}
}
/* ---------- sec02 ---------- */
#story19 .sec02__ttl {
	display: flex;
	justify-content: space-between;
}
#story19 .sec02__ttl--img01 {
	max-width: 450px;
	width: 30%;
}
#story19 .sec02__ttl--img02 {
	max-width: 450px;
	width: 30%;
	margin-right: 3%;
	margin-top: 21.3%;
	margin-bottom: 7%;
}
#story19 .sec02__ttl--ttl {
    max-width: 149px;
	width: 10%;
    margin-left: auto;
    margin-right: 2%;
	margin-top: 12.2%;
}
#story19 .sec02__img {
	margin-top: 15.3%;
}
@media screen and (max-width: 599px) {
	#story19 .sec02__ttl {
		flex-wrap: wrap;
	}
	#story19 .sec02__ttl--img01 {
		width: 42%;
		margin-left: 7%;
	}
	#story19 .sec02__ttl--img02 {
		width: 42%;
		margin-right: 7%;
		margin-left: auto;
		margin-top: 9%;
		margin-bottom: 21%;
	}
	#story19 .sec02__ttl--ttl {
		width: 19%;
		margin: 0 auto;
	}
	#story19 .sec02__img {
		margin-top: 22%;
	}	
}
/* ---------- sec03 ---------- */
#story19 .sec03__img--01 { 
	max-width: 1350px;
	width: 90%;
	margin-inline: auto;
	margin-top: 33.3%;
	margin-bottom: 33.3%;
}
#story19 .sec03__img--02 { 
	max-width: 1350px;
	width: 90%;
	margin-inline: auto;
	margin-top: 10%;
}
#story19 .sec03__img--03 {
	max-width: 700px;
	width: 46.6%;
	margin-top: 10%;
}
#story19 .sec03__ttl {
	display: flex;
	justify-content: center;
	margin-bottom: 10%;
}
#story19 .sec03__ttl--img { 
	max-width: 450px;
	width: 30%;
}
#story19 .sec03__ttl--ttl {
	max-width: 594px;
	width: 40%;
	margin-left: 8%;
	margin-top: 30px;
}
@media screen and (max-width: 599px) { 
	#story19 .sec03__img--01 { 
		margin-top: 50%;
		margin-bottom: 50%;
		width: 84%;
	}
	#story19 .sec03__ttl {
		flex-direction: column;
		margin-bottom: 20%;
	}
	#story19 .sec03__ttl--img { 
		width: 42%;
	}
	#story19 .sec03__ttl--ttl {
		width: 79%;
		margin-top: 9%;
	}
	#story19 .sec03__img--02 {  
		margin-top: 20%;
		width: 84%;
	}
	#story19 .sec03__img--03 {
		width: 65%;
		margin-top: 20%;
	}
}
/* ---------- sec04 ---------- */
#story19 .sec04__ttl {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 33.3%;
}
#story19 .sec04__ttl--ttl {
	max-width: 455px;
	width: 30.3%;
	margin-right: 16.3%;
}
#story19 .sec04__ttl--img {
	max-width: 450px;
	width: 30%;
}
#story19 .sec04__img--01 {
	max-width: 360px;
	width: 24%;
	margin-top: -6%;
	margin-left: 9%;
	margin-bottom: 9%;
}
#story19 .sec04__img--02 {
	max-width: 1033px;
	width: 68.9%;
	margin-inline: auto;
	margin-top: 10%;
	margin-bottom: 33.3%;
}
#story19 .sec04 .sm_font {
	margin-top: 4%;
}
@media screen and (max-width: 599px) { 
	#story19 .sec04__ttl {
		margin-top: 50%;
		align-items: flex-start;
	}
	#story19 .sec04__ttl--img {
		width: 42%;
		margin: 0 auto;
	}
	#story19 .sec04__ttl--ttl {
		width: 40%;
		margin: 6% auto 0;
	}
	#story19 .sec04__img--01 {
		width: 35%;
		margin-top: -13.3%;
	}
	#story19 .sec04 .sm_font {
		padding: 0 6%;
		line-height: 2.1;
	}
	#story19 .sec04__img--02 {
		width: 84%;
		margin-top: 20%;
		margin-bottom: 20%;
	}
}


/* ---------- sec05 ---------- */
#story19 .sec05__ttl {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin-top: 20%;
}
#story19 .sec05__ttl--ttl {
	max-width: 340px;
	width: 22.6%;
}
#story19 .sec05__ttl--img {
	max-width: 450px;
	width: 30%;
	margin-right: 9%;
	margin-left: 18%;
}
#story19 .sec05__img--01 {
	max-width: 253px;
	width: 17%;
	margin-top: -6%;
	margin-left: 9%;
	margin-bottom: 9%;
}
#story19 .sec05__img--02 {
	max-width: 1350px;
    width: 90%;
    margin-inline: auto;
    margin-top: 20%;
    margin-bottom: 20%;
}
#story19 .sec05__img--03 {
	max-width: 1033px;
	width: 68.8%;
	margin-inline: auto;
}
@media screen and (max-width: 599px) { 
	#story19 .sec05__ttl {
		margin-top: 50%;
		justify-content: space-between;
		align-items: flex-start;
	}
	#story19 .sec05__ttl--ttl {
		width: 25%;
		margin: 6% auto 0;
	}
	#story19 .sec05__ttl--img {
		width: 42%;
		margin-right: 7%;
		margin-left: 0;
	}
	#story19 .sec05__img--01 {
		width: 23%;
		margin-top: -13.3%;
		margin-bottom: 22%;
	}
	#story19 .sec05__img--02 { 
		width: 84%;
	}
	#story19 .sec05__img--03 {
		width: 84%;
	}
}
/* ---------- sec06 ---------- */
#story19 .sec06__ttl {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin-top: 20%;
	margin-bottom: 5%;
}
#story19 .sec06__ttl--ttl { 
	max-width: 406px;
	width: 27%;
}
#story19 .sec06__ttl--img {
	max-width: 467px;
	width: 31%;
	margin-right: 9%;
	margin-left: 18%;
}
#story19 .sec06__img--01 {
	max-width: 467px;
	width: 31.1%;
	margin-inline: auto;
	margin-top: 20%;
	margin-bottom: 20%;
}
@media screen and (max-width: 599px) { 
	#story19 .sec06__ttl {
		margin-top: 50%;
		justify-content: center;
		margin-bottom: 20%;
	}
	#story19 .sec06__ttl--img {
		width: 43%;
        margin-right: 7%;
        margin-left: 0;
	}
	#story19 .sec06__ttl--ttl {
		width: 38%;
		margin: 0 auto;
	}
	#story19 .sec06__img--01 { 
		width: 57%;
		margin-bottom: 50%;
	}
}
/* ---------- sec07 ---------- */
#story19 .sec07__ttl--ttl {
	max-width: 177px;
	width: 12%;
	margin-bottom: 13.3%;
	margin-inline: auto;
}

#story19 .sec07 .txt_box {
	margin-top: 13.3%;
	margin-bottom: 33.3%;
}
@media screen and (max-width: 599px) { 
	#story19 .sec07__ttl--ttl {
		width: 23.3%;
		margin-bottom: 20%;
	}
}

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

	story20

-----------------------*/
#story20 .sec01, 
#story20 .sec02,
#story20 .sec03,
#story20 .sec04 {
	position: relative;
    isolation: isolate;
}
#story20 .graduate__wrap {
	position: relative;
	isolation: isolate;
}
#story20 .sec04 .graduate__wrap {
	isolation: auto;
}
#story20 .txt_box > p {
	font-weight: normal;
	text-align: center;
}
#story20 .sec_content {
	position: relative;
	isolation: isolate;
}
/* グラデーション背景 */
#story20 .graduate_bg {
	position: absolute;
    width: 100%;
    isolation: isolate;
    z-index: -1;
    mix-blend-mode: screen;
}
#story20 .gradient {
    position: absolute;
    pointer-events: none;
}

#story20 .gradient-a {
    left: 0;
    top: 0;
    width: 100%;
    background: linear-gradient(90deg, #5bff96 0%, #d3da36 100%);
    opacity: 0.5;
    z-index: 0;
    aspect-ratio: 1500 / 1000;
	mix-blend-mode: screen;
}
#story20 .gradient-b {
	right: 0;
    top: min(500px, 33.3vw);
    width: calc(1000 / 1500 * 100%);
    aspect-ratio: 1;
    background: linear-gradient(90deg, #5bff96 0%, #d3da36 100%);
    mix-blend-mode: screen;
    opacity: 0.5;
    z-index: 1;
}
#story20 .gradient-c {
    left: 0;
    top: min(750px,50vw);
    width: calc(1000 / 1500 * 100%);
    aspect-ratio: 1;
    background: linear-gradient(90deg, #5bff96 0%, #d3da36 100%);
    mix-blend-mode: screen;
    opacity: 0.5;
    z-index: 2;
}
@media screen and (max-width: 599px) { 
	#story20 .gradient-a {
	max-height: none;
	aspect-ratio: 1 / 1.5;
	}

	#story20 .gradient-b,
	#story20 .gradient-c {
		aspect-ratio: 2 / 3.5;
	}
	#story20 .gradient-b {
		top: min(375px, 50vw);
	}
	#story20 .gradient-c {
		top: min(560px, 74vw);
	}
}
/* グラデーション背景（反転） */
#story20 .graduate_bg-scale {
	top: 50vw;
}
#story20 .graduate_bg-scale .gradient-a {
    background: linear-gradient(-90deg, #5bff96 0%, #d3da36 100%);
}
#story20 .graduate_bg-scale .gradient-b {
	left: 0;
	right: auto;
    top: -33.3vw;
	background: linear-gradient(-90deg, #5bff96 0%, #d3da36 100%);
}
#story20 .graduate_bg-scale .gradient-c {
    right: 0;
	left: auto;
    top: -50vw;
	background: linear-gradient(-90deg, #5bff96 0%, #d3da36 100%);
}
#story20 .graduate_bg--box {
	position: absolute;
	max-width: 1000px;
	width: calc(1000 / 1500 * 100%);
    aspect-ratio: 1;
    background: 
		linear-gradient(90deg, #d3da36 0%, #5bff96 100%);
	opacity: .5;
	mix-blend-mode: screen;
}
@media screen and (max-width: 599px) { 
	#story20 .graduate_bg-scale {
		top: 74vw;
	}
	#story20 .graduate_bg-scale .gradient-b {
		top: -50vw;
	}
	#story20 .graduate_bg-scale .gradient-c {
		top: -74vw;
	}
}

/* section 01 */
#story20 .sec01 .main__story--ttl {
	max-width: 210px;
	width: 14%;
	margin-inline: auto;
	padding-top: min(126px, 20%);
	margin-bottom: min(340px,23%);
}
@media screen and (max-width: 599px) { 
	#story20 .sec01 .main__story--ttl {
		margin-bottom: 13%;
		width: 19.4%;
	}
}
#story20 .sec01 .txt_box {
    margin-bottom: 16.8%;
}
@media screen and (max-width: 599px) { 
	#story20 .sec01 .txt_box {
		margin-bottom: 25.3%;
	}
}
#story20 .sec01 .sec01_img01 {
	width: 86.6%;
	margin-inline: auto;
	margin-bottom: 12%;
}
@media screen and (max-width: 599px) { 
	#story20 .sec01 .sec01_img01 {
		width: 100%;
		margin-bottom: 53.3%;
	}
}
/* section 02 */
#story20 .sec02 .graduate_bg-scale {
    top: calc(50vw + 12.66vw);
}
#story20 .sec02 .sec02__ttl--ttl {
	max-width: 238px;
	width: 31.7%;
	margin-inline: auto;
}
#story20 .sec02 .sec02_img01 {
	max-width: 521px;
	width: 34.7%;
	margin-left: 5%;
	margin-top: 4%;
}
#story20 .sec02 .sec02_img02 {
	max-width: 638px;
	width: 42.5%;
	margin-right: 8.2%;
	margin-top: -5%;
	margin-bottom: 12%;
}
#story20 .sec02 .sec02__img--03 {
	max-width: 510px;
	width: 34%;
	margin-left: 6%;
	margin-top: 12.4%;
}
#story20 .img__zindex {
	position: relative;
	z-index: -2;
}
#story20 .sec02 .sec02__img--04 {
	max-width: 541px;
	width: 36%;
	margin-right: 5.6%;
	margin-top: -16%;
	margin-bottom: 11.6%;
}
@media screen and (max-width: 599px) { 
	#story20 .sec02 .sec02_img01 {
		margin-top: 14%;
		width: 43.7%;
	}
	#story20 .sec02 .sec02_img02 {
		margin-top: 17.3%;
		margin-right: 4%;
		width: 53.3%;
		margin-bottom: 14%;
	}
	#story20 .sec02 .graduate_bg-scale {
		top: calc(74vw + 39.73vw);
	}
	#story20 .sec02 .sec02__ttl--ttl {
		width: 22.1%;
	}
	#story20 .sec02 .sec02__img--04 {
		margin-top: 15.9%;
		width: 50.4%;
		margin-bottom: 0;
	}
	#story20 .sec02 .sec02__img--03 {
		margin-top: 5%;
		width: 47.6%;
		margin-bottom: 30%;
	}
}

/* section 03 */
#story20 .sec03 {
	isolation: isolate;
}

#story20 .sec03 .sec03_img01 {
	max-width: 1120px;
	width: 74.6%;
	margin-inline: auto;
	padding-top: 23.3%;
}
#story20 .sec03 .sec03__ttl--ttl {
	max-width: 238px;
	width: 15.8%;
	margin-inline: auto;
	margin-top: 16.6%;
	margin-bottom: 10.8%;
}
#story20 .sec03 .sec03_img02 {
	max-width: 553px;
	width: 37%;
	margin-inline: auto;
	margin-top: 14.2%;
	margin-bottom: 40%;
}
@media screen and (max-width: 599px) { 
	#story20 .sec03 .sec03_img01 { 
		padding-top: 12.5%;
		width: 83%;
	}
	#story20 .sec03 .sec03__ttl--ttl {
		width: 19.6%;
		margin-top: 54.6%;
		margin-bottom: 23.2%;
	}
	#story20 .sec03 .sec03_img02 {
		margin-top: 23.2%;
		width: 47.06%;
		margin-bottom: 56.6%;
	}
}
/* section 04 */
#story20 .sec04 {
	isolation: isolate;
}
#story20 .sec04 .sec04__ttl {
	max-width: 242px;
	width: 16.1%;
	margin-inline: auto;
}
#story20 .sec04 .sec04__img--box {
	display: flex;
	flex-direction: row-reverse;
	margin-top: 17.4%;
	z-index: -1;
    position: relative;
}
#story20 .sec04 .sec04__img--01 {
	max-width: 384px;
	width: 25.6%;
    margin-top: -24.2%;
}
#story20 .sec04 .sec04__img--02 {
	max-width: 707px;
	width: 47.1%;
}
#story20 .sec04 .graduate_bg-scale {
	margin-top: -22.8vw;
}
#story20 .sec04 .txt_box {
	padding-top: 9.3%;
}
#story20 .sec04 .sec04__img--03 {
	max-width: 553px;
    width: 37%;
    margin-right: 9.8%;
    margin-left: auto;
    margin-top: 10.6%;
	margin-bottom: 22.6%;
}
@media screen and (max-width: 599px) {
	#story20 .sec04 .graduate_bg-scale {
		margin-top: -9vw;
	}
	#story20 .sec04 .sec04__ttl {
		width: 22.4%;
	}
	#story20 .sec04 .sec04__img--box { 
		flex-direction: column;
		margin-top:0;
	}
	#story20 .sec04 .sec04__img--01 {
		width: 39.3%;
		margin-right: 8%;
		margin-top: 6%;
	}
	#story20 .sec04 .sec04__img--02 {
		margin-left: 0;
		margin-right: auto;
		width: 65.86%;
		margin-top: 8%;
	}
	#story20 .sec04 .sec04__img--03 { 
		width: 51.6%;
		margin-right: 7%;
		margin-bottom: 42.1%;
	}
}
/* section 05 */
#story20 .sec05 .sec05__ttl--ttl {
	max-width: 150px;
	width: 10%;
	margin: 18% auto;
}
#story20 .sec05 .sec05__img--01 {
	margin-bottom: 14.3%;
}
#story20 .sec05 .sec05__img--02 {
	margin-top: 14.3%;
	max-width: 1300px;
	width: 86.7%;
}
@media screen and (max-width: 599px) {
	#story20 .sec05 .sec05__ttl--ttl {
		width: 13.8%;
		margin: 24% auto;
	}
	#story20 .sec05 .sec05__img--01 {
		margin-bottom: 23.2%;
	}
	#story20 .sec05 .sec05__img--02 {
		margin-top: 24%;
		width: 83.0%;

	}
}
/* section 06 */
#story20 .sec06 .sec06__img--01 {
	max-width: 800px;
	width: 53.3%;
	margin-top: 52vw;
	position: relative;
	top: 3vw;
}
#story20 .sec06 .sec06__ttl {
	display: flex;
	justify-content: space-between;
}
#story20 .sec06 .sec06__ttl--img02 {
	max-width: 582px;
	width: 38.8%;
	margin-top: 8%;
}
#story20 .sec06 .sec06__ttl--ttl {
	max-width: 149px;
	width: 10%;
	margin-right: 0;
	margin-left: auto;
	margin-top: 22.2%;
}
#story20 .sec06 .sec06__ttl--img03 {
	max-width: 657px;
	width: 43.8%;
	margin-top: 35.6%;
}
#story20 .sec06 .txt_box {
	margin-top: 3%;
}
#story20 .sec06 .sec06__img--04 {
	max-width: 373px;
	width: 24.8%;
	margin-right: auto;
	margin-left: 6%;
	margin-top: -2%;
	margin-bottom: 18.6%;
}
@media screen and (max-width: 599px) {
	#story20 .sec06 .graduate_bg-scale {
		top: calc(74vw + 51.3vw);
	}
	#story20 .sec06 .sec06__img--01 {
		margin-top: 56.2%;
		width: 59.73%;
		top: 0;
	}
	#story20 .sec06 .sec06__ttl {
		flex-direction: column;
		align-items: center;
	}
	#story20 .sec06 .sec06__ttl--img02 {
        margin-top: 10.9%;
        width: 54.2%;
        margin-left: 8%;
        margin-right: auto;
	}
	#story20 .sec06 .sec06__ttl--ttl {
		width: 14.8%;
		margin-right: auto;
		margin-top: 7%;
	}
	#story20 .sec06 .sec06__ttl--img03 {
		margin-top: 7%;
		margin-left: auto;
		margin-right: 0;
		width: 61.3%;
	}
	#story20 .sec06 .txt_box {
		margin-top: 6%;
	}
	#story20 .sec06 .sec06__img--04 {
		width: 44.6%;
		margin-top: 5%;
		margin-bottom: 24.9%;
	}
}
/* section 07 */
#story20 .sec07 {
	isolation: isolate;
}
#story20 .sec07 .graduate_bg--box {
	margin-top: 33.3vw;
}
#story20 .sec07 .sec07__img--01 {
	position: relative;
	z-index: -1;
}
#story20 .sec07 .sec07__img--02 {
    max-width: 342px;
    width: 22.8%;
    margin-top: 14.1%;
    margin-left: 8.5%;
}
#story20 .sec07 .sec07__img--box {
	position: relative;
	z-index: -1;
}
#story20 .sec07 .sec07__img--03 {
	max-width: 721px;
    width: 48.1%;
    margin-top: -17.3%;
    margin-right: 8.7%;
    margin-left: auto;
}
#story20 .sec07 .sec07__ttl {
	max-width: 151px;
	width: 10.1%;
	margin-inline: auto;
	margin-top: 23.8%;
	margin-bottom: 16.5%;
}
#story20 .sec07 .sec07__img--04 {
	margin-top: 14.6%;
	margin-bottom: 32.8%;
	max-width: 720px;
	width: 48.1%;
}
@media screen and (max-width: 599px) {
	#story20 .sec07 .sec07__img--02 {
		width: 32.8%;
		margin-left: 0;
		margin-right: auto;
		margin-top: 10.9%;
	}
	#story20 .sec07 .sec07__img--03 { 
		width: 60.5%;
		margin-left: auto;
		margin-right: 0;
	}
	#story20 .sec07 .sec07__ttl {
		margin-top: 54.9%;
		width: 14%;
		margin-bottom: 21.1%;
	}
	#story20 .sec07 .sec07__img--04 { 
		width: 66.9%;
		margin-top: 21%;
		margin-bottom: 53.33%;
	}
}