@charset "utf-8";
/* CSS Document */
/*footer .footer--totop{
	z-index: 1000;
}*/
.mobile-slide-table{
	display: block;
}
.mobile-slide-table2{
	display: none;	
}
@media only screen and (max-width:1270px){
	header.scrolled .site--branding h1.logo{ margin-left: 0 }
	.site--branding .wrap ul{ right:20px }
}
@media only screen and (max-width:1124px){
	.hotel--courses ul{ margin: 0 }	
	.bridal--courses ul{ margin: 0 }	
	
	.hotel--full .wrap{ padding: 20px }
	.bridal--full .wrap{ padding: 20px }
	
	.site--content ul.schoolguide--rank{ margin: 0 }
	/* Old School Rank */
	/*.site--content ul.schoolguide--rank li .box .info h5{ min-height: 40px; }
	.site--content ul.schoolguide--rank li .box .info p{ min-height: 40px }*/
	/* Old School Rank Ends here*/
	.full--container ._intro._intro-department ul li img,
	.full--container ._intro._intro-department2 ul li img {
		width: 29vw;
	}
	.site--content ul.schoolguide--rank{
	    width: 550px;
	    margin: auto;
	}
	.site--content ul.schoolguide--rank li{
	    width: 275px;
	    height: 300px;

	}
}
@media only screen and (max-width:1083px){
	.site--content .castwell--course .banner ul{ margin:0 }
	.site--content .hotelinner--occupation ul{ margin: 0 }
	.site--content .hotelinner--lesson ul{ margin: 0 }
	.site--content .hotelinter--occupation ul{ margin: 0 }
	.site--content .hotelinter--lesson ul{ margin: 0 }
	.site--content .bridalplanner--occupation ul{ margin: 0 }
	.site--content .bridalplanner--lesson ul{ margin: 0 }
	.site--content .bridalcoordinator--occupation ul{ margin: 0 }
	.site--content .bridalcoordinator--lesson ul{ margin: 0 }
}
@media screen and (max-width: 1058px){
    .site--content .oc--footerlinks ul li{
        width: 100%;
    }
    .site--content .oc--footerlinks ul li .box{
        width: 479px;
        margin: 0 auto;
    }
}
@media only screen and (max-width:1051px){
	.site--content .schoolguidecast--support2 ul li:last-child .box table td{
		padding: 16px 20px; 
	}
}
@media only screen and (max-width:1064px){
	body{
		padding-top: 130px;
	}
	header{
		position: fixed;
	}
	.wrap{ width: 100%; padding: 0 20px; }
	.site--branding{ margin: 10px 0;  }
	.site--branding h1.logo{ text-align: left; margin-left:0 }
	.site--branding h1.logo img{ width: 240px; }
	.site--branding .wrap ul{ bottom: 15px }
	
	.site--content .castwell--course .content-dev .detail{ padding: 42px 30px 0; width: 40%; }
	.site--content .castwell--course .content-dev .image-content img{ width: 60% }
	
	.site--content .department--about .intro .content{ padding: 25px 15px 0; }
	.site--content .department--about2 .intro .content{ padding: 25px 15px 0; }
	
	footer .footer--list h2{ display: block; margin: 0 0 20px 20px; text-align: center; width: 100%; }
	footer .footer-btns ul li:nth-child(2) a{ padding: 10px; width: 100% }
	footer .footer--list .list0,
	footer .footer--list .list1,
	footer .footer--list .list2,
	footer .footer--list .list3,
	footer .footer--list .list4{
		width: 17.33333%;
	}
}

@media only screen and (max-width:1024px){
	.video--banner .button{
		bottom: 40px;
	}
	.site--content .hotelinner--lesson ul li .box .content{
		min-height: 240px;
	}
	.site--content .hotelinter--lesson ul li .box .content{
		min-height: 240px;
	}
	.site--content .bridalplanner--lesson ul li .box .content{
		min-height: 240px;
	}
	.admission--menu ul li a{
		font-size: 16px;
	}
	.site--content .admission_recruit--flow ul li:last-child table td{
    	padding: 151px 20px
    }
    .hotel--full2 .wrap .pull-right {
	    width: 60%;
	    position: relative;
	    padding: 8px 140px 8px 30px;
	}
	.hotel--full2 .wrap .pull-right span{
    	top: -4px;
		padding: 15px 3px;
    }
	footer .footer--list .list1 ul li:before,
	footer .footer--list .list0 ul li:before, 
	footer .footer--list .list3 ul li:before{
		top: 7px;
	}
	.site--navigation .site--navigation-infosub ul.site--navsub li{
		padding: 20px 10px;
	}
	.site--navigation .site--navigation-infosub ul.site--navsub li a{
		font-size: 13px;
	}
	.department-persona-box{
		height: 52vw;
		width: 32vw;
	}
}
@media only screen and (max-width:1023px){
	/* Old School Rank */
	/*.site--content ul.schoolguide--rank li .box .info h5{ min-height: 52px; }
	.site--content ul.schoolguide--rank li .box .info p{ min-height: 57px }*/
	/* Old School Rank Ends here*/
}
@media only screen and (max-width:1014px){
	.site--navigation .site--navigation-info .site--nav li{ padding: 0 19px 0 10px }
	.site--navigation .site--navigation-infosub ul.site--navsub{ width:100% }
	.site--navigation .site--navigation-infosub ul.site--navsub li{ padding: 20px 0 }
	.site--navigation .site--navigation-infosub ul.site--navsub li:first-child{ padding-left: 10px}
	
	.site--content .castwell--points ul li{ padding: 0 5px }
	.site--content .castwell--news .outer-box{ width: 100% }
	
	.site--content .department--about .intro .content .head{ padding: 0 5px 10px; margin-bottom: 10px; }
	.site--content .department--about2 .intro .content .head{ padding: 0 5px 10px; margin-bottom: 10px; }
	
	.admission--pdf img{ right: 10%; }
	
}

@media only screen and (max-width:941px){
	.site--content .castwell--points ul li .box{ padding: 40px 15px; }
	.site--content .castwell--course .content-dev .detail{  padding: 15px 15px 0; }
	
	.hotel--full2 .wrap .pull-right{ width: 50%; padding: 8px 8px 8px 0 }
	.site--content .hotelinner--lesson ul li{ padding: 0 5px }
	.site--content .hotelinner--lesson ul li .box .content{ padding: 15px }
	.site--content .hotelinter--lesson ul li{ padding: 0 5px }
	.site--content .hotelinter--lesson ul li .box .content{ padding: 15px }
	.site--content .bridalplanner--lesson ul li{ padding: 0 5px }
	.site--content .bridalplanner--lesson ul li .box .content{ padding: 15px }
	.site--content .bridalcoordinator--lesson ul li{ padding: 0 5px }
	.site--content .bridalcoordinator--lesson ul li .box .content{ padding: 15px }
	/*For Not Liquid Style */
	/*.site--content ul.schoolguide--rank li{ width: 50%; padding: 20px; }*/
	/*For Not Liquid Style Ends Here */
	.site--content ul.schoolguide--rank li .box .info h5{ min-height: auto; }
	.site--content ul.schoolguide--rank li .box1 h4 span{ background: #eed3c5; }
	.site--content ul.schoolguide--rank li .box2 h4 span{ background: #c7e0f5; }
	.site--content ul.schoolguide--rank li .box3 h4 span{ background: #cfe9e5; }
	.site--content ul.schoolguide--rank li .box4 h4 span{ background: #efe1c5; }
	.site--content ul.schoolguide--rank li .box .info p{ min-height: auto }
	.site--content ul.schoolguide--rank li .box .img_con img{ width: 100% }
	.site--content .schoolguide--facility .facility-bg .hotel.box2 li:nth-child(2){ padding: 20px 15px }
	.site--content .schoolguide--facility .facility-bg .bride.box2 li:nth-child(2){ padding: 20px 15px }
	.site--content .schoolguidecast--qualification ul{ text-align: center }
	.site--content .schoolguidecast--qualification ul li{ float: none; display: inline-block; width: 33%; vertical-align: top }
	.hotel--full2 .wrap .pull-right span{
    	left: -70px;
    }
}
@media screen and (max-width: 930px) {
	.site--branding h1.logo a{
		margin-left: 0;
	}
}
@media only screen and (max-width:911px){
	.site--content .castwell--points ul li .box p{ min-height:132px; }
	
	.site--content .department--about .intro .content{ padding: 15px 15px 0; }
	.site--content .department--about .intro .content .head h4{ font-size: 14px }
	.site--content .department--about .intro .content .head h4 span{ font-size:26px; }
	.site--content .department--about .intro .content .head h5{ font-size: 13px }
	.site--content .department--about2 .intro .content{ padding: 15px 15px 0; }
	.site--content .department--about2 .intro .content .head h4{ font-size: 14px }
	.site--content .department--about2 .intro .content .head h4 span{ font-size:26px; }
	.site--content .department--about2 .intro .content .head h5{ font-size: 13px }

	.site--content .department--about .intro .content p,
	.site--content .department--about2 .intro .content p{ 
		font-size: 1.45vw;
	}
	.site--content .schoolguidecast--qualification ul li{ width: 49%; }
}

@media only screen and (max-width:894px){
	.site--navigation .site--navigation-info .site--nav li a{ padding: 10px 0 10px 25px; font-size: 16px }
	.site--navigation .site--navigation-infosub ul.site--navsub li{ font-size: 12px; }
	.site--content .castwell--course .content-dev .detail img{ margin-bottom: 20px }
	.site--content .castwell--course .content-dev .detail p.upper{ margin: 0 0 15px; }
	.site--content .castwell--course .content-dev .detail p{ margin: 0 0 20px; }
	.site--content .castwell--course .content-dev .detail a{ margin-top: 15px }
	
	.site--content .admission--links ul li{ width: 50% }
	.admission--pdf img{ right: 5%; }
	
	footer .footer--list .list0, 
	footer .footer--list .list1, 
	footer .footer--list .list2, 
	footer .footer--list .list3, 
	footer .footer--list .list4{ margin: 0 5px }
	.site--navigation .site--navigation-infosub ul.site--navsub li a{
		font-size: 12px;
	}
	
}
@media screen and (max-width: 884px){
    .site--content .oc--consultation .content h5{
        font-size:30px;
    }
    .site--content .oc--consultation .content p{
        font-size: 16px;
    }
    .site--content .oc--metting .title-dev h3{
        font-size: 22px;
    }
}
@media only screen and (max-width:860px){
	.hotel--full2 .wrap{ padding: 10px 0 }
	.hotel--full2 .wrap .pull-right{ padding: 0 8px 0 0; }
	.site--content .schoolguidecast--support2 ul li:last-child .box table td{
		padding: 20px 20px; 
	}
}
@media only screen and (max-width:850px){
	.site--content .castwell--course .content-dev .detail p.upper{ font-size: 12px; }
	.site--content .castwell--course .content-dev .detail p{ font-size: 11px; }
	.site--content .castwell--course .banner ul li{ padding: 40px 5px }
	
	
	
	footer .footer-btns ul li{ padding: 0 10px }
	footer .footer--list .list0, 
	footer .footer--list .list1, 
	footer .footer--list .list2, 
	footer .footer--list .list3, 
	footer .footer--list .list4{margin: 10px 5px 0;}
}
@media only screen and (max-width:808px){
	.site--navigation .site--navigation-info .site--nav li{ padding: 0 14px 0 5px; }
	.site--content .castwell--points ul li .box p{ font-size: 13px }
	
	.hotel--full2 .wrap .pull-right{ width: 60%; }
	
	.site--content .schoolguide--facility .facility-bg .hotel.box2 li:nth-child(2){ padding: 5px 15px }
	.site--content .schoolguide--facility .facility-bg .bride.box2 li:nth-child(2){ padding: 5px 15px }
	
	.site--content .department--about .intro .content .head h4 span,
	.site--content .department--about2 .intro .content .head h4 span{
		margin-right: 5px;
	}
}



.ipad0-view{ display:none; }
.pc-view{ display:block; }
.pc-view-table{ display: table }
.pc-view-inline{ display: inline-block }
.sp-view{ display:none !important; }
.sp-view-table{ display:none !important; }
.sp-view-inline{ display:none !important; }
@media only screen and (max-width:793px){
	.site--content .schoolguidecast--support2 ul li:last-child .box table td{
		padding: 10px 20px;
	}
}
@media only screen and (max-width:768px){
	.site--content .castwell--course .content-dev .detail a{
		margin-top: -10px;
	}
	footer .footer--list h2{
		width: 150px;
		margin-right: auto;
		margin-left: auto;
	}
	.site--content .department--about .intro .content .head h4 p,
	.site--content .department--about2 .intro .content .head h4 p{
		margin-bottom: 5px;
		padding-left: 0px;
	}
	.site--content .hotelinner--lesson ul li .box .content{
		min-height: 272px;
	}
	.site--content .hotelinter--lesson ul li .box .content{
		min-width: 250px;
	}
	.hotel--full2 .wrap .pull-right span{
		left: -67px;
	}
	.hotel--full .wrap p{
		text-shadow: 0 0 2px #fff;
	}
	.hotel--full2 .wrap .pull-right p{
		text-shadow: 0 0 2px #fff;
	}
	.site--content .hotelinter--occupation .title-dev h2{
		margin-left: -10px;
		margin-right: -10px;
	}
	.site--content .bridalplanner--occupation .title-dev h2{
		margin-left: -10px;
		margin-right: -10px;
		font-size: 22px;
	}
	.site--content ul.schoolguide--rank{
		width:100%;
	}
	.site--content ul.schoolguide--rank li{
		width:50%;
		height: auto;
		padding-bottom: 20px;
	}
	.site--content .schoolguide--facility .facility-bg .box.hotel ul li.adj-space{
		padding-top:0;
		padding-bottom:0;
	}
	.site--content .schoolguide--facility .facility-bg .box.hotel ul li.adj-space{
    	padding-top: 15px;
	}
	.site--content .schoolguide--facility .facility-bg .box ul li p.title{
	    font-size: 16px;
	}
	.site--content ul.schoolguide--rank li .box h4{
	}
	.site--content ul.schoolguide--rank li .box h4 span{
		padding-top:10px;
	}
	.site--content ul.schoolguide--rank li .box h4 span:last-child{
		padding-bottom: 7px;
	}
	.admission--menu ul li{
		width: 33.333333%;
		margin-bottom: 6px;
	}
	.site--content ul.schoolguide--rank li .box .info{
		min-height: 117px;
	}
	.site--content .schoolguidecast--support4 ul li:nth-child(2){
	    padding-left:20px;
	    padding-right:20px;
	}
	.site--content .admission.admission_expense .box-table ul li{
		font-size: 16px;
		margin: 0 5px;
	}
	.site--content .admission_recruit--flow ul li:last-child table td{

	}
	.hotel--full2 .wrap .pull-right p:first-child{
		margin: 6px 0 20px;
	}
	footer .footer--list .list1 ul li:before,
	footer .footer--list .list0 ul li:before, 
	footer .footer--list .list3 ul li:before{
		top: 7px;
	}
	.site--navigation .site--navigation-infosub ul.site--navsub li a{
		font-size: 11px;
	}
	.site--content .oc--consultation:before{
        top: 30px;
        bottom:30px;
    }

    .schoolguidecast--training{
        padding: 0 15px;
    }

}
@media only screen and (max-width: 768px) and (min-width: 768px){
	.ipad-view{
		display:block;
	}
	.site--content .schoolguidecast--support4 ul li:nth-child(2){
	    padding-left:20px;
	    padding-right:20px;
	}
	.site--content .schoolguidecast--support3 .ipad-view.right-box01{
	    background-image: url(../images/schoolguidecast--support3-2.png);
	    background-size: contain;
	    background-repeat: no-repeat;
	    background-position: 150px 0px;
	    height: 126px;
	    display: block;
	}
	.site--content .schoolguidecast--support3 .ipad-view.right-box02{
	    background-image: url(../images/schoolguidecast--support3-3.png);
	    background-size: contain;
	    background-repeat: no-repeat;
	    background-position: 150px 0px;
	    height: 120px;
	    display: block;
	}
	.site--content .schoolguidecast--support3 ul li .box.adj-dev img{
    	display:none;
    }
    .site--content .schoolguidecast--support3 ul li .box.adj-dev table{
		background-color: #fff;
	    border-radius: 7px;
	    border-bottom-right-radius: 0px;
	    border-top-right-radius: 0px;
    }
    .site--content .schoolguidecast--support3 ul li .box.adj-dev table tr td:first-child{
	    padding-top: 8px;
	    padding-bottom: 9px;
    }
    .site--content .schoolguidecast--support3 ul li .box.adj-dev table tr:last-child td{
    	padding-bottom: 8px;
    	padding-top:0px;
    }
    .site--content .schoolguidecast--support3 ul li:first-child .box table tr td{
    	padding-top:25px;
    	padding-bottom:25px;
    }
    .site--content .admission_recruit--flow ul li:last-child table td{
    	padding: 165.5px 20px;
    }
}
@media only screen and (max-width:767px){
	.site--content .hotelinter--occupation .title-dev h2{
		margin-left: 0px;
		margin-right: 0px;
	}
	.department-persona-box{
		height: 82vw;
		width: 62vw;
	}
	.pc-view{ display:none !important; }
	.sp-view{ display:block !important; }
	.pc-view-table{ display: none !important }
	.sp-view-table{ display: table !important }
	.pc-view-inline{ display: none !important }
	.sp-view-inline{ display: inline-block !important }
	
	.site--content .title-dev{ margin: 20px 0 20px }
	.site--content ul.breadcrumbs{ display: none }
	
	.site--content .castwell--points:after{ top: 15%; bottom: 20% }
	.site--content .castwell--points ul li{ float: none; width: 100%; padding: 10px 0; }
	.site--content .castwell--points ul li .box{ padding: 40px 20px; }
	.site--content .castwell--points ul li .box p{ font-size: 14px; min-height: auto; }
	.site--content .castwell--course .content-dev .image-content{ padding: 0 }
	.site--content .castwell--course .content-dev .image-content img{ width: 100% }
	.site--content .castwell--course .content-dev .detail{ padding: 20px; width: 100%; position: relative; }
	.site--content .castwell--course .content-dev .detail p.upper{ font-size: 13px; }
	.site--content .castwell--course .content-dev .detail p{ font-size: 11px; }
	.site--content .castwell--course .banner{ padding: 30px 0 }
	.site--content .castwell--course .banner ul li{ float: none; padding: 5px 20px; width: 100% }
	.site--content .castwell--course .banner ul li img{ width: 100%; border: 1px solid #8c8b8a }
	.site--content .castwell--news .outer-box{ padding: 40px 20px; }
	
	.site--content .department--about .intro img{ width: 100%; float: none; display: block }
	.site--content .department--about .intro .content{ padding: 25px 15px; position:relative; width: 100%; }
	.site--content .department--about .intro .content .head{ padding: 0 5px 20px; margin-bottom: 20px; }
	.site--content .department--about .intro .content .head h4{ font-size: 18px }
	.site--content .department--about .intro .content .head h4 span{ font-size:20px; }
	.site--content .department--about .intro .content .head h5{ font-size: 16px }
	.site--content .department--about .intro .content p{ font-size: 14px }
	.full--container ._intro._intro-department ul li,
	.site--content .department--about ._intro ul li{ 
		width: 90% 
	}
	.site--content .department--about2 .intro img{ width: 100%; float: none; display: block }
	.site--content .department--about2 .intro .content{ padding: 25px 15px; position:relative; width: 100%; }
	.site--content .department--about2 .intro .content .head{ padding: 0 5px 20px; margin-bottom: 20px; }
	.site--content .department--about2 .intro .content .head h4{ font-size: 18px }
	.site--content .department--about2 .intro .content .head h4 span{ font-size:20px; }
	.site--content .department--about2 .intro .content .head h5{ font-size: 16px }
	.site--content .department--about2 .intro .content p{ font-size: 14px }
	.full--container ._intro._intro-department2 ul li,
	.site--content .department--about2 ._intro ul li{ 
		width: 90% 
	}
	
	.hotel--full{ background: #fff; position:relative; }
	.hotel--full .wrap{ padding: 20px 20px 0 }
	.hotel--full .wrap p{ text-align: center }
	.hotel--full .button{ position: absolute; bottom: -26px; width: 100%; text-align: center; }
	.hotel--full2{ background: #c4e1f6 }
	.hotel--full2 .wrap{ padding: 0 }
	.hotel--full2 .wrap .pull-right{
	 width: 100%; 
	 padding: 20px 10px 20px 10px; 
	 position: relative;
	}
	.hotel--full2 .wrap .pull-right p:first-child{
		padding-left: 70px;
	}
	.hotel--full2 .wrap .pull-right span{ left: 10px; top: 11px }
	.hotel--full2 .wrap img{ width: 100% }
	.hotel--courses{ padding: 47px 0}
	.hotel--courses ul li{ float: none; width: 100%; padding: 5px 0; margin:auto; }
	.hotel--courses .title-dev{ margin: 20px 10px 20px; }
	.site--content .hotelinter--occupation ul li,
	.site--content .hotelinner--occupation ul li{ 
		float: none; 
		width: 100%; 
		padding: 10px 0; 
	}
	.site--content .hotelinner--occupation ul li .box{ display: table; min-height: 180px; width: 100% }
	.site--content .hotelinner--occupation ul li .box .img_con{ width:50%; display: table-cell; vertical-align: middle }
	.site--content .hotelinner--occupation ul li .box .img_con img{ display: none; }
	.site--content .hotelinner--occupation ul li .box p.title{ width:50%; display: table-cell; vertical-align: middle; padding:10px }
	.site--content .hotelinner--occupation ul li:nth-child(1) .img_con{background:url(../images/hotelinner--occupation-img1.png) center;background-size:cover;}
	.site--content .hotelinner--occupation ul li:nth-child(2) .img_con{background:url(../images/hotelinner--occupation-img2.png) center;background-size:cover;}
	.site--content .hotelinner--occupation ul li:nth-child(3) .img_con{background:url(../images/hotelinner--occupation-img3.png) center;background-size:cover;}
	.site--content .hotelinner--lesson ul li{ padding: 10px 0; float: none; width: 100%; }
	.site--content .hotelinner--lesson ul li .box{ display: table }
	.site--content .hotelinner--lesson ul li .box .img_con{ 
		width:40%; 
		display: table-cell; 
		vertical-align: middle 
	}
	.site--content .hotelinner--lesson ul li .box .img_con img{ display: none; }
	.site--content .hotelinner--lesson ul li .box .content{ 
		width:60%; 
		display: table-cell; 
		vertical-align: middle; 
		padding: 20px; 
	}
	.site--content .hotelinner--lesson ul li:nth-child(1) .img_con{background:url(../images/hotelinner--lesson-img1.png) center;background-size:cover;}
	.site--content .hotelinner--lesson ul li:nth-child(2) .img_con{background:url(../images/hotelinner--lesson-img2.png) center;background-size:cover;}
	.site--content .hotelinner--lesson ul li:nth-child(3) .img_con{background:url(../images/hotelinner--lesson-img3.png) center;background-size:cover;}
	.site--content .hotelinter--occupation ul li{ float: none; width: 100%; padding: 10px 0 }
	.site--content .hotelinter--occupation ul li .box{ display: table; min-height: 180px; width: 100% }
	.site--content .hotelinter--occupation ul li .box .img_con{ width:50%; display: table-cell; vertical-align: middle }
	.site--content .hotelinter--occupation ul li .box .img_con img{ display: none; }
	.site--content .hotelinter--occupation ul li .box p.title{ width:50%; display: table-cell; vertical-align: middle; padding:10px }
	.site--content .hotelinter--occupation ul li:nth-child(1) .img_con{background:url(../images/hotelinter--occupation-img1.png) center;background-size:cover;}
	.site--content .hotelinter--occupation ul li:nth-child(2) .img_con{background:url(../images/hotelinter--occupation-img2.png) center;background-size:cover;}
	.site--content .hotelinter--occupation ul li:nth-child(3) .img_con{background:url(../images/hotelinter--occupation-img3.png) center;background-size:cover;}
	.site--content .hotelinter--lesson ul li{ padding: 10px 0; float: none; width: 100%; }
	.site--content .hotelinter--lesson ul li .box{ display: table }
	.site--content .hotelinter--lesson ul li .box .img_con{ width:40%; display: table-cell; vertical-align: middle }
	.site--content .hotelinter--lesson ul li .box .img_con img{ display: none; }
	.site--content .hotelinter--lesson ul li .box .content{ width:60%; display: table-cell; vertical-align: middle; padding: 20px; }
	.site--content .hotelinter--lesson ul li:nth-child(1) .img_con{background:url(../images/hotelinter--lesson-img1.png) center;background-size:cover;}
	.site--content .hotelinter--lesson ul li:nth-child(2) .img_con{background:url(../images/hotelinter--lesson-img2.png) center;background-size:cover;}
	.site--content .hotelinter--lesson ul li:nth-child(3) .img_con{background:url(../images/hotelinter--lesson-img3.html) center;background-size:cover;}
	
	.bridal--full{ background: #fff; position:relative; }
	.bridal--full .wrap{ padding: 20px 20px 0 }
	.bridal--full .wrap p{ text-align: center }
	.bridal--full .button{ position: absolute; bottom: -26px; width: 100%; text-align: center; }
	.bridal--courses{ padding: 47px 0}
	.bridal--courses ul li{ float: none; width: 90%; padding: 5px; margin:auto; }
	.bridal--courses .title-dev{ margin: 0 10px 20px; }
	.site--content .bridalplanner--occupation ul li{ float: none; width: 100%; padding: 10px 0 }
	.site--content .bridalplanner--occupation ul li .box{ display: table; min-height: 180px; width: 100% }
	.site--content .bridalplanner--occupation ul li .box .img_con{ width:50%; display: table-cell; vertical-align: middle }
	.site--content .bridalplanner--occupation ul li .box .img_con img{ display: none; }
	.site--content .bridalplanner--occupation ul li .box p.title{ width:50%; display: table-cell; vertical-align: middle; padding:10px }
	.site--content .bridalplanner--occupation ul li:nth-child(1) .img_con{background:url(../images/bridalplanner--occupation-img1.png) center;background-size:cover;}
	.site--content .bridalplanner--occupation ul li:nth-child(2) .img_con{background:url(../images/bridalplanner--occupation-img2.png) center;background-size:cover;}
	.site--content .bridalplanner--occupation ul li:nth-child(3) .img_con{background:url(../images/bridalplanner--occupation-img3.png) center;background-size:cover;}
	.site--content .bridalplanner--lesson ul li{ padding: 10px 0; float: none; width: 100%; }
	.site--content .bridalplanner--lesson ul li .box{ display: table }
	.site--content .bridalplanner--lesson ul li .box .img_con{ width:40%; display: table-cell; vertical-align: middle }
	.site--content .bridalplanner--lesson ul li .box .img_con img{ display: none; }
	.site--content .bridalplanner--lesson ul li .box .content{ width:60%; display: table-cell; vertical-align: middle; padding: 20px; }
	.site--content .bridalplanner--lesson ul li:nth-child(1) .img_con{background:url(../images/bridalplanner--lesson-img1.png) center;background-size:cover;}
	.site--content .bridalplanner--lesson ul li:nth-child(2) .img_con{background:url(../images/bridalplanner--lesson-img2.png) center;background-size:cover;}
	.site--content .bridalplanner--lesson ul li:nth-child(3) .img_con{background:url(../images/bridalplanner--lesson-img3.png) center;background-size:cover;}
	.site--content .bridalcoordinator--occupation ul li{ float: none; width: 100%; padding: 10px 0 }
	.site--content .bridalcoordinator--occupation ul li .box{ display: table; min-height: 180px; width: 100% }
	.site--content .bridalcoordinator--occupation ul li .box .img_con{ width:50%; display: table-cell; vertical-align: middle }
	.site--content .bridalcoordinator--occupation ul li .box .img_con img{ display: none; }
	.site--content .bridalcoordinator--occupation ul li .box p.title{ width:50%; display: table-cell; vertical-align: middle; padding:10px }
	.site--content .bridalcoordinator--occupation ul li:nth-child(1) .img_con{background:url(../images/bridalcoordinator--occupation-img1.png) center;background-size:cover;}
	.site--content .bridalcoordinator--occupation ul li:nth-child(2) .img_con{background:url(../images/bridalcoordinator--occupation-img2.png) center;background-size:cover;}
	.site--content .bridalcoordinator--occupation ul li:nth-child(3) .img_con{background:url(../images/bridalcoordinator--occupation-img3.png) center;background-size:cover;}
	.site--content .bridalcoordinator--lesson ul li{ padding: 10px 0; float: none; width: 100%; }
	.site--content .bridalcoordinator--lesson ul li .box{ display: table }
	.site--content .bridalcoordinator--lesson ul li .box .img_con{ width:40%; display: table-cell; vertical-align: middle }
	.site--content .bridalcoordinator--lesson ul li .box .img_con img{ display: none; }
	.site--content .bridalcoordinator--lesson ul li .box .content{ width:60%; display: table-cell; vertical-align: middle; padding: 20px; }
	.site--content .bridalcoordinator--lesson ul li:nth-child(1) .img_con{background:url(../images/bridalcoordinator--lesson-img1.png) center;background-size:cover;}
	.site--content .bridalcoordinator--lesson ul li:nth-child(2) .img_con{background:url(../images/bridalcoordinator--lesson-img2.png) center;background-size:cover;}
	.site--content .bridalcoordinator--lesson ul li:nth-child(3) .img_con{background:url(../images/bridalcoordinator--lesson-img3.png) center;background-size:cover;}
	
	.site--content .schoolguide--support{ padding: 1px 0 41px }
	.site--content .schoolguide--facility{ margin-bottom: 0px; }
	.site--content .schoolguide--facility .facility-bg .wrap{ padding: 0 }
	.site--content .schoolguide--facility .facility-bg ul li{ height: auto !important }
	.site--content .schoolguide--facility .facility-bg .box{ margin: 0 }
	.site--content .schoolguide--facility .facility-bg .hotel li{ background: #033d58 !important; }
	.site--content .schoolguide--facility .facility-bg .hotel li.cont{ position:relative; }
	.site--content .schoolguide--facility .facility-bg .hotel li.cont img{ position:absolute; top: 20px; left: 10px; }
	.site--content .schoolguide--facility .facility-bg .hotel.box1 li.cont p{ padding-left: 90px; }
	.site--content .schoolguide--facility .facility-bg .hotel li.cont p.title{ text-align: left }
	.site--content .schoolguide--facility .facility-bg .box.hotel ul li{ float: none; width:100% !important }
	.site--content .schoolguide--facility .facility-bg .hotel.box1 li:nth-child(1) img{ width: 100% }
	.site--content .schoolguide--facility .facility-bg .hotel.box2 li:nth-child(1) img:nth-child(1){ width: 32.4%; vertical-align: top }
	.site--content .schoolguide--facility .facility-bg .hotel.box2 li:nth-child(1) img:nth-child(2){ width: 67.6%; vertical-align: top }
	.site--content .schoolguide--facility .facility-bg .bride li{ background: #c47380 !important; }
	.site--content .schoolguide--facility .facility-bg .bride li.cont{ position:relative; }
	.site--content .schoolguide--facility .facility-bg .bride li.cont img{ position:absolute; top: 20px; left: 10px; }
	.site--content .schoolguide--facility .facility-bg .bride.box1 li.cont p{ padding-left: 100px; }
	.site--content .schoolguide--facility .facility-bg .bride li.cont p.title{ text-align: left }
	.site--content .schoolguide--facility .facility-bg .box.bride ul li{ float: none; width:100% !important }
	.site--content .schoolguide--facility .facility-bg .bride.box1 li:nth-child(1) img{ width: 100% }
	.site--content .schoolguide--facility .facility-bg .bride.box2 li:nth-child(1) img:nth-child(1){ width: 32.4%; vertical-align: top }
	.site--content .schoolguide--facility .facility-bg .bride.box2 li:nth-child(1) img:nth-child(2){ width: 67.6%; vertical-align: top }
	
	.site--content .schoolguidecast--support ul.graph li{ width: 100%; float: none; padding: 20px }
	.site--content .schoolguidecast--support ul.graph li:first-child{ padding-top: 10px }
	.site--content .schoolguidecast--practice ul li{ float: none; width: 100%; padding: 10px }
	.site--content .schoolguidecast--practice ul li .box{ display: table; min-height: 180px; width: 100% }
	.site--content .schoolguidecast--practice ul li .box .img_con{ width:50%; display: table-cell; vertical-align: middle }
	.site--content .schoolguidecast--practice ul li .box .img_con img{ display: none; }
	.site--content .schoolguidecast--practice ul li .box .inf_con{ width:50%; display: table-cell; vertical-align: middle; padding:10px }
	.site--content .schoolguidecast--practice ul li:nth-child(1) .img_con{background:url(../images/schoolguidecast--practice1.png) center;background-size:cover;}
	.site--content .schoolguidecast--practice ul li:nth-child(2) .img_con{background:url(../images/schoolguidecast--practice2.png) center;background-size:cover;}
	.site--content .schoolguidecast--practice ul li:nth-child(3) .img_con{background:url(../images/schoolguidecast--practice3.png) center;background-size:cover;}
	.site--content .schoolguidecast--qualification ul li{ width: 95%; padding: 0 0 20px; min-height: auto }
	.site--content .schoolguidecast--qualification .note{ padding: 20px }
	.site--content .schoolguidecast--support2 ul li{ float: none; width: 100%; padding: 10px 0 }
	.site--content .schoolguidecast--support2 ul li .box{ display: table; }
	.site--content .schoolguidecast--support2 ul li .box .img_con{ display: table-cell !important; width: 40%; }
	.site--content .schoolguidecast--support2 ul li:nth-child(1) .box .img_con{ background:url(../images/schoolguidecast--support2-1.png) center;background-size:cover; background-repeat: no-repeat;background-position: top;}
	.site--content .schoolguidecast--support2 ul li:nth-child(2) .box .img_con{ background:url(../images/schoolguidecast--support2-2.png) center;background-size:cover; background-repeat: no-repeat;background-position: top;}
	.site--content .schoolguidecast--support2 ul li .box .inf_con{ display: table-cell !important; width: 60%;  vertical-align:middle; }
	.site--content .schoolguidecast--support2 ul li .box .inf_con table{min-height: 150px; }
	.site--content .schoolguidecast--support2 ul li .box .inf_con table td{ display: block; width: 100% }
	.site--content .schoolguidecast--support2 ul li .box .inf_con table td:first-child{ padding: 20px 20px 0; font-size: 20px; }
	.site--content .schoolguidecast--support2 ul li .box .inf_con table td:last-child{  padding: 10px 20px 20px; font-size: 14px; }
	.site--content .schoolguidecast--support3 ul li{ float: none; width: 100%; padding: 10px 0 }
	.site--content .schoolguidecast--support3 ul li .box{ display: table; width: 100%; }
	.site--content .schoolguidecast--support3 ul li .box .img_con{ display: table-cell !important; width: 40%; }
	.site--content .schoolguidecast--support3 ul li:nth-child(1) .box .img_con{ background:url(../images/schoolguidecast--support3-1.png) center;background-size:cover; }
	.site--content .schoolguidecast--support3 ul li:nth-child(2) .box:nth-child(1) .img_con{ background:url(../images/schoolguidecast--support3-2.png) center;background-size:cover; }
	.site--content .schoolguidecast--support3 ul li:nth-child(2) .box:nth-child(2) .img_con{ background:url(../images/schoolguidecast--support3-3.png) center;background-size:cover; }
	.site--content .schoolguidecast--support3 ul li .box table{ float: none; width: 100% }
	.site--content .schoolguidecast--support3 ul li .box table tr td{ width: 100% !important; display: block }
	.site--content .schoolguidecast--support3 ul li .box .inf_con{ display: table-cell !important; width: 60%;  vertical-align:middle; }
	.site--content .schoolguidecast--support3 ul li .box .inf_con table{min-height: 150px; }
	.site--content .schoolguidecast--support3 ul li .box .inf_con table td{ display: block; width: 100% }
	.site--content .schoolguidecast--support3 ul li .box .inf_con table td:first-child{ padding: 20px 20px 0; font-size: 20px; }
	.site--content .schoolguidecast--support3 ul li .box .inf_con table td:last-child{  padding: 10px 20px 20px; font-size: 14px; }
	.site--content .schoolguidecast--support3 ul li:nth-child(2) .box .inf_con table tr:first-child td{ padding: 20px 20px 0; font-size: 20px; }
	.site--content .schoolguidecast--support3 ul li:nth-child(2) .box .inf_con table tr:last-child  td{  padding: 10px 20px 20px; font-size: 14px; }
	.site--content .schoolguidecast--support4 ul li{ width: 50% !important; padding: 0 10px }
	.site--content .schoolguidecast--support4 .img_con{ text-align: center; padding: 20px 10px }
	.site--content .schoolguidecast--support4 .img_con img{ width: auto; margin:auto; }
	
	.site--content .admission--links .wrap{ padding: 0 }
	.admission--pdf img{ right: 0; }
	
	footer .footer--list ul a{ 
		padding: 5px 0;
		display: inline-block; 
	}
	footer .footer--list a{
		padding-top:5px;
		padding-bottom:0px;
		display: inline-block; 
	}
	footer .footer-btns{ padding: 35px 0 }
	footer .footer-btns ul li{ width: 100%; float: none; padding: 5px; text-align: center !important;  }
	footer .footer-btns ul li a{ padding: 15px 10px; width: 95% !important; margin: auto; text-align: center; background-position-x: 98%;background-size: 7px; }
	footer .footer--totop{ right: 10px }

	footer .footer--list .list0, 
	footer .footer--list .list1, 
	footer .footer--list .list2, 
	footer .footer--list .list3, 
	footer .footer--list .list4{ display: block; width: 100%;}

	.full--container ._intro._intro-department ul li img,
	.full--container ._intro._intro-department2 ul li img {
		width: auto;
	}

	.site--content .department--about .title-dev{
		margin-top: 20px;
	}

	.site--content .department--about2 .title-dev img,
	.site--content .department--about .title-dev img{
		max-width: 250px;
	}

	.full--container ._intro._intro-department ul li .content h5,
	.full--container ._intro._intro-department2 ul li .content h5{
		font-size: 20px;
	}

	.nlabel{
		font-size: 16px !important;
		font-weight: normal !important;
	}

	.site--content .department--about2 .intro .content .head h5,
	.site--content .department--about .intro .content .head h5{
		padding-bottom: 2px;
		padding-left: 1px;
	}

	.full--container ._intro._intro-department2{
		margin-bottom: 0px;
	}

	.full--container ._intro._intro-department,
	.full--container ._intro._intro-department2{
		margin-top: -15px;
	}

	.wrap{
		padding: 0 15px;
	}
	footer .footer--list h2{
		margin: 0 0 20px;
	}
	footer .footer--list h2 img{
		max-width: 200px;
	}

	.site--content .castwell--points .button a{
		margin: 20px auto 0;
	}

	.site--content .castwell--gallery .title-dev h2.h3-rep,
	.site--content .castwell--gallery .title-dev h3{
		background-position: 7px !important;
	}

	.site--content .castwell--points .title-dev h2.h3-rep,
	.site--content .castwell--points .title-dev h3,
	.site--content .castwell--course .title-dev h2.h3-rep,
	.site--content .castwell--course .title-dev h3,
	.site--content .castwell--gallery .title-dev h2.h3-rep,
	.site--content .castwell--gallery .title-dev h3{
		font-size: 23px;
	}

	.site--content-points{
		margin-bottom: 0px;
	}

	.site--content-points .castwell--points{
		padding-bottom: 25px;
	}

	.site--content .castwell--course {
		margin-bottom: 0px;
	}

	.site--content .castwell--course .banner{
		margin-top: 0px;
	}

	.site--content .title-dev p{
	}

	.site--content .title-dev p br{
	}

	.video--banner .button #myBtn {
	    font-size: 14px;
	    padding: 5px 15px;
	    border: none;
	    background: #bf9c3b;
	    color: #fff;
	    cursor: pointer;
	    width: auto;
	}

	footer .footer--contact h3{
		font-size: 24px;
	}

	footer .footer--contact p{
		font-size: 12px;
	}

	footer .footer--list h2{
		width: 100%;
	}

	footer .footer--copyright{
		padding: 25px 0;
	}

	.admission--menu ul li{
		width: 50%;
		margin-bottom: 10px;

	}
	.site--content .hotelinter--lesson .margin-bottom{
		margin-bottom: 0px;
	}
	.site--content .bridalcoordinator--occupation,
	.site--content .bridalplanner--occupation,
	.site--content .hotelinter--occupation,
	.site--content .hotelinner--occupation{
		margin-bottom: 20px;
	}
	.site--content .bridalcoordinator--occupation .title-dev,
	.site--content .bridalplanner--occupation .title-dev,
	.site--content .hotelinter--occupation .title-dev,
	.site--content .hotelinner--occupation .title-dev{
		margin-bottom: 0px;
	}
	.site--content .bridalcoordinator--occupation .title-dev h2,
	.site--content .bridalplanner--occupation .title-dev h2,
	.site--content .hotelinter--occupation .title-dev h2,
	.site--content .hotelinner--occupation .title-dev h2{
		font-size: 18px;
		line-height: 1.5;
		margin-bottom: 30px;
	}

	.site--content .bridalcoordinator--occupation .title-dev h2 br{
		display: none;
	}
	.site--content .bridalcoordinator--class .title-dev h3,
	.site--content .hotelinner--class .title-dev .hotel-iconed-title.hit-02{
		margin-top: 10px;
		margin-bottom: 0px;
	}
	.site--content .bridalcoordinator--class,
	.site--content .hotelinner--class.hotelinner--calendar{
		margin-bottom: 30px;
	}
	.site--content .bridalcoordinator--lesson,
	.site--content .bridalplanner--lesson,
	.site--content .hotelinter--lesson,
	.site--content .hotelinner--lesson{
		padding-top: 30px;
		padding-bottom: 0px;
	}
	.site--content .bridalcoordinator--lesson .title-dev,
	.site--content .bridalplanner--lesson .title-dev,
	.site--content .hotelinner--lesson .title-dev{
		margin-bottom: 0px;
	}

	.site--content .bridalcoordinator--class .title-dev h3{
		margin-top: 10px !important;
	}

	.hotel--full .button a{
		z-index: 1;
		position: relative;
		text-align: center !important;
	}

	.hotel--full .wrap p:first-child + p{
		font-size: 20px;
	}
	.site--content .schoolguide--points .title-desc h3{
		font-size: 36px;
	}

	.site--content .hotelinter--occupation .title-dev h2{
		line-height: 1.5;
	}
	.site--content ul.schoolguide--rank{ 
		margin: 0;
		width: 100%
	}
	.site--content .schoolguide--support{
    	margin-bottom:20px;
	}
	.site--content.guide-points{
	    margin-bottom:20px;
	}
	.site--content .hotelinter--lesson .title-dev{
		margin-bottom: 0px;
	}
	.site--content .hotelinter--lesson .title-dev h3{
		margin-bottom: 0px;
	}
	.hotel--full2.hotel--full2-flp{
		margin-bottom: -20px;
		margin-top: 20px;
	}
	.site--content .schoolguide--points .title-dev{
		margin-top: 0;
	}
	
	.site--content .schoolguide--points .title-dev p,
	.site--content .schoolguide--support .title-dev p.font-adj{
		padding-left: 0;
    	padding-right: 0;
	}
	.site--content .schoolguide--facility .title-dev p{
		padding: 0 15px;
	}
	.site--content .schoolguide--facility .facility-bg .box.hotel ul li.adj-space{
		padding-top:20px;
		padding-bottom:20px;
	}
	.site--content .schoolguide--points .title-dev h2{
		padding-top:2px;
	}
	.site--content .schoolguide--facility .title-dev h2{
		padding-top:2px;
	}
	.site--content .schoolguide--facility .facility-bg .box ul li p.title{
	    font-size: 18px;
	}
	.site--content .steps-title .medium-text{
		font-size: 20px;
	}
	.site--content .steps-title .big-text{
		font-size: 30px;
	}

	.site--content .admission table tr td:first-child{
		padding-left: 15px;
	}
	.site--content .admission table.table-duo:not(.sub-table) tr > td{
		display: block;
		width: 100%;
	}

	.site--content .admission table.table-duo tr > td table tr td{
		display: table-cell !important;
		width: unset !important;
	}
	.site--content .admission table tr td:last-child{
		padding-right: 15px;
	}
	.site--content .admission table tr td ul li:first-child,
	.site--content .admission table tr td ul li:last-child{
		width: 100%;
		display: block;
	}
	.site--content .admission table.table-duo:not(.sub-table):not(.inner-table3) tr > td:first-child{
		border-right: 2px solid #bf9c3b;
		border-bottom: 0px;
		padding-bottom: 0px;
	}
	.site--content .admission table.table-duo:not(.sub-table):not(.inner-table3) tr > td:first-child br{
		display: none;
	}
	.site--content .admission table.table-duo:not(.sub-table):not(.inner-table3) tr > td:last-child{
		border-left: 2px solid #bf9c3b;
		border-top: 0px;
		padding-top: 10px;
	}
	.site--content .admission table.table-duo:not(.sub-table):not(.inner-table3) tr > td.bordered-lr.last{
		padding-bottom: 20px;
		border-bottom: 2px solid #bf9c3b;
	}
	.site--content .admission table.table-duo:not(.sub-table):not(.inner-table3) tr > td table tr td:first-child{
		border-right: 0px;
	}

	.site--content .admission table.table-duo:not(.sub-table):not(.inner-table3) tr > td table tr td:last-child{
		border-left: 0px;
	}
	.site--content .schoolguidecast--support{
	    margin-bottom: 25px;
	}
	.site--content .schoolguidecast--practice{
	    margin-bottom: 30px;
	}
	.site--content .schoolguidecast--support3{
	     margin-bottom: 20px;
	}
	.site--content .schoolguidecast--support2{
	    margin-bottom:20px;
	}
	.site--content .schoolguidecast--qualification{
	    margin-bottom:20px;
	}
	.site--content ul.schoolguide--rank li:last-child{
	    padding-bottom: 5px;
	}
	.site--content .schoolguidecast--support4 .note{
	    padding-left: 10px;
	    padding-right: 10px;
	}
	.site--content .admission table .inner-table2.selection-sub-table1 tr td:first-child{
		border-bottom: 1px solid #bf9c3b !important;
	}
	
	.inner-table3-div{
		width: 100%;
	}
	.inner-table3-div .itd-box{
		padding: 20px 10px;
		border-top: 1px solid #bf9c3b;
		border-bottom: 1px solid #bf9c3b;
	}
	.inner-table3-div .itd-box.last{
		border-top: 0px solid #bf9c3b;
	}

	.site--content .title-dev .unstyled{
		line-height: 1.5;
		margin-bottom: 0px;
	}

	.site--content .admission table tr td ul li:first-child{
		padding: 20px 20px;
		border-right: 0px;
	}
	.site--content .admission table tr td ul li:last-child{
		border-left: 0px;
	}
	.admission--pdf{
		margin-top: 40px;
	}
	.admission--pdf .title-dev{
		margin-bottom: 10px;
	}
	.admission--pdf .title-dev h3{
		font-size: 20px;
		padding-left: 40px;
	}
	.admission--pdf .title-dev h2{
		font-size: 20px;
		padding-left: 40px;
	}
	.admission--pdf .button a{
		margin-top: 0px;
		line-height: 24px;
	}
	.mobile-slide-table{
		
	}

	.exp-slider-table{
		width: 100%;
		position: relative;
		overflow: auto;
	}
	.exp-slider-table table{
		min-width: 1000px;
	}
	.exp-slider-table .box-table{
		min-width: 1000px;
	}
	.site--content .admission table.expense-solo2 tr td{
		display: block;
		width: 100% !important;
	}
	.site--content .admission table.expense-solo2 tr td:not(:first-child){
		padding-top: 0px;
	}
	.site--content .admission ._table h4 span{
		margin-left: 0px;
	}

	.site--content .admission table.expense-solo.expense-solo-dormy tr td{
		display: block;
		width: 100% !important;
		border-bottom: 0px !important;
		border-top: 0px !important;
	}
	.site--content .admission.admission_dormitory .dormitory--info table tr td{
		display: block;
		width: 100% !important;
		border-bottom: 0px !important;
		border-top: 0px !important;
	}
	.site--content .access--map h5{
		font-size:16px;
	}
	.site--content .access--map p.font-dev00{
		font-size:14px;
	}

	.dorm_table_box{
		width: 100%;
	}
	.dorm_table_box .dtb_title{
		text-align: center;
		padding: 10px;
		background-color: #bf9c3b;
		color: #fff;
		font-weight: bold;
	}
	.dorm_table_box .dtb_body{
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.dorm_table_box .dtb_body .dtb_box{
		background-color: #fff;
	}
	.dorm_table_box .dtb_body .dtb_box .dtb_box_title{
		background-color: #f5f0e2;
		padding: 15px;
		text-align: center;
	}
	.dorm_table_box .dtb_body .dtb_box .dtb_box_desc{
		background-color: #fff;
		color: #222;
		padding: 15px;
		text-align: center;
		border: 1px solid #bf9c3b;
	}
	.dorm_solo_link{
		word-break: break-all;
	}
	.site--content .access--map iframe{
        width: 100%;
    }
    .site--content .admission table.expense-solo3 tr td:not(:first-child){
    	padding-top: 20px;
    }
    .site--content .admission table.expense-solo3 tr:first-child td{
    	line-height: 100%;
    	padding-bottom: 13px !important;
    }
    .site--content .admission_recruit--flow table tr th,
    .site--content .admission_recruit--flow table tr td{
    	font-size: 15px;
    }
    .site--content .admission_recruit--flow table tr td{
    	padding: 10px;
    }
    .site--content .admission_recruit--flow ul li:last-child table td{
    	padding: 113.5px 10px;
    }
    .site--content .admission_recruit--wanted table tr td.br-3rd-cell{
    	padding-right: 10px;
    	padding-left: 10px;
    }
    .site--content .admission table.expense-solo3 tr td:first-child{
    	border-bottom: 0px !important;
    }
	footer .footer--list .list1 ul li:before,
	footer .footer--list .list0 ul li:before,
	footer .footer--list .list3 ul li:before{
		font-size: 28px;
		top: 45%;
	}

	/* oc p-age */
	.site--content .oc--footerlinks ul li .box{
        width: auto;
        padding-left:20px;
        padding-right:20px;
    }
    .site--content .oc--footerlinks ul li .box h5{
        font-size: 18px;
    }
    .site--content .oc--footerlinks ul li .box h5 img{
        margin: 0px 8px;
    }
	.site--content .oc--schedule .event-schedule li{
		flex-direction: column;
	}
	.site--content .oc--schedule .event-schedule div{
		width: 100% !important;
	}
    .site--content .oc--consultation:before{
        position: initial;
    }
    .site--content .oc--consultation{
        background-color: #c3737f;
        padding: 20px 0;
    }
    .site--content .oc--consultation .image--contsultation{
        width: 100%;
        text-align: center;
    }
    .site--content .oc--consultation img{
        width: 50%;
    }
    .site--content .oc--consultation .content{
        width: 100%;
        padding-top: 20px;
    }
    .site--content .oc--footerlinks ul li{
        width: 100%;
        padding-left:0px;
        padding-right:0px;
    }
    .site--content .oc--schedule ul li{
        padding: 10px 0;
        text-align: center;
    }
    .site--content .oc--schedule ul li span:nth-child(1){
        text-align: center;
    }
    .site--content .oc--schedule ul li a{
        position: initial;
        display: block;
        max-width: 175px;
        margin: 10px auto;
        text-align: center;
        margin-bottom: 0px;
    }
    .site--content .oc--schedule{
        width: 100%;
    }
    .site--content .oc--consultation .content{
        padding-left: 0px;
        padding-right: 0px;
    }
    .site--content .oc--consultation{
        margin-bottom: 30px;
    }
    .site--content .oc--footerlinks{
        padding: 20px 0;
    }
    .site--content .oc--schedule{
        margin-bottom: 31px;
    }
    .department-persona-box.dpb-04{
    	margin-bottom: 20px;
    }
    .video--banner .button{
		bottom: 10px;
	}
	#blog-opencampus .schedule{
	    flex-direction: column-reverse;
	}
	#blog-opencampus .schedule .text{
		text-align: center;
	}
	#blog-opencampus .program-block {
	        padding: 20px;
	}
	#blog-opencampus .globalfair .photo-box{
		display: flex;
		flex-direction: column;
	}
	#blog-opencampus .globalfair .photo-box .photo{
		width: 100%;
		margin-bottom: 2rem;
		text-align: center;
	}
	#blog-opencampus .globalfair .photo-box .text{
		width: 100%;
	}

}

@media screen and (max-width: 650px) {
	.admission--pdf{
		text-align: center;
	}
	.admission--pdf img{
		position: initial;
		margin-top: 10px;
	}
}

@media screen and (max-width: 370px) {
	.admission--menu ul li{
		width: 100%;
		margin-bottom: 10px;

	}
}

@media only screen and (max-width:630px){
	.sp-view .site--navigation ul.buttons li a{ font-size: 15px; }
	
	.site--content ul.schoolguide--rank li .box h4 img{ width: 50px }
	.site--content .schoolguidecast--practice ul li .box p.title{ margin: 10px 0 0; }
	.site--content .schoolguidecast--practice ul li .box p{ margin: 10px; }
	.site--content .admission_recruit--flow ul li:last-child table td{
    	padding: 102px 10px;
    }
}

@media only screen and (max-width:530px){
	.sp-view .site--navigation h1 img{ width: 45% }
	.sp-view .site--navigation .menu ul.navigation{ width: 95% }
	.sp-view .site--navigation .menu ul.navigation li a{ font-size: 16px }
	.sp-view .site--navigation ul.buttons li a{ font-size: 12px; }
	.site--content .castwell--points .button a{ padding: 15px 0; width: 100%; }
	.site--content .castwell--gallery .title-dev h2.h3-rep{ background: url(../images/icons/couple.png) no-repeat left top; text-align: left }
	.site--content .castwell--gallery .title-dev h3{ background: url(../images/icons/couple.png) no-repeat left top; text-align: left }
	
	.site--content .hotelinner--lesson ul li .box .content{ padding: 15px; }
	
	
}
@media only screen and (max-width:495px){

	.site--content ul.schoolguide--rank li{ width: 100% }
	.site--content ul.schoolguide--rank li .box h4 img{ width: auto }
	
	.site--content .schoolguidecast--practice ul li:nth-child(2) .img_con{ background: url(../images/schoolguidecast--practice2.png) center left; background-size:cover; }
	
	.site--content .admission--links ul li{ width: 100% }
	.site--content .admission--links ul li ol{ min-height:auto }
}
@media only screen and (max-width:450px){
	.hotel--full .button a{ padding: 5px 35px 5px 10px; text-align: left }
	.bridal--full .button a{ padding: 5px 35px 5px 10px; text-align: left }
}

@media only screen and (max-width:430px){
	body{
		padding-top: 125px;
	}
	header{
		position: fixed;
	}
	.sp-view .site--navigation h1 img{ 
		/*width: 55%*/
		width: 45%;
	}
	.sp-view .site--navigation ul.buttons li a{ font-size: 10px; }
	.department-persona-box{
		height: 102vw;
		width: 82vw;
	}
	
	footer .footer--totop{ bottom: 100px }
	footer .footer--totop img{ width: 60px; top }
	.site--content .bridalcoordinator--lesson ul li .box,
	.site--content .bridalcoordinator--occupation ul li .box,
	.site--content .bridalplanner--occupation ul li .box,
	.site--content .hotelinter--lesson ul li .box,
	.site--content .bridalplanner--lesson ul li .box,
	.site--content .hotelinner--lesson ul li .box{ 
		display: block;
	}
	.site--content .bridalcoordinator--lesson ul li .box .img_con,
	.site--content .bridalcoordinator--occupation ul li .box .img_con,
	.site--content .bridalplanner--occupation ul li .box .img_con,
	.site--content .hotelinter--lesson ul li .box .img_con,
	.site--content .bridalplanner--lesson ul li .box .img_con, 
	.site--content .hotelinner--lesson ul li .box .img_con{ 
		width:100%; 
		display: block; 
		vertical-align: middle;
	}
	.site--content .bridalcoordinator--lesson ul li .box .img_con img,
	.site--content .bridalcoordinator--occupation ul li .box .img_con img,
	.site--content .bridalplanner--occupation ul li .box .img_con img,
	.site--content .hotelinter--lesson ul li .box .img_con img,
	.site--content .bridalplanner--lesson ul li .box .img_con img, 
	.site--content .hotelinner--lesson ul li .box .img_con img{ 
		display: block; 
	}
	.site--content .bridalcoordinator--lesson ul li .box .container,
	.site--content .bridalcoordinator--lesson ul li .box .content,
	.site--content .bridalplanner--occupation ul li .box .content,
	.site--content .bridalplanner--lesson ul li .box .content,
	.site--content .hotelinter--lesson ul li .box .content,
	.site--content .hotelinner--lesson ul li .box .content{ 
		width:100%; 
		display: block; 
		vertical-align: middle; 
		padding: 20px; 
	}
	.site--content .bridalcoordinator--lesson ul li .box,
	.site--content .bridalcoordinator--lesson ul li .box .container,
	.site--content .bridalcoordinator--lesson ul li .box .content,
	.site--content .bridalplanner--lesson ul li .box .content,
	.site--content .hotelinter--lesson ul li .box .content,
	.site--content .hotelinner--lesson ul li .box .content{
		min-height: auto;
	}

	.site--content .bridalcoordinator--occupation ul li .box,
	.site--content .hotelinter--occupation ul li .box,
	.site--content .hotelinner--occupation ul li .box{ 
		display: block; 
		min-height: 180px; 
		width: 100% 
	}

	.site--content .hotelinter--occupation ul li .box .img_con,
	.site--content .hotelinner--occupation ul li .box .img_con{ 
		width: auto; 
		display: block; 
		vertical-align: middle;
	}
	.site--content .hotelinter--occupation ul li .box .img_con img,
	.site--content .hotelinner--occupation ul li .box .img_con img{ 
		display: block; 
	}
	.site--content .hotelinter--occupation ul li .box p.title,
	.site--content .hotelinner--occupation ul li .box p.title{ 
		width: auto; 
		display: block; 
		vertical-align: middle; 
		padding:10px;
	}

	.hotel--full .button{
		bottom: -30px
	}

	.hotel--courses .title-dev h3{
		font-size: 20px;
		padding-top: 3px;
		padding-bottom: 3px;
	}

	.hotel--full2 .wrap .pull-right span{
		top: 25px;
	}
	.site--content .schoolguidecast--practice ul li .box .img_con{
		width: 100%;
		display: block;
		height: 250px;
	}
	.site--content .schoolguidecast--practice ul li .box .inf_con{
		width: 100%;
    	display: block;
	}
	.site--content .schoolguidecast--support3 ul li .box .img_con,
	.site--content .schoolguidecast--support2 ul li .box .img_con{
		width: 100%;
		display: block !important;
		/*height: 250px;*/
		height: 126px;
	}
	.site--content .schoolguidecast--support3 ul li .box .inf_con,
	.site--content .schoolguidecast--support2 ul li .box .inf_con{
		width: 100%;
    	display: block !important;
	}
	.site--content .schoolguidecast--support3 ul li,
	.site--content .schoolguidecast--support2 ul li{
	    padding-left: 15px;
	    padding-right: 15px;
	}
	.site--content .schoolguidecast--support4 ul li{
		width: 100% !important;
    	padding: 0;
	}
	.mobile-slide-table{
		display: none;
	}
	.mobile-slide-table2{
		display: block;	
	}
	.mobile-slide-table2 .boxy-abc{
		background-color: #fff;
		border: 1px solid #bf9c3b;
		text-align: center;
		margin-bottom: 5px;
	}
	.mobile-slide-table2 .boxy-abc .boxy-tite{
		padding: 15px;
		background-color: #f5f0e2;
		border-bottom: 1px solid #bf9c3b;
	}
	.mobile-slide-table2 .boxy-abc .boxy-desc{
		padding: 15px;
	}
	.site--content .admission_recruit--flow ul li:last-child table td{
    	padding: 125px 10px;
    }
	footer .footer--list .list1 ul li:before,
	footer .footer--list .list0 ul li:before,
	footer .footer--list .list3 ul li:before{
		top: 13px;
	}
}

@media only screen and (max-width:384px){
	.site--content .castwell--points:after{ top: 10%; bottom: 23% }
	.hotel--full .button{ bottom: -30px }
	.bridal--full .button{ bottom: -50px }
}

@media only screen and (max-width:340px){
	.site--content .castwell--course .content-dev .detail a{
		font-size: 3.75vw;
	}
	.sp-view .site--navigation ul.buttons li a{
		font-size: 9px;
	}
	.site--content .admission table .inner-table2.selection-sub-table1 tr th, 
	.site--content .admission table .inner-table2.selection-sub-table1 tr td{
		font-size: 12px;
	}
	.admission--pdf .title-dev h3{
		padding-left: 35px;
		font-size: 18px;
	}
	.admission--pdf .title-dev h2{
		padding-left: 35px;
		font-size: 18px;
	}
	.site--content .admission_recruit--flow ul li:last-child table td{
    	padding: 150px 10px;
    }
}
@media only screen and (max-width: 320px){
	.site--content .schoolguidecast--support2 ul li:nth-child(1) .box .img_con{
		background-size: contain;
	}
	.site--content .schoolguidecast--support2 ul li:nth-child(2) .box .img_con{
		background-size: contain;
	}
	.site--content .schoolguidecast--support3 ul li .box .img_con, .site--content .schoolguidecast--support2 ul li .box .img_con{
		height: 107px;
	}
	.site--content .oc--schedule .title-dev h3{
        font-size: 20px;
    }
    .site--content .oc--footerlinks ul li .box h5 img{
        max-width: 25px;
        margin: 0px 0px;
    }
    .site--content .oc--footerlinks ul li .box.box-dev h5 img{
        max-width: 35px;
    }
    .site--content .oc--footerlinks ul li .box.box-dev h5 img{
        margin: 0px 13px;
    }
}
/* IE */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.site--content .castwell--course .content-dev .detail a,
	.site--content .castwell--gallery .title-dev h2.h3-rep,
	.site--content .castwell--gallery .title-dev h3,
	.site--content .castwell--course .title-dev h2.h3-rep,
	.site--content .castwell--course .title-dev h3,
	.site--content .castwell--points .title-dev h2.h3-rep,
	.site--content .castwell--points .title-dev h3,
	.site--navigation .site--navigation-info .site--nav li a,
	footer .footer-btns a,
	.site--branding .wrap ul li a span.hb-text,
    .video--banner .button #myBtn{
    	line-height: 100%;
    }

    .site--branding .wrap ul li a {
    	padding-top: 6px;
    	padding-bottom: 0px;
    }

    .site--branding .wrap ul li a span.hb-text .header-ico{
    	top: 35%;
    }

    .site--navigation .site--navigation-info .site--nav li a{
    	padding: 16px 0 10px 30px;
    }

    .video--banner .button #myBtn{
    	padding: 18px 15px 12px 15px;
    }

    .site--content .castwell--gallery .title-dev h2.h3-rep,
    .site--content .castwell--gallery .title-dev h3{
    	padding-top: 10px;
		-ms-background-position-y: 0px;
    }
	.site--content .castwell--course .title-dev h2.h3-rep,
	.site--content .castwell--course .title-dev h3{
		padding-top: 5px;
		-ms-background-position-y: 0px;
	}
	.site--content .castwell--points .title-dev h2.h3-rep,
	.site--content .castwell--points .title-dev h3{
		padding-top: 9px;
		-ms-background-position-y: 2px;
	}

	.site--content .castwell--points .button a{
		padding: 15px 150px 10px;
	}

	.site--content .castwell--course .content-dev .detail a{
		padding-top: 15px;
		padding-bottom: 9px;
	}

	footer .footer-btns a{
		padding: 11px 60px 6px;
	}

	.site--navigation .site--navigation-infosub ul.site--navsub li:first-child span{
		padding: 10px 30px 5px;
		line-height: 100%;
	}

	.site--content .department--about .intro .content .head,
	.site--content .department--about2 .intro .content .head{
		padding: 0 5px 15px;
		margin-bottom: 25px;
	}

	.full--container ._intro._intro-department ul li .content h5, .site--content .department--about ._intro ul li .content h5{
		padding: 25px 0 15px;
	}

	 .site--content .title-dev .iconed-title{
	 	padding-top: 9px;
	 	margin-bottom: 0px;
	 }

	 .hotel--full .button a{
	 	padding: 15px 50px 10px;
	 }
	 .hotel--full2 .wrap .pull-right span{
	 	padding: 22px 3px 15px;
	 	line-height: 100%;
	 	top: -7px;
	 }

	 .site--content .schoolguide--support .button a{
	    padding-bottom: 9px;
	}

	.site--content .schoolguide--points .title-dev h2{
	    padding-top:11px;
	}

	.site--content .schoolguide--support .title-dev h2{
	    padding-top:12px;
	}
	.site--content .schoolguide--facility .title-dev h2{
	    padding-top: 10px;
	}

	.site--content .schoolguide--points .title-desc ul li{
	    padding-top:6px;
	}
	.site--content ul.schoolguide--rank li .box h4 span{
		padding-top:10px;
	}
	.site--content .schoolguidecast--support ul.graph li .title{
	    padding-top: 10px;
	}

	.site--content .schoolguidecast--qualification ul li .title{
	    padding-bottom:9px;
	}

	.site--content .schoolguidecast--support4 ul li .box h3{
	    padding-top:14px;
	}
	.site--content .schoolguidecast--qualification ul li .title.title-dev-solo{
        padding-bottom:6px !important;
    	padding-top:12px !important;
        line-height: 100%;
    }

	.site--content .schoolguidecast--support .title-dev h3{
	    padding-top: 7px;
	    padding-bottom:0px;
	}
	.site--content .oc--schedule ul li a{
		padding-top:8px;
	}
	.site--content .admission table tr th{
		padding: 8px 5px 2px;
	}
	.admission--menu ul li a{
		padding: 6px 10px 0px;
	}
	.admission--pdf .button a{
		padding: 18px 50px 12px;
	}
	.expense-wtitle{
		padding: 12px 10px 6px !important;
	}
	.expense-ytitle{
		padding: 13px 10px 7px !important;
	}
	.site--content .admission .inner-table2-1 tr th{
		padding: 8px 10px 2px;
	}
	.site--content .admission_recruit--flow ul li:last-child table td{
    	padding: 153.5px 20px;
    	min-height: auto;
    }
    footer .footer--list .list1 ul li::before, footer .footer--list .list0 ul li::before, footer .footer--list .list3 ul li::before{
	    top:61%;
	}
	.site--content .oc--metting .title-dev h3{
        padding-top: 14px;
        padding-bottom: 6px;
    }
    .site--content .oc--schedule .title-dev h3{
        padding-top: 10px;
    }
    .site--content .oc--schedule ul li a{
        padding-top:8px;
    }
    .site--content .oc--footerlinks ul li .box .button a{
        padding-top:13px;
    }
    .site--content .oc--metting .button a{
        padding-top:15px;
    }

}