#mainvisual { position: relative; margin-bottom: 0px;}
#mainvisual .visual { background-size: cover; margin-bottom: 0px; height: 230px; text-align: center;}
#mainvisual .visual h2 { font-size: 28px;  margin-top: 70px; padding: 0 24px; height: 45px; color: #fff; font-family: meiryo, "Montserrat", sans-serif; line-height: 48px; display:inline-block; font-weight:bold; vertical-align:middle; background: url(../images/bg-colored.png) repeat 0 0;}
#mainvisual .visual h3 {font-size: 20px; font-weight: bold; padding: 45px 0 0 0; color: #fff; font-family: meiryo, "Montserrat", sans-serif; line-height: 40px; margin-top: 0;}

.visual-top { background: url(../images/top-bg.jpg) no-repeat 50% 50%;}
.visual-agent { background: url(../images/agent-bg.jpg) no-repeat 50% 50%;}
.visual-corp { background: url(https://www.cebu21.jp/philippines-ryugaku/images/corp-bg.jpg) no-repeat 50% 50%;}
.visual-overseas { background: url(../images/top-bg-overseas.jpg) no-repeat 50% 50%;}
.visual-lowest { background: url(https://www.cebu21.jp/philippines-ryugaku/images/lowest-bg.jpg) no-repeat 50% 50%;}
.visual-counsel { background: url(../../counselor/images/counsel-bg.jpg) no-repeat 50% 50%;}

#mainvisual .visual h2, #mainvisual .visual-corp h2 {background-image: none; margin-top: 80px; margin-bottom: 0}
#mainvisual .visual p, #mainvisual .visual-corp p {color: #FFFFFF; font-size: 17px}

.visual-ryugaku-plan { background: url(../images/ryugaku-plan-bg.jpg) no-repeat 50% 50%;}
.visual-advantage { background: url(../images/advantage.jpg) no-repeat 50% 50%;}
.visual-disadvantage { background: url(../images/disadvantage-bg.jpg) no-repeat 50% 50%;}
.visual-789 { background: url(../images/789-bg.jpg) no-repeat 50% 50%;}

input, select, textarea, button {vertical-align: middle;}

.sch_form_faq {position: relative;}
.sch_comm form {margin: 0 !important;}
.sch_comm { width: 40%; margin: 0 auto; padding-top: 0px; border-bottom: 2px solid #fff; margin-bottom: 10px;}
.sch_comm .lab_sch { position: absolute; top: 10px; left: 0; color: #fff;}
.sch_comm .inp_keyword { float: left; width: 92%; height: 42px; border: 0 none; box-sizing: border-box; color: #fff; background: none;font-weight: bold;}
.sch_comm .btn_search { float: right; width: 34px; background: none; border: 0 none;}
.sch_comm .btn_search .ico_corp { width: 25px; height: 25px; margin: 12px 0 13px 17px; background-position: -1px -1px;}

.ico_corp { display: inline-block; overflow: hidden; font-size: 0; line-height: 0; background: url("/2017/assets/img/page/sch-icon-5.png") no-repeat; text-indent: -9999px; vertical-align: top; background-size: 20px 20px;}

.visual .sch_comm .lab_sch { top: 3px; font-size: 18px;}
.visual .sch_comm .inp_keyword { height: 34px;}
.visual .btn_search .ico_corp { margin: 5px 0 3px 5px;}
.screen_out { overflow: hidden; position: absolute; width: 0; height: 0;line-height: 0; text-indent: -9999px;}
/** {margin: 0;	padding: 0;}*/

@media
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5){
    .ico_corp{background-image:url("/2017/assets/img/page/sch-icon-5.png");-webkit-background-size:20px 20px;background-size:20px 20px}/* 2018-10-04 이미지 수정 */
    .wrap_head .tit_service{background-image:url("/2017/assets/img/page/sch-icon-5.png");-webkit-background-size:66px 20px;background-size:66px 20px}
    .head_type1 .wrap_head .tit_service{background-image:url("/2017/assets/img/page/sch-icon-5.png");-webkit-background-size:66px 20px;background-size:66px 20px}
}

.group-box1 {background:url(/bbs/images/hojin5.jpg) no-repeat top left ; padding:40px 10px 10px 220px; height:100px; line-height:20px; border: 10px solid #d22b90 }

.interview-box ul {list-style: none; margin: 0; padding: 0}
.interview-list { }
.interview-list li { position: relative; float: left; width: 25%; overflow: hidden;}
.interviewlist-panel { position: relative; z-index: 2; height: 280px; width: 100%; line-height: 1.6;}
.interviewlist-panel a { position: relative; display: block; height: 100%; color: #ffffff; text-decoration: none; padding: 20px 10%; box-sizing: border-box;}
.interviewlist-panel a:after { content: ""; position: absolute; display: block; left: 10%; bottom: 30px; width: 80px; height: 30px; background-repeat: no-repeat; background-position: 16px center; background-color: #ffffff; transition: all .6s cubic-bezier(0.215,0.61,0.355,1);}
.interviewlist-panel a:hover {color: #ffffff; left: 2px}
.interviewlist-inner { position: relative; width: 100%; height: 100%;}
.interviewlist-panel a:before { content: ""; position: absolute; display: block; left: 50%; margin-left: -20px; border: 20px solid transparent;}
.interviewlist-title { position: relative; left: 0; line-height: 0; transition: all .6s cubic-bezier(0.215,0.61,0.355,1);}
.interviewlist-title img { max-width: 240px; width: 100%; vertical-align: bottom}
.interviewlist-title span { display: block; margin-top: 10px; line-height: 1.6;}
.interviewlist-title .ft1 {font-size: 22px; font-weight: bold}
.interviewlist-name { position: absolute; line-height: 1.6; left: 10%; bottom: 70px; transition: all .6s cubic-bezier(0.215,0.61,0.355,1);}
.interviewlist-name .ft2 {font-size: 12px; }
.interviewlist-name .ft3 {font-size: 18px; font-weight: bold}
.interviewlist-image { position: relative; width: 100%; height: 280px; overflow: hidden; background-color: #f2f8fe;}
.interviewlist-image img { position: relative; height: 100%; max-width: none; left: 50%; margin-left: -187.5px; transition: all .6s cubic-bezier(0.215,0.61,0.355,1);}

.ac.interviewlist-panel, .ac.interviewlist-panel a {background-color: #e7336e}
.ac.interviewlist-panel a:before {bottom: -20px; border-top-color: #e7336e; transition: bottom .6s cubic-bezier(0.215,0.61,0.355,1);}
.ac.interviewlist-panel a.s:before {bottom: -40px}
.ac.interviewlist-panel a:after { background-image: url(https://cdn1.iconfinder.com/data/icons/airline-flight-booking-mobile-app/16/right-arrow-foward-sign-128.png); background-size: 85%; background-position: 0% 50% }
.pl.interviewlist-panel, .pl.interviewlist-panel a {background-color: #b8d200}
.pl.interviewlist-panel a:before { top: -20px; border-bottom-color: #b8d200; transition: top .6s cubic-bezier(0.215,0.61,0.355,1);}
.pl.interviewlist-panel a.s:before {top: -40px}
.pl.interviewlist-panel a:after { background-image: url(https://cdn1.iconfinder.com/data/icons/airline-flight-booking-mobile-app/16/right-arrow-foward-sign-128.png); background-size: 85%; background-position: 0% 50% }
.cr.interviewlist-panel, .cr.interviewlist-panel a {background-color: #00afdd}
.cr.interviewlist-panel a:before {bottom: -20px; border-top-color: #00afdd; transition: bottom .6s cubic-bezier(0.215,0.61,0.355,1);}
.cr.interviewlist-panel a.s:before {bottom: -40px}
.cr.interviewlist-panel a:after { background-image: url(https://cdn1.iconfinder.com/data/icons/airline-flight-booking-mobile-app/16/right-arrow-foward-sign-128.png); background-size: 85%; background-position: 0% 50% }
.gp.interviewlist-panel, .gp.interviewlist-panel a {background-color: #666666}
.gp.interviewlist-panel a:before { top: -20px; border-bottom-color: #666666; transition: top .6s cubic-bezier(0.215,0.61,0.355,1);}
.gp.interviewlist-panel a.s:before {top: -40px}
.gp.interviewlist-panel a:after { background-image: url(https://cdn1.iconfinder.com/data/icons/airline-flight-booking-mobile-app/16/right-arrow-foward-sign-128.png); background-size: 85%; background-position: 0% 50% }



/*Category School*/
.ryugaku-box1 {min-height:195px; overflow:hidden; /*background:url(../images/bg.png) repeat 0 0;*/}
.ryugaku-box2 {overflow:hidden; background:url(../images/bg.png) repeat 0 0;}
.ryugaku-box1-h1 {font-size:26px; border-bottom:#a79696 dashed 1px; padding-bottom:18px; margin-bottom:24px; color:#343434; text-align: center;}
.ryugaku-box1-h1 img{width:30px; position:relative; top:-3px}
.properties-grid .ryugaku-box1 h2.cate-h2 {padding:7px 10px; min-height:63px; line-height:18px; background-color:#FFFFFF; margin:0 auto; /*width:100%;*/ margin-bottom:5px; margin-top:10px}
.properties-grid .ryugaku-box1 h2.cate-h2 a{font-size: 14px; font-weight: normal; color:#444444}
.properties-grid .ryugaku-box1 h2.cate-h2 a:hover {text-decoration:underline}
.properties-grid .ryugaku-box2 h2.cate-h2 {padding:5px 10px; /*min-height:42px;*/ line-height:18px; background-color:#FFFFFF; margin:0 auto; /*width:100%;*/ margin-bottom:10px; margin-top:10px}
.properties-grid .ryugaku-box2 h2.cate-h2 a{font-size: 15px; font-weight: bold ; color:#444444}
.properties-grid .ryugaku-box2 h2.cate-h2 a:hover {text-decoration:underline}
.ryugaku-box1 .image .content {max-height:105px}
.ryugaku-box2 .image .content {max-height:125px}

.ryugaku-box1 .c-img1 { max-width: 130% !important; top: -60px; position: relative; width: 115% !important; left: -15px;}

.properties-grid .property .location6{ font-size:11px; padding:0px 0px; line-height:18px; /*min-height:54px*/}
.cate-btn2 {margin: 15px 0 0px 10px;font-size:11px;}

.cate-stitle {font-size:18px; margin:10px 0}
.cate-stitle-box {background: url(/2014/assets/img/page/bg-stripe-gray.gif) repeat 0 0; padding: 10px;}
.cate-stitle-box-in {background-image:none; padding:20px ; background-color:#fff }
.cate-stitle-box-in h3{ font-size: 18px}
.cate-stitle-box-in p {font-size: 15px; line-height: 180%}
.cate-img-box {border-radius:5px; overflow:hidden}

.sch-course1 ul {margin:0}
.sch-course1 ul li {padding:0 0 0 48px; font-weight:bold; margin:8px 0; float:left; margin-right:2px; width:18px}
.cate-icn .icn-btn1 {background: url(/2014/assets/img/page/cost-icn-bg01.png) no-repeat; background-position:0 1px}
.cate-icn .icn-btn2 {background: url(/2014/assets/img/page/cost-icn-bg02.png) no-repeat; background-position:0 1px}
.cate-icn .icn-btn3 {background: url(/2014/assets/img/page/cost-icn-bg03.png) no-repeat; background-position:0 1px}

.cal-box {margin-bottom:30px}
.cal-box ul { margin-left:0}
.cal-box ul li {margin-bottom:3px; border-bottom:1px dashed #dddddd}
.cal-box ul li:after {content:" "; display:block; clear:both;}
.cal-box .c-month, .cal-box .c-date { float:left}
.cal-box .c-month {padding:2% 4%; margin-right:20px; background-color: #6EC1D6; color:#ffffff; font-size:18px; font-weight:bold; min-width:5%; text-align:center}
.cal-box .c-date { padding:2% 0;}
.cal-box .c-date span {font-size:10px}

.cal-area {padding:0 6px; font-size:10px; color:#ffffff; display:inline-block; border-radius:8px; position:relative; top:-1px; margin-right:10px}
.cal-area.a1 {background-color:#AAAD40}
.cal-area.a2 {background-color: #55B1E4}
.cal-area.a3 {background-color: #CA8916}
.cal-area.a4 {background-color: #EE88E2}


.study-con-h3 { width:450px; height:40px; background:url(/2014/assets/img/englishstudy/h3-bg-1.png) no-repeat; text-align:center; margin:0 auto; padding:25px 0 !important; border-bottom:none !important; margin-left:auto !important; margin-bottom:0 !important; font-size: 20px !important;}
.study-con-h3 span {font-size: 16px;}
.study-box-1 {}
.study-box-1 p{text-align:right}
.study-box-1 .con-image { width:100%; text-align:right;}
.study-box-1 .con-image img {width:87%; border-radius: 10px;}
.study-box-1 .con-image2 { width:100%; text-align:right;}
.study-box-1 .con-image2 img {width:65%; border-radius: 10px;}
.study-box-1 .con-image3 { width:100%; text-align:right;}
.study-box-1 .con-image3 img {width:75%; border-radius: 10px;}
.study-box-2 { float:right}
.study-box-2 p{line-height:24px; margin: 0; font-size: 14px;}
.study-box-0 {background:top center repeat-y url(/2014/assets/img/englishstudy/study-center-bg-1.png); padding-bottom:30px; margin-bottom:30px; background-position-y:87px;}
.study-box-0 h4 {color:#202020;}
.study-con-icon-box {width: 450px; margin: 0 auto; margin-top: -50px; margin-bottom: 30px;}
.study-con-icon1 {width: 115px; top: 72px; left: 4%; position: relative;}

.img-h1 img {min-height: 105px}



@media (min-width: 1200px) {
	
	/*.ryugaku-box1 {min-height:211px}*/
	.ryugaku-box1 .location5 {min-height:36px; color:#383838}
	
	.ryugaku-box2 {min-height:125px}
	.ryugaku-box2 .location6 {min-height:25px; color:#383838}
}
@media (max-width: 1200px) {


  
}

@media (max-width: 1199px) {
.img-h1 img {min-height: 85px}
.group-box1 {padding: 15px 15px 10px 160px; background-position: -65%; background-size: 95%}
}

@media (max-width: 979px) {

.ryugaku-box1 {min-height:203px}
.ml12 {margin-left: 12px !important}
.properties-grid .ryugaku-box1 h2.cate-h2 a {font-size: 12px; line-height: 18px}
.img-h1 img {min-height: 75px}

.group-box1 {padding: 10px 10px 10px 45px; background-position: -120%; background-size: 88%}
}

@media (max-width: 767px) {
.school-list {padding: 10px;}
.ryugaku-box1-h1 {font-size: 18px}

#mainvisual .visual {height:110px}
#mainvisual .visual h2 {font-size:16px; margin-top:34px; height:35px; line-height:32px; padding:0 15px}

.visual-corp { background: url(https://www.cebu21.jp/philippines-ryugaku/images/corp-bg.jpg) no-repeat 75% 50%;}
#mainvisual .visual h2, #mainvisual .visual-corp h2 {font-size: 20px; margin-top: 25px}
#mainvisual .visual p, #mainvisual .visual-corp p {font-size: 12px;}
#mainvisual .visual h3 {font-size: 15px; padding-top: 10px;}

.group-box1 {background: none; padding: 10px; height: auto;}

.interview-list li {width: 100%; float: none;}
.interviewlist-panel {height: 160px; width: 50%; float: left;}
.interviewlist-panel a {padding: 15px 15px}
.interviewlist-panel a:before {border-width: 10px; top: auto !important; bottom: 50% !important; margin-bottom: -10px}
.interviewlist-panel a:after {left: 15px; bottom: 10px; width: 40px; height: 15px; background-size: 25px 6px; background-position: center center;}
.interviewlist-image {width: 50%; height: 160px; float: left;}
.interviewlist-image img {margin-left: -100px}
.interviewlist-name {left: 15px; bottom: 30px; font-size: 10px}

.interviewlist-title span {margin-top: -5px;}
.interviewlist-title .ft1 {font-size: 16px; line-height: 22px}
.interviewlist-name .ft2 {font-size: 11px}
.interviewlist-name .ft3 {font-size: 14px}


.ac.interviewlist-panel a:before {left: 100%;margin-left: 0; border-top-color: transparent; border-left-color: #e7336e;}
.pl.interviewlist-panel a:before {left: 0;margin-left: -20px; border-bottom-color: transparent; border-right-color: #b8d200;}
.cr.interviewlist-panel a:before {left: 100%;margin-left: 0; border-top-color: transparent; border-left-color: #00afdd;}
.gp.interviewlist-panel a:before {left: 0;margin-left: -20px; border-bottom-color: transparent; border-right-color: #666666;}

/*.ryugaku-box1 {min-height:240px}*/
.ryugaku-box1-h1 {margin-left:0}
.ryugaku-box1 .image .content {max-height:145px}

.properties-grid .property .location5 { display:none}
.properties-grid .span2-1 h2.cate-h2 a{ font-size:14px; line-height:12px; font-weight: normal}
.properties-grid .span2-1 h2.cate-h2 {min-height:38px; text-align:center}

.cate-btn { width:90%; margin:0 auto; margin-top:10px; margin-bottom:10px }
a.cate-btn1 { padding-top:5px; padding-bottom:5px;}

.cate-select-menu > ul > li .link {width:48%;}
.cate-select-menu > a:after {content:' ▶ '; font-size:11px; }

.study-box-1 .con-image { text-align:center;}
.study-box-1 p{text-align:center; background-color:#FFFFFF}

.study-box-0 h4 { background-color:#FFFFFF}

.study-box-1, .study-box-2 { background-color:#ffffff}

.ml12 {margin-left: 0px !important}

.study-con-icon-box {width: 100%;}
.study-con-icon1 {width: 70px; top: 43px;}
	
.sch_comm {width: 90%; margin-top: -20px; margin-bottom: 5px;}
.sch_comm .inp_keyword {width: 85%; font-size: 12px;}
    
.spbottom {margin-bottom: 26px!important;}

}

@media (max-width: 480px) {
	.ryugaku-box1 {min-height:192px}
	.study-con-h3 { font-size:15px !important;width:93%; height:35px; background:url(/2014/assets/img/englishstudy/h3-bg-1.png) no-repeat top left; background-size:100% ;text-align:center; margin:0 auto; padding:4% 0 !important;}
	.study-con-h3 span {font-size: 12px;}
}

@media (max-width: 320px) {
.properties-grid .span2-1 h2.cate-h2 {min-height:60px}
}