@charset "UTF-8";
@import "style_third.css";



/******* スクール紹介 ******/
.cont_school .school_map{}
.school_map .g_map{width:1100px;margin:0 auto;}
.school_map .map_text{padding-top:20px;padding-bottom:50px;width:1100px;margin:0 auto;}


/* topスクール詳細 */
.school_info .area_ms_frm{width:1113px;margin:0 auto;padding-bottom: 50px;}
.school_info .area_ms_frm .inner{padding:40px;}
.school_info.area_ms_frm .inner p{padding-top:25px;line-height:2;}
.school_info .area_ms_frm .image{width:510px;height:330px;position:relative;}
.school_info .area_ms_frm.img_left .image{float:left;}
.school_info .area_ms_frm.img_right .image{float:right;}
.school_info .area_ms_frm .image span{position:relative;display:block;}
.school_info .area_ms_frm .image span::before{content:"";width:500px;height:330px;background:#e67eb1;
position:absolute;right:0;bottom:-10px;
}
.school_info .area_ms_frm .image span img{position:relative;z-index:1;padding-top:10px;}
.school_info .area_ms_frm .text{width:516px;position:relative;}
.school_info .area_ms_frm .text h2{font-size:20px;color:#ef00a5;text-align:center;font-family:"HiraMinProN-W3","ヒラギノ明朝 ProN W3",serif;
}

.area_ms_frm .text::before,.area_ms_frm .text::after{
    content:"";width:516px;height:53px;display:block;margin:0 auto;
 }
.area_ms_frm .text::before{
background:url("../images/frame_top.png") no-repeat center top;
}
.area_ms_frm .text::after{
background:url("../images/frame_bottom.png") no-repeat center bottom;
}

.area_ms_frm.img_left .text{float:right;}
.area_ms_frm.img_right .text{float:left;}


.home_message{padding-top:110px;}
.home_message .text{position:relative;}



/* スクールスケジュール */
.school_schedule {width:1100px;margin:0 auto;padding-bottom: 50px;}
.school_schedule h2{color:#cc3e84;font-size:20px;font-weight:bold;padding-bottom:10px;}
.school_schedule img{padding:0 10px;}

.school_schedule .schedule_info{border-top:1px solid #cc3e84;}
.school_schedule .schedule_info .schedule_title{width:400px;height:50px;color:white;background-color:#cc3e84;border-bottom:1px solid white;text-align:center;}
.school_schedule .schedule_info .schedule_text{width:700px;height:50px;border-right:1px solid #cc3e84;border-bottom:1px solid #cc3e84;margin-left:20px;padding:10px;}
.school_schedule .come_btn a{font-size:22px;padding:24px 0;width:500px;margin:40px 0;}

/* マップ */
.cont_school .school_map .school_title{width:1100px;margin:0 auto;color:white;background-color:#cc3e84;font-size:22px;margin-bottom:15px;}
.cont_school .school_map .school_title h2{color:white;padding:10px;}




/******* 宝塚受験コース ******/
.cont_course{margin:0 auto;}

.cont_course .come_btn{margin:0 auto;width:450px;}
.cont_course .come_btn a{text-align:center;font-size:22px;padding:24px 0;width:450px;margin:50px 0;}
.cont_course .course_info{width:1100px;margin:0 auto;}
.cont_course .course_info .text{width:500px;}
.cont_course .course_info h2{text-align:center;font-family:"HiraMinProN-W3","ヒラギノ明朝 ProN W3",serif;font-size:20px;color:#ef00a5;padding-bottom:5px;}

/* レッスン内容 */
.course_lesson{background-color:#ffeaf4;background:url("../images/bg_pattern2.png") repeat left top;padding:50px 0;}
.lesson_info{margin:0 auto;width:980px;padding-bottom:40px;}
.lesson_info h3{font-size:22px;color:white;background-color:#cc3e84;padding:10px 0;}
.lesson_info img{padding:0 20px;}
.course_lesson .lesson_infotext{background-color:white;width:970px;padding:10px 0;padding-left:10px;}

/* レッスン詳細　*/
.lesson_list{margin:0 auto;width:980px;border:1px solid #cc3e84;background-color:white;border-radius:10px;margin-bottom:20px;}
.lesson_list .title{width:910px;font-size:20px;color:#cc3e84;border-bottom:1px solid #cc3e84;margin-left:20px;padding-top:10px;}
.lesson_list .teacher{width:600px;margin-left:20px;padding-top:10px;}
.lesson_list .text{width:900px;margin-left:20px;padding-top:10px;padding-bottom:30px;}
.lesson_list .text .on_img{width:600px;}
.lesson_list img{float:right;margin-right:60px;margin-top:14px;padding-bottom:20px;}


/* スケジュール */
.schedule_center{width:980px;margin:0 auto;}
.course_schedule h3{font-size:22px;color:#cc3e84;padding-bottom:10px;margin-top:50px;}
.course_schedule img{padding:0 20px;}
.course_schedule .schedule_info{border-top:1px solid #cc3e84;}
.course_schedule .schedule_info .schedule_title{width:380px;height:50px;color:white;background-color:#cc3e84;border-bottom:1px solid white;text-align:center;}
.course_schedule .schedule_info .schedule_text{width:590px;height:50px;border-right:1px solid #cc3e84;border-bottom:1px solid #cc3e84;margin-left:20px;padding:10px 0;padding-left:10px;}
.course_schedule .come_btn a{font-size:22px;padding:24px 0;width:500px;margin:40px 0;}

.course_schedule .schedule_Supplement{padding-top:10px;}

.course_lesson text::after{content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;}




/* top詳細 */

.area_ms_frm{width:1113px;margin:0 auto;}
.area_ms_frm .inner{padding:40px;}
.area_ms_frm .inner p{padding-top:25px;line-height:2;}
.area_ms_frm .image{width:510px;height:330px;position:relative;}
.area_ms_frm.img_left .image{float:left;}
.area_ms_frm.img_right .image{float:right;}
.area_ms_frm .image span{position:relative;display:block;}
.area_ms_frm .image span::before{content:"";width:500px;height:330px;background:#e67eb1;
position:absolute;right:0;bottom:-10px;
}
.area_ms_frm .image span img{position:relative;z-index:1;padding-top:100px;}
.area_ms_frm .text{width:516px;position:relative;}
.area_ms_frm .text h2{font-size:20px;color:#ef00a5;text-align:center;font-family:"HiraMinProN-W3","ヒラギノ明朝 ProN W3",serif;
}

.area_ms_frm .text::before,.area_ms_frm .text::after{
    content:"";width:516px;height:53px;display:block;margin:0 auto;
 }
.area_ms_frm .text::before{
background:url("../images/frame_top.png") no-repeat center top;
}
.area_ms_frm .text::after{
background:url("../images/frame_bottom.png") no-repeat center bottom;
}

.area_ms_frm.img_left .text{float:right;}
.area_ms_frm.img_right .text{float:left;}


.home_message{padding-top:110px;}
.home_message .text{position:relative;}

/******* オンラインレッスン ******/
#online_about.l_online_about{background-color: #ffeaf4;
    background: url("../images/bg_pattern2.png") repeat left top;
}


.l_grid_m{max-width:1100px;margin:0 auto;}
.contents_online h2.come_title {background: #cc3e84;-webkit-border-radius: 0;border-radius: 0;font-size: 22px;
    color: #fff;line-height: 60px;padding-left: 15px;
}

.l_online_about .area_ms_frm .inner {padding: 30px 15px;}
.l_online_about .area_ms_frm .image {width: 545px;}
.l_online_about .area_ms_frm .image span::before{content: "";width: 520px;height: 360px;background: #e67eb1;
    position: absolute;right: 0px;bottom: -20px;
}
.l_online_about .area_ms_frm .image span img{padding-top: 45px;}
/*.l_online_about .area_ms_frm .text h2{text-align:left;color:#8064a2;font-family: sans-serif;}*/
.l_online_about .area_ms_frm .inner p{padding-top:20px;}


.online_merit .wrapper{padding:80px 0 40px;}
.online_merit .area_list{display: flex;flex-wrap: wrap;justify-content:center;}
.online_merit .area_list .box {-webkit-box-sizing: border-box;box-sizing: border-box;
    width: 33.33333%;width: -webkit-calc(100% / 3);width: -moz-calc(100% / 3);width: calc(100% / 3);
    padding: 20px;max-width: 323px;
}

.online_merit .area_list .box p.inner {
    background: #fff;-webkit-box-sizing: border-box;box-sizing: border-box;
    padding: 30px 10px;max-width: 283px;text-align: center;
    -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4); box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);
}
.online_merit .area_list .box p span{display:block;}
.online_merit .area_list .box p span.text{font-weight: bold;line-height: 1;margin-top: 20px;font-size: 15px;}


.online_flow .wrapper{padding:20px 0 80px;}
.online_flow .area_flow{display: flex;flex-wrap: nowrap;justify-content: space-between;margin: 0 -40px;padding-top: 20px;}
.online_flow .area_flow .box{-webkit-box-sizing: border-box;box-sizing: border-box;width:25%;padding:0 40px;}
.online_flow .area_flow .box p.inner {background: #fff;-webkit-box-sizing: border-box;box-sizing: border-box;
    padding: 29px 10px;max-width: 283px;text-align: center;position:relative;height: 230px;
}
.online_flow .area_flow .box p.inner::before{
    position:absolute;content:"";width:0;height:0;position:absolute;right:-60px;top:0;
    border-color:transparent transparent transparent #ffffff;
    border-width:115px 0px 115px 60px;border-style:solid;
}
.online_flow .area_flow .box:last-of-type p.inner::before{content:none;}

.online_flow .area_flow .box span.text{font-weight: bold;line-height: 1;font-size: 15px;margin-bottom: 30px;
display: block;
}
 .online_flow .area_flow .box span.image{display: block;max-width: 190px;margin: 0 auto;
}
.online_flow .area_flow .box span.image img{max-width:100%;}
.l_online_contact{padding: 80px 0 50px;}


/******* その他のコース ******/

.cont_single2{background-color:#ffeaf4;background:url("../images/bg_pattern2.png") repeat left top;padding:50px 0;margin-top:70px;}

.cont_single_content{width:980px;margin:0 auto;}
.cont_single_content .single_title{color:white;background-color:#cc3e84;font-size:20px;padding:10px 0;}

.single_img img{padding-top:15px;}

.single_ifo{width:600px;}
.single_ifo .title{border-bottom:1px solid #cc3e84;font-size:18px;padding:10px;}
.single_ifo .text{padding:10px;}

.cont_single_content .single_contens{background-color:white;margin-bottom:50px;}
.cont_single_content h3 img{padding-left:20px;padding-right:5px;}

.single_contens .come_btn{text-align:center;font-size:22px;width:450px;padding:20px 0;}
.single_contens .come_btn a{margin:0 !important;}

.single_contens_set{padding:0 20px 30px;}

.single_img img{margin-right:40px;margin-top:14px;}



.cont_single_content text::after{content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;}


/* その他のコース詳細 */

.cont_single_{padding-top:30px;background:url("../images/bg_pattern2.png") repeat left top;padding-bottom:50px;}
.cont_single_ .single_title{width:980px;margin:0 auto;color:white;background-color:#cc3e84;font-size:20px;padding:10px 0;margin-top:40px;}
.single_title h2 img{padding-left:20px;padding-right:5px;}


.cont_single_ .single_box{width:980px;margin:0 auto;background-color:white;padding-bottom:30px;}
.cont_single_ .single_box .single_img2{width:700px;margin:0 auto;padding-top:30px;padding-bottom:20px;}
.single_box .single_img2 img{margin-right:40px;}

.single_box .title{border-bottom:2px solid #cc3e84;font-size:18px;padding-bottom:5px; width:900px;margin:0 auto;}
.single_box .text{padding-bottom:30px;width:900px;margin:0 auto;}

.cont_single_ .come_btn{margin:0 auto;width:450px;}
.cont_single_ .come_btn a{text-align:center;font-size:22px;padding:24px 0;width:450px;margin:50px 0;}


/******* プライバシーポリシー ******/
.contents_privacy{margin:30px 0px 40px 0px;}

/******* 新着情報 ******/
.contents_news{margin:40px 0px 50px 0px;}
.contents_news .date{padding:20px 0px 5px 60px;font-size:20px;background-color: #FFEEF5;margin-top: 20px;

}
.contents_news .title{padding:0px 90px 20px 90px;margin-bottom: 20px; background-color:#FFEEF5; font-size:20px; font-weight:bold;}

.contents_news .left{margin-left: 10px;}
.contents_news .l_grid_n {margin: 0 auto;width: 980px; margin-bottom: 50px;}
.contents_news .text{ margin-bottom: 50px;padding-left: 90px;padding-right: 100px;}



.contents_news .news_article .box{
    border-bottom: 1px dashed #cc3e84;
    padding: 20px 0 10px;
    margin-bottom: 50px;}

.cont_news_menu{padding:60px 0;}