@charset "UTF-8";

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

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

.per-container-01{
background:#F6E8F9;
padding:6.40vw 0 10.67vw;
}


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


.per-cont01 h2{
font-size:8.00vw;
line-height:1;
color:#67499B;
font-weight:900;
margin:0 0 2.13vw;
}
.per-cont01 h2 span{
display:block;
font-size:3.47vw;
line-height:1.5;
}

.per-cont-inner{
padding:4.27vw 6.40vw;
background:#fff;
}


.per-cont02{
width:87.20vw;
margin:0 auto 10.67vw;
background:#fff;
padding:6.40vw;
position:relative;
}
.type-teacher{
width:48vw;
height:8.00vw;
position:absolute;
top:-4.53vw;
left:6.40vw;
}
.per-cont02 h3{
font-size:4.80vw;
font-weight:normal;
margin:0 0 4.27vw;
line-height:1;
}
.teacher-col{
display:flex;
flex-wrap:wrap;
gap:4.27vw;
}
.teacher-photo{
width:74.13vw;
text-align:center;
display:flex;
justify-content:center;
}
.teacher-photo img{
width:100%;
}

.teacher-txt{
display:flex;
flex-direction:column;
justify-content:center;
width:100%;
}
.teacher-cc{
font-size:4.8vw;
line-height:1.2;
margin:0 0 4.27vw;
color:#F00072;
font-weight:bold;
}
.teacher-name{
font-size:4.80vw;
line-height:1.5;
font-weight:bold;
margin:0 0 4.27vw;
}
.teacher-name span{
display:block;
font-size:2.93vw;
line-height:1.75;
}


.per-cont03{
width:87.20vw;
margin:0 auto;
}
.per-cont03 h2{
font-size:8.00vw;
line-height:1;
color:#67499B;
margin:0 0 2.13vw;
font-weight:900;
}
.per-cont03 h2 span{
display:block;
font-size:3.47vw;
line-height:1.5;
}


.photo-col{
display:flex;
flex-wrap:wrap;
gap:4.27vw;
margin:4.27vw 0 0;
}
.photo-col div{
width:100%;
}

.photo-col2{
display:flex;
gap:1.87vw;
margin:4.27vw 0 0;
}
.photo-col2 div{
width:36.27vw;
}

.per-container-02{
background:#F0FF82;
padding:10.67vw 0 14.93vw;
}

.per-cont04{
width:87.20vw;
margin:0 auto 4.27vw;
}
.per-cont04 h2{
font-size:8.00vw;
line-height:1;
color:#67499B;
margin:0 0 2.13vw;
font-weight:900;
}
.per-cont04 h4{
font-weight:bold;
font-size:3.20vw;
line-height:1.75;
margin:0 0 4.27vw;
}

.per-cont04 p{
margin:4.27vw 0;
font-size:3.20vw;
line-height:1.75;
}
















@media (min-width: 768px) {


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

.per-container-01{
background:#F6E8F9;
padding:40px 0 56px;
font-size:16px;
line-height:1.75;
font-weight:normal;
}

.per-cont01{
width:1260px;
margin:0 auto 70px;
}


.per-cont01 h2{
font-size:56px;
line-height:1;
color:#67499B;
font-weight:900;
margin:0 0 8px;
}
.per-cont01 h2 span{
display:block;
font-size:24px;
line-height:1.5;
}

.per-cont-inner{
padding:20px 30px;
background:#fff;
}

.per-cont02{
width:1260px;
margin:0 auto 40px;
background:#fff;
padding:48px 30px 40px;
position:relative;
}
.type-teacher{
width:371px;
height:63px;
position:absolute;
top:-39px;
left:30px;
}
.per-cont02 h3{
font-size:32px;
font-weight:normal;
margin:0 0 40px;
line-height:1;
}
.teacher-col{
display:flex;
gap:0 56px;
}
.teacher-photo{
width:589px;
text-align:center;
display:flex;
justify-content:center;
}
.teacher-photo img{
width:345px;
}

.teacher-txt{
display:flex;
flex-direction:column;
justify-content:center;
width:520px;
}
.teacher-cc{
font-size:27px;
line-height:1.2;
margin:0 0 16px;
color:#F00072;
font-weight:bold;
}
.teacher-name{
font-size:32px;
line-height:1.5;
font-weight:bold;
margin:0 0 8px;
}
.teacher-name span{
display:block;
font-size:16px;
line-height:1.75;
}

.per-cont03{
width:1260px;
margin:0 auto;
}
.per-cont03 h2{
font-size:56px;
line-height:1;
color:#67499B;
margin:0 0 8px;
font-weight:900;
}
.per-cont03 h2 span{
display:block;
font-size:24px;
line-height:1.5;
}
.photo-col,
.photo-col2{
display:flex;
gap:40px;
margin:16px 0 0;
}
.photo-col div,
.photo-col2 div{
width:580px;
}


.per-container-02{
background:#F0FF82;
padding:40px 0 56px;
}

.per-cont04{
width:1260px;
margin:0 auto 24px;
}
.per-cont04 h2{
font-size:56px;
line-height:1;
color:#67499B;
margin:0 0 8px;
font-weight:900;
}
.per-cont04 h4{
font-weight:bold;
font-size:16px;
line-height:1.5;
margin:0 0 16px;
}

.per-cont04 p{
margin:16px 0;
font-size:16px;
line-height:1.75;
}





/* END PC CSS */
}