@charset 'UTF-8';

.header__inner {grid-template-columns:5fr 7fr;display:grid;align-items:flex-end;height:100%;
	flex-direction:column;gap:var(--grid-gap);flex-grow:1;max-width:2560px;margin:auto;}

.about {padding:10vw 5vw;}
.about h3 {font-size:1.6vw;margin-bottom: 0.3em;line-height: 1.5em;text-align:center;color:var(--colors-brand);}
.about h3 span {display:inline-block;padding:0em 0.5em;}
.about h1 {font-size: 5vw;margin-bottom: 0.3em;line-height: 1.5em;text-align:center;color:var(--colors-brand);}
.about h1 br {display:none;}
.about h2 {font-size: 2.0vw;margin-bottom: 0.5em;line-height: 1.5em;text-align:center;color:var(--colors-brand);}
.about p {font-size: 1.5vw;margin-bottom: 0.3em;line-height: 1.5em;text-align:center;color:#f00;font-weight:bold;}

.detailwrap {display:flex;flex-wrap:wrap;padding:7vw;}
.detailwrap .detailbox {width:33.3333%;padding:1vw;box-sizing:border-box;}
.detailwrap .detail {background:#fff;border-radius:1vw;padding:1vw 1vw 4.5vw 1vw;height:100%;position:relative;box-sizing:border-box;}
.detailwrap .image {width:100%;margin-bottom:2vw;}
.detailwrap .text {}
.detailwrap .image img {width:100%;border-radius:1vw;display:block;}
.detailwrap h4 {font-size:1.0vw;line-height:1em;margin-bottom:0em;text-align:center;color:var(--colors-black);}
.detailwrap h3 {font-size:1.8vw;margin-bottom:0.3em;text-align:center;color:var(--colors-black);}
.detailwrap p {font-size:1.0vw;margin-bottom:0.3em;color:var(--colors-black);}
.detailwrap .btnarea {position:absolute;bottom:1.5vw;left:20%;width:60%;text-align:center;}
/*color:var(--colors-brand-sub);*/

.reviewarea {padding:10vw 5vw;}
.reviewarea h1 {font-size: 5vw;margin-bottom: 0.3em;line-height: 1.5em;text-align:center;color:var(--colors-brand);}
.reviewarea .review {background:#f3f3f3;padding:3rem 5rem;border-radius:2rem;margin:0 auto 2rem auto;width:75%;}
.reviewarea .review h2 {font-size: 1.6vw;margin-bottom: 0.3em;line-height: 1.5em;text-align:left;color:var(--colors-brand);}
.reviewarea .review p {font-size: 1.0vw;margin-bottom: 0.3em;line-height: 1.5em;text-align:left;color:var(--colors-brand);}


.forstudent {padding:10vw 5vw;background:#f3f3f3;}
.forstudent h1 {font-size: 5vw;margin-bottom: 0.3em;line-height: 1.5em;text-align:center;color:var(--colors-brand);}
.forstudent h2 {font-size: 2.0vw;margin-bottom: 0.3em;line-height: 1.5em;text-align:center;color:var(--colors-brand);}
.forstudent p {font-size: 1.5vw;margin-bottom: 0.3em;line-height: 1.5em;text-align:center;color:var(--colors-brand);}
.forstudent .btnarea {width:20%;margin:0 auto; text-align:center;}

@media only screen and (max-width:768px) {
	.headline__txt h1 {font-size:14vw;}
	.header__inner {height:100%;display:flex;flex-direction:column-reverse;gap:var(--grid-gap);flex-grow:1;}
	.about {padding:20vw 5vw;}
	.about h3 {font-size:4.0vw;margin-bottom:1em; }
	.about h3 span {display:block;padding:0em;}
	.about h1 {font-size: 6.5vw;margin-bottom:0.8em;}
	.about h1 br {display:block;}
	.about h2 {font-size: 4.5vw;}
	.about p {font-size: 3.5vw;}
	.detailwrap {display:block;}
	.detailwrap .detailbox {width:100%;}
	.detailwrap .detail {padding:3vw 3vw 20vw 3vw;}
	.detailwrap .image {margin-bottom:3vw;}
	.detailwrap h3 {font-size:4.5vw;}
	.detailwrap p {font-size:3.5vw;}
	.detailwrap .btnarea {bottom:3.5vw;}

.reviewarea {padding:20vw 5vw;}
.reviewarea h1 {font-size:7vw;}
.reviewarea .review {padding:3rem 2rem;border-radius:0.5rem;margin-bottom:2rem;width:100%;}
.reviewarea .review h2 {font-size: 4.5vw;}
.reviewarea .review p {font-size: 3.5vw;}

	.forstudent {padding:20vw 5vw;}
	.forstudent h1 {font-size: 7vw;}
	.forstudent h2 {font-size: 4.5vw;}
	.forstudent p {font-size: 3.5vw;}
	.forstudent .btnarea {width:80%;}

}