@charset "utf-8";
/* CSS Document */

img {
    image-rendering: -webkit-optimize-contrast;
}
.cinfo #contents,
.cinfo #visual,
.school_detail_cinfo #contents,
.school_detail_cinfo #cinfo_visual{
  font-family: 'Noto Sans JP', sans-serif;
}
.cinfo .purpose_list li a p {
  margin: 10px 0 0;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
}
/*------------------------------------------------
#cinfo_index
-------------------------------------------------*/

#cinfo_index #visual {
    position: relative;
    height: 360px;
    margin: 0;
}
#cinfo_index #visual div{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 80px;
    color: #fff;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
    height: auto;
}
#cinfo_index #visual figure {
    position: relative;
    height: 360px;
    overflow: hidden;
}

#cinfo_index #visual figure img {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
#cinfo_index .level_course,
#cinfo_index .search_course,
#cinfo_index .society_course,
#cinfo_index .situation_course,
#school_detail_cinfo_index .level_course,
#school_detail_cinfo_index .search_course,
#school_detail_cinfo_index .society_course,
#school_detail_cinfo_index .situation_course{
    background: #E8EEF3;
    padding: 130px 0 60px;
}
#cinfo_index .other_course,
#school_detail_cinfo_index .other_course{
    background: #E8EEF3;
    padding: 130px 0;
}
#cinfo_index .level_course h2,
#cinfo_index .search_course h2,
#cinfo_index .society_course h2,
#cinfo_index .other_course h2,
#cinfo_index .situation_course h2,
#school_detail_cinfo_index .level_course h2,
#school_detail_cinfo_index .search_course h2,
#school_detail_cinfo_index .society_course h2,
#school_detail_cinfo_index .other_course h2,
#school_detail_cinfo_index .situation_course h2{
    font-size:3.8rem;
    font-weight: bold;
    display: flex;
	align-items: center;
    text-align: center;
    position: relative;
}
#cinfo_index .level_course h2::before,
#cinfo_index .level_course h2::after,
#cinfo_index .search_course h2::before,
#cinfo_index .search_course h2::after,
#cinfo_index .society_course h2::before,
#cinfo_index .society_course h2::after,
#cinfo_index .other_course h2::before,
#cinfo_index .other_course h2::after,
#cinfo_index .situation_course h2::before,
#cinfo_index .situation_course h2::after,
#school_detail_cinfo_index .level_course h2::before,
#school_detail_cinfo_index .level_course h2::after,
#school_detail_cinfo_index .search_course h2::before,
#school_detail_cinfo_index .search_course h2::after,
#school_detail_cinfo_index .society_course h2::before,
#school_detail_cinfo_index .society_course h2::after,
#school_detail_cinfo_index .other_course h2::before,
#school_detail_cinfo_index .other_course h2::after,
#school_detail_cinfo_index .situation_course h2::before,
#school_detail_cinfo_index .situation_course h2::after{
    content: "";
	flex-grow: 1;
	height: 1px;
	background: #D5D5D5;
	display: block;
}

#cinfo_index .level_course h2::before,
#cinfo_index .search_course h2::before,
#cinfo_index .society_course h2::before,
#cinfo_index .other_course h2::before,
#cinfo_index .situation_course h2::before,
#school_detail_cinfo_index .level_course h2::before,
#school_detail_cinfo_index .search_course h2::before,
#school_detail_cinfo_index .society_course h2::before,
#school_detail_cinfo_index .other_course h2::before,
#school_detail_cinfo_index .situation_course h2::before {
    margin-right: 80px;
}

#cinfo_index .level_course h2::after,
#cinfo_index .search_course h2::after,
#cinfo_index .society_course h2::after,
#cinfo_index .other_course h2::after,
#cinfo_index .situation_course h2::after,
#school_detail_cinfo_index .level_course h2::after,
#school_detail_cinfo_index .search_course h2::after,
#school_detail_cinfo_index .society_course h2::after,
#school_detail_cinfo_index .other_course h2::after,
#school_detail_cinfo_index .situation_course h2::after {
    margin-left: 80px;
}
#cinfo_index .level_course h2 div,
#cinfo_index .search_course h2 div,
#cinfo_index .society_course h2 div,
#cinfo_index .other_course h2 div,
#cinfo_index .situation_course h2 div,
#school_detail_cinfo_index .level_course h2 div,
#school_detail_cinfo_index .search_course h2 div,
#school_detail_cinfo_index .society_course h2 div,
#school_detail_cinfo_index .other_course h2 div,
#school_detail_cinfo_index .situation_course h2 div{
    position: absolute;
    top: -80px;
    left: 49%;
}

#cinfo_index .level_course .corseList ul,
#cinfo_index .search_course .corseList ul,
#cinfo_index .society_course .corseList ul,
#cinfo_index .other_course .corseList ul,
#cinfo_index .situation_course .corseList ul,
#school_detail_cinfo_index .level_course .corseList ul,
#school_detail_cinfo_index .search_course .corseList ul,
#school_detail_cinfo_index .society_course .corseList ul,
#school_detail_cinfo_index .other_course .corseList ul,
#school_detail_cinfo_index .situation_course .corseList ul{
  position: relative;
  display: flex;
  flex-wrap: wrap;
  width: 1200px;
  margin: 40px auto 0;
}

#cinfo_index .level_course .corseList ul li,
#cinfo_index .search_course .corseList ul li,
#cinfo_index .society_course .corseList ul li,
#school_detail_cinfo_index .level_course .corseList ul li,
#school_detail_cinfo_index .search_course .corseList ul li,
#school_detail_cinfo_index .society_course .corseList ul li{
    position: relative;
    flex: 0 0 385px;
    margin: 0 22px 20px 0;
    background: #FFF;
    border-radius: 5px;
    padding: 20px 20px 40px;
    box-shadow: 0 5px 0 -1px #ccc;
    border: 1px solid #e8e8e8;
    overflow: hidden;
    width: 100%;
}
#cinfo_index .other_course .corseList ul li,
#cinfo_index .situation_course .corseList ul li,
#school_detail_cinfo_index .other_course .corseList ul li,
#school_detail_cinfo_index .situation_course .corseList ul li{
    position: relative;
    flex: 0 0 588px;
    margin: 0 22px 20px 0;
    background: #FFF;
    border-radius: 5px;
    padding: 20px;
    box-shadow: 0 5px 0 -1px #ccc;
    border: 1px solid #e8e8e8;
    overflow: hidden;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

#cinfo_index .other_course .corseList ul li:nth-child(2),
#cinfo_index .situation_course .corseList ul li:nth-child(2),
#cinfo_index .situation_course .corseList ul li:nth-child(4),
#cinfo_index .situation_course .corseList ul li:nth-child(6),
#cinfo_index .situation_course .corseList ul li:nth-child(8),
#school_detail_cinfo_index .other_course .corseList ul li:nth-child(2),
#school_detail_cinfo_index .situation_course .corseList ul li:nth-child(2),
#school_detail_cinfo_index .situation_course .corseList ul li:nth-child(4),
#school_detail_cinfo_index .situation_course .corseList ul li:nth-child(6),
#school_detail_cinfo_index .situation_course .corseList ul li:nth-child(8){
    margin: 0 0 20px;
}
#cinfo_index .society_course .corseList ul li:nth-child(3),
#school_detail_cinfo_index .search_course .corseList ul li:nth-child(3),
#school_detail_cinfo_index .society_course .corseList ul li:nth-child(3){
    margin: 0 0 20px 0;
}

#cinfo_index .level_course .corseList ul li:nth-child(1),
#cinfo_index .search_course .corseList ul li:nth-child(1),
#cinfo_index .search_course .corseList ul li:nth-child(3),
#cinfo_index .search_course .corseList ul li:nth-child(5),
#cinfo_index .society_course .corseList ul li:nth-child(4),
#school_detail_cinfo_index .level_course .corseList ul li:nth-child(1),
#school_detail_cinfo_index .search_course .corseList ul li:nth-child(1),
#school_detail_cinfo_index .search_course .corseList ul li:nth-child(3),
#school_detail_cinfo_index .search_course .corseList ul li:nth-child(5),
#school_detail_cinfo_index .society_course .corseList ul li:nth-child(4){
    margin: 0 22px 20px 200px;
}

#cinfo_index .level_course .corseList ul li .triangle,
#cinfo_index .search_course .corseList ul li .triangle,
#cinfo_index .society_course .corseList ul li .triangle,
#cinfo_index .other_course .corseList ul li .triangle,
#cinfo_index .situation_course .corseList ul li .triangle,
#school_detail_cinfo_index .level_course .corseList ul li .triangle,
#school_detail_cinfo_index .search_course .corseList ul li .triangle,
#school_detail_cinfo_index .society_course .corseList ul li .triangle,
#school_detail_cinfo_index .other_course .corseList ul li .triangle,
#school_detail_cinfo_index .situation_course .corseList ul li .triangle{
  position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width:0 0 60px 60px;
    border-color: transparent transparent #DC0073 transparent;
}

#cinfo_index .level_course .corseList ul li .triangle i,
#cinfo_index .search_course .corseList ul li .triangle i,
#cinfo_index .society_course .corseList ul li .triangle i,
#cinfo_index .other_course .corseList ul li .triangle i,
#cinfo_index .situation_course .corseList ul li .triangle i,
#school_detail_cinfo_index .level_course .corseList ul li .triangle i,
#school_detail_cinfo_index .search_course .corseList ul li .triangle i,
#school_detail_cinfo_index .society_course .corseList ul li .triangle i,
#school_detail_cinfo_index .other_course .corseList ul li .triangle i,
#school_detail_cinfo_index .situation_course .corseList ul li .triangle i{
    position: absolute;
    bottom: -48px;
    right: 10px;
    z-index: 1;
    color: #fff;
}
#cinfo_index .level_course .corseList ul li a,
#cinfo_index .search_course .corseList ul li a,
#cinfo_index .society_course .corseList ul li a,
#cinfo_index .other_course .corseList ul li a,
#cinfo_index .situation_course .corseList ul li a,
#school_detail_cinfo_index .level_course .corseList ul li a,
#school_detail_cinfo_index .search_course .corseList ul li a,
#school_detail_cinfo_index .society_course .corseList ul li a,
#school_detail_cinfo_index .other_course .corseList ul li a,
#school_detail_cinfo_index .situation_course .corseList ul li a{
    text-decoration: none;
    color: #000;
    width: 100%;
}
#cinfo_index .level_course .corseList ul li figure,
#cinfo_index .search_course .corseList ul li figure,
#cinfo_index .society_course .corseList ul li figure,
#school_detail_cinfo_index .level_course .corseList ul li figure,
#school_detail_cinfo_index .search_course .corseList ul li figure,
#school_detail_cinfo_index .society_course .corseList ul li figure {
    text-align: center;
    height:170px;
}
#cinfo_index .other_course .corseList ul li figure,
#cinfo_index .situation_course .corseList ul li figure,
#school_detail_cinfo_index .other_course .corseList ul li figure,
#school_detail_cinfo_index .situation_course .corseList ul li figure {
    float: left;
    padding: 0 20px;
}
#cinfo_index .level_course .corseList ul li figure img,
#cinfo_index .search_course .corseList ul li figure img,
#cinfo_index .society_course .corseList ul li figure img,
#cinfo_index .other_course .corseList ul li figure img,
#school_detail_cinfo_index .level_course .corseList ul li figure img,
#school_detail_cinfo_index .search_course .corseList ul li figure img,
#school_detail_cinfo_index .society_course .corseList ul li figure img,
#school_detail_cinfo_index .other_course .corseList ul li figure img{
  transition-duration: 0.3s;
    padding-top:20px;
}
#cinfo_index .level_course .corseList ul li figure img:hover,
#cinfo_index .search_course .corseList ul li figure img:hover,
#cinfo_index .society_course .corseList ul li figure img:hover,
#cinfo_index .other_course .corseList ul li figure img:hover,
#cinfo_index .situation_course .corseList ul li figure img:hover,
#school_detail_cinfo_index .level_course .corseList ul li figure img:hover,
#school_detail_cinfo_index .search_course .corseList ul li figure img:hover,
#school_detail_cinfo_index .society_course .corseList ul li figure img:hover,
#school_detail_cinfo_index .other_course .corseList ul li figure img:hover,
#school_detail_cinfo_index .situation_course .corseList ul li figure img:hover{
  transform: scale(1.2);
  transition-duration: 0.3s;
}

#cinfo_index .level_course .corseList ul li p,
#cinfo_index .search_course .corseList ul li p,
#cinfo_index .society_course .corseList ul li p,
#school_detail_cinfo_index .level_course .corseList ul li p,
#school_detail_cinfo_index .search_course .corseList ul li p,
#school_detail_cinfo_index .society_course .corseList ul li p{
    font-size: 3.2rem;
    padding: 10px 20px;
    font-weight: bold;
    text-align: center;
    color:#6179A5;
}
#cinfo_index .other_course .corseList ul li p,
#cinfo_index .situation_course .corseList ul li p,
#school_detail_cinfo_index .other_course .corseList ul li p,
#school_detail_cinfo_index .situation_course .corseList ul li p{
    font-size: 3.2rem;
    padding: 10px 20px;
    font-weight: bold;
    text-align: left;
    color:#6179A5;
    line-height: 1.2;
}
#cinfo_index .other_course .corseList ul li p span,
#cinfo_index .situation_course .corseList ul li p span,
#school_detail_cinfo_index .other_course .corseList ul li p span,
#school_detail_cinfo_index .situation_course .corseList ul li p span{
    font-size: 2.8rem;
}

#cinfo_index .search_course .corseList ul li p i.icon-outer,
#cinfo_index .society_course .corseList ul li p i.icon-outer,
#cinfo_index .other_course .corseList ul li p i.icon-outer,
#cinfo_index .situation_course .corseList ul li p i.icon-outer,
#school_detail_cinfo_index .search_course .corseList ul li p i.icon-outer,
#school_detail_cinfo_index .society_course .corseList ul li p i.icon-outer,
#school_detail_cinfo_index .other_course .corseList ul li p i.icon-outer,
#school_detail_cinfo_index .situation_course .corseList ul li p i.icon-outer{
    font-size:1.2rem;
}
#cinfo_index .search_course .corseList ul li span,
#cinfo_index .society_course .corseList ul li span,
#cinfo_index .other_course .corseList ul li span,
#cinfo_index .situation_course .corseList ul li span,
#school_detail_cinfo_index .search_course .corseList ul li span,
#school_detail_cinfo_index .society_course .corseList ul li span,
#school_detail_cinfo_index .other_course .corseList ul li span,
#school_detail_cinfo_index .situation_course .corseList ul li span{
}

#cinfo_index .memo,
#school_detail_cinfo_index .memo{
    text-align: center;
    font-weight: bold;
    font-size:1.8rem;
}

#cinfo_index .teacher_course a h2,
#school_detail_cinfo_index .teacher_course a h2 {
    font-size: 2.4rem;
    width: 700px;
}
#cinfo_index .counseling_area,
#school_detail_cinfo_index .counseling_area {
    width: 960px;
    margin: 0 auto;
}
#cinfo_index .counseling_area .counseling,
#school_detail_cinfo_index .counseling_area .counseling{
    -webkit-box-align: center;
    -webkit-box-pack: center;
    height: 200px;
    background-image: url(/img/bg_counseling_02.png);
    background-repeat: no-repeat;
    font-weight: bold;
    margin-bottom: 20px;
    background-size: 100%;
    border: 10px solid #eee;
    text-align: center;
    padding: 10px 0 0;
    background-position: right;
    background-size: 40%;
}

#cinfo_index .counseling_area .counseling h2,
#school_detail_cinfo_index .counseling_area .counseling h2{
    font-weight: normal;
}

#cinfo_index .counseling_area .counseling a,
#school_detail_cinfo_index .counseling_area .counseling a{
    text-decoration: none;
    padding: 0 190px 0 0;
    display: block;
}

#cinfo_index .counseling_area .counseling a [class^="btn_"],
#school_detail_cinfo_index .counseling_area .counseling a [class^="btn_"]{
  width: 400px;
    margin: 5px 0 0;
}

#cinfo_index .counseling_area .counseling p.online,
#school_detail_cinfo_index .counseling_area .counseling p.online {
    text-align: center;
    font-size: 2.4rem;
    margin: 0 0 10px;
    height: 40px;
    position: relative;
    z-index: 0;
    display: inline-block;
}
#cinfo_index .counseling_area .counseling p.online::before,
#school_detail_cinfo_index .counseling_area .counseling p.online::before{
    content: "";
    display: inline-block;
    width: 42px;
    height: 39px;
    background: url(/img/online_icon.png) no-repeat left;
    margin: 0 10px 0 -40px;
    vertical-align: middle;
}

#cinfo_index .counseling_area .counseling p.online::after,
#school_detail_cinfo_index .counseling_area .counseling p.online::after{
    content: "";
    background: #FFD9E8;
    position: absolute;
    height: 5px;
    bottom: 6px;
    display: block;
    width: 100%;
    z-index: -1;
}
    
.cinfo footer #footer_top nav > ul > li:last-child {
    padding-top:0;
}
.cinfo footer #footer_top nav > ul > li ul{
    width: 100% !important;
}
.cinfo footer #other ul li {
    flex: 0 0 auto !important;
}

/*------------------------------------------------
#cinfo　共通
-------------------------------------------------*/
.cinfo #visual,
.school_detail_cinfo #cinfo_visual{
    height: 410px;
    margin: 0;
}
.cinfo #visual figure,
.school_detail_cinfo #cinfo_visual figure{
    position: relative;
    height: 410px;
    overflow: hidden;
}
.cinfo #visual div,
.school_detail_cinfo #cinfo_visual div{
    width: 1200px;
    margin: 0 auto;
    height: 410px;
    position: relative;
}

.cinfo #visual div a.btn_blue,
.school_detail_cinfo #cinfo_visual div a.btn_blue{
    background: linear-gradient(to right, #1E3C72, #2A5298);
    font-weight: normal;
    bottom: 20%;
    position: absolute;
    left: 4%;
    padding: 10px 40px 10px 50px;
    height: auto;
    line-height: 1.2;
    text-decoration: none;
    border-radius: 100px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    border: none;
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3);
}

/*　期間限定　20241225追加*/

/*.cinfo #visual div a.btn_blue::before,
.school_detail_cinfo #cinfo_visual div a.btn_blue::before{
  content: "＼ 入学金免除実施中！10/31まで ／";
  color: #2A5298;
  position: absolute;
  top: -15px;
  font-weight: bold;
  font-size: 1.4rem;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  text-shadow: 0 0 4px #fff;
  width: 100%;
}*/

/*　期間限定　20241225追加*/

/*#cinfo_coaching_index #visual div a.btn_blue::before{
  display: none;
}*/

/*　期間限定　20241225追加*/

/*
#cinfo_lesson01_index #visual div a.btn_blue,
#cinfo_lesson03_index #visual div a.btn_blue,
#cinfo_lesson04_index #visual div a.btn_blue,
#cinfo_lesson05_index #visual div a.btn_blue,
#cinfo_lesson06_index #visual div a.btn_blue,
#cinfo_lesson08_index #visual div a.btn_blue,
#cinfo_lesson13_index #visual div a.btn_blue,
#cinfo_high_s_index #visual div a.btn_blue,
#cinfo_junior_index #visual div a.btn_blue,
#cinfo_senior_index #visual div a.btn_blue,
.cinfo_power #visual div a.btn_blue,
.cinfo #visual div a.btn_blue,
#cinfo_freetime_index #visual div a.btn_blue,
.school_detail_cinfo #cinfo_visual div a.btn_blue{
  bottom: 13% !important;
}
*/


/*　期間限定　20241225追加*/

/*
.cinfo .ml_btn a.btn_blue::before,
.cinfo .ml_btn02 a.btn_blue::before,
.school_detail_cinfo .ml_btn a.btn_blue::before,
.school_detail_cinfo .ml_btn02 a.btn_blue::before,
.school_detail_cinfo .course_eikaiwa .ml_btn02 a.btn_blue::before,
.school_detail_cinfo .course_discussion .ml_btn02 a.btn_blue::before{
  content: "＼ 入学金免除実施中！10/31まで ／";
  color: #2A5298;
  position: absolute;
  top: -20px;
  font-weight: bold;
  font-size: 1.6rem;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  width: 100%;
}
*/


/*　期間限定　20241225追加*/

/*
#cinfo_lesson11_index .ml_btn a.btn_blue,
#cinfo_senior_index .ml_btn a.btn_blue,
.school_detail_cinfo .course_senior .ml_btn a.btn_blue,
.school_detail_cinfo .course_eikaiwa .ml_btn a.btn_blue{
  margin: 40px 10px 0;
}

*/



.cinfo #visual div h1 span,
.school_detail_cinfo #cinfo_visual div h1 span {
  font-size: 1.8rem;
  font-weight: bold;
  background: linear-gradient(transparent 70%, #FFE26D 30%);
  display: inline-block;
  margin-bottom: 20px;
}
.cinfo .btn_p,
.school_detail_cinfo .btn_p{
    font-size:1.8rem;
    margin:40px 0 10px;
    text-align: center;
}

.cinfo .ml_btn,
.school_detail_cinfo .ml_btn{
    margin: 60px 0;
    text-align: center;
}
.cinfo .ml_btn a.btn_blue,
.school_detail_cinfo .ml_btn a.btn_blue{
    background: linear-gradient(to right, #1E3C72, #2A5298);
    font-weight: normal;
    /*padding: 8px 40px 13px 50px;*/
    height: auto;
    line-height: 1.2;
    text-decoration: none;
    color: #fff;
    text-align: center;
    cursor: pointer;
    border: none;
}

.cinfo #visual div a.btn_blue:hover,
.cinfo .ml_btn a.btn_blue:hover,
.school_detail_cinfo #cinfo_visual div a.btn_blue:hover,
.school_detail_cinfo .ml_btn a.btn_blue:hover{
    background: linear-gradient(to right, #1E3C72, #2A5298);
    color: #FFF;
    border-color: #224D9A;
    opacity: .8;
}

.cinfo #visual div a p.visual_btn,
.cinfo .ml_btn a p.visual_btn,
.school_detail_cinfo #cinfo_visual div a p.visual_btn,
.school_detail_cinfo .ml_btn a p.visual_btn{
    font-size: 1.8rem;
    font-weight: 600;
    padding: 5px 0;
}
.cinfo #visual div a p.visual_btn span:nth-of-type(1),
.cinfo .ml_btn a p.visual_btn span:nth-of-type(1),
.school_detail_cinfo #cinfo_visual div a p.visual_btn span:nth-of-type(1),
.school_detail_cinfo .ml_btn a p.visual_btn span:nth-of-type(1){
    font-size: 1.8rem;
    color:#FFD8D8;
}

.cinfo #visual div a p.visual_btn i,
.cinfo .ml_btn a p.visual_btn i,
.cinfo .ml_btn02 a p.visual_btn i,
.cinfo #course a.btn_blue i,
.cinfo #course a.btn_blue_o i,
#cinfo_lesson13_index .more_plan i,
.school_detail_cinfo #cinfo_visual div a p.visual_btn i{
    font-size: 1.2rem;
}
.cinfo .btn_blue .icon-right:last-child,
.cinfo .btn_blue_o .icon-right:last-child,
.school_detail_cinfo .btn_blue .icon-right:last-child,
.school_detail_cinfo .btn_blue_o .icon-right:last-child{
    position: absolute;
    top: 50%;
    right: 10px;
    margin: -0.5em 0 0;
}

.cinfo .ml_btn02,
.school_detail_cinfo .ml_btn02{
    margin: 60px 0 20px;
    text-align: center;
}
.cinfo .ml_btn02 a.btn_blue,
.school_detail_cinfo .ml_btn02 a.btn_blue{
    background: linear-gradient(to right, #1E3C72, #2A5298);
    font-weight: normal;
    padding: 15px 40px 13px 50px;
    height: auto;
    line-height: 1.2;
    text-decoration: none;
    color: #fff;
    text-align: center;
    cursor: pointer;
    border: none;
}

.cinfo .ml_btn02 a.btn_blue:hover,
.school_detail_cinfo .ml_btn02 a.btn_blue:hover{
    background: linear-gradient(to right, #1E3C72, #2A5298);
    color: #FFF;
    border-color: #224D9A;
    opacity: .8;
}

.cinfo .ml_btn02 a p.visual_btn,
.school_detail_cinfo .ml_btn02 a p.visual_btn{
    font-size: 1.8rem;
}
.cinfo .ml_btn02 a p.visual_btn span:nth-of-type(1),
.school_detail_cinfo .ml_btn02 a p.visual_btn span:nth-of-type(1){
    font-size: 1.8rem;
    color:#FFD8D8;
}
.cinfo #worries,
.cinfo #combi,
.school_detail_cinfo #worries,
.school_detail_cinfo #combi{
    background-color: #E7F0F9;
    padding:60px 0;
}

#cinfo_high_s_index #worries,
#cinfo_junior_index #worries {
    padding: 0;
    background-color: #fff;
}


.cinfo #worries ul,
.school_detail_cinfo #worries ul{
    display: flex;
    flex-wrap: wrap;
    width: 960px;
    margin: 0 auto;
}

.cinfo #worries ul li,
.school_detail_cinfo #worries ul li{
      flex: 0 0 24%;
      margin:0 auto;
      padding:0 0 20px;
      text-align: center;
}
.cinfo #worries ul li figure img,
.school_detail_cinfo #worries ul li figure img{
    width: 100%;
}
.cinfo #worries ul li figure figcaption,
.school_detail_cinfo #worries ul li figure figcaption{
    font-weight: bold;
    margin-top: 10px;
}
.cinfo #worries h2,
.cinfo #course h2,
.cinfo #combi h2,
.cinfo #check h2,
.cinfo #point h2,
.cinfo #system h2,
.cinfo #system_price h2,
#cinfo_lesson11_index #recom h2,
#cinfo_lesson11_index .lesson_learn h2,
.school_detail_cinfo #worries h2,
.school_detail_cinfo #course h2,
.school_detail_cinfo #combi h2,
.school_detail_cinfo #check h2,
.school_detail_cinfo #point h2,
.school_detail_cinfo #system h2,
.school_detail_cinfo #system_price h2,
.school_detail_cinfo #recom h2,
.school_detail_cinfo .lesson_learn h2,
.cinfo #purpose_plan h2,
.school_detail_cinfo #purpose_plan h2{
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
    margin: 0 0 50px 0;
    line-height: 1.4;
}
.cinfo #worries h2 span,
.cinfo #course h2 span,
.cinfo #combi h2 span,
.cinfo #check h2 span,
.cinfo #point h2 span,
.cinfo #system h2 span,
.cinfo #system_price h2 span,
#cinfo_lesson11_index #recom h2 span,
#cinfo_lesson11_index .lesson_learn h2 span,
.school_detail_cinfo #worries h2 span,
.school_detail_cinfo #course h2 span,
.school_detail_cinfo #combi h2 span,
.school_detail_cinfo #check h2 span,
.school_detail_cinfo #point h2 span,
.school_detail_cinfo #system h2 span,
.school_detail_cinfo #system_price h2 span,
.school_detail_cinfo #recom h2 span,
.school_detail_cinfo .lesson_learn h2 span,
.cinfo #purpose_plan h2 span,
.school_detail_cinfo #purpose_plan h2 span{
    font-size: 3.2rem;
}

.cinfo #course,
.cinfo #check,
.cinfo #system,
.school_detail_cinfo #course,
.school_detail_cinfo #check,
.school_detail_cinfo #system{
    padding:60px 0 0;
}

.cinfo #course .course_list,
.school_detail_cinfo #course .course_list{
    width: 960px;
    margin: 40px auto;
    padding: 25px 35px;
    box-shadow: 3px 3px 16px -3px rgba(58, 78, 114, 0.25);
    background-color: #fff;
    border-radius: 8px;
    position: relative;
    word-break: break-all;
}
.cinfo #course .course_list div,
.school_detail_cinfo #course .course_list div{
    position: absolute;
    left:15px;
    top:-25px;
    width: 80px;
}
.cinfo #course .course_list div img,
.school_detail_cinfo #course .course_list div img{
    width: 100%;
}

.cinfo #course .course_list figure,
.school_detail_cinfo #course .course_list figure{
    position: absolute;
    right:25px;
    top:-25px;
    width: 315px;
}

.cinfo #course .course_list figure img,
.school_detail_cinfo #course .course_list figure img{
    width: 100%;
    border-radius: 8px;
}
.cinfo #course .course_list h3{
    text-align: left;
    font-weight: bold;
    font-size: 2.4rem;
    line-height: 1.4;
    margin: 0 0 20px 80px;
    border-bottom: 1px solid #224D9A;
    color: #224D9A;
    width: 450px;
    padding-bottom:5px;
}

.school_detail_cinfo #course .course_list h3{
    text-align: left;
    font-weight: bold;
    font-size: 2.4rem;
    line-height: 1.4;
    margin: 0 0 20px 0;
    border-bottom: 1px solid #224D9A;
    color: #224D9A;
    width: 530px;
    padding-bottom:5px;
}
.cinfo #course .course_list h3 a,
.school_detail_cinfo #course .course_list h3 a{
  text-decoration: none;
  color: #224D9A;
}

.cinfo #course .course_list h3 span,
.school_detail_cinfo #course .course_list h3 span{
    font-size: 1.4rem;
    font-weight: normal;
    color: #333;
    border-radius: 25px;
    border: 1px solid #707070;
    padding: 0 10px;
    margin: 0 0 0 15px;
    vertical-align: middle;
}
.cinfo #course .course_list h3 span span,
.school_detail_cinfo #course .course_list h3 span span{
    font-size: 1.1rem;
    border:none;
    margin: 0;
}

.cinfo #course .course_list p,
.school_detail_cinfo #course .course_list p{
    width: 530px;
    margin-bottom: 30px;
}

.cinfo #course .course_list ul,
.school_detail_cinfo #course .course_list ul{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.cinfo #course .course_list ul li,
.school_detail_cinfo #course .course_list ul li{
      flex: 0 0 110px;
      padding:0 0 20px;
}

.cinfo #course .course_list ul li:nth-of-type(2),
.school_detail_cinfo #course .course_list ul li:nth-of-type(2){
    flex: 0 0 420px;
    padding: 0 0 20px;
    margin-left: 30px;
}

.cinfo #course .course_list ul li:nth-of-type(3),
.school_detail_cinfo #course .course_list ul li:nth-of-type(3){
    flex: 0 0 100%;
    padding: 0 0 20px;
    text-align: center;
}

.cinfo #course .course_list ul li p,
.school_detail_cinfo #course .course_list ul li p{
    font-size: 1.3rem;
    width: auto;
    margin-bottom: 0;
    color: #224D9A;
    text-indent: 1em;
    margin-left: 1em;
    font-weight: bold;
}

.cinfo #course .course_list ul li p::before,
.school_detail_cinfo #course .course_list ul li p::before{
    content: "";
    display: inline-block;
    background-size: 100%;
    width: 17px;
    height: 17px;
    background-image: url(/cinfo/img/checkbox.png);
    margin: 0 10px 0 -40px;
    vertical-align: middle;
    background-repeat: no-repeat;
}
.cinfo #course .course_list ul li.osusume div,
.school_detail_cinfo #course .course_list ul li.osusume div{
    position: relative;
    display: inline-block;
    padding: 15px 0;
    text-align: center;
    color: #FFF;
    font-size: 1.6rem;
    font-weight: bold;
    border-radius: 10px;
    background-color: #E40057;
    line-height: 1.4;
    width: 90%;
    left: initial;
    top: initial;
}
.cinfo #course .course_list ul li.osusume div::before,
.school_detail_cinfo #course .course_list ul li.osusume div::before {
    content: "";
    position: absolute;
    top: 50%;
    right: -25px;
    margin-top: -15px;
    border: 15px solid transparent;
    border-left: 15px solid #E40057;
    z-index: 0;
}

.cinfo a.btn_blue,
.school_detail_cinfo a.btn_blue{
    background: linear-gradient(to right, #1E3C72, #2A5298);
    font-weight: normal;
    padding: 13px 80px;
    height: auto;
    line-height: 1.2;
    text-decoration: none;
    color: #fff;
    text-align: center;
    cursor: pointer;
    border: 2px solid #224D9A;
    margin: 0 10px;
    position: relative;
    display: inline-flex;
    border-radius: 100px;
    font-size: 1.8rem;
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3);
}
.cinfo a.btn_blue:hover,
.school_detail_cinfo a.btn_blue:hover{
    background: linear-gradient(to right, #1E3C72, #2A5298);
    color: #FFF;
    border-color: #224D9A;
    opacity: .8;
}
.cinfo #course a.btn_blue_o,
.school_detail_cinfo #course a.btn_blue_o{
    background: #fff;
    font-weight: normal;
    padding: 10px 40px;
    height: auto;
    line-height: 1.2;
    text-decoration: none;
    color: #1E3C72;
    text-align: center;
    cursor: pointer;
    border: 2px solid #224D9A;
    margin:0 10px;
    position: relative;
    border-radius: 100px;
}

.cinfo #course a.btn_blue_o:hover,
.cinfo #course a.btn_blue_o:hover{
    background: #fff;
    color: #224D9A;
    border-color: #224D9A;
    opacity: .8;
}

.cinfo #check .inner,
.school_detail_cinfo #check .inner{
    width: 960px;
    margin: 0 auto 40px;
    padding: 25px 35px;
    box-shadow: 1px 1px 8px -1px rgba(68, 68, 68, 0.25);
    background-color: #fff;
    border-radius: 4px;
    position: relative;
    word-break: break-all;
    display: flex;
    flex-wrap: wrap;
}
.cinfo #check .inner .check_icon,
.school_detail_cinfo #check .inner .check_icon{
    position: absolute;
    left: 20px;
    top: -25px;
    width: 200px;
    box-shadow: none;
    background: none;
    padding: 0;
}
.cinfo #check .inner .check_icon img,
.school_detail_cinfo #check .inner .check_icon img{
    width: 100%;
}

.cinfo #check .inner figure,
.school_detail_cinfo #check .inner figure{
    width: 240px;
    margin: 50px 10px 0 0;
    flex: 0 0 240px;
}
.cinfo #check .inner figure img,
.school_detail_cinfo #check .inner figure img{
    width: 100%;
}
.cinfo #check .inner .right_area,
.school_detail_cinfo #check .inner .right_area {
    flex: 0 0 640px;
    margin: 0;
}
.cinfo #check .inner .right_area h3,
.school_detail_cinfo #check .inner .right_area h3{
    font-weight: bold;
    font-size: 1.8rem;
    line-height: 1.4;
    margin: 20px 0;
}

.cinfo #check .inner .right_area h3 span,
.school_detail_cinfo #check .inner .right_area h3 span{
    color:#E40057;
}
.cinfo #check .inner .right_area ul,
.school_detail_cinfo #check .inner .right_area ul{
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
}
.cinfo #check .inner .right_area ul li,
.school_detail_cinfo #check .inner .right_area ul li{
    flex: 0 0 23%;
    margin-right: 10px;
}
.cinfo #check .inner .right_area ul li:nth-of-type(2),
.school_detail_cinfo #check .inner .right_area ul li:nth-of-type(2){
    flex: 0 0 75%;
    margin: 10px 0 0 0;
}

.cinfo #check .inner .right_area ul li:nth-of-type(3),
.school_detail_cinfo #check .inner .right_area ul li:nth-of-type(3){
    flex: 0 0 100%;
    padding: 0 0 20px;
    text-align: center;
}


.cinfo #check .inner .right_area ul li p,
.school_detail_cinfo #check .inner .right_area ul li p{
    font-size: 1.3rem;
    width: auto;
    margin-bottom: 0;
    color: #224D9A;
    margin-left: 2em;
    text-indent: -2.1em;
    font-weight: bold;
}
.cinfo #check .inner .right_area ul li p::before,
.school_detail_cinfo #check .inner .right_area ul li p::before{
    content: "";
    display: inline-block;
    background-size: 100%;
    width: 17px;
    height: 17px;
    background-image: url(/cinfo/img/checkbox.png);
    margin: 0 10px 0 0;
    vertical-align: middle;
    background-repeat: no-repeat;
}
.cinfo #check .inner .right_area ul li:nth-of-type(1) div,
.school_detail_cinfo #check .inner .right_area ul li:nth-of-type(1) div{
    position: relative;
    display: inline-block;
    padding: 10px 0;
    text-align: center;
    color: #FFF;
    font-size: 1.6rem;
    font-weight: bold;
    border-radius: 10px;
    background-color: #224D9A;
    line-height: 1.4;
    width: 90%;
    left: initial;
    top: initial;
    margin: 0;
}
.cinfo #check .inner .right_area ul li:nth-of-type(1) div::before,
.school_detail_cinfo #check .inner .right_area ul li:nth-of-type(1) div::before {
    content: "";
    position: absolute;
    top: 50%;
    right: -25px;
    margin-top: -15px;
    border: 15px solid transparent;
    border-left: 15px solid #224D9A;
    z-index: 0;
}

.cinfo #system ul,
.school_detail_cinfo #system ul{
    display: flex;
    flex-wrap: wrap;
    width: 600px;
    margin: 0 auto;
}
.school_detail_cinfo .course_toefl #system ul.note{
    width: 100%;
    margin: 0 auto;
}

.cinfo #system ul li,
.school_detail_cinfo #system ul li{
    flex: 0 0 100%;
    margin: 0 auto 10px;
    text-align: center;
    border: 3px solid #224D9A;
    border-radius: 8px;
}
.school_detail_cinfo .course_toefl #system ul.note li{
    border:none;
  text-align: left;
  margin: 0 auto;
}
.school_detail_cinfo .course_toefl #system ul.note li > span:first-child {
  display: initial;
}
.cinfo #system ul li a,
.school_detail_cinfo #system ul li a{
  display: block;
  padding:20px;
  text-decoration: none;
}

.cinfo #system ul li figure,
.school_detail_cinfo #system ul li figure{
    float: left;
    width: 195px;
}
.cinfo #system ul li figure img,
.school_detail_cinfo #system ul li figure img{
    width: 100%;
}

.cinfo #system ul li p,
.school_detail_cinfo #system ul li p {
    font-size: 1.8rem;
    margin: 0 0 10px;
    text-align: left;
    font-weight: bold;
    overflow: hidden;
    line-height: 1.4;
}
.cinfo #system ul li p span,
.school_detail_cinfo #system ul li p span{
    margin-left: 70px;
}
.cinfo #system ul li p span span,
.cinfo #system ul li p span.teacher_s,
.school_detail_cinfo #system ul li p span span,
.school_detail_cinfo #system ul li p span.teacher_s{
    margin-left: 0;
    font-size: 1.4rem;
}
.cinfo #system ul li p::before,
.school_detail_cinfo #system ul li p::before{
    content: "";
    display: inline-block;
    background-size: 100%;
    width: 20px;
    height: 20px;
    background-image: url(/cinfo/img/checkbox.png);
    margin: 0 10px 0 40px;
    vertical-align: middle;
    background-repeat: no-repeat;
}
.cinfo #system ul li .course_name,
.school_detail_cinfo #system ul li .course_name{
    background: #E7F0F9;
    padding: 5px 40px;
    border-radius: 50px;
    margin: 0 auto 20px;
    font-size: 1.8rem;
    color: #224D9A;
    font-weight: bold;
    width: 350px;
}
.cinfo #system ul li .btn_blue,
.cinfo #system ul li .btn_blue:hover,
.school_detail_cinfo #system ul li .btn_blue,
.school_detail_cinfo #system ul li .btn_blue:hover{
  background: linear-gradient(to right, #1E3C72, #2A5298);
  color: #FFF;
  border-color: #224D9A;
  width: 380px;
}

.cinfo #system .inner,
.school_detail_cinfo #system .inner{
    width: 650px;
    margin: 0 auto ;
}

.cinfo #system .inner table,
.school_detail_cinfo #system .inner table {
    border: 2px solid #E40057;
}

.cinfo #system .inner th,
.school_detail_cinfo #system .inner th {
    padding: 15px;
    font-weight: bold;
    vertical-align: middle;
    border-right: 1px dotted #E40057;
    border-bottom: 1px dotted #E40057;
    background-color: #FFEBF2;
    font-size: 2rem;
}
.cinfo #system .inner td,
.school_detail_cinfo #system .inner td {
    padding:15px;
    vertical-align:middle;
    border-right:1px solid #E40057;
    border-bottom:1px dotted #E40057;
    font-size: 1.8rem;
}
.cinfo #system .inner td span,
.school_detail_cinfo #system .inner td span{
    font-size: 2.4rem;
}
.cinfo #system .inner td.price span,
.school_detail_cinfo #system .inner td.price span{
    font-size: 2.2rem;
    font-weight: bold;
}

.cinfo #other,
.school_detail_cinfo #other{
    padding:60px 0 0;
}

.cinfo #other h2,
.school_detail_cinfo #other h2{
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
    margin: 0 0 50px 0;
    line-height: 1.4;
}
.cinfo #other h2 span,
.school_detail_cinfo #other h2 span{
    font-size: 3.2rem;
}

.cinfo #other .other_bg,
.school_detail_cinfo #other .other_bg{
    height: 360px;
    padding: 20px 0;
}
.cinfo #other .other_bg .inner,
.school_detail_cinfo #other .other_bg .inner{
    width: 960px;
    margin:0 auto;
}

.cinfo #other .other_bg .inner .course_half,
.school_detail_cinfo #other .other_bg .inner .course_half {
    width: 500px;
    padding: 35px;
    box-shadow:1px 1px 8px -1px rgba(68, 68, 68, 0.25);
    background-color: #fff;
    border-radius: 8px;
    position: relative;
    word-break: break-all;
    float:right;
    height: 320px;
}

.cinfo #other .other_bg .inner .course_half h3 {
    font-weight: bold;
    font-size: 2.4rem;
    line-height: 1.4;
    color: #224D9A;
    text-align: center;
    margin-bottom: 30px;
}
.school_detail_cinfo #other .other_bg .inner .course_half h3 {
    font-weight: bold;
    font-size: 2.4rem;
    line-height: 1.4;
    color: #224D9A;
    text-align: center;
    margin-bottom: 30px;
  text-align: left;
}

.cinfo #other .other_bg .inner .course_half p,
.school_detail_cinfo #other .other_bg .inner .course_half p{
    font-size: 1.3rem;
    width: auto;
    margin: 0 0 10px 50px;
    color: #224D9A;
}

.cinfo #other .other_bg .inner .course_half p::before,
.school_detail_cinfo #other .other_bg .inner .course_half p::before{
    content: "";
    display: inline-block;
    background-size: 100%;
    width: 17px;
    height: 17px;
    background-image: url(/cinfo/img/checkbox.png);
    margin: 0 10px 0 -40px;
    vertical-align: middle;
    background-repeat: no-repeat;
}
.cinfo #other .other_bg .inner .course_half a.btn_blue_o{
    background: #fff;
    font-weight: normal;
    padding: 10px 40px;
    height: auto;
    line-height: 1.2;
    text-decoration: none;
    color: #1E3C72;
    text-align: center;
    cursor: pointer;
    border: 2px solid #224D9A;
    margin: 40px auto;
    position: relative;
    border-radius: 100px;
    width: 300px;
    display: block;
}
.school_detail_cinfo #other .other_bg .inner .course_half a.btn_blue_o{
    background: #fff;
    font-weight: normal;
    padding: 10px 40px;
    height: auto;
    line-height: 1.2;
    text-decoration: none;
    color: #1E3C72;
    text-align: center;
    cursor: pointer;
    border: 2px solid #224D9A;
    margin: 40px 0;
    position: relative;
    border-radius: 100px;
    width: 300px;
    display: block;
}

 #other .other_bg .inner .course_half a.btn_blue_o:hover{
    background: #fff;
    color: #224D9A;
    border-color: #224D9A;
    opacity: .8;
}

.cinfo #other ul,
.school_detail_cinfo #other ul{
    display: flex;
    flex-wrap: wrap;
    width: 960px;
    margin: 0 auto;
}

.cinfo #other ul li,
.school_detail_cinfo #other ul li {
    flex: 0 0 48%;
    margin: 0 4% 3% 0;
    word-break: break-all;
}
.cinfo #other ul li:nth-of-type(2n),
.school_detail_cinfo #other ul li:nth-of-type(2n){
    padding: 0;
    margin: 0;
}

.cinfo #other ul li figure,
.school_detail_cinfo #other ul li figure{
    width: 34%;
    float: left;
    margin: 0 4% 0 0;
}
.cinfo #other ul li figure img,
.school_detail_cinfo #other ul li figure img{
    width: 100%;
    border-radius: 8px;
}
.cinfo #other ul li div,
.school_detail_cinfo #other ul li div{
    float: left;
    width: 60%;
}

.cinfo #other ul li div h3,
.school_detail_cinfo #other ul li div h3 {
    font-weight: bold;
    font-size: 1.8rem;
    line-height: 1.4;
    color: #224D9A;
    margin-bottom: 5px;
}
.cinfo #other ul li div a.btn_other,
.school_detail_cinfo #other ul li div a.btn_other{
    background: #fff;
    font-weight: normal;
    padding: 5px 0;
    height: auto;
    line-height: 1.2;
    text-decoration: none;
    color: #333;
    text-align: center;
    cursor: pointer;
    border: 1px solid #E0E0E0;
    margin: 10px auto 0;
    position: relative;
    border-radius: 100px;
    display: block;
    width: 80%;
}
.cinfo #lesson_style a.btn_other,
.school_detail_cinfo #lesson_style a.btn_other {
    background: #fff;
    font-weight: normal;
    padding: 5px 0;
    height: auto;
    line-height: 1.2;
    text-decoration: none;
    color: #333;
    text-align: center;
    cursor: pointer;
    border: 1px solid #E0E0E0;
    margin: 10px auto 0;
    position: absolute;
    border-radius: 100px;
    width: 220px;
    bottom:20px;
    right:30px;
}
.cinfo #other ul li div a.btn_other i,
.school_detail_cinfo #other ul li div a.btn_other i{
    font-size: 0.8rem;
    position: absolute;
    top: 50%;
    right: 10px;
    margin: -0.5em 0 0;
}
.cinfo #other ul li div a.btn_other:hover,
.school_detail_cinfo #other ul li div a.btn_other:hover{
    background: #fff;
    color: #333;
    border-color: #E0E0E0;
    opacity: .8;
}

.cinfo #point,
.school_detail_cinfo #point{
    padding:60px 0 0;
    background: #fff;
}

#cinfo_high_s_index #point,
#cinfo_lesson11_index #point,
#cinfo_junior_index #point,
#cinfo_business_trial_index #point,
.school_detail_cinfo .course_high_s #point,
.school_detail_cinfo .course_eiken #point,
.school_detail_cinfo .course_junior #point,
.school_detail_cinfo .course_business_trial #point{
    padding: 60px 0;
    background-color: #E7F0F9;
    margin: 60px 0;
}

.school_detail_cinfo #point {
    padding: 60px 0;
    background-color: #E7F0F9;
}

.cinfo #point ul,
.school_detail_cinfo #point ul{
    display: flex;
    flex-wrap: wrap;
    width: 960px;
    margin: 0 auto;
}

.cinfo #point ul li,
.school_detail_cinfo #point ul li{
    flex: 0 0 32.5%;
    margin: 0 auto 1%;
    padding: 40px 25px 25px;
    text-align: center;
    background-color: #fff;
    box-shadow: 3px 3px 16px -3px rgba(58, 78, 114, 0.25);
    border-radius: 10px;
    position: relative;
    max-width: 32.5%;
}
.cinfo #point ul li .point_icon,
.school_detail_cinfo #point ul li .point_icon{
    position: absolute;
    width: 110px;
    padding: 0;
    top: 0;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-\ transform: translateY(-50%) translateX(-50%);
    background: none;
    margin: 0;
}
.cinfo #point ul li .point_icon img,
.school_detail_cinfo #point ul li .point_icon img{
    width: 100%;
}

.cinfo #point ul li figure,
.school_detail_cinfo #point ul li figure{
    margin-bottom: 20px;
    height: 130px;
}
.cinfo #point ul li figure img,
.school_detail_cinfo #point ul li figure img{
    height: 100%;
}
.cinfo #point ul li h3,
.school_detail_cinfo #point ul li h3{
    text-align: center;
    font-size: 1.6rem;
    font-weight: bold;
    margin-bottom: 20px;
}

.cinfo #point ul li p,
#cinfo_eikaiwa_index #point ul li p,
.school_detail_cinfo #point ul li p,
.school_detail_cinfo .course_eikaiwa #point ul li p{
    font-size: 1.6rem;
    text-align: center;
}
#cinfo_high_s_index #point ul li p,
.school_detail_cinfo #point ul li p{
    text-align: left;
}
#cinfo_eikaiwa_index #point ul li p a,
.school_detail_cinfo .course_eikaiwa #point ul li p a{
  color:#224D9A;
  text-decoration: underline;
  font-weight: bold;
}
#cinfo_eikaiwa_index #point ul li p span,
.school_detail_cinfo .course_eikaiwa #point ul li p span{
  font-size: 1.2rem;
}

.cinfo #point div,
.school_detail_cinfo #point div{
    background: #E7F0F9;
    box-shadow: none;
    padding: 30px 40px 30px 40px;
    text-align: left;
    width: 960px;
    margin: 10px auto;
    border-radius: 10px;
}
.cinfo #point div figure,
.school_detail_cinfo #point div figure{
    float: left;
    margin: 0 40px 0 0;
    width: 185px;
}
.cinfo #point div figure img,
.school_detail_cinfo #point div figure img{
    width: 100%;
    height: auto;
}
.cinfo #point div h3,
.school_detail_cinfo #point div h3{
    font-weight: bold;
    margin: 0 0 10px;
    font-size: 2rem;
    color: #224D9A;
}
.cinfo #point div p,
.school_detail_cinfo #point div p{
    text-align: left;
}
.cinfo #recom_eiken,
.school_detail_cinfo #recom_eiken {
    padding: 60px 0;
    background-color: #E7F0F9;
    margin: 60px 0;
}
.cinfo #recom_eiken .inner,
.school_detail_cinfo #recom_eiken .inner{
    width: 960px;
    margin:0 auto;
    background: url(/cinfo/img/recom01.png) no-repeat right top;
    background-size: 90px;
}
.cinfo #recom_eiken h2,
.school_detail_cinfo #recom_eiken h2{
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
    margin: 0 0 50px 0;
    line-height: 1.4;
}
.cinfo #recom_eiken h2 span,
.school_detail_cinfo #recom_eiken h2 span{
    font-size: 3.2rem;
}
.cinfo #recom_eiken h2 sup,
.school_detail_cinfo #recom_eiken h2 sup{
    top: 1em;
}
.cinfo #recom_eiken .eiken_menu,
.school_detail_cinfo #recom_eiken .eiken_menu{
    display: flex;
    flex-wrap: wrap;
    width: 700px;
    margin: 0 auto;
}
.cinfo #recom_eiken .eiken_menu li,
.school_detail_cinfo #recom_eiken .eiken_menu li{
    flex: 0 0 31%;
    margin: 0 auto;
    box-shadow: 1px 1px 8px -1px rgba(68, 68, 68, 0.25);
    background-color: #fff;
    border-radius:8px;
    position: relative;
    max-width: 30%;
}
.cinfo #recom_eiken .eiken_menu li div,
.school_detail_cinfo #recom_eiken .eiken_menu li div{
    position: absolute;
    background-color: #E40057;
    color: #fff;
    font-weight: bold;
    width: 55px;
    top: 35%;
    left: 0;
    text-align: center;
}
.cinfo #recom_eiken .eiken_menu li a,
.school_detail_cinfo #recom_eiken .eiken_menu li a{
    display: block;
    padding: 30px 0 20px 55px;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    font-size: 1.6rem;
    line-height: 1.4;
    height: 100%;
    width: 100%;
}
.cinfo #recom_eiken .eiken_menu li:nth-of-type(2) a,
.school_detail_cinfo #recom_eiken .eiken_menu li:nth-of-type(2) a{
    padding: 20px 0 20px 55px;
}

.cinfo #recom_eiken .eiken_menu li a::after,
.school_detail_cinfo #recom_eiken .eiken_menu li a::after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 48%;
    border: 8px solid transparent;
    border-top: 8px solid #224D9A;
}

.cinfo #recom_eiken .eiken_area,
.school_detail_cinfo #recom_eiken .eiken_area {
    margin-top: 150px;
    display: flex;
    flex-wrap: wrap;
}

.cinfo #recom_eiken .eiken_area li,
.school_detail_cinfo #recom_eiken .eiken_area li{
    flex: 0 0 100%;
    box-shadow: 1px 1px 8px -1px rgba(68, 68, 68, 0.25);
    background-color: #fff;
    border-radius: 8px;
    word-break: break-all;
    margin: 10px 0;
    position: relative;
    overflow:hidden;
    padding: 30px;
}
.cinfo #recom_eiken .eiken_area li:nth-of-type(2),
.school_detail_cinfo #recom_eiken .eiken_area li:nth-of-type(2){
    box-shadow:none;
    background: none;
    text-align: center;
}
.cinfo #recom_eiken .eiken_area li:nth-of-type(2) img,
.school_detail_cinfo #recom_eiken .eiken_area li:nth-of-type(2) img{
    width:680px;
}

.cinfo #recom_eiken .eiken_area li .number,
.school_detail_cinfo #recom_eiken .eiken_area li .number{
    background-color: #E40057;
    color: #fff;
    font-weight: bold;
    width: 70px;
    text-align: center;
    font-size: 1.6rem;
    position: absolute;
    top: 40%;
    left: 0;
}
.cinfo #recom_eiken .eiken_area li h3,
.school_detail_cinfo #recom_eiken .eiken_area li h3 {
    font-weight: bold;
    font-size: 2.2rem;
    position: absolute;
    top: 50%;
    left: 18%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-\ transform: translateY(-50%) translateX(-50%);
}

.cinfo #recom_eiken .eiken_area li p,
.school_detail_cinfo #recom_eiken .eiken_area li p{
    margin-left: 280px;
}

.school_detail_cinfo #other .other_bg .inner .course_half {
    width: 960px;
    padding: 35px;
    box-shadow:1px 1px 8px -1px rgba(68, 68, 68, 0.25);
    background-color: #fff;
    border-radius: 8px;
    position: relative;
    word-break: break-all;
    height: 320px;
}
.school_detail_cinfo #other .other_eikaiwa .inner .course_half{
    background: url("/cinfo/img/other_eikaiwa_right.png") no-repeat  right 30% top;
    background-size: cover;
}
.school_detail_cinfo #other .other_freetime .inner .course_half{
    background: url("/cinfo/img/other_freetime_pc.png") no-repeat  right 30% top;
    background-size: cover;
}
.school_detail_cinfo #other .other_power .inner .course_half{
    background: url("/cinfo/img/other_power_pc_right.png") no-repeat right 30% top;
    background-size: cover;
}
.school_detail_cinfo #other .other_gc .inner .course_half{
    background: url("/cinfo/img/other_gc_pc.png") no-repeat right 30% top;
    background-size: cover;
}
.school_detail_cinfo #other .other_eiken .inner .course_half{
    background: url("/cinfo/img/other_eiken_right.png") no-repeat  right 30% top;
    background-size: cover;
}
.school_detail_cinfo #other .other_career .inner .course_half{
    background: url("/cinfo/img/other_senka_right.png") no-repeat  right 30% top;
    background-size: cover;
}
.school_detail_cinfo #other .other_discussion .inner .course_half{
    background: url("/cinfo/img/other_discussion_pc.png") no-repeat  right 55% top;
    background-size: cover;
}

#cinfo_eikaiwa_index .local_nav ul li::after,
.school_detail_cinfo .course_eikaiwa .local_nav ul li::after {
    background: #295094;
}
.school_detail.school_detail_cinfo .cinfo_schedule {
  background: #f2f2f2;
  padding: 30px 30px 20px 30px;
}
.school_detail.school_detail_cinfo .cinfo_schedule .date {
  background: #fff;
  font-size: 1.8rem;
  padding: 30px;
  margin: 0 0 10px;
}
/*------------------------------------------------
#cinfo_uni_index
-------------------------------------------------*/
#cinfo_uni_index #visual,
.school_detail_cinfo .course_uni #cinfo_visual {
    background: url(/cinfo/uni/img/main_pc.png) center no-repeat;
    background-size: cover;
}
#cinfo_uni_index #visual div h1,
.school_detail_cinfo .course_uni #cinfo_visual div h1{
    position: absolute;
    top: 50px;
    left: 0;
    z-index: 1;
    background: url("/cinfo/uni/img/main_bg.png") no-repeat top left;
    font-size: 3.4rem;
    font-weight: bold;
    line-height: 1.2;
    background-size: 315px;
    padding: 70px 0 0 50px;
    text-shadow: #FFF 0 2px 11px;
}
#cinfo_uni_index #reason h2,
#cinfo_uni_index #lesson_style h2,
.school_detail_cinfo .course_uni #reason h2,
.school_detail_cinfo .course_uni #lesson_style h2{
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
    margin: 0 0 50px 0;
    line-height: 1.4;
}

#cinfo_uni_index #reason h2 span,
#cinfo_uni_index #lesson_style h2 span,
.school_detail_cinfo .course_uni #reason h2 span,
.school_detail_cinfo .course_uni #lesson_style h2 span{
    font-size: 3.2rem;
}


#cinfo_uni_index #reason,
#cinfo_uni_index #lesson_style,
.school_detail_cinfo .course_uni #reason,
.school_detail_cinfo .course_uni #lesson_style{
    padding:60px 0 0;
}

#cinfo_uni_index #reason ul,
.school_detail_cinfo .course_uni #reason ul{
    display: flex;
    flex-wrap: wrap;
    width: 960px;
    margin: 0 auto;
}

#cinfo_uni_index #reason ul li,
.school_detail_cinfo .course_uni #reason ul li{
    flex: 0 0 31%;
    margin: 0 auto;
    padding: 25px 35px;
    box-shadow:1px 1px 8px -1px rgba(68, 68, 68, 0.25);
    background-color: #fff;
    border-radius: 4px;
    position: relative;
    word-break: break-all;
    max-width: 30%;
}
#cinfo_uni_index #reason ul li div,
.school_detail_cinfo .course_uni #reason ul li div{
    position: absolute;
    left:-25px;
    top:-25px;
    width: 80px;
}
#cinfo_uni_index #reason ul li div img,
.school_detail_cinfo .course_uni #reason ul li div img{
    width: 100%;
}

#cinfo_uni_index #reason ul li figure,
.school_detail_cinfo .course_uni #reason ul li figure{
    width: 145px;
    margin:0 auto 20px;
}

#cinfo_uni_index #reason ul li figure img,
.school_detail_cinfo .course_uni #reason ul li figure img{
    width: 100%;
}

#cinfo_uni_index #reason ul li h3,
.school_detail_cinfo .course_uni #reason ul li h3{
    text-align: center;
    font-weight: bold;
    font-size: 1.8rem;
    line-height: 1.4;
    margin: 20px 0;
}

#cinfo_uni_index #reason ul li:nth-of-type(3) h3,
.school_detail_cinfo .course_uni #reason ul li:nth-of-type(3) h3{
    margin: 0 0 15px;
}

#cinfo_uni_index #reason ul li h3 span,
.school_detail_cinfo .course_uni #reason ul li h3 span{
    color:#E40057;
}

#cinfo_uni_index #lesson_style a.btn_other:hover,
.school_detail_cinfo .course_uni #lesson_style a.btn_other:hover{
    background: #fff;
    color: #333;
    border-color: #E0E0E0;
    opacity: .8;
}
#cinfo_uni_index #lesson_style a.btn_other i,
.school_detail_cinfo .course_uni #lesson_style a.btn_other i{
    font-size: 0.8rem;
    position: absolute;
    top: 50%;
    right: 10px;
    margin: -0.5em 0 0;
}

#cinfo_uni_index #lesson_style .inner,
.school_detail_cinfo .course_uni #lesson_style .inner{
    box-shadow: 1px 1px 8px -1px rgba(68, 68, 68, 0.25);
    width: 860px;
    margin:0 auto 20px;
    position: relative;
    padding: 20px;
}

#cinfo_uni_index #lesson_style div,
.school_detail_cinfo .course_uni #lesson_style div{
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 0 40px;
}
#cinfo_uni_index #lesson_style div ul,
.school_detail_cinfo .course_uni #lesson_style div ul{
    -webkit-box-flex: 0;
    flex: 0 0 490px;
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    margin: 0 0 0 20px;
}
#cinfo_uni_index #lesson_style div figure,
.school_detail_cinfo .course_uni #lesson_style div figure{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 300px;
    flex: 0 0 300px;
}
#cinfo_uni_index #curriculum,
.school_detail_cinfo .course_uni #curriculum {
  background-color: #E7F0F9;
  padding: 60px 0;
    margin-top: 60px;
}

#cinfo_uni_index #curriculum h2,
.school_detail_cinfo .course_uni #curriculum h2{
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  margin: 0 0 20px 0;
  line-height: 1.4;
}
#cinfo_uni_index #curriculum h2 span,
.school_detail_cinfo .course_uni #curriculum h2 span {
  font-size: 3.2rem;
  color: #224D9A;
}

#cinfo_uni_index #curriculum ul,
.school_detail_cinfo .course_uni #curriculum ul{
    display: flex;
    flex-wrap: wrap;
    width: 960px;
    margin:0 auto;
}
#cinfo_uni_index #curriculum ul li,
.school_detail_cinfo .course_uni #curriculum ul li{
  flex: 0 0 100%;
  text-align: center;
}
#cinfo_uni_index #curriculum ul li:nth-of-type(1) p:nth-of-type(2),
.school_detail_cinfo .course_uni #curriculum ul li:nth-of-type(1) p:nth-of-type(2){
  font-size: 2rem;
  color: #224D9A;
  font-weight: bold;
  margin: 20px 0 10px;
}
#cinfo_uni_index #curriculum ul li:nth-of-type(1) p:nth-of-type(2)::before,
.school_detail_cinfo .course_uni #curriculum ul li:nth-of-type(1) p:nth-of-type(2)::before{
  content: "";
  background: url("/cinfo/uni/img/curriculum_icon01.png") no-repeat;
  width: 28px;
  display: inline-block;
  height: 36px;
  background-size: 100%;
  vertical-align: middle;
  margin-right: 20px;
}
#cinfo_uni_index #curriculum ul li:nth-of-type(1) p:nth-of-type(2)::after,
.school_detail_cinfo .course_uni #curriculum ul li:nth-of-type(1) p:nth-of-type(2)::after {
  content: "";
  background: url("/cinfo/uni/img/curriculum_icon02.png") no-repeat;
  width: 36px;
  display: inline-block;
  height: 30px;
  background-size: 100%;
  vertical-align: middle;
  margin-left: 20px;
}
#cinfo_uni_index #curriculum ul li:nth-of-type(2),
#cinfo_uni_index #curriculum ul li:nth-of-type(3),
.school_detail_cinfo .course_uni #curriculum ul li:nth-of-type(2),
.school_detail_cinfo .course_uni #curriculum ul li:nth-of-type(3) {
  flex: 0 0 45%;
  margin: 0 auto;
  padding: 30px;
  color: #fff;
  text-align: left;
  font-size: 1.6rem;
  background: url("/cinfo/uni/img/curriculum_icon03.png") no-repeat right 10% bottom 20% #224D9A;
  background-size: 90px;
}
#cinfo_uni_index #curriculum ul li:nth-of-type(3),
.school_detail_cinfo .course_uni #curriculum ul li:nth-of-type(3){
  background: url("/cinfo/uni/img/curriculum_icon04.png") no-repeat right 10% bottom 20% #224D9A;
  background-size: 90px;
}
#cinfo_uni_index #curriculum ul li:nth-of-type(4) p,
.school_detail_cinfo .course_uni #curriculum ul li:nth-of-type(4) p{
  border: 2px solid #224D9A;
  background: #fff;
  width: 600px;
  margin: 40px auto;
  color: #224D9A;
  font-size: 2rem;
  font-weight: bold;
  border-radius: 8px;
  padding: 10px 0;
}
#cinfo_uni_index #curriculum ul li div,
.school_detail_cinfo .course_uni #curriculum ul li div{
  background: #fff;
  border-radius: 50px;
  color: #224D9A;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  margin-bottom: 20px;
}
/*
#cinfo_uni_index #course .course_list a,
.school_detail_cinfo .course_uni #course .course_list a{
    margin:10px auto 0;
}
#cinfo_uni_index #course .course_list ul li,
.school_detail_cinfo .course_uni #course .course_list ul li{
  flex: 0 0 450px;
  padding: 0 0 20px 15px;
}
#cinfo_uni_index #course .course_list:nth-of-type(4) ul li,
.school_detail_cinfo .course_uni #course .course_list:nth-of-type(4) ul li{
  flex: 0 0 150px;
  padding: 0 0 20px 15px;
}
*/
#cinfo_uni_index #features,
.school_detail_cinfo .course_uni #features{
  background-color: #E7F0F9;
  padding: 60px 0;
}
#cinfo_uni_index #features h2,
.school_detail_cinfo .course_uni #features h2{
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  margin: 0 0 50px 0;
  line-height: 1.4;
}
#cinfo_uni_index #features h2 span,
.school_detail_cinfo .course_uni #features h2 span{
  font-size: 3.2rem;
}
#cinfo_uni_index #features h2 span:nth-of-type(2),
.school_detail_cinfo .course_uni #features h2 span:nth-of-type(2){
  color: #224D9A;
}

#cinfo_uni_index #features ul,
.school_detail_cinfo .course_uni #features ul{
    display: flex;
    flex-wrap: wrap;
    width: 960px;
    margin:0 auto;
  justify-content: center;
}
#cinfo_uni_index #features ul li,
.school_detail_cinfo .course_uni #features ul li{
  flex: 0 0 30%;
  text-align: center;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0px 3px 16px rgba(21, 63, 136, 0.22);
  margin:0 2% 2% 0;
    position: relative;
    height: 220px;
}
/*#cinfo_uni_index #features ul li:nth-of-type(4),
#cinfo_uni_index #features ul li:nth-of-type(8),
.school_detail_cinfo .course_uni #features ul li:nth-of-type(4),
.school_detail_cinfo .course_uni #features ul li:nth-of-type(8){
  margin:0 0 2% 0;
}*/
#cinfo_uni_index #features ul li figure img,
.school_detail_cinfo .course_uni #features ul li figure img{
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
    width: 120px;
}
#cinfo_uni_index #features ul li:nth-of-type(1) figure img,
.school_detail_cinfo .course_uni #features ul li:nth-of-type(2) figure img{
  top: 45%;
}
#cinfo_uni_index #features ul li figure figcaption,
.school_detail_cinfo .course_uni #features ul li figure figcaption{
  color: #224D9A;
  font-weight: bold;
  position: absolute;
  bottom: 25px;
  text-align: center;
  width: 100%;
    line-height: 1.4;
}
#cinfo_uni_index #features p,
.school_detail_cinfo .course_uni #features p{
  color: #224D9A;
  text-align: center;
  font-weight: bold;
  font-size: 1.6rem;
}
#cinfo_uni_index #other p.note,
.school_detail_cinfo .course_uni #other p.note{
    width: 960px;
    margin:0 auto;
}
/*------------------------------------------------
#cinfo_lesson07_index
-------------------------------------------------*/
#cinfo_lesson07_index #visual,
.school_detail_cinfo .course_travel #cinfo_visual {
    background: url(/cinfo/lesson07/img/main_pc.png) center no-repeat;
    background-size: cover;
}
#cinfo_lesson07_index #visual div h1,
.school_detail_cinfo .course_travel #cinfo_visual div h1{
    position: absolute;
    top: 50px;
    left: 0;
    z-index: 1;
    background: url("/cinfo/lesson07/img/main_bg.png") no-repeat top left;
    font-size: 3.4rem;
    font-weight: bold;
    line-height: 1.4;
    background-size: 117px;
    padding: 30px 0 0 50px;
    text-shadow: #FFF 0 2px 11px;
}
#cinfo_lesson07_index #combi ul,
#cinfo_lesson01_index #combi ul,
.school_detail_cinfo .course_travel #combi ul,
.school_detail_cinfo .course_business_trip #combi ul {
    display: flex;
    flex-wrap: wrap;
    width: 960px;
    margin: 0 auto;
}
#cinfo_lesson07_index #combi ul li,
#cinfo_lesson01_index #combi ul li,
.school_detail_cinfo .course_travel #combi ul li,
.school_detail_cinfo .course_business_trip #combi ul li {
    flex: 0 0 45%;
    margin: 0 auto;
    padding: 0 0 20px;
    text-align: center;
    box-shadow:1px 1px 8px -1px rgba(58, 104, 114, 0.25);
    background-color: #fff;
    border-radius: 8px;
  width: 45%;
}
#cinfo_lesson07_index #combi ul li:nth-of-type(2),
#cinfo_lesson01_index #combi ul li:nth-of-type(2),
.school_detail_cinfo .course_travel #combi ul li:nth-of-type(2),
.school_detail_cinfo .course_business_trip #combi ul li:nth-of-type(2){
    flex: 0 0 10%;
    box-shadow: none;
    background:none;
    border-radius: 0;
    font-size: 4rem;
    font-weight: bold;
    color: #E40057;
    margin-top: 10%;
  width: 10%;
}
.school_detail_cinfo .course_travel #combi ul li:nth-of-type(2) p,
.school_detail_cinfo .course_business_trip #combi ul li:nth-of-type(2) p{
    font-size: 4rem;
  text-align: center;
  width: auto;
}

#cinfo_lesson07_index #combi ul li figure img,
#cinfo_lesson01_index #combi ul li figure img,
.school_detail_cinfo .course_travel #combi ul li figure img,
.school_detail_cinfo .course_business_trip #combi ul li figure img{
    width: 100%;
}
#cinfo_lesson07_index #combi ul li h3,
#cinfo_lesson01_index #combi ul li h3,
.school_detail_cinfo .course_travel #combi ul li h3,
.school_detail_cinfo .course_business_trip #combi ul li h3{
    color: #224D9A;
    font-weight: bold;
    font-size: 2rem;
    line-height: 1.4;
    margin: 20px 0 10px;
}
#cinfo_lesson07_index #combi ul li:nth-of-type(3) h3,
#cinfo_lesson01_index #combi ul li:nth-of-type(3) h3,
.school_detail_cinfo .course_travel #combi ul li:nth-of-type(3) h3,
.school_detail_cinfo .course_business_trip #combi ul li:nth-of-type(3) h3{
    margin: 20px 0 38px;
}
#cinfo_lesson07_index #combi ul li h3 span,
#cinfo_lesson01_index #combi ul li h3 span,
.school_detail_cinfo .course_travel #combi ul li h3 span,
.school_detail_cinfo .course_business_trip #combi ul li h3 span{
    font-size: 1.6rem;
}
#cinfo_lesson07_index #combi ul li div,
#cinfo_lesson01_index #combi ul li div,
.school_detail_cinfo .course_travel #combi ul li div,
.school_detail_cinfo .course_business_trip #combi ul li div{
    border: 1px solid #707070;
    margin: 10px 10px 0;
    border-radius: 100px;
    display: inline;
    padding: 0 20px;
}
#cinfo_lesson07_index #combi ul p,
#cinfo_lesson01_index #combi ul p,
.school_detail_cinfo .course_travel #combi ul p,
.school_detail_cinfo .course_business_trip #combi ul p{
    margin: 30px 0;
}


/*------------------------------------------------
#cinfo_qualification_index
-------------------------------------------------*/
#cinfo_qualification_index #visual,
.school_detail_cinfo .course_qualification #cinfo_visual {
    background: url(/cinfo/qualification/img/main_pc.png) center no-repeat;
    background-size: cover;
}
#cinfo_qualification_index #visual div h1,
.school_detail_cinfo .course_qualification div h1{
    position: absolute;
    top: 20px;
    left: 0;
    z-index: 1;
    background: url("/cinfo/qualification/img/main_bg.png") no-repeat top left;
    font-size: 3.4rem;
    font-weight: bold;
    line-height: 1.2;
    background-size: 280px;
    padding: 60px 0 0 50px;
    text-shadow: #FFF 0 2px 11px;
}

#cinfo_qualification_index #other .other_bg{
    background: url("/cinfo/qualification/img/other_pc.png") no-repeat top left;
    background-size: cover;
}
.school_detail_cinfo .course_qualification #other .other_bg{
    background: none;
}

#cinfo_qualification_index #other .other_bg .inner .course_half{
    width: 600px;
}
#cinfo_qualification_index #other .other_bg .inner .course_half h3 {
    margin-bottom: 10px;
}
#cinfo_qualification_index #other .other_bg .inner .course_half p:nth-of-type(1) {
    font-size: 1.4rem;
    width: auto;
    margin: 0 0 20px 0;
    color: #333;
    font-weight: normal;
}
#cinfo_qualification_index #other .other_bg .inner .course_half p:nth-of-type(1)::before{
    display: none;
}
#cinfo_qualification_index #other .other_bg .inner .course_half ul,
.school_detail_cinfo .course_qualification #other .other_bg .inner .course_half ul{
    width: 100%;
}

#cinfo_qualification_index #other .other_bg .inner .course_half ul li,
.school_detail_cinfo .course_qualification #other .other_bg .inner .course_half ul li{
    flex: 0 0 110px;
    padding: 0 0 20px;
    margin-right: 0;
}
#cinfo_qualification_index #other .other_bg .inner .course_half ul li.osusume div,
.school_detail_cinfo .course_qualification #other .other_bg .inner .course_half ul li.osusume div {
    position: relative;
    display: inline-block;
    padding: 15px 0;
    text-align: center;
    color: #FFF;
    font-size: 1.6rem;
    font-weight: bold;
    border-radius: 10px;
    background-color: #E40057;
    line-height: 1.4;
    width: 90%;
}
#cinfo_qualification_index #other .other_bg .inner .course_half ul li.osusume div::before,
.school_detail_cinfo .course_qualification #other .other_bg .inner .course_half ul li.osusume div::before {
    content: "";
    position: absolute;
    top: 50%;
    right: -25px;
    margin-top: -15px;
    border: 15px solid transparent;
    border-left: 15px solid #E40057;
    z-index: 0;
}
#cinfo_qualification_index #other .other_bg .inner .course_half ul li:nth-of-type(2),
.school_detail_cinfo .course_qualification #other .other_bg .inner .course_half ul li:nth-of-type(2) {
    flex: 0 0 auto;
    padding: 0 0 20px;
    margin-left: 30px;
}
#cinfo_qualification_index #other .other_bg .inner .course_half ul li p,
.school_detail_cinfo .course_qualification #other .other_bg .inner .course_half ul li p {
    font-weight: bold;
}
#cinfo_qualification_index #other .other_bg .inner .course_half ul li p:nth-of-type(1),
.school_detail_cinfo .course_qualification #other .other_bg .inner .course_half ul li p:nth-of-type(1) {
    font-size: 1.3rem;
    width: auto;
    margin: 0 0 10px 50px;
    color: #224D9A;
    font-weight: bold;
}
#cinfo_qualification_index #other .other_bg .inner .course_half ul li p:nth-of-type(1)::before,
.school_detail_cinfo .course_qualification #other .other_bg .inner .course_half ul li p:nth-of-type(1)::before{
    content: "";
    display: inline-block;
    background-size: 100%;
    width: 17px;
    height: 17px;
    background-image: url(/cinfo/img/checkbox.png);
    margin: 0 10px 0 -40px;
    vertical-align: middle;
    background-repeat: no-repeat;
}
#cinfo_qualification_index #other .other_bg .inner .course_half a.btn_blue_o,
.school_detail_cinfo .course_qualification #other .other_bg .inner .course_half a.btn_blue_o {
    margin: 0 auto;
}
/*------------------------------------------------
#cinfo_lesson12_index
-------------------------------------------------*/
#cinfo_lesson12_index #visual,
.school_detail_cinfo .course_abroad #cinfo_visual {
    background: url(/cinfo/lesson12/img/main_pc.png) center no-repeat;
    background-size: cover;
}
#cinfo_lesson12_index #visual div h1,
.school_detail_cinfo .course_abroad #cinfo_visual div h1{
    position: absolute;
    top: 20px;
    left: 0;
    z-index: 1;
    background: url("/cinfo/lesson12/img/main_bg.png") no-repeat top left;
    font-size: 3.4rem;
    font-weight: bold;
    line-height: 1.2;
    background-size: 280px;
    padding: 60px 0 0 50px;
    text-shadow: #FFF 0 2px 11px;
}

#cinfo_lesson12_index #check .inner .right_area,
.school_detail_cinfo .course_abroad #check .inner .right_area {
    flex: 0 0 700px;
    margin: 0;
}

#cinfo_lesson12_index #check .inner figure,
.school_detail_cinfo .course_abroad #check .inner figure{
    width: 165px;
    margin:50px 20px 0 0;
    flex: 0 0 165px;
}

#cinfo_lesson12_index #faq,
.school_detail_cinfo .course_abroad #faq{
    padding: 60px 0;
}

#cinfo_lesson12_index #faq h2,
.school_detail_cinfo .course_abroad #faq h2{
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
    margin: 0 0 50px 0;
    line-height: 1.4;
}
#cinfo_lesson12_index #faq h2 span,
.school_detail_cinfo .course_abroad #faq h2 span{
    font-size: 3.2rem;
}

#cinfo_lesson12_index #faq .faq_list,
.school_detail_cinfo .course_abroad #faq .faq_list{
    width: 600px;
    margin: 0 auto;
}
#cinfo_lesson12_index #faq .faq_list p,
.school_detail_cinfo .course_abroad #faq .faq_list p{
    margin-bottom: 10px;
    font-weight: bold;
    position: relative;
    background-color: #E40057;
    padding:10px 20px;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    box-shadow: 0 3px 6px 0 #FFDDFB;
}
#cinfo_lesson12_index #faq .faq_list p::after,
.school_detail_cinfo .course_abroad #faq .faq_list p::after{
    position: absolute;
    top: -2px;
    right: 10px;
    content: "＋";
    font-size: 2.4rem;
    padding: 5px 10px;
    text-align: center;
    cursor: pointer;
}
#cinfo_lesson12_index #faq .faq_list p.active::after,
.school_detail_cinfo .course_abroad #faq .faq_list p.active::after {
  content: "－";
}

#cinfo_lesson12_index #faq .faq_list div,
.school_detail_cinfo .course_abroad #faq .faq_list div{
    display:none;
    margin-bottom: 20px;
}
#cinfo_lesson12_index #faq .faq_list div p,
.school_detail_cinfo .course_abroad #faq .faq_list div p{
    color: #333;
    text-align: left;
    font-weight: normal;
    background: url(/cinfo/lesson12/img/q.png) no-repeat left top #FEF0F5;
    padding-left: 45px;
    background-position: 10px 2px;
    border-radius: 5px;
    box-shadow:none;
}

#cinfo_lesson12_index #faq .faq_list div p::after,
.school_detail_cinfo .course_abroad #faq .faq_list div p::after {
	display:inline-block;
	background-size:contain;
	width:17px;
	height:9px;
	background:url(/cinfo/lesson12/img/arrow.png) no-repeat;
	vertical-align: middle;
    content: "";
    top: 20px;
    right: 3px;
}
#cinfo_lesson12_index #faq .faq_list div p.active::after,
.school_detail_cinfo .course_abroad #faq .faq_list div p.active::after {
    content: "";
	background:url(/cinfo/lesson12/img/arrow.png) no-repeat;
    transform: scale(1, -1);
    top: 10px;
}
#cinfo_lesson12_index #faq .faq_list div div,
.school_detail_cinfo .course_abroad #faq .faq_list div div{
    display:none;
    background: url(/cinfo/lesson12/img/a.png) no-repeat left top;
    padding-left: 45px;
    background-position: 10px 2px;
}

#cinfo_lesson12_index #faq .lets,
.school_detail_cinfo .course_abroad #faq .lets{
    width: 960px;
    margin: 60px auto;
    text-align: center;
}

#cinfo_lesson12_index #faq .lets p,
.school_detail_cinfo .course_abroad #faq .lets p{
    color: #E40057;
    text-align: center;
}

#cinfo_lesson12_index #faq .lets a,
.school_detail_cinfo .course_abroad #faq .lets a{
    background: #fff;
    padding: 15px 40px;
    color: #E40057;
    text-align: center;
    cursor: pointer;
    border-radius: 10px;
    border: 1px solid #E40057;
    width: 500px;
    display: block;
    margin: 0 auto;
    position: relative;
}

#cinfo_lesson12_index #faq .lets img,
.school_detail_cinfo .course_abroad #faq .lets img{
    width: 150px;
}
#cinfo_lesson12_index #faq .lets .icon-outer,
.school_detail_cinfo .course_abroad #faq .lets .icon-outer{
    position: absolute;
    top: 50%;
    right: 10px;
    margin: -0.5em 0 0;
}

/*------------------------------------------------
.cinfo_power
-------------------------------------------------*/
.cinfo_power #visual,
.school_detail_cinfo .course_power #cinfo_visual {
    background: url(/cinfo/manabinaoshi/img/main_pc.png) center no-repeat;
    background-size: cover;
}
.cinfo_power #visual div h1,
.school_detail_cinfo .course_power #cinfo_visual div h1{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: url("/cinfo/manabinaoshi/img/main_bg.png") no-repeat top 30px left;
  font-size: 5rem;
  font-weight: bold;
  line-height: 1.1;
  background-size: 200px;
  padding: 60px 0 0 50px;
  text-shadow: #FFF 0 2px 11px;
  letter-spacing: 5.2px;
}
.cinfo_power #visual div h1 span,
.school_detail_cinfo .course_power #cinfo_visual div h1 span{
  font-size: 2.6rem;
  height: 35px;
  letter-spacing: 0;
}

.cinfo_power #visual div .main_text,
.school_detail_cinfo .course_power #cinfo_visual div .main_text{
    position: absolute;
    top: 230px;
    left: 53px;
    z-index: 1;
  font-size: 1.6rem;
}
.cinfo_power #visual div a.btn_blue,
.school_detail_cinfo .course_power #cinfo_visual div a.btn_blue{
    background: linear-gradient(to right, #1E3C72, #2A5298);
    font-weight: normal;
    bottom: 15%;
    position: absolute;
    left:4%;
    padding: 10px 40px 10px 50px;
    height: auto;
    line-height: 1.2;
    text-decoration: none;
    border-radius: 100px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    border: none;
}
.cinfo_power .about,
.school_detail_cinfo .course_power .about{
  margin-bottom: 120px;
}
.cinfo_power .about .about_inner,
.school_detail_cinfo .course_power .about .about_inner{
  position: relative;
  background: #fff;
  z-index: 0;
  padding-top: 70px;
}
.cinfo_power .about .about_inner::before,
.school_detail_cinfo .course_power .about .about_inner::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 500px;
  background: url(/cinfo/manabinaoshi/img/about_bg.png) repeat;
  background-size: auto; 
  z-index: -1;
}
.cinfo_power .about .about_inner > p,
.school_detail_cinfo .course_power .about .about_inner > p{
  text-align: center;
  font-size: 18px;
}

.cinfo_power .about .about_inner .about_recom,
.school_detail_cinfo .course_power .about .about_inner .about_recom{
  max-width: 1240px;
  width: 100%;
  border-radius: 10px;
  background: #FFF;
  box-shadow: 1px 3px 8px -1px rgba(11, 13, 17, 0.2);
  margin:60px auto 0;
  position: relative;
  z-index: 0;
  padding: 70px 50px 50px;
}
.cinfo_power .about .about_inner .about_recom::after,
.school_detail_cinfo .course_power .about .about_inner .about_recom::after {
  content: "";
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  width: 45px;
  height: 45px;
  background: #FFF;
  box-shadow: 5px 7px 10px -5px rgba(11, 13, 17, 0.2);
  z-index: -1;
}
.cinfo_power .about .about_inner .about_recom .about_recom_tit,
.school_detail_cinfo .course_power .about .about_inner .about_recom .about_recom_tit{
  text-align: center;
  font-size: 28px;
  font-weight: bold;
  position: relative;
  display: inline-block;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}
.cinfo_power .about .about_inner .about_recom .about_recom_tit::before,
.school_detail_cinfo .course_power .about .about_inner .about_recom .about_recom_tit::before{
  content: "";
  position: absolute;
  left: -40px;
  top: 5px;
  width: 25px;
  height: 42px;
  background: url(/cinfo/manabinaoshi/img/about_recom_tit_bg.png) repeat;
}
.cinfo_power .about .about_inner .about_recom .about_recom_tit::after,
.school_detail_cinfo .course_power .about .about_inner .about_recom .about_recom_tit::after{
  content: "";
  position: absolute;
  right: -40px;
  top: 5px;
  width: 25px;
  height: 42px;
  background: url(/cinfo/manabinaoshi/img/about_recom_tit_bg.png) repeat;
}

.cinfo_power .about .about_inner .about_recom ul,
.school_detail_cinfo .course_power .about .about_inner .about_recom ul{
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 30px auto 0;
  justify-content: space-between;
}

.cinfo_power .about .about_inner .about_recom ul li,
.school_detail_cinfo .course_power .about .about_inner .about_recom ul li{
  width: 30%;
  text-align: center;
}
.cinfo_power .about .about_inner .about_recom ul li div,
.school_detail_cinfo .course_power .about .about_inner .about_recom ul li div {
  font-size: 18px;
  font-weight: bold;
  text-align: left;
  line-height: 1.5;
  padding: 2px 0 0 80px;
  margin-bottom: 20px;
  height: 60px;
}
.cinfo_power .about .about_inner .about_recom ul li:nth-of-type(1) div,
.school_detail_cinfo .course_power .about .about_inner .about_recom ul li:nth-of-type(1) div {
  background: url("/cinfo/manabinaoshi/img/about_recom_img01.png") no-repeat center left;
}
.cinfo_power .about .about_inner .about_recom ul li:nth-of-type(2) div,
.school_detail_cinfo .course_power .about .about_inner .about_recom ul li:nth-of-type(2) div {
  background: url("/cinfo/manabinaoshi/img/about_recom_img02.png") no-repeat center left;
}
.cinfo_power .about .about_inner .about_recom ul li:nth-of-type(3) div,
.school_detail_cinfo .course_power .about .about_inner .about_recom ul li:nth-of-type(3) div {
  background: url("/cinfo/manabinaoshi/img/about_recom_img03.png") no-repeat center left;
}

.cinfo_power .about .about_inner .about_recom ul li p,
.school_detail_cinfo .course_power .about .about_inner .about_recom ul li p {
  text-align: left;
  font-size: 16px;
}

.cinfo_power .features h2,
.school_detail_cinfo .course_power .features h2{
  font-weight: bold;
  text-align: center;
  margin: 0 0 30px 0;
  line-height: 1.4;
  color: #E40057;
  font-size: 32px;
  position: relative;
  display: inline-block;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}
.cinfo_power .features h2::before,
.school_detail_cinfo .course_power .features h2::before{
  content: "";
  position: absolute;
  left: -60px;
  width: 40px;
  height: 40px;
  background: url(/cinfo/manabinaoshi/img/features_tit_bg.png) no-repeat;
}
.cinfo_power .features h2::after,
.school_detail_cinfo .course_power .features h2::after{
  content: "";
  position: absolute;
  right: -60px;
  width: 40px;
  height: 40px;
  background: url(/cinfo/manabinaoshi/img/features_tit_bg.png) no-repeat;
  transform: scaleX(-1);
}
.cinfo_power .features ul,
.school_detail_cinfo .course_power .features ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 1240px;
  margin: 0 auto;
}
.cinfo_power .features ul li,
.school_detail_cinfo .course_power .features ul li{
  background: #FFF;
  border-radius: 10px;
  box-shadow: 1px 3px 8px 2px rgba(11, 13, 17, 0.2);
  width: 31%;
}
.cinfo_power .features ul li:first-child,
.school_detail_cinfo .course_power .features ul li:first-child{
  display: flex;
  width: 100%;
  margin-bottom:40px;
  padding:60px;
}
.cinfo_power .features ul li h3,
.school_detail_cinfo .course_power .features ul li h3{
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  margin: 20px 0;
  line-height: 1.4;
}
.cinfo_power .features ul li:first-child h3,
.school_detail_cinfo .course_power .features ul li:first-child h3{
  color: #2A5298;
  line-height: 1.8;
  margin-bottom: 30px;
}

.cinfo_power .features ul li h3 span,
.school_detail_cinfo .course_power .features ul li h3 span{
  border:none;
}

.cinfo_power .features ul li h3 span.pink_txt,
.school_detail_cinfo .course_power .features ul li h3 span.pink_txt{
  color: #E40057;
}

.cinfo_power .features ul li:first-child h3 span,
.school_detail_cinfo .course_power .features ul li:first-child h3 span{
  border-bottom: 3px dotted #2A5298;
  font-size: 24px;
}
.cinfo_power .features ul li:first-child h3 span.pink_txt,
.school_detail_cinfo .course_power .features ul li:first-child h3 span.pink_txt{
  font-size: 32px;
}

.cinfo_power .features ul li p,
.school_detail_cinfo .course_power .features ul li p{
  padding: 0 30px 30px;
  font-size: 16px;
}
.cinfo_power .features ul li:first-child p,
.school_detail_cinfo .course_power .features ul li:first-child p{
  padding: 0 60px 0 0;
}
.cinfo_power .features ul li figure,
.cinfo_power .features ul li figure img,
.school_detail_cinfo .course_power .features ul li figure,
.school_detail_cinfo .course_power .features ul li figure img{
  width: 100%;
  border-radius: 10px 10px 0 0;
}
.cinfo_power .features ul li:first-child figure,
.school_detail_cinfo .course_power .features ul li:first-child figure{
  max-width: 530px;
}

.cinfo_power .features ul li:first-child figure img,
.school_detail_cinfo .course_power .features ul li:first-child figure img{
  border-radius: 10px;
}

.cinfo_power #skill,
.school_detail_cinfo .course_power #skill{
  padding:60px 0;
  background: url(/cinfo/manabinaoshi/img/about_bg.png) repeat;
}
.cinfo_power #skill h2,
.school_detail_cinfo .course_power #skill h2{
  color: #2A5298;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.8;
  margin-bottom: 40px;
}
.cinfo_power #skill h2 span,
.school_detail_cinfo .course_power #skill h2 span{
  border-bottom: 3px dotted #2A5298;
  font-size:32px;
}

.cinfo_power #skill h2 span.pink_txt,
.school_detail_cinfo .course_power #skill h2 span.pink_txt{
  color: #E40057;
  font-size: 32px;
  border:none;;
}



.cinfo_power #skill .skill_txt,
.school_detail_cinfo .course_power #skill .skill_txt{
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
    margin: 0 0 50px 0;
    line-height: 1.4;
}
.cinfo_power #skill .skill_txt span,
.school_detail_cinfo .course_power #skill .skill_txt span{
    font-size: 3.2rem;
}

.cinfo_power #skill ul,
.school_detail_cinfo .course_power #skill ul{
  display: flex;
  flex-wrap: wrap;
  max-width: 960px;
  margin: 0 auto;
  width: 100%;
  justify-content: space-between;
}

.cinfo_power #skill ul li,
.school_detail_cinfo .course_power #skill ul li{
  width: 25%;
  text-align: center;
}
.cinfo_power #skill ul li p,
.school_detail_cinfo .course_power #skill ul li p{
    font-size: 1.6rem;
    font-weight: bold;
}
.cinfo_power #skill ul li figure, 
.school_detail_cinfo .course_power #skill ul li figure {
  margin-bottom: 20px;
}
.cinfo_power #level,
.school_detail_cinfo .course_power #level{
    padding:60px 0;
}
.cinfo_power #level h2,
.school_detail_cinfo .course_power #level h2{
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
    margin: 0 0 50px 0;
    line-height: 1.4;
}
.cinfo_power #level h2 span,
.school_detail_cinfo .course_power #level h2 span{
    font-size: 3.2rem;
}
.cinfo_power #level .inner{
    width: 960px;
    margin:0 auto;
}
.school_detail_cinfo .course_power #level .inner{
    width: 960px;
    margin:0 auto;
  padding:0;
  background: none;
}

.cinfo_power #level ul.tab,
.school_detail_cinfo .course_power #level ul.tab{
    display: flex;
    flex-wrap: wrap;
    width: 800px;
    float: right;
    margin-bottom:6px;
}

/*LVEL5まである場合
.cinfo_power #level ul.tab li{
    cursor: pointer;
    -webkit-box-flex: 0;
    flex: 0 0 155px;
    margin: 0 6px 0 0;
    padding: 10px 0;
    text-align: center;
    background: #fff;
    opacity: 0.5;
    max-width: 155px;
    color: #224D9A;
    font-weight: bold;
    padding: 25px 0;
}*/

/*LVEL4まである場合*/
.cinfo_power #level ul.tab li,
/*.school_detail_cinfo .course_power #level ul.tab li{
    cursor: pointer;
    -webkit-box-flex: 0;
    flex: 0 0 196px;
    margin: 0 5px 0 0;
    padding: 10px 0;
    text-align: center;
    background: #fff;
    opacity: 0.5;
    max-width: 196px;
    color: #224D9A;
    font-weight: bold;
    padding: 25px 0;
}*/

/*LVEL3まである場合*/
.cinfo_power #level ul.tab li,
.school_detail_cinfo .course_power #level ul.tab li{
    cursor: pointer;
    -webkit-box-flex: 0;
    flex: 0 0 263px;
    margin: 0 5px 0 0;
    padding: 10px 0;
    text-align: center;
    background: #ECECEC;
    opacity: 0.5;
    max-width: 263px;
    color: #224D9A;
    font-weight: bold;
    padding: 25px 0;
}

.cinfo_power #level ul.tab li:last-child,
.school_detail_cinfo .course_power #level ul.tab li:last-child{
    margin: 0;
}

.cinfo_power #level ul.tab li:hover,
.school_detail_cinfo .course_power #level ul.tab li:hover {
    color: #224D9A;
    font-weight: bold;
}
.cinfo_power #level ul.tab li.active,
.school_detail_cinfo .course_power #level ul.tab li.active {
    background-color: #224D9A;
    opacity: 1;
    color: #fff;
    font-weight: bold;
    position: relative;
    padding: 25px 0;
}
.cinfo_power #level ul.tab li.active::before,
.school_detail_cinfo .course_power #level ul.tab li.active::before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    margin-left: -6px;
    border: 6px solid transparent;
    border-top: 6px solid #224D9A;
    top: 100%;
}

.cinfo_power #level div.tab_box,
.school_detail_cinfo .course_power #level div.tab_box {
    clear: both;
    display: none;
    width: 960px;
    margin:0 auto;
    background:#fff;
}
.cinfo_power #level div.active,
.school_detail_cinfo .course_power #level div.active {
    display: block;
}
.cinfo_power #level div.tab_box table,
.school_detail_cinfo .course_power #level div.tab_box table{
    background: #E7F0F9;
  border: 2px #D2D2D2 solid;
}
.cinfo_power #level div.tab_box th,
.school_detail_cinfo .course_power #level div.tab_box th{
    background: #224D9A;
    color: #fff;
    width: 158px;
    padding: 25px;
    font-weight: bold;
    line-height: 1.6;
    border-bottom: 2px #D2D2D2 solid;;
    border-collapse: separate;
    border-spacing: 5px;
    border-right: 2px #D2D2D2 solid;;
    vertical-align: middle;
}
.cinfo_power #level div.tab_box th span,
.school_detail_cinfo .course_power #level div.tab_box th span{
    font-size: 1rem;
    font-weight: normal;
}
/*
.cinfo_power #level div.tab_box th.btl,
.school_detail_cinfo .course_power #level div.tab_box th.btl{
    border-top-left-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
}
.cinfo_power #level div.tab_box th.bbl,
.school_detail_cinfo .course_power #level div.tab_box th.bbl{
    border-bottom-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
}

*/
.cinfo_power #level div.tab_box th img,
.school_detail_cinfo .course_power #level div.tab_box th img{
    width: 60px;
    margin: 0 auto 5px;
    display: block;
}
.cinfo_power #level div.tab_box td,
.school_detail_cinfo .course_power #level div.tab_box td{
    padding: 25px;
    line-height: 1.6;
    border-bottom: 2px #D2D2D2 solid;;
    border-collapse: separate;
    border-spacing: 5px;
    color: #224D9A;
    vertical-align: middle;
    background: #fff;
}
.cinfo_power .voice,
.school_detail_cinfo .course_power .voice{
    padding:60px 0;
}
.cinfo_power .voice h2,
.school_detail_cinfo .course_power .voice h2{
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
    margin: 0 0 50px 0;
    line-height: 1.4;
}
.cinfo_power .voice h2 span,
.school_detail_cinfo .course_power .voice h2 span{
    font-size: 3.2rem;
}
.cinfo_power .voice ul,
.school_detail_cinfo .course_power .voice ul{
  max-width: 820px;
  width: 100%;
  margin:0 auto;
  display: flex;
  justify-content: space-between;
}
.cinfo_power .voice ul li,
.school_detail_cinfo .course_power .voice ul li {
  width: 48%;
  background: #FFF;
  box-shadow: 1px 3px 8px 2px rgba(11, 13, 17, 0.2);
  border-radius: 10px;
  padding: 20px;
  position: relative;
}
.cinfo_power .voice ul li figure,
.school_detail_cinfo .course_power .voice ul li figure{
  margin: -60px 0 20px 0;
}
.cinfo_power .voice ul li h3,
.school_detail_cinfo .course_power .voice ul li h3{
  color: #2A5298;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
  position: absolute;
  left: 160px;
  top: 20px;
}
.cinfo_power .voice ul li h3 span,
.school_detail_cinfo .course_power .voice ul li h3 span{
  color: #333;
  font-size: 12px;
}
.cinfo_power .voice ul li div,
.school_detail_cinfo .course_power .voice ul li div{
  border-radius: 5px;
  background: #EBF3FF;
  font-size:16px;
  padding: 20px;
  margin-bottom: 20px;
}
.cinfo_power .voice ul li div strong,
.school_detail_cinfo .course_power .voice ul li div strong{
  color:#333;
  font-size:14px;
}

.cinfo_power .voice ul li p,
.school_detail_cinfo .course_power .voice ul li p{
  font-size:16px;
}

.cinfo_power #system ul, 
.school_detail_cinfo .course_power #system ul{
  max-width: 960px;
  width: 100%;
  margin: 0 auto;
}
.cinfo_power #system ul li, 
.school_detail_cinfo .course_power #system ul li {
  display: flex;
  margin: 0 auto 10px;
  text-align: center;
  border: 3px solid #224D9A;
  border-radius: 8px;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 40px;
}
.cinfo_power #system ul li .course_name, 
.school_detail_cinfo .course_power #system ul li .course_name {
  width: 100%;
  background: none;
}
.cinfo_power #system ul li .course_name span, 
.school_detail_cinfo .course_power #system ul li .course_name span {
  background: #E7F0F9;
  padding: 5px 40px;
  border-radius: 50px;
  margin: 0 auto 20px;
  font-size: 1.8rem;
  color: #224D9A;
  font-weight: bold;
  display: inline-block;
  width: 350px;
}
.cinfo_power #system ul li .system_inner, 
.school_detail_cinfo .course_power #system ul li .system_inner {
  display: flex;
  justify-content: space-between;
}
.cinfo_power #system ul li a, 
.school_detail_cinfo .course_power #system ul li a{
  padding: 0;
  margin: 0 auto;
}
.cinfo_power #system ul li figure, 
.school_detail_cinfo .course_power #system ul li figure {
  width: 370px;
  float: initial;
}
.cinfo_power #system ul li .course_details, 
.school_detail_cinfo .course_power #system ul li .course_details {
  width: 510px;
  padding: 0 0 40px 40px;
}
.cinfo_power #system ul li .course_details h3, 
.school_detail_cinfo .course_power #system ul li .course_details h3 {
  font-size: 22px;
  font-weight: bold;
  line-height: 1.6;
  text-align: left;
}
.cinfo_power #system ul li .course_details h3 span, 
.school_detail_cinfo .course_power #system ul li .course_details h3 span {
  font-size: 16px;
  font-weight: normal;
  display: block;
  margin: 20px 0 40px;
}
.cinfo_power #system ul li .course_details p::before, 
.school_detail_cinfo .course_power #system ul li .course_details p::before {
  margin: 0 10px 0 0;
}
.cinfo_power #system ul li .priceTxt, 
.school_detail_cinfo .course_power #system ul li .priceTxt {
  margin-left: 0;
  font-size: 1.2rem;
}
.cinfo_power #system .price_note, 
.school_detail_cinfo .course_power #system .price_note{
  max-width: 960px;
  width: 100%;
  margin: 0 auto;
}
.cinfo_power #system .price_note p, 
.school_detail_cinfo .course_power #system .price_note p{
    margin-left: 2em;
    text-indent: -2em;
    font-size: 1.2rem;
}
.cinfo_power #purpose_plan h2,
.school_detail_cinfo .course_power #purpose_plan h2{
  color: #2A5298;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.8;
  margin-bottom: 40px;
}

.cinfo_power #purpose_plan h2 span.pink_txt,
.school_detail_cinfo .course_power #purpose_plan h2 span.pink_txt{
  color: #E40057;
  font-size: 32px;
  border:none;;
}

.cinfo_power #purpose_plan h2 span,
.school_detail_cinfo .course_power #purpose_plan h2 span{
  border-bottom: 3px dotted #2A5298;
  font-size: 32px;
}


.cinfo_power #purpose_plan .purpose_plan_txt,
.school_detail_cinfo .course_power #purpose_plan .purpose_plan_txt{
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
    margin: 0 0 50px 0;
    line-height: 1.4;
}
.cinfo_power #purpose_plan .purpose_plan_txt span,
.school_detail_cinfo .course_power #purpose_plan .purpose_plan_txt span{
    font-size: 3.2rem;
}



.cinfo_power #point,
.school_detail_cinfo .course_power #point{
    padding:60px 0;
    background: #fff;
}

.cinfo_power #point ul,
.school_detail_cinfo .course_power #point ul{
    display: flex;
    flex-wrap: wrap;
    width: 960px;
    margin: 0 auto;
}

.cinfo_power #point ul li,
.school_detail_cinfo .course_power #point ul li{
    flex: 0 0 24%;
    margin: 0 auto 1%;
    padding: 40px 25px 25px;
    text-align: center;
    background-color: #fff;
    box-shadow: 3px 3px 16px -3px rgba(58, 78, 114, 0.25);
    border-radius: 10px;
    position: relative;
}
.cinfo_power #point ul li .point_icon,
.school_detail_cinfo .course_power #point ul li .point_icon{
    position: absolute;
    width: 110px;
    padding: 0;
    top: 0;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-\ transform: translateY(-50%) translateX(-50%);
}
.cinfo_power #point ul li .point_icon img,
.school_detail_cinfo .course_power #point ul li .point_icon img{
    width: 100%;
}

.cinfo_power #point ul li figure,
.school_detail_cinfo .course_power #point ul li figure {
    margin-bottom: 20px;
    height: 130px;
}
.cinfo_power #point ul li figure img,
.school_detail_cinfo .course_power #point ul li figure img{
    height: 100%;
}
.cinfo_power #point ul li p,
.school_detail_cinfo .course_power #point ul li p{
    font-size: 1.6rem;
    text-align: center;
}
.cinfo_power #other .other_bg:nth-of-type(1){
    background: url("/cinfo/img/other_eikaiwa_pc.png") no-repeat top left;
    background-size: cover;
}
.cinfo_power #other .other_bg:nth-of-type(2){
  background: url("/cinfo/img/other_discussion_pc.png") no-repeat top left;
  background-size: cover;
}

.cinfo_power #other .other_bg:nth-of-type(2) .inner .course_half{
    width: 500px;
    padding: 35px;
    box-shadow:1px 1px 8px -1px rgba(68, 68, 68, 0.25);
    background-color: #fff;
    border-radius: 8px;
    position: relative;
    word-break: break-all;
    float:left;
    height: 320px;
}

/*------------------------------------------------
#cinfo_freetime_index
-------------------------------------------------*/
#cinfo_freetime_index #visual,
.school_detail_cinfo .course_freetime #cinfo_visual {
    background: url(/cinfo/enjoy_english/img/main_pc.png) center no-repeat;
    background-size: cover;
}
#cinfo_freetime_index #visual div h1,
.school_detail_cinfo .course_freetime #cinfo_visual div h1{
    position: absolute;
    top: 10px;
    left: 0;
    z-index: 1;
    background: url("/cinfo/enjoy_english/img/main_bg.png") no-repeat top left;
    font-size: 3.4rem;
    font-weight: bold;
    line-height: 1.1;
    background-size: 330px;
    padding: 65px 0 0 50px;
    text-shadow: #FFF 0 2px 11px;
}
#cinfo_freetime_index #visual div .main_text{
    position: absolute;
    top: 180px;
    left: 53px;
    z-index: 1;
}
.school_detail_cinfo .course_freetime #cinfo_visual div .main_text{
    position: absolute;
    top: 230px;
    left: 53px;
    z-index: 1;
}
#cinfo_freetime_index #visual div a.btn_blue,
.school_detail_cinfo .course_freetime #cinfo_visual div a.btn_blue{
    background: linear-gradient(to right, #1E3C72, #2A5298);
    font-weight: normal;
    /*bottom: 15%;*/
    position: absolute;
    padding: 10px 40px 10px 50px;
    height: auto;
    line-height: 1.2;
    text-decoration: none;
    border-radius: 100px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    border: none;
}
#cinfo_freetime_index #visual div a.btn_blue{
    left: 4%;
    bottom: 30%;
}
.school_detail_cinfo .course_freetime #cinfo_visual div a.btn_blue{
    left: 5%;
    bottom: 15%;
}
#cinfo_freetime_index #point,
.school_detail_cinfo .course_freetime #point {
  background-color: #fff;
  padding: 20px 0 0;
}
#cinfo_freetime_index #point h2,
.school_detail_cinfo .course_freetime #point h2{
  margin: 0 0 30px 0;
}
#cinfo_freetime_index #point > p,
.school_detail_cinfo .course_freetime #point > p{
  text-align: center;
  margin-bottom: 70px;
}
#cinfo_freetime_index #point ul li, .school_detail_cinfo .course_freetime #point ul li {
  flex: 0 0 24%;
  margin: 0 auto;
  padding: 30px 20px 20px;
  max-width: 24%;
}
#cinfo_freetime_index #point ul li h3, 
.school_detail_cinfo #point ul li h3 {
    color: #E40057;
    margin-bottom: 0;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1.3;
    margin-bottom: 5px;
}
#cinfo_freetime_index #point ul li p, 
.school_detail_cinfo #point ul li p {
  font-size: 1.4rem;
  text-align: left;
}
#cinfo_freetime_index #point ul li figure, 
.school_detail_cinfo #point ul li figure{
  height: 150px;
  margin-bottom: 10px;
}
#cinfo_freetime_index #worries ul li:nth-of-type(5),
.school_detail_cinfo .course_freetime #worries ul li:nth-of-type(5){
    flex: 0 0 100%;
    margin: 40px auto;
    padding: 0;
    text-align: left;
    box-shadow: 3px 3px 16px -3px rgba(58, 78, 114, 0.25);
    border-radius: 8px;
    overflow: hidden;
    background: url(/cinfo/img/bg_txt.png) #fff no-repeat right bottom;
    background-size: 25%;
}
#cinfo_freetime_index #worries ul li:nth-of-type(5) figure,
.school_detail_cinfo .course_freetime #worries ul li:nth-of-type(5) figure{
    width: 450px;
    float: left;
    margin-right: 30px;
}
#cinfo_freetime_index #worries ul li:nth-of-type(5) figure img,
.school_detail_cinfo .course_freetime #worries ul li:nth-of-type(5) figure img{
    width: 100%;
}
#cinfo_freetime_index #worries ul li:nth-of-type(5) h3,
.school_detail_cinfo .course_freetime #worries ul li:nth-of-type(5) h3{
    font-weight: bold;
    margin: 30px 0 20px;
    font-size: 2rem;
}
#cinfo_freetime_index #worries ul li:nth-of-type(5) p,
.school_detail_cinfo .course_freetime #worries ul li:nth-of-type(5) p{
    padding: 0 30px 0;
}
#cinfo_freetime_index #worries ul li:nth-of-type(5) p span,
.school_detail_cinfo .course_freetime #worries ul li:nth-of-type(5) p span{
    color:#E40057;
    font-weight: bold;
}
#cinfo_freetime_index #level,
.school_detail_cinfo .course_freetime #level{
    padding:60px 0 0;
}
#cinfo_freetime_index #level h2,
.school_detail_cinfo .course_freetime #level h2{
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
    margin: 0 0 50px 0;
    line-height: 1.4;
}
#cinfo_freetime_index #level h2 span,
.school_detail_cinfo .course_freetime #level h2 span{
    font-size: 3.2rem;
}
#cinfo_freetime_index #level .goal,
.school_detail_cinfo .course_freetime #level .goal{
    width: 960px;
    margin:0 auto;
}
#cinfo_freetime_index #level .goal div,
.school_detail_cinfo .course_freetime #level .goal div{
    float: left;
    width: 22%;
    background-color: #224D9A;
    padding: 5px 10px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 1.8rem;
    border-radius: 8px;
    margin: 0 20px 0 0;
}
#cinfo_freetime_index #level .goal p,
.school_detail_cinfo .course_freetime #level .goal p{
    float: left;
    font-size: 1.6rem;
    width: 70%;
    line-height: 1.4;
}
#cinfo_freetime_index #level ul,
.school_detail_cinfo .course_freetime #level ul{
    display: flex;
    flex-wrap: wrap;
    width: 960px;
    margin: 0 auto;
    padding-top: 60px;
}

#cinfo_freetime_index #level ul li,
.school_detail_cinfo .course_freetime #level ul li{
    flex: 0 0 100%;
    margin: 0 auto 15px;
}
#cinfo_freetime_index #level ul li .right_txt,
.school_detail_cinfo .course_freetime #level ul li .right_txt{
    padding: 25px;
    background-color: #fff;
    box-shadow: 3px 3px 16px -3px rgba(58, 78, 114, 0.25);
    border-radius: 10px;
    width: 87.5%;
    float: right;
}
#cinfo_freetime_index #level ul li .right_txt figure,
.school_detail_cinfo .course_freetime #level ul li .right_txt figure{
    float: right;
    margin: 10px 0 0 30px;
    width: 115px;
}
#cinfo_freetime_index #level ul li .right_txt figure img,
.school_detail_cinfo .course_freetime #level ul li .right_txt figure img{
    width: 100%;
}
#cinfo_freetime_index #level ul li .right_txt p,
.school_detail_cinfo .course_freetime #level ul li .right_txt p{
}
#cinfo_freetime_index #level ul li .left_level,
.school_detail_cinfo .course_freetime #level ul li .left_level{
    float: left;
    width: 11%;
    height: 110%;
    border-left: 2px solid #fff;
}
#cinfo_freetime_index #level ul li:nth-of-type(1) .left_level,
.school_detail_cinfo .course_freetime #level ul li:nth-of-type(1) .left_level{
    background-color: #E40057;
}
#cinfo_freetime_index #level ul li:nth-of-type(2) .left_level,
.school_detail_cinfo .course_freetime #level ul li:nth-of-type(2) .left_level{
    background-color: #E23979;
}
#cinfo_freetime_index #level ul li:nth-of-type(3) .left_level,
.school_detail_cinfo .course_freetime #level ul li:nth-of-type(3) .left_level{
    background-color: #F27DAA;
}
#cinfo_freetime_index #level ul li:nth-of-type(4) .left_level,
.school_detail_cinfo .course_freetime #level ul li:nth-of-type(4) .left_level{
    background-color: #FFAFCE;
}
#cinfo_freetime_index #level ul li:nth-of-type(5) .left_level,
.school_detail_cinfo .course_freetime #level ul li:nth-of-type(5) .left_level{
    background-color: #FFD2E3;
    height: 100%;
}

#cinfo_freetime_index #level ul li .left_level img,
.school_detail_cinfo .course_freetime #level ul li .left_level img{
    width: 100%;
    margin-top: -40px;
}
.school_detail_cinfo .course_freetime #system .inner{
  width: 700px;
  margin: 0 auto;
}

#cinfo_freetime_index #system .inner th, 
.school_detail_cinfo #system .inner th{
  line-height: 1;
  padding: 15px 0;
  width: 35%;
}
/*------------------------------------------------
#cinfo_mantoman_index
-------------------------------------------------*/
#cinfo_mantoman_index #visual,
.school_detail_cinfo .course_mantoman #cinfo_visual {
    background: url(/cinfo/mantoman/img/main_pc.png) center no-repeat;
    background-size: cover;
}
#cinfo_mantoman_index #visual div h1,
.school_detail_cinfo .course_mantoman #cinfo_visual div h1{
    position: absolute;
    top: 10px;
    left: 0;
    z-index: 1;
    background: url("/cinfo/mantoman/img/main_bg.png") no-repeat top left;
    font-size: 3.4rem;
    font-weight: bold;
    line-height: 1.2;
    background-size: 240px;
    padding: 50px 0 0 50px;
    text-shadow: #FFF 0 2px 11px;
}
#cinfo_mantoman_index #visual div .main_text,
.school_detail_cinfo .course_mantoman #cinfo_visual div .main_text{
    position: absolute;
    top: 220px;
    left: 53px;
    z-index: 1;
}
#cinfo_mantoman_index #visual div a.btn_blue,
.school_detail_cinfo .course_mantoman #cinfo_visual div a.btn_blue{
    background: linear-gradient(to right, #1E3C72, #2A5298);
    font-weight: normal;
    bottom: 15%;
    position: absolute;
    left: 5%;
    padding: 10px 40px 10px 50px;
    height: auto;
    line-height: 1.2;
    text-decoration: none;
    border-radius: 100px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    border: none;
}

#cinfo_mantoman_index #worries ul li:nth-of-type(5),
.school_detail_cinfo .course_mantoman #worries ul li:nth-of-type(5){
    flex: 0 0 100%;
    margin: 40px auto;
    padding: 0;
    text-align: left;
    box-shadow: 3px 3px 16px -3px rgba(58, 78, 114, 0.25);
    border-radius: 8px;
    overflow: hidden;
    background: url(/cinfo/img/bg_txt.png) #fff no-repeat right bottom;
    background-size: 25%;
}
#cinfo_mantoman_index #worries ul li:nth-of-type(5) figure,
.school_detail_cinfo .course_mantoman #worries ul li:nth-of-type(5) figure{
    width: 450px;
    float: left;
    margin-right: 30px;
}
#cinfo_mantoman_index #worries ul li:nth-of-type(5) figure img,
.school_detail_cinfo .course_mantoman #worries ul li:nth-of-type(5) figure img{
    width: 100%;
}
#cinfo_mantoman_index #worries ul li:nth-of-type(5) h3,
.school_detail_cinfo .course_mantoman #worries ul li:nth-of-type(5) h3{
    font-weight: bold;
    margin: 30px 0 20px;
    font-size: 2rem;
}
#cinfo_mantoman_index #worries ul li:nth-of-type(5) p,
.school_detail_cinfo .course_mantoman #worries ul li:nth-of-type(5) p{
    padding: 0 30px 0;
}
#cinfo_mantoman_index #worries ul li:nth-of-type(5) p span,
.school_detail_cinfo .course_mantoman #worries ul li:nth-of-type(5) p span{
    color:#E40057;
    font-weight: bold;
}
.school_detail_cinfo .course_mantoman #point {
  background-color: #fff;
}
#cinfo_mantoman_index #combi ul,
.school_detail_cinfo .course_mantoman #combi ul {
    display: flex;
    flex-wrap: wrap;
    width: 960px;
    margin: 0 auto;
    position: relative;
}

#cinfo_mantoman_index #combi ul li,
.school_detail_cinfo .course_mantoman #combi ul li{
    width: 43%;
    margin: 0 auto;
    padding: 0 0 20px;
    text-align: center;
    box-shadow:1px 1px 8px -1px rgba(58, 104, 114, 0.25);
    background-color: #fff;
    border-radius: 8px;
}

#cinfo_mantoman_index #combi ul li figure img,
.school_detail_cinfo .course_mantoman #combi ul li figure img{
    width: 100%;
}

#cinfo_mantoman_index #combi ul li h3,
.school_detail_cinfo .course_mantoman #combi ul li h3{
    color: #224D9A;
    font-weight: bold;
    font-size: 2rem;
    line-height: 1.4;
    margin: 20px 0 10px;
}

#cinfo_mantoman_index #combi ul li h3 span,
.school_detail_cinfo .course_mantoman #combi ul li h3 span{
    font-size: 1.6rem;
}
#cinfo_mantoman_index #combi ul li div,
.school_detail_cinfo .course_mantoman #combi ul li div{
    border: 1px solid #707070;
    margin: 10px 10px 0;
    border-radius: 100px;
    display: inline;
    padding: 0 20px;
}
#cinfo_mantoman_index #combi ul p,
.school_detail_cinfo .course_mantoman #combi ul p {
    margin: 30px;
    text-align: left;
  width: auto;
}
#cinfo_mantoman_index #combi ul .combi_center,
.school_detail_cinfo .course_mantoman #combi ul .combi_center{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-\ transform: translateY(-50%) translateX(-50%);
    text-align: center;
}
#cinfo_mantoman_index #combi ul .combi_center img,
.school_detail_cinfo .course_mantoman #combi ul .combi_center img{
    width: 70%;
    margin: -50px 0 0 10px;
}

/*------------------------------------------------
#cinfo_high_s_index
-------------------------------------------------*/
#cinfo_high_s_index #visual,
.school_detail_cinfo .course_high_s #cinfo_visual{
    background: url(/cinfo/high_s/img/main_pc.png) center no-repeat;
    background-size: cover;
}
#cinfo_high_s_index #visual div h1,
.school_detail_cinfo .course_high_s #cinfo_visual div h1{
    position: absolute;
    top: 5px;
    left: 0;
    z-index: 1;
    background: url("/cinfo/high_s/img/main_bg.png") no-repeat top left;
    font-size: 3.4rem;
    font-weight: bold;
    line-height: 1.2;
    background-size: contain;
    padding: 80px 0 0 50px;
    text-shadow: #FFF 0 2px 11px;
}
#cinfo_high_s_index #visual div .main_text,
.school_detail_cinfo .course_high_s #cinfo_visual div .main_text{
    position: absolute;
    top: 230px;
    left: 53px;
    z-index: 1;
}
#cinfo_high_s_index #visual div a.btn_blue,
.school_detail_cinfo .course_high_s #cinfo_visual div a.btn_blue {
    background: linear-gradient(to right, #1E3C72, #2A5298);
    font-weight: normal;
    bottom: 22%;
    position: absolute;
    left: 4%;
    padding: 15px 30px;
    height: auto;
    line-height: 1.2;
    text-decoration: none;
    border-radius: 100px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    border: none;
}
#cinfo_high_s_index #visual div a p.visual_btn span:nth-of-type(1),
.school_detail_cinfo .course_high_s #cinfo_visual div a p.visual_btn span:nth-of-type(1){
    font-size: 1.8rem;
    color: #FFD8D8;
    letter-spacing: 0;
}
#cinfo_high_s_index #change,
.school_detail_cinfo .course_high_s #change{
    padding:60px 0 0;
}
#cinfo_high_s_index #change h2,
.school_detail_cinfo .course_high_s #change h2{
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
    margin: 0 0 50px 0;
    line-height: 1.4;
}
#cinfo_high_s_index #change h2 span,
.school_detail_cinfo .course_high_s #change h2 span{
    font-size: 3.2rem;
}
#cinfo_high_s_index #change p,
.school_detail_cinfo .course_high_s #change p{
    text-align: center;
    margin:20px 0;
}
#cinfo_high_s_index #change ul,
.school_detail_cinfo .course_high_s #change ul{
    display: flex;
    flex-wrap: wrap;
    width: 960px;
    margin: 0 auto;
}
#cinfo_high_s_index #change ul li,
.school_detail_cinfo .course_high_s #change ul li{
      flex: 0 0 22%;
      margin:0 auto;
      padding:0 0 20px;
      text-align: center;
}
#cinfo_high_s_index #change ul li:nth-of-type(1),
#cinfo_high_s_index #change ul li:nth-of-type(5),
.school_detail_cinfo .course_high_s #change ul li:nth-of-type(1),
.school_detail_cinfo .course_high_s #change ul li:nth-of-type(5){
      flex: 0 0 12%;
}
#cinfo_high_s_index #change ul li figure,
.school_detail_cinfo .course_high_s #change ul li figure {
    position: relative;
    padding-top: 20%;
}
#cinfo_high_s_index #change ul li:nth-of-type(1) figure,
#cinfo_high_s_index #change ul li:nth-of-type(5) figure,
.school_detail_cinfo .course_high_s #change ul li:nth-of-type(1) figure,
.school_detail_cinfo .course_high_s #change ul li:nth-of-type(5) figure{
    height: 320px;
    padding-top: 0;
}
#cinfo_high_s_index #change ul li figure img,
.school_detail_cinfo .course_high_s #change ul li figure img{
    width: 100%;
}
#cinfo_high_s_index #change ul li:nth-of-type(1) figure img,
#cinfo_high_s_index #change ul li:nth-of-type(5) figure img,
.school_detail_cinfo .course_high_s #change ul li:nth-of-type(1) figure img,
.school_detail_cinfo .course_high_s #change ul li:nth-of-type(5) figure img{
    height: 320px;
    width: auto;
    padding-top: 0;
}
#cinfo_high_s_index #change ul li figure figcaption,
.school_detail_cinfo .course_high_s #change ul li figure figcaption{
    position: absolute;
    top: 75%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-\ transform: translateY(-50%) translateX(-50%);
    font-weight: bold;
    width: 100%;
    font-size: 1.3rem;
    line-height: 1.6;
}
#cinfo_high_s_index #change ul li:nth-of-type(3) figure figcaption,
.school_detail_cinfo .course_high_s #change ul li:nth-of-type(3) figure figcaption{
    top: 78%;
}
#cinfo_high_s_index #change .four_skills,
.school_detail_cinfo .course_high_s #change .four_skills{
    width: 720px;
    margin: 0 auto;
}
#cinfo_high_s_index #change .four_skills p,
.school_detail_cinfo .course_high_s #change .four_skills p{
    text-align: center;
    margin:20px 0;
    font-size:1.8rem;
}
#cinfo_high_s_index #change .four_skills p span
.school_detail_cinfo .course_high_s #change .four_skills p span{
    color:#E40057;
}
#cinfo_high_s_index #change .four_skills td,
.school_detail_cinfo .course_high_s #change .four_skills td {
    background: #224D9A;
    color: #fff;
    width: 158px;
    padding: 25px 20px;
    font-weight: bold;
    line-height: 1.6;
    border-collapse: separate;
    border-spacing: 10px;
    border: 10px #fff solid;
    vertical-align: middle;
}
#cinfo_high_s_index #change .four_skills td p,
.school_detail_cinfo .course_high_s #change .four_skills td p{
    text-align: left;
    font-size: 1.2rem;
    font-weight: normal;
    margin: 0;
}
#cinfo_high_s_index #change .four_skills td figure,
.school_detail_cinfo .course_high_s #change .four_skills td figure{
    text-align: center;
}
#cinfo_high_s_index #change .four_skills td h3,
.school_detail_cinfo .course_high_s #change .four_skills td h3{
    text-align: center;
    margin:15px 0;
}
#cinfo_high_s_index #change .four_skills td h3 span,
.school_detail_cinfo .course_high_s #change .four_skills td h3 span {
    font-size: 1rem;
    font-weight: normal;
}
.school_detail_cinfo .course_high_s #worries {
  background-color: #fff;
}

#cinfo_high_s_index #bg_photo,
.school_detail_cinfo .course_high_s #bg_photo{
    background: url("/cinfo/high_s/img/academic_bg.png") no-repeat center center;
    background-size: cover;
    margin: 60px 0 0;
}
#cinfo_high_s_index #bg_photo p,
.school_detail_cinfo .course_high_s #bg_photo p{
    font-size: 3rem;
    padding: 60px 0;
    text-align: center;
    font-weight: bold;
    z-index: 0;
}
#cinfo_high_s_index #bg_photo p:nth-of-type(2),
.school_detail_cinfo .course_high_s #bg_photo p:nth-of-type(2){
    font-size: 2rem;
    text-align: center;
    padding: 0 0 60px;
}
#cinfo_high_s_index #bg_photo p span,
.school_detail_cinfo .course_high_s #bg_photo p span{
  position: relative;
  color: #E40057;
  background: linear-gradient(transparent 70%, #FFE26D 30%);
  height: 45px;
  display: inline-block;
}
#cinfo_high_s_index #recom_eiken,
.school_detail_cinfo .course_high_s #recom_eiken{
    margin: 0 0 60px;
}
#cinfo_high_s_index #plan,
.school_detail_cinfo .course_high_s #plan{
    padding:60px 0;
    width: 960px;
    margin: 0 auto;
}
#cinfo_high_s_index #plan h2,
.school_detail_cinfo .course_high_s #plan h2{
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
    margin: 0 0 50px 0;
    line-height: 1.4;
}
#cinfo_high_s_index #plan h2 span,
.school_detail_cinfo .course_high_s #plan h2 span{
    font-size: 3.2rem;
}
#cinfo_high_s_index #plan img,
.school_detail_cinfo .course_high_s #plan img{
    width:100%;
}
#cinfo_high_s_index #parents,
.school_detail_cinfo .course_high_s #parents{
    padding:60px 0;
}
#cinfo_high_s_index #parents h2,
.school_detail_cinfo .course_high_s #parents h2{
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
    margin: 0 0 50px 0;
    line-height: 1.4;
}
#cinfo_high_s_index #parents h2 span,
.school_detail_cinfo .course_high_s #parents h2 span{
    font-size: 3.2rem;
}
#cinfo_high_s_index #parents .inner,
.school_detail_cinfo .course_high_s #parents .inner{
    background: url(/cinfo/high_s/img/parents_bg.png) no-repeat;
    background-size: contain;
    height: 300px;
}
#cinfo_high_s_index #parents .inner .bg_blue,
.school_detail_cinfo .course_high_s #parents .inner .bg_blue{
    width: 55%;
    position: relative;
    z-index: 0;
    float: right;
    margin-top: 70px;
}
#cinfo_high_s_index #parents .inner .bg_blue > span,
.school_detail_cinfo .course_high_s #parents .inner .bg_blue > span {
    position: relative;
    line-height: 2.8;
    padding: 0 20px;
    color: #fff;
    font-weight: bold;
    font-size: 2rem;
}
#cinfo_high_s_index #parents .inner .bg_blue > span::after,
.school_detail_cinfo .course_high_s #parents .inner .bg_blue > span::after{
    content: "";
    border-bottom: 50px solid #224D9A;
    position: absolute;
    top: -40%;
    left: 0;
    display: block;
    width: 100%;
    z-index: -1;
}
#cinfo_high_s_index #parents p,
.school_detail_cinfo .course_high_s #parents p{
    width: 650px;
    margin: 80px auto 0;
}
#cinfo_high_s_index #parents p span,
.school_detail_cinfo .course_high_s #parents p span{
  color: #E40057;
}
#cinfo_high_s_index #recom_eiken,
.school_detail_cinfo .course_high_s #recom_eiken {
  padding: 60px 0 100px;
}
#cinfo_high_s_index #course .ml_btn02,
.school_detail_cinfo .course_high_s #course .ml_btn02 {
  margin: -145px 0 50px;
}

/*#cinfo_high_s_index #course .course_list ul li,
.school_detail_cinfo .course_high_s #course .course_list ul li {
  flex: 0 0 100%;
  padding: 0 0 20px 20px;
}
#cinfo_high_s_index #course .course_list ul li:nth-of-type(2) ,
.school_detail_cinfo .course_high_s #course .course_list ul li:nth-of-type(2) {
  flex: 0 0 100%;
  padding: 0;
  text-align: center;
  margin: 0;
}
#cinfo_high_s_index #course .course_list ul li p,
.school_detail_cinfo .course_high_s #course .course_list ul li p {
  font-size: 1.6rem;
}*/
#cinfo_high_s_index #other .other_bg:nth-of-type(1){
    background: url("/cinfo/img/other_eikaiwa_pc.png") no-repeat top left;
    background-size: cover;
}
#cinfo_high_s_index #other .other_bg:nth-of-type(2){
    background: url("/cinfo/img/other_power_pc_right.png") no-repeat top left;
    background-size: cover;
}
#cinfo_high_s_index #other .other_bg:nth-of-type(3){
    background: url("/cinfo/img/other_eiken_pc.png") no-repeat top left;
    background-size: cover;
}
#cinfo_high_s_index #other .other_bg:nth-of-type(2) .inner .course_half{
    width: 500px;
    padding: 35px;
    box-shadow:1px 1px 8px -1px rgba(68, 68, 68, 0.25);
    background-color: #fff;
    border-radius: 8px;
    position: relative;
    word-break: break-all;
    float:left;
    height: 320px;
}
#cinfo_high_s_index #faq,
.school_detail_cinfo .course_high_s #faq{
    padding: 60px 0;
}
#cinfo_high_s_index #faq h2,
.school_detail_cinfo .course_high_s #faq h2{
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
    margin: 0 0 50px 0;
    line-height: 1.4;
}
#cinfo_high_s_index #faq h2 span,
.school_detail_cinfo .course_high_s #faq h2 span{
    font-size: 3.2rem;
}
#cinfo_high_s_index #faq .faq_list,
.school_detail_cinfo .course_high_s #faq .faq_list{
    width: 600px;
    margin: 0 auto;
}
#cinfo_high_s_index #faq .faq_list p,
.school_detail_cinfo .course_high_s #faq .faq_list p{
    color: #333;
    font-weight: bold;
    background: url(/cinfo/high_s/img/q.png) no-repeat left top #FEF0F5;
    background-position: 18px 8px;
    border-radius: 8px 8px 0 0;
    padding: 15px 0 15px 55px;
}
#cinfo_high_s_index #faq .faq_list p::after,
.school_detail_cinfo .course_high_s #faq .faq_list p::after{
    content: "";
    border-bottom: 1px dotted #131313;
    width: 95%;
    height: 1px;
    display: block;
    bottom: 0;
    position: absolute;
    left: 20px;
}

#cinfo_high_s_index #faq .faq_list div,
.school_detail_cinfo .course_high_s #faq .faq_list div{
    background: url(/cinfo/high_s/img/a.png) no-repeat left top #FEF0F5;
    background-position: 18px 8px;
    border-radius: 0 0 8px 8px;
    padding: 15px 15px 15px 55px;
    margin-bottom: 10px;
    color: #E40057;
    font-weight: bold;
}
#cinfo_high_s_index #faq .faq_list div span,
.school_detail_cinfo .course_high_s #faq .faq_list div span{
    color: #131313;
}

/*------------------------------------------------
#cinfo_senior_index
-------------------------------------------------*/
#cinfo_senior_index #visual,
.school_detail_cinfo .course_senior #cinfo_visual {
    background: url(/cinfo/senior/img/main_pc.png) center no-repeat;
    background-size: cover;
}
#cinfo_senior_index #visual div h1,
.school_detail_cinfo .course_senior #cinfo_visual div h1{
    position: absolute;
    top: 45px;
    left: 0;
    z-index: 1;
    background: url("/cinfo/senior/img/main_bg.png") no-repeat top left;
    font-size: 3.4rem;
    font-weight: bold;
    line-height: 1.2;
    background-size: 240px;
    padding: 50px 0 0 50px;
    text-shadow: #FFF 0 2px 11px;
}
#cinfo_senior_index #about,
.school_detail_cinfo .course_senior #about{
    background-color: #E7F0F9;
    padding:60px 0;
}
#cinfo_senior_index #about h2,
#cinfo_senior_index #lesson h2,
#cinfo_senior_index #campaign h2,
.school_detail_cinfo .course_senior #about h2,
.school_detail_cinfo .course_senior #lesson h2,
.school_detail_cinfo .course_senior #campaign h2{
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
    margin: 0 0 50px 0;
    line-height: 1.4;
}
#cinfo_senior_index #about h2 span,
#cinfo_senior_index #lesson h2 span,
#cinfo_senior_index #campaign h2 span,
.school_detail_cinfo .course_senior #about h2 span,
.school_detail_cinfo .course_senior #lesson h2 span,
.school_detail_cinfo .course_senior #campaign h2 span{
    font-size: 3.2rem;
}
#cinfo_senior_index #about ul,
.school_detail_cinfo .course_senior #about ul{
    display: flex;
    flex-wrap: wrap;
    width: 960px;
    margin: 0 auto;
}
#cinfo_senior_index #about ul li,
.school_detail_cinfo .course_senior #about ul li{
      flex: 0 0 23%;
      margin:0 auto;
      padding:0 0 20px;
      text-align: center;
}
#cinfo_senior_index #about ul li figure,
.school_detail_cinfo .course_senior #about ul li figure {
    position: relative;
}
#cinfo_senior_index #about ul li figure img,
.school_detail_cinfo .course_senior #about ul li figure img{
    width: 100%;
}
#cinfo_senior_index #about ul li figure figcaption,
.school_detail_cinfo .course_senior #about ul li figure figcaption{
    position: absolute;
    top: 70%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-\ transform: translateY(-50%) translateX(-50%);
    font-size: 1.8rem;
    font-weight: bold;
    width: 100%;
    line-height: 1.4;
}
#cinfo_senior_index #lesson,
#cinfo_senior_index #campaign,
.school_detail_cinfo .course_senior #lesson,
.school_detail_cinfo .course_senior #campaign{
    padding:60px 0;
}
#cinfo_senior_index #lesson ul,
.school_detail_cinfo .course_senior #lesson ul{
    display: flex;
    flex-wrap: wrap;
    width: 960px;
    margin: 0 auto;
}
#cinfo_senior_index #lesson ul li,
.school_detail_cinfo .course_senior #lesson ul li{
    flex: 0 0 49%;
    margin: 0 auto 1%;
    background-color: #fff;
    box-shadow: 3px 3px 16px -3px rgba(58, 78, 114, 0.25);
    border-radius: 10px;
}
#cinfo_senior_index #lesson ul li figure,
.school_detail_cinfo .course_senior #lesson ul li figure{
    float: left;
    margin: 0 20px;
    height: 150px;
}
#cinfo_senior_index #lesson ul li figure img,
.school_detail_cinfo .course_senior #lesson ul li figure img{
    height: 100%;
}
#cinfo_senior_index #lesson ul li h3,
.school_detail_cinfo .course_senior #lesson ul li h3{
    font-size: 2rem;
    font-weight: bold;
    color: #224D9A;
    margin: 20px 20px 5px 0;
}
#cinfo_senior_index #lesson ul li p,
.school_detail_cinfo .course_senior #lesson ul li p{
    font-size: 1.6rem;
    text-align: left;
}
#cinfo_senior_index #other .other_bg:nth-of-type(1){
    background: url("/cinfo/img/other_power_pc_right.png") no-repeat top left;
    background-size: cover;
}
#cinfo_senior_index #other .other_bg:nth-of-type(2){
    background: url("/cinfo/img/other_senka_pc.png") no-repeat top left;
    background-size: cover;
}
#cinfo_senior_index #other .other_bg:nth-of-type(1) .inner .course_half{
    width: 500px;
    padding: 35px;
    box-shadow:1px 1px 8px -1px rgba(68, 68, 68, 0.25);
    background-color: #fff;
    border-radius: 8px;
    position: relative;
    word-break: break-all;
    float:left;
    height: 320px;
}
#cinfo_senior_index #campaign ul,
.school_detail_cinfo .course_senior #campaign ul {
    display: flex;
    flex-wrap: wrap;
    width: 960px;
    margin: -40px auto 0;
}
#cinfo_senior_index #campaign ul li,
.school_detail_cinfo .course_senior #campaign ul li {
    flex: 0 0 50%;
    margin: 0 auto;
    text-align: center;
}
#cinfo_senior_index #campaign ul li img,
.school_detail_cinfo .course_senior #campaign ul li img{
    width: 100%;
}
#cinfo_senior_index #campaign .right_txt,
.school_detail_cinfo .course_senior #campaign .right_txt{
    width: 960px;
    margin: 0 auto;
  text-align: right;
  font-size: 1.2rem;
}
#cinfo_senior_index #system_price ul,
.school_detail_cinfo .course_senior #system_price ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  height: 410px;
  background: url(/cinfo/senior/img/price_bg.png) center no-repeat;
  background-size: cover;
}
#cinfo_senior_index #system_price ul li,
.school_detail_cinfo .course_senior #system_price ul li{
  width: 35%;
  margin: 0 auto;
  max-width: 560px;
}
#cinfo_senior_index #system_price ul li p,
.school_detail_cinfo .course_senior #system_price ul li p {
    font-size: 1.8rem;
    margin: 0 0 10px;
    text-align: left;
    font-weight: bold;
    line-height: 1.4;
}
#cinfo_senior_index #system_price ul li p span,
.school_detail_cinfo .course_senior #system_price ul li p span{
  margin-left: 0;
  font-size: 1.2rem;
}
#cinfo_senior_index #system_price ul li p span span,
.school_detail_cinfo .course_senior #system_price ul li p span span{
    margin-left: 0;
    font-size: 1.4rem;
}
#cinfo_senior_index #system_price ul li p::before,
.school_detail_cinfo .course_senior #system_price ul li p::before{
    content: "";
    display: inline-block;
    background-size: 100%;
    width: 20px;
    height: 20px;
    background-image: url(/cinfo/img/checkbox.png);
    margin: 0 10px 0 40px;
    vertical-align: middle;
    background-repeat: no-repeat;
}
#cinfo_senior_index #system_price ul li h3,
.school_detail_cinfo .course_senior #system_price ul li h3{
  padding: 5px 40px;
  border-radius: 50px;
  margin: 0 auto 5px;
  font-size: 1.8rem;
  color: #224D9A;
  font-weight: bold;
  width: 100%;
}
#cinfo_senior_index #system_price ul li:nth-of-type(1) h3,
.school_detail_cinfo .course_senior #system_price ul li:nth-of-type(1) h3{
  color: #E40057;
  text-align: center;
}
#cinfo_senior_index #system_price ul li .price_note p,
.school_detail_cinfo .course_senior #system_price ul li .price_note p{
  text-indent: 0;
  font-size: 1.2rem;
  font-weight: normal;
  text-shadow: 1px 1px 0 #fff,-1px 1px 0 #fff,1px -1px 0 #fff,-1px -1px 0 #fff;
}
#cinfo_senior_index #system_price ul li .price_note p::before,
.school_detail_cinfo .course_senior #system_price ul li .price_note p::before{
  display: none;
}
#cinfo_senior_index #system_price ul li .price_inner,
.school_detail_cinfo .course_senior #system_price ul li .price_inner{
  border: 2px solid rgba(255, 255, 255, 0.7);
  padding: 10px;
  margin: 65px 0 10px;
  text-align: center;
  min-width: 560px;
}
#cinfo_senior_index #system_price ul li .price_inner .group_lesson,
.school_detail_cinfo .course_senior #system_price ul li .price_inner .group_lesson{
  background: rgba(255, 229, 239, 0.7);
  padding: 10px;
}
#cinfo_senior_index #system_price ul li .price_inner .group_lesson > p,
.school_detail_cinfo .course_senior #system_price ul li .price_inner .group_lesson > p{
  margin-left: 100px;
}
#cinfo_senior_index #system_price ul li .price_inner .mantoman_lesson,
.school_detail_cinfo .course_senior #system_price ul li .price_inner .mantoman_lesson{
  background: rgba(231,240,249,0.7);
  padding: 10px;
}
#cinfo_senior_index #system_price ul li .price_inner .mantoman_lesson > p,
.school_detail_cinfo .course_senior #system_price ul li .price_inner .mantoman_lesson > p{
  margin-left: 60px;
}
#cinfo_senior_index #system_price ul li a.btn_blue,
.school_detail_cinfo .course_senior #system_price ul li a.btn_blue{
  margin: 10px auto 15px;
}
/*------------------------------------------------
#cinfo_lesson11_index
-------------------------------------------------*/
.school_detail_cinfo .course_eiken sup {
  font-size: 50%;
}
#cinfo_lesson11_index #visual,
.school_detail_cinfo .course_eiken #cinfo_visual {
  background: url(/cinfo/lesson11/img/main02_pc.png) center no-repeat;
  background-size: cover;
  height: 570px;
}
#cinfo_lesson11_index #visual div,
.school_detail_cinfo .course_eiken #cinfo_visual div{
  width: 1200px;
  height: 570px;
}

#cinfo_lesson11_index #visual div h1,
.school_detail_cinfo .course_eiken #cinfo_visual div h1{
    position: absolute;
    top: 45px;
    left: 0;
    z-index: 1;
    background: url("/cinfo/lesson11/img/main_bg.png") no-repeat top left;
    font-size: 5rem;
    font-weight: bold;
    line-height: 1.1;
    background-size: 240px;
    padding: 50px 0 0 50px;
    text-shadow: #FFF 0 2px 11px;
}
#cinfo_lesson11_index #visual div h1 span,
.school_detail_cinfo .course_eiken #cinfo_visual div h1 span{
  font-size: 2.5rem;
  font-weight: 500;
}
#cinfo_lesson11_index #visual div .main_text,
.school_detail_cinfo .course_eiken #cinfo_visual div .main_text{
    position: absolute;
    top: 200px;
    left: 53px;
    z-index: 1;
}
#cinfo_lesson11_index #visual div .main_text img:nth-of-type(1),
.school_detail_cinfo .course_eiken #cinfo_visual div .main_text img:nth-of-type(1){
  margin: 20px 0;
}
#cinfo_lesson11_index #visual div a.btn_blue,
.school_detail_cinfo .course_eiken #cinfo_visual div a.btn_blue{
    background: linear-gradient(to right, #1E3C72, #2A5298);
    font-weight: normal;
    bottom: 5%;
    position: absolute;
    left: 5%;
    padding: 10px 40px 10px 50px;
    height: auto;
    line-height: 1.2;
    text-decoration: none;
    border-radius: 100px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    border: none;
  width: 390px;
}
#cinfo_lesson11_index #visual div a.btn_blue::before,
.school_detail_cinfo .course_eiken #cinfo_visual div a.btn_blue::before{
  content: "＼ 簡単30秒！まもなく開講につきお早めに！／";
  color: #2A5298;
  position: absolute;
  top: -15px;
  font-weight: bold;
  font-size: 1.4rem;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  text-shadow: 0 0 4px #fff;
  width: 100%;
}
#cinfo_lesson11_index #about sup,
#cinfo_lesson11_index #point sup,
#cinfo_lesson11_index #feature sup,
#cinfo_lesson11_index #recom_eiken sup,
.school_detail_cinfo .course_eiken #about sup,
.school_detail_cinfo .course_eiken #point sup,
.school_detail_cinfo .course_eiken #feature sup,
.school_detail_cinfo .course_eiken #recom_eiken sup{
    top: 1.4em;
}
#cinfo_lesson11_index #about, 
.school_detail_cinfo .course_eiken #about{
  background-color: #E7F0F9;
  padding: 60px 0 20px;
}
#cinfo_lesson11_index #about h2, 
.school_detail_cinfo .course_eiken #about h2{
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  margin: 0 0 10px 0;
  line-height: 1.4;
}
#cinfo_lesson11_index #feature h2,
.school_detail_cinfo .course_eiken #feature h2{
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
    margin: 0 0 50px 0;
    line-height: 1.4;
}

#cinfo_lesson11_index #about h2 span,
#cinfo_lesson11_index #feature h2 span,
.school_detail_cinfo .course_eiken #about h2 span,
.school_detail_cinfo .course_eiken #feature h2 span{
    font-size: 3.2rem;
}

#cinfo_lesson11_index #feature h2 span:nth-of-type(2), 
.school_detail_cinfo .course_eiken #feature h2 span:nth-of-type(2){
  font-size:1.6rem;
  color:#333;
}

#cinfo_lesson11_index #about ul,
.school_detail_cinfo .course_eiken #about ul{
    display: flex;
    flex-wrap: wrap;
    width: 730px;
    margin: 0 auto;
}

#cinfo_lesson11_index #about ul li,
.school_detail_cinfo .course_eiken #about ul li{
      flex: 0 0 30%;
      margin:0 auto;
      padding:0 0 20px;
      text-align: center;
}
#cinfo_lesson11_index #about ul li figure,
.school_detail_cinfo .course_eiken #about ul li figure {
    position: relative;
}

#cinfo_lesson11_index #about ul li figure img,
.school_detail_cinfo .course_eiken #about ul li figure img{
    width: 100%;
}
#cinfo_lesson11_index #about ul li figure figcaption,
.school_detail_cinfo .course_eiken #about ul li figure figcaption{
    position: absolute;
    top: 70%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-\ transform: translateY(-50%) translateX(-50%);
    font-size: 1.8rem;
    font-weight: bold;
    width: 100%;
    line-height: 1.4;
}
#cinfo_lesson11_index #about ul li figure figcaption sup,
.school_detail_cinfo .course_eiken #about ul li figure figcaption sup{
    top: 0;
}
#cinfo_lesson11_index #about .about_merit, 
.school_detail_cinfo .course_eiken #about .about_merit{
  font-weight: bold;
  font-size: 1.6rem;
  text-align: center;
  margin-bottom: 50px;
}
#cinfo_lesson11_index #about .about_merit span, 
.school_detail_cinfo .course_eiken #about .about_merit span{
  color: #2a5298;
}
#cinfo_lesson11_index #about .about_merit sup, 
.school_detail_cinfo .course_eiken #about .about_merit sup{
  top: 0.3em;
}

#cinfo_lesson11_index .ml_btn .merit,
.school_detail_cinfo .course_eiken .ml_btn .merit{
  max-width: 780px;
  width: 100%;
  margin: 100px auto 40px;
  border-radius: 10px;
  background: #f0f8ff;
  padding: 30px 0;
  position: relative;
}
#cinfo_lesson11_index .ml_btn .merit::before,
.school_detail_cinfo .course_eiken .ml_btn .merit::before{
  content: "";
  display: inline-block;
  width: 134px;
  height: 200px;
  background: url(/cinfo/lesson11/img/merit01.png) no-repeat left;
  position: absolute;
  left: 20px;
  bottom: 0;
}
#cinfo_lesson11_index .ml_btn .merit::after,
.school_detail_cinfo .course_eiken .ml_btn .merit::after{
  content: "";
  display: inline-block;
  width: 124px;
  height: 200px;
  background: url(/cinfo/lesson11/img/merit02.png) no-repeat left;
  position: absolute;
  right: 20px;
  bottom: 0;
}

#cinfo_lesson11_index .ml_btn .merit p,
.school_detail_cinfo .course_eiken .ml_btn .merit p{
  font-weight: bold;
  font-size: 2.4rem;
  text-align: center;
  margin: 0;
}
#cinfo_lesson11_index .ml_btn .merit p span,
.school_detail_cinfo .course_eiken .ml_btn .merit p span{
  color: #2a5298;
  border-bottom: 1px solid #2a5298;
  line-height: 1;
  display: inline-block;
}
#cinfo_lesson11_index .resolution,
.school_detail_cinfo .course_eiken .resolution{
  border-radius: 20px;
  background: #E7F0F9;
  border: 1px solid #EFEFEF;
  padding: 60px 0 0;
  max-width: 960px;
  width: 100%;
  margin: 0 auto;
}
#cinfo_lesson11_index .resolution h2,
.school_detail_cinfo .course_eiken .resolution h2{
  text-align: center;
  font-weight: bold;
  font-size: 2.6rem;
  color: #254a89;
  width: 100%;
  background: #fff;
  height: 50px;
  margin: 0 auto !important;
  max-width: 860px;
}
.school_detail_cinfo .course_eiken .resolution h2 span{
  font-size: 2.6rem !important;
  display: inline-block;
  padding-top: 7px;
}
#cinfo_lesson11_index .resolution ul,
.school_detail_cinfo .course_eiken .resolution ul{
  width: 100%;
  margin: 40px auto;
  padding: 0 70px;
}
#cinfo_lesson11_index .resolution ul li,
.school_detail_cinfo .course_eiken .resolution ul li{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom:40px;
}
#cinfo_lesson11_index .resolution ul li h3,
.school_detail_cinfo .course_eiken .resolution ul li h3{
  width: 100%;
}
#cinfo_lesson11_index .resolution ul li:nth-of-type(2) h3,
.school_detail_cinfo .course_eiken .resolution ul li:nth-of-type(2) h3 {
  text-align: right;
}

#cinfo_lesson11_index .resolution ul li h3 span,
.school_detail_cinfo .course_eiken .resolution ul li h3 span{
  background: linear-gradient(to right, #1e3c72 0%, #2a5298 100%);
  box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.11);
  padding: 5px 20px 8px;
  text-align: center;
  font-weight: bold;
  font-size: 2rem;
  color: #fff;
  display: inline-block;
  margin: 20px 0;
  left: 0;
  position: relative;
}
#cinfo_lesson11_index .resolution ul li h3 span::before,
.school_detail_cinfo .course_eiken .resolution ul li h3 span::before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 5%;
  margin-left: -10px;
  border: 10px solid transparent;
  border-top: 10px solid #1E3C72;
  top: 100%;
}
#cinfo_lesson11_index .resolution ul li:nth-of-type(2) h3 span::before, 
.school_detail_cinfo .course_eiken .resolution ul li:nth-of-type(2) h3 span::before {
  left: initial;
  right: 5%;
  border-top: 10px solid #2a5298;
}

#cinfo_lesson11_index .resolution ul li figure,
.school_detail_cinfo .course_eiken .resolution ul li figure{
  width: 45%;
}
#cinfo_lesson11_index .resolution ul li:nth-of-type(2) figure, 
.school_detail_cinfo .course_eiken .resolution ul li:nth-of-type(2) figure {
  text-align: right;
}
#cinfo_lesson11_index .resolution ul li .text_area,
.school_detail_cinfo .course_eiken .resolution ul li .text_area{
  width: 55%;
}
#cinfo_lesson11_index .resolution ul li p,
.school_detail_cinfo .course_eiken .resolution ul li p{
  font-weight: bold;
  font-size: 1.8rem;
}
#cinfo_lesson11_index .resolution ul li p span,
.school_detail_cinfo .course_eiken .resolution ul li p span{
  background: #fff;
  padding: 2px 10px;
  display: inline-block;
  margin-bottom: 5px;
}

#cinfo_lesson11_index #point div.ml_btn,
.school_detail_cinfo .course_eiken #point div.ml_btn {
    text-align: center;
}
#cinfo_lesson11_index #point ul li p,
.school_detail_cinfo .course_eiken #point ul li p {
    text-align: left;
}

#cinfo_lesson11_index #worries,
.school_detail_cinfo .course_eiken #worries{
    background-color: #FFF;
    padding: 60px 0;
}
#cinfo_lesson11_index #worries h2 span:nth-of-type(2),
#cinfo_lesson11_index #worries h2 span:nth-of-type(3),
.school_detail_cinfo .course_eiken #worries h2 span:nth-of-type(2),
.school_detail_cinfo .course_eiken #worries h2 span:nth-of-type(3){
  color: #2A5298;
  font-size: 2rem;
}
#cinfo_lesson11_index #worries h2 sup,
.school_detail_cinfo .course_eiken #worries h2 sup {
  top: 1.4em;
}
.school_detail_cinfo .course_eiken #worries h2 sup {
  top: 1.4em;
  font-size: 50%;
}

#cinfo_lesson11_index #worries ul,
.school_detail_cinfo .course_eiken #worries ul{
  display: flex;
  flex-wrap: wrap;
  width: 770px;
  margin: 0 auto;
  background: url(/cinfo/lesson11/img/worries_bg.png) no-repeat center top;
  height: 165px;
  justify-content: space-between;
}

#cinfo_lesson11_index #worries ul li,
.school_detail_cinfo .course_eiken #worries ul li{
  flex: 0 0 30%;
  font-size: 1.6rem;
  padding: 20px 0 0 0;
  font-weight: 500;
  margin: 0;
}
#cinfo_lesson11_index #worries ul li figure img,
.school_detail_cinfo .course_eiken #worries ul li figure img {
  margin-left: 20px;
}
#cinfo_lesson11_index #worries ul li figure figcaption sup,
.school_detail_cinfo .course_eiken #worries ul li figure figcaption sup {
  top: 0.3em;
}
#cinfo_lesson11_index #worries .worries_img,
.school_detail_cinfo .course_eiken #worries .worries_img{
  text-align: center;
  margin: 0 auto;
}
#cinfo_lesson11_index #worries .worries_img img,
.school_detail_cinfo .course_eiken #worries .worries_img img{
}

#cinfo_lesson11_index .exam,
.school_detail_cinfo .course_eiken .exam{
  text-align: center;
  background-color: #E7F0F9;
  padding: 60px 0;
  max-width: 1240px;
  margin: 0 auto;
  width: 100%;
}
#cinfo_lesson11_index .exam h2,
.school_detail_cinfo .course_eiken .exam h2 {
  font-weight: bold;
  font-size: 3rem;
  text-align: center;
  margin-bottom: 70px;
  line-height: 1.4;
}
#cinfo_lesson11_index .exam h2 span,
.school_detail_cinfo .course_eiken .exam h2 span{
  position: relative;
  display: inline-block;
}
#cinfo_lesson11_index .exam h2 span.text_color,
.school_detail_cinfo .course_eiken .exam h2 span.text_color{
  color: #2A5298;
}

#cinfo_lesson11_index .exam h2 span::after,
.school_detail_cinfo .course_eiken .exam h2 span::after {
  content: "";
  position: absolute;
  height: 4px;
  background:#1E3C72;
  width: 100%;
  display: block;
}
#cinfo_lesson11_index .exam .lead, 
.school_detail_cinfo .course_eiken .exam .lead{
  font-weight: bold;
  font-size: 1.6rem;
  width: 100%;
  margin: 0 auto 60px;
  max-width: 960px;
  text-align: left;
}
#cinfo_lesson11_index .exam figure, 
.school_detail_cinfo .course_eiken .exam figure{
  margin: 0 0 40px;
}
#cinfo_lesson11_index .exam .entrance_exam ul, 
.school_detail_cinfo .course_eiken .exam .entrance_exam ul{
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#cinfo_lesson11_index .exam .entrance_exam ul li, 
.school_detail_cinfo .course_eiken .exam .entrance_exam ul li{
  max-width: 945px;
  width: 100%;
  background:url("/cinfo/lesson11/img/ex01_bg.png") bottom 15px right 15px no-repeat, linear-gradient(to right, #224d9a, #28649f);
  position: relative;
  padding: 40px 20px 40px 40px;
  margin-bottom: 40px;
}
#cinfo_lesson11_index .exam .entrance_exam ul li:nth-of-type(2), 
.school_detail_cinfo .course_eiken .exam .entrance_exam ul li:nth-of-type(2){
  background:url("/cinfo/lesson11/img/ex02_bg.png") bottom 15px right 15px no-repeat, linear-gradient(to right, #224d9a, #28649f);
  width: 100%;
  max-width: 540px;
}
#cinfo_lesson11_index .exam .entrance_exam ul li:nth-of-type(3), 
.school_detail_cinfo .course_eiken .exam .entrance_exam ul li:nth-of-type(3){
  background:url("/cinfo/lesson11/img/ex03_bg.png") bottom 15px right 15px no-repeat, linear-gradient(to right, #224d9a, #28649f);
  max-width:360px;
  width: 100%;
  margin-right: 15px;
}

#cinfo_lesson11_index .exam .entrance_exam ul li::after, 
.school_detail_cinfo .course_eiken .exam .entrance_exam ul li::after{
  content: '';
  width: 100%;
  max-width: 943px;
  border: 2px solid #cbd8e6;
  position: absolute;
  top:12px;
  left:12px;
  height: 100%;
}
#cinfo_lesson11_index .exam .entrance_exam ul li:nth-of-type(2)::after, 
.school_detail_cinfo .course_eiken .exam .entrance_exam ul li:nth-of-type(2)::after{
  max-width: 538px;
}
#cinfo_lesson11_index .exam .entrance_exam ul li:nth-of-type(3)::after, 
.school_detail_cinfo .course_eiken .exam .entrance_exam ul li:nth-of-type(3)::after{
  max-width: 358px;
}
#cinfo_lesson11_index .exam .entrance_exam ul li h3,
.school_detail_cinfo .course_eiken .exam .entrance_exam ul li h3{
  font-weight: bold;
  font-size: 2.2rem;
  text-align: left;
  color: #fff;
  margin-bottom: 20px;
}
#cinfo_lesson11_index .exam .entrance_exam ul li h3 span,
.school_detail_cinfo .course_eiken .exam .entrance_exam ul li h3 span{
  border-bottom: 1px solid #fff;
}

#cinfo_lesson11_index .exam .entrance_exam ul li p, 
.school_detail_cinfo .course_eiken .exam .entrance_exam ul li p{
  font-weight: bold;
  font-size: 1.6rem;
  text-align: left;
  color: #fff;
}
#cinfo_lesson11_index .exam .uni_list, 
.school_detail_cinfo .course_eiken .exam .uni_list{
  width: 770px;
  border: 1px solid #2a5298;
  margin: 60px auto 100px;
  padding: 35px 50px;
}
#cinfo_lesson11_index .exam .uni_list h3, 
.school_detail_cinfo .course_eiken .exam .uni_list h3{
  font-weight: bold;
  font-size: 1.8rem;
  text-align: center;
  border-bottom: 1px solid #2a5298;
  display: inline-block;
  color: #333;
}
#cinfo_lesson11_index .exam .uni_list p, 
.school_detail_cinfo .course_eiken .exam .uni_list p{
  font-weight: bold;
  font-size: 1.4rem;
  line-height: 1.8;
  text-align: left;
  margin-top: 30px;
}
#cinfo_lesson11_index .exam .uni_list p span, 
.school_detail_cinfo .course_eiken .exam .uni_list p span{
  font-size: 1.2rem;
}

#cinfo_lesson11_index .exam .accreditation h3, 
.school_detail_cinfo .course_eiken .exam .accreditation h3{
  font-weight: bold;
  text-align: center;
  font-size: 2.3rem;
  line-height: 1.4;
}
#cinfo_lesson11_index .exam .accreditation h3 .s_txt, 
.school_detail_cinfo .course_eiken .exam .accreditation h3 .s_txt{
  font-size: 2rem;
}
#cinfo_lesson11_index .exam .accreditation h3 span.blue_txt, 
.school_detail_cinfo .course_eiken .exam .accreditation h3 span.blue_txt{
  color:#2A5298;
}
#cinfo_lesson11_index .exam .accreditation h3 span.blue_txt span, 
.school_detail_cinfo .course_eiken .exam .accreditation h3 span.blue_txt span{
  font-size:3.2rem
}
#cinfo_lesson11_index .exam .accreditation ul,
.school_detail_cinfo .course_eiken .exam .accreditation ul{
  width: 100%;
  max-width: 960px;
  margin: 40px auto 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#cinfo_lesson11_index .exam .accreditation ul li,
.school_detail_cinfo .course_eiken .exam .accreditation ul li{
  width: 100%;
  padding-left: 290px;
}
#cinfo_lesson11_index .exam .accreditation ul li:nth-of-type(1),
.school_detail_cinfo .course_eiken .exam .accreditation ul li:nth-of-type(1){
  background: url("/cinfo/lesson11/img/exam_bg02.png") no-repeat left center;
  height: 290px;
}
#cinfo_lesson11_index .exam .accreditation ul li:nth-of-type(2),
.school_detail_cinfo .course_eiken .exam .accreditation ul li:nth-of-type(2){
  background: #fff;
  padding: 30px 0;
  max-width: 730px;
  width: 100%;
  margin: 60px auto 20px;
  position: relative;
}
#cinfo_lesson11_index .exam .accreditation ul li:nth-of-type(2)::before,
.school_detail_cinfo .course_eiken .exam .accreditation ul li:nth-of-type(2)::before{
  position: absolute;
  content: "";
  border: 1px solid #87a6c8;
  top:5px;
   left:5px;
  width: 100%;
  height: 100%;
}
#cinfo_lesson11_index .exam .accreditation ul li h4,
.school_detail_cinfo .course_eiken .exam .accreditation ul li h4{
  font-weight: bold;
  font-size: 2rem;
  text-align: center;
  color: #2a5298;
  margin-bottom:10px;
}
#cinfo_lesson11_index .exam .accreditation ul li div,
.school_detail_cinfo .course_eiken .exam .accreditation ul li div{
  background: #fff;
  border-top: 2px solid #2a5298;
  border-bottom: 2px solid #2a5298;
  padding: 20px 20px 0 20px;
  width: 85%;
  margin: 40px auto 0;
  height: 200px;
}
#cinfo_lesson11_index .exam .accreditation ul li p,
.school_detail_cinfo .course_eiken .exam .accreditation ul li p{
  font-size: 1.4rem;
  text-align: left;
}
#cinfo_lesson11_index .exam .accreditation ul li:nth-of-type(2) p,
.school_detail_cinfo .course_eiken .exam .accreditation ul li:nth-of-type(2) p{
  text-align: center;
  font-weight: bold;
  font-size: 2rem;
  line-height: 1.4;
}
#cinfo_lesson11_index .exam .entry p,
.school_detail_cinfo .course_eiken .exam .entry p{
  font-weight: bold;
  font-size: 1.6rem;
  color: #2a5298;
  margin-top: 30px;
}
#cinfo_lesson11_index .exam .ml_btn,
.school_detail_cinfo .course_eiken .exam .ml_btn {
  margin: 10px 0;
  text-align: center;
}
#cinfo_lesson11_index #recom, 
.school_detail_cinfo .course_eiken #recom{
  padding: 80px 0 20px;
  background-color: #E7F0F9;
  margin-bottom: 80px;
}

#cinfo_lesson11_index #recom ul,
.school_detail_cinfo .course_eiken #recom ul{
    display: flex;
    flex-wrap: wrap;
    width: 960px;
    margin: 0 auto;
}
#cinfo_lesson11_index .school_list, 
.school_detail_cinfo .course_eiken .school_list{
  width: 860px;
  margin:0 auto;
}
#cinfo_lesson11_index .school_list h2, 
.school_detail_cinfo .course_eiken .school_list h2{
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  margin: 0 0 50px 0;
  line-height: 1.4;
}
#cinfo_lesson11_index .school_list h2 span, 
.school_detail_cinfo .course_eiken .school_list h2 span{
  font-size: 3.2rem;
}
#cinfo_lesson11_index .school_list table, 
.school_detail_cinfo .course_eiken .school_list table {
    border-top:1px solid #bbb;
    border-left:1px solid #bbb;
}

#cinfo_lesson11_index .school_list table th, 
.school_detail_cinfo .course_eiken .school_list table th {
    padding:15px;
    font-weight:bold;
    vertical-align:middle;
    border-right:1px solid #bbb;
    border-bottom:1px solid #bbb;
    color:#fff;
    background: #2a5298;
}
#cinfo_lesson11_index .school_list table th.area, 
.school_detail_cinfo .course_eiken .school_list table th.area{
    width:20%;
}
#cinfo_lesson11_index .school_list table th.level, 
.school_detail_cinfo .course_eiken .school_list table th.level{
    width:20%;
}
#cinfo_lesson11_index .school_list table th.school_name, 
.school_detail_cinfo .course_eiken .school_list table th.school_name{
    width:60%;
}
#cinfo_lesson11_index .school_list table td, 
.school_detail_cinfo .course_eiken .school_list table td {
    padding:15px;
    vertical-align:middle;
    border-right:1px solid #bbb;
    border-bottom:1px solid #bbb;
  font-weight: bold;
}
#cinfo_lesson11_index .school_list table td p, 
.school_detail_cinfo .course_eiken .school_list table td p{
    text-align: center;
}

#cinfo_lesson11_index #recom ul li,
.school_detail_cinfo .course_eiken #recom ul li{
      flex: 0 0 24%;
      margin:0 auto;
      padding:0 0 20px;
      text-align: center;
}
#cinfo_lesson11_index #recom ul li figure img,
.school_detail_cinfo .course_eiken #recom ul li figure img{
    width: 100%;
}
#cinfo_lesson11_index #recom ul li figure figcaption,
.school_detail_cinfo .course_eiken #recom ul li figure figcaption{
    font-weight: bold;
    margin-top: 10px;
}

#cinfo_lesson11_index #feature,
.school_detail_cinfo .course_eiken #feature{
    padding:60px 0;
}

#cinfo_lesson11_index #feature ul,
.school_detail_cinfo .course_eiken #feature ul{
    display: flex;
    flex-wrap: wrap;
    width: 960px;
    margin: 0 auto;
}

#cinfo_lesson11_index #feature ul li,
.school_detail_cinfo .course_eiken #feature ul li{
    flex: 0 0 100%;
    margin:0 auto;
    padding:40px 0;
    text-align: center;
    border-bottom: 1px dotted #224D9A;
}
#cinfo_lesson11_index #feature ul li img,
.school_detail_cinfo .course_eiken #feature ul li img {
    float: left;
    width: 180px;
    margin: 0 60px 0 20px;
}
#cinfo_lesson11_index #feature ul li img:nth-of-type(2),
.school_detail_cinfo .course_eiken #feature ul li img:nth-of-type(2) {
    float: right;
    width: 150px;
    margin: 0;
}

#cinfo_lesson11_index #feature ul li p,
.school_detail_cinfo .course_eiken #feature ul li p{
    float: left;
    text-align: left;
    font-weight: bold;
    width: 50%;
}

#cinfo_lesson11_index #feature ul li p span,
.school_detail_cinfo .course_eiken #feature ul li p span{
    font-size: 1.6rem;
}
#cinfo_lesson11_index #recom_eiken .inner,
.school_detail_cinfo .course_eiken #recom_eiken .inner{
    width: 960px;
    margin:0 auto;
    background:none;
}
#cinfo_lesson11_index #recom_eiken .eiken_area,
.school_detail_cinfo .course_eiken #recom_eiken .eiken_area {
    margin-top: 0;
}
#cinfo_lesson11_index #level,
.school_detail_cinfo .course_eiken #level{
  margin-bottom: 60px;
}
#cinfo_lesson11_index #level .renewal,
.school_detail_cinfo .course_eiken #level .renewal{
  text-align: center;
  margin-bottom:20px;
}

#cinfo_lesson11_index #level ul.tab,
.school_detail_cinfo .course_eiken #level ul.tab{
  display: flex;
  flex-wrap: wrap;
  width: 580px;
  margin: 0 auto;
  justify-content: space-between;
  margin-bottom: 30px;
  float:initial;
}
#cinfo_lesson11_index #level ul.tab li,
.school_detail_cinfo .course_eiken #level ul.tab li {
  cursor: pointer;
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 2.6rem;
  width: 270px;
  height: 70px;
  border-radius: 5px;
  background: #8C8C8C;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 0;
  flex: 0 0 270px;
  max-width: 270px;
  opacity: 1;
}
#cinfo_lesson11_index #level ul.tab li:last-child,
.school_detail_cinfo .course_eiken #level ul.tab li:last-child{
    margin: 0;
}
#cinfo_lesson11_index #level ul.tab li:hover,
.school_detail_cinfo .course_eiken #level ul.tab li:hover {
    color: #fff;
    font-weight: bold;
}
#cinfo_lesson11_index #level ul.tab li.active,
.school_detail_cinfo .course_eiken #level ul.tab li.active{
  opacity: 1;
  color: #fff;
  font-size: 2.6rem;
  background: #294F93;
  z-index: 2;
  position: relative;
}
#cinfo_lesson11_index #level ul.tab li.active::after,
.school_detail_cinfo .course_eiken #level ul.tab li.active::after{
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  background: none;
  border: 10px solid transparent;
  border-top: 10px solid #294F93;
  top: 100%;
}

#cinfo_lesson11_index #level div.tab_box,
.school_detail_cinfo .course_eiken #level div.tab_box{
  clear: both;
  display: none;
  width: 100%;
  margin: -3px auto 0;
  max-width: 1240px;
  border: 3px solid #2a5298;
  background: #fff;
  z-index: 1;
  position: relative;
}
#cinfo_lesson11_index #level div.active,
.school_detail_cinfo .course_eiken #level div.active {
    display: block;
}
#cinfo_lesson11_index #system,
.school_detail_cinfo .course_eiken #system{
  padding: 60px 0;
}

#cinfo_lesson11_index #system ul,
.school_detail_cinfo .course_eiken #system ul{
  max-width: 800px;
  width: 100%;
}
#cinfo_lesson11_index #system ul li .system_inner,
.school_detail_cinfo .course_eiken #system ul li .system_inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 85%;
  margin: 30px auto;
}
#cinfo_lesson11_index #system ul li figure,
.school_detail_cinfo .course_eiken #system ul li figure{
  width: 290px;
}
#cinfo_lesson11_index #system ul li figure img,
.school_detail_cinfo .course_eiken #system ul li figure img{
  border-radius: 10px;
}
#cinfo_lesson11_index #system ul li .rightTxt,
.school_detail_cinfo .course_eiken #system ul li .rightTxt{
  max-width: 320px;
  width: 100%;
}
.school_detail_cinfo .course_eiken #system ul li p span.teacher_s {
  margin-left: 0 !important;
}

#cinfo_lesson11_index #system .note, 
.school_detail_cinfo .course_eiken #system .note{
  max-width: 800px;
  width: 100%;
  margin:0 auto;
}


#cinfo_lesson11_index .voice,
.school_detail_cinfo .course_eiken .voice{
  text-align: center;
  background-color: #E7F0F9;
  padding: 60px 0;
}
#cinfo_lesson11_index .voice h2,
.school_detail_cinfo .course_eiken .voice h2{
  background: linear-gradient(to right, #1e3c72 0%, #2a5298 100%);
  box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.11);
  padding: 5px 20px 8px;
  position: relative;
  text-align: center;
  font-weight: bold;
  font-size: 3rem;
  color: #fff;
  display: inline-block;
  margin:0 0 10px;
}
#cinfo_lesson11_index .voice h2::before,
.school_detail_cinfo .course_eiken .voice h2::before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  margin-left: -10px;
  border: 10px solid transparent;
  border-top: 10px solid #1E3C72;
  top: 100%;
}
#cinfo_lesson11_index .voice .student,
.school_detail_cinfo .course_eiken .voice .student{
  max-width: 800px;
  width: 100%;
  margin:20px auto;
  background: #fff;
  padding:40px;
  filter: drop-shadow(1px 2px 5px rgba(0, 0, 0, 0.15));
  border-radius: 10px;
}
#cinfo_lesson11_index .voice .student figure,
.school_detail_cinfo .course_eiken .voice .student figure{
  max-width: 575px;
  width: 100%;
  margin:0 auto 40px;
}
#cinfo_lesson11_index .voice .student figure img,
.school_detail_cinfo .course_eiken .voice .student figure img{
  width: 100%;
}
.toggle {
  display: none;
}

#cinfo_lesson11_index .voice_label,
.school_detail_cinfo .course_eiken .voice_label {
  padding: 10px 40px 10px 60px;
  display: block;
  border-radius: 10px;
  background: #2A5298;
  font-weight: bold;
  font-size: 1.6rem;
  color: #fff;
  text-align: left;
}
#cinfo_lesson11_index .voice_label::before,
.school_detail_cinfo .course_eiken .voice_label::before{
  content: "";
  width: 32px;
  height: 31px;
  background: url(/cinfo/lesson11/img/q.png) no-repeat left;
  position: absolute;
  left: 4%;
  top: 50%;
  transform: translateY(-50%) translateX(-50%);
}
#cinfo_lesson11_index .voice_label::after,
.school_detail_cinfo .course_eiken .voice_label::after{
  content: "＋";
  position: absolute;
  top: calc(50% - 15px);
  right: 20px;
  font-size: 2rem;
  font-weight: bold;
}
#cinfo_lesson11_index .voice_label,
#cinfo_lesson11_index .content,
.school_detail_cinfo .course_eiken .voice_label,
.school_detail_cinfo .course_eiken .content {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: translateZ(0);
  transition: all 0.3s;
}
#cinfo_lesson11_index .content,
.school_detail_cinfo .course_eiken .content {
  height: 0;
  margin: -1px 0 20px;
  padding: 0 20px;
  overflow: hidden;
  width: 100%;
  border-radius: 0px 0px 10px 10px;
  background: #fff;
  text-align: left;
}
#cinfo_lesson11_index .toggle:checked + .voice_label + .content, 
.school_detail_cinfo .course_eiken .toggle:checked + .voice_label + .content { 
  height: auto;
  padding: 20px;
  transition: all .3s;
  border: 1px solid #2A5298;
}
#cinfo_lesson11_index .toggle:checked + .voice_label,
.school_detail_cinfo .course_eiken .toggle:checked + .voice_label{
  border-radius: 10px 10px 0 0;
}

#cinfo_lesson11_index .toggle:checked + .voice_label::after,
.school_detail_cinfo .course_eiken .toggle:checked + .voice_label::after {
  content: "－";
}
#cinfo_lesson11_index .bg_blue,
.school_detail_cinfo .course_eiken .bg_blue{
  background: #E7F0F9;
  padding-bottom: 10px;
}

#cinfo_lesson11_index .teacher_bg,
.school_detail_cinfo .course_eiken .teacher_bg{
  background: url(/cinfo/lesson11/img/teacher_bg_new.png) no-repeat center #E7F0F9;
  background-size: cover;
  height: 343px;
}

#cinfo_lesson11_index .teacher,
.school_detail_cinfo .course_eiken .teacher{
  text-align: center;
  padding: 60px 0 0;
}
#cinfo_lesson11_index .teacher p,
.school_detail_cinfo .course_eiken .teacher p{
  text-align: center;
  margin-bottom: 20px;
}
#cinfo_lesson11_index .teacher p:nth-of-type(1) span,
.school_detail_cinfo .course_eiken .teacher p:nth-of-type(1) span{
  padding: 0 30px;
  font-weight: bold;
  font-size: 2.8rem;
  text-align: center;
  color: #fff;
  line-height: 1.6;
  background: linear-gradient(to right, #1e3c72 0%, #2a5298 100%);
  box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.15);
}
#cinfo_lesson11_index .teacher p:nth-of-type(2) > span,
.school_detail_cinfo .course_eiken .teacher p:nth-of-type(2) > span{
  padding: 0 30px;
  font-weight: bold;
  font-size: 2.2rem;
  text-align: center;
  color: #333;
  line-height: 1.6;
  background: #fff;
  box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.15);
  display: inline-block;
  margin-bottom: 5px;
}
#cinfo_lesson11_index .teacher p:nth-of-type(2) span .text_color,
.school_detail_cinfo .course_eiken .teacher p:nth-of-type(2) span .text_color {
  color: #2A5298;
  background: -webkit-linear-gradient(0deg, #1e3c72, #2a5298);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.school_detail_cinfo .course_eiken .grade_list{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
	}
.school_detail_cinfo .course_eiken .grade_list li{
		margin: 0 0 10px 0;
	}
.school_detail_cinfo .course_eiken .grade_list li p{
		width: 300px;
		padding: 10px 20px;
	}
.school_detail_cinfo .course_eiken .grade_list li a:hover{
		text-decoration: none;
	}

.school_detail_cinfo .course_eiken .lesson_reason {
    padding: 0 !important;
    }
    #cinfo_lesson11_index .course_block:nth-of-type(1) {
    -webkit-background-size: 5px 5px;
    -moz-background-size: 5px 5px;
    background-size: 5px 5px;
    background-color: #fff;
    background-image: linear-gradient(-45deg, #dfefff 25%, transparent 25%, transparent 50%, #dfefff 50%, #dfefff 75%, transparent 75%, transparent);
}

/*------------------------------------------------
#cinfo_eikaiwa_index
-------------------------------------------------*/
#cinfo_eikaiwa_index #visual,
.school_detail_cinfo .course_eikaiwa #cinfo_visual {
    background: url(/cinfo/eikaiwa/img/main_pc.png) right no-repeat;
    background-size: cover;
  height: 570px;
}
#cinfo_eikaiwa_index #visual div,
.school_detail_cinfo .course_eikaiwa #cinfo_visual div{
  height: 570px;
  width: 1300px;
}

#cinfo_eikaiwa_index #visual div h1,
.school_detail_cinfo .course_eikaiwa #cinfo_visual div h1{
  position: absolute;
  top: 20px;
  left: 0;
  z-index: 1;
  background: url("/cinfo/eikaiwa/img/main_bg.png") no-repeat top left;
  font-size: 5rem;
  font-weight: bold;
  line-height: 1.2;
  background-size: auto;
  padding: 50px 0 0 50px;
  text-shadow: #FFF 0 2px 11px;
}
#cinfo_eikaiwa_index #visual div h1 span,
.school_detail_cinfo .course_eikaiwa #cinfo_visual div h1 span {
  font-size: 2.6rem;
  height: 35px;
}
#cinfo_eikaiwa_index #visual div h1 span span,
.school_detail_cinfo .course_eikaiwa #cinfo_visual div h1 span span{
    letter-spacing: -10px;
}
#cinfo_eikaiwa_index #visual div .main_text,
.school_detail_cinfo .course_eikaiwa #cinfo_visual div .main_text{
    position: absolute;
    top: 240px;
    left: 53px;
    z-index: 1;
  height:auto;
}
#cinfo_eikaiwa_index #visual div a.btn_blue,
.school_detail_cinfo .course_eikaiwa #cinfo_visual div a.btn_blue{
    background: linear-gradient(to right, #1E3C72, #2A5298);
    font-weight: normal;
    bottom: 13%;
    position: absolute;
    left: 5%;
    padding: 10px 40px 10px 50px;
    height: auto;
    line-height: 1.2;
    text-decoration: none;
    border-radius: 100px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    border: none;
  min-width: 400px;
}
#cinfo_eikaiwa_index #visual div a.btn_blue::before,
.school_detail_cinfo .course_eikaiwa #cinfo_visual div a.btn_blue::before {
  font-size: 1.6rem;
}

#cinfo_eikaiwa_index #point,
.school_detail_cinfo .course_eikaiwa #point{
    padding:60px 0;
    background: #E7F0F9;
}

#cinfo_eikaiwa_index #point h2,
.school_detail_cinfo .course_eikaiwa #point h2 {
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
    margin: 0 0 50px 0;
    line-height: 1.4;
}
#cinfo_eikaiwa_index #point ul li:nth-of-type(2), 
.school_detail_cinfo .course_eikaiwa #point ul li:nth-of-type(2){
  position: relative;
}
#cinfo_eikaiwa_index #point ul li figure,
.school_detail_cinfo .course_eikaiwa #point ul li figure{
  margin-bottom: 20px;
}
#cinfo_eikaiwa_index #point ul li h3,
.school_detail_cinfo .course_eikaiwa #point ul li h3{
  color: #3D62C4;
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 1.2;
  margin-bottom: 20px;
}
#cinfo_eikaiwa_index #recom h2,
#cinfo_eikaiwa_index #eikaiwa_reason h2,
.school_detail_cinfo .course_eikaiwa #recom #eikaiwa_reason h2,
.school_detail_cinfo .course_eikaiwa #eikaiwa_reason h2{
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
    margin: 0 0 50px 0;
    line-height: 1.4;
}
#cinfo_eikaiwa_index #recom h2 span,
#cinfo_eikaiwa_index #eikaiwa_reason h2 span,
.school_detail_cinfo .course_eikaiwa #recom h2 span,
.school_detail_cinfo .course_eikaiwa #eikaiwa_reason h2 span{
    font-size: 3.2rem;
}

#cinfo_eikaiwa_index #recom,
.school_detail_cinfo .course_eikaiwa #recom{
    margin:60px 0;
}
#cinfo_eikaiwa_index #recom ul,
.school_detail_cinfo .course_eikaiwa #recom ul {
    display: flex;
    flex-wrap: wrap;
    width: 960px;
    margin: 0 auto 40px;
}
#cinfo_eikaiwa_index #recom ul li,
.school_detail_cinfo .course_eikaiwa #recom ul li{
    flex: 0 0 100%;
    padding: 25px 25px 25px 70px;
    box-shadow: 1px 1px 8px -1px rgba(68, 68, 68, 0.25);
    background-color: #fff;
    border-radius: 12px;
    margin-bottom: 20px;
}
#cinfo_eikaiwa_index #recom ul li figure,
.school_detail_cinfo .course_eikaiwa #recom ul li figure{
    width:340px;
    float:left;
    margin-right: 40px;
}

#cinfo_eikaiwa_index #recom ul li:nth-of-type(2) figure,
.school_detail_cinfo .course_eikaiwa #recom ul li:nth-of-type(2) figure{
    width:340px;
    float:right;
    margin-left: 40px;
}

#cinfo_eikaiwa_index #recom ul li figure img,
.school_detail_cinfo .course_eikaiwa #recom ul li figure img{
    width: 100%;
}
#cinfo_eikaiwa_index #recom ul li .right_area,
.school_detail_cinfo .course_eikaiwa #recom ul li .right_area {
}
#cinfo_eikaiwa_index #recom ul li .right_area h3,
.school_detail_cinfo .course_eikaiwa #recom ul li .right_area h3{
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 1.4;
  margin: 40px 0 15px;
  border-bottom: 1px solid #224D9A;
  display: inline-block;
  padding: 0 0 15px;
}
#cinfo_eikaiwa_index #recom ul li:nth-of-type(2) .right_area h3,
.school_detail_cinfo .course_eikaiwa #recom ul li:nth-of-type(2) .right_area h3{
  margin: 20px 0 15px;
}

#cinfo_eikaiwa_index #recom ul li .right_area p,
.school_detail_cinfo .course_eikaiwa #recom ul li .right_area p{
  line-height: 2;
  font-size: 1.6rem;
}

#cinfo_eikaiwa_index #eikaiwa_reason,
.school_detail_cinfo .course_eikaiwa #eikaiwa_reason{
 margin:60px 0;
  padding: 60px 0;
  background: #E7F0F9;
}
#cinfo_eikaiwa_index #eikaiwa_reason .reason01,
#cinfo_eikaiwa_index #eikaiwa_reason .reason02,
#cinfo_eikaiwa_index #eikaiwa_reason .reason03,
.school_detail_cinfo .course_eikaiwa #eikaiwa_reason .reason01,
.school_detail_cinfo .course_eikaiwa #eikaiwa_reason .reason02,
.school_detail_cinfo .course_eikaiwa #eikaiwa_reason .reason03{
  width: 960px;
  margin:40px auto;
  background: #FFF;
  box-shadow: 1px 1px 8px -1px rgba(68, 68, 68, 0.25);
  padding: 50px 30px 30px;
}

#cinfo_eikaiwa_index #eikaiwa_reason h3,
.school_detail_cinfo .course_eikaiwa #eikaiwa_reason h3{
  width: 100%;
  margin: 0 auto 40px;
  font-weight: bold;
  font-size: 2.2rem;
  line-height: 1.4;
  text-align: center;
  padding-top: 60px;
}

#cinfo_eikaiwa_index #eikaiwa_reason .reason01 h3,
.school_detail_cinfo .course_eikaiwa #eikaiwa_reason .reason01 h3{
  background: url(/cinfo/eikaiwa/img/reason01.png) no-repeat top;
  background-size: auto;
}
#cinfo_eikaiwa_index #eikaiwa_reason .reason02 h3,
.school_detail_cinfo .course_eikaiwa #eikaiwa_reason .reason02 h3{
  background: url(/cinfo/eikaiwa/img/reason02.png) no-repeat top;
  background-size: auto;
}

#cinfo_eikaiwa_index #eikaiwa_reason .reason03 h3,
.school_detail_cinfo .course_eikaiwa #eikaiwa_reason .reason03 h3{
  background: url(/cinfo/eikaiwa/img/reason03.png) no-repeat top;
  background-size: auto;
}

#cinfo_eikaiwa_index #eikaiwa_reason .reason01 ul,
.school_detail_cinfo .course_eikaiwa #eikaiwa_reason .reason01 ul {
    width: 100%;
}
#cinfo_eikaiwa_index #eikaiwa_reason .reason01 ul li,
.school_detail_cinfo .course_eikaiwa #eikaiwa_reason .reason01 ul li{
  display: flex;
  justify-content: space-between;
  position: relative;
  margin-bottom: 100px;
}
#cinfo_eikaiwa_index #eikaiwa_reason .reason01 ul li::after,
.school_detail_cinfo .course_eikaiwa #eikaiwa_reason .reason01 ul li::after {
  content: "";
  position: absolute;
  width: 180px;
  height: 135px;
  background: url(/cinfo/eikaiwa/img/reason_arrow.png) no-repeat center bottom;
  bottom: -140px;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}
#cinfo_eikaiwa_index #eikaiwa_reason ul li .left_area,
.school_detail_cinfo .course_eikaiwa #eikaiwa_reason ul li .left_area{
  width: 390px;
}
#cinfo_eikaiwa_index #eikaiwa_reason ul li .right_area,
.school_detail_cinfo .course_eikaiwa #eikaiwa_reason ul li .right_area{
  border-radius: 10px;
  border: 1px solid #333;
  background: #FFF;
  width: 480px;
  padding: 12px 20px;
}
#cinfo_eikaiwa_index #eikaiwa_reason ul li .right_area h5,
.school_detail_cinfo .course_eikaiwa #eikaiwa_reason ul li .right_area h5{
  background: #E7F0F9;
  color: #224D9A;
  font-size: 1.8rem;
  font-weight: 700;
  display: inline-block;
  padding: 0 10px;
}
#cinfo_eikaiwa_index #eikaiwa_reason ul li .right_area p span,
.school_detail_cinfo .course_eikaiwa #eikaiwa_reason ul li .right_area p span{
  color: #E40057;
  font-size: 1.8rem;
  font-weight: 700;
}
#cinfo_eikaiwa_index #eikaiwa_reason ul li .right_area img,
.school_detail_cinfo .course_eikaiwa #eikaiwa_reason ul li .right_area img{
  float: left;
  margin-right: 20px;
}
#cinfo_eikaiwa_index #eikaiwa_reason .reason01 ul li h4,
#cinfo_eikaiwa_index #eikaiwa_reason .reason01 ul li:nth-of-type(2) div h4,
.school_detail_cinfo .course_eikaiwa #eikaiwa_reason .reason01 ul li h4,
.school_detail_cinfo .course_eikaiwa #eikaiwa_reason .reason01 ul li:nth-of-type(2) div h4{
  color: #fff;
  font-weight: bold;
  font-size: 2rem;
  margin-bottom: 10px;
  border-radius: 4px;
  background: #224D9A;
  text-align: center;
  height: 48px;
  display: grid;
  place-items: center;
}

 #cinfo_eikaiwa_index #eikaiwa_reason .reason01 ul li p,
.school_detail_cinfo .course_eikaiwa #eikaiwa_reason .reason01 ul li p{
  font-size: 1.6rem;
}
 #cinfo_eikaiwa_index #eikaiwa_reason .reason01 ul li .left_area p span,
.school_detail_cinfo .course_eikaiwa #eikaiwa_reason .reason01 ul li .left_area p span,
 #cinfo_eikaiwa_index #eikaiwa_reason .reason01 .preliminary p span,
.school_detail_cinfo .course_eikaiwa #eikaiwa_reason .reason01 .preliminary p span{
  color: #224D9A;
  font-size: 2rem;
  font-weight: 700;
}
 #cinfo_eikaiwa_index #eikaiwa_reason .reason01 .preliminary h4,
.school_detail_cinfo .course_eikaiwa #eikaiwa_reason .reason01 .preliminary h4{
  border-radius: 4px;
  border: 2px solid #224D9A;
  width: 100%;
  height: 48px;
  display: grid;
  place-items: center;
  text-align: center;
  color: #224D9A;
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 20px;
}
 #cinfo_eikaiwa_index #eikaiwa_reason .reason01 .preliminary p,
.school_detail_cinfo .course_eikaiwa #eikaiwa_reason .reason01 .preliminary p{
  font-size: 1.6rem;
  background: url(/cinfo/eikaiwa/img/reason_cycle.png) no-repeat left top 10px;
  padding-left:60px;
}

#cinfo_eikaiwa_index #eikaiwa_reason .reason02 ul,
#cinfo_eikaiwa_index #eikaiwa_reason .reason03 ul,
.school_detail_cinfo .course_eikaiwa #eikaiwa_reason .reason02 ul,
.school_detail_cinfo .course_eikaiwa #eikaiwa_reason .reason03 ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 40px auto;
}

#cinfo_eikaiwa_index #eikaiwa_reason .reason02 ul li,
#cinfo_eikaiwa_index #eikaiwa_reason .reason03 ul li,
.school_detail_cinfo .course_eikaiwa #eikaiwa_reason .reason02 ul li,
.school_detail_cinfo .course_eikaiwa #eikaiwa_reason .reason03 ul li{
    flex: 0 0 45%;
    margin: 0 auto;
    padding: 0 0 20px;
    text-align: center;
    box-shadow:1px 1px 8px -1px rgba(68, 68, 68, 0.25);
    background-color: #fff;
    border-radius: 8px;
}

#cinfo_eikaiwa_index #eikaiwa_reason .reason02 ul li:nth-of-type(2),
.school_detail_cinfo .course_eikaiwa #eikaiwa_reason .reason02 ul li:nth-of-type(2){
    flex: 0 0 10%;
    box-shadow: none;
    background:none;
    border-radius: 0;
    font-size: 4rem;
    font-weight: bold;
    color: #E40057;
    margin-top: 10%;
}
#cinfo_eikaiwa_index #eikaiwa_reason .reason03 ul li:nth-of-type(2),
.school_detail_cinfo .course_eikaiwa #eikaiwa_reason .reason03 ul li:nth-of-type(2){
    flex: 0 0 10%;
    box-shadow: none;
    background:none;
    border-radius: 0;
    font-size: 4rem;
    font-weight: bold;
    color: #E40057;
    margin-top: 8%;
}

#cinfo_eikaiwa_index #eikaiwa_reason .reason02 ul li:nth-of-type(2) img,
.school_detail_cinfo .course_eikaiwa #eikaiwa_reason .reason02 ul li:nth-of-type(2) img{
    width: 40%;
}

#cinfo_eikaiwa_index #eikaiwa_reason .reason03 ul li:nth-of-type(2) img,
.school_detail_cinfo .course_eikaiwa #eikaiwa_reason .reason03 ul li:nth-of-type(2) img{
    width: 50%;
}

#cinfo_eikaiwa_index #eikaiwa_reason .reason02 ul li figure img,
.school_detail_cinfo .course_eikaiwa #eikaiwa_reason .reason02 ul li figure img{
    width: 100%;
}

#cinfo_eikaiwa_index #eikaiwa_reason .reason03 ul li figure img,
.school_detail_cinfo .course_eikaiwa #eikaiwa_reason .reason03 ul li figure img{
    width: 50%;
    margin-top:-25px;
}

#cinfo_eikaiwa_index #eikaiwa_reason .reason02 ul li h3,
#cinfo_eikaiwa_index #eikaiwa_reason .reason03 ul li h3,
.school_detail_cinfo .course_eikaiwa #eikaiwa_reason .reason02 ul li h3,
.school_detail_cinfo .course_eikaiwa #eikaiwa_reason .reason03 ul li h3{
    color: #224D9A;
    font-weight: bold;
    font-size: 2rem;
    line-height: 1.4;
    margin: 20px 0 10px;
}

#cinfo_eikaiwa_index #eikaiwa_reason .reason02 ul li:nth-of-type(3) h3,
#cinfo_eikaiwa_index #eikaiwa_reason .reason03 ul li:nth-of-type(3) h3,
.school_detail_cinfo .course_eikaiwa #eikaiwa_reason .reason02 ul li:nth-of-type(3) h3,
.school_detail_cinfo .course_eikaiwa #eikaiwa_reason .reason03 ul li:nth-of-type(3) h3{
    margin: 20px 0 38px;
}

#cinfo_eikaiwa_index #eikaiwa_reason .reason02 ul li h3 span,
#cinfo_eikaiwa_index #eikaiwa_reason .reason03 ul li h3 span,
.school_detail_cinfo .course_eikaiwa #eikaiwa_reason .reason02 ul li h3 span,
.school_detail_cinfo .course_eikaiwa #eikaiwa_reason .reason03 ul li h3 span{
    font-size: 1.6rem;
}
#cinfo_eikaiwa_index #eikaiwa_reason .reason02 ul li div,
#cinfo_eikaiwa_index #eikaiwa_reason .reason03 ul li div,
.school_detail_cinfo .course_eikaiwa #eikaiwa_reason .reason02 ul li div,
.school_detail_cinfo .course_eikaiwa #eikaiwa_reason .reason03 ul li div{
    border: 1px solid #707070;
    margin: 10px 10px 0;
    border-radius: 100px;
    display: inline;
    padding: 0 20px;
}
 #cinfo_eikaiwa_index #eikaiwa_reason .reason02 ul li h4,
 #cinfo_eikaiwa_index #eikaiwa_reason .reason03 ul li h4,
.school_detail_cinfo .course_eikaiwa #eikaiwa_reason .reason02 ul li h4,
.school_detail_cinfo .course_eikaiwa #eikaiwa_reason .reason03 ul li h4{
    background-color: #E7F0F9;
    padding: 10px;
    width: 90%;
    margin: 20px auto;
    border-radius: 50px;
    color: #224D9A;
    font-weight: bold;
    font-size: 1.6rem;
}
#cinfo_eikaiwa_index #eikaiwa_reason .reason02 div,
.school_detail_cinfo .course_eikaiwa #eikaiwa_reason .reason02 div{
  font-size: 1.2rem;
  text-align: right;
  padding: 0 20px;
}
#cinfo_eikaiwa_index #eikaiwa_reason .reason02 ul li:nth-of-type(4),
#cinfo_eikaiwa_index #eikaiwa_reason .reason03 ul li:nth-of-type(4),
.school_detail_cinfo .course_eikaiwa #eikaiwa_reason .reason02 ul li:nth-of-type(4),
.school_detail_cinfo .course_eikaiwa #eikaiwa_reason .reason03 ul li:nth-of-type(4){
    margin: 40px auto 0;
    flex: 0 0 100%;
    box-shadow: none;
    padding: 0;
    text-align: left;
  display: flex;
}
#cinfo_eikaiwa_index #eikaiwa_reason .reason02 ul li:nth-of-type(4) p,
.school_detail_cinfo .course_eikaiwa #eikaiwa_reason .reason02 ul li:nth-of-type(4) p{
  color: #224D9A;
  font-weight: bold;
  padding: 10px;
  border-radius: 10px;
  border: 2px solid #224D9A;
  text-align: center;
  font-size: 1.6rem;
  margin-right: 20px;
  width: 40%;
  display: grid;
  place-items: center;
}
#cinfo_eikaiwa_index #eikaiwa_reason .reason02 ul li:nth-of-type(4) span,
.school_detail_cinfo .course_eikaiwa #eikaiwa_reason .reason02 ul li:nth-of-type(4) span{
  width: 60%;
}

#cinfo_eikaiwa_index #eikaiwa_reason .reason03 ul li:nth-of-type(4) p,
.school_detail_cinfo .course_eikaiwa #eikaiwa_reason .reason03 ul li:nth-of-type(4) p{
  color: #224D9A;
  font-weight: bold;
  padding: 10px;
  border-radius: 10px;
  border: 2px solid #224D9A;
  text-align: center;
  font-size: 1.6rem;
  margin-right: 20px;
  width:30%;
}
#cinfo_eikaiwa_index #eikaiwa_reason .reason03 ul li:nth-of-type(4) span,
.school_detail_cinfo .course_eikaiwa #eikaiwa_reason .reason03 ul li:nth-of-type(4) span{
  width:70%;
}

#cinfo_eikaiwa_index #eikaiwa_reason .envision_support,
.school_detail_cinfo .course_eikaiwa #eikaiwa_reason .envision_support{
    width: 960px;
    margin: 0 auto;
    border: 2px solid #224D9A;
    padding: 50px 40px;
    position: relative;
}
#cinfo_eikaiwa_index #eikaiwa_reason .envision_support img,
.school_detail_cinfo .course_eikaiwa #eikaiwa_reason .envision_support img{
    float: left;
    margin: -30px 30px 0 0;
    width: 175px;
}
#cinfo_eikaiwa_index #eikaiwa_reason .envision_support p,
.school_detail_cinfo .course_eikaiwa #eikaiwa_reason .envision_support p {
    color: #224D9A;
    font-size: 1.8rem;
    font-weight: bold;
    text-align: center;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-\ transform: translateY(-50%) translateX(-50%);
    padding: 10px 40px;
}
#cinfo_eikaiwa_index #level,
.school_detail_cinfo .course_eikaiwa #level{
    padding:60px 0;
}
#cinfo_eikaiwa_index #level h2,
.school_detail_cinfo .course_eikaiwa #level h2{
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
    margin: 0 0 50px 0;
    line-height: 1.4;
}
#cinfo_eikaiwa_index #level h2 span,
.school_detail_cinfo .course_eikaiwa #level h2 span{
    font-size: 3.2rem;
}
#cinfo_eikaiwa_index #level .inner,
#cinfo_lesson01_index #level .inner{
    width: 750px;
    margin:0 auto;
}
.school_detail_cinfo .course_eikaiwa #level .inner,
.school_detail_cinfo .course_business_trip #level .inner{
    width: 750px !important;
    margin:0 auto !important;
    background-color: inherit;
    padding: 0;
}


#cinfo_eikaiwa_index #level .inner .level_img,
#cinfo_lesson01_index #level .inner .level_img,
.school_detail_cinfo .course_eikaiwa #level .inner .level_img,
.school_detail_cinfo .course_business_trip #level .inner .level_img{
    text-align: center;
    font-weight: bold;
    width: 100%;
    margin-bottom:40px;
}
#cinfo_eikaiwa_index #level .inner .level_img img,
#cinfo_lesson01_index #level .inner .level_img img,
.school_detail_cinfo .course_eikaiwa #level .inner .level_img img,
.school_detail_cinfo .course_business_trip #level .inner .level_img img{
    width: 100%;
}
#cinfo_eikaiwa_index #level .inner .level_img p,
.school_detail_cinfo .course_eikaiwa #level .inner .level_img p{
    text-align: center;
    font-weight: bold;
    margin-bottom:40px;
}

#cinfo_eikaiwa_index #level ul.tab,
#cinfo_lesson01_index #level ul.tab,
.school_detail_cinfo .course_eikaiwa #level ul.tab,
.school_detail_cinfo .course_business_trip #level ul.tab{
    display: flex;
    flex-wrap: wrap;
    width: 750px;
    float: right;
    margin-bottom:12px;
}
#cinfo_eikaiwa_index #level ul.tab li,
#cinfo_lesson01_index #level ul.tab li,
.school_detail_cinfo .course_eikaiwa #level ul.tab li,
.school_detail_cinfo .course_business_trip #level ul.tab li{
    cursor: pointer;
    -webkit-box-flex: 0;
    flex: 0 0 32%;
    margin: 0 2% 0 0;
    padding: 10px 0;
    text-align: center;
    background: #F9F9F9;
    opacity: 0.5;
    max-width: 32%;
    color: #224D9A;
    font-weight: bold;
    padding: 25px 0;
    font-size:1.6rem;
}
#cinfo_eikaiwa_index #level ul.tab li:last-child,
#cinfo_lesson01_index #level ul.tab li:last-child,
.school_detail_cinfo .course_eikaiwa #level ul.tab li:last-child,
.school_detail_cinfo .course_business_trip #level ul.tab li:last-child{
    margin: 0;
}

#cinfo_eikaiwa_index #level ul.tab li:hover,
#cinfo_lesson01_index #level ul.tab li:hover,
.school_detail_cinfo .course_eikaiwa #level ul.tab li:hover,
.school_detail_cinfo .course_business_trip #level ul.tab li:hover{
    color: #224D9A;
    font-weight: bold;
}
#cinfo_eikaiwa_index #level ul.tab li.active,
#cinfo_lesson01_index #level ul.tab li.active,
.school_detail_cinfo .course_eikaiwa #level ul.tab li.active,
.school_detail_cinfo .course_business_trip #level ul.tab li.active{
    background-color:#E7F0F9;
    opacity: 1;
    color: #224D9A;
    font-weight: bold;
    position: relative;
    padding: 25px 0;
    font-size:1.6rem;
}
#cinfo_eikaiwa_index #level ul.tab li.active::before,
#cinfo_lesson01_index #level ul.tab li.active::before,
.school_detail_cinfo .course_eikaiwa #level ul.tab li.active::before,
.school_detail_cinfo .course_business_trip #level ul.tab li.active::before{
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    margin-left: -12px;
    border: 12px solid transparent;
    border-top: 12px solid #E7F0F9;
    top: 100%;
}
#cinfo_eikaiwa_index #level div.tab_box,
#cinfo_lesson01_index #level div.tab_box,
.school_detail_cinfo .course_eikaiwa #level div.tab_box,
.school_detail_cinfo .course_business_trip #level div.tab_box{
    clear: both;
    display: none;
    width: 100%;
    margin:0 auto;
    background:#fff;
    border-radius: 8px;
    border:2px solid #224D9A;
    padding:30px;
}
#cinfo_eikaiwa_index #level div.active,
#cinfo_lesson01_index #level div.active,
.school_detail_cinfo .course_eikaiwa #level div.active,
.school_detail_cinfo .course_business_trip #level div.active{
    display: block;
}
#cinfo_eikaiwa_index #level div.tab_box .bg_blue,
#cinfo_lesson01_index #level div.tab_box .bg_blue,
.school_detail_cinfo .course_eikaiwa #level div.tab_box .bg_blue,
.school_detail_cinfo .course_business_trip #level div.tab_box .bg_blue{
    background-color: #E7F0F9;
    padding: 20px;
}
#cinfo_eikaiwa_index #level div.tab_box .bg_blue span.level_icon,
#cinfo_lesson01_index #level div.tab_box .bg_blue span.level_icon,
.school_detail_cinfo .course_eikaiwa #level div.tab_box .bg_blue span.level_icon,
.school_detail_cinfo .course_business_trip #level div.tab_box .bg_blue span.level_icon{
    color: #fff;
    padding: 1px 15px;
    border-radius: 25px;
    margin-left: 10px;
    background: #333;
}
#cinfo_eikaiwa_index #level div.tab_box .bg_blue span.pink_txt,
#cinfo_lesson01_index #level div.tab_box .bg_blue span.pink_txt,
.school_detail_cinfo .course_eikaiwa #level div.tab_box .bg_blue span.pink_txt,
.school_detail_cinfo .course_business_trip #level div.tab_box .bg_blue span.pink_txt{
    color:#E40057;
}
#cinfo_eikaiwa_index #level div.tab_box table,
.school_detail_cinfo .course_eikaiwa #level div.tab_box table{
    margin-top:40px;
    display: block;
  background: #fff;
}
/*
#cinfo_eikaiwa_index #level div.tab_box:nth-of-type(2) table,
.school_detail_cinfo .course_eikaiwa #level div.tab_box:nth-of-type(2) table{
    background: url("/cinfo/eikaiwa/img/level01_img.png") no-repeat right bottom;
    background-size: 128px;
}

#cinfo_eikaiwa_index #level div.tab_box:nth-of-type(3) table,
.school_detail_cinfo .course_eikaiwa #level div.tab_box:nth-of-type(3) table{
    background: url("/cinfo/eikaiwa/img/level02_img.png") no-repeat right bottom;
    background-size: 120px;
}
#cinfo_eikaiwa_index #level div.tab_box:nth-of-type(4) table,
.school_detail_cinfo .course_eikaiwa #level div.tab_box:nth-of-type(4) table{
    background: url("/cinfo/eikaiwa/img/level03_img.png") no-repeat right bottom;
    background-size: 150px;
}
*/
#cinfo_eikaiwa_index #level div.tab_box th,
#cinfo_lesson01_index #level div.tab_box th,
.school_detail_cinfo .course_eikaiwa #level div.tab_box th,
.school_detail_cinfo .course_business_trip #level div.tab_box th{
    background: #224D9A;
    color: #fff;
    width: 158px;
    padding: 25px;
    font-weight: bold;
    line-height: 1.6;
    border-bottom: 5px #fff solid;
    border-collapse: separate;
    border-spacing: 5px;
    border-right: 5px #fff solid;
    vertical-align: middle;
}
#cinfo_eikaiwa_index #level div.tab_box th span,
#cinfo_lesson01_index #level div.tab_box th span,
.school_detail_cinfo .course_eikaiwa #level div.tab_box th span,
.school_detail_cinfo .course_business_trip #level div.tab_box th span{
    font-size: 1rem;
    font-weight: normal;
}
#cinfo_eikaiwa_index #level div.tab_box th.btl,
#cinfo_lesson01_index #level div.tab_box th.btl,
.school_detail_cinfo .course_eikaiwa #level div.tab_box th.btl,
.school_detail_cinfo .course_business_trip #level div.tab_box th.btl{
    border-top-left-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
}
#cinfo_eikaiwa_index #level div.tab_box th.bbl,
#cinfo_lesson01_index #level div.tab_box th.bbl,
.school_detail_cinfo .course_eikaiwa #level div.tab_box th.bbl,
.school_detail_cinfo .course_business_trip #level div.tab_box th.bbl{
    border-bottom-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
}
#cinfo_eikaiwa_index #level div.tab_box th img,
#cinfo_lesson01_index #level div.tab_box th img,
.school_detail_cinfo .course_eikaiwa #level div.tab_box th img,
.school_detail_cinfo .course_business_trip #level div.tab_box th img{
    width: 60px;
    margin: 0 auto 5px;
    display: block;
}
#cinfo_eikaiwa_index #level div.tab_box td,
#cinfo_lesson01_index #level div.tab_box td,
.school_detail_cinfo .course_eikaiwa #level div.tab_box td,
.school_detail_cinfo .course_business_trip #level div.tab_box td{
    padding: 25px;
    line-height: 1.6;
    border-collapse: separate;
    border-spacing: 5px;
    vertical-align: middle;
}

.school_detail_cinfo .course_eikaiwa #level div.tab_box td,
.school_detail_cinfo .course_business_trip #level div.tab_box td{
    color: inherit;
    border-bottom: none;
    background: none;
}

#cinfo_eikaiwa_index #level div.tab_box .level_mlBtn,
#cinfo_lesson01_index #level div.tab_box .level_mlBtn,
.school_detail_cinfo .course_eikaiwa #level div.tab_box .level_mlBtn,
.school_detail_cinfo .course_business_trip #level div.tab_box .level_mlBtn {
  display: block;
  text-align: center;
  width: 350px;
  margin: 40px auto 0;
}
#cinfo_eikaiwa_index #level div.tab_box .level_mlBtn a,
#cinfo_lesson01_index #level div.tab_box .level_mlBtn a,
.school_detail_cinfo .course_eikaiwa #level div.tab_box .level_mlBtn a,
.school_detail_cinfo .course_business_trip #level div.tab_box .level_mlBtn a {
  background: #fff;
  font-weight: normal;
  padding: 10px 40px;
  height: auto;
  line-height: 1.2;
  text-decoration: none;
  color: #1E3C72;
  text-align: center;
  cursor: pointer;
  border: 2px solid #224D9A;
  position: relative;
  border-radius: 100px;
  width: 100%;
  display: block;
}
#cinfo_eikaiwa_index #level div.tab_box .level_mlBtn a:hover,
#cinfo_lesson01_index #level div.tab_box .level_mlBtn a:hover,
.school_detail_cinfo .course_eikaiwa #level div.tab_box .level_mlBtn a:hover,
.school_detail_cinfo .course_business_trip #level div.tab_box .level_mlBtn a:hover {
  background: #fff;
  color: #224D9A;
  border-color: #224D9A;
  opacity: .8;
}
#cinfo_eikaiwa_index #level div.tab_box .level_mlBtn i ,
#cinfo_lesson01_index #level div.tab_box .level_mlBtn i,
.school_detail_cinfo .course_eikaiwa #level div.tab_box .level_mlBtn i,
.school_detail_cinfo .course_business_trip #level div.tab_box .level_mlBtn i {
  position: absolute;
  right: 5%;
  top: 40%;
}

#cinfo_eikaiwa_index #combi,
.school_detail_cinfo .course_eikaiwa #combi {
    text-align: center;
    margin-top: 80px;
    background-color: #fff;
}
#cinfo_eikaiwa_index #combi img,
.school_detail_cinfo .course_eikaiwa #combi img{
    width: 960px;
}
#cinfo_eikaiwa_index #combi p,
.school_detail_cinfo #combi p {
    width: 880px;
    margin: 0 auto;
    text-align: left;
    font-size: 1.2rem;
}
#cinfo_eikaiwa_index #combi ul,
.school_detail_cinfo .course_eikaiwa #combi ul{
    display: flex;
    flex-wrap: wrap;
    width: 960px;
    margin: 0 auto;
}

#cinfo_eikaiwa_index #combi ul li,
.school_detail_cinfo .course_eikaiwa #combi ul li{
    flex: 0 0 50%;
    margin:0 auto;
    padding:0 0 20px;
    text-align: center;
    position: relative;
}

#cinfo_eikaiwa_index #combi ul li img,
.school_detail_cinfo .course_eikaiwa #combi ul li img{
    width: 100%;
}
#cinfo_eikaiwa_index #combi ul li a,
.school_detail_cinfo .course_eikaiwa #combi ul li a{
    position: absolute;
    bottom: 7%;
    left: 51%;
    transform: translateY(-50%) translateX(-50%);
    width: 70%;
}
#cinfo_eikaiwa_index #system,
.school_detail_cinfo .course_eikaiwa #system {
    margin: 0 auto 80px !important;
}
#cinfo_eikaiwa_index.cinfo #system h2,
.school_detail_cinfo .course_eikaiwa #system h2 {
    text-align: center;
    font-size: 2rem !important;
    padding: 0;
    font-weight: bold;
}
#cinfo_eikaiwa_index #other .other_bg:nth-of-type(1){
    background: url("/cinfo/img/other_freetime_pc.png") no-repeat top left;
    background-size: cover;
}

#cinfo_eikaiwa_index #other .other_bg:nth-of-type(2){
    background: url("/cinfo/img/other_power_pc_left.png") no-repeat top left;
    background-size: cover;
}

#cinfo_eikaiwa_index #other .other_bg:nth-of-type(3){
    background: url("/cinfo/img/other_gc_pc.png") no-repeat top left;
    background-size: cover;
}

#cinfo_eikaiwa_index #other .other_bg:nth-of-type(1) .inner .course_half,
#cinfo_eikaiwa_index #other .other_bg:nth-of-type(3) .inner .course_half{
    width: 500px;
    padding: 35px;
    box-shadow:1px 1px 8px -1px rgba(68, 68, 68, 0.25);
    background-color: #fff;
    border-radius: 8px;
    position: relative;
    word-break: break-all;
    float:left;
    height: 320px;
}

#cinfo_eikaiwa_index #plan{
  padding: 60px 0 0;
}

#cinfo_eikaiwa_index #plan h2{
  text-align: center;
  font-size: 2.6rem;
  margin-bottom: 60px;
  font-weight: bold;
}
#cinfo_eikaiwa_index #plan .plan_inner {
  display: flex;
  flex-wrap: wrap;
  width: 960px;
  margin: 0 auto 80px;
}
#cinfo_eikaiwa_index #plan .left_txt{
  width: 45%;
}
#cinfo_eikaiwa_index #plan .left_txt h3{
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: 30px;
}
#cinfo_eikaiwa_index #plan .right_image {
  text-align: center;
  width: 55%;
  position: relative;
  margin-top: 60px;
}
#cinfo_eikaiwa_index #plan .right_image .plan_group{
  position: absolute;
  top: 40px;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}
#cinfo_eikaiwa_index #plan .right_image .plan_online{
  position: absolute;
  left: 5%;
  bottom: 0;
}
#cinfo_eikaiwa_index #plan .right_image .plan_app{
  position: absolute;
  right: 5%;
  bottom: -29px;
}
#cinfo_eikaiwa_index #plan .plan_online_btn {
    display: inline-block;
}

#cinfo_eikaiwa_index #plan .plan_online_btn input {
    display: none;
}

#cinfo_eikaiwa_index #plan .online_btn_open_label,
#cinfo_eikaiwa_index #plan .online_btn_close_label {
    cursor: pointer;

}

#cinfo_eikaiwa_index #plan .online_btn_open_label {
    color: #4f96f6;
    font-size: .95em;
}

#cinfo_eikaiwa_index #plan .online_btn_open_label:hover {
    cursor: pointer;
    opacity: .7;
}

#cinfo_eikaiwa_index #plan .online_btn {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: none;
}

#cinfo_eikaiwa_index #plan .online_btn_open_input:checked + label + input + .online_btn {
    display: block;
    animation: online_btn-animation .6s;
}

#cinfo_eikaiwa_index #plan .online_btn_content_wrap {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    max-width: 650px;
    background-color: #fefefe;
    z-index: 2;
    border-radius: 5px;
}

#cinfo_eikaiwa_index #plan .online_btn_close_label {
    background-color: #777;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 20px;
    width: 36px;
    height: 36px;
    line-height: 1.5;
    text-align: center;
    display: table-cell;
    position: fixed;
    top: -15px;
    right: -2%;
    z-index: 99999;
    font-size: 1.4em;
}

#cinfo_eikaiwa_index #plan .online_btn_content{
  max-height: 50vh;
  overflow-y: auto;
  padding: 30px;
  background: url(/cinfo/eikaiwa/img/plan_online_bg.png)#F1EEE6 no-repeat right 20px top 20px;
  text-align: left;
}
#cinfo_eikaiwa_index #plan .online_btn_content .pink_bg{
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
  background: #D70051;
  margin-bottom: 20px;
  color: #fff;
  display: inline-block;
  padding: 0 20px;
}
#cinfo_eikaiwa_index #plan .online_btn_content h4{
  border-left: 8px solid #D70051;
  padding-left: 15px;
  font-size: 2.6rem;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 20px;
}
#cinfo_eikaiwa_index #plan .online_btn_content h4 span{
  font-size: 1.8rem;
}

#cinfo_eikaiwa_index #plan .online_btn_bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .45);
    z-index: 1;
}

@keyframes modal-001-animation {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

#cinfo_eikaiwa_index #system ul,
.school_detail_cinfo .course_eikaiwa #system ul {
  margin: 0 auto;
  justify-content: space-between;
  width: 700px;
}
#cinfo_eikaiwa_index #system ul li, 
.school_detail_cinfo .course_eikaiwa #system ul li {
  width: 48%;
  flex: initial;
  border-radius: 3px;
}
#cinfo_eikaiwa_index #system ul li .btn_blue, 
.school_detail_cinfo .course_eikaiwa #system ul li .btn_blue{
  width: 100%;
}
#cinfo_eikaiwa_index #system ul li .btn_blue span, 
.school_detail_cinfo .course_eikaiwa #system ul li .btn_blue span {
  color: #FFD8D8;
}

#cinfo_eikaiwa_index #system  ul li figure, 
.school_detail_cinfo .course_eikaiwa #system ul li figure {
  float: initial;
  width: 100%;
  margin-bottom: 10px;
}
#cinfo_eikaiwa_index #system ul li figure img, 
.school_detail_cinfo .course_eikaiwa #system ul li figure img{
  width: auto;
}
#cinfo_eikaiwa_index #system ul li .course_name, 
.school_detail_cinfo .course_eikaiwa #system ul li .course_name {
  width: 100%;
}
#cinfo_eikaiwa_index #system ul li .check > p, 
.school_detail_cinfo .course_eikaiwa #system ul li .check > p{
  font-size: 1.5rem;
  margin: 0 0 5px;
  text-align: left;
  font-weight: 500;
  line-height: 1.4;
  color: #224D9A;
  padding-left: 25px;
  background: url(/cinfo/img/checkbox.png) no-repeat left;
  background-size: 17px;
}
#cinfo_eikaiwa_index #system ul li .check p::before, 
.school_detail_cinfo .course_eikaiwa #system ul li .check p::before,
#cinfo_eikaiwa_index #system ul li .price::before, 
.school_detail_cinfo .course_eikaiwa #system ul li .price::before{
  display: none;
}
#cinfo_eikaiwa_index #system ul li .price, 
.school_detail_cinfo .course_eikaiwa #system ul li .price,
.cinfo_eikaiwa #skillup .course_list .top_area .price,
.school_detail_cinfo .course_eikaiwa #skillup .course_list .top_area .price {
  text-align: center;
  margin-top: 10px;
  line-height: 1.4;
  font-weight: bold;
}
#cinfo_eikaiwa_index #system ul li .price span, 
.school_detail_cinfo .course_eikaiwa #system ul li .price span,
.cinfo_eikaiwa #skillup .course_list .top_area .price span,
.school_detail_cinfo .course_eikaiwa #skillup .course_list .top_area .price span{
  color: #E40057;
  font-size: 3.2rem;
  font-weight: 700;
  margin: 10px 0;
}
#cinfo_eikaiwa_index .price_note, 
.school_detail_cinfo .course_eikaiwa .price_note {
  max-width: 690px;
}
#cinfo_eikaiwa_index #skillup .course_list .top_area .btn_blue, 
.school_detail_cinfo .course_eikaiwa #skillup .course_list .top_area .btn_blue{
  background: linear-gradient(to right, #1E3C72, #2A5298);
  color: #FFF;
  border-color: #224D9A;
  width: 290px;
  margin: 10px auto;
  display: flex;
  place-items: center;
}
#cinfo_eikaiwa_index #skillup .course_list .top_area .btn_blue span, 
.school_detail_cinfo .course_eikaiwa #skillup .course_list .top_area .btn_blue span{
  color: #FFD8D8;
}
/*------------------------------------------------
.cinfo_discussion
-------------------------------------------------*/
.cinfo_discussion #visual,
.school_detail_cinfo .course_discussion #cinfo_visual {
    background: url(/cinfo/discussion/img/main_pc.png) center no-repeat;
    background-size: cover;
}
.cinfo_discussion #visual div h1,
.school_detail_cinfo .course_discussion #cinfo_visual div h1{
    position: absolute;
    top: 20px;
    left: 0;
    z-index: 1;
    background: url("/cinfo/discussion/img/main_bg.png") no-repeat top left;
    font-size: 3.4rem;
    font-weight: bold;
    line-height: 1.1;
    padding: 50px 0 0 50px;
    text-shadow: #FFF 0 2px 11px;
    background-size: 40%;
}
.cinfo_discussion #visual div .main_text,
.school_detail_cinfo .course_discussion #cinfo_visual div .main_text{
    position: absolute;
    top: 220px;
    left: 53px;
    z-index: 1;
}
.cinfo_discussion #visual div a.btn_blue,
.school_detail_cinfo .course_discussion #cinfo_visual div a.btn_blue{
    background: linear-gradient(to right, #1E3C72, #2A5298);
    font-weight: normal;
    bottom: 13%;
    position: absolute;
    left: 5%;
    padding: 10px 40px 10px 50px;
    height: auto;
    line-height: 1.2;
    text-decoration: none;
    border-radius: 100px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    border: none;
}

.cinfo_discussion #lead,
.school_detail_cinfo .course_discussion #lead{
    padding: 60px 0;
    background: #E7F0F9;
    text-align: center;
}

.cinfo_discussion #lead h2,
.school_detail_cinfo .course_discussion #lead h2{
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
    margin: 0 0 50px 0;
    line-height: 1.4;
}

.cinfo_discussion #lead h2 span,
.school_detail_cinfo .course_discussion #lead h2 span{
    font-size: 3.2rem;
}
.school_detail_cinfo .course_discussion #point {
  background-color: #fff;
}
.cinfo_discussion #point ul li,
.school_detail_cinfo .course_discussion #point ul li {
    flex: 0 0 24.5%;
}
#cinfo_discussion_index.cinfo_discussion #point ul li h3 {
    line-height: 1.3;
}
.cinfo_discussion #point ul li:nth-of-type(5),
.school_detail_cinfo .course_discussion #point ul li:nth-of-type(5){
    flex: 0 0 100%;
    padding: 0;
    text-align: left;
    box-shadow: 3px 3px 16px -3px rgba(58, 78, 114, 0.25);
    border-radius: 8px;
    overflow: hidden;
    background: url(/cinfo/img/bg_txt.png) #fff no-repeat right bottom;
    background-size: 23%;
    max-width: 100%;
}
.cinfo_discussion #point ul li:nth-of-type(5) figure,
.school_detail_cinfo .course_discussion #point ul li:nth-of-type(5) figure{
    width: 450px;
    float: left;
    margin: 0 35px 0 0;
    height: auto;
}
.cinfo_discussion #point ul li:nth-of-type(5) figure img,
.school_detail_cinfo .course_discussion #point ul li:nth-of-type(5) figure img {
    width: 100%;
    height: auto;
}
.cinfo_discussion #point ul li:nth-of-type(5) h3,
.school_detail_cinfo .course_discussion #point ul li:nth-of-type(5) h3 {
    font-weight: bold;
    margin: 30px 0 20px;
    font-size: 2rem;
    text-align: left;
}
.cinfo_discussion #point ul li:nth-of-type(5) p,
.school_detail_cinfo .course_discussion #point ul li:nth-of-type(5) p {
    padding: 0 30px 0;
    text-align: left;
    margin-left: 1em;
    text-indent: -1em;
    margin-bottom: 10px;
    line-height: 1.4;
}
.cinfo_discussion #level,
.school_detail_cinfo .course_discussion #level{
    padding:60px 0;
    background: #E7F0F9;
    margin-top:60px;
}
.cinfo_discussion #level h2,
.school_detail_cinfo .course_discussion #level h2{
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
    margin: 0 0 50px 0;
    line-height: 1.4;
}
.cinfo_discussion #level h2 span,
.school_detail_cinfo .course_discussion #level h2 span{
    font-size: 3.2rem;
}
.cinfo_discussion #level .inner{
    width: 960px;
    margin:0 auto;
}
.school_detail_cinfo .course_discussion #level .inner{
    width: 960px;
    margin:0 auto;
  padding: 0;
}

.cinfo_discussion #level ul.tab,
.school_detail_cinfo .course_discussion #level ul.tab{
    display: flex;
    flex-wrap: wrap;
    width: 960px;
    float: right;
    margin-bottom:12px;
}
.cinfo_discussion #level ul.tab li,
.school_detail_cinfo .course_discussion #level ul.tab li {
    cursor: pointer;
    -webkit-box-flex: 0;
    flex: 0 0 24.2%;
    margin: 0 1% 0 0;
    padding: 10px 0;
    text-align: center;
    background: #fff;
    opacity: 0.5;
    max-width: 32%;
    color: #224D9A;
    font-weight: bold;
    padding: 25px 0;
    font-size:1.6rem;
}
.cinfo_discussion #level ul.tab li:nth-of-type(1),
.school_detail_cinfo .course_discussion #level ul.tab li:nth-of-type(1){
    background: url("/cinfo/discussion/img/level01_icon.png") no-repeat 12% center#fff;
    background-size: 18%;
}
.cinfo_discussion #level ul.tab li:nth-of-type(2),
.school_detail_cinfo .course_discussion #level ul.tab li:nth-of-type(2){
    background: url("/cinfo/discussion/img/level02_icon.png") no-repeat 12% center #fff;
    background-size: 15%;
}

.cinfo_discussion #level ul.tab li:last-child,
.school_detail_cinfo .course_discussion #level ul.tab li:last-child{
    margin: 0;
}

.cinfo_discussion #level ul.tab li:hover,
.school_detail_cinfo .course_discussion #level ul.tab li:hover {
    color: #224D9A;
    font-weight: bold;
}
.cinfo_discussion #level ul.tab li.active,
.school_detail_cinfo .course_discussion #level ul.tab li.active {
    background-color:#fff;
    opacity: 1;
    color: #224D9A;
    font-weight: bold;
    position: relative;
    padding: 25px 0;
    font-size:1.6rem;
}
.cinfo_discussion #level ul.tab li.active::before,
.school_detail_cinfo .course_discussion #level ul.tab li.active::before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    margin-left: -12px;
    border: 12px solid transparent;
    border-top: 12px solid #fff;
    top: 100%;
}

.cinfo_discussion #level div.tab_box,
.school_detail_cinfo .course_discussion #level div.tab_box {
    clear: both;
    display: none;
    width: 100%;
    margin:0 auto;
}
.cinfo_discussion #level div.active,
.school_detail_cinfo .course_discussion #level div.active {
    display: block;
}
.cinfo_discussion #level div.tab_box .level_list,
.school_detail_cinfo .course_discussion #level div.tab_box .level_list{
     display: flex;
      flex-wrap: wrap;
}

.cinfo_discussion #level div.tab_box .level_list div,
.school_detail_cinfo .course_discussion#level div.tab_box .level_list div{
    flex: 0 0 100%;
    padding: 0;
    text-align: center;
    box-shadow: 3px 3px 16px -3px rgba(58, 78, 114, 0.25);
    border-radius: 8px;
    overflow: hidden;
    max-width: 100%;
    background-color: #fff;
    margin: 0 0 10px 0;
}
.cinfo_discussion #level div.tab_box .level_list div figure,
.school_detail_cinfo .course_discussion #level div.tab_box .level_list div figure{
    float: left;
    margin-right: 30px;
    width: 350px;
}
.cinfo_discussion #level div.tab_box .level_list div figure img,
.school_detail_cinfo .course_discussion #level div.tab_box .level_list div figure img{
    width: 100%;
}

.cinfo_discussion #level div.tab_box .level_list div:nth-of-type(2),
.school_detail_cinfo .course_discussion #level div.tab_box .level_list div:nth-of-type(2){
    flex: 0 0 49.5%;
    margin-right:1%;
    padding:0 30px 30px 30px;
}

.cinfo_discussion #level div.tab_box .level_list div:nth-of-type(3),
.school_detail_cinfo .course_discussion #level div.tab_box .level_list div:nth-of-type(3){
    flex: 0 0 49.5%;
    padding:0 30px 30px 30px;
}
 .cinfo_discussion #level div.tab_box .level_list div p:nth-of-type(1),
 .school_detail_cinfo .course_discussion #level div.tab_box .level_list div p:nth-of-type(1) {
    background-color: #E40057;
    color: #fff;
    padding: 2px 0;
    border-radius: 50px;
    margin: 30px 0 20px;
    display: inline-block;
    font-weight: bold;
    font-size: 1.6rem;
    width: 160px;
   text-align: center;
}
 .cinfo_discussion #level div.tab_box .level_list div p:nth-of-type(2),
.school_detail_cinfo .course_discussion #level div.tab_box .level_list div p:nth-of-type(2) {
    text-align: left;
    font-weight: bold;
    padding-right: 30px;
    font-size: 1.8rem;
    line-height: 1.4;
    margin-bottom: 10px;
}
.cinfo_discussion #level div.tab_box .level_list div:nth-of-type(2) p:nth-of-type(2),
.cinfo_discussion #level div.tab_box .level_list div:nth-of-type(3) p:nth-of-type(2),
.school_detail_cinfo .course_discussion #level div.tab_box .level_list div:nth-of-type(2) p:nth-of-type(2),
.school_detail_cinfo .course_discussion #level div.tab_box .level_list div:nth-of-type(3) p:nth-of-type(2) {
    text-align: left;
    font-weight: bold;
    font-size: 1.8rem;
    line-height: 1.4;
    margin-bottom: 10px;
}
 .cinfo_discussion #level div.tab_box .level_list div p:nth-of-type(3),
.school_detail_cinfo .course_discussion #level div.tab_box .level_list div p:nth-of-type(3) {
    text-align: left;
    font-size: 1.4rem;
    font-weight: normal;
    padding-right:30px;
}
.cinfo_discussion #level div.tab_box .level_list div:nth-of-type(2) p:nth-of-type(3),
.cinfo_discussion #level div.tab_box .level_list div:nth-of-type(3) p:nth-of-type(3),
.school_detail_cinfo .course_discussion #level div.tab_box .level_list div:nth-of-type(2) p:nth-of-type(3),
.school_detail_cinfo .course_discussion #level div.tab_box .level_list div:nth-of-type(3) p:nth-of-type(3) {
    text-align: left;
    font-size: 1.4rem;
     font-weight: normal;
    padding:0;
}

.cinfo_discussion #combi,
.school_detail_cinfo .course_discussion #combi {
    text-align: center;
    margin-top: 80px;
    background-color: #fff;
}
.cinfo_discussion #combi img,
.school_detail_cinfo .course_discussion #combi img{
    width: 960px;
}
.cinfo_discussion #combi p,
.school_detail_cinfo .course_discussion #combi p {
    width: 880px;
    margin: 0 auto;
    text-align: left;
    font-size: 1.2rem;
}
.cinfo_discussion #combi ul,
.school_detail_cinfo .course_discussion #combi ul{
    display: flex;
    flex-wrap: wrap;
    width: 960px;
    margin: 0 auto;
}

.cinfo_discussion #combi ul li,
.school_detail_cinfo .course_discussion #combi ul li{
    flex: 0 0 50%;
    margin:0 auto;
    padding:0 0 20px;
    text-align: center;
    position: relative;
}

.cinfo_discussion #combi ul li img,
.school_detail_cinfo .course_discussion #combi ul li img{
    width: 100%;
}
.cinfo_discussion #combi ul li a,
.school_detail_cinfo .course_discussion #combi ul li a{
    position: absolute;
    bottom: 7%;
    left: 51%;
    transform: translateY(-50%) translateX(-50%);
    width: 70%;
}


.cinfo_discussion #other .other_bg:nth-of-type(1){
    background: url("/cinfo/img/other_freetime_pc.png") no-repeat top left;
    background-size: cover;
}
.cinfo_discussion #other .other_bg:nth-of-type(2){
    background: url("/cinfo/img/other_power_pc_left.png") no-repeat top left;
    background-size: cover;
}
.cinfo_discussion #other .other_bg:nth-of-type(3){
    background: url("/cinfo/img/other_gc_pc.png") no-repeat top left;
    background-size: cover;
}

.cinfo_discussion #other .other_bg:nth-of-type(1) .inner .course_half,
.cinfo_discussion #other .other_bg:nth-of-type(3) .inner .course_half{
    width: 500px;
    padding: 35px;
    box-shadow:1px 1px 8px -1px rgba(68, 68, 68, 0.25);
    background-color: #fff;
    border-radius: 8px;
    position: relative;
    word-break: break-all;
    float:left;
    height: 320px;
}

.cinfo #system ul li .priceTxt,
.school_detail_cinfo #system ul li .priceTxt {
  margin-left: 0;
  font-size: 1.2rem;
}
.price_note{
  max-width: 600px;
  width: 100%;
  margin: 0 auto;
}
.price_note p{
    margin-left: 2em;
    text-indent: -2em;
    font-size: 1.2rem;
}
/*------------------------------------------------
#cinfo_junior_index
-------------------------------------------------*/
#cinfo_junior_index #visual,
.school_detail_cinfo .course_junior #cinfo_visual {
    background: url(/cinfo/junior/img/main_pc.png) center no-repeat;
    background-size: cover;
}
#cinfo_junior_index #visual .sp_line,
.school_detail_cinfo .course_junior #cinfo_visual .sp_line{
    position: absolute;
    top: 110px;
    left: 50px;
}
#cinfo_junior_index #visual .sp_line .line,
.school_detail_cinfo .course_junior #cinfo_visual .sp_line .line{
    font-size: 1.8rem;
    font-weight: bold;
    background: linear-gradient(transparent 60%, #FFE26D 40%);
    display: inline-block;
    line-height: 1.1;
    margin-bottom: 8px;
}
#cinfo_junior_index #visual div h1,
.school_detail_cinfo .course_junior #cinfo_visual div h1{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: url("/cinfo/junior/img/main_bg.png") no-repeat top left;
    font-size: 3.4rem;
    font-weight: bold;
    line-height: 1.4;
    background-size: 480px;
    padding: 190px 0 0 50px;
    text-shadow: #FFF 0 2px 11px;
    width: 100%;
}
#cinfo_junior_index #visual div a.btn_blue,
.school_detail_cinfo .course_junior #cinfo_visual div a.btn_blue {
    background: linear-gradient(to right, #1E3C72, #2A5298);
    font-weight: normal;
    bottom: 22%;
    position: absolute;
    left: 4%;
    padding: 15px 30px;
    height: auto;
    line-height: 1.2;
    text-decoration: none;
    border-radius: 100px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    border: none;
}
#cinfo_junior_index #visual div a p.visual_btn span:nth-of-type(1),
.school_detail_cinfo .course_junior #cinfo_visual div a p.visual_btn span:nth-of-type(1){
    font-size: 1.8rem;
    color: #FFD8D8;
    letter-spacing: 0;
}

#cinfo_junior_index #change,
.school_detail_cinfo .course_junior #change{
    padding:60px 0 0;
}
#cinfo_junior_index #change h2,
.school_detail_cinfo .course_junior #change h2{
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
    margin: 0 0 50px 0;
    line-height: 1.4;
}
#cinfo_junior_index #change h2 span,
.school_detail_cinfo .course_junior #change h2 span{
    font-size: 3.2rem;
}
#cinfo_junior_index #change p,
.school_detail_cinfo .course_junior #change p{
    text-align: center;
    margin:20px 0;
}

#cinfo_junior_index #change ul,
.school_detail_cinfo .course_junior #change ul{
    display: flex;
    flex-wrap: wrap;
    width: 960px;
    margin: 0 auto;
}

#cinfo_junior_index #change ul li,
.school_detail_cinfo .course_junior #change ul li{
      flex: 0 0 22%;
      margin:0 auto;
      padding:0 0 20px;
      text-align: center;
      position: relative;
}
#cinfo_junior_index #change ul li:nth-of-type(1),
#cinfo_junior_index #change ul li:nth-of-type(5),
.school_detail_cinfo .course_junior #change ul li:nth-of-type(1),
.school_detail_cinfo .course_junior #change ul li:nth-of-type(5){
      flex: 0 0 12%;
}
#cinfo_junior_index #change ul li figure,
.school_detail_cinfo .course_junior #change ul li figure {
    position: relative;
    padding-top: 20%;
}
#cinfo_junior_index #change ul li:nth-of-type(1) figure,
#cinfo_junior_index #change ul li:nth-of-type(5) figure,
.school_detail_cinfo .course_junior #change ul li:nth-of-type(1) figure,
.school_detail_cinfo .course_junior #change ul li:nth-of-type(5) figure{
    height: 320px;
    padding-top: 0;
}

#cinfo_junior_index #change ul li figure img,
.school_detail_cinfo .course_junior #change ul li figure img{
    width: 100%;
}
#cinfo_junior_index #change ul li:nth-of-type(1) figure img,
#cinfo_junior_index #change ul li:nth-of-type(5) figure img,
.school_detail_cinfo .course_junior #change ul li:nth-of-type(1) figure img,
.school_detail_cinfo .course_junior #change ul li:nth-of-type(5) figure img{
    height: 320px;
    width: auto;
    padding-top: 0;
}
#cinfo_junior_index #change ul li figure figcaption,
.school_detail_cinfo .course_junior #change ul li figure figcaption{
    position: absolute;
    top: 75%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-\ transform: translateY(-50%) translateX(-50%);
    font-weight: bold;
    width: 100%;
    font-size: 1.3rem;
    line-height: 1.6;
}
#cinfo_junior_index #change ul li:nth-of-type(3) figure figcaption,
.school_detail_cinfo .course_junior #change ul li:nth-of-type(3) figure figcaption{
    top: 78%;
}
#cinfo_junior_index #change ul li .b_pink,
.school_detail_cinfo .course_junior #change ul li .b_pink{
  position: absolute;
  top: 65px;
  left: 65px;
  font-size: 2.5rem;
  font-weight: bold;
  color: #224D9A;
  background: linear-gradient(transparent 60%, #FFE1EC 40%);
  display: inline-block;
  line-height: 1.4;
}
#cinfo_junior_index #change .four_skills,
.school_detail_cinfo .course_junior #change .four_skills{
}
#cinfo_junior_index #change .four_skills p,
.school_detail_cinfo .course_junior #change .four_skills p{
    text-align: center;
    margin:20px 0;
    font-size:1.8rem;
}
#cinfo_junior_index #change .four_skills p span,
.school_detail_cinfo .course_junior #change .four_skills p span{
    color:#E40057;
}
#cinfo_junior_index .junior_movie,
.school_detail_cinfo .course_junior .junior_movie{
    margin: 40px auto 80px;
    width: 740px;
}

#cinfo_junior_index .junior_movie img,
.school_detail_cinfo .course_junior .junior_movie img{
    width: 100%;
}

#cinfo_junior_index #point .pair_teaching,
.school_detail_cinfo .course_junior #point .pair_teaching{
    margin: 40px auto;
    display: flex;
    flex-wrap: wrap;
    width: 960px;
    padding: 0;
}

#cinfo_junior_index #point .pair_teaching h3,
.school_detail_cinfo .course_junior #point .pair_teaching h3{
    font-size: 1.8rem;
    font-weight: bold;
    text-align: center;
    margin: 0 0 20px 0;
    line-height: 1.4;
    flex: 0 0 100%;
    color: #333;
}
#cinfo_junior_index #point .pair_teaching .teacher,
.school_detail_cinfo .course_junior #point .pair_teaching .teacher{
    position: relative;
    padding: 30px;
    background: #fff;
    border-radius: 20px;
    flex: 0 0 49%;
    margin: 0 auto;
}
#cinfo_junior_index #point .pair_teaching .teacher dl,
.school_detail_cinfo .course_junior #point .pair_teaching .teacher dl {
    -webkit-box-flex: 1;
    flex: 1;
}

#cinfo_junior_index #point .pair_teaching .teacher dl dt,
.school_detail_cinfo .course_junior #point .pair_teaching .teacher dl dt {
    font-size: 2.2rem;
    margin-bottom: 20px;
    position: relative;
    padding: 0 0 10px;
    border-bottom: 1px solid #000;
    font-weight: bold;
}

#cinfo_junior_index #point .pair_teaching .teacher dl dt:nth-of-type(2),
.school_detail_cinfo .course_junior #point .pair_teaching .teacher dl dt:nth-of-type(2) {
    color: #EC0659;
    text-align: center;
    border: none;
    font-weight: normal;
    margin: 0;
}
#cinfo_junior_index #point .pair_teaching .teacher dl dt p,
.school_detail_cinfo .course_junior #point .pair_teaching .teacher dl dt p{
    text-align: center;
    font-weight: bold;
    font-size: 1.6rem;
}
#cinfo_junior_index #point .pair_teaching .teacher dl dt .lesson,
.school_detail_cinfo .course_junior #point .pair_teaching .teacher dl dt .lesson {
    position: absolute;
    top: -10%;
    right: 0;
    background-color: #E7F0F9;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    border-radius: 50px;
    font-size: 1.4rem;
    padding: 0 30px;
}
#cinfo_junior_index #point .pair_teaching .teacher dl dt .lesson em,
.school_detail_cinfo .course_junior #point .pair_teaching .teacher dl dt .lesson em{
    font-size: 2rem;
}
#cinfo_junior_index #point .pair_teaching .teacher dl dd,
.school_detail_cinfo .course_junior #point .pair_teaching .teacher dl dd {
    display: table-cell;
    vertical-align: top;
    margin: 0;
}
#cinfo_junior_index #point .pair_teaching .teacher dl dd.img,
.school_detail_cinfo .course_junior #point .pair_teaching .teacher dl dd.img {
    padding-right: 15px;
    width: 148px;
}
#cinfo_junior_index #point .pair_teaching .teacher dl dd.img img,
.school_detail_cinfo .course_junior #point .pair_teaching .teacher dl dd.img img {
    width: 100%;
}
.school_detail_cinfo .course_junior #worries{
  background-color: #fff;
}
#cinfo_junior_index #worries p,
.school_detail_cinfo .course_junior #worries p{
    text-align: center;
    margin: 40px 0;
    font-weight: bold;
    color: #224D9A;
}
#cinfo_junior_index #worries .ml_btn02,
.school_detail_cinfo .course_junior #worries .ml_btn02{
    margin: 60px 0;
}
#cinfo_junior_index #worries .ml_btn02 a p.visual_btn,
.school_detail_cinfo .course_junior #worries .ml_btn02 a p.visual_btn {
    font-size: 1.8rem;
    margin: 0;
    color: #fff;
    font-weight: normal;
}
#cinfo_junior_index #level,
.school_detail_cinfo .course_junior #level{
    background-color: #E7F0F9;
    padding:60px 0;
}
#cinfo_junior_index #level h2,
.school_detail_cinfo .course_junior #level h2{
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
    margin: 0 0 50px 0;
    line-height: 1.4;
}
#cinfo_junior_index #level h2 span,
.school_detail_cinfo .course_junior #level h2 span{
    font-size: 3.2rem;
}
#cinfo_junior_index #level .inner{
    width: 960px;
    margin:0 auto;
}
.school_detail_cinfo .course_junior #level .inner{
    width: 960px;
    margin:0 auto;
  padding: 0;
}

#cinfo_junior_index #level ul.tab,
.school_detail_cinfo .course_junior #level ul.tab{
    display: flex;
    flex-wrap: wrap;
    width: 800px;
    float: right;
    margin-bottom:6px;
}

#cinfo_junior_index #level ul.tab li{
    cursor: pointer;
    -webkit-box-flex: 0;
    flex: 0 0 32.6%;
    margin: 0 1% 0 0;
    padding: 10px 0;
    text-align: center;
    background: #fff;
    opacity: 0.5;
    color: #224D9A;
    font-weight: bold;
    padding: 25px 0;
}
.school_detail_cinfo .course_junior #level ul.tab li{
    cursor: pointer;
    -webkit-box-flex: 0;
    flex: 0 0 32.6%;
    margin: 0 1% 0 0;
    padding: 10px 0;
    text-align: center;
    background: #fff;
    opacity: 0.5;
    color: #224D9A;
    font-weight: bold;
    padding: 25px 0;
  max-width:32.6%;
}

#cinfo_junior_index #level ul.tab li:last-child,
.school_detail_cinfo .course_junior #level ul.tab li:last-child{
    margin: 0;
}

#cinfo_junior_index #level ul.tab li:hover,
.school_detail_cinfo .course_junior #level ul.tab li:hover {
    color: #224D9A;
    font-weight: bold;
}
#cinfo_junior_index #level ul.tab li.active,
.school_detail_cinfo .course_junior #level ul.tab li.active {
    background-color: #fff;
    opacity: 1;
    color: #224D9A;
    font-weight: bold;
    position: relative;
    padding: 25px 0;
}
#cinfo_junior_index #level ul.tab li.active::before,
.school_detail_cinfo .course_junior #level ul.tab li.active::before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    margin-left: -6px;
    border: 6px solid transparent;
    border-top: 6px solid #fff;
    top: 100%;
}

#cinfo_junior_index #level div.tab_box,
.school_detail_cinfo .course_junior #level div.tab_box{
    clear: both;
    display: none;
    width: 960px;
    margin:0 auto;
    background:#fff;
}
#cinfo_junior_index #level div.active,
.school_detail_cinfo .course_junior #level div.active{
    display: block;
}
#cinfo_junior_index #level div.tab_box table,
.school_detail_cinfo .course_junior #level div.tab_box table{
    background: #E7F0F9;
}
#cinfo_junior_index #level div.tab_box th,
.school_detail_cinfo .course_junior #level div.tab_box th{
    background: #224D9A;
    color: #fff;
    width: 158px;
    padding: 25px;
    font-weight: bold;
    line-height: 1.6;
    border-bottom: 5px #E7F0F9 solid;
    border-collapse: separate;
    border-spacing: 5px;
    border-right: 5px #E7F0F9 solid;
    vertical-align: middle;
}
#cinfo_junior_index #level div.tab_box th span,
.school_detail_cinfo .course_junior #level div.tab_box th span{
    font-size: 1rem;
    font-weight: normal;
}
#cinfo_junior_index #level div.tab_box th.btl,
.school_detail_cinfo .course_junior #level div.tab_box th.btl{
    border-top-left-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
}
#cinfo_junior_index #level div.tab_box th.bbl,
.school_detail_cinfo .course_junior #level div.tab_box th.bbl{
    border-bottom-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
}

#cinfo_junior_index #level div.tab_box th img,
.school_detail_cinfo .course_junior #level div.tab_box th img{
    width: 60px;
    margin: 0 auto 5px;
    display: block;
}
#cinfo_junior_index #level div.tab_box td,
.school_detail_cinfo .course_junior #level div.tab_box td{
    padding: 25px;
    line-height: 1.6;
    border-bottom: 5px #E7F0F9 solid;
    border-collapse: separate;
    border-spacing: 5px;
    color: #224D9A;
    vertical-align: middle;
    background: #fff;
}
#cinfo_junior_index #level div.tab_box td span,
.school_detail_cinfo .course_junior #level div.tab_box td span{
    background-color: #E40057;
    padding: 2px 0;
    border-radius: 25px;
    color: #fff;
    font-weight: bold;
    font-size: 1.6rem;
    margin-right: 10px;
    width: 100px;
    display: inline-block;
    text-align: center;
    float:left;
}

#cinfo_junior_index #system .inner th,
.school_detail_cinfo .course_junior #system .inner th{
    font-size:1.8rem;
}

#cinfo_junior_index #system .inner th.area,
.school_detail_cinfo .course_junior #system .inner th.area{
    font-size:1.4rem;
}
#cinfo_junior_index #lineup,
.school_detail_cinfo .course_junior #lineup{
    background-color: #E7F0F9;
    padding:60px 0;
}
#cinfo_junior_index #lineup h2,
.school_detail_cinfo .course_junior #lineup h2{
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
    margin: 0 0 50px 0;
    line-height: 1.4;
}
#cinfo_junior_index #lineup h2 span,
.school_detail_cinfo .course_junior #lineup h2 span{
    font-size: 3.2rem;
}

#cinfo_junior_index #lineup,
.school_detail_cinfo .course_junior #lineup{
    margin-top: 120px;
}
#cinfo_junior_index #lineup ul,
.school_detail_cinfo .course_junior #lineup ul{
    display: flex;
    flex-wrap: wrap;
    width: 960px;
    margin: 0 auto;
}
#cinfo_junior_index #lineup ul li,
.school_detail_cinfo .course_junior #lineup ul li{
    flex: 0 0 48%;
    margin: 0 auto 20px;
    padding: 30px;
    text-align: center;
    background-color: #FFF;
    line-height: 1.4;
    box-shadow: 3px 3px 16px -3px rgba(58, 78, 114, 0.25);
    border-radius: 10px;
}
#cinfo_junior_index #lineup ul li span,
.school_detail_cinfo .course_junior #lineup ul li span{
    font-size: 1.8rem;
    background-color: #224D9A;
    color: #fff;
    border-radius: 25px;
    padding: 5px 0;
    display: block;
}
#cinfo_junior_index #lineup ul li figure,
.school_detail_cinfo .course_junior #lineup ul li figure{
    float: right;
    padding-left: 40px;
}
#cinfo_junior_index #lineup ul li h3,
.school_detail_cinfo .course_junior #lineup ul li h3{
    color: #E40057;
    font-size: 1.6rem;
    font-weight: bold;
    margin: 10px 0 10px;
    padding: 5px 0 2px;
    text-align: left;
}
#cinfo_junior_index #lineup ul li:nth-of-type(3) h3,
.school_detail_cinfo .course_junior #lineup ul li:nth-of-type(3) h3{
    font-size: 1.4rem;
    padding: 5px 0;
}

#cinfo_junior_index #lineup ul li h4,
.school_detail_cinfo .course_junior #lineup ul li h4{
    text-align: left;
    font-size: 1.6rem;
    font-weight: bold;
    margin:0 0 20px;
}

#cinfo_junior_index #lineup ul li p,
.school_detail_cinfo .course_junior #lineup ul li p{
    text-align: left;
    margin-left: 1em;
    text-indent: -1em;
    margin-bottom: 5px;
    width: calc(100% - 130px);
}
#cinfo_junior_index #lineup ul li:nth-of-type(4) p,
.school_detail_cinfo .course_junior #lineup ul li:nth-of-type(4) p{
    margin-left:0;
    text-indent:0;
}

#cinfo_junior_index #lineup ul li:nth-of-type(5),
.school_detail_cinfo .course_junior #lineup ul li:nth-of-type(5){
    flex: 0 0 100%;
    background-color:#fff;
    padding:30px 20px;
}

#cinfo_junior_index #lineup ul li:nth-of-type(5) div,
.school_detail_cinfo .course_junior #lineup ul li:nth-of-type(5) div{
    border-bottom: 5px solid #E5E5E5;
    color: #333;
    position: unset;
    background: none;
    width: 100%;
    text-align: left;
    padding: 0 0 5px;
    height: auto;
}

#cinfo_junior_index #lineup ul li:nth-of-type(5) div span,
.school_detail_cinfo .course_junior #lineup ul li:nth-of-type(5) div span{
    font-size: 2.4rem;
    font-weight: bold;
    margin-left:20px;
}

#cinfo_junior_index #lineup ul li:nth-of-type(5) p,
.school_detail_cinfo .course_junior #lineup ul li:nth-of-type(5) p {
    text-align: left;
    margin: 20px 0 0 0;
    text-indent: 0;
    width: auto;
    line-height: 1.8;
}

#cinfo_junior_index #lineup ul li:nth-of-type(5) figure,
.school_detail_cinfo .course_junior #lineup ul li:nth-of-type(5) figure{
    margin-top: -30px;
    padding:0;
}

#cinfo_junior_index #other h2,
.school_detail_cinfo .course_junior #other h2{
    font-size:2.4rem;
    border-bottom:3px solid #D9D9D9;
    margin-bottom: 40px;
    font-weight: bold;
    text-align: left;
}

#cinfo_junior_index #other ul,
.school_detail_cinfo .course_junior #other ul{
    display: flex;
    flex-wrap: wrap;
}

#cinfo_junior_index #other ul li,
.school_detail_cinfo .course_junior #other ul li{
    flex: 0 0 48%;
    padding: 0 0 10px;
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 1;
}
#cinfo_junior_index #other ul li span,
.school_detail_cinfo .course_junior #other ul li span{
    color:#EB0659;
}

#cinfo_junior_index #other ul li p,
.school_detail_cinfo .course_junior #other ul li p {
  margin: 5px 0 0 25px;
  font-size: 1.4rem;
  font-weight: normal;
  line-height: 1.4;
}

#cinfo_junior_index footer #footer_top nav > ul > li ul li,
.school_detail_cinfo .course_junior footer #footer_top nav > ul > li ul li {
    flex: 0 0 48%;
    word-break: break-all;
    font-size: 1.2rem;
    font-weight: normal;
}

/*------------------------------------------------
#cinfo_toeic_index
-------------------------------------------------*/
#cinfo_toeic_index #visual,
.school_detail_cinfo .course_toeic #cinfo_visual {
    background: url(/cinfo/toeic/img/main_pc.png) center no-repeat;
    background-size: cover;
}
#cinfo_toeic_index #visual div h1,
.school_detail_cinfo .course_toeic #cinfo_visual div h1{
    position: absolute;
    top: 10px;
    left: 0;
    z-index: 1;
    background: url("/cinfo/toeic/img/main_bg.png") no-repeat top left;
    font-size: 3.4rem;
    font-weight: bold;
    line-height: 1.1;
    background-size: 300px;
    padding: 65px 0 0 50px;
    text-shadow: #FFF 0 2px 11px;
}
#cinfo_toeic_index #visual div .main_text,
.school_detail_cinfo .course_toeic #cinfo_visual div .main_text{
    position: absolute;
    top: 230px;
    left: 53px;
    z-index: 1;
}
#cinfo_toeic_index #visual div a.btn_blue,
.school_detail_cinfo .course_toeic #cinfo_visual div a.btn_blue{
    background: linear-gradient(to right, #1E3C72, #2A5298);
    font-weight: normal;
    bottom: 15%;
    position: absolute;
    left: 5%;
    padding: 10px 40px 10px 50px;
    height: auto;
    line-height: 1.2;
    text-decoration: none;
    border-radius: 100px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    border: none;
}
#cinfo_toeic_index .fixed_to_header_container .local_nav ul,
.school_detail_cinfo .course_toeic .fixed_to_header_container .local_nav ul {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    max-width: 960px;
    margin: 15px auto;
}
#cinfo_toeic_index .fixed_to_header_container .local_nav,
.school_detail_cinfo .course_toeic .fixed_to_header_container .local_nav {
    background: #fff;
    margin-bottom: 0;
}
#cinfo_toeic_index .fixed_to_header_container .local_nav ul li,
.school_detail_cinfo .course_toeic .fixed_to_header_container .local_nav ul li {
    text-align: center;
    line-height: 80px;
    font-size: 1.6rem;
    cursor: unset;
    color: #224D9A;
    background-color: #E7F0F9;
    width: 460px;
    margin: 0 5px;
}
#cinfo_toeic_index .fixed_to_header_container .local_nav ul li:nth-of-type(2),
.school_detail_cinfo .course_toeic .fixed_to_header_container .local_nav ul li:nth-of-type(2){
    background: #F9F9F9;
    opacity: 0.5;
    width: 460px;
    margin: 0 5px;
}
#cinfo_toeic_index .fixed_to_header_container .local_nav ul li a,
.school_detail_cinfo .course_toeic .fixed_to_header_container .local_nav ul li a {
    display: block;
    color: #224D9A;
    text-decoration: none;
}
#cinfo_toeic_index .fixed_to_header_container .local_nav ul li::after,
.school_detail_cinfo .course_toeic .fixed_to_header_container .local_nav ul li::after{
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    background: none;
    border: 10px solid transparent;
    border-top: 10px solid #E7F0F9;
    top: 100%;
}
#cinfo_toeic_index .fixed_to_header_container .local_nav ul li:nth-of-type(2)::after,
.school_detail_cinfo .course_toeic .fixed_to_header_container .local_nav ul li:nth-of-type(2)::after {
    display: none;
}
#cinfo_toeic_index .fixed_to_header_container .local_nav ul li.active::after,
#cinfo_toeic_index .fixed_to_header_container .local_nav ul li:hover::after,
.school_detail_cinfo .course_toeic .fixed_to_header_container .local_nav ul li.active::after,
.school_detail_cinfo .course_toeic .fixed_to_header_container .local_nav ul li:hover::after {
  width: auto;
}
#cinfo_toeic_index #lead,
.school_detail_cinfo .course_toeic #lead{
    padding: 60px 0;
    background: #E7F0F9;
    text-align: center;
}
#cinfo_toeic_index #lead h2,
.school_detail_cinfo .course_toeic #lead h2{
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
    margin: 0 0 50px 0;
    line-height: 1.4;
}
#cinfo_toeic_index #lead h2 span,
.school_detail_cinfo .course_toeic #lead h2 span{
    font-size: 3.2rem;
}
.school_detail_cinfo .course_toeic #point {
  background-color: #fff;
}
#cinfo_toeic_index #point h2 sup,
.school_detail_cinfo .course_toeic #point h2 sup{
    top: 1em;
}
#cinfo_toeic_index #point ul,
.school_detail_cinfo .course_toeic #point ul {
    display: flex;
    flex-wrap: wrap;
    width: 960px;
    margin: 0 auto;
}
#cinfo_toeic_index #point ul li,
.school_detail_cinfo .course_toeic #point ul li {
    flex: 0 0 24%;
}
#cinfo_toeic_index #point ul li:nth-of-type(5),
.school_detail_cinfo .course_toeic #point ul li:nth-of-type(5){
    flex: 0 0 80%;
    max-width: 80%;
    box-shadow: none;
    text-align: left;
}
#cinfo_toeic_index #point ul li:nth-of-type(5) figure,
.school_detail_cinfo .course_toeic #point ul li:nth-of-type(5) figure{
    width: 105px;
    float: left;
    margin: 0 20px 0 0;
}
#cinfo_toeic_index #point ul li:nth-of-type(5) figure img,
.school_detail_cinfo .course_toeic #point ul li:nth-of-type(5) figure img{
    width: 100%;
}
#cinfo_toeic_index #point ul li:nth-of-type(5) h3,
.school_detail_cinfo .course_toeic #point ul li:nth-of-type(5) h3 {
    text-align: left;
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 20px;
}
#cinfo_toeic_index #point ul li:nth-of-type(5) h3 span,
.school_detail_cinfo .course_toeic #point ul li:nth-of-type(5) h3 span{
    font-size: 3.2rem;
}
#cinfo_toeic_index #point ul li:nth-of-type(5) p,
.school_detail_cinfo .course_toeic #point ul li:nth-of-type(5) p {
    font-size: 1.4rem;
    text-align: left;
    overflow: hidden;
}
#cinfo_toeic_index #point ul li:nth-of-type(5) .score_up,
.school_detail_cinfo .course_toeic #point ul li:nth-of-type(5) .score_up{
    margin: 20px auto;
    padding: 0;
    background: #fff;
    width: 100%;
}
#cinfo_toeic_index #point ul li:nth-of-type(5) .score_up p,
.school_detail_cinfo .course_toeic #point ul li:nth-of-type(5) .score_up p{
    margin-bottom: 10px;
    font-weight: bold;
    position: relative;
    padding: 10px 20px;
    border-radius: 2px;
    background: #FEF0F5;
    text-align: left;
    font-size: 1.6rem;
}
#cinfo_toeic_index #point ul li:nth-of-type(5) .score_up p::after,
.school_detail_cinfo .course_toeic #point ul li:nth-of-type(5) .score_up p::after{
    display: inline-block;
    width: 14px;
    height: 12px;
    background: url(/cinfo/toeic/img/arrow.png) no-repeat;
    vertical-align: middle;
    content: "";
    top: 20px;
    right: 20px;
    position: absolute;
}
#cinfo_toeic_index #point ul li:nth-of-type(5) .score_up p.active::after,
.school_detail_cinfo .course_toeic #point ul li:nth-of-type(5) .score_up p.active::after {
    content: "";
	background:url(/cinfo/toeic/img/arrow.png) no-repeat;
    transform: scale(1, -1);
    top: 10px;
}
#cinfo_toeic_index #point ul li:nth-of-type(5) .score_up div,
.school_detail_cinfo .course_toeic #point ul li:nth-of-type(5) .score_up div{
    background: #fff;
    width: 100%;
    margin: 0 auto;
    padding: 10px 0 20px;
    font-size: 1.2rem;
    display: none;
}
#cinfo_toeic_index #point ul li:nth-of-type(5) .score_up div ul,
.school_detail_cinfo .course_toeic #point ul li:nth-of-type(5) .score_up div ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 auto;
    border: 1px solid #D84177;
    padding: 10px;
}
#cinfo_toeic_index #point ul li:nth-of-type(5) .score_up div ul li,
.school_detail_cinfo .course_toeic #point ul li:nth-of-type(5) .score_up div ul li{
    flex: 0 0 95%;
    margin: 0;
    padding: 0;
    box-shadow: initial;
    text-align: left;
    max-width: 100%;
    margin-left: 2.5em;
    text-indent: -2.6em;
    margin-bottom: 5px;
    background: none;
}
#cinfo_toeic_index #point ul li:nth-of-type(5) .score_up div:nth-of-type(3) ul li,
.school_detail_cinfo .course_toeic #point ul li:nth-of-type(5) .score_up div:nth-of-type(3) ul li{
    margin-left: 1.5em;
    text-indent: -1em;
}
#cinfo_toeic_index #point .point_ip,
.school_detail_cinfo .course_toeic #point .point_ip{
    background: #E7F0F9;
    box-shadow: none;
    padding: 30px 40px 30px 40px;
    text-align: left;
    width: 960px;
    margin: 10px auto;
    border-radius: 10px;
}
#cinfo_toeic_index #point .point_ip figure,
.school_detail_cinfo .course_toeic #point .point_ip figure {
    float: left;
    margin: 0 40px 0 0;
    width: 185px;
}
#cinfo_toeic_index #point .point_ip figure img,
.school_detail_cinfo .course_toeic #point .point_ip figure img{
    width: 100%;
    height: auto;
}
#cinfo_toeic_index #point .point_ip h3,
.school_detail_cinfo .course_toeic #point .point_ip h3{
    font-weight: bold;
    margin: 0 0 10px;
    font-size: 2rem;
    color: #224D9A;
}
#cinfo_toeic_index #point .point_ip p,
.school_detail_cinfo .course_toeic #point .point_ip p{
    text-align: left;
}
#cinfo_toeic_index #point .point_b,
.school_detail_cinfo .course_toeic #point .point_b {
    flex: 0 0 100%;
    margin: 40px auto;
    padding: 0;
    text-align: left;
    box-shadow: 3px 3px 16px -3px rgba(58, 78, 114, 0.25);
    border-radius: 8px;
    overflow: hidden;
    background: url(/cinfo/img/bg_txt.png) #fff no-repeat right bottom;
    background-size: 25%;
}
#cinfo_toeic_index #point .point_b  figure,
.school_detail_cinfo .course_toeic #point .point_b  figure{
    width: 450px;
    float: left;
    margin-right: 30px;
}
#cinfo_toeic_index #point .point_b figure img,
.school_detail_cinfo .course_toeic #point .point_b figure img{
    width: 100%;
}
#cinfo_toeic_index #point .point_b h3,
.school_detail_cinfo .course_toeic #point .point_b h3{
    font-weight: bold;
    margin: 30px 0 20px;
    font-size: 2rem;
}
#cinfo_toeic_index #point .point_b p,
.school_detail_cinfo .course_toeic #point .point_b p{
    padding: 0 30px 0;
    line-height: 2.5;
}
#cinfo_toeic_index #point .point_b p span,
.school_detail_cinfo .course_toeic #point .point_b p span{
    color:#E40057;
    font-weight: bold;
}
#cinfo_toeic_index #level,
.school_detail_cinfo .course_toeic #level{
    background-color: #E7F0F9;
    padding:60px 0;
}
#cinfo_toeic_index #level h2,
.school_detail_cinfo .course_toeic #level h2{
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
    margin: 0 0 50px 0;
    line-height: 1.4;
}
#cinfo_toeic_index #level h2 span,
.school_detail_cinfo .course_toeic #level h2 span{
    font-size: 3.2rem;
}
#cinfo_toeic_index #level p,
.school_detail_cinfo .course_toeic #level p{
    font-size: 1.8rem;
    font-weight: bold;
    text-align: center;
    margin:40px 0;
}
#cinfo_toeic_index #level .inner{
    width: 960px;
    margin:0 auto;
}
.school_detail_cinfo .course_toeic #level .inner{
    width: 960px;
    margin:0 auto;
  padding:0;
}

#cinfo_toeic_index #level ul.tab,
.school_detail_cinfo .course_toeic #level ul.tab{
    display: flex;
    flex-wrap: wrap;
    width: 800px;
    float: right;
    margin-bottom:6px;
}
#cinfo_toeic_index #level ul.tab li{
    cursor: pointer;
    -webkit-box-flex: 0;
    flex: 0 0 32.6%;
    margin: 0 1% 0 0;
    text-align: center;
    background: #fff;
    opacity: 0.5;
    color: #224D9A;
    font-weight: bold;
    padding: 25px 0;
}
.school_detail_cinfo .course_toeic #level ul.tab li{
    cursor: pointer;
    -webkit-box-flex: 0;
    flex: 0 0 32.6%;
    margin: 0 1% 0 0;
    text-align: center;
    background: #fff;
    opacity: 0.5;
    color: #224D9A;
    font-weight: bold;
    padding: 25px 0;
  max-width: 32.6%;
}

#cinfo_toeic_index #level ul.tab li:last-child,
.school_detail_cinfo .course_toeic #level ul.tab li:last-child{
    margin: 0;
}
#cinfo_toeic_index #level ul.tab li:hover,
.school_detail_cinfo .course_toeic #level ul.tab li:hover {
    color: #224D9A;
    font-weight: bold;
}
#cinfo_toeic_index #level ul.tab li.active,
.school_detail_cinfo .course_toeic #level ul.tab li.active {
    background-color: #fff;
    opacity: 1;
    color: #224D9A;
    font-weight: bold;
    position: relative;
    padding: 25px 0;
}
#cinfo_toeic_index #level ul.tab li.active::before,
.school_detail_cinfo .course_toeic #level ul.tab li.active::before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    margin-left: -6px;
    border: 6px solid transparent;
    border-top: 6px solid #fff;
    top: 100%;
}
#cinfo_toeic_index #level div.tab_box,
.school_detail_cinfo .course_toeic #level div.tab_box {
    clear: both;
    display: none;
    width: 960px;
    margin:0 auto;
    background:#fff;
}
#cinfo_toeic_index #level div.active,
.school_detail_cinfo .course_toeic #level div.active {
    display: block;
}
#cinfo_toeic_index #level div.tab_box table,
.school_detail_cinfo .course_toeic #level div.tab_box table{
    background: #E7F0F9;
}
#cinfo_toeic_index #level div.tab_box th,
.school_detail_cinfo .course_toeic #level div.tab_box th{
    background: #224D9A;
    color: #fff;
    width: 158px;
    padding: 25px 15px;
    font-weight: bold;
    line-height: 1.6;
    border-bottom: 5px #E7F0F9 solid;
    border-collapse: separate;
    border-spacing: 5px;
    border-right: 5px #E7F0F9 solid;
    vertical-align: middle;
}
#cinfo_toeic_index #level div.tab_box th span,
.school_detail_cinfo .course_toeic #level div.tab_box th span{
    font-size: 1rem;
    font-weight: normal;
}
#cinfo_toeic_index #level div.tab_box th span sup,
.school_detail_cinfo .course_toeic #level div.tab_box th span sup{
    top:1em;
}
#cinfo_toeic_index #level div.tab_box th.btl,
.school_detail_cinfo .course_toeic #level div.tab_box th.btl{
    border-top-left-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
}
#cinfo_toeic_index #level div.tab_box th.bbl,
.school_detail_cinfo .course_toeic #level div.tab_box th.bbl{
    border-bottom-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
}
#cinfo_toeic_index #level div.tab_box td,
.school_detail_cinfo .course_toeic #level div.tab_box td{
    padding: 25px;
    line-height: 1.6;
    border-bottom: 5px #E7F0F9 solid;
    border-collapse: separate;
    border-spacing: 5px;
    color: #224D9A;
    vertical-align: middle;
    background: #fff;
}
#cinfo_toeic_index #level div.tab_box td span,
.school_detail_cinfo .course_toeic #level div.tab_box td span{
    font-weight: bold;
    font-size: 1.6rem;
}
#cinfo_toeic_index #level div.tab_box td span.red,
.school_detail_cinfo .course_toeic #level div.tab_box td span.red{
    color: #EE1954;
    font-weight: normal;
}

#cinfo_toeic_index #other .other_bg:nth-of-type(1){
    background: url("/cinfo/img/other_power_pc_right.png") no-repeat top left;
    background-size: cover;
}
#cinfo_toeic_index #other .other_bg:nth-of-type(2){
    background: url("/cinfo/img/other_eikaiwa_pc.png") no-repeat top left;
    background-size: cover;
}
#cinfo_toeic_index #other .other_bg:nth-of-type(3){
    background: url("/cinfo/img/other_gc_pc.png") no-repeat top left;
    background-size: cover;
}

#cinfo_toeic_index #other .other_bg:nth-of-type(1) .inner .course_half,
#cinfo_toeic_index #other .other_bg:nth-of-type(3) .inner .course_half {
    width: 500px;
    padding: 35px;
    box-shadow:1px 1px 8px -1px rgba(68, 68, 68, 0.25);
    background-color: #fff;
    border-radius: 8px;
    position: relative;
    word-break: break-all;
    float:left;
    height: 320px;
}

/*------------------------------------------------
#cinfo_business_trial_index
-------------------------------------------------*/
#cinfo_business_trial_index #visual,
.school_detail_cinfo .course_senka_3month #cinfo_visual {
    background: url(/cinfo/business/senka_3month/img/main_pc.png) center no-repeat;
    background-size: cover;
}
#cinfo_business_trial_index #visual .ssp,
.school_detail_cinfo .course_senka_3month #cinfo_visual .ssp{
    position: absolute;
    top: 70px;
    left: 50px;
    height: initial;
    width: initial;
    color:#224D9A;
    font-weight: bold;
    font-size: 2.4rem;
}
#cinfo_business_trial_index #visual .ssp span,
.school_detail_cinfo .course_senka_3month #cinfo_visual .ssp span {
    background-color: #E40057;
    color: #fff;
    padding: 2px 30px;
    border-radius: 25px;
    margin-right: 10px;
    vertical-align: middle;
    font-size: 1.4rem;
}
#cinfo_business_trial_index #visual .ssp span:nth-of-type(2),
.school_detail_cinfo .course_senka_3month #cinfo_visual .ssp span:nth-of-type(2){
    background: none;
    color: #224D9A;
    font-size:1.6rem;
     padding: 0;
}

#cinfo_business_trial_index #visual div h1,
.school_detail_cinfo .course_senka_3month #cinfo_visual div h1{
    position: absolute;
    top: 45px;
    left: 0;
    z-index: 1;
    background: url("/cinfo/business/senka_3month/img/main_bg.png") no-repeat top 50px left;
    font-size: 3.4rem;
    font-weight: bold;
    line-height: 1.2;
    background-size: 260px;
    padding: 60px 0 0 50px;
    text-shadow: #FFF 0 2px 11px;
}
 #cinfo_business_trial_index #osusume,
 .school_detail_cinfo .course_senka_3month #osusume{
    width: 960px;
    margin: 0 auto;
}
#cinfo_business_trial_index #osusume .right_txt,
.school_detail_cinfo .course_senka_3month #osusume .right_txt{
    text-align: right;
    margin:10px 0 30px;
}
#cinfo_business_trial_index #osusume div,
.school_detail_cinfo .course_senka_3month #osusume div {
    flex: 0 0 100%;
    margin: 40px auto;
    padding: 0;
    text-align: left;
    box-shadow: 3px 3px 16px -3px rgba(58, 78, 114, 0.25);
    border-radius: 8px;
    overflow: hidden;
    background: url(/cinfo/img/bg_txt.png) #fff no-repeat right bottom;
    background-size: 25%;
}
#cinfo_business_trial_index #osusume div figure,
.school_detail_cinfo .course_senka_3month #osusume div figure{
    width: 450px;
    float: left;
    margin-right: 30px;
}
#cinfo_business_trial_index #osusume div figure img,
.school_detail_cinfo .course_senka_3month #osusume div figure img{
    width: 100%;
}
#cinfo_business_trial_index #osusume div h3,
.school_detail_cinfo .course_senka_3month #osusume div h3 {
    font-weight: bold;
    margin: 30px 0 15px;
    font-size: 2rem;
    line-height: 1.4;
}
#cinfo_business_trial_index #osusume div p,
.school_detail_cinfo .course_senka_3month #osusume div p{
    padding: 0 30px 0;
    line-height: 2.5;
}
#cinfo_business_trial_index #osusume div p span,
.school_detail_cinfo .course_senka_3month #osusume div p span{
    color:#E40057;
    font-weight: bold;
}
 #cinfo_business_trial_index #point h3,
 .school_detail_cinfo .course_senka_3month #point h3{
    color: #333;
    text-align: center;
}
#cinfo_business_trial_index #point ul li, 
.school_detail_cinfo .course_senka_3month #point ul li{
  flex: 0 0 24.5%;
  margin: 0 auto 1%;
  padding: 40px 20px 25px;
  text-align: center;
  background-color: #fff;
  box-shadow: 3px 3px 16px -3px rgba(58, 78, 114, 0.25);
  border-radius: 10px;
  position: relative;
  max-width: 24.5%;
}
#cinfo_business_trial_index #point ul li figure, 
.school_detail_cinfo .course_senka_3month #point ul li figure{
  margin-bottom: 20px;
  height: 110px;
}
#cinfo_business_trial_index #point ul li p, 
.school_detail_cinfo .course_senka_3month #point ul li p{
  text-align: center;
}

#cinfo_business_trial_index #point ul li span, 
.school_detail_cinfo .course_senka_3month #point ul li span{
  font-size:1.2rem;
}

#cinfo_business_trial_index #point .pair_teaching,
.school_detail_cinfo .course_senka_3month #point .pair_teaching{
    margin: 40px auto;
    display: flex;
    flex-wrap: wrap;
    width: 960px;
    padding: 0;
}
#cinfo_business_trial_index #point .pair_teaching h3,
.school_detail_cinfo .course_senka_3month #point .pair_teaching h3{
    font-size: 1.8rem;
    font-weight: bold;
    text-align: center;
    margin: 0 0 20px 0;
    line-height: 1.4;
    flex: 0 0 100%;
    color: #333;
}
#cinfo_business_trial_index #point .pair_teaching .teacher,
.school_detail_cinfo .course_senka_3month #point .pair_teaching .teacher{
    position: relative;
    padding: 30px;
    background: #fff;
    border-radius: 20px;
    flex: 0 0 49%;
    margin: 0 auto;
}
#cinfo_business_trial_index #point .pair_teaching .teacher dl,
.school_detail_cinfo .course_senka_3month #point .pair_teaching .teacher dl {
    -webkit-box-flex: 1;
    flex: 1;
}
#cinfo_business_trial_index #point .pair_teaching .teacher dl dt,
.school_detail_cinfo .course_senka_3month #point .pair_teaching .teacher dl dt {
    font-size: 2.2rem;
    margin-bottom: 20px;
    position: relative;
    padding: 0 0 10px;
    border-bottom: 1px solid #000;
    font-weight: bold;
}
#cinfo_business_trial_index #point .pair_teaching .teacher dl dt:nth-of-type(2) ,
.school_detail_cinfo .course_senka_3month #point .pair_teaching .teacher dl dt:nth-of-type(2) {
    color: #EC0659;
    text-align: center;
    border: none;
    font-weight: normal;
    margin: 0;
}
#cinfo_business_trial_index #point .pair_teaching .teacher dl dt span,
.school_detail_cinfo .course_senka_3month #point .pair_teaching .teacher dl dt span{
    background-color: #E40057;
    color: #fff;
    padding: 0 15px;
    border-radius: 25px;
    margin-right: 10px;
    font-size: 1.6rem;
    font-weight: bold;
}
#cinfo_business_trial_index #point .pair_teaching .teacher dl dt .lesson,
.school_detail_cinfo .course_senka_3month #point .pair_teaching .teacher dl dt .lesson {
    position: absolute;
    top: -10%;
    right: 0;
    background-color: #E7F0F9;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    border-radius: 50px;
    font-size: 1.4rem;
    padding: 0 30px;
}
#cinfo_business_trial_index #point .pair_teaching .teacher dl dt .lesson .time,
.school_detail_cinfo .course_senka_3month #point .pair_teaching .teacher dl dt .lesson .time{
    background: none;
    color: #333;
}
#cinfo_business_trial_index #point .pair_teaching .teacher dl dt .lesson em,
.school_detail_cinfo .course_senka_3month #point .pair_teaching .teacher dl dt .lesson em{
    font-size: 2rem;
}
#cinfo_business_trial_index #point .pair_teaching .teacher dl dd,
.school_detail_cinfo .course_senka_3month #point .pair_teaching .teacher dl dd {
    display: table-cell;
    vertical-align: top;
    margin: 0;
}
#cinfo_business_trial_index #point .pair_teaching .teacher dl dd.img,
.school_detail_cinfo .course_senka_3month #point .pair_teaching .teacher dl dd.img {
    padding-right: 15px;
    width: 170px;
}
#cinfo_business_trial_index #point .pair_teaching .teacher dl dd.img img,
.school_detail_cinfo .course_senka_3month #point .pair_teaching .teacher dl dd.img img {
    width: 100%;
}
#cinfo_business_trial_index #case,
.school_detail_cinfo .course_senka_3month #case {
    padding: 60px 0;
}
#cinfo_business_trial_index #case h2,
.school_detail_cinfo .course_senka_3month #case h2{
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
    margin: 0 0 50px 0;
    line-height: 1.4;
}
#cinfo_business_trial_index #case h2 span,
.school_detail_cinfo .course_senka_3month #case h2 span{
    font-size: 3.2rem;
}
#cinfo_business_trial_index #case div,
.school_detail_cinfo .course_senka_3month #case div{
    width: 960px;
    margin: 0 auto 40px;
}
#cinfo_business_trial_index #case div .case_icon,
.school_detail_cinfo .course_senka_3month #case div .case_icon{
    width: 175px;
    margin: 0 0 10px;
}
#cinfo_business_trial_index #case div .case_icon img,
.school_detail_cinfo .course_senka_3month #case div .case_icon img{
    width:100%;
}
#cinfo_business_trial_index #case div ul,
.school_detail_cinfo .course_senka_3month #case div ul{
    display: flex;
    flex-wrap: wrap;
}
#cinfo_business_trial_index #case div ul li,
.school_detail_cinfo .course_senka_3month #case div ul li{
    flex: 0 0 295px;
    margin:0 auto;
    padding:0 0 20px;
    text-align: center;
    max-width: 295px;
}
#cinfo_business_trial_index #case div ul li:nth-of-type(3),
.school_detail_cinfo .course_senka_3month #case div ul li:nth-of-type(3) {
    flex: 0 0 540px;
    max-width: 540px;
}
#cinfo_business_trial_index #case div ul li:nth-of-type(2),
.school_detail_cinfo .course_senka_3month #case div ul li:nth-of-type(2){
      flex: 0 0 25px;
}
#cinfo_business_trial_index #case div ul li:nth-of-type(2) img,
.school_detail_cinfo .course_senka_3month #case div ul li:nth-of-type(2) img{
    width: 20px;
    margin-top: 110px;
}
#cinfo_business_trial_index #case div ul li figure,
.school_detail_cinfo .course_senka_3month #case div ul li figure{
    width: 295px;
}
#cinfo_business_trial_index #case div ul li figure img,
#cinfo_business_trial_index #case div ul li:nth-of-type(3) figure img,
.school_detail_cinfo .course_senka_3month #case div ul li figure img,
.school_detail_cinfo .course_senka_3month #case div ul li:nth-of-type(3) figure img{
    width:100%;
}
#cinfo_business_trial_index #case div ul li:nth-of-type(3) figure,
.school_detail_cinfo .course_senka_3month #case div ul li:nth-of-type(3) figure{
    width: 540px;
}
#cinfo_business_trial_index #case div ul li figure::before,
.school_detail_cinfo .course_senka_3month #case div ul li figure::before{
    content: "";
    display: inline-block;
    height: 50px;
    background: url(/cinfo/business/senka_3month/img/before.png) no-repeat left;
    background-size: 30%;
    width: 100%;
}
#cinfo_business_trial_index #case div ul li:nth-of-type(3) figure::before,
.school_detail_cinfo .course_senka_3month #case div ul li:nth-of-type(3) figure::before{
    background: url(/cinfo/business/senka_3month/img/after.png) no-repeat left;
    background-size: 13%;
}
 #cinfo_business_trial_index #case div ul li p,
 .school_detail_cinfo .course_senka_3month #case div ul li p{
    text-align: left;
    margin-top: 10px;
}
#cinfo_business_trial_index #system .inner td span,
.school_detail_cinfo .course_senka_3month #system .inner td span {
    font-weight: bold;
    font-size: 1.8rem;
}
#cinfo_business_trial_index #school {
    padding: 60px 0;
    background-color: #E7F0F9;
    margin: 60px 0;
}

#cinfo_business_trial_index #school h2{
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
    margin: 0 0 50px 0;
    line-height: 1.4;
}

#cinfo_business_trial_index #school h2 span{
    font-size: 3.2rem;
}

#cinfo_business_trial_index #school .school_box {
    width: 866px;
    margin: 0 auto;
    padding: 90px;
    background-color: #fff;
}
#cinfo_business_trial_index #school .school_box h5{
    font-size: 2rem;
    border-bottom: solid 1px #E40057;
    padding-bottom: 5px;
    margin-bottom: 20px;
    color: #224D9A;
    font-weight: bold;
}
#cinfo_business_trial_index #school .school_box dl {
    display: table;
    font-size: 17px;
}
#cinfo_business_trial_index #school .school_box dd {
    display: table-cell;
    padding: 0 20px 0 0;
    vertical-align: top;
    color: #E40057;
}
#cinfo_business_trial_index #school .school_box dt {
    display: table-cell;
}
#cinfo_business_trial_index #school .school_box .mmtop {
    padding-top: 20px;
}
#cinfo_business_trial_index .local_nav {
    border-bottom:none
}
#cinfo_business_trial_index .local_nav ul li:last-child{
    border-left:none
}
#cinfo_business_trial_index #other .other_bg:nth-of-type(1){
    background: url("/cinfo/img/other_discussion_pc.png") no-repeat top left;
    background-size: cover;
}

#cinfo_business_trial_index #other .other_bg:nth-of-type(2){
    background: url("/cinfo/img/other_coaching_pc.png") no-repeat top left;
    background-size: cover;
}
#cinfo_business_trial_index #other .other_bg:nth-of-type(3){
  background: url("/cinfo/img/other_power_pc_right.png") no-repeat top left;
  background-size: cover;
}
#cinfo_business_trial_index #other .other_bg:nth-of-type(1) .inner .course_half,
#cinfo_business_trial_index #other .other_bg:nth-of-type(3) .inner .course_half{
    width: 500px;
    padding: 35px;
    box-shadow:1px 1px 8px -1px rgba(68, 68, 68, 0.25);
    background-color: #fff;
    border-radius: 8px;
    position: relative;
    word-break: break-all;
    float:left;
    height: 320px;
}
#cinfo_business_trial_index #other .other_bg:nth-of-type(2) .inner .course_half{
    float:right;
}

/*------------------------------------------------
#cinfo_coaching_index 2023.3.9追加
-------------------------------------------------*/

/*#cinfo_coaching_index #visual {
    background: url(/cinfo/coaching/img/main_pc.png) center no-repeat;
    background-size: cover;
}*/
#cinfo_coaching_index #visual {
  height: 450px;
  background: #024290;
}
#cinfo_coaching_index #visual > div{
  max-width: 1300px;
  width: 90%;
  margin: 0 auto;
  height: 450px;
  position: relative;
  background: url(/cinfo/coaching/img/bg.png) right no-repeat #024290;
  background-size: contain;
}
#cinfo_coaching_index #visual h1{
  font-size: 6rem;
  font-weight: bold;
  line-height: 1.2;
  color: #fff;
  /*text-shadow: 5px 5px 0 #024290;*/
  padding-top: 80px;
}
#cinfo_coaching_index #visual h1 span{
  font-size: 6rem;
  font-weight: bold;
  background: linear-gradient(transparent 80%, #E72F7E 20%);
  margin-bottom: 0;
}
#cinfo_coaching_index #visual div > p{
  color: #fff;
  text-shadow: 5px 5px 0 #024290;
  position: relative;
  padding-top: 45px;
  font-weight: bold;
  line-height: 1.2;
}

#cinfo_coaching_index #visual div p .circle{
  border: 3px solid #fff;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 2rem;
  position: absolute;
  background: #024290;
  text-shadow: none;
  padding: 10px 20px;
  margin-bottom: 0;
}
#cinfo_coaching_index #visual div p .subtext{
  font-size: 2.8rem;
  background: none;
  position: absolute;
  left: 175px;
    top: 35px;
    color: #FFF9B0;
}
#cinfo_coaching_index #visual .left_btm {
  left: 40%;
  bottom: 10px;
  position: absolute;
  height: auto;
  width: auto;
}
#cinfo_coaching_index #visual .left_btm img{
  width: 380px;
}
#cinfo_coaching_index #visual div .note{
  color: #fff;
  font-size: 0.8rem;
  line-height: 1.4;
  position: absolute;
  bottom: 10px;
  left: 0;
}
#cinfo_coaching_index #visual div a.btn_blue {
  background: #fff;
  bottom: 23%;
  position: absolute;
  left: 0;
  height: auto;
  line-height: 1.2;
  text-decoration: none;
  border-radius: 100px;
  color: #024290;
  text-align: center;
  cursor: pointer;
  border: none;
}
@media screen and (min-width: 721px) and (max-width:1023px) {
#cinfo_coaching_index #visual h1 {
  font-size: 7rem;
}
#cinfo_coaching_index #visual h1 span {
  font-size: 7rem;
}
  #cinfo_coaching_index #visual div p .subtext{
    font-size: 2.8rem;
    left: 143px;
    top: 38px;
  }
}
@media screen and (min-width: 1024px) and (max-width:1060px) {
#cinfo_coaching_index #visual {
  height:320px;
}
#cinfo_coaching_index #visual > div {
  height: 320px;
  width: 90%;
}

#cinfo_coaching_index #visual div p .circle {
  font-size: 1.4rem;
  padding: 5px 15px;
}
#cinfo_coaching_index #visual div p .subtext {
    font-size: 1.7rem;
    left: 124px;
    top: 37px;
  }

  #cinfo_coaching_index #visual h1 {
  font-size: 4.8rem;
  padding-top: 50px;
}
#cinfo_coaching_index #visual h1 span{
 font-size: 4.8rem;
}
#cinfo_coaching_index #visual div a.btn_blue {
  bottom: 20%;
  padding: 10px 20px 10px 30px;
}

}

@media screen and (min-width: 1061px) and (max-width:1124px) {
#cinfo_coaching_index #visual {
  height:320px;
}
#cinfo_coaching_index #visual > div {
  height: 320px;
  width: 90%;
}

#cinfo_coaching_index #visual div p .circle {
  font-size: 1.4rem;
  padding: 5px 15px;
}
#cinfo_coaching_index #visual div p .subtext{
    font-size: 1.8rem;
    left: 125px;
    top: 37px;
  }
  #cinfo_coaching_index #visual h1 {
  font-size: 4.8rem;
  padding-top: 50px;
}
#cinfo_coaching_index #visual h1 span{
 font-size: 4.8rem;
}
#cinfo_coaching_index #visual div a.btn_blue {
  bottom: 15%;
  padding: 10px 20px 10px 30px;
}

}
@media screen and (min-width: 1125px) and (max-width:1229px) {
#cinfo_coaching_index #visual {
  height:350px;
}
#cinfo_coaching_index #visual > div {
  height: 350px;
  width: 90%;
}

#cinfo_coaching_index #visual div p .circle {
  font-size: 1.4rem;
  padding: 5px 15px;
}
#cinfo_coaching_index #visual div p .subtext{
    font-size: 1.8rem;
    left: 125px;
    top: 38px;
  }
  #cinfo_coaching_index #visual h1 {
  font-size: 4.4rem;
  padding-top: 50px;
}
#cinfo_coaching_index #visual h1 span{
    font-size: 4.4rem;
  }
}
@media screen and (min-width: 1230px) and (max-width: 1275px) {
#cinfo_coaching_index #visual {
  height:400px;
}
#cinfo_coaching_index #visual > div {
  height: 400px;
  width: 90%;
}
#cinfo_coaching_index #visual h1{
 font-size: 4.4rem;
}
#cinfo_coaching_index #visual h1 span{
 font-size: 4.4rem;
}

#cinfo_coaching_index #visual div p .subtext{
    font-size: 2rem;
    top: 40px;
    left: 135px;
  }
#cinfo_coaching_index #visual div p .circle {
  font-size: 1.4rem;
}
#cinfo_coaching_index #visual h1{
    font-size: 5rem;
    padding-top: 60px;
  }
#cinfo_coaching_index #visual h1 span{
 font-size: 5rem;
}

#cinfo_coaching_index #visual div a.btn_blue {
  bottom: 23%;
}
}

@media screen and (min-width: 1276px) and (max-width: 1374px) {
#cinfo_coaching_index #visual {
  height:420px;
}
#cinfo_coaching_index #visual > div {
  height: 420px;
  width: 90%;
}
#cinfo_coaching_index #visual h1{
 font-size: 5rem;
}
#cinfo_coaching_index #visual h1 span{
 font-size: 5rem;
}

#cinfo_coaching_index #visual div p .subtext{
    font-size: 2rem;
    top: 40px;
    left: 135px;
  }
#cinfo_coaching_index #visual div p .circle {
  font-size: 1.4rem;
}
#cinfo_coaching_index #visual h1{
    font-size: 5rem;
    padding-top: 60px;
  }
#cinfo_coaching_index #visual h1 span{
 font-size: 5rem;
}

#cinfo_coaching_index #visual div a.btn_blue {
  bottom: 27%;
}
}
@media screen and (min-width: 1375px) and (max-width: 1439px) {
#cinfo_coaching_index #visual {
  height: 450px;
}
#cinfo_coaching_index #visual > div {
  height: 450px;
  max-width: 1400px;
}
#cinfo_coaching_index #visual h1{
 font-size: 5.4rem;
}
#cinfo_coaching_index #visual h1 span{
 font-size: 5.4rem;
}
#cinfo_coaching_index #visual div p .subtext{
    font-size: 2rem;
    left: 165px;
    top: 45px;
  }
#cinfo_coaching_index #visual div a.btn_blue {
  bottom: 25%;
}
}
@media screen and (min-width: 1440px) and (max-width: 1524px) {
#cinfo_coaching_index #visual {
  height: 460px;
}
#cinfo_coaching_index #visual > div {
  height: 460px;
  max-width: 1400px;
}
#cinfo_coaching_index #visual h1{
 font-size: 6rem;
}
#cinfo_coaching_index #visual h1 span{
  font-size: 6rem;
}

#cinfo_coaching_index #visual div p .subtext{
    font-size: 2.4rem;
    left: 162px;
    top: 37px;
  }
#cinfo_coaching_index #visual div a.btn_blue {
  bottom: 23%;
}
}

@media screen and (min-width: 1525px) and (max-width: 1799px) {
#cinfo_coaching_index #visual {
  height: 480px;
}
#cinfo_coaching_index #visual > div {
  height: 480px;
  max-width: 1400px;
}
#cinfo_coaching_index #visual h1{
  font-size: 6.4rem;
}
#cinfo_coaching_index #visual h1 span{
  font-size: 6.4rem;
}
#cinfo_coaching_index #visual div p .subtext{
    font-size: 2.6rem;
    left: 170px;
    top: 35px;
  }
}

@media screen and (min-width: 1800px) {
#cinfo_coaching_index #visual {
  height: 500px;
}
#cinfo_coaching_index #visual > div {
  height: 500px;
  max-width: 1500px;
}
#cinfo_coaching_index #visual h1{
  font-size: 7rem;
}
}



/*
#cinfo_coaching_index #visual div h1 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: url("/cinfo/coaching/img/main_bg.png") no-repeat top 30% left;
  font-size: 3.6rem;
  line-height: 1.2;
  padding: 80px 0 0 50px;
  background-size: 300px;
  letter-spacing: 0em;
  color: #333;
  text-shadow: 0px 1px 11px #fff;
  font-weight: 600;
  font-family: 'Noto Sans JP', sans-serif;
}


#cinfo_coaching_index #visual div h1 .lg_txt{
  font-size: 5rem;
  background: none;
}

#cinfo_coaching_index #visual div h1 .xl_txt{
  font-size: 6rem;
  background: none;
}

#cinfo_coaching_index #visual div h1 span {
  letter-spacing: 0;
}
#cinfo_coaching_index #visual div .tit_s{
  position: absolute;
  top: 240px;
  left: 53px;
  z-index: 1;
  font-size: 2.8rem;
  color: #224D9A;
  font-weight: 900;
  text-shadow: #FFF 0 2px 11px;
}

#cinfo_coaching_index #visual div .main_text{
    position: absolute;
    top: 230px;
    left: 53px;
    z-index: 1;
}
*/
/*
#cinfo_coaching_index #visual div a.btn_blue{
    background: linear-gradient(to right, #1E3C72, #2A5298);
    bottom: 13%;
    position: absolute;
    left: 5%;
    height: auto;
    line-height: 1.2;
    text-decoration: none;
    border-radius: 100px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    border: none;
}
*/

#cinfo_coaching_index #contents{
  font-family: 'Noto Sans JP', sans-serif;
}


#cinfo_coaching_index #lead{
    padding: 60px 0;
    text-align: center;
}

#cinfo_coaching_index #lead h2 {
  font-size: 2.8rem;
  font-weight: bold;
  text-align: center;
  margin: 0 0 30px 0;
  line-height: 1.4;
}
#cinfo_coaching_index #lead h2 span {
  font-size: 3.8rem;
}
#cinfo_coaching_index #lead ul{
  display: flex;
  width: 960px;
  flex-wrap: wrap;
  margin: 0 auto;
  justify-content: space-between;
}

#cinfo_coaching_index #lead ul li{
  border-radius: 10px;
  background: #fff;
  box-shadow: 0px 1px 8px rgba(103, 103, 103, 0.25);
  width: 23.5%;
  padding: 15px 0 5px;
}

#cinfo_coaching_index #lead ul li p{
  font-size:1.8rem;
  text-align: center;
  margin:15px 0 10px;
  line-height: 1.4;
}
#cinfo_coaching_index #lead .read_btm .months_later_txt{
  font-size: 3.8rem;
  font-weight: bold;
  margin: 60px 0 30px;
}
#cinfo_coaching_index #lead .read_btm .months_later_txt span:nth-of-type(1){
  font-size: 4.8rem;
}
#cinfo_coaching_index #lead .read_btm .months_later_txt span:nth-of-type(2){
  color:#e40057;
  font-size: 4.2rem;
}

#cinfo_coaching_index #lead .read_btm .months_later{
  width: 960px;
  height: 200px;
  background: #e40057;
  border: 10px solid #e40057;
  margin: 40px auto;
  color: #fff;
}
#cinfo_coaching_index #lead .read_btm .months_later p{
  width: 100%;
  border: 2px solid #fff;
  height: 100%;
  font-size: 3.6rem;
  font-weight: bold;
  line-height: 1.6;
}

#cinfo_coaching_index #lead .read_btm .months_later p span:nth-of-type(1){
  font-size: 5.2rem;
}

#cinfo_coaching_index #lead .read_btm .months_later p span:nth-of-type(2){
  font-size: 4.6rem;
}
#cinfo_coaching_index #check{
  background-color: #E7F0F9;
  padding: 60px 0;
}
#cinfo_coaching_index #check h2{
  font-size: 3.2rem;
}

#cinfo_coaching_index #check h2 span{
  font-size: 6rem;
  color: #224D9A;
}
#cinfo_coaching_index #check h2 span span{
  font-size: 9rem;
}
#cinfo_coaching_index #check .inner{
  justify-content: space-between;
  padding: 35px 25px 20px 25px;
  margin: 0 auto 60px;
}
#cinfo_coaching_index #check .inner .point{
  position: absolute;
  left: 20px;
  top: -25px;
  box-shadow: none;
  background: none;
  padding: 0;
}
#cinfo_coaching_index #check .inner .point img{
  width: 100%;
}
#cinfo_coaching_index #check .inner figure {
  width: 320px;
  margin: 0;
  flex: 0 0 320px;
}
#cinfo_coaching_index #check .inner .right{
  width: 570px;
}
#cinfo_coaching_index #check .inner .right h3{
  font-size: 2.8rem;
  color: #224D9A;
  font-weight: 600;
  line-height: 1.4;
  margin-bottom: 20px;
}
#cinfo_coaching_index #check #point01 .right h3{
  margin-left:-15px;
}

#cinfo_coaching_index #check .inner .right .md_txt{
  font-weight: 600;
  font-size: 2.4rem;
  margin-bottom: 10px;
}
#cinfo_coaching_index #check .inner .right .sm_txt{
  font-size: 1.8rem;
}
#cinfo_coaching_index #check .inner .right .sm_txt span{
  font-weight: 600;
  background-color: #E2D053;
  padding: 0 10px;
}
#cinfo_coaching_index #check .inner .plan_ex{
  width: 90%;
  text-align: center;
  margin: 20px auto;
}
#cinfo_coaching_index #check .inner .plan_ex li{
  font-weight: 600;
}
#cinfo_coaching_index #check .inner .plan_ex li div{
  font-weight: 600;
  font-size: 2.4rem;
  text-align: center;
  margin-bottom: 10px;
}
#cinfo_coaching_index #check .inner .plan_ex li div span{
  font-size: 2rem;
}


#cinfo_coaching_index #check .inner .plan_ex li.plan_list{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 20px;
}
#cinfo_coaching_index #check .inner .plan_ex li.plan_list p{
  width: 40%;
  font-size: 2rem;
  text-align: left;
  margin: 0 0 10px 20px;
}
#cinfo_coaching_index #check .inner .plan_ex li.plan_list p:nth-child(even){
  width: 50%;
}
#cinfo_coaching_index #check .inner .plan_ex li.plan_list p span{
  font-size: 1.2rem;
}
#cinfo_coaching_index #check .inner .plan_ex li.plan_list p a{
  text-decoration: underline;
  color: #224D9A;
}
#cinfo_coaching_index #check .inner .plan_ex li.plan_list p::before{
	content:"";
	display:inline-block;
	background-size:contain;
	width:16px;
	height:16px;
	background:url("/cinfo/coaching/img/check.png") no-repeat left;
	margin:0 10px 0 -40px;
	vertical-align: middle;
}
#cinfo_coaching_index #check .inner .right_txt{
  width: 100%;
  text-align: right;
  font-size: 1.2rem;
}

#cinfo_coaching_index #check .inner .method{
  margin:30px 0;
}
#cinfo_coaching_index #check .inner .method li{
  margin-bottom: 20px;
}
#cinfo_coaching_index #check .inner .method p{
  font-size:1.8rem;
}

#cinfo_coaching_index #check .inner .method p span{
  font-size:2.4rem;
  font-weight: 600;
}
#cinfo_coaching_index #check .inner .method02 {
  margin: 30px 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 90%;
}
#cinfo_coaching_index #check .inner .method02 li {
  border: 2px solid #014190;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
#cinfo_coaching_index #check .inner .method02 li p{
  font-size: 1.6rem;
  color: #014190;
  line-height: 1.4;
}
#cinfo_coaching_index #check .inner a.btn_blue{
  margin: 0 auto 20px;
  font-size: 2.6rem;
  font-weight: 500;
  padding: 15px 80px 20px;
}
#cinfo_coaching_index #check .inner a.btn_blue i{
  font-size: 1.6rem;
  right: 20px;
}
#cinfo_coaching_index #check .inner .term{
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
}
#cinfo_coaching_index #check .inner .term li div{
  font-weight: 600;
  font-size: 2.4rem;
  text-align: center;
  margin: 20px 0;
}
#cinfo_coaching_index #system h2 span {
  font-size: 4rem;
}
#cinfo_coaching_index #system .inner {
  width: 960px;
  margin: 0 auto;
}
#cinfo_coaching_index #system .inner td{
  text-align: center;
}
#cinfo_coaching_index #system .inner th {
  font-size: 3rem;
}

#cinfo_coaching_index .cpn_list{
  margin-bottom: 60px;
}

#cinfo_coaching_index #lesson_step {
  background-color: #E7F0F9;
  padding: 60px 0;
}
#cinfo_coaching_index #lesson_step h2 {
  font-size: 4rem;
  font-weight: 600;
  text-align: center;
  margin: 0 0 50px 0;
}

#cinfo_coaching_index #lesson_step ul{
  width: 960px;
  margin: 0 auto 40px;
}
#cinfo_coaching_index #lesson_step ul li{
  box-shadow: 1px 1px 8px -1px rgba(68, 68, 68, 0.25);
  background-color: #fff;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 50px;
  position: relative;
}
#cinfo_coaching_index #lesson_step ul li::after{
  content: "";
  background: url(/cinfo/coaching/img/arrow_blue.png) no-repeat left;
  position: absolute;
  bottom: -35px;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  width: 56px;
  height: 30px;
}
#cinfo_coaching_index #lesson_step ul li:last-child::after{
  display: none;
}

#cinfo_coaching_index #lesson_step ul li div{
  background: #224D9A;
  width: 100%;
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: 1.8rem;
  height: 50px;
  line-height: 1.4;
}
#cinfo_coaching_index #lesson_step ul li div span{
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: 3rem;
  margin-left: 5px;
}
#cinfo_coaching_index #lesson_step ul li figure{
  padding: 30px;
  float:left;
}
#cinfo_coaching_index #lesson_step ul li p{
  font-size: 1.8rem;
  width: 75%;
  margin-top: 45px;
}

#cinfo_coaching_index #lesson_step ul li p span {
  font-size: 2.4rem;
  color: #224D9A;
  font-weight: 600;
  width: 70%;
}
#cinfo_coaching_index #lesson_step ul li a{
  color: #224D9A;
  text-decoration: underline;
}

#cinfo_coaching_index #bg_photo {
  background: url("/cinfo/coaching/img/coaching_bg.png") no-repeat center center;
  background-size: cover;
  text-align: center;
  padding-bottom: 40px;
}
#cinfo_coaching_index #bg_photo p {
  font-size: 4.8rem;
  padding: 60px 0 30px;
  text-align: center;
  font-weight: bold;
  line-height: 1.2;
}

#cinfo_coaching_index #bg_photo p span.red_txt{
  color:#E40057;
  font-size: 5.4rem;
}

#cinfo_coaching_index #bg_photo p span.red_txt span:nth-child(1){
  font-size: 6rem;
}

#cinfo_coaching_index #bg_photo p span.red_txt span:nth-child(2){
  font-size: 7.2rem;
}
#cinfo_coaching_index #bg_photo a.btn_blue{
  margin: 0 auto 20px;
  font-size: 2.6rem;
  font-weight: 500;
  padding: 15px 80px 20px;
}
#cinfo_coaching_index #other .other_bg:nth-of-type(1)  .inner .course_half {
  float: left;
}
#cinfo_coaching_index #other .other_bg:nth-of-type(1) {
  background: url("/cinfo/img/other_gc_pc.png") no-repeat top left;
  background-size: cover;
}
#cinfo_coaching_index #other .other_bg:nth-of-type(2)  .inner .course_half {
  float: right;
}
#cinfo_coaching_index #other .other_bg:nth-of-type(2) {
  background:url("/cinfo/img/other_power_pc_left.png") no-repeat top left;
  background-size: cover;
}
#cinfo_coaching_index #other .other_bg:nth-of-type(3)  .inner .course_half {
  float: left;
}
#cinfo_coaching_index #other .other_bg:nth-of-type(3) {
  background:url("/cinfo/img/other_mantoman_pc.png") no-repeat top left;
  background-size: cover;
}
#cinfo_coaching_index #faq{
    padding: 60px 0;
  background: #EBEBEB;
}

#cinfo_coaching_index #faq h2{
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
    margin: 0 0 50px 0;
    line-height: 1.4;
}
#cinfo_coaching_index #faq h2 span{
    font-size: 4rem;
}

#cinfo_coaching_index #faq .faq_list{
    width: 960px;
    margin: 0 auto;
}
#cinfo_coaching_index #faq .faq_list li{
  margin-bottom: 40px;
  font-weight: bold;
  position: relative;
  background-color: #fff;
  padding: 25px 30px;
  border-radius: 2px;
  box-shadow: 0 1px 4px 0 #ccc;
  font-size: 1.8rem;
  text-align: left;
}
#cinfo_coaching_index #faq .faq_list p{
  background: url(/cinfo/coaching/img/q.png) no-repeat left center;
  padding-left: 40px;
}

#cinfo_coaching_index #faq .faq_list p::after{
  display: inline-block;
  width: 23px;
  height: 14px;
  background: url(/cinfo/coaching/img/arrow_faq.png) no-repeat;
  content: "";
  top: 35px;
  right: 40px;
  position: absolute;
}
#cinfo_coaching_index #faq .faq_list p.active::after {
  background:url(/cinfo/coaching/img/arrow_faq.png) no-repeat;
 transform: scale(1, -1);
}
#cinfo_coaching_index #faq .faq_list a{
  text-decoration: underline;
}

#cinfo_coaching_index #faq .faq_list div{
  display: none;
  margin: 15px 0;
  position: relative;
  border-top: 2px solid #E40057;
  padding-top: 15px;
  font-weight: 400;
}

#cinfo_coaching_index #faq .faq_list div p::after {
	display:inline-block;
	background-size:contain;
	width:17px;
	height:9px;
	background:url(/cinfo/lesson12/img/arrow.png) no-repeat;
	vertical-align: middle;
    content: "";
    top: 20px;
    right: 3px;
}
#cinfo_coaching_index #faq .faq_list div p.active::after {
    content: "";
	background:url(/cinfo/lesson12/img/arrow.png) no-repeat;
    transform: scale(1, -1);
    top: 10px;
}
#cinfo_coaching_index #faq .faq_list div div{
    display:none;
    background: url(/cinfo/lesson12/img/a.png) no-repeat left top;
    padding-left: 45px;
    background-position: 10px 2px;
}
#cinfo_coaching_index .btn_b{
    text-align: center;
  margin:60px 0 100px;
  }

#cinfo_coaching_index .btn_b a{
    max-width: 600px;
    font-size: 2.4rem;
    width: 100%;
  }


/* 給付金　20220307追加 */
.cinfo .cpn_list li,
.school_detail_cinfo .cpn_list li{
}
.cinfo .cpn_list li .inner,
.school_detail_cinfo .cpn_list li .inner{
  max-width: 960px;
  width: 100%;
  margin: 0 auto;
  position: relative;
}
.cinfo .cpn_list li .inner .cpn_click,
.school_detail_cinfo .cpn_list li .inner .cpn_click{
  position: absolute;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
  z-index: 1;
  bottom: 0;
  margin-left: -75px;
}
.cinfo .cpn_list li .inner .cpn_click::after,
.school_detail_cinfo .cpn_list li .inner .cpn_click::after {
    position: absolute;
	content: "";
	display:inline-block;
	background-size:contain;
	width:153px;
	height:60px;
	vertical-align: middle;
    cursor: pointer;
    top: -2px;
}
.cinfo .cpn_list li.cpn04 .inner .cpn_click::after,
.school_detail_cinfo .cpn_list li.cpn04 .inner .cpn_click::after {
	background:url(/lpi/tokuten/img/click04_course.png) no-repeat left;
}

.cinfo .cpn_list li .inner .cpn_click.active::after,
.school_detail_cinfo .cpn_list li .inner .cpn_click.active::after {
    position: absolute;
	content: "";
	display:inline-block;
	background-size:contain;
	width:148px;
	height:48px;
	vertical-align: middle;
    cursor: pointer;
    margin: -45px 0 0;
}

.cinfo .cpn_list li.cpn04 .inner .cpn_click.active::after,
.school_detail_cinfo .cpn_list li.cpn04 .inner .cpn_click.active::after {
	background:url(/lpi/tokuten/img/close04_course.png) no-repeat left;
}

.cinfo .cpn_list li .inner .bana figure,
.school_detail_cinfo .cpn_list li .inner .bana figure{
    width: 50%;
}
.cinfo .cpn_list li .inner .bana figure img,
.school_detail_cinfo .cpn_list li .inner .bana figure img{
    width: 100%;
}

.cinfo .cpn_list li .inner .bana .cpn_tit,
.school_detail_cinfo .cpn_list li .inner .bana .cpn_tit{
  text-align: center;
  font-size: 4rem;
  font-weight: bold;
  line-height: 1.2;
  width: 50%;
  display: grid;
  place-items: center;
}
.cinfo .cpn_list li.cpn04 .inner .bana .cpn_tit,
.school_detail_cinfo .cpn_list li.cpn04 .inner .bana .cpn_tit{
  color: #3D62C4;
}
.cinfo .cpn_list li .inner .bana .cpn_tit span,
.school_detail_cinfo .cpn_list li .inner .bana .cpn_tit span{
  color: #333;
  font-size: 2.4rem;
  font-weight: bold;
}

.cinfo .cpn_list li.cpn04,
.school_detail_cinfo .cpn_list li.cpn04{
  padding: 60px 0;
}
.cinfo .cpn_list li.cpn04 .inner .bana,
.school_detail_cinfo .cpn_list li.cpn04 .inner .bana {
  border: 3px solid #3D62C4;
  display: flex;
}
.cinfo .cpn_list li .inner .bana,
.school_detail_cinfo .cpn_list li .inner .bana {
  background: #FFF;
  border-radius: 20px;
  overflow: hidden;
}
.cinfo .cpn_list li .inner .cpn_area,
.school_detail_cinfo .cpn_list li .inner .cpn_area{
  display:none;
  position: relative;
  background: #FFF;
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.16);
  border-radius: 20px;
  margin: 10px 5px;
  padding:40px;
}

/*---　一般教育訓練給付制度　---*/
.cinfo .cpn_list li.cpn04 .kyufu .s_tit,
.school_detail_cinfo .cpn_list li.cpn04 .kyufu .s_tit{
  font-size: 2rem;
  position: relative;
  width: 60%;
  text-align: center;
  margin: 0 auto;
  font-weight: bold;
}
.cinfo .cpn_list li.cpn04 .kyufu .note,
.school_detail_cinfo .cpn_list li.cpn04 .kyufu .note {
  text-align: center;
  font-size: 1.6rem;
  width: 100%;
  margin: 30px 0;
}
.cinfo .cpn_list li.cpn04 .kyufu .s_tit::before, 
.cinfo .cpn_list li.cpn04 .kyufu .s_tit::after,
.school_detail_cinfo .cpn_list li.cpn04 .kyufu .s_tit::before, 
.school_detail_cinfo .cpn_list li.cpn04 .kyufu .s_tit::after {
  position: absolute;
  top: 0;
  height: 30px;
  content: '';
}
.cinfo .cpn_list li.cpn04 .kyufu .s_tit::before,
.school_detail_cinfo .cpn_list li.cpn04 .kyufu .s_tit::before {
  border-left: solid 1px;
  left: 0;
  transform: rotate(-30deg);
}
.cinfo .cpn_list li.cpn04 .kyufu .s_tit::after,
.school_detail_cinfo .cpn_list li.cpn04 .kyufu .s_tit::after {
  border-right: solid 1px;
  right: 0;
  transform: rotate(30deg);
}
.cinfo .cpn_list li.cpn04 .kyufu .box,
.school_detail_cinfo .cpn_list li.cpn04 .kyufu .box {
  margin: 40px 0;
  padding: 30px;
  background: #f2f2f2;
  text-align: center;
}
.cinfo .cpn_list li.cpn04 .kyufu .box dl,
.school_detail_cinfo .cpn_list li.cpn04 .kyufu .box dl {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  margin: 0 0 1px;
  padding: 20px 0;
  background: #fff;
  text-align: left;
}
.cinfo .cpn_list li.cpn04 .kyufu .box dl dt,
.school_detail_cinfo .cpn_list li.cpn04 .kyufu .box dl dt {
  -webkit-box-flex: 0;
  flex: 0 0 35%;
  padding: 0 30px;
  font-weight: bold;
}
.cinfo .cpn_list li.cpn04 .box dl dd,
.school_detail_cinfo .cpn_list li.cpn04 .box dl dd {
  -webkit-box-flex: 0;
  flex: 0 0 65%;
  padding: 5px 30px;
  border-left: 2px solid #ee0055;
}
.cinfo .cpn_list li.cpn04 .box .icon-arrow-dotted,
.school_detail_cinfo .cpn_list li.cpn04 .box .icon-arrow-dotted {
  display: inline-block;
  margin: -15px 0 0;
  color: #ee0055;
  font-size: 5.8rem;
}
.cinfo .cpn_list li.cpn04 .box div,
.school_detail_cinfo .cpn_list li.cpn04 .box div {
  margin: 0 0 15px;
  padding: 20px 0;
  background: #fff;
  text-align: center;
}
.cinfo .cpn_list li.cpn04 .box div p,
.school_detail_cinfo .cpn_list li.cpn04 .box div p {
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.5;
}
.cinfo .cpn_list li.cpn04 .box div p span,
.school_detail_cinfo .cpn_list li.cpn04 .box div p span {
  font-size: 3.0rem;
}
.cinfo .cpn_list li.cpn04 .box .note,
.school_detail_cinfo .cpn_list li.cpn04 .box .note{
  text-align: left;
  font-size: 1.2rem;
  width: 100%;
  margin: 20px 0 0;
}

	/*スクールを探す*/
	.bl_school .el_cap {
		font-size: 2.6rem;
		font-weight: bold;
	}
	.bl_school .el_capNum {
		font-size: 3.0rem;
	}
	.bl_school .ly_inner_bg{
		background: url("/img/bg_school.png") top left no-repeat;
		background-size: cover;
		/*background-color: linear-gradient(90deg, #DEE3E6 0%, #F7F9FA 100%);
		mix-blend-mode: overlay;*/
	}
	.bl_school .ly_inner{
		width: 100%;
		max-width: 1000px;
		margin: 0 auto;
		position: relative;
		padding: 5.0rem 0;
	}
	.el_titleSchool{
		max-width: 1000px;
		margin: 0 auto 1rem;		
		font-size: 2.6rem;
		line-height: 1.4;
		position: relative;
	  display: flex;
     flex-wrap: wrap;
	  justify-content: space-between;
	  align-items: center;
	}
	.el_titleSchool span{
		display: inline-block;
		background: #fff;
	}
	.el_titleSchool span:first-child{
		font-family: Oswald;
		font-size: 5.0rem;
		padding: 0 1.5rem 0 0;
	}
	.el_titleSchool span:last-child{
		font-size: 2.0rem;
		padding: 0 0 0 1.5rem;
	}
	.el_titleSchool:before {
	  position: absolute;
	  top: 50%;
	  content: '';
	  width: 100%;
	  height: 2px;
	  background-color: #333;
	  left: 0;
	  margin-top: -1px;
		z-index: -1;
	}
	.bl_school .ly_inner div{
		margin: 0 auto;		
	  display: flex;
     flex-wrap: wrap;
	  align-items: flex-start;
	}
	.bl_school .ly_inner div:not(:first-child){
		margin: 3.0rem auto 0 auto;		
	}
	.bl_school .ly_inner div h3{
		font-size: 1.6rem;
		width: 14.5em;
	}
	.bl_school .ly_inner div h3 i{
		font-size: 1.3rem;
		margin-right: 0.25rem;
	}
	.bl_school .ly_inner div ul{
		width: 65%;
		margin: 0 auto 0 0;		
	 display: flex;
     flex-wrap: wrap;
	}
	.bl_school .ly_inner div ul li{
		width: 7em;
	}
	.bl_school .ly_inner div ul li i{
		font-size: 1.1rem;
		margin-right: 0.25rem;
	}
	.bl_school .el_linkBtn2 {
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  margin: 5.0rem auto;
	  padding: 0.5em 1em;
	  width: 80%;
	  font-size: 2.6rem;
	  border-radius: 10px;
	  background-color: #fff;
	  box-shadow: 0 3px 0 rgba(0, 0, 0, .16);
	  transition: 0.3s;
		color: #D5667C;
		font-weight: bold;
	}
	.bl_school .el_linkBtn2:hover {
	  transform: translateY(3px);
	  text-decoration: none;
	  box-shadow: 0 2px 0 #aaaaaa;
	}

	.bl_school .el_linkBtn2 i{
		margin-right: 2.0rem;
		width: 3.8rem;
		height: 4.0rem;
		background: url("/img/icon_search.png") top left no-repeat;
		background-size:contain contain;
	}

.price_note{
  width: 100%;
  margin: 10px auto;
}
.price_note p{
    margin-left: 2em;
    text-indent: -2em;
    font-size: 1.2rem;
}

/*-----------------------------------------------------
目的別 カウンセリングの流れ　2023.6.16追加
------------------------------------------------------*/
#flow_counseling{
  max-width: 1280px;
  width: 100%;
  margin: 0 auto 80px;
}
#flow_counseling ul{
  display: flex;
}
#flow_counseling ul li{
  border-radius: 20px 20px 0px 0px;
  margin: 0;
  width: 50%;
  text-align: center;
}
#flow_counseling ul li a{
  display: block;
  text-decoration: none;
  font-size: 2.6rem;
  font-weight: bold;
  border-radius: 20px 20px 0px 0px;
  padding: 10px 0;
  opacity: 0.5;
}
#flow_counseling ul li.school a{
  background: #ffe5ef;
}
#flow_counseling ul li.online a{
  background: #e0ecf9;
}
#flow_counseling ul li.active a{
  opacity: 1;
}

#flow_counseling ul li a span{
  border-radius: 20px;
  background: #fff;
  display: inline-block;
  padding: 0 30px;
  font-size: 2.0rem;
  margin-bottom: 20px;
}
#flow_counseling ul li a span:nth-of-type(2){
  background:none;
  padding: 0;
  font-size: 1.8rem;
  margin-bottom: 0;
}
#flow_counseling .tab_box {
  padding: 40px;
  width: 100%;
  border-radius: 0 0 20px 20px;
  background: #fff;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
}
#flow_counseling .tab_box ol{
  display: flex;
  justify-content: space-between;
  text-align: center;
  margin-bottom: 40px;
}
#flow_counseling .tab_box ol li{
  width: 24%;
  position: relative;
}
#flow_counseling .tab_box #tab01 ol li::after {
  content: "";
  display: inline-block;
  width: 24px;
  height: 18px;
  background: url(/cinfo/img/flow_counseling_arrow01.png) no-repeat left;
  position: absolute;
  right: -20px;
  top: 28%;
}
#flow_counseling .tab_box #tab02 ol li::after {
  content: "";
  display: inline-block;
  width: 24px;
  height: 18px;
  background: url(/cinfo/img/flow_counseling_arrow02.png) no-repeat left;
  position: absolute;
  right: -20px;
  top: 28%;
}
#flow_counseling .tab_box #tab01 ol li:last-child::after,
#flow_counseling .tab_box #tab02 ol li:last-child::after {
  display: none;
}

#flow_counseling .tab_box #tab01 ol li h3{
  font-size: 2.0rem;
  font-weight: bold;
  margin: 20px 0 40px;
  line-height: 1.2;
}
#flow_counseling .tab_box #tab02 ol li h3,
#flow_counseling .tab_box #tab01 ol li:nth-of-type(2) h3{
  font-size: 2.0rem;
  font-weight: bold;
  margin: 20px 0 15px;
  line-height: 1.2;
}
#flow_counseling .tab_box ol li p{
  padding: 0 30px;
}
#flow_counseling .tab_box .note {
  display: block;
  font-size: 1.2rem;
  text-align: center;
}

/*-----------------------------------------------------
目的別  2023.6.16追加
------------------------------------------------------*/
/*#cinfo_lesson01_index*/
#cinfo_lesson01_index #visual,
.school_detail_cinfo .course_business_trip #cinfo_visual{
    background: url(/cinfo/lesson01/img/main_pc.png) right no-repeat;
    background-size: cover;
}
#cinfo_lesson01_index #visual div h1,
.school_detail_cinfo .course_business_trip #cinfo_visual div h1{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: url("/cinfo/lesson01/img/main_bg.png") no-repeat top 35% left 10%;
  font-size: 3.6rem;
  line-height: 1.2;
  padding: 100px 0 0 50px;
  background-size: 300px;
  letter-spacing: 0em;
  color: #224d9a;
  text-shadow: 0px 1px 11px #fff;
  font-weight: 600;
}

#cinfo_lesson01_index #visual div h1 span,
.school_detail_cinfo .course_business_trip #cinfo_visual div h1 span {
  color: #333;
  margin-bottom: 30px;
}
#cinfo_lesson01_index #worries h2,
.school_detail_cinfo .course_business_trip #worries h2{
  font-size:2.9rem;
}

#cinfo_lesson01_index #worries h2 span,
.school_detail_cinfo .course_business_trip #worries h2 span{
  font-size:2.9rem;
  color: #224d9a;
  border-bottom: 1px solid #224d9a;
}
#cinfo_lesson01_index #worries ul li,
.school_detail_cinfo .course_business_trip #worries ul li{
  flex: 0 0 23%;
  margin: 0 auto;
  padding: 20px 0;
  text-align: center;
  border: 2px solid #fff;
  background: #fff;
  border-radius: 20px;
}
#cinfo_lesson01_index #worries ul li figure img,
.school_detail_cinfo .course_business_trip #worries ul li figure img{
  width: 175px;
}
#cinfo_lesson01_index #worries ul li div,
.school_detail_cinfo .course_business_trip #worries ul li div{
  margin-top: 20px;
  text-align: center;
}
/*
#cinfo_lesson01_index #worries ul li div{
  position: relative;
  background: #fff;
  margin-top: 20px;
}
#cinfo_lesson01_index #worries ul li div p{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  width: 100%;
}*/

#cinfo_lesson01_index #comment_teacher,
#cinfo_lesson04_index #comment_teacher,
#cinfo_lesson13_index #comment_teacher,
.school_detail_cinfo .course_business_trip #comment_teacher,
.school_detail_cinfo .course_business_discussion #comment_teacher,
.school_detail_cinfo .course_working_holiday #comment_teacher{
  padding: 60px 0;
}
#cinfo_lesson01_index #comment_teacher h2,
#cinfo_lesson04_index #comment_teacher h2,
#cinfo_lesson13_index #comment_teacher h2,
.school_detail_cinfo .course_business_trip #comment_teacher h2,
.school_detail_cinfo .course_business_discussion #comment_teacher h2,
.school_detail_cinfo .course_working_holiday #comment_teacher h2{
  text-align: center;
  font-size: 2.5rem;
  font-weight: bold;
  margin-bottom: 40px;
}
#cinfo_lesson01_index #comment_teacher h2 span,
#cinfo_lesson04_index #comment_teacher h2 span,
#cinfo_lesson13_index #comment_teacher h2 span,
.school_detail_cinfo .course_business_trip #comment_teacher h2 span,
.school_detail_cinfo .course_business_discussion #comment_teacher h2 span,
.school_detail_cinfo .course_working_holiday #comment_teacher h2 span{
  color: #224d9a;
  border-bottom: 1px solid #224d9a;
}
#cinfo_lesson01_index #comment_teacher div,
#cinfo_lesson04_index #comment_teacher div,
#cinfo_lesson13_index #comment_teacher div,
.school_detail_cinfo .course_business_trip #comment_teacher div,
.school_detail_cinfo .course_business_discussion #comment_teacher div,
.school_detail_cinfo .course_working_holiday #comment_teacher div{
  display: flex;
  margin: 0 auto;
  width: 960px;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.14);
  justify-content: flex-start;
  align-items: center;
  padding: 20px 30px;
}
.school_detail_cinfo .course_business_trip #comment_teacher div p,
#cinfo_lesson01_index #comment_teacher div p{
  line-height: 2;
}
#cinfo_lesson01_index #comment_teacher div figure,
#cinfo_lesson04_index #comment_teacher div figure,
#cinfo_lesson13_index #comment_teacher div figure,
.school_detail_cinfo .course_business_trip #comment_teacher div figure,
.school_detail_cinfo .course_business_discussion #comment_teacher div figure,
.school_detail_cinfo .course_working_holiday #comment_teacher div figure{
  margin-left: 30px;
}
#cinfo_lesson01_index #learning_points,
#cinfo_lesson04_index #learning_points,
#cinfo_lesson06_index #learning_points,
#cinfo_lesson13_index #learning_points,
.school_detail_cinfo .course_business_trip #learning_points,
.school_detail_cinfo .course_business_discussion #learning_points,
.school_detail_cinfo .course_job_change #learning_points,
.school_detail_cinfo .course_working_holiday #learning_points{
  background: #fff3f7;
  padding: 60px 0;
}
#cinfo_lesson01_index #learning_points h2,
#cinfo_lesson04_index #learning_points h2,
#cinfo_lesson06_index #learning_points h2,
#cinfo_lesson13_index #learning_points h2,
.school_detail_cinfo .course_business_trip #learning_points h2,
.school_detail_cinfo .course_business_discussion #learning_points h2,
.school_detail_cinfo .course_job_change #learning_points h2,
.school_detail_cinfo .course_working_holiday #learning_points h2{
  font-size:2.9rem;
  text-align: center;
  font-weight: bold;
}
#cinfo_lesson01_index #learning_points h2 span,
#cinfo_lesson04_index #learning_points h2 span,
#cinfo_lesson06_index #learning_points h2 span,
#cinfo_lesson13_index #learning_points h2 span,
.school_detail_cinfo .course_business_trip #learning_points h2 span,
.school_detail_cinfo .course_business_discussion #learning_points h2 span,
.school_detail_cinfo .course_job_change #learning_points h2 span,
.school_detail_cinfo .course_working_holiday #learning_points h2 span{
  color: #E40057;
  position: relative;
  font-size: 2.4rem;
}
#cinfo_lesson01_index #learning_points h2 span::before,
#cinfo_lesson04_index #learning_points h2 span::before,
#cinfo_lesson06_index #learning_points h2 span::before,
#cinfo_lesson13_index #learning_points h2 span::before,
.school_detail_cinfo .course_business_trip #learning_points h2 span::before,
.school_detail_cinfo .course_business_discussion #learning_points h2 span::before,
.school_detail_cinfo .course_job_change #learning_points h2 span::before,
.school_detail_cinfo .course_working_holiday #learning_points h2 span::before{
  content: '';
  background: url(/cinfo/img/point_title.png) no-repeat;
  width: 23px;
  height: 34px;
  position: absolute;
  top: 5px;
  left: -40px;
}
#cinfo_lesson01_index #learning_points h2 span::after,
#cinfo_lesson04_index #learning_points h2 span::after,
#cinfo_lesson06_index #learning_points h2 span::after,
#cinfo_lesson13_index #learning_points h2 span::after,
.school_detail_cinfo .course_business_trip #learning_points h2 span::after,
.school_detail_cinfo .course_business_discussion #learning_points h2 span::after,
.school_detail_cinfo .course_job_change #learning_points h2 span::after,
.school_detail_cinfo .course_working_holiday #learning_points h2 span::after {
  content: '';
  background: url(/cinfo/img/point_title.png) no-repeat;
  width: 23px;
  height: 34px;
  position: absolute;
  top: 5px;
  right: -40px;
  transform: scale(-1, 1);
  filter: FlipH;
  -ms-filter: "FlipH";
}
#cinfo_lesson01_index #learning_points ul,
#cinfo_lesson04_index #learning_points ul,
#cinfo_lesson06_index #learning_points ul,
#cinfo_lesson13_index #learning_points ul,
.school_detail_cinfo .course_business_trip #learning_points ul,
.school_detail_cinfo .course_business_discussion #learning_points ul,
.school_detail_cinfo .course_job_change #learning_points ul,
.school_detail_cinfo .course_working_holiday #learning_points ul{
  width: 960px;
  margin: 0 auto;
}
#cinfo_lesson01_index #learning_points ul li,
#cinfo_lesson04_index #learning_points ul li,
#cinfo_lesson06_index #learning_points ul li,
#cinfo_lesson13_index #learning_points ul li,
.school_detail_cinfo .course_business_trip #learning_points ul li,
.school_detail_cinfo .course_business_discussion #learning_points ul li,
.school_detail_cinfo .course_job_change #learning_points ul li,
.school_detail_cinfo .course_working_holiday #learning_points ul li{
  display: flex;
  margin-top: 50px;
}
#cinfo_lesson01_index #learning_points ul li figure,
#cinfo_lesson04_index #learning_points ul li figure,
#cinfo_lesson06_index #learning_points ul li figure,
#cinfo_lesson13_index #learning_points ul li figure,
.school_detail_cinfo .course_business_trip #learning_points ul li figure,
.school_detail_cinfo .course_business_discussion #learning_points ul li figure,
.school_detail_cinfo .course_job_change #learning_points ul li figure,
.school_detail_cinfo .course_working_holiday #learning_points ul li figure{
  margin-right: 30px;
}
#cinfo_lesson01_index #learning_points ul li:nth-child(even) figure,
#cinfo_lesson04_index #learning_points ul li:nth-child(even) figure,
#cinfo_lesson06_index #learning_points ul li:nth-child(even) figure,
#cinfo_lesson13_index #learning_points ul li:nth-child(even) figure,
.school_detail_cinfo .course_business_trip #learning_points ul li:nth-child(even) figure,
.school_detail_cinfo .course_business_discussion #learning_points ul li:nth-child(even) figure,
.school_detail_cinfo .course_job_change #learning_points ul li:nth-child(even) figure,
.school_detail_cinfo .course_working_holiday #learning_points ul li:nth-child(even) figure{
  margin: 0 0 0 30px;
}
#cinfo_lesson01_index #learning_points div,
#cinfo_lesson04_index #learning_points div,
#cinfo_lesson06_index #learning_points div,
#cinfo_lesson13_index #learning_points div,
.school_detail_cinfo .course_business_trip #learning_points div,
.school_detail_cinfo .course_business_discussion #learning_points div,
.school_detail_cinfo .course_job_change #learning_points div,
.school_detail_cinfo .course_working_holiday #learning_points div {
  margin-top: 10px;
}
#cinfo_lesson01_index #learning_points .point_number,
#cinfo_lesson04_index #learning_points .point_number,
#cinfo_lesson06_index #learning_points .point_number,
#cinfo_lesson13_index #learning_points .point_number,
.school_detail_cinfo .course_business_trip #learning_points .point_number,
.school_detail_cinfo .course_business_discussion #learning_points .point_number,
.school_detail_cinfo .course_job_change #learning_points .point_number,
.school_detail_cinfo .course_working_holiday #learning_points .point_number{
  background: #e40057;
  font-weight: bold;
  font-size: 1.8rem;
  text-align: center;
  color: #fff;
  display: inline-block;
  padding: 0 12px;
  margin:0;
}
.cinfo #learning_points h3,
.school_detail_cinfo #learning_points h3{
  font-weight: bold;
  font-size: 2.0rem;
  margin: 20px 0;
  line-height: 1.6;
}
#cinfo_lesson01_index #level,
.cinfo #course,
.school_detail_cinfo .course_business_trip #level,
.school_detail_cinfo #course{
  padding: 60px 0;
}
.cinfo .search_purpose,
.school_detail_cinfo .search_purpose {
  padding: 60px 0;
  position: initial;
}
#cinfo_lesson01_index #level h2,
#cinfo_lesson01_index #combi h2,
.cinfo  #course h2,
.cinfo .search_purpose h2,
.school_detail_cinfo  #course h2,
.school_detail_cinfo .search_purpose h2,
#cinfo_lesson03_index #level h2,
.school_detail_cinfo .course_business_trip #level h2,
.school_detail_cinfo .course_business_trip #combi h2,
.school_detail_cinfo .course_presentation #combi h2{
  text-align: center;
  font-size: 2.9rem;
  font-weight: bold;
  margin-bottom: 40px;
  line-height: 1.4;
}
.cinfo .search_purpose a.btn_blue_o,
.school_detail_cinfo .search_purpose a.btn_blue_o,
.cinfo #purpose_plan a.btn_blue_o,
.school_detail_cinfo #purpose_plan a.btn_blue_o{
  background: #fff;
  padding: 15px 40px;
  height: auto;
  line-height: 1.2;
  text-decoration: none;
  color: #1E3C72;
  text-align: center;
  cursor: pointer;
  border: 2px solid #224D9A;
  margin: 40px auto;
  position: relative;
  border-radius: 100px;
  width: 420px;
  display: block;
  font-size: 2.0rem;
  font-weight: bold;
}
.cinfo .search_purpose a.btn_blue_o:hover,
.school_detail_cinfo .search_purpose a.btn_blue_o:hover,
.cinfo #purpose_plan a.btn_blue_o:hover,
.school_detail_cinfo #purpose_plan a.btn_blue_o:hover{
    background: #fff;
    color: #224D9A;
    border-color: #224D9A;
    opacity: .8;
}
#cinfo_lesson01_index #level div.tab_box tr.surround,
.school_detail_cinfo .course_business_trip #level div.tab_box tr.surround{
  border: 6px solid #e40057;
}
#cinfo_lesson01_index #level div.tab_box,
.school_detail_cinfo .course_business_trip #level div.tab_box{
    position: relative;
}

#cinfo_lesson01_index #level div.tab_box table{
    margin-top:40px;
    display: block;
  width: 100%;
}
.school_detail_cinfo .course_business_trip #level div.tab_box table{
    margin-top:40px;
    display: block;
  width: 100%;
  background: #fff;
}

#cinfo_lesson01_index #level div.tab_box .table_img,
.school_detail_cinfo .course_business_trip #level div.tab_box .table_img{
  content: "";
  position: absolute;
  right: 30px;
  bottom: 130px;
  display: block;
  z-index: 1;
  width: 17%;
}
#cinfo_lesson01_index #level div.tab_box:nth-of-type(2) .table_img,
.school_detail_cinfo .course_business_trip #level div.tab_box:nth-of-type(2) .table_img{
  content: "";
  position: absolute;
  width: 17%;
}
#cinfo_lesson01_index #level div.tab_box:nth-of-type(3) .table_img,
.school_detail_cinfo .course_business_trip #level div.tab_box:nth-of-type(3) .table_img{
  content: "";
  position: absolute;
  right: 25px;
  width: 16%;
}
#cinfo_lesson01_index #level div.tab_box:nth-of-type(4) .table_img,
.school_detail_cinfo .course_business_trip #level div.tab_box:nth-of-type(4) .table_img{
  content: "";
  position: absolute;
  right: 20px;
  width: 19%;
}

#cinfo_lesson01_index #level div.tab_box .table_img img,
.school_detail_cinfo .course_business_trip #level div.tab_box .table_img img{
    width: 100%;
}
#cinfo_lesson01_index .purpose_list #lesson01,
.school_detail_cinfo .course_business_trip .purpose_list #lesson01{
  display: none;
}
/*#cinfo_lesson01_index .purpose_list #lesson05,
.school_detail_cinfo .course_business_trip .purpose_list #lesson05,
#cinfo_lesson03_index .purpose_list #lesson05,
.school_detail_cinfo .course_presentation .purpose_list #lesson05,
#cinfo_lesson04_index .purpose_list #lesson05,
.school_detail_cinfo .course_business_discussion .purpose_list #lesson05{
    margin-top: 0;
    margin-left: 30px;
}
.purpose_list #lesson06,
.school_detail_cinfo .purpose_list #lesson06{
    margin-left: 30px;
}*/
#cinfo_lesson03_index .purpose_list #lesson06,
.school_detail_cinfo .course_presentation .purpose_list #lesson06,
#cinfo_lesson04_index .purpose_list #lesson06,
.school_detail_cinfo .course_business_discussion .purpose_list #lesson06,
#cinfo_lesson05_index .purpose_list #lesson06,
.school_detail_cinfo .course_negotiation .purpose_list #lesson06{
    margin-left: 0;
}
#cinfo_lesson01_index .purpose_list #lesson02,
.school_detail_cinfo .course_business_trip .purpose_list #lesson02{
  margin-leftz: 0;
}
/*
#cinfo_lesson01_index .purpose_list #lesson04,
.school_detail_cinfo .course_business_trip .purpose_list #lesson04{
  margin: 0 0 0 30px;
}
*/
.purpose_list{
  max-width: 1400px;
  width: 100%;
  gap: 20px;
}
.purpose_list li {
  margin: 0;
}

.purpose_list .lessonImg{
  position: relative;
}
.purpose_list .triangle {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 60px 60px;
  border-color: transparent transparent #DC0073 transparent;
} 
.purpose_list .triangle i {
  position: absolute;
  bottom: -48px;
  right: 10px;
  z-index: 1;
  color: #fff;
}
/*#cinfo_lesson03_index*/
#cinfo_lesson03_index #visual,
.school_detail_cinfo .course_presentation #cinfo_visual{
    background: url(/cinfo/lesson03/img/main_pc.png) right no-repeat;
    background-size: cover;
}
#cinfo_lesson03_index #visual div h1,
.school_detail_cinfo .course_presentation #cinfo_visual div h1{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: url("/cinfo/lesson03/img/main_bg.png") no-repeat top 35% left 10%;
  font-size: 3.6rem;
  line-height: 1.2;
  padding: 100px 0 0 50px;
  background-size: 300px;
  letter-spacing: 0em;
  color: #224d9a;
  text-shadow: 0px 1px 11px #fff;
  font-weight: 600;
}

#cinfo_lesson03_index #visual div h1 span,
.school_detail_cinfo .course_presentation #cinfo_visual div h1 span {
  color: #333;
  margin-bottom: 30px;
}
#cinfo_lesson03_index #worries,
.school_detail_cinfo .course_presentation #worries{
  background-color: #fff;
  padding: 60px 0;
}
#cinfo_lesson03_index #worries h2,
.school_detail_cinfo .course_presentation #worries h2{
  font-size:2.9rem;
}
#cinfo_lesson03_index #worries h2 span,
.school_detail_cinfo .course_presentation #worries h2 span{
  font-size:2.9rem;
  color: #E40057;
  border-bottom: 1px solid #E40057;
}
#cinfo_lesson03_index #worries ul,
.school_detail_cinfo .course_presentation #worries ul{
  width: 980px;
}
#cinfo_lesson03_index #worries ul li,
.school_detail_cinfo .course_presentation #worries ul li{
  flex: 0 0 23%;
  margin: 0 auto;
  padding: 20px 0;
  text-align: center;
  border-radius: 20px;
  background: #fff;
  border: 2px solid #fff3f7;
  box-shadow: 3px 3px 0 3px #F8DEE7;
}
#cinfo_lesson03_index #worries ul li figure img,
.school_detail_cinfo .course_presentation #worries ul li figure img{
  width: auto;
}
#cinfo_lesson03_index #worries ul li div,
.school_detail_cinfo .course_presentation #worries ul li div{
  margin-top: 20px;
}
#cinfo_lesson03_index #comment_teacher,
#cinfo_lesson05_index #comment_teacher,
#cinfo_lesson08_index #comment_teacher,
#cinfo_lesson08_index .useful,
.school_detail_cinfo .course_presentation #comment_teacher,
.school_detail_cinfo .course_negotiation #comment_teacher,
.school_detail_cinfo .course_speaking #comment_teacher,
.school_detail_cinfo .course_speaking .useful{
  padding: 60px 0;
}
#cinfo_lesson03_index #comment_teacher h2,
#cinfo_lesson05_index #comment_teacher h2,
#cinfo_lesson08_index #comment_teacher h2,
#cinfo_lesson08_index .useful h2,
.school_detail_cinfo .course_presentation #comment_teacher h2,
.school_detail_cinfo .course_negotiation #comment_teacher h2,
.school_detail_cinfo .course_speaking #comment_teacher h2,
.school_detail_cinfo .course_speaking .useful h2{
  text-align: center;
  font-size: 2.5rem;
  font-weight: bold;
  margin-bottom: 40px;
}
#cinfo_lesson03_index #comment_teacher h2 span,
#cinfo_lesson05_index #comment_teacher h2 span,
#cinfo_lesson08_index #comment_teacher h2 span,
#cinfo_lesson08_index .useful h2 span,
.school_detail_cinfo .course_presentation #comment_teacher h2 span,
.school_detail_cinfo .course_negotiation #comment_teacher h2 span,
.school_detail_cinfo .course_speaking #comment_teacher h2 span,
.school_detail_cinfo .course_speaking .useful h2 span {
  color: #E40057;
  border-bottom: 1px solid #E40057;
}
#cinfo_lesson03_index #comment_teacher div,
#cinfo_lesson05_index #comment_teacher div,
#cinfo_lesson08_index #comment_teacher div,
.school_detail_cinfo .course_presentation #comment_teacher div,
.school_detail_cinfo .course_negotiation #comment_teacher div,
.school_detail_cinfo .course_speaking #comment_teacher div{
  display: flex;
  margin: 0 auto;
  width: 960px;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.14);
  justify-content: flex-start;
  align-items: center;
  padding: 20px 30px;
}
#cinfo_lesson03_index #comment_teacher div p,
.school_detail_cinfo .course_presentation #comment_teacher div p{
  line-height: 2;
}
#cinfo_lesson03_index #comment_teacher div figure,
#cinfo_lesson05_index #comment_teacher div figure,
#cinfo_lesson08_index #comment_teacher div figure,
.school_detail_cinfo .course_presentation #comment_teacher div figure,
.school_detail_cinfo .course_negotiation #comment_teacher div figure,
.school_detail_cinfo .course_speaking #comment_teacher div figure{
  margin-left: 30px;
}
#cinfo_lesson03_index #learning_points,
#cinfo_lesson05_index #learning_points,
#cinfo_lesson08_index #learning_points,
.school_detail_cinfo .course_presentation #learning_points,
.school_detail_cinfo .course_negotiation #learning_points,
.school_detail_cinfo .course_speaking #learning_points{
  background: #EEF5FC;
  padding: 60px 0;
}
#cinfo_lesson03_index #learning_points h2,
#cinfo_lesson05_index #learning_points h2,
#cinfo_lesson08_index #learning_points h2,
.school_detail_cinfo .course_presentation #learning_points h2,
.school_detail_cinfo .course_negotiation #learning_points h2,
.school_detail_cinfo .course_speaking #learning_points h2{
  font-size:2.9rem;
  text-align: center;
  font-weight: bold;
}
#cinfo_lesson03_index #learning_points h2 span,
#cinfo_lesson05_index #learning_points h2 span,
#cinfo_lesson08_index #learning_points h2 span,
.school_detail_cinfo .course_presentation #learning_points h2 span,
.school_detail_cinfo .course_negotiation #learning_points h2 span,
.school_detail_cinfo .course_speaking #learning_points h2 span{
  color: #224D9A;
  position: relative;
  font-size: 2.4rem;
}
#cinfo_lesson03_index #learning_points h2 span::before,
#cinfo_lesson05_index #learning_points h2 span::before,
#cinfo_lesson08_index #learning_points h2 span::before,
.school_detail_cinfo .course_presentation #learning_points h2 span::before,
.school_detail_cinfo .course_negotiation #learning_points h2 span::before,
.school_detail_cinfo .course_speaking #learning_points h2 span::before{
  content: '';
  background: url(/cinfo/img/point_title_blue.png) no-repeat;
  width: 23px;
  height: 34px;
  position: absolute;
  top: 5px;
  left: -40px;
}
#cinfo_lesson03_index #learning_points h2 span::after,
#cinfo_lesson05_index #learning_points h2 span::after,
#cinfo_lesson08_index #learning_points h2 span::after,
.school_detail_cinfo .course_presentation #learning_points h2 span::after,
.school_detail_cinfo .course_negotiation #learning_points h2 span::after,
.school_detail_cinfo .course_speaking #learning_points h2 span::after {
  content: '';
  background: url(/cinfo/img/point_title_blue.png) no-repeat;
  width: 23px;
  height: 34px;
  position: absolute;
  top: 5px;
  right: -40px;
  transform: scale(-1, 1);
  filter: FlipH;
  -ms-filter: "FlipH";
}
#cinfo_lesson03_index #learning_points ul,
#cinfo_lesson05_index #learning_points ul,
#cinfo_lesson08_index #learning_points ul,
#cinfo_lesson08_index .useful,
.school_detail_cinfo .course_presentation #learning_points ul,
.school_detail_cinfo .course_negotiation #learning_points ul,
.school_detail_cinfo .course_speaking #learning_points ul,
.school_detail_cinfo .course_speaking .useful{
  width: 960px;
  margin: 0 auto;
}
#cinfo_lesson03_index #learning_points ul li,
#cinfo_lesson05_index #learning_points ul li,
#cinfo_lesson08_index #learning_points ul li,
.school_detail_cinfo .course_presentation #learning_points ul li,
.school_detail_cinfo .course_negotiation #learning_points ul li,
.school_detail_cinfo .course_speaking #learning_points ul li{
  display: flex;
  margin-top: 50px;
}
#cinfo_lesson03_index #learning_points ul li figure,
#cinfo_lesson05_index #learning_points ul li figure,
#cinfo_lesson08_index #learning_points ul li figure,
.school_detail_cinfo .course_presentation #learning_points ul li figure,
.school_detail_cinfo .course_negotiation #learning_points ul li figure,
.school_detail_cinfo .course_speaking #learning_points ul li figure{
  margin-right: 30px;
}
#cinfo_lesson03_index #learning_points ul li:nth-child(even) figure,
#cinfo_lesson05_index #learning_points ul li:nth-child(even) figure,
#cinfo_lesson08_index #learning_points ul li:nth-child(even) figure,
.school_detail_cinfo .course_presentation #learning_points ul li:nth-child(even) figure,
.school_detail_cinfo .course_negotiation #learning_points ul li:nth-child(even) figure,
.school_detail_cinfo .course_speaking #learning_points ul li:nth-child(even) figure{
  margin: 0 0 0 30px;
}
#cinfo_lesson03_index #learning_points div,
#cinfo_lesson05_index #learning_points div,
#cinfo_lesson08_index #learning_points div,
.school_detail_cinfo .course_presentation #learning_points div,
.school_detail_cinfo .course_negotiation #learning_points div,
.school_detail_cinfo .course_speaking #learning_points div {
  margin-top: 10px;
}
#cinfo_lesson03_index #learning_points .point_number,
#cinfo_lesson05_index #learning_points .point_number,
#cinfo_lesson08_index #learning_points .point_number,
.school_detail_cinfo .course_presentation #learning_points .point_number,
.school_detail_cinfo .course_negotiation #learning_points .point_number,
.school_detail_cinfo .course_speaking #learning_points .point_number{
  background: #224D9A;
  font-weight: bold;
  font-size: 1.8rem;
  text-align: center;
  color: #fff;
  display: inline-block;
  padding: 0 12px;
  margin:0;
}
#cinfo_lesson03_index .purpose_list #lesson03,
.school_detail_cinfo .course_presentation .purpose_list #lesson03{
  display: none;
}

/*#cinfo_lesson03_index .purpose_list #lesson04,
.school_detail_cinfo .course_presentation .purpose_list #lesson04{
  margin: 0 0 0 30px;
}*/

/*#cinfo_lesson04_index*/
#cinfo_lesson04_index #visual,
.school_detail_cinfo .course_business_discussion #cinfo_visual{
    background: url(/cinfo/lesson04/img/main_pc.png) right no-repeat;
    background-size: cover;
}
#cinfo_lesson04_index #visual div h1,
.school_detail_cinfo .course_business_discussion #cinfo_visual div h1{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: url("/cinfo/lesson04/img/main_bg.png") no-repeat top 35% left 5%;
  font-size: 3.6rem;
  line-height: 1.2;
  padding: 100px 0 0 50px;
  background-size: 300px;
  letter-spacing: 0em;
  color: #224d9a;
  text-shadow: 0px 1px 11px #fff;
  font-weight: 600;
}

#cinfo_lesson04_index #visual div h1 span,
.school_detail_cinfo .course_business_discussion #cinfo_visual div h1 span {
  color: #333;
  margin-bottom: 30px;
}
#cinfo_lesson04_index #worries,
.school_detail_cinfo .course_business_discussion #worries{
  background-color: #F2F2F2;
  padding: 60px 0;
}
#cinfo_lesson04_index #worries h2,
.school_detail_cinfo .course_business_discussion #worries h2{
  font-size:2.9rem;
}

#cinfo_lesson04_index #worries h2 span,
.school_detail_cinfo .course_business_discussion #worries h2 span{
  font-size:2.9rem;
  color: #224d9a;
  border-bottom: 1px solid #224d9a;
}
#cinfo_lesson04_index #worries ul,
.school_detail_cinfo .course_business_discussion #worries ul {
  display: flex;
  flex-wrap: wrap;
  max-width: 960px;
  margin: 0 auto 70px;
  width: 100%;
  justify-content: space-between;
}
#cinfo_lesson04_index #worries ul li,
.school_detail_cinfo .course_business_discussion #worries ul li{
  flex: 0 0 20%;
  text-align: center;
  position: relative;
}
#cinfo_lesson04_index #worries ul li:nth-of-type(even),
.school_detail_cinfo .course_business_discussion #worries ul li:nth-of-type(even){
  padding-top: 40px;
}
#cinfo_lesson04_index #worries ul li::before,
.school_detail_cinfo .course_business_discussion #worries ul li::before{
  content: "";
  width: 180px;
  height: 129px;
  background: url(/cinfo/lesson04/img/worries01.png) no-repeat left;
  position: absolute;
  background-size: 100%;
  left: -40px;
  bottom: -30px;
}
#cinfo_lesson04_index #worries ul li:nth-of-type(2)::before,
.school_detail_cinfo .course_business_discussion #worries ul li:nth-of-type(2)::before{
  content: "";
  width: 180px;
  height: 129px;
  background: url(/cinfo/lesson04/img/worries02.png) no-repeat left;
  position: absolute;
  background-size: 100%;
  left: -40px;
  bottom: -80px;
}
#cinfo_lesson04_index #worries ul li:nth-of-type(3)::before,
.school_detail_cinfo .course_business_discussion #worries ul li:nth-of-type(3)::before {
  content: "";
  width: 180px;
  height: 129px;
  background: url(/cinfo/lesson04/img/worries03.png) no-repeat left;
  position: absolute;
  background-size: 100%;
  left: -40px;
  bottom: -50px;
}
#cinfo_lesson04_index #worries ul li:nth-of-type(4)::before,
.school_detail_cinfo .course_business_discussion #worries ul li:nth-of-type(4)::before{
  content: "";
  width: 180px;
  height: 129px;
  background: url(/cinfo/lesson04/img/worries04.png) no-repeat left;
  position: absolute;
  background-size: 100%;
  lleft: -40px;
  bottom: -75px;
}
#cinfo_lesson04_index #worries ul li div,
.school_detail_cinfo .course_business_discussion #worries ul li div{
  border-radius: 20px;
  background: #fff;
  box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.11);
  padding: 27px 20px;
}
#cinfo_lesson04_index #worries ul li:nth-of-type(1) div,
.school_detail_cinfo .course_business_discussion #worries ul li:nth-of-type(1) div{
  padding: 40px 20px;
}
#cinfo_lesson04_index #comment_teacher div p,
.school_detail_cinfo .course_business_discussion #worries ul li div p{
  line-height: 2;
}

#cinfo_lesson04_index .purpose_list #lesson04,
.school_detail_cinfo .course_business_discussion .purpose_list #lesson04{
  display: none;
}
/*#cinfo_lesson05_index*/
#cinfo_lesson05_index #visual,
.school_detail_cinfo .course_negotiation #cinfo_visual{
    background: url(/cinfo/lesson05/img/main_pc.png) right no-repeat;
    background-size: cover;
}
#cinfo_lesson05_index #visual div h1,
.school_detail_cinfo .course_negotiation #cinfo_visual div h1{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: url("/cinfo/lesson05/img/main_bg.png") no-repeat top 35% left 10%;
  font-size: 3.6rem;
  line-height: 1.2;
  padding: 100px 0 0 50px;
  background-size: 300px;
  letter-spacing: 0em;
  color: #224d9a;
  text-shadow: 0px 1px 11px #fff;
  font-weight: 600;
}

#cinfo_lesson05_index #visual div h1 span,
.school_detail_cinfo .course_negotiation #cinfo_visual div h1 span {
  color: #333;
  margin-bottom: 30px;
}
#cinfo_lesson05_index #worries,
.school_detail_cinfo .course_negotiation #worries{
  background-color:#FFF3F7;
  padding: 60px 0;
}
#cinfo_lesson05_index #worries h2,
.school_detail_cinfo .course_negotiation #worries h2{
  font-size:2.9rem;
}
#cinfo_lesson05_index #worries h2 span,
.school_detail_cinfo .course_negotiation #worries h2 span{
  font-size:2.9rem;
  color: #E40057;
  border-bottom: 1px solid #E40057;
}
#cinfo_lesson05_index #worries ul,
.school_detail_cinfo .course_negotiation #worries ul {
  width: 980px;
}
#cinfo_lesson05_index #worries ul li,
.school_detail_cinfo .course_negotiation #worries ul li{
  flex: 0 0 23%;
  margin: 0 auto;
  padding: 20px 0;
  text-align: center;
}
#cinfo_lesson05_index #worries ul li figure img,
.school_detail_cinfo .course_negotiation #worries ul li figure img {
  width: auto;
}
#cinfo_lesson05_index #worries ul li div,
.school_detail_cinfo .course_negotiation #worries ul li div{
  margin-top: 20px;
}
#cinfo_lesson05_index #comment_teacher div p,
.school_detail_cinfo .course_negotiation #comment_teacher div p{
  line-height: 2;
}
#cinfo_lesson05_index .purpose_list #lesson05,
.school_detail_cinfo .course_negotiation .purpose_list #lesson05{
  display: none;
}


/*#cinfo_lesson06_index*/
#cinfo_lesson06_index #visual,
.school_detail_cinfo .course_job_change #cinfo_visual {
    background: url(/cinfo/lesson06/img/main_pc.png) right no-repeat;
    background-size: cover;
}
#cinfo_lesson06_index #visual div h1,
.school_detail_cinfo .course_job_change #cinfo_visual div h1{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: url("/cinfo/lesson06/img/main_bg.png") no-repeat top 35% left 10%;
  font-size: 3.6rem;
  line-height: 1.2;
  padding: 100px 0 0 50px;
  background-size: 300px;
  letter-spacing: 0em;
  color: #224d9a;
  text-shadow: 0px 1px 11px #fff;
  font-weight: 600;
}

#cinfo_lesson06_index #visual div h1 span,
.school_detail_cinfo .course_job_change #cinfo_visual div h1 span {
  color: #333;
  margin-bottom: 30px;
}
#cinfo_lesson06_index #exercise,
.school_detail_cinfo .course_job_change #exercise {
  background: linear-gradient(transparent 57%, #E7F0F9 43%);
  padding: 60px 0 30px;
}
#cinfo_lesson06_index #exercise h2,
.school_detail_cinfo .course_job_change #exercise h2{
  font-size:2.9rem;
  font-weight: bold;
  text-align: center;
  margin: 0 0 50px 0;
  line-height: 1.4;
}
#cinfo_lesson06_index #exercise h2 span,
.school_detail_cinfo .course_job_change #exercise h2 span{
  font-size:2.9rem;
  color: #224d9a;
  border-bottom: 1px solid #224d9a;
}
#cinfo_lesson06_index #exercise ul,
.school_detail_cinfo .course_job_change #exercise ul {
  display: flex;
  flex-wrap: wrap;
  width: 960px;
  margin: 0 auto;
}
#cinfo_lesson06_index #exercise ul li,
.school_detail_cinfo .course_job_change #exercise ul li{
  flex: 0 0 28%;
  margin: 0 auto;
  padding: 20px 0;
  text-align: center;
}
#cinfo_lesson06_index #exercise ul li div,
.school_detail_cinfo .course_job_change #exercise ul li div{
  margin-top: 20px;
  text-align: center;
}
#cinfo_lesson06_index #exercise ul li div p,
.school_detail_cinfo .course_job_change #exercise ul li div p{
  font-weight: bold;
  font-size: 1.6rem;
}
#cinfo_lesson06_index #program,
.school_detail_cinfo .course_job_change #program {
  padding: 60px 0;
}
#cinfo_lesson06_index #program h2,
.school_detail_cinfo .course_job_change #program h2{
  font-size:2.2rem;
  font-weight: bold;
  text-align: center;
  margin: 0 0 50px 0;
  line-height: 1.4;
}
#cinfo_lesson06_index #program h2 span,
.school_detail_cinfo .course_job_change #program h2 span{
  font-size:2.9rem;
  color: #224d9a;
  border-bottom: 1px solid #224d9a;
}
#cinfo_lesson06_index #program h2 span:nth-of-type(2),
.school_detail_cinfo .course_job_change #program h2 span:nth-of-type(2){
  color: #333;
   border-bottom:none;
}
#cinfo_lesson06_index #program ul,
.school_detail_cinfo .course_job_change #program ul {
  display: flex;
  flex-wrap: wrap;
  width: 970px;
  margin: 0 auto;
}
#cinfo_lesson06_index #program ul li,
.school_detail_cinfo .course_job_change #program ul li{
  flex: 0 0 50%;
  margin: 0 auto;
  padding: 20px 0;
  text-align: left;
}
#cinfo_lesson06_index #program ul li:nth-of-type(2),
.school_detail_cinfo .course_job_change #program ul li:nth-of-type(2){
  text-align: right;
}
#cinfo_lesson06_index #program > div,
.school_detail_cinfo .course_job_change #program > div{
  width: 960px;
  background: #E7F0F9;
  border: 10px solid #E7F0F9;
  margin: 40px auto 0;
}
#cinfo_lesson06_index #program div p,
.school_detail_cinfo .course_job_change #program div p{
  width: 100%;
  border: 2px solid #fff;
  line-height: 1.6;
  font-weight: bold;
  font-size: 2rem;
  text-align: center;
  padding: 25px;
}
#cinfo_lesson06_index #program div p span,
.school_detail_cinfo .course_job_change #program div p span{
  color: #E40057;
}
#cinfo_lesson06_index #program h3,
.school_detail_cinfo .course_job_change #program h3{
  font-size:2.6rem;
  font-weight: bold;
  text-align: center;
  margin: 60px 0 20px;
}
#cinfo_lesson06_index #program .programTable_area,
.school_detail_cinfo .course_job_change #program .programTable_area{
  background:none;
  border:none;
}
#cinfo_lesson06_index #program table,
.school_detail_cinfo .course_job_change #program table{
  width: 100%;
  max-width: 960px;
  margin:0 auto;
}
#cinfo_lesson06_index #program table th,
.school_detail_cinfo .course_job_change #program table th {
  background: #224D9A;
  border: 1px solid #C9C9C9;
  font-weight: bold;
  font-size: 1.8rem;
  text-align: center;
  color: #fff;
  vertical-align: middle;
  padding: 10px 0;
}
#cinfo_lesson06_index #program td,
.school_detail_cinfo .course_job_change #program td {
  border: 1px solid #C9C9C9;
  font-weight: bold;
  font-size: 1.8rem;
  text-align: center;
  padding: 10px 0;
  width: 15%;
}
#cinfo_lesson06_index #program .note,
.school_detail_cinfo .course_job_change #program .note{
  width: 100%;
  max-width: 960px;
  text-align: right;
  margin: 5px auto;
}
#cinfo_lesson06_index .purpose_list #lesson06,
.school_detail_cinfo .course_job_change .purpose_list #lesson06{
  display: none;
}
#cinfo_lesson06_index .toeic_text,
.school_detail_cinfo .course_job_change .toeic_text{
  text-align: center;
  font-size: 1.2rem;
  margin-bottom: 60px;
}
/*#cinfo_lesson08_index*/
#cinfo_lesson08_index #visual,
.school_detail_cinfo .course_speaking #cinfo_visual {
    background: url(/cinfo/lesson08/img/main_pc.png) right no-repeat;
    background-size: cover;
}
#cinfo_lesson08_index #visual div h1,
.school_detail_cinfo .course_speaking #cinfo_visual div h1{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: url("/cinfo/lesson08/img/main_bg.png") no-repeat top 35% left 10%;
  font-size: 3.6rem;
  line-height: 1.2;
  padding: 100px 0 0 50px;
  background-size: 300px;
  letter-spacing: 0em;
  color: #224d9a;
  text-shadow: 0px 1px 11px #fff;
  font-weight: 600;
}
#cinfo_lesson08_index #visual div h1 span,
.school_detail_cinfo .course_speaking #cinfo_visual div h1 span {
  color: #333;
  margin-bottom: 30px;
}
#cinfo_lesson08_index #worries,
.school_detail_cinfo .course_speaking #worries{
  background-color: #F3F3F3;
  padding: 60px 0;
}
#cinfo_lesson08_index #worries h2,
.school_detail_cinfo .course_speaking #worries h2{
  font-size:2.9rem;
}
#cinfo_lesson08_index #worries h2 span,
.school_detail_cinfo .course_speaking #worries h2 span{
  font-size:2.9rem;
  color: #E40057;
  border-bottom: 1px solid #E40057;
}
#cinfo_lesson08_index #worries ul,
.school_detail_cinfo .course_speaking #worries ul {
  width: 880px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#cinfo_lesson08_index #worries ul li,
.school_detail_cinfo .course_speaking #worries ul li{
  flex: 0 0 265px;
  margin: 0 auto;
  padding: 15px;
  text-align: center;
  border-radius: 10px;
  background: #fff;
}
#cinfo_lesson08_index #worries ul li figure img,
.school_detail_cinfo .course_speaking #worries ul li figure img {
  width: auto;
}
#cinfo_lesson08_index #worries ul li div,
.school_detail_cinfo .course_speaking #worries ul li div{
  margin-top: 20px;
}
#cinfo_lesson08_index #worries ul li div p,
.school_detail_cinfo .course_speaking #worries ul li div p{
  font-weight: 500;
}
#cinfo_lesson08_index #comment_teacher div p,
.school_detail_cinfo .course_speaking #comment_teacher div p{
  line-height: 2;
}
#cinfo_lesson08_index .useful ul,
.school_detail_cinfo .course_speaking .useful ul{
  width: 960px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#cinfo_lesson08_index .useful ul li,
.school_detail_cinfo .course_speaking .useful ul li{
  width: 45%;
}
#cinfo_lesson08_index .useful .useful_btn,
.school_detail_cinfo .course_speaking .useful .useful_btn{
  text-align: center;
  margin: 40px 0;
}
#cinfo_lesson08_index .useful a.btn_blue,
.school_detail_cinfo .course_speaking .useful a.btn_blue {
  font-size:2.3rem;
  font-weight: 600;
}
#cinfo_lesson08_index .useful a.btn_blue span,
.school_detail_cinfo .course_speaking .useful a.btn_blue span{
  color: #FFD8D8;
}
#cinfo_lesson08_index .useful a.btn_blue i,
.school_detail_cinfo .course_speaking .useful a.btn_blue i {
  font-size: 1.2rem;
  right:20px;
}
#cinfo_lesson08_index .purpose_list #lesson04,
.school_detail_cinfo .course_speaking .purpose_list #lesson04{
  display: none;
}
/*#cinfo_lesson13_index*/
#cinfo_lesson13_index #visual,
.school_detail_cinfo .course_working_holiday #cinfo_visual {
    background: url(/cinfo/lesson13/img/main_pc.png) right no-repeat;
    background-size: cover;
}
#cinfo_lesson13_index #visual div h1,
.school_detail_cinfo .course_working_holiday #cinfo_visual div h1{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: url("/cinfo/lesson13/img/main_bg.png") no-repeat top 35% left 5%;
  font-size: 3.6rem;
  line-height: 1.2;
  padding: 80px 0 0 50px;
  background-size: 300px;
  letter-spacing: 0em;
  color: #224d9a;
  text-shadow: 0px 1px 11px #fff;
  font-weight: 600;
}
#cinfo_lesson13_index #visual div h1 span,
.school_detail_cinfo .course_working_holiday #cinfo_visual div h1 span {
  color: #333;
  margin-bottom: 30px;
}
#cinfo_lesson13_index #worries,
.school_detail_cinfo .course_working_holiday #worries{
  background-color:#fff;
  padding: 60px 0;
}
#cinfo_lesson13_index #worries h2,
.school_detail_cinfo .course_working_holiday #worries h2{
  font-size:2.9rem;
}
#cinfo_lesson13_index #worries h2 span,
.school_detail_cinfo .course_working_holiday #worries h2 span{
  font-size:2.9rem;
  color: #224d9a;
  border-bottom: 1px solid #224d9a;
}
#cinfo_lesson13_index #worries ul,
.school_detail_cinfo .course_working_holiday #worries ul {
  width: 980px;
}
#cinfo_lesson13_index #worries ul li,
.school_detail_cinfo .course_working_holiday #worries ul li{
  flex: 0 0 23%;
  margin: 0 auto;
  padding: 20px 0;
  text-align: center;
}
#cinfo_lesson13_index #worries ul li figure,
.school_detail_cinfo .course_working_holiday #worries ul li figure {
  margin-bottom:20px;
}
#cinfo_lesson13_index #worries ul li figure img,
.school_detail_cinfo .course_working_holiday #worries ul li figure img {
  width: auto;
}
#cinfo_lesson13_index #comment_teacher div p,
.school_detail_cinfo .course_working_holiday #comment_teacher div p{
  line-height: 2;
}
#cinfo_lesson13_index .purpose_list #lesson03,
.school_detail_cinfo .course_working_holiday .purpose_list #lesson03{
  display: none;
}
/*
#cinfo_lesson13_index .purpose_list #lesson04,
.school_detail_cinfo .course_working_holiday .purpose_list #lesson04 {
  margin: 0 0 0 30px;
}
*/
#cinfo_lesson13_index .more_plan .course_block  h3 a,
.school_detail_cinfo .course_working_holiday .more_plan .course_block  h3 a{
  font-size: 2.4rem;
  color: #224d9a;
  border-bottom: 1px solid #224d9a;
}
#cinfo_lesson13_index .more_plan .course_block  a.btn_blue,
.school_detail_cinfo .course_working_holiday .more_plan .course_block  a.btn_blue {
  margin: 20px 0 0;
}


/* 202310スクールページ用追加 */
.school_detail.school_detail_cinfo h4.ttl01 {
    margin: 0 0 calc(60px - (((4.6rem * 1.4) - 4.6rem) / 2));
    text-align: center;
    font-size: 4.6rem;
    font-weight: bold;
}

/* 202310スクールTOP用コース一覧 */
#school_detail_cinfo_index .situation_course .corseList ul li.no-link {
    text-decoration: none;
    color: #000;
    width: 100%;
}
#school_detail_cinfo_index .level_course .corseList ul li.no-link,
#school_detail_cinfo_index .search_course .corseList ul li.no-link,
#school_detail_cinfo_index .society_course .corseList ul li.no-link,
#school_detail_cinfo_index .other_course .corseList ul li.no-link,
#school_detail_cinfo_index .situation_course .corseList ul li.no-link{
    position: relative;
    opacity: 0.7;
    box-shadow: none;
}
#school_detail_cinfo_index .level_course .corseList ul li.no-link::after,
#school_detail_cinfo_index .search_course .corseList ul li.no-link::after,
#school_detail_cinfo_index .society_course .corseList ul li.no-link::after,
#school_detail_cinfo_index .other_course .corseList ul li.no-link::after,
#school_detail_cinfo_index .situation_course .corseList ul li.no-link::after{
    position: absolute;
    display: block;
    content: "";
    top: 0;
    left: 0;
    background: #000;
    height: 100%;
    width: 100%;
    opacity: 0.5;
}
#school_detail_cinfo_index .level_course .corseList ul li.no-link .triangle,
#school_detail_cinfo_index .search_course .corseList ul li.no-link .triangle,
#school_detail_cinfo_index .society_course .corseList ul li.no-link .triangle,
#school_detail_cinfo_index .other_course .corseList ul li.no-link .triangle,
#school_detail_cinfo_index .situation_course .corseList ul li.no-link .triangle{
    display: none;
}
#school_detail_cinfo_index .level_course .corseList ul li.no-link figure img:hover,
#school_detail_cinfo_index .search_course .corseList ul li.no-link figure img:hover,
#school_detail_cinfo_index .society_course .corseList ul li.no-link figure img:hover,
#school_detail_cinfo_index .other_course .corseList ul li.no-link figure img:hover,
#school_detail_cinfo_index .situation_course .corseList ul li.no-link figure img:hover {
    transform: none;
}

.cinfo_eikaiwa #purpose_plan,
.cinfo_freetime #purpose_plan,
.cinfo_power #purpose_plan,
#school_detail_cinfo_index .course_eikaiwa #purpose_plan,
#school_detail_cinfo_index .course_freetime #purpose_plan,
#school_detail_cinfo_index .course_power #purpose_plan{
    padding:60px 0 0;
}
.cinfo_eikaiwa #skillup .course_list,
#school_detail_cinfo_index .course_eikaiwa #skillup .course_list{
  max-width: 960px;
  width: 100%;
  margin: 0 auto 40px;
  padding: 25px 35px 40px;
  box-shadow: 3px 3px 16px -3px rgba(58, 78, 114, 0.25);
  background-color: #fff;
  border-radius: 8px;
  word-break: break-all;
  display: flex;
  flex-wrap: wrap;
}
.cinfo_freetime #skillup .course_list,
.cinfo_power #skillup .course_list,
#school_detail_cinfo_index .course_freetime #skillup .course_list,
#school_detail_cinfo_index .course_power #skillup .course_list{
    width: 960px;
    margin: 60px auto 40px;
    padding: 25px 35px 40px;
    box-shadow: 3px 3px 16px -3px rgba(58, 78, 114, 0.25);
    background-color: #fff;
    border-radius: 8px;
    position: relative;
    word-break: break-all;
}
.cinfo_eikaiwa #skillup .course_list figure,
#school_detail_cinfo_index .course_eikaiwa #skillup .course_list figure{
    width: 55%;
}
.cinfo_eikaiwa #skillup .course_list img,
#school_detail_cinfo_index .course_eikaiwa #skillup .course_list img{
    width: 100%;
}

.cinfo_freetime #skillup .course_list .course_img,
.cinfo_power #skillup .course_list .course_img,
#school_detail_cinfo_index .course_freetime #skillup .course_list .course_img,
#school_detail_cinfo_index .course_power #skillup .course_list .course_img{
    position: absolute;
    right:25px;
    top:-25px;
    width: 315px;
}
.cinfo_eikaiwa #skillup .course_list .course_img img,
.cinfo_freetime #skillup .course_list .course_img img,
.cinfo_power #skillup .course_list .course_img img,
#school_detail_cinfo_index .course_eikaiwa #skillup .course_list .course_img img,
#school_detail_cinfo_index .course_freetime #skillup .course_list .course_img img,
#school_detail_cinfo_index .course_power #skillup .course_list .course_img img{
    width: 100%;
    border-radius: 8px;
}

.cinfo_freetime #skillup .course_list .course_img img:last-child,
.cinfo_power #skillup .course_list .course_img img:last-child,
#school_detail_cinfo_index .course_freetime #skillup .course_list .course_img img:last-child,
#school_detail_cinfo_index .course_power #skillup .course_list .course_img img:last-child{
    margin-top: 20px;
}

.cinfo_eikaiwa #skillup .course_list .top_area,
#school_detail_cinfo_index .course_eikaiwa #skillup .course_list .top_area{
  width: 45%;
}
.cinfo_freetime #skillup .course_list .top_area,
.cinfo_power #skillup .course_list .top_area,
#school_detail_cinfo_index .course_freetime #skillup .course_list .top_area,
#school_detail_cinfo_index .course_power #skillup .course_list .top_area{
  margin: 0 0 100px 0;
}
.cinfo_freetime #skillup .course_list .course_title,
.cinfo_power #skillup .course_list .course_title,
#school_detail_cinfo_index .course_freetime #skillup .course_list .course_title,
#school_detail_cinfo_index .course_power #skillup .course_list .course_title{
    width: 540px;
/* display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;*/
    border-bottom: 1px solid #E40057;
    padding-bottom:15px;
    margin: 0 0 20px 0;
  text-align: center;
}

.cinfo_eikaiwa #skillup .course_list .course_title,
#school_detail_cinfo_index .course_eikaiwa #skillup .course_list .course_title{
    width: 100%;
    border-bottom: 1px solid #E40057;
    padding-bottom:15px;
    margin: 0 0 20px 0;
  text-align: center;
}
.cinfo_eikaiwa #skillup .course_list .course_title figure,
#school_detail_cinfo_index .course_eikaiwa #skillup .course_list .course_title figure{
  width: 100%;
  text-align: center;
}
.cinfo_eikaiwa #skillup .course_list .course_title figure img,
#school_detail_cinfo_index .course_eikaiwa #skillup .course_list .course_title figure img{
  width: auto;
}

.cinfo_eikaiwa #skillup .course_list h3,
.cinfo_freetime #skillup .course_list h3,
.cinfo_power #skillup .course_list h3,
#school_detail_cinfo_index .course_eikaiwa #skillup .course_list h3,
#school_detail_cinfo_index .course_freetime #skillup .course_list h3,
#school_detail_cinfo_index .course_power #skillup .course_list h3{
  text-align: center;
  font-weight: bold;
  font-size: 3.6rem;
  line-height: 1.4;
  color: #E40057;
  margin-bottom: 10px;
}

.cinfo_eikaiwa #skillup .course_list h3 span,
.cinfo_freetime #skillup .course_list h3 span,
.cinfo_power #skillup .course_list h3 span,
#school_detail_cinfo_index .course_eikaiwa #skillup .course_list h3 span,
#school_detail_cinfo_index .course_freetime #skillup .course_list h3 span,
#school_detail_cinfo_index .course_power #skillup .course_list h3 span {
  font-size: 1.6rem;
  color: #333;
  margin-right: 10px;
}
.cinfo_freetime #skillup .course_list p,
.cinfo_power #skillup .course_list p,
#school_detail_cinfo_index .course_freetime #skillup .course_list p,
#school_detail_cinfo_index .course_power #skillup .course_list p{
    width: 540px;
    margin-bottom: 30px;
}

.cinfo_eikaiwa #skillup .course_list .top_area > p,
#school_detail_cinfo_index .course_eikaiwa #skillup .course_list .top_area > p{
    text-align: center;
  width: 100%;
  font-size: 1.6rem;
}
.cinfo_eikaiwa #skillup .course_list .top_area > p span,
#school_detail_cinfo_index .course_eikaiwa #skillup .course_list .top_area > p span{
  color:#E40057;
  font-size: 2rem;
  font-weight: bold;
}

.cinfo_eikaiwa #skillup .course_list p.catch,
#school_detail_cinfo_index .course_eikaiwa #skillup .course_list p.catch{
  width: 100%;
    color: inherit;
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: 10px;
  text-align: center;
}
.cinfo_freetime #skillup .course_list p.catch,
.cinfo_power #skillup .course_list p.catch,
#school_detail_cinfo_index .course_freetime #skillup .course_list p.catch,
#school_detail_cinfo_index .course_power #skillup .course_list p.catch{
    color: inherit;
    font-size: 1.6rem;
    font-weight: bold;
    margin-bottom: 10px;
}

.cinfo_freetime #skillup .course_list ul,
.cinfo_power #skillup .course_list ul,
#school_detail_cinfo_index .course_freetime #skillup .course_list ul,
#school_detail_cinfo_index .course_power #skillup .course_list ul{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.cinfo_eikaiwa #skillup .course_list ul,
#school_detail_cinfo_index .course_eikaiwa #skillup .course_list ul{
    display: flex;
    flex-wrap: wrap;
    width: 70%;
  margin:0 auto;
}

.cinfo_freetime #skillup .course_list ul li,
.cinfo_power #skillup .course_list ul li,
#school_detail_cinfo_index .course_freetime #skillup .course_list ul li,
#school_detail_cinfo_index .course_power #skillup .course_list ul li{
      flex: 0 0 110px;
      padding:0 0 20px;
}
.cinfo_eikaiwa #skillup .course_list ul li,
#school_detail_cinfo_index .course_eikaiwa #skillup .course_list ul li{
      flex: 0 0 100%;
      padding:0 0 20px;
}

.cinfo_eikaiwa #skillup .course_list ul li:nth-of-type(2),
.cinfo_freetime #skillup .course_list ul li:nth-of-type(2),
.cinfo_power #skillup .course_list ul li:nth-of-type(2),
#school_detail_cinfo_index .course_eikaiwa #skillup .course_list ul li:nth-of-type(2),
#school_detail_cinfo_index .course_freetime #skillup .course_list ul li:nth-of-type(2),
#school_detail_cinfo_index .course_power #skillup .course_list ul li:nth-of-type(2){
    flex: 0 0 400px;
    padding: 0 0 20px;
    margin-left: 30px;
}

.cinfo_eikaiwa #skillup .course_list ul li:nth-of-type(3),
.cinfo_freetime #skillup .course_list ul li:nth-of-type(3),
.cinfo_power #skillup .course_list ul li:nth-of-type(3),
#school_detail_cinfo_index .course_eikaiwa #skillup .course_list ul li:nth-of-type(3),
#school_detail_cinfo_index .course_freetime #skillup .course_list ul li:nth-of-type(3),
#school_detail_cinfo_index .course_power #skillup .course_list ul li:nth-of-type(3){
    flex: 0 0 100%;
    padding: 0 0 20px;
    text-align: center;
}

.cinfo_freetime #skillup .course_list ul li p,
.cinfo_power #skillup .course_list ul li p,
#school_detail_cinfo_index .course_freetime #skillup .course_list ul li p,
#school_detail_cinfo_index .course_power #skillup .course_list ul li p{
    font-size: 1.3rem;
    width: auto;
    margin-bottom: 0;
    color: #224D9A;
    text-indent: 1em;
    margin-left: 1em;
    font-weight: bold;
}
.cinfo_eikaiwa #skillup .course_list ul li p,
#school_detail_cinfo_index .course_eikaiwa #skillup .course_list ul li p{
    font-size: 1.3rem;
    width: auto;
    margin-bottom: 0;
    color: #224D9A;
    text-indent: 1em;
    margin-left: 1em;
    font-weight: 500;
}


.cinfo_eikaiwa #skillup .course_list ul li p::before,
.cinfo_freetime #skillup .course_list ul li p::before,
.cinfo_power #skillup .course_list ul li p::before,
#school_detail_cinfo_index .course_eikaiwa #skillup .course_list ul li p::before,
#school_detail_cinfo_index .course_freetime #skillup .course_list ul li p::before,
#school_detail_cinfo_index .course_power #skillup .course_list ul li p::before{
    content: "";
    display: inline-block;
    background-size: 100%;
    width: 17px;
    height: 17px;
    background-image: url(/cinfo/img/checkbox.png);
    margin: 0 10px 0 -40px;
    vertical-align: middle;
    background-repeat: no-repeat;
}

.cinfo_eikaiwa #skillup .course_list ul li.osusume div,
.cinfo_freetime #skillup .course_list ul li.osusume div,
.cinfo_power #skillup .course_list ul li.osusume div,
#school_detail_cinfo_index .course_eikaiwa #skillup .course_list ul li.osusume div,
#school_detail_cinfo_index .course_freetime #skillup .course_list ul li.osusume div,
#school_detail_cinfo_index .course_power #skillup .course_list ul li.osusume div{
    position: relative;
    display: inline-block;
    padding: 15px 0;
    text-align: center;
    color: #FFF;
    font-size: 1.6rem;
    font-weight: bold;
    border-radius: 10px;
    background-color: #E40057;
    line-height: 1.4;
    width: 90%;
    left: initial;
    top: initial;
}
.cinfo_eikaiwa #skillup .course_list ul li.osusume div::before,
.cinfo_freetime #skillup .course_list ul li.osusume div::before,
.cinfo_power #skillup .course_list ul li.osusume div::before,
#school_detail_cinfo_index .course_eikaiwa #skillup .course_list ul li.osusume div::before,
#school_detail_cinfo_index .course_freetime #skillup .course_list ul li.osusume div::before,
#school_detail_cinfo_index .course_power #skillup .course_list ul li.osusume div::before {
    content: "";
    position: absolute;
    top: 50%;
    right: -25px;
    margin-top: -15px;
    border: 15px solid transparent;
    border-left: 15px solid #E40057;
    z-index: 0;
}

.cinfo_eikaiwa #skillup h4,
.cinfo_freetime #skillup h4,
.cinfo_power #skillup h4,
#school_detail_cinfo_index .course_eikaiwa #skillup h4,
#school_detail_cinfo_index .course_freetime #skillup h4,
#school_detail_cinfo_index .course_power #skillup h4{
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
    margin: 0 0 30px 0;
    line-height: 1.4;
}
.cinfo_eikaiwa #skillup .course_list .btm_area,
.cinfo_freetime #skillup .course_list .btm_area,
.cinfo_power #skillup .course_list .btm_area,
#school_detail_cinfo_index .course_eikaiwa #skillup .course_list .btm_area,
#school_detail_cinfo_index .course_freetime #skillup .course_list .btm_area,
#school_detail_cinfo_index .course_power #skillup .course_list .btm_area{
  margin: 0 auto;
}

.cinfo_freetime #skillup .skillup_feature,
.cinfo_power #skillup .skillup_feature,
#school_detail_cinfo_index .course_freetime #skillup .skillup_feature,
#school_detail_cinfo_index .course_power #skillup .skillup_feature{
    width: 100%;
    margin: 0 auto;
 }

.cinfo_freetime #skillup .skillup_feature img,
.cinfo_power #skillup .skillup_feature img,
#school_detail_cinfo_index .course_freetime #skillup .skillup_feature img,
#school_detail_cinfo_index .course_power #skillup .skillup_feature img{
    width: 100%;
}
.cinfo_eikaiwa #skillup .best_plan,
#school_detail_cinfo_index .course_eikaiwa #skillup .best_plan{
  width: 870px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.cinfo_eikaiwa #skillup .best_plan .school_lesson,
.cinfo_eikaiwa #skillup .best_plan .online_lesson,
#school_detail_cinfo_index .course_eikaiwa #skillup .best_plan .school_lesson,
#school_detail_cinfo_index .course_eikaiwa #skillup .best_plan .online_lesson{
  width:400px;
  position: relative;
}
.cinfo_eikaiwa #skillup .best_plan .school_lesson::after,
#school_detail_cinfo_index .course_eikaiwa #skillup .best_plan .school_lesson::after{
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  background: url(/cinfo/img/times.png) no-repeat left;
  top: 20px;
  right: -50px;
}
.cinfo_eikaiwa #skillup .best_plan h5,
#school_detail_cinfo_index .course_eikaiwa #skillup .best_plan h5{
  background: #C9A063;
  border-radius: 100px;
  text-align: center;
  font-weight: bold;
  color: #fff;
  line-height: 0.9;
  height: 70px;
  margin-bottom: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.cinfo_eikaiwa #skillup .best_plan .school_lesson h5 span,
.cinfo_eikaiwa #skillup .best_plan .online_lesson h5 span,
#school_detail_cinfo_index .course_eikaiwa #skillup .best_plan .school_lesson h5 span,
#school_detail_cinfo_index .course_eikaiwa #skillup .best_plan .online_lesson h5 span{
 font-size: 2.4rem;
}

.cinfo_eikaiwa #skillup .best_plan .school_lesson h5 span span,
#school_detail_cinfo_index .course_eikaiwa #skillup .best_plan .school_lesson h5 span span{
  font-size: 1.4rem;
}
#skillup .best_plan figure {
  margin-bottom:20px;
}
.cinfo_eikaiwa #skillup .best_plan .school_lesson p,
.cinfo_eikaiwa #skillup .best_plan .online_lesson p,
#school_detail_cinfo_index .course_eikaiwa #skillup .best_plan .school_lesson p,
#school_detail_cinfo_index .course_eikaiwa #skillup .best_plan .online_lesson p{
  width: 100%;
}

.cinfo_eikaiwa #skillup .best_plan .best_plan_txt,
#school_detail_cinfo_index .course_eikaiwa #skillup .best_plan .best_plan_txt {
  font-size: 2.4rem;
  width: 75%;
  display: block;
  text-align: center;
  line-height: 1.4;
  padding: 15px 0;
  font-weight: bold;
  border-radius: 20px;
  background-color: #f9f8f6;
  background-image: linear-gradient(43deg, #F1EEE6 10%, #fbfbfb 50%, #F1EEE6 100%);
  margin: 40px auto 0;
}
#skillup .best_plan_txt span{
  color: #E40057;
  font-size: 3.4rem;
}

/*フィードバックシートプレゼント　ボタン*/
.ml_fb_btn {
  text-align: center;
  max-width: 540px;
  width: 100%;
  margin: 60px auto;
}
.ml_fb_btn > p {
  font-size: 2rem;
  font-weight: bold;
  margin: 0 0 10px;
  position: relative;
  display: inline-block;
  line-height: 1.4;
  padding: 0 30px 0 25px;
}
.ml_fb_btn > p::before, .ml_fb_btn > p::after {
  content: '';
  position: absolute;
  top: 50%;
  width: 1.2em;
  height: 2px;
  background-color: #000;
}
.ml_fb_btn > p::before {
  left: 0;
  transform: rotate(65deg);
  transform-origin: left center;
  bottom: 0;
}
.ml_fb_btn > p::after {
  right: 10px;
  transform: rotate(-65deg);
  transform-origin: right center;
  bottom: 0;
}
.ml_fb_btn a {
  border-radius: 40px;
  background: linear-gradient(to right, #1E3C72, #2A5298);
  background-blend-mode: soft-light, normal;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.10);
  width: 100%;
  height: 80px;
  margin: 0 auto;
  color: #FFF;
  text-align: center;
  font-size: 2.2rem;
  font-weight: bold;
  display: grid;
  place-items: center;
  text-decoration: none;
  position: relative;
}
.ml_fb_btn a::before{
  content: '';
  position: absolute;
  top: -30px;
  left: 0;
  width: 100px;
  height: 117px;
  background: url("/img/feedback.png") no-repeat;
  background-size: 90%;
}
.ml_fb_btn a p{
  font-weight: bold;
  padding: 0 0 0 30px;
}
.ml_fb_btn a i{
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%) translateX(-50%);
}


/*動画追加20251003*/
.movie {
  max-width: 700px;
  width: 100%;
  margin: 100px auto 0;
}
.movie h2{
  font-size:2rem;
   text-align: center;
   margin-bottom:10px;
   font-weight: bold;
}
.movie iframe {
  background: #fff;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.16);
  width: 100%;
  aspect-ratio: 16 / 9;
}