@charset "utf-8";

/*初期化の設定
------------------------------------------------------------------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,
cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,
ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,
embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video
{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
table{border-collapse:collapse;border-spacing:0}

/*基本レイアウト
------------------------------------------------------------------------------*/
html,body{}
/*基本フォント設定
------------------------------------------------------------------------------*/
body {
	font-size: 14px;
	*font-size:small;
	*font:x-small;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', 'メイリオ','Meiryo', 'ＭＳ Ｐゴシック','sans-serif';	
	line-height: 1.6em;
	color: #000;
}
img{vertical-align: bottom;}
br{ letter-spacing: 0; }

a {color: #1D3993;text-decoration: none; word-break: break-all; word-wrap:break-word;}
a:hover {text-decoration: none;}
.under{text-decoration: underline; color:#008BCC;}
.under:hover{text-decoration: none;}
p.under{color: #000;}
a.linkno{color: #333;}
a.linkno:hover{text-decoration: none;}
table {font-size:inherit;}
pre,code,kbd,samp,tt {font:inherit;*font-size:108%;line-height:100%;}
strong{font-weight: bold;}
textarea,input {
	font:inherit
}
h1,h2,h3,h4,h5,h6,strong,th,.Bld{font-weight:bold;font-family: 'ヒラギノ角ゴ Pro W6','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', 'メイリオ','Meiryo', 'ＭＳ Ｐゴシック','sans-serif' !important;}
/*共通の設定
------------------------------------------------------------------------------*/

/*■文字の設定*/
.fnt3S	{font-size: 71.5% !important;} /*10px*/
.fntSS	{font-size: 78.5% !important;} /*11px*/
.fntS	{font-size: 86% !important;} /*12px*/
.fntM	{font-size: 92.8% !important;} /*13px*/
.fntL	{font-size: 114% !important;} /*16px*/
.fntXL	{font-size: 128.5% !important;} /*18px*/
.fnt2XL	{font-size: 143% !important;} /*20px*/
.fnt3XL	{font-size: 157.1% !important;} /*22px*/
.fnt4XL	{font-size: 171.5% !important;} /*24px*/
.fnt5XL	{font-size: 186% !important;} /*26px*/
.fnt6XL	{font-size: 200% !important;} /*28px*/

.lineH{line-height: 1em !important;}
.lineH12{line-height: 1.2em !important;}
.lineH13{line-height: 1.3em !important;}
.lineH14{line-height: 1.4em !important;}
.lineH15{line-height: 1.5em !important;}
.lineH16{line-height: 1.6em !important;}
.lineH18{line-height: 1.8em !important;}
.lineH20{line-height: 2.0em !important;}

.fntN{font-weight: normal !important;}

.clrR{color: #FF2626;}
.clrK{color: #06529F;}
.clrB{color: #008BCE;}
.clrY{color: #FFFF00;}
.clrG{color: #878787;}
.clrG2{color: #444444;}
.clrG3{color: #138A13;}

/*■配置の設定*/

/*縦位置*/
.vlgnT	{vertical-align: top !important;}
.vlgnM	{vertical-align: middle !important;}
.vlgnB	{vertical-align: bottom !important;}

/*横位置*/
.algnR	{text-align: right !important;}
.algnL	{text-align: left !important;}
.algnC	{text-align: center !important;}

/*■マージン、パディング設定*/
.mgT5	{margin-top: 5px !important; }.mgT10{margin-top: 10px !important;}
.mgT15	{margin-top: 15px !important;}.mgT20{margin-top: 20px !important;}
.mgT25	{margin-top: 25px !important;}.mgT30{margin-top: 30px !important;}
.mgT35	{margin-top: 35px !important;}.mgT40{margin-top: 40px !important;}
/*下マージ*/
.mgB1	{margin-bottom: 1px !important; }.mgB3	{margin-bottom: 3px !important;}
.mgB5	{margin-bottom: 5px !important; }.mgB10	{margin-bottom: 10px !important;}
.mgB15	{margin-bottom: 15px !important;}.mgB20	{margin-bottom: 20px !important;}
.mgB25	{margin-bottom: 25px !important;}.mgB30	{margin-bottom: 30px !important;}
.mgB35	{margin-bottom: 35px !important;}.mgB40	{margin-bottom: 40px !important;}
.mgB45	{margin-bottom: 45px !important;}.mgB50	{margin-bottom: 50px !important;}
.mgB55	{margin-bottom: 55px !important;}.mgB60	{margin-bottom: 60px !important;}
.mgB65	{margin-bottom: 65px !important;}.mgB70	{margin-bottom: 70px !important;}
.mgB75	{margin-bottom: 75px !important;}.mgB80	{margin-bottom: 80px !important;}
.mgB85	{margin-bottom: 85px !important;}.mgB90	{margin-bottom: 90px !important;}
.mgB95	{margin-bottom: 95px !important;}.mgB100 {margin-bottom: 100px !important;}
.mgB150 {margin-bottom: 150px !important;}.mgB200 {margin-bottom: 200px !important;}
/*右マージン*/
.mgR5	{margin-right: 5px !important;}
.mgR10	{margin-right: 10px !important;}
.mgR15	{margin-right: 15px !important;}
.mgR20	{margin-right: 20px !important;}
.mgR30	{margin-right: 30px !important;}
/*左右マージン*/
.mgRL5	{margin-right: 5px !important; margin-left: 5px !important;}
.mgRL10	{margin-right: 10px !important; margin-left: 10px !important;}
.mgRL15	{margin-right: 15px !important; margin-left: 15px !important;}
.mgRL20	{margin-right: 20px !important; margin-left: 20px !important;}
.mgAuto{margin: 0 auto;}

/*全てのマージン*/
.pg	{padding: 0 10px;}
.pgR10{padding-right: 10px !important;}
/*左右パディング*/
.pgRL5	{padding-left:5px !important; padding-right: 5px !important;}
.pgRL10	{padding-left:10px !important; padding-right: 10px !important;}
.pgRL15	{padding-left:15px !important; padding-right: 15px !important;}
.pgRL20	{padding-left:20px !important; padding-right: 20px !important;}
/*上下パディング*/
.pg0	{padding:0 !important;}
.pgTB5	{padding: 5px 0 !important;}
.pgTB10	{padding: 10px 0 !important;}
.pgTB15	{padding: 15px 0 !important;}
.pgTB20	{padding: 20px 0 !important;}

/*■テキスト装飾設定*/
.f-left{float: left !important;}
.f-right{float: right !important;}

/*■ハック関連*/

/*段落ち回避用ハック*/
.cfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.cfix { display: inline-block;}
/*Hides from IE-mac\*/
*html .cfix{height:1%;}
.cfix{display: block}

/*段落ち回避用ハック*/
.cfixH:after{content: ".";display: block;clear: both;visibility: hidden;}
.cfixH { display: inline-block;}
/*Hides from IE-mac\*/
*html .cfixH{height:1%;}
.cfixH{display: block}

.hover{display: block; cursor:pointer;}
.hover:hover{
	-ms-filter: "alpha( opacity=50 )";
	filter: alpha( opacity=50 );
	opacity: 0.5;
	text-decoration: none;
	-webkit-transition: opacity .5s ease,border .5s ease;
	/* transition: background-color .5s ease,border .5s ease; */
}

.fja{font-family: 'Fjalla One', sans-serif !important;}
.mei{font-family: 'メイリオ','Meiryo', 'sans-serif' !important;}

.toggle-btn.open{display: none !important;}
.hidden{display: none;}
/*レイアウトの設定
------------------------------------------------------------------------------*/


/***********************************************************************************************************************
* 基本構造
***********************************************************************************************************************/
img{width: 100%;}

/* リンク 「>」 */
a.link-box{display: block; position: relative;}
a.link-box:hover{text-decoration: none;}
a.link-box::before{
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	top: 50%;
	right: 10px;
	margin-top: -6px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	     -o-transform: rotate(45deg);
	        transform: rotate(45deg);
}
a.link-box.type2::before{
	border-top: 2px solid #008BCC;
	border-right: 2px solid #008BCC;
}

/*ボックス*/
.pg-box{padding: 10px;}

.text-box{padding: 10px; background: #D6ECF7;}

/*リスト*/
.list-box li{
	position: relative;
	padding: 0 0 0 10px !important;
	line-height: 1.4em;
	margin-bottom: 5px;
}
.list-box li::before{
	content: "";
	position: absolute;
	background: #000;
	width: 6px;
	height: 6px;
	top: 0px;
	left: 0px;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	margin-top: 0.4em;
}


/*ヘッダー*/
header{width: 100%; position: fixed; z-index: 100;}
header .view{background: #fff; z-index:1; width: 100%; top: 0;}
header .attent{background: #D6ECF7; height: 15px; line-height: 15px; font-size: 64.2%; font-weight: bold; color: #fff;}
header .attent span{background: #008BCD; display: inline-block; padding: 0 5px;}
header h1{width: 192px; height: 51px; margin-top: 1px;}
header #btn-menu{position: absolute; display: block; width: 55px; height: 53px; right: 55px; top: 15px;}
header #btn-menu > div{
	width: 28px;
	height: 3px;
	background: #008BCE;
	position: absolute;
	-webkit-transition: all .5s;
	   -moz-transition: all .5s;
	    -ms-transition: all .5s;
	     -o-transition: all .5s;
	        transition: all .5s;
}
header #btn-menu > div:nth-child(1){
	top: 30%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	   -moz-transform: translate(-50%,-50%);
	    -ms-transform: translate(-50%,-50%);
	     -o-transform: translate(-50%,-50%);
	        transform: translate(-50%,-50%);
}
header #btn-menu.on > div:nth-child(1) {
	top: 50%;
	-webkit-transform: translate(-50%,-50%) rotate(45deg);
	   -moz-transform: translate(-50%,-50%) rotate(45deg);
	    -ms-transform: translate(-50%,-50%) rotate(45deg);
	     -o-transform: translate(-50%,-50%) rotate(45deg);
	        transform: translate(-50%,-50%) rotate(45deg);
}
header #btn-menu > div:nth-child(2){
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	   -moz-transform: translate(-50%,-50%);
	    -ms-transform: translate(-50%,-50%);
	     -o-transform: translate(-50%,-50%);
	        transform: translate(-50%,-50%);
}
header #btn-menu.on > div:nth-child(2) {
	opacity: 0;
}
header #btn-menu > div:nth-child(3){
	top: 70%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	   -moz-transform: translate(-50%,-50%);
	    -ms-transform: translate(-50%,-50%);
	     -o-transform: translate(-50%,-50%);
	        transform: translate(-50%,-50%);
}
header #btn-menu.on > div:nth-child(3) {
	top: 50%;
	-webkit-transform: translate(-50%,-50%) rotate(-45deg);
	   -moz-transform: translate(-50%,-50%) rotate(-45deg);
	    -ms-transform: translate(-50%,-50%) rotate(-45deg);
	     -o-transform: translate(-50%,-50%) rotate(-45deg);
	        transform: translate(-50%,-50%) rotate(-45deg);
}
header .btn-contact{background: #3864C1; position: absolute; display: block; width: 55px; height: 26px; right: 0px; top: 15px; padding-top: 27px; text-decoration: none; color: #fff; font-size: 71.5%; text-align: center;}
header .btn-contact::before{
	content: "";
	position: absolute;
	background: #fff;
	width: 18px;
	height: 12px;
	top: 30%;
	left: 50%;
	margin-left: -9px;
}
header .btn-contact::after {
	content: "";
	position: absolute;
	top: 1px;
	left: 50%;
	width: 18px;
	height: 18px;
	margin-left: -10px;
	border-bottom: 2px solid #3864C1;
	border-right: 2px solid #3864C1;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
header .menu{display: none;}
header nav{padding: 5px;background: #fff;}
header nav a{display: block; position: relative;}
header nav a:hover{text-decoration: none;}
header nav>ul>li{margin-bottom: 5px;}
header nav>ul>li h2 a{color: #fff; padding: 10px 10px;}
header nav>ul>li h2 a::after{
	content: "";
	position: absolute;
	width: 5px;
	height: 5px;
	top: 50%;
	right: 10px;
	margin-top: -5px;
	box-sizing: border-box;
	border: 5px solid transparent;
	border-left: 5px solid #fff;
}
header nav>ul>li>ul>li{border-top: 1px solid #fff;}
header nav>ul>li>ul>li a{padding: 10px 10px 10px 15px; color: #000; font-size: 14px;}
header nav>ul>li>ul>li a::after{
	content: "";
	position: absolute;
	width: 5px;
	height: 5px;
	top: 50%;
	right: 10px;
	margin-top: -5px;
	box-sizing: border-box;
	border: 5px solid transparent;
	border-left: 5px solid #fff;
}

header nav>ul>li:nth-child(1) h2 a{background: #008BCE;}
header nav>ul>li:nth-child(1)>ul>li a{background: #99D1EB;}
header nav>ul>li:nth-child(1)>ul>li a::after{border-left: 5px solid #008BCE;}
header nav>ul>li:nth-child(2) h2 a{background: #FF8B17;}
header nav>ul>li:nth-child(2)>ul>li a{background: #FFD1A2;}
header nav>ul>li:nth-child(2)>ul>li a::after{border-left: 5px solid #FF8B17;}
header nav>ul>li:nth-child(3) h2 a{background: #74AE39;}
header nav>ul>li:nth-child(3)>ul>li a{background: #C7DFB0;}
header nav>ul>li:nth-child(3)>ul>li a::after{border-left: 5px solid #74AE39;}
header nav>ul>li:nth-child(4) h2 a{background: #FF9966;}
header nav>ul>li:nth-child(4)>ul>li a{background: #FFD6C2;}
header nav>ul>li:nth-child(4)>ul>li a::after{border-left: 5px solid #FF9966;}
header nav>ul>li:nth-child(5) h2 a{background: #CCCC66;}

/*フッター*/
footer{background: #008BCD; text-align: center; padding: 15px 0px 10px; color: #fff;}

/*コンテンツ*/
#container{padding: 68px 0 0;}

/***********************************************************************************************************************
* 下層ページ
***********************************************************************************************************************/
.bx-wrapper .bx-viewport{border: none; left: 0px;}

/*トップページタイトル*/
.msg-box a{background: #008BCE; padding: 10px 23px 10px 10px; color: #fff;}

/*メインタイトル*/
.main-title{background: #008BCE; color:#fff; padding: 15px 0 10px;}
.main-title .ttl{line-height: 1.2em; font-size: 143%;}
.course-type1 .main-title{background: #FF8B17;}
.course-type2 .main-title{background: #74AE39;}
.course-type3 .main-title{background: #FF9966;}
.course-type4 .main-title{background: #CCCC66;}

/*サブタイトル*/
.sub-title{background: #eee; line-height: 1.2em; font-size: 143%; padding: 10px 0;}

/*ボーダータイトル*/
.border-title{position: relative; border-bottom: 1px solid #008BCE; margin-bottom: 5px; padding-bottom: 3px;}
.course-type1 .border-title{border-bottom: 1px solid #FF8B17;}
.course-type2 .border-title{border-bottom: 1px solid #74AE39;}
.course-type3 .border-title{border-bottom: 1px solid #FF9966;}
.course-type4 .border-title{border-bottom: 1px solid #CCCC66;}
.border-title.circle{padding-left: 20px;}
.border-title.circle::before{
	content: "";
	position: absolute;
	background: #000;
	width: 15px;
	height: 15px;
	top: 0px;
	left: 0px;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	margin-top: 0.25em;
}
.course-type1 .border-title.circle::before{background: #FF8B17;}
.course-type2 .border-title.circle::before{background: #74AE39;}
.course-type3 .border-title.circle::before{background: #FF9966;}
.course-type4 .border-title.circle::before{background: #CCCC66;}

/*コース*/
.course-box li a{padding: 10px 23px 10px 10px; color: #fff;}
.course-box li .thumb{float: left; width: 27.5%;}
.course-box li .info{float: right; width: 72.5%;}
.course-box li .info .ttl{padding-left: 10px;}
.course-box li .info p{padding-left: 10px;}
.course-box li:nth-child(1) a{background: #FF8B17;}
.course-box li:nth-child(2) a{background: #74AE39;}
.course-box li:nth-child(3) a{background: #FF9966;}
.course-box li:nth-child(4) a{background: #CCCC66;}

/*学長説明*/
.president a{padding: 15px 23px 15px 10px; color: #000;}
.president .thumb{float:left; width: 20%;}
.president .thumb figcaption{letter-spacing: -0.5px;}
.president  .info{float: right; width: 80%;}
.president  .info .ttl{padding-left: 10px;}
.president  .info p{padding-left: 10px;}
.president.type2{padding: 15px 10px;}
.president.type2 .thumb{margin: 0 15px 10px 0;}
.president.type2 .info{float: none; width: auto;}
.president.type2  .info .ttl{padding-left: 0px;}
.president.type2  .info p{padding-left: 0px;}

/*新着ニュース*/
.news-box .ttl{background: #D6ECF7; padding: 5px 0; border: 2px solid #008BCD; border-left: none; border-right: none;}
.news-box ul{padding: 15px 10px;}
.news-box ul li{position: relative; /*margin-bottom: 10px;*/}
.news-box ul li:last-child{margin-bottom: 0px;}
.news-box ul li div{position: absolute; top: 0px; left: 0px;}
.news-box ul li time{position: absolute; top: 0px; left: 0px;}
.news-box ul li a{display: block; /*padding-left: 6em;*/ text-decoration: underline; color: #008BCC;}
.news-box ul li h4{font-weight: normal;}

/*バナー*/
.banner-list{padding: 0 10px 5px;}
.banner-list li{width: 100%; margin-bottom: 10px; display: inline-block;}
.banner-list li:nth-child(5){width: 50%; box-sizing: border-box; border-right: 5px solid #fff;}
.banner-list li:nth-child(6){width: 50%; box-sizing: border-box; border-left: 5px solid #fff;}

/*ブログバナー*/
.blog-list{padding: 0 5px;}
.blog-list li{width: 33.33%; margin-bottom: 10px; display: inline-block;}
.blog-list li a{display: block; padding: 0 5px;}

/*個別相談受付中*/
.tel-box{padding-bottom: 30px;}
.tel-box .ttl{background: #3864C1; padding: 10px 0;}
.tel-box ul{padding: 0 10px 10px;}
.tel-box ul li{width: 50%; display: inline-block; margin-bottom: 10px;}
.tel-box ul li h2{padding: 0 10px 0 0; color: #008BCC; font-size: 86%;}
.tel-box ul li:nth-child(2n) h2{padding: 0 0 0 10px;}
.tel-box ul li p{display: block; padding: 0 10px 0 0; font-size: 143%; font-weight: bold; color: #669900;}
.tel-box ul li a{color: #669900;}
.tel-box ul li:nth-child(2n) p{padding: 0 0 0 10px;}
.tel-box .btn-contact{background: #FF9900; padding: 15px 25px; color: #fff;}
.tel-box .btn-contact:hover{text-decoration: none;}

/*先生紹介*/
.teacher-box{background: #D6ECF7;padding: 15px 10px;}
.teacher-box li{background: #fff; padding: 10px; margin-bottom: 3px;}
.teacher-box li .thumb{float: left; width: 19.6%;}
.teacher-box li .info{float: right; width: 80.4%;}
.teacher-box li .info table{margin-left: 8px;}
.teacher-box li .info table th{width: 3em; color: #008BCC;}

/*校章*/
.badge-box figure{padding: 0 10px 25px; display: table;}
.badge-box figure .thumb{display: table-cell; width: 24%; vertical-align: middle;}
.badge-box figure figcaption{display: table-cell; width: 74%; vertical-align: middle;}
.badge-box figure figcaption span{display: block; padding-left: 10px;}

/*アクセス*/
.access-list{padding: 10px 0;}
.access-list>li{padding: 10px; position: relative; border-bottom: 3px solid #008BCE;}
.access-list>li:last-child{border:none;}
.access-list .btn-map{position: absolute; display: block; top: 10px; right: 10px; background: #3864C1; color: #fff; padding: 5px 10px;}

/*マップ*/
.map-box{padding: 20px 10px 0;}
#map{width: 100%; height: 300px;}

/*よくあるご質問*/
.q-and-a li{border-top: 1px solid #008BCD; padding: 10px;}
.q-and-a li .ttl{position: relative; padding-left: 1.5em;}
.q-and-a li .ttl span{position: absolute; top: 0px; left: 0px;}

/*イベント・学園生活*/
.event-list>li{padding: 0 10px 15px;}
.event-list>li .ttl{background: #FFCC99; position: relative; color: #666; padding: 10px 0 10px 75px; line-height: 1.2em;}
.event-list>li .ttl em{position: absolute; top: 0.5em; margin-top: -2px; left: 10px; font-size: 300%; color: #fff; letter-spacing: -5px;}
.event-list>li>ul li{float: left; width: 25%;}
.event-list>li>ul li a{display: block; padding: 10px 10px 5px;}
.event-list>li>ul li p{padding: 0 0 0 10px; font-size: 71.5%; line-height: 1.2em;}

/*コースリスト*/
.course-list{padding: 0 5px 10px;}
.course-list li{float: left; width: 50%;}
.course-list li .pg{padding: 10px 5px;}
.course-list li .ttl{color: #fff; padding: 5px 0; margin-bottom: 5px; line-height: 1.4em;}
.course-type1 .course-list li .ttl{background: #FF8B17;}
.course-type2 .course-list li .ttl{background: #74AE39;}
.course-type3 .course-list li .ttl{background: #FF9966;}
.course-type4 .course-list li .ttl{background: #CCCC66;}

/*コーステーブル*/
.course-tbl1{width: 100%; line-height: 1.4em;}
.course-tbl1 th{width: 6em; padding-right: 10px;vertical-align: top;}
.course-tbl1 th span{background: #aaa; display: block; color: #fff;}
.course-tbl1 td{vertical-align: top; padding-bottom: 10px;}

.course-tbl2{width: 100%; line-height: 1.4em;}
.course-tbl2 th{width: 8em; vertical-align: top; padding: 8px 5px; background: #eee; border: 1px solid #ccc; text-align: left;}
.course-tbl2 td{vertical-align: top; padding: 8px 5px; border: 1px solid #ccc;}

.course-tbl3{width: 100%; line-height: 1.4em;}
.course-tbl3 th{width: 6em; vertical-align: top; padding: 8px 0px; background: #D6ECF7; border: 1px solid #ccc;}
.course-tbl3 th:nth-child(3){width: auto;}
.course-tbl3 td{vertical-align: top; padding: 8px 0px; border: 1px solid #ccc; background: #eee; text-align: center; font-weight: bold;}
.course-tbl3 td:nth-child(3){text-align: left; font-weight: normal; padding: 8px 5px; background: #fff;}
.course-tbl3 th:nth-child(4){width: auto;}
.course-tbl3 td:nth-child(4){text-align: left; font-weight: normal; padding: 8px 5px; background: #fff;}

.course-tbl4{width: 100%; line-height: 1.4em;}
.course-tbl4 th{width: 40%; vertical-align: top; padding: 8px 0px; background: #eee; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.course-tbl4 th:nth-child(2){width: auto;}
.course-tbl4 th:nth-child(3){width: 32%; border-right: none;}
.course-tbl4 td{vertical-align: top; padding: 8px 10px;border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; text-align: left;}
.course-tbl4 td:nth-child(2){text-align: right;}
.course-tbl4 td:nth-child(3){border-right: none;}
.course-tbl4 tr.total td{background: #eee; text-align: right; font-weight: bold; border: none; border-top: 3px solid #ccc; border-right: 1px solid #ccc;}
.course-tbl4 tr.total td:nth-child(2){font-size: 120%;}
.course-tbl4 tr.total td:nth-child(3){border-right: none;}

.voice-list{padding: 10px;}
.voice-list li{padding: 15px 0;}
.course-type1 .voice-list li{border-bottom: 2px solid #FF8B17;}
.course-type2 .voice-list li{border-bottom: 2px solid #74AE39;}
.course-type3 .voice-list li{border-bottom: 2px solid #FF9966;}
.course-type4 .voice-list li{border-bottom: 2px solid #CCCC66;}
.voice-list li:last-child{border:none;}
.voice-list li img{float: left; width: 28%; margin-right: 10px; margin-bottom: 5px;}
.voice-list li img.f-right{margin: 0 0 5px 10px;}

/*下層ページリンクナビ*/
.lower-link-list{padding: 5px 10px 15px;}
.lower-link-list li{position: relative; margin-bottom: 5px; padding-left: 10px;}
.lower-link-list li::after{
	content: "";
	position: absolute;
	width: 5px;
	height: 5px;
	top: 0.5em;
	left: 0px;
	margin-top: -1px;
	box-sizing: border-box;
	border: 5px solid transparent;
	border-left: 5px solid #008BCE;
}
.lower-link-list li a{text-decoration: underline; color: #008BCE;}

/*動画*/
.youtube{padding: 20px 10px;}
.youtube iframe{width: 100%; height: 360px;}

/*学校説明会*/
.over-box{
	width: 100%;
	overflow-x: scroll;
	-webkit-overflow-scrolling: auto;
	-webkit-overflow-x:scroll;
	margin: 5px 0 20px;
}
table.course1_app_tbl {
    width: 650px;
    border-top: 1px #D9D9D9 solid;
    border-left: 1px #D9D9D9 solid;
}
table.course1_app_tbl td {
	border-bottom: 1px #D9D9D9 solid;
	border-right: 1px #D9D9D9 solid;
}
table.course1_app_tbl th{

	padding: 5px 10px;
}	
table.course1_app_tbl td {
	padding: 10px 10px;
	text-align: center;
	background-color: #EAEAEA;
	
}
table.course1_app_tbl td.lft {
	text-align: left;
	background-color: #FFF;
}
table.course1_app_tbl td.ctr {
	text-align: center;
	background-color: #FFF;
}
table.course1_app_tbl td.gry {
	background-color: #F6F6F6;
}

table.course1_app_tbl td.td_head {
	padding: 5px 10px;
}
table.course1_app_tbl th{
	width: 1%;
	background-color: #FFC58B;
	white-space: nowrap;

}
table.app_tbl3 td,
table.app_tbl3 th{
	padding: 5px;
}

/* 合格実績 */
.success-box{}
.success-box .ttl{background: #FF8B17; text-align: center; padding: 5px 8px; color: #fff;}
.success-box ul li{padding: 5px 10px; border: 1px solid #ccc; border-top: none;}
.success-box ul{margin-bottom: 15px;}

/* =============================================================================
   Print Styles
   ========================================================================== */

@media print {
  * { /*background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important;*/ } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  /*a[href]:after { content: " (" attr(href) ")"; }*/
  /*abbr[title]:after { content: " (" attr(title) ")"; }*/
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
	body {
		-webkit-print-color-adjust: exact;
	}
.wrap,#container{width: 100%;}
}

table.gsc-search-box td{
	vertical-align: top !important;
}
.gsib_a {
    width: 100%;
    padding: 0 8px 0 8px !important;
}
table.gsc-search-box .gsc-input td{
	vertical-align: top !important;
}
input.gsc-search-button-v2 {
    margin-top: 0px !important;
}

.gsc-search-box .gsc-input>input:hover,
.gsc-input-box-hover {
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.gsc-search-box .gsc-input>input:focus,
.gsc-input-box-focus {
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}