@charset "UTF-8";

/* 保護者の方へ ページ (/for_parents) 専用スタイル */

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


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


.parent-lead{
background:#14B4FF;
padding:10.67vw 0;

}
.parent-lead-inner{
width:87.20vw;
margin:0 auto;
}
.parent-lead h2{
font-size:7.8vw;
line-height:1.1;
font-weight:900;
margin:0 0 6.40vw;
color:#fff;
}

.parent-lead p{
font-size:3.73vw;
line-height:1.75;
margin:0 0 4.27vw;
font-weight:normal;
color:#fff;
}


.dtlspT{
width:100%;
border:0.27vw solid transparent;
table-layout:fixed;
font-size:3.20vw;
line-height:1.15;
margin:0 0 2.13vw;
}

.dtlspT thead th.bbg{
background:#14B4FF;
}

.dtlspT thead th{
background:#DBDBDB;
border:0.27vw solid #14B4FF;
height:10.93vw;
font-weight:normal;
}
.dtlspT thead th.espbg{
background:#005CD4;
color:#fff;
font-weight:bold;
}

.dtlspT tbody th{
height:10.93vw;
border:0.27vw solid #14B4FF;
background:#577A92;
font-weight:normal;
color:#fff;
}


.dtlspT tbody td{
background:#f4f4f4;
border:0.27vw solid #14B4FF;
text-align:center;
}

.caption{
font-size:2.93vw;
line-height:1.75;
font-weight:normal;
color:#fff;
}


.parent{
width:87.20vw;
margin:0 auto;
padding: 10.67vw 0;
}

.parent h2{
font-size:8.00vw;
line-height:1;
border-bottom:0.27vw solid #14B4FF;
margin:0 0 4.27vw;
width:fit-content;
}
.parent p{
font-size:3.20vw;
line-height:1.75;
margin:0 0 6.40vw;
}
.parent h3{
fotn-size:4.80vw;
line-height:1.35;
margin:0 0 4.27vw;
padding-left:2.13vw;
border-left:0.80vw solid #14B4FF;
}

.shape{
width:100%;
margin:0 0 6.40vw;
}

.for-bq{
width:100%;
padding:4.27vw 2.13vw;
background:#f4f4f4;
margin:0 0 6.40vw;
display:inline-block;
}



.qua-col{
margin:0 0 4.27vw;
}

.qua-list{
display:grid;
grid-template-columns:1fr;
gap:4.27vw;
}
.qua-ttl{
font-size:3.73vw;
line-height:1.428;
padding:0 2.13vw;
background:#057BA2;
color:#fff;
font-weight:bold;
}
.qua-ttl2{
font-size:3.73vw;
line-height:1.428;
padding:0 2.13vw;
background:#03607F;
color:#fff;
font-weight:bold;
margin-top:0.27vw;
}
.qua-cont{
background:#ebebeb;
padding:2.13vw;
font-size:3.20vw;
line-height:1.75;
font-weight:normal;
}


.hr{
width:calc(100% + 12.8vw);
position:relative;
left:-6.4vw;
border-bottom:0.27vw solid #adadad;
padding:10.67vw 0 0;
margin-bottom:10.67vw;
}


.univ-col{
display:grid;
grid-template-columns:1fr 1fr;
gap:0 2.13vw;
}
.univ-list{
width:auto;
font-size:3.20vw;
line-height:1.75;
}
@media (max-width: 767px) {
.univ-list:nth-child(1){order:1;}
.univ-list:nth-child(2){order:3;}
.univ-list:nth-child(3){order:2;}
.univ-list:nth-child(4){order:4;}
}










@media (min-width: 768px) {

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

.parent-lead{
background:#14B4FF;
padding:32px 0;

}
.parent-lead-inner{
width:1260px;
margin:0 auto;
}
.parent-lead h2{
font-size:30px;
line-height:1.1;
font-weight:900;
margin:0 0 40px;
color:#fff;
}

.parent-lead p{
font-size:16px;
line-height:1.75;
margin:0 0 16px;
font-weight:normal;
color:#fff;
}

.dtlT{
width:100%;
border:1px solid transparent;
table-layout:fixed;
font-size:14px;
line-height:1.15;
margin:0 0 8px;
}


.dtlT thead th{
background:#577A92;
border:1px solid #14B4FF;
color:#fff;
height:52px;
font-weight:normal;
}
.dtlT thead th.bbg{
background:#14B4FF;
}

.dtlT tbody th{
height:52px;
border:1px solid #14B4FF;
background:#DBDBDB;
font-weight:normal;
}
.dtlT tbody tr:nth-child(1){ font-weight:bold; }
.dtlT tbody tr:nth-child(2) td{ background:#f4f4f4; !important }

.dtlT tbody th.espbg{
background:#005CD4;
color:#fff;
font-weight:bold;
}

.dtlT tbody td{
background:#fff;
border:1px solid #14B4FF;
text-align:center;
}

.caption{
font-size:16px;
line-height:1.75;
font-weight:normal;
color:#fff;
}


.parent{
width:1260px;
margin:0 auto;
padding:40px 0;
}

.parent h2{
font-size:42px;
line-height:1;
border-bottom:1px solid #14B4FF;
margin:0 0 16px;
}
.parent p{
font-size:16px;
line-height:1.75;
margin:0 0 24px;
}
.parent h3{
fotn-size:24px;
line-height:1.35;
margin:0 0 24px;
padding-left:11px;
border-left:5px solid #14B4FF;
}

.parent-col{
display:grid;
gap:40px;
grid-template-columns:1fr 1fr;
align-items:center;
}


.shape{
width:572px;
margin:0 0 24px;
}

.for-bq{
width:100%;
padding:24px;
background:#f4f4f4;
margin:0 0 24px;
display:inline-block;
}

.qua-col{
display:flex;
gap:40px;
margin:0 0 16px;
}
.qua-colL,
.qua-colR{
width:610px;
}

.qua-list{
display:grid;
grid-template-columns:1fr 1fr;
gap:16px 40px;
}
.qua-ttl{
font-size:22px;
line-height:1.818;
padding:0 16px;
background:#057BA2;
color:#fff;
font-weight:bold;
}
.qua-ttl2{
font-size:22px;
line-height:1.818;
padding:0 16px;
background:#03607F;
color:#fff;
font-weight:bold;
margin-top:1px;
}
.qua-cont{
background:#ebebeb;
padding:16px;
font-size:16px;
line-height:1.75;
min-height:88px;
font-weight:normal;
}


.hr{
width:100%;
border-bottom:1px solid #adadad;
padding:40px 0 0;
margin-bottom:40px;
position:relative;
left:0;
}


.univ-col{
display:flex;
gap:40px;
}
.univ-list{
width:246px;
font-size:16px;
line-height:1.75;
order:initial;
}



/* END PC CSS */
}