@charset "UTF-8";

/* 複数ページで共通利用するパーツ（partials/*.php）専用スタイル */
/* common.css が肥大化しているため、共通パーツのCSSはここに追加していく */


.oc-cta{
background:#FFEF2F;
padding:10.67vw 0 14.93vw;
}

.mv-oc{
width:100%;
height:83.73vw;
background:url(../img/oc-cta-sp.jpg) no-repeat center center;
background-size:cover;
margin:0 auto 6.40vw;
}

.oc-cta-ttl{
width:80.00vw;
margin:0 auto 6.40vw;
}
.oc-cta-lead{
text-align:center;
font-size:3.20vw;
line-height:1.7;
font-weight:bold;
margin:0 0 6.40vw;
}

.oc-links{
width:87.20vw;
display:flex;
flex-wrap:wrap;
gap:2.40vw;
margin:6.40vw auto 0;
}
.oc-links li{
width:42.40vw;
height:6.93vw;
border-bottom:1px solid #005CD4;
}
.oc-links li a{
display:block;
width:42.40vw;
height:6.93vw;
font-size:3.20vw;
line-height:1.1;
padding:2.13vw 0;
position:relative;
color:#000;
font-weight:normal;
text-decoration:none;
}
.oc-links li a::after{
content:'';
width:4.27vw;
height:4.27vw;
background:url(../img/arrow-right-blue.svg) no-repeat center center;
background-size:4.27vw;
position:absolute;
top:1.33vw;
right:1.33vw;
}




@media (min-width: 768px) {

/* partials/open-campus.php */

.mv-oc{
width:100%;
height:285px;
background:url(../img/oc-cta-pc.jpg) no-repeat center center;
background-size:cover;
margin:0 auto 24px;
}



.oc-cta{
background:#FFEF2F;
padding:40px 0 56px;
}
.oc-cta-ttl{
width:404px;
margin:0 auto 24px;
}
.oc-cta-lead{
text-align:center;
font-size:22px;
line-height:1.7;
font-weight:bold;
margin:0 0 24px;
}

.oc-links{
width:1200px;
display:flex;
gap:40px;
margin:24px auto 0;
}
.oc-links li{
width:373px;
height:43px;
border-bottom:1px solid #005CD4;
}
.oc-links li a{
display:block;
width:373px;
height:43px;
font-size:20px;
line-height:1.1;
padding:0 8px 20px;
position:relative;
color:#000;
font-weight:normal;
text-decoration:none;
}
.oc-links li a::after{
content:'';
width:24px;
height:24px;
background:url(../img/arrow-right-blue.svg) no-repeat center center;
position:absolute;
top:0;
right:8px;
}

/* END PC CSS */
}