@charset "UTF-8";
.insert-pc{display: none;}
.review-head{
    height: 200px;
    background-color: #F2F2E3;
}
.section-inner.no1{
    padding: 0px 4vw 30px;
    background-color: #F2F2E3 ;
    background-image: url(img/line-sp-ue2.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right top;
}
.section-inner.no2{
    padding: 50px 4vw 30px;
    background-color: #EBEBEB;
    background-image: url(img/line-sp-sita2.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right top;
}
/* review-head */
.review-head h1{
    text-align: center;
    font-size: 2.6rem;
    font-weight: bold;
    padding-top: 40px;
}
.review-head .ja{
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
    padding-top: 2px;
}
.review-head h2{
    max-width: 333px;
    padding: 14px 8px;
    text-align: center;
    font-size: 1.8rem;
    font-weight: bold;
    color: #fff;
    background: #434343;
    border-radius: 23.5px;
    margin: 20px auto 0;
}
/* card */
.card{
    text-align: center;
    padding-bottom: 0px;
}
.card-img img{
    width: 222px;
}
.card-img p:nth-of-type(1){
    font-size: 1.9rem;
    padding-top: 4px;
}
.card-img p:nth-of-type(2){
    font-size: 1.6rem;
}
.card-img p:nth-of-type(3){
    font-size: 1.7rem;
    padding-top: 5px;
}
.card-descri{
    text-align: center;
}
.card-descri img{
    max-width: 354px;
    margin-top: 2px;
}
.sp-no-br{display: none;}
.card-descri p{
    text-align: left;
    box-sizing: border-box;
    padding: 8px;
    max-width: 350px;
    margin: -288px auto 0;
    font-size: 1.8rem;
    line-height: 1.6;
}
/* to-course1 */
.to-course span.sankaku{
    display: inline-block;
    width: 14px;
    padding: 0 6px 0 4px;
}
.to-course span.txt{
    display: inline-block;
    font-size: 1.3rem;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    padding-bottom: 3px;
    border-bottom: 2px solid #fff;
}
p.to-course{
    margin-top: -14px;
}
/* to-course2 */
.to-course2 span.sankaku{
    display: inline-block;
    width: 14px;
    padding: 0 6px 0 4px;
}
.to-course2 span.txt{
    display: inline-block;
    font-size: 1.3rem;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    padding-bottom: 3px;
    border-bottom: 2px solid #fff;
}
p.to-course2{
    margin-top: -14px;
}
/* to-course3 */
.to-course3 span.sankaku{
    display: inline-block;
    width: 14px;
    padding: 0 6px 0 4px;
    color: #966400;
}
.to-course3 span.txt{
    display: inline-block;
    font-size: 1.3rem;
    font-weight: bold;
    color: #966400;
    text-decoration: none;
    padding-bottom: 3px;
    border-bottom: 2px solid #966400;
}
p.to-course3{
    margin-top: -14px;
}
/* to-course不透明度 */
.card-descri p.to-course:hover{
    opacity: .7;
}
.card-descri p.to-course2:hover{
    opacity: .7;
}
.card-descri p.to-course3:hover{
    opacity: .7;
}

/* モーダル */
/*infoエリアをはじめは非表示*/
#info,#info2,#info3,#info4,#info5,#info6,#info7,#info8,#info9,#info10,#info11,#info12,#info13,#info14,#info15,#info16,#info17,#info18,#info19,#info20,#info21{
    display: none;
}
.img-s{
    width: 100%;
}
/*モーダルの横幅を変更したい場合*/
.modaal-container{
    max-width: 300px;
}
/*モーダルのボタンの色を変更したい場合*/
.modaal-close:after, 
.modaal-close:before{
	background:#ccc;	
}

.modaal-close:focus:after,
.modaal-close:focus:before,
.modaal-close:hover:after,
.modaal-close:hover:before{
	background:#666;
}
/* 作品リスト */
.works-container{
    padding: 0px 0 0 0px;
}
.works-container.odd{
    padding: 0px 0 0 0px;
}
.works-box{
    width: 70%;
    margin: 25px auto 40px;
    display: flex;
    justify-content: space-between;
}
.works-box.even{
    margin: 25px auto 40px;
}
.works-box img{
    display: block;
    width: 88%;
}
.works-container.no-works{
    height: 40px;
}
.section-inner.no2 .works-box{
    margin: 25px auto 40px;
}
.works-box a img:hover{
    opacity: .7;
}
.works-box.no{
    display: none;
}

.card.middl{
    padding-bottom: 0;
}





/* バナー */
.inner-mid{
    background-color: #F2F2E3;
    padding: 10px 0 60px;
}
/* card下 */
.hahaoya{
    margin-top: 8px;
}
/* 講師の声 */
.koushi-voice{
    padding: 40px 4vw 60px;
    background-color: #F2F2E3;
}
.koushi-voice h2{
    text-align: center;
    font-size: 2.1rem;
    font-weight: bold;
    margin-bottom: 10px;
}
.koushi-voice p{
    text-align: left;
    font-size: 1.8rem;
    line-height: 2.2;
    max-width: 340px;
    margin: 0 auto;
}
.koushi-voice span{
    border-bottom: 1px dashed #999;
    padding-bottom: 0px;
}