@charset "UTF-8";

/* weekday / weekend / online（説明会）ページ共用スタイル */

[data-pagename="opencampus-event/weekday"] #gradient-bg-img,
[data-pagename="opencampus-event/saturday"] #gradient-bg-img,
[data-pagename="opencampus-event/online"] #gradient-bg-img {
    background-image: none;
    background-color: #fff;
}

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

.mv-session{
width:100%;
height:83.20vw;
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
margin:0;
position:relative;
}

[data-pagename="opencampus-event/weekday"] .mv-session{
background-image:url(../../img/mv-weekday-sp.jpg);
}
[data-pagename="opencampus-event/saturday"] .mv-session{
background-image:url(../../img/mv-weekend-sp.jpg);
}
[data-pagename="opencampus-event/online"] .mv-session{
background-image:url(../../img/mv-online-sp.jpg);
}


.session-cont{
width:87.20vw;
margin:0 auto;
padding:10.67vw 0 14.93vw;
}

.session-cont h2{
font-size:7.25vw;
line-height:1.25;
margin:0 0 10.67vw;
}
.session-cont h2 span{
display:block;
font-size:4.80vw;
line-height:1;
margin:0 0 2.13vw;
}

[data-pagename="opencampus-event/weekday"] .session-cont h2 span{ color:#00B6AB; }
[data-pagename="opencampus-event/saturday"] .session-cont h2 span{ color:#F00072; }
[data-pagename="opencampus-event/online"] .session-cont h2 span{ color:#FF5A00; }

.session-chara{
display:flex;
gap:2.13vw;
margin:0 0 6.40vw;
}
.session-chara li{
width:19.73vw;
}


.session-lead{
font-size:3.73vw;
line-height:1.7;
margin:0 0 6.40vw;
}



.bonus{
display:flex;
flex-direction:column;
gap:4.27vw;
margin:0 0 6.40vw;
}
.bonus li{
display:flex;
gap:0;
}
.bonus-num{
display:flex;
align-items:center;
justify-content:center;
color:#fff;
font-size:3.73vw;
font-weight:bold;
height:23.47vw;
border-radius:0 11.73vw 11.73vw 0;
padding:0 11.73vw 0 9.60vw;
position:relative;
left:-6.40vw;
white-space:nowrap;

}

.bonus-item{
font-size:4.80vw;
line-height:1.25;
display:flex;
align-items:center;
font-weight:bold;
white-space:nowrap;
position:relative;
left:-2.4vw;
}
.bonus-item span{
font-size:3.73vw;
display:inline-block;
}

[data-pagename="opencampus-event/weekday"] .bonus-num{ background:#00B6AB; }
[data-pagename="opencampus-event/weekday"] .bonus-item{ color:#00B6AB; }
[data-pagename="opencampus-event/saturday"] .bonus-num{ background:#F00072; }
[data-pagename="opencampus-event/saturday"] .bonus-item{ color:#F00072; }
[data-pagename="opencampus-event/online"] .bonus-num{ background:#FF5A00; }
[data-pagename="opencampus-event/online"] .bonus-item{ color:#FF5A00; }

.session-point{
display:flex;
flex-wrap:wrap;
gap:4.27vw 1vw;
margin:0 0 6.40vw;
}
.session-point li{
width:42.67vw;
text-align:center;
font-size:3.73vw;
line-height:1.2;
}
.ses-icon{
width:22.67vw;
margin:0 auto 1.6vw;
}

.session-point2{
display:flex;
flex-wrap:wrap;
flex-direction:column;
gap:2px;
margin:0 0 6.40vw;

}
.session-point2 li{
display:flex;
gap:2px;
line-height:1.2;
}
.ses-icon2{
width:20.00vw;
display:flex;
align-items:center;
justify-content:center;
background:#fff;
padding:2vw;
}

.ses-txt{
width:66.93vw;
display:flex;
align-items:center;
padding:0 2.13vw;
background:#fff;
}





.bg-gray{
background:#f4f4f4;
padding: 0 0;
}

.bg-yellow{
background:#F0FF82;
padding: 0 0;
}


.session-cont h3{
font-size:4.80vw;
margin:0 0 4.27vw;
line-height:1;
padding-left:2.13vw;
}

[data-pagename="opencampus-event/saturday"] .session-cont h3{ border-left:3px solid #F00072; }
[data-pagename="opencampus-event/online"] .session-cont h3{ border-left:3px solid #FF5A00; }


.session-foot-copy{
text-align:center;
font-size:4.27vw;
font-weight:500;
margin:0 0 6.40vw;
}


.app-desc{
font-size:3.20vw;
line-height:1.75;
margin:0 0 4.27vw;
}
.app-list{
display:flex;
flex-wrap:wrap;
gap:2.13vw;
margin:0 0 6.40vw;
}
.app-list li{
width:42.40vw;
height:9.33vw;
border-bottom:0.27vw solid #FF5A00;
font-size:3.20vw;
line-height:1;
font-weight:normal;
background:#fff;
position:relative;
}
.app-list li a{
text-decoration:none;
color:#000;
font-weight:normal;
display:block;
width:42.40vw;
height:9.33vw;
padding:1.33vw 0;
}
.app-list li::after{
content:'';
width:4.27vw;
height:4.27vw;
background:url(../../img/arrow-right-org.svg) no-repeat;
background-size:4.27vw;
position:absolute;
top:2.53vw;
right:2.53vw;
pointer-events:none;
}











@media (min-width: 768px) {

.mv-session{
width:100%;
height:372px;
}

[data-pagename="opencampus-event/weekday"] .mv-session{
background-image:url(../../img/mv-weekday-pc.jpg);
}
[data-pagename="opencampus-event/saturday"] .mv-session{
background-image:url(../../img/mv-weekend-pc.jpg);
}
[data-pagename="opencampus-event/online"] .mv-session{
background-image:url(../../img/mv-online-pc.jpg);
}

.session-cont{
width:1260px;
margin:0 auto;
padding:40px 0 56px;
}

.session-cont h2{
font-size:42px;
line-height:1;
margin:0 0 40px;
}
.session-cont h2 span{
display:block;
font-size:24px;
line-height:1;
margin:0 0 8px;
}

.session-chara{
display:flex;
gap:16px;
margin:0 0 24px;
}
.session-chara li{
width:160px;
}


.session-lead{
font-size:22px;
line-height:1.7;
margin:0 0 24px;
}


.bonus{
display:flex;
flex-direction:column;
gap:24px;
margin:0 0 40px;
}
.bonus li{
display:flex;
gap:24px;
}
.bonus-num{
display:flex;
align-items:center;
justify-content:center;
color:#fff;
font-size:24px;
font-weight:bold;
height:144px;
border-radius:0 72px 72px 0;
padding:0 72px 0 56px;
left:0;
}

.bonus-item{
font-size:30px;
line-height:1.25;
display:flex;
align-items:center;
font-weight:bold;
left:0;
}
.bonus-item span{
font-size:24px;
display:inline-block;
}

.session-cont h3{
font-size:24px;
margin:0 0 24px;
line-height:1;
padding-left:11px;
}

[data-pagename="opencampus-event/saturday"] .session-cont h3{ border-left:5px solid #F00072; }
[data-pagename="opencampus-event/online"] .session-cont h3{ border-left:5px solid #FF5A00; }

.session-point{
display:flex;
gap:40px;
margin:0 0 40px;
}
.session-point li{
width:285px;
text-align:center;
font-size:22px;
line-height:1.2;
}
.ses-icon{
width:169px;
margin:0 auto 16px;
}



.session-point2{
display:flex;
gap:40px;
margin:0 0 40px;
flex-direction:row;
}
.session-point2 li{
background:#fff;
width:285px;
text-align:center;
font-size:16px;
line-height:1.2;
padding:24px 0;
display:block;
}
.ses-icon2{
width:169px;
margin:0 auto 16px;
padding:0;
}
.ses-txt{
font-size:16px;
line-height:1.2;
width:auto;
text-align:center;
display:block;
padding:0;
}



.session-foot-copy{
text-align:center;
font-size:16px;
font-weight:500;
margin:0 0 24px;
}


.app-desc{
font-size:16px;
line-height:1.75;
margin:0 0 16px;
}
.app-list{
display:flex;
flex-wrap:wrap;
gap:24px 40px;
margin:0 0 40px;
}
.app-list li{
width:393px;
height:69px;
border-bottom:1px solid #FF5A00;
font-size:20px;
line-height:1.25;

font-weight:normal;
background:#fff;
position:relative;
}
.app-list li a{
width:393px;
height:69px;
padding:6px 8px 12px;
display:block;
text-decoration:none;
color:#000;
font-weight:normal;
}
.app-list li::after{
content:'';
width:24px;
height:24px;
background:url(../../img/arrow-right-org.svg) no-repeat;
background-size:24px;
position:absolute;
top:17px;
right:8px;
}







/* END PC CSS */
}