@charset "UTF-8";

/* sister-school ページ (/sister-school) 専用スタイル */

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


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


.sis-lead{
background:#000;
padding:6.40vw 0;
}
.sis-copy{
width:87.20vw;
font-size:8.00vw;
line-height:1.125;
color:#fff;
font-weight:900;
margin:0 auto 6.40vw;
}
.sis-anc{
width:87.20vw;
margin:0 auto;
display:flex;
flex-wrap:wrap;
gap:2.13vw;
}
.sis-anc li{
width:87.20vw;
height:8.53vw;
border-bottom:0.27vw solid #fff;
}
.sis-anc li a{
width:87.20vw;
height:8.53vw;
display:block;
color:#fff;
position:relative;
font-size:3.73vw;
line-height:1.6;
font-weight:normal;
text-decoration:none;
padding:2.13vw;
}
.sis-anc li a::after{
content:'';
width:1.33vw;
height:1.33vw;
border-right:0.27vw solid #fff;
border-bottom:0.27vw solid #fff;
transform:rotate(45deg);
position:absolute;
right:5.33vw;
bottom:4.00vw;
}



#sis01{
width:100%;
margin:0 auto;
padding:10.67vw 0;
}
#sis01 h2{
width:87.20vw;
font-size:8.00vw;
line-height:1;
margin:0 auto 6.40vw;
}
.mi-col{
display:flex;
flex-wrap:wrap;
gap:6.40vw;
margin:0 0 6.40vw;
font-size:3.20vw;
line-height:1.75;
}
.mi-colL1{
width:87.20vw;
margin:0 auto;
display:flex;
flex-direction:column;
gap:4.27vw;
}
.mi-colL{
width:87.20vw;
margin:0 auto;
}

.mi-logo{
width:64.00vw;
margin:0 auto;
}
.mi-info{
text-align:center;
font-family:'Noto Sans JP';
font-weight:600;
font-size:3.20vw;
line-height:1.75;
}

.mi-colR{
width:100%;
}
.mi-colR-inner{
width:87.20vw;
margin:0 auto;
}


.mi-col h3{
font-size:4.80vw;
line-height:1.5;
padding-left:4.27vw;
border-left:1.33vw solid #DD2525;
margin:0 0 4.80vw;
}


.sis01-wrap{
width:87.2vw;
margin:0 auto;
}

#sis01 h4{
margin:0 auto 4.27vw;
background:#DD2525;
font-size:4.80vw;
line-height:1;
color:#fff;
padding:2.13vw 2.67vw;
}

.sis-artist{
display:flex;
flex-wrap:wrap;
gap:6.40vw;
margin:0 auto 4.27vw;
}

.sis-artist li{
width:87.20vw;
text-align:center;
}

.artist-name{
text-align:center;
font-size:3.73vw;
line-height:1;
margin:2.13vw 0 0;
}

.sis-bq{
background:#f4f4f4;
padding:4.27vw;
font-size:3.73vw;
line-height:1.6875;
font-weight:500;
margin:0 auto 10.67vw;
}

.sis-course-ttl{
margin:0 auto;
background:#000;
font-size:3.73vw;
color:#fff;
font-weight:500;
line-height:1;
padding:2.13vw;
}


.sis-bg{
background:#000;
padding:10.67vw 0 14.93vw;
}

#sis02{
width:87.20vw;
margin:0 auto 10.67vw;
}
#sis02 h2,
#sis03 h2{
font-size:8.00vw;
color:#fff;
line-height:1;
margin:0 0 6.40vw;
}

.sis-cont{
background:#fff;
padding:6.40vw;
font-size:3.20vw;
line-height:1.75;
}

.sis02-lead{
margin:0 0 6.40vw;
}

.sis-photos{
display:flex;
flex-wrap:wrap;
gap:2.13vw;
margin:0 0 4.27vw;
}
.sis-photos li{
width:74.40vw;
}

#sis02 h4{
font-size:3.20vw;
line-height:1.75;
font-weight:normal;
color:#dd2525;
}
#sis02 p{
margin:0 0 6.40vw;
}

.sis02-ttl2{
background:#057BA2;
font-size:4.80vw;
line-height:1;
font-weight:bold;
padding:2.13vw;
color:#fff;
}
.sis02-ttl2-sub{
background:#ebebeb;
color:#057BA2;
fotn-size:3.20vw;
padding:1.33vw 2.13vw;
margin:0 0 6.40vw;
}

.sis-col3{
display:flex;
flex-wrap:wrap;
gap:6.40vw;
}

.sis-col3 li{
width:74.40vw;
display:flex;
flex-direction:column;
gap:4.27vw;
}
.sis-col3 li p{
margin:0 !important;
}

#sis02 h3{
font-size:4.80vw;
line-height:1.5;
padding-left:4.27vw;
border-left:1.33vw solid #dd2525;
}

.sis-sche{
display:flex;
flex-wrap:wrap;
gap: 1.07vw 0;
}
.sis-sche dt{
background:#057BA2;
color:#fff;
font-size:3.20vw;
line-height:5.33vw;
text-align:center;
width:14.93vw;
}
.sis-sche dd{
background:#ebebeb;
padding:0 2.13vw;
font-size:3.20vw;
line-height:5.33vw;
width:59.47vw;
}



#sis03{
width:87.20vw;
margin:0 auto;
}

.sis03-ttl{
background:#dd2525;
color:#fff;
font-size:4.80vw;
line-height:1.5;
padding:2.13vw;
font-weight:bold;
}
.sis03-ttl span{
display:block;
font-weight:normal;
font-size:3.20vw;
line-height:1.75;
}

.sis03-ttl-sub{
color:#dd2525;
padding:0 2.13vw;
font-size:4.27vw;
line-height:1.75;
background:#ebebeb;
margin:0 0 6.40vw;
}
.sis03-lead{
font-size:3.20vw;
line-height:1.75;
margin :0 0 5.33vw;
}

.sis-univ{
display:flex;
flex-wrap:wrap;
gap:4.27vw;
margin:0 0 5.60vw;
}
.sis-president{
width:74.40vw;
}
.sis-president h4{
font-size:4.80vw;
line-height:1.5;
font-weight:500;
display:flex;
justify-content:space-between;
align-items:flex-end;
margin:0 0 2.13vw;
}
.sis-president h4 span{
font-size:3.20vw;
line-height:1.75;
}
.sis-comment{
width:74.40vw;
display:flex;
flex-direction:column;
gap:10.67vw;
justify-content:flex-end;
font-size:4.27vw;
line-height:1.75;
}
.sis-sign{
width:54.13vw;
margin:0 0 0 20.27vw;
font-size:2.93vw;
font-weight:bold;
}
.sis-sign img{
width:54.13vw;
margin:2.13vw 0 0;
}


#sis03 h3.pgm-ttl01{
color:#057BA2;
font-size:4.80vw;
line-height:1.65;
border:0.27vw solid #057BA2;
padding:0 2.13vw;
margin:0 0 4.27vw;
}
#sis03 h3.pgm-ttl02{
color:#008145;
font-size:4.80vw;
line-height:1.65;
border:0.27vw solid #008145;
padding:0 2.13vw;
margin:0 0 4.27vw;
}

.pgm01-list,
.pgm02-list{
display:flex;
flex-wrap:wrap;
gap:4.27vw;
margin:0 0 6.40vw;
}
.pgm01-list li{
width:74.40vw;
border:0.27vw solid #057BA2;
}
.pgm02-list li{
width:74.40vw;
border:0.27vw solid #008145;
}
.pgm01-ttl{
background:#057BA2;
padding:2.13vw;
color:#fff;
font-size:4.27vw;
line-height:1.65;
}
.pgm02-ttl{
background:#008145;
padding:2.13vw;
color:#fff;
font-size:3.73vw;
line-height:1.65;
}
.pgm-inner{
padding:4.27vw 2.13vw;
}
.pgm-inner p{
margin:0 0 4.27vw;
}

.pgm01-item dt{
padding:0.80vw 2.13vw;
display:inline-block;
background:#057BA2;
color:#fff;
font-size:3.20vw;
line-height:1;
font-weight:500;
}

.pgm02-item dt{
padding:0.80vw 2.13vw;
display:inline-block;
background:#008145;
color:#fff;
font-size:3.20vw;
line-height:1;
font-weight:500;
}
.pgm01-item dd{
font-size:3.20vw;
line-height:1.75;
font-weight:500;
margin:0 0 4.27vw;
font-weight:500;
}
.pgm01-item dd:last-child,
.pgm02-item dd:last-child{
margin:0;
}

















@media (min-width: 768px) {

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


.sis-lead{
background:#000;
padding:40px 0;
}
.sis-copy{
width:1260px;
font-size:30px;
line-height:1;
color:#fff;
font-weight:900;
margin:0 auto 36px;
}
.sis-anc{
width:1260px;
margin:0 auto;
display:flex;
justify-content:space-between;
gap:0;
}
.sis-anc li{
width:393px;
height:32px;
border-bottom:1px solid #fff;
}
.sis-anc li a{
width:393px;
height:32px;
display:block;
color:#fff;
position:relative;
width:393px;
font-size:20px;
line-height:1.6;
font-weight:normal;
text-decoration:none;
padding:0 10px;
}
.sis-anc li a::after{
content:'';
width:5px;
height:5px;
border-right:1px solid #fff;
border-bottom:1px solid #fff;
transform:rotate(45deg);
position:absolute;
right:20px;
bottom:15px;
}


#sis01{
width:1260px;
margin:0 auto;
padding:40px 0;
}
#sis01 h2{
font-size:42px;
line-height:1;
marign:0 0 36px;
}
.mi-col{
display:flex;
gap:40px;
margin:0 0 40px;
font-size:16px;
line-height:1.75;
}
.mi-colL1{
width:609px;
display:flex;
flex-direction:column;
justify-content:flex-end;
gap:24px;
margin:0;
}
.mi-colL{
width:609px;
margin:0;
}

.mi-logo{
width:368px;
margin:0 auto;
}
.mi-info{
text-align:center;
font-family:'Noto Sans JP';
font-weight:600;
font-size:16px;
line-height:1.75;
}

.mi-colR{
width:580px;
}
.mi-colR-inner{
width:580px;
}

.mi-col h3{
font-size:18px;
line-height:1.5;
padding-left:16px;
border-left:5px solid #DD2525;
margin:0 0 32px;
}

.sis01-wrap{
width:auto;
}


#sis01 h4{
background:#DD2525;
font-size:24px;
line-height:1.5;
color:#fff;
padding:0 10px;
margin:0 0 32px;
}

.sis-artist{
width:auto;
display:flex;
gap:37px;
margin:0 0 24px;
}

.sis-artist li{
width:287px;
text-align:center;
}

.artist-name{
text-align:center;
font-size:16px;
line-height:1;
margin:8px 0 0;
}

.sis-bq{
background:#f4f4f4;
padding:24px;
font-size:16px;
line-height:1.6875;
font-weight:500;
margin:0 0 24px;
}

.sis-course-ttl{
background:#000;
font-size:16px;
color:#fff;
font-weight:500;
line-height:1.6875;
padding:0 8px;
}


.sis-bg{
background:#000;
padding:40px 0 56px;
}

#sis02{
width:1260px;
margin:0 auto 40px;
}
#sis02 h2,
#sis03 h2{
font-size:42px;
color:#fff;
line-height:1;
margin:0 0 24px;
}

.sis-cont{
background:#fff;
padding:40px 30px;
font-size:16px;
line-height:1.75;
}

.sis02-lead{
margin:0 0 24px;
}

.sis-photos{
display:flex;
justify-content:space-between;
gap:0;
margin:0 0 24px;
}
.sis-photos li{
width:389px;
}

#sis02 h4{
font-size:16px;
line-height:1.75;
font-weight:normal;
color:#dd2525;
}
#sis02 p{
margin:0 0 24px;
}

.sis02-ttl2{
background:#057BA2;
font-size:24px;
line-height:1;
font-weight:bold;
padding:8px;
color:#fff;
}
.sis02-ttl2-sub{
background:#ebebeb;
color:#057BA2;
fotn-size:16px;
padding:5px 8px;
margin:0 0 28px;
}

.sis-col3{
display:flex;
justify-content:space-between;
gap:40px;
}

.sis-col3 li{
width:372px;
display:flex;
flex-direction:column;
gap:24px;
}
.sis-col3 li p{
margin:0 !important;
}

#sis02 h3{
font-size:18px;
line-height:1.5;
padding-left:16px;
border-left:5px solid #dd2525;
min-height:54px;
}

.sis-sche{
display:flex;
flex-wrap:wrap;
gap: 4px 0;
}
.sis-sche dt{
background:#057BA2;
color:#fff;
font-size:16px;
line-height:24px;
text-align:center;
width:70px;
}
.sis-sche dd{
background:#ebebeb;
padding:0 8px;
font-size:16px;
line-height:24px;
width:302px;
}


#sis03{
width:1260px;
margin:0 auto;
}

.sis03-ttl{
background:#dd2525;
color:#fff;
font-size:24px;
line-height:1.5;
padding:8px;
font-weight:bold;
}
.sis03-ttl span{
display:block;
font-weight:normal;
font-size:16px;
line-height:1.75;
}

.sis03-ttl-sub{
color:#dd2525;
padding:0 8px;
font-size:16px;
line-height:1.75;
background:#ebebeb;
margin:0 0 24px;
}
.sis03-lead{
font-size:16px;
line-height:1.75;
margin :0 0 24px;
}

.sis-univ{
display:flex;
gap:40px;
margin:0 0 24px;
}
.sis-president{
width:363px;
}
.sis-president h4{
font-size:24px;
line-height:1.5;
font-weight:500;
display:flex;
justify-content:space-between;
align-items:flex-end;
margin:0 0 8px;
}
.sis-president h4 span{
font-size:16px;
line-height:1.75;
}
.sis-comment{
width:797px;
display:flex;
flex-direction:column;
gap:40px;
justify-content:flex-end;
font-size:16px;
line-height:1.75;
}
.sis-sign{
width:363px;
margin:0 0 0 434px;
font-size:18px;
font-weight:bold;
}
.sis-sign img{
width:363px;
margin:8px 0 0;
}


#sis03 h3.pgm-ttl01{
color:#057BA2;
font-size:24px;
line-height:1.375;
border:1px solid #057BA2;
padding:0 8px;
margin:0 0 24px;
}
#sis03 h3.pgm-ttl02{
color:#008145;
font-size:24px;
line-height:1.375;
border:1px solid #008145;
padding:0 8px;
margin:0 0 24px;
}

.pgm01-list,
.pgm02-list{
display:flex;
gap:40px;
margin:0 0 24px;
}
.pgm01-list li{
width:373px;
border:1px solid #057BA2;
}
.pgm02-list li{
width:373px;
border:1px solid #008145;
}
.pgm01-ttl{
background:#057BA2;
padding:8px;
color:#fff;
font-size:16px;
line-height:1.65;
}
.pgm02-ttl{
background:#008145;
padding:8px;
color:#fff;
font-size:16px;
line-height:1.65;
}
.pgm-inner{
padding:24px 16px;
}
.pgm-inner p{
margin:0 0 16px;
}

.pgm01-item dt{
padding:5px 8px;
display:inline-block;
background:#057BA2;
color:#fff;
font-size:16px;
line-height:1;
font-weight:500;
}

.pgm02-item dt{
padding:5px 8px;
display:inline-block;
background:#008145;
color:#fff;
font-size:16px;
line-height:1;
font-weight:500;
}
.pgm01-item dd{
font-size:16px;
line-height:1.75;
font-weight:500;
margin:0 0 16px;
}
.pgm01-item dd:last-child,
.pgm02-item dd:last-child{
margin:0;
}










/* END PC CSS */
}