@charset "UTF-8";

/* campuslife/daily（在校生の一日）専用スタイル */
/* 共通のl-mv・page-content（accent-mosaic）等のベーススタイルはcampuslife.cssを参照 */


[data-pagename="campuslife/daily"] #gradient-bg-img {
    background:url(../../img/bg-dots.jpg) repeat;
background-size:120px;
}


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


.daily1{
padding:6.40vw 0;
width:87.20vw;
margin:0 auto;
}


.daily2{
padding:0 0 6.4vw;
width:87.20vw;
margin:0 auto;
}
h2.daily-ttl{
font-size:4.53vw;
line-height:1.5;
text-align:center;
}
h2.daily-ttl span{
padding:0 3.73vw;
position:relative;
display:inline-block;
margin:0 0;
}
h2.daily-ttl span::before{
content:'';
width:0.27vw;
height:10.67vw;
background:#000;
position:absolute;
top:calc(50% - 5.33vw);
transform:rotate(-15deg);
left:0;
}
h2.daily-ttl span::after{
content:'';
width:0.27vw;
height:10.67vw;
background:#000;
position:absolute;
top:calc(50% - 5.33vw);
transform:rotate(15deg);
right:0;
}


.md-class-am,
.md-class-pm{
width:87.20vw;
margin:0 auto 16px;
}




.sche-wrap{
display:flex;
flex-direction:column;
gap:4.27vw;
}

.sche-acc dt{
width:100%;
height:24.00vw;
display:flex;
gap:2.13vw;
align-items:center;
position:relative;
background:#fff;
}

.daily1 .sche-acc dt.is-open{
background:#E38CAF;
}

.daily1 .sche-acc dt{
border:0.27vw solid #E38CAF;
}
.daily1 .sche-ttl{
color:#E38CAF;
}

.sche-thumb{
width:24.00vw;
height:24.00vw;
}
.sche-ttl{
font-size:3.73vw;
line-height:1.25;
font-weight:bold;
}
.sche-ttl span{
display:block;
font-size:3.20vw;
line-height:1.75;
font-weight:normal;
color:#000;
margin:2.13vw 0 0;
}
.daily1 .sche-acc dt::after{
content:'';
width:6.40vw;
height:6.40vw;
background:url(../../img/icon-plus-p.svg) no-repeat center / cover;
position:absolute;
top:calc(50% - 3.20vw);
right:6.40vw;
}
.sche-acc dt.is-open::after{
content:'';
width:6.40vw;
height:6.40vw;
background:url(../../img/icon-minus-wh.svg) no-repeat center / cover;
position:absolute;
top:calc(50% - 3.20vw);
right:4.27vw;
}

.sche-acc dt.is-open .sche-ttl{ color:#fff; }
.sche-acc dt.is-open .sche-ttl span{ color:#fff; }

.sche-acc dd{
display:none;
background:#fff;
padding:6.40vw 4.27vw;
font-weight:normal;
}

.sche-col{
}
.sche-item-txt{
width:100%;
font-size:3.73vw;
line-height:1.7;
}
.sche-item-img{
width:100%;
margin:4vw 0;
}

.sche-dtl{
width:100%;
background:url(../../img/bg-grid.jpg) repeat;
background-size:5.07vw;
padding:4.27vw 2.13vw;
border:0.27vw dotted #000;
margin:6.40vw 0 0;
border-radius:2.13vw;
}
.daily1 .sche-dtl-md{
font-size:3.73vw;
line-height:1.25;
font-weight:bold;
color:#dd2525;
margin:0 0 3.20vw;
}

.toaru{
font-size:3.73vw;
line-height:1.75;
font-weight:bold;
}

.sche-cap{
font-size:3.20vw;
line-height:1.75;
margin-top:2.13vw;
}


 .daily2 .sche-acc dt{
border:0.27vw solid #82BFAF;
}

.daily2 .sche-acc dt.is-open{
background:#82BFAF;
}

.daily2 .sche-ttl{
color:#3AA98C;
}
.daily2 .sche-acc dt::after{
content:'';
width:6.40vw;
height:6.40vw;
background:url(../../img/icon-plus-gr.svg) no-repeat center / cover;
position:absolute;
top:calc(50% - 3.20vw);
right:4.27vw;
}

.daily2 .sche-acc dt.is-open::after{
content:'';
width:6.40vw;
height:6.40vw;
background:url(../../img/icon-minus-wh.svg) no-repeat center / cover;
position:absolute;
top:calc(50% - 3.20vw);
right:4.27vw;
}

.daily2 .sche-dtl-md{
font-size:3.73vw;
line-height:1.25;
font-weight:bold;
color:#057BA2;
margin:0 0 2.13vw;
}





@media (min-width: 768px) {

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


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

h2.daily-ttl{
font-size:28px;
line-height:1.5;
text-align:center;
}
h2.daily-ttl span{
padding:0 80px;
position:relative;
display:inline-block;
margin:0 0 64px;
}
h2.daily-ttl span::before{
content:'';
width:1px;
height:72px;
background:#000;
position:absolute;
top:calc(50% - 36px);
transform:rotate(-15deg);
left:0;
}
h2.daily-ttl span::after{
content:'';
width:1px;
height:72px;
background:#000;
position:absolute;
top:calc(50% - 36px);
transform:rotate(15deg);
right:0;
}

.md-class-am{
width:656px;
margin:0 auto 24px;
}

.sche-wrap{
display:flex;
flex-direction:column;
gap:40px;
}

.sche-acc dt{
width:100%;
height:90px;
display:flex;
gap:16px;
align-items:center;
position:relative;
background:#fff;
}

.daily1 .sche-acc dt.is-open{
background:#E38CAF;
}

.daily1 .sche-acc dt{
border:1px solid #E38CAF;
}
.daily1 .sche-ttl{
color:#E38CAF;
}

.sche-thumb{
width:90px;
height:90px;
}
.sche-ttl{
font-size:30px;
line-height:1.25;
font-weight:bold;
}
.sche-ttl span{
display:block;
font-size:16px;
line-height:1.75;
font-weight:normal;
color:#000;
margin:4px 0 0;
}
.daily1 .sche-acc dt::after{
content:'';
width:30px;
height:30px;
background:url(../../img/icon-plus-p.svg) no-repeat center / cover;
position:absolute;
top:calc(50% - 15px);
right:24px;
}
.sche-acc dt.is-open::after{
content:'';
width:30px;
height:30px;
background:url(../../img/icon-minus-wh.svg) no-repeat center / cover;
position:absolute;
top:calc(50% - 15px);
right:24px;
}

.sche-acc dt.is-open .sche-ttl{ color:#fff; }
.sche-acc dt.is-open .sche-ttl span{ color:#fff; }

.sche-acc dd{
display:none;
background:#fff;
padding:32px 30px;
font-weight:normal;
}
.sche-col{
display:flex;
gap:40px;
}
.sche-item-txt{
width:579px;
font-size:22px;
line-height:1.7;
}
.sche-item-img{
margin:0;
width:580px;
}

.sche-dtl{
width:100%;
background:url(../../img/bg-grid.jpg) repeat;
background-size:19px;
padding:24px 16px;
border:1px dotted #000;
margin:24px 0 0;
border-radius:8px;
}
.daily1 .sche-dtl-md{
font-size:24px;
line-height:1.25;
font-weight:bold;
color:#dd2525;
margin:0 0 12px;
}

.toaru{
font-size:22px;
line-height:1.75;
font-weight:bold;
}

.sche-cap{
font-size:16px;
line-height:1.75;
margin-top:16px;
}


.daily2{
padding:0 0 80px;
width:1260px;
margin:0 auto;
}


.md-class-pm{
width:656px;
margin:0 auto 24px;
}

 .daily2 .sche-acc dt{
border:1px solid #82BFAF;
}

.daily2 .sche-acc dt.is-open{
background:#82BFAF;
}

.daily2 .sche-ttl{
color:#3AA98C;
}
.daily2 .sche-acc dt::after{
content:'';
width:30px;
height:30px;
background:url(../../img/icon-plus-gr.svg) no-repeat center / cover;
position:absolute;
top:calc(50% - 15px);
right:24px;
}

.daily2 .sche-acc dt.is-open::after{
content:'';
width:30px;
height:30px;
background:url(../../img/icon-minus-wh.svg) no-repeat center / cover;
position:absolute;
top:calc(50% - 15px);
right:24px;
}

.daily2 .sche-dtl-md{
font-size:24px;
line-height:1.25;
font-weight:bold;
color:#057BA2;
margin:0 0 12px;
}


/* END PC CSS */
}