@charset "UTF-8";

/* 高校生の方へ ページ (/for_highschool) 専用スタイル */

[data-pagename="for_highschool"] #gradient-bg-img {
    background-image: none;
    background-color: #fff;
}

.mb0{ margin-bottom:0 !important; }


.mv-high{
width:100%;
height:83.20vw;
background:url(../../img/mv-high-sp.jpg) no-repeat center center;
background-size:cover;
margin:0;
position:relative;
}


.for-high{
padding:6.40vw 0 10.67vw;
width:100%;
margin:0 auto;
}


.high-col1{
display:flex;
flex-direction:column;
margin:0 0 10.67vw;
}
.high-col1 img{
margin:0 2.13vw 0 0;
}
.h-col1R{
width:87.20vw;
margin:4.27vw auto 0;
}

.high-col2{
display:grid;
grid-template-areas:
"img"
"txt";
row-gap:4.27vw;
margin:0 0 10.67vw;
}
.h-col2R{
grid-area:img;
}
.h-col2R img{
margin:0 0 0 2.13vw;
}
.h-col2L{
grid-area:txt;
width:87.20vw;
margin:0 auto;
}

.h-info01,
.h-info02,
.h-info03{
display:flex;
flex-direction:column;
gap:6.40vw;
}
.h-info03{
margin:0 0 4.27vw;
}



.h-info01 h3{
font-size:4.80vw;
line-height:1.5;
margin:0 0 2.13vw;
padding-left:7.47vw;
background:url(../../img/h-arrow-y.svg) no-repeat left 0.53vw;
background-size:5.33vw;
}
.h-info02 h3{
font-size:4.80vw;
line-height:1.5;
margin:0 0 2.13vw;
padding-left:7.47vw;
background:url(../../img/h-arrow-p.svg) no-repeat left 0.53vw;
background-size:5.33vw;
}
.h-info03 h3{
font-size:4.80vw;
line-height:1.5;
margin:0 0 2.13vw;
padding-left:7.47vw;
background:url(../../img/h-arrow-b.svg) no-repeat left 0.53vw;
background-size:5.33vw;
}


.h-info01 li p,
.h-info02 li p,
.h-info03 li p{
font-size:3.20vw;
line-height:1.75;
margin:0 0 2.13vw;
}




@media (min-width: 768px) {

.mv-high{
width:100%;
height:372px;
background-image:url(../../img/mv-high-pc.jpg);
}


.for-high{
padding:40px 0;
width:1260px;
margin:0 auto;
}

.high-col1,
.high-col2{
display:flex;
justify-content:space-between;
margin:0 0 80px;
flex-direction:row;
}

.high-col1 img{
margin:0;
}
.h-col2R img{
margin:0;
}
.h-col1L{ width:704px; }
.h-col1R{ width:516px; margin:0; }
.h-col2L{ width:516px; }
.h-col2R{ width:705px; }

.h-info01,
.h-info02,
.h-info03{
display:flex;
flex-direction:column;
gap:40px;
}
.h-info03{
margin:0 0 24px;
}



.h-info01 h3{
font-size:24px;
line-height:1.5;
margin:0 0 8px;
padding-left:35px;
background:url(../../img/h-arrow-y.svg) no-repeat left 2px;
background-size:24px;
}
.h-info02 h3{
font-size:24px;
line-height:1.5;
margin:0 0 8px;
padding-left:35px;
background:url(../../img/h-arrow-p.svg) no-repeat left 2px;
background-size:24px;
}
.h-info03 h3{
font-size:24px;
line-height:1.5;
margin:0 0 8px;
padding-left:35px;
background:url(../../img/h-arrow-b.svg) no-repeat left 2px;
background-size:24px;
}

.h-info01 li p,
.h-info02 li p,
.h-info03 li p{
font-size:16px;
line-height:1.75;
margin:0 0 8px;
}




/* END PC CSS */
}