@charset "UTF-8";

/* select ページ (/select) 専用スタイル */

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

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

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


.select-cont01{
width:87.20vw;
margin:0 auto;
padding:10.67vw 0;
}

h2.md01{
font-size:4.80vw;
line-height:1.5;
margin:0 0 6.40vw;
}


.select-point{
display:flex;
flex-direction:column;
gap:4.80vw;
margin:0 0 10.67vw;
}
.p-wrap{
display:flex;
align-items:center;
gap:2.40vw;
}
.p-num{
width:15.47vw;
height:9.60vw;
}
.p-wrap h3{
width:calc(100% - 17.87vw);
font-size:4.80vw;
line-height:1;
color:#0099DA;
}
.p-txt{
font-size:3.73vw;
font-weight:bold;
color:#057BA2;
line-height:1;
margin-left:17.87vw;
}

h2.md02{
font-size:8.00vw;
line-height:1.25;
margin:0 0 4.27vw;
}

.inner{
border:0.27vw solid #ababab;
padding:6.40vw;
}


.vo-col{
display:flex;
flex-wrap:wrap;
gap:10.67vw;

}
.vo-col li{
display:flex;
flex-wrap:wrap;
gap:4.27vw;
}
.vo-thumb{
width:100%;
}
.vo-txt{
width:100%;
font-size:3.20vw;
line-height:1.75;
}
.vo-name{
font-size:4.80vw;
line-height:1;
margin:0 0 4.27vw;
}
.vo-name span{
display:inline-block;
margin-left:2.13vw;
font-size:3.20vw;
}

.vo-afi{
font-size:3.20vw;
line-height:1;
margin:0 0 4.27vw;
}

.vo-qa{
}
.vo-qa dt{
background:#EBEBEB;
padding:2.13vw;
font-size:3.20vw;
line-height:1.75;
font-weight:bold;
margin:0 0 2.13vw;
}
.vo-qa dt span{
font-weight:normal;
display:block;
}
.vo-qa dd{
font-size:3.20vw;
line-height:1.75;
margin:0 0 6.40vw;
}


.select-cont02{
background:#F0FF82;
padding:10.67vw 0 14.93vw;
}
.select-cont02-wrap{
width:87.20vw;
margin:0 auto;
}

.challenge{
background:#fff;
padding:6.40vw;
display:flex;
gap:2.13vw;
flex-wrap:wrap;
margin:0 0 10.67vw;
}
.challenge li{
width:calc((100% - 2.13vw) / 2);
}
.cho-ttl{
font-size:2.93vw;
line-height:1.35;
font-weight:bold;
display:flex;
align-items:center;
gap:1.6vw;
margin:1.33vw 0 0;
}
.cho-ttl span{
font-size:3.73vw;
color:#057BA2;
}


.dept-list-box{
background:#fff;
padding:6.40vw 2.13vw;
}
.dept-col{
display:flex;
flex-wrap:wrap;
}
.dept-list{
margin-left:1.5em;
width:100%;
}
.dept-list li{
font-size:3.20vw;
line-height:1.75;
font-weight:normal;
list-style-type:disc;
}
.more{
text-align:right;
font-size:3.20vw;
line-height:1.75;
}















@media (min-width: 768px) {

.mv-select{
width:100%;
height:372px;
background:url(../../img/mv-choice-pc.jpg) no-repeat center center;
background-size:cover;
margin:0;
}


.select-cont01{
width:1260px;
margin:0 auto;
padding:40px 0;
}

h2.md01{
font-size:30px;
line-height:1.5;
margin:0 0 32px;
}

.select-point{
display:flex;
flex-direction:column;
gap:24px;
margin:0 0 40px;
}
.p-wrap{
display:flex;
align-items:center;
gap:16px;
}
.p-num{
width:103px;
height:63px;
}
.p-wrap h3{
width:calc(100% - 119px);
font-size:32px;
line-height:1;
color:#0099DA;
}
.p-txt{
font-size:24px;
font-weight:bold;
color:#057BA2;
line-height:1;
margin-left:119px;
}

h2.md02{
font-size:42px;
line-height:1;
margin:0 0 24px;
}

.inner{
border:1px solid #ababab;
padding:40px 30px;
}

.vo-col{
display:flex;
flex-wrap:wrap;
gap:40px;
}
.vo-col li{
display:flex;
gap:40px;
}
.vo-thumb{
width:579px;
}
.vo-txt{
width:579px;
font-size:16px;
line-height:1.75;
}
.vo-name{
font-size:28px;
line-height:1;
margin:0 0 16px;
}
.vo-name span{
display:inline-block;
margin-left:8px;
font-size:16px;
}

.vo-afi{
font-size:16px;
line-height:1;
margin:0 0 24px;
}

.vo-qa{
}
.vo-qa dt{
background:#EBEBEB;
padding:16px;
font-size:16px;
line-height:1.75;
font-weight:bold;
margin:0 0 16px;
}
.vo-qa dt span{
font-weight:normal;
display:block;
}
.vo-qa dd{
font-size:16px;
line-height:1.75;
margin:0 0 24px;
}


.select-cont02{
background:#F0FF82;
padding:40px 0 56px;
}
.select-cont02-wrap{
width:1260px;
margin:0 auto;
}

.challenge{
background:#fff;
padding:24px;
display:flex;
gap:16px 40px;
flex-wrap:wrap;
margin:0 0 80px;
}
.challenge li{
width:calc((100% - 120px) / 4);
}
.cho-ttl{
font-size:12px;
line-height:1.75;
font-weight:bold;
display:flex;
align-items:center;
gap:12px;
margin:5px 0 0;
}
.cho-ttl span{
font-size:16px;
color:#057BA2;
}


.dept-list-box{
background:#fff;
padding:40px 30px;
}
.dept-col{
display:flex;
gap:40px;
}
.dept-list{
margin-left:1.2em;
width:calc((100% - 74px) / 2);
}
.dept-list li{
font-size:16px;
line-height:1.75;
font-weight:normal;
list-style-type:disc;
}
.more{
text-align:right;
font-size:16px;
line-height:1.75;
}





/* END PC CSS */
}