@charset "UTF-8";

section.outer {
 padding: 8rem 0px;
}
section.outer:nth-child(odd) {
	background: #FFF;
}
section.outer .inner.--1500{
	max-width: 1180px;
}
.under__mv .under-mv__page-ttl {
 margin: 0px;
}

.enIndex{
 text-align: center;
	color: var(--main-color);
	font-size: 6rem;
 font-family: "Poppins";
 font-weight: 500 !important;
}
.title{
 text-align: center;
	font-size: 3.8rem;
	margin-bottom: 4rem;
}
.title br{
 display: none;
}

.topLogo {
 margin: 0px 0px 40px 0px;
	padding: 0px;
	text-align: center;
}
.topLogo img{
 width: 400px;
	max-width: 80%;
	display: inline-block;
}

.concept{
margin: 0px auto;
padding: 0 10rem 5%;
}
.concept .row{
 margin: 0px;
	padding: 0px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
.concept .row .text{
   width: -webkit-calc(100% - 530px);
   width: calc(100% - 530px);
}
.concept .row .text .p{
 margin: 0px 0px 20px 0px;
	padding: 0px;
	    font-size: 2rem;
}
.concept .row .text .p b{
    background: -webkit-gradient(linear, left top, left bottom, color-stop(80%, transparent), color-stop(80%, yellow));
    background: linear-gradient(transparent 80%, yellow 80%);
    background-size: 100% 100%;
}
.concept .row .img{
   width: 500px;
}

.couse{
margin: 0px;
padding: 5% 0;
background: #FFF;
}

.couse .row{
 margin: 0px;
	padding: 0px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
.couse .row .text{
   width: -webkit-calc(100% - 530px);
   width: calc(100% - 530px);
			order: 2;
}
.couse .row .text .p{
 margin: 0px 0px 20px 0px;
	padding: 0px;
	    font-size: 2rem;
}
.couse .row .text .p b{
    background: -webkit-gradient(linear, left top, left bottom, color-stop(80%, transparent), color-stop(80%, yellow));
    background: linear-gradient(transparent 80%, yellow 80%);
    background-size: 100% 100%;
}
.couse .row .text ul{
 margin: 20px 0px;
}
.couse .row .text ul li{
 margin: 0px 0px 10px 0px;
}
.couse .row .text ul li:last-of-type{
 margin: 0px;
}
.couse .row .text ul li:before{
 content: "・";
	
}
.couse .row .img{
   width: 500px;
			order: 1;
}

.futureplans{
margin: 0px;
padding: 5% 0;
}
.futureplans .row{
	margin: 0px;
	padding: 0px;
	display: flex;
	flex-wrap: wrap;
	gap:30px;
}
.futureplans .row .img{
 width : -webkit-calc(33.3% - 20px) ;
 width : calc(33.3% - 20px) ;
}

.result{
margin: 0px;
padding: 5% 0;
background: #FFF;
}
.result .row{
	margin: 0px;
	padding: 0px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap:30px;
}
.result .row .resultBox{
 width : -webkit-calc(33.3% - 20px) ;
 width : calc(33.3% - 20px) ;
	padding: 20px 0px;
	background: #FFF;
 border: 5px solid #dfedd1;
 border-radius: 10px;
}
.result .row .resultBox .img{
 padding: 0px 20px 20px;
}
.result .row .resultBox .status{
 padding: 0px 20px;
}
.result .row .resultBox .status .top {
 margin: 0px 0px 5px 0px;
	padding: 0px 0px 5px 0px;
	border-bottom: 2px solid #dfedd1;
	display: flex;
	flex-wrap: wrap;
	gap:5px;
	font-size: 16px;
}
.result .row .resultBox .status .data {
 margin: 0px;
	color: #111;
}
.result .row .resultBox .status .data .t1{
 font-size: 18px;
	font-weight: 600px;
	margin: 0px 0px 5px 0px;
}
.result .row .resultBox .status .data .t2{
	display: flex;
	flex-wrap: wrap;
	gap:5px;
	font-size: 14px;
}

@media screen and (max-width: 767px) {
.concept{
 padding: 0 0 100px;
}
.enIndex{
     font-size: 4rem;
					line-height: 1.2;
}
.title{
    font-size: 1.9rem;
				letter-spacing: -0.02em;
}
.concept .row{
 display: block;
}
.concept .row .text{
 width: auto;
	margin: 0px 0px 50px 0px;
}
.concept .row .text .p{
     font-size: 1.8rem;
}
.concept .row .text .p br{
 display: none;
}
.concept .row .img{
 width: auto;
	text-align: center;
}

.couse .row{
 display: block;
}
.couse .row .text{
 width: auto;
	margin: 0px 0px 50px 0px;
}
.couse .row .text .p{
     font-size: 1.8rem;
}
.couse .row .text .p br{
 display: none;
}
.couse .row .img{
 width: auto;
	text-align: center;
}
.futureplans .row{
 display: block;
}
.futureplans .row .img{
 width: auto;
	margin: 0px 0px 30px 0px;
}
.futureplans .row .img:last-of-type{
 margin: 0px;
}
.result .row{
 display: block;
}
.result .row .resultBox{
 width: auto;
}
}