@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, div, dfn, em, img, ins, kbd, q, s, samp, small, strike, 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 {
	margin: 0;
	padding: 0;
	/* [disabled]text-align:left; */
	font-weight: normal;
	font-family: HiraKakuProN-W3, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
	background-repeat: no-repeat;
	border: 0 none;
	vertical-align:top;
}



/*==================================================================================================================
再定義
==================================================================================================================*/

/*基本リンク
------------------------------------------------------------------------------------------------------------------*/
a:link, a:visited {
	text-decoration:none;
}
a:focus, a:hover {
	text-decoration:underline;
}
a:hover img, a:focus img {
	opacity:0.95;
	filter:alpha(opacity=95);
}



/*テーブル
------------------------------------------------------------------------------------------------------------------*/
table {
	border-collapse: collapse;
	border-spacing:0;
}

/*リスト
------------------------------------------------------------------------------------------------------------------*/
ol{margin:10px 0 30px;}
ol, ul, li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	font-size: 1.2rem;
}
ol li {
	list-style-type:decimal;
	margin:0 0 10px 20px;
	line-height:1.6;
}
ol.disc{margin:0 0 15px 20px;}
ol.disc li {
	list-style-type: disc;
	margin-left:20px;
}

dl{ font-size:1.2rem;}


/* paddingやborderも widthに含める形式に統一
------------------------------------------------------------------------------------------------------------------*/
* { box-sizing:border-box; }

/*==================================================================================================================
クリア
==================================================================================================================*/
.clear {
	clear:both;
	size:0;
}
.clearfix {
	display: inline-table;
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	clear: both;
	height: 0;
	display:block;
	content:".";
	zoom:1;
}
/* IE6 */
* html .clearfix {
	zoom: 1;
}
/* IE7 */
*:first-child+html .clearfix {
	zoom: 1;
}
/* Hides from IE-mac \*/  
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */  


/*==================================================================================================================
フォントに関する基本スタイル
==================================================================================================================*/
/*基本文字サイズ&文字色
------------------------------------------------------------------------------------------------------------------*/
body {
	font-size:62.5%;/*10px相当にリセット*/
	line-height:2;
	color:#4f4946;
}

/*段落*/
p {
	font-size:1.2rem;
	margin:0px 0px 15px 0px;/*下部に余白*/
}

.en {
}

/*基本リンク
------------------------------------------------------------------------------------------------------------------*/
/*リンク文字色*/
a:link    {color:#0099cc;}
a:visited {color:#0099cc;}
a:hover   {color:#00a9f0;}

/*マーカー＆強調文字色
------------------------------------------------------------------------------------------------------------------*/
/*ラインマーカー*/
.c_mrk {
	background-color:#FCE6D6 ;/*Marker*/
	color:#B5414C;
	padding:3px 10px;
}
/*強調文字色*/
.c_ptv {color:#B5414C;}/*positive*/
.c_pit {color:#900000;}/*point up*/
.c_ngt {color:#457097;}/*negative)*/
.c_off {color:#9b9a97;}/*off*/

.txt_bold{
	font-weight:bold;
}
.txt_ind{
	text-indent: -1em;
	padding-left: 1em;
}

/*右寄せ*/
.txt_right, .txt_right p {
	text-align:right;
}
/*中央寄せ*/
.txt_center, .txt_center p {
	text-align:center;
}
/*明朝*/
.f_mn {
	font-family: "HGP明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", 細明朝, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "MS PMincho", serif;
	letter-spacing:1px;
}


/*サイズ
------------------------------------------------------------------------------------------------------------------*/
.txt_big{
	font-size: 1.7rem;
	line-height:1.5;
	vertical-align:baseline;
}
.txt_small{
	font-size:85%;
	vertical-align:baseline;
}
.txt_ss{
	font-size:75%;
	vertical-align:baseline;
}




/*==================================================================================================================
テーブルに関する設定
==================================================================================================================*/
table{
	font-size:1.2rem;
	margin-bottom:30px;
}
/*テーブルタイトル*/
caption {
	text-align:left;
	font-weight:bold;
	color:#993300;
}
/*枠線*/
th,td{
	border:1px solid #b5b5b5;
	padding:10px 15px;
}
/*背景色*/
th{
	background-color:#eae5e3;
}
td{
	background-color:#fff;
}

thead th, tfoot th {
	vertical-align: middle;
	background: url(../images/bg_thead.jpg);
	text-align:center;
	font-weight:bold;
}
thead td, tfoot td {
	vertical-align: middle;
	background-color:#999;
	color:#FFFFFF;
}
tbody th, th {
	vertical-align: middle;
	background-color:#f0f7fb;
	text-align:center;
}
tbody td, td {
	vertical-align: middle;
	text-align:left;
}

@media (max-width: 499px) {
	th,td{padding:7px 8px;}

}

/*==================================================================================================================
その他
==================================================================================================================*/

/*区切り線*/
hr{clear:both;border:0px solid #fff;padding:15px 0;width:0;}

/*画像・オブジェクト*/
img         {border:0 none;vertical-align:top;max-width:100%;height: auto;}
object	    {text-decoration:none;border:none;margin:0px;padding:0px;vertical-align:bottom;}


/* メニューを非表示にするパターン */
@media (max-width: 499px) {
	.noTab, .noTab caption, .noTab thead, .noTab tfoot, .noTab tbody, .noTab tr, .noTab th, .noTab td { display:block; width:100%; }
}


/*横並びの配置（flexbox）*/

.flex{
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap:         wrap;
}
.f_between{
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;
}
.f_center{
	-webkit-justify-content: center; /* Safari */
	justify-content: center;
}
.a_center{
	align-items: center;
}

.img_right{float: right;}
.img_left{float: left;}
.img_center{text-align: center; margin-bottom: 30px;}


@media (max-width: 499px){



.order1{order: 1;}
.order2{order: 2;}

}


:target:before { height: 150px; margin: -150px 0 0; content:""; display:block; }


/*==================================================================================================================
ここからレイアウトに関する設定
==================================================================================================================*/

/*==================================================================================================================
トップページ・サブページに関わらず利用するスタイル
==================================================================================================================*/

/*コンテンツ枠組み
------------------------------------------------------------------------------------------------------------------*/
/*全体*/
body {
	position: relative;
}

#header {
	width: 100%;
	background: #fff;
	z-index: 1000;
}

.fix { position: fixed;}

#header .head_top {
	height: 90px;
	padding: 10px 0;
}

#header .head_top p.logo {
	margin: 0;
	max-height: 70px;
	display: inline-block;
	text-align: center;
}

#header .head_top p.logo img {
	height: 100%;
	width: auto;
}
#header .head_top p.logo .smt_no{
	text-align: center;
	max-width: 200px;
	margin-right:15px;
	vertical-align: text-top;
	height: auto;
}
.head_link, .sub_link { justify-content: flex-end;}

.head_link_smt { display: none;}

@media (max-width: 859px) {
	#header .head_top p.logo img:last-of-type {width:70%;}
	#header .head_top p.logo .smt_no{width: 25%;}
}
@media (max-width: 499px) {
	#header .head_top p.logo img:last-of-type {width:100%;}
	#header .head_top p.logo .smt_no{display:none;}
}


/*グローバルメニュー*/
/*グローバルナビ-スマホメニュー*/

#globalbtn, #header_btn_smt, #globalnav ul li.gnav_smt { display: none;}

#globalnav_btn { display: none;}

#globalnav {
	background: rgb(184, 0, 0);
	position: relative;
	z-index: 999;
	padding: 0 0;
	height: 65px;
}

#globalnav a {
	display: block;
	width: 100%;
	box-sizing: border-box;
}

#globalnav a:link, #globalnav a:visited, #globalnav a:hover, #globalnav a:active {
	text-decoration: none;
	color: #fff;
}

#globalnav_ul {
	display: flex;
	justify-content:center;
	flex-wrap: wrap;
}

#globalnav_ul > li {
	position: relative;
	list-style: none;
	width: calc( 50% - 2px );
}

#globalnav_ul > li > a {
	text-align: center; 
	text-decoration: none;
	color: #fff;
	font-size: 1.6rem;
	line-height: 65px;
}

#globalnav ul li.noSubNavi{ height: 65px;}

#globalnav ul li.noSubNavi:hover{ background: rgba(51,0,0,0.8);}

#globalnav ul li.hover {
	color: #FFF;
	background: rgba(51,0,0,0.8);
}

#globalnav_ul > li.hover > a.lnav {
	text-align: center;
	background: url(../images/gnav_lnav.png) center bottom no-repeat;
}

.smt { display: none;}

#globalnav ul li ul li {
	overflow: hidden;
	height: 0;
	transition: 0.7s;
	left: 0;
}

#globalnav ul li.hover ul li {
	width: 100%;
	overflow: visible;
	height: 40px;
	background: rgba(102,0,0,1);
	font-size: 1rem;
}

#globalnav ul #gnav02.hover ul li {
	width: auto;
}

#globalnav ul li.hover ul li:hover {
	background: rgba(66,0,0,1.00);
}

#globalnav ul li.hover ul li a { width: 100%;}

#globalnav ul li ul li a {
	border-top: 1px solid rgba(255,255,255,0.50);
	line-height: 40px;
	padding: 0 5px 0 10px;
	text-align: left;
}

#globalnav ul li.hover li.department {
	padding: 0 5px 0 10px;
	border-top: 1px solid rgba(255,255,255,0.50);
	background: rgba(66,0,0,1.00);
	line-height: 36px;
	height: 36px;
}

#globalnav ul li.hover li.department:before {
	content: "▼";
	margin-right: 0.3em;
}

@media (max-width: 1100px) {
	#header .head_top { height: auto;}
	.head_link, #header .head_left h1, .sub_link { display: none;}
	.head_link_smt { display: flex;}
	.head_link_smt li:first-child { background: #448aca;justify-content: flex-end;text-align: center;padding: 10px;}
	.head_link_smt li:first-child a { color: #fff;font-weight: bold;}
	.head_link_smt li:last-child { background: #fffc20;text-align: center;padding: 10px;}
	.head_link_smt li:last-child a { color: #000;font-weight: bold;}
	#globalnav { height: 45px;}
	#globalnav ul li.noSubNavi { height: 45px;}
	#globalnav li a { font-size: 85%; line-height: 45px;}
	#globalnav ul li ul li { width: 100px; left: 0px;}
	#globalnav ul #gnav02.hover ul { position: fixed; width: 100vw; display: flex; flex-wrap: wrap; justify-content: flex-start; left: 0; background: rgba(102,0,0,1);}
	#globalnav ul #gnav02.hover ul li { display: inline-block; width: calc( 25% - 2px ); margin: 0 1px; min-width: 250px;}
	#globalnav ul #gnav02.hover ul li:first-child { width: 100%;}
	#globalnav ul #gnav02.hover ul li:not(:first-child) a { border: none;}
	#globalnav ul #gnav02.hover li.department { width: 100%;}
}

@media (max-width: 799px){
	#header { overflow: hidden; box-shadow: 0 1px 3px rgba(0,0,0,.4);}
	#header .head_top { height: 50px; padding: 0 0 0 40px;}
	#header .head_top p.logo { height: 50px; max-height: unset;}
	#header .head_top p.logo a { display: flex; height: 100%; padding: 5px 0;}
	#header .head_top p.logo .smt_no { width: auto; height: 100%;}
	#header .head_top p.logo img:last-of-type { width: auto; height: 100%;}
	#globalnav { width: 100%; margin: 0 auto; height:auto; padding:0; max-height:0; transition: max-height .5s;}
	#globalnav > div { padding:10px 0; }
	#header.onGNOpen #globalnav { max-height: 320px;}
	#globalnav > div > ul { display: block;}
	#globalnav li { display: block; width: 100%; margin: 0; padding: 10px; border-bottom: 1px dotted #FFF;}
	#globalnav ul li a { display: block; width:100%; padding: 5px 0; color: #FFF; text-align: center; text-decoration: none; line-height: 1;}
	#globalnav ul li ul, #globalnav ul #gnav02 ul, #globalnav ul #gnav02.hover ul { display:none;}
	#globalnav li:last-child a { border: none;}
	#globalnav li a:hover{ background: #00386d;}
	#globalnav > div > ul > li > a.lnav { background:none;}
	#globalnav ul { display: inherit;}
	#globalnav > div > ul#globalnav_ul { text-align: center; display: flex; flex-flow: row wrap; align-items: center; justify-content: center;}
	#globalnav_ul > li { display: inline-flex; vertical-align: middle; padding: 0; height: 45px; margin: 0 3px; align-items: center; justify-content: center;}
	.head_inr { position: relative;}
	#globalnav_btn { display: block; position: absolute; left: 10px; top: 10px;}
	#globalnav_btn a { display: block; position: relative; color: #FFF; text-align: center; text-decoration: none;}
	#globalnav li:last-child { border-right: none;}
}

@media (max-width: 599px){
	#header .head_top p.logo .smt_no { display: none;}
}

@media only screen and (max-width: 499px) {
	#header .head_top p.logo { display: flex; align-items: center;}
	#header .head_top p.logo img { height: auto; max-height: 40px;}
	#globalnav_btn a { display: inline-grid;}
	.smt { display: block;}
	.inner{ padding: 0 2%;}
}
@media only screen and (max-width: 399px) {
	#header .head_top p.logo img:last-of-type { max-width: 100%; height: auto;}
}

#footer, #container { min-width: 980px; width: 100%;}


/*20200528グローバルを2項目→3項目に変更*/

.style200528 #globalnav_ul > li { width: calc( 33% - 2px );}
.style200528 #globalnav ul li.hover ul li { height: auto;}
.style200528 #globalnav ul li ul li a { line-height: 1.4; padding: 10px; font-size: 16px;}
.style200528 #globalnav ul li ul li a small { display: block; font-size: 12px; line-height: 1.2;}
@media (max-width: 1100px) {
	.style200528 #globalnav ul li ul li { width: auto; display: inline-block;}
	.style200528 #globalnav ul li ul li a { border-top: none;}
	.style200528 #globalnav ul #gnav02.hover ul li { display: inline-block; width: auto; margin: 0 1px;}
	.style200528 #globalnav ul #gnav02.hover ul li:first-child { width: auto;}
}
@media (max-width: 799px){
	.style200528 #globalnav_ul > li { width: 100%;}
	.style200528 #globalnav li:last-child { border-bottom: none;}
}

/*20200528グローバルを2項目→3項目に変更　ここまで*/



/*特定範囲*/




/*メインコンテンツ*/
#main{
	margin:0 5% 50px;
}
.inner{max-width:1200px;width: 96%;margin: auto;}

#wrapper {
	padding-top: 155px;
}

@media (max-width: 1100px) {
	#wrapper { padding-top: 135px;}
}

@media (max-width: 799px) {
	#wrapper { padding-top: 50px;}
}



/*フッター
------------------------------------------------------------------------------------------------------------------*/

#ftr_title{
	text-align: center;
	margin: 30px auto 20px;
	padding-bottom: 10px;
}
#ftr_title p { margin-bottom: 0;}
.f_info { border-bottom: #bfbfbf 1px solid;}
.f_info img { width: 100%; max-width: 500px;}
.f_info div div, .j_info div div { margin-left: 20px;}
.f_info .inner, .j_info .inner {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin: 30px auto;
}

.f_info .inner > div:first-of-type, .j_info .inner > div:first-of-type {
	width: 50%;
	text-align: right;
	margin: 0 5% 0 0;
}
.f_info .inner > div:nth-of-type(2), .j_info .inner > div:nth-of-type(2){
	width: 45%;
	margin: 0;
}

.f_info p, .j_info p {
	text-align: left;
	font-size: 1rem;
}

.f_info .school_title, .j_info .school_title {
	font-weight: bold;
	font-size: 1.4rem;
	margin-right: 10px;
}

.j_info div div.ftr_add_ttl{
	margin-left: 0;
    background: #565656;
    color: #fff;
    font-size: 12px;
    width: 160px;
    height: 25px;
    line-height: 25px;
    margin-bottom: 5px;
}
/*
.bnr_area.flex li{
    width:50%;
}
*/

.sns_link {
	position: fixed;
	top: 165px;
	right:5px;
	width: 60px;
	display: flex;
	flex-wrap: wrap;
	z-index: 9999;
}

.sns_link li {
	margin: 5px;
}

@media (max-width: 1100px) {
	.sns_link { top: 145px;}
}

@media (max-width: 999px) {
	.f_info .inner, .j_info .inner { justify-content: center;}
	.f_info .inner > div:first-of-type, .j_info .inner > div:first-of-type { width: 100%; margin: 0 0 15px; text-align: center;}
	.f_info .inner > div:nth-of-type(2), .j_info .inner > div:nth-of-type(2){ width: 100%; max-width: 600px; margin: 0 auto; text-align: center;}
	.f_info .inner p, .j_info .inner p { text-align: center;}
	ul.bnr_area.flex li { width:100%;}
	ul.bnr_area.flex li a { font-size: 1.3rem;}
	.sns_link { top: 135px; right:0;width: 50px;}
	.sns_link li { width: 40px;}
}

@media (max-width: 799px) {
	.sns_link { position: static; width: 100%; display: flex; justify-content: center;width: auto;}
}

@media (max-width: 699px) {
	#ftr_title { margin: 30px auto 0; padding-bottom: 0;}
	.j_info .inner > div:first-of-type { margin-bottom: 15px;}
}

@media (max-width: 499px) {
	.f_info .inner p, .j_info .inner p { text-align: left;}
	.f_info .school_title, .j_info .school_title { font-size: 1.2rem;}
	ul.bnr_area.flex li a{line-height: 55px;font-size: 1.15rem;}
}

/*コピーライト
------------------------------------------------------------------------------------------------------------------*/

#copyright {
	background-color:#C00;
	padding:5px 0;
	color:#fff;
	text-align:center;
}




/*資料請求・募集要項バナー
------------------------------------------------------------------------------------------------------------------*/

ul.bnr_area li a{
    text-align: center;
    display: block;
    line-height: 70px;
    font-size: 1.5rem;
    color: #fff;
    background: #cc0000;

}
ul.bnr_area li a:hover{
	text-decoration: none;
    background: #be0000;
    transition: 0.5s;
}
ul.bnr_area li:nth-of-type(even) a{
    background: #f39800;
}
ul.bnr_area li:nth-of-type(even) a:hover{
    background: #e88100;
}





/*==================================================================================================================
トップページに関する設定
==================================================================================================================*/

/*コンテンツ
------------------------------------------------------------------------------------------------------------------*/

.bxslider li { display: none; }
.bxslider li:first-child { display: block; }
.bx-wrapper .bxslider li { display: block; }

#top_lead {
	padding: 50px 0;
}
#top_lead p {
	font-size: 1.2rem;
	width: 100%;
}

#top_lead p.en {
	margin-bottom: 30px;
}

#top_lead #newsBox, #top_lead #fbBox{
	width:46%;
	max-width:500px;
	margin:0 auto;
}
#top_lead #newsBox{
	background: #F4F4F4;
    padding: 25px;
    border: 1px #ccc solid;
    width: 100%;
    max-width: 1000px;
}
#top_lead #newsBox h2{
	margin-top:0;
	background: #fff;
	border-bottom:1px #00485f solid;
}
#course_idx ul div h2 .small, .coursePage h2 .small{
    font-weight: normal;
    font-size: 60%;
    border: 1px #565656 solid;
    width: 150px;
    margin: 0 auto;
    color: #565656;
}
#top_lead #newsBox li{
	font-size: 1rem;
}
#top_lead #newsBox li a{
	padding:5px;
	display:block;
	color: inherit;
}
#top_lead #newsBox li a:hover{
	background: #fff;
	text-decoration: none;
}

#top_lead #newsBox li dl {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

#top_lead #newsBox li dt {
	width: 7em;
}
#top_lead #newsBox li dd{
	width:calc(100% - 7em);
}
#top_lead #fbBox iframe{
	width:100%;
}
#top_lead .img_center{
	width: 100%;
    margin: 60px auto 30px;
}

@media (max-width: 899px) {
    #top_lead #newsBox, #top_lead #fbBox{width:100%; margin:0 auto;}
    #top_lead #newsBox{min-height:350px;margin-bottom:20px;}

}
@media (max-width: 499px) {
	#top_lead { padding: 25px 0;}
	#top_lead p { margin-bottom: 25px; font-size: 1rem;}
	#top_lead #newsBox h2 { font-size: 1.2rem;}
	#top_lead #newsBox{padding: 15px;min-height:200px;}
	#top_lead #newsBox li dt, #top_lead #newsBox li dd{width:100%;}
	#top_lead .img_center{margin: 25px auto;}
	#top_lead #newsBox li{line-height: 1.4;}
}

#course_idx {
	background-color: #fcf8f2;
}

.topPage #course_idx {
	padding: 50px 0;
}

#course_idx h1 {
	margin-bottom: 40px;
}

#course_idx ul > li {
	width: 100%;
}

#course_idx ul li > div {
	padding: 40px 3% 3% 3%;
	background-color: #fff;
	margin-bottom: 30px;
}

#course_idx ul div h2 {
	font-family: HiraKakuProN-W3, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
	margin: 0 0 5px;
	padding: 0;
	line-height: 1.6;
	border-left: none;
}
/*
#course_idx li .course01 { border:#20a406 1px solid;}
#course_idx li .course02 { border:#eb6100 1px solid;}
#course_idx li .course03 { border:#009fd3 1px solid;}
#course_idx li .course04 { border:#ad61c4 1px solid;}
*/
#course_idx li .course05 { border:#20a406 1px solid;}
#course_idx li .course06 { border:#eb6100 1px solid;}
/*
#course_idx .course01 h2 { color:#20a406;}
#course_idx .course02 h2 { color:#eb6100;}
#course_idx .course03 h2 { color:#009fd3;}
#course_idx .course04 h2 { color:#ad61c4;}
*/
#course_idx .course05 h2 { color:#20a406;}
#course_idx .course06 h2 { color:#eb6100;}

#course_idx ul div h2 span{
	display: block;
	font-size: 80%;
	line-height: 2;
}

#course_idx ul div .img_center {
	height: 7px;
	padding: 10px;
}

#course_idx ul li > div p {
	max-width: calc( 100% - 20px );
	margin: 0 auto 10px;;
}

#course_idx .major {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin-top: 30px;
}

#course_idx .major li {
	width: auto;
	min-width: calc( 32% - 10px );
	margin: 10px;
}

#course_idx .course05 .major li, #course_idx .course06 .major li {
	width: calc( 50% - 10px );
}

#course_idx .major li a {
	display: block;
	color: #fff;
	text-decoration: none;
	text-align: center;
	padding: 0.5em;
	transition: all .3s;
}
/*
#course_idx .course01 .major li a { background: #20a406;}
#course_idx .course02 .major li a { background: #eb6100;}
#course_idx .course03 .major li a { background: #009fd3;}
#course_idx .course04 .major li a { background: #ad61c4;}
*/
#course_idx .course05 .major li a { background: #20a406;}
#course_idx .course06 .major li a { background: #eb6100;}
#course_idx .major li a:hover { opacity: .8;}

#course_idx .course05 .major li a span, #course_idx .course06 .major li a span {
	display: block;
	font-size: 1rem;
	text-align: center;
	line-height: 1;
	margin-bottom: 10px;
}

#course_idx .course05 .crclm {
	border: dotted 1px #ccc;
	padding: 20px;
	margin-bottom: 10px;
}

#course_idx .course05 .crclm li {
	padding-left: 1em;
	text-indent: -1em;
}

@media (max-width: 699px) {
	#course_idx ul div h2 { font-size: 1.6rem;}
	#course_idx ul li p { font-size: 1rem;}
	#course_idx .major { margin-top: 0;}
	#course_idx .major li, #course_idx .course05 .major li, #course_idx .course06 .major li { width: auto; min-width: 70%;}
	#course_idx .course05 .crclm { padding: 10px;}
	#course_idx .course05 .crclm li { margin-bottom: 5px; font-size: 1rem;}
}

@media (max-width: 499px) {
	#course_idx h1 { margin-bottom: 0;}
	#course_idx ul li > div { padding: 3vw;}
	#course_idx ul div h2 { font-size: 1.4rem; padding-top: 20px;}
	#course_idx ul div .img_center{ width: 50%; margin: 0 auto 20px;}
	#course_idx .major li, #course_idx .course05 .major li, #course_idx .course06 .major li { margin: 5px; width: 100%; font-size: 1rem;}
}

.top_bnr01 {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin: 30px auto;
}

.top_bnr01 li {
	width: 30%;
	min-width: 340px;
	margin: 10px 20px;
}

.top_bnr01 li a {
	display: block;
	text-align: center;
	background: #00485f;
	color: #fff;
	padding: 15px;
	font-size: 0.875rem;
	line-height: 1.6;
}

.top_bnr01 li a:hover {
	text-decoration: none;
}

.top_bnr01 li a span:last-child {
	font-weight: bold;
	font-size: 1.5rem;
	display: block;
}

.top_bnr02 {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin: 30px auto;
}

.top_bnr02 li {
	width: calc( 20% - 20px );
	margin: 10px;
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	justify-content: center;
}

.top_bnr03 {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin: 30px auto;
}

.top_bnr03 li {
	width: 150px;
	margin: 20px;
}



.movie_bnr {
	width: 100%;
	max-width: 1000px;
	margin: 40px auto;
}


@media (max-width: 999px) {
	.top_bnr02 li { width: calc( 25% - 20px );}
}

@media (max-width: 799px) {
	.top_bnr02 li { width: calc( 30% - 20px );}
}

@media (max-width: 599px) {
	.top_bnr02 li { width: calc( 50% - 20px );}
	.top_bnr03 li { max-width: calc( 50% - 20px ); margin: 10px;}
}

@media (max-width: 399px) {
	.top_bnr01 li { min-width: unset; width: 100%; margin: 10px auto;}
}





/*==================================================================================================================
サブページに関する設定
==================================================================================================================*/

/*==================================================================================================================
サブページ共通
==================================================================================================================*/

#wrapper.subPage { background: #fcf8f2;}

#wrapper.subPage > section:first-of-type > div { padding-top: 50px;}

@media (max-width: 799px) {
	#wrapper.subPage > section:first-of-type > div { padding-top: 30px;}
}

@media (max-width: 499px) {
	#wrapper.subPage > section:first-of-type > div { padding-top: 10px;}
}


/*文字
------------------------------------------------------------------------------------------------------------------*/

h1 {
	font-size: 3rem;
	text-align: center;
}

h1 span{
	border-bottom: 1px solid #bfbfbf;
	letter-spacing: 1px;
	font-weight: bold;
	margin-bottom: 30px;
	display: inline-block;
	color: #333;
}

.sh1{
	font-family: HiraKakuProN-W3, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
	text-align:center;
	border-top:#b5b5b5 1px solid;
	border-bottom:#b5b5b5 1px solid;
	padding:10px 0;
	font-weight: bold;
	font-size: 2.8rem;
}

h2{
	font-family: HiraKakuProN-W3, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
	border-left:#172453 8px solid;
	font-size: 1.8rem;
	font-weight: bold;
	margin:50px auto 20px;
	padding-left:15px;
	line-height:1.5;
	color:#172453;
}

h2 span {
	display: inline-block;
	font-weight: inherit;
}

h3{
	font-size: 1.6rem;
	font-weight:bold;
	color:#6994c9;
	margin: 50px auto 10px;
	clear:both;
	line-height:1.4;
}
.h3_bg{
	background-color:#6994c9;
	padding:0 8px;
	text-align:center;
	color:#fff;
	margin-right:10px;
	font-size:90%;
	vertical-align:baseline;
/* border-radius */
    border-radius: 50%;        /* CSS3草案 */  
    -webkit-border-radius: 50%;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 50%;   /* Firefox用 */
}
h4{
	color:#6994c9;
	font-size:2rem;
	font-weight:bold;
}



@media (max-width: 999px) {
	h1 { font-size: 2.4rem; margin-bottom: 40px;}
	h1 span { margin-bottom: 0;}
	h2 { font-size: 1.6rem;}
}

@media (max-width: 799px) {
	h1 { font-size: 2.2rem; margin-bottom: 30px;}
	h2 { font-size: 1.4rem; margin: 40px auto 20px;}
	h3 { font-size: 1.4rem; margin: 30px auto 10px;}
}

@media (max-width: 499px) {
	h1 { font-size: 1.8rem; margin-bottom: 20px;}
	h2 { margin: 20px auto 10px;}
	h3 { margin: 20px auto 10px;}
}

@media (max-width: 399px) {
	h1 { font-size: 1.4rem;}
	h2 { font-size: 1.2rem;}
	h3 { font-size: 1.2rem;}
}




/*==================================================================================================================
サブページ個別
==================================================================================================================*/

/*コース紹介*/

.coursePage h2 span {
	display: inline-block;
}

.coursePage h2 .major {
	font-weight: bold;
	font-size: 2rem;
	margin-right: 1rem;
}


.coursePage h2 .en {
	display: block;
	font-size: 1.4rem;
	margin-right: 1rem;
}

.coursePage h2 .small{
    vertical-align: middle;
    text-align: center;
    width: 120px;
    line-height: 1;
    padding: 0.5em 0 0.15em;
}

.coursePage h2 .grading {
	background: #172453;
	color: #fff;
	padding: 0.1em 0.5em;
}

.coursePage #course_job li {
	font-size: 1.4rem;
	padding-left: 1em;
	text-indent: -1em;
}

.coursePage #course_job li:before {
	content: "◎";
	color: #6994c9;
}

.sub_crclm {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.sub_crclm > li {
	border: solid 1px #172453;
	width: calc( 50% - 10px );
	background: #fff;
}

.sub_crclm > li h4 {
	background: #172453;
	color: #fff;
	font-size: 1.4rem;
	padding: 0 20px;
}

.sub_crclm > li dl {
	padding: 10px 20px;
}

.sub_crclm > li dt {
	font-size: 1.4rem;
	font-weight: bold;
}

.sub_crclm .crclm_inr li {
	font-size: 1.2rem;
	display: inline-block;
	margin-right: 1em;
	min-width: 28%;
}

.sub_crclm .crclm_inr li:before {
	content: "●";
	color: #6994c9;
}

.sub_crclm2 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.sub_crclm2 li {
	border: solid 1px #172453;
	width: calc( 50% - 10px );
	background: #fff;
	margin-bottom: 20px;
}

.sub_crclm2 > li dt{
	background: #172453;
	color: #fff;
	font-size: 1.4rem;
	padding: 0 20px;
}

.sub_crclm2 > li dd{
	padding: 10px 20px;
}

.coursePage #course_lead .crclm li {
	padding-left: 1em;
	text-indent: -1em;
}

.coursePage #qualifications {
	padding-bottom: 50px;
}

.coursePage #qualifications li {
	padding-left: 1em;
	text-indent: -1em;
}

.coursePage p .grading {
	background: #172453;
	color: #fff;
	padding: 0.1em 0.5em;
	margin-right: 0.5em;
}

#course_curriculum {
	padding-bottom: 50px;
}

@media (max-width: 999px) {
	.sub_crclm > li dd { line-height: 1.6;}
	.sub_crclm .crclm_inr li { min-width: calc( 49% - 1em );}
}

@media (max-width: 799px) {
	.coursePage h2 { font-size: 1.2rem;}
	.coursePage h2 .major { font-size: 1.8rem;}
	.coursePage h2 .grading { padding: 0.2em 0.5em}
	.coursePage h2 .en { font-size: 1.2rem;}
	.sub_crclm > li { width: 100%;}
	.sub_crclm > li:not(:last-child) { margin-bottom: 10px;}
	.sub_crclm > li dt { border-bottom: dotted 1px #172453; margin-bottom: 10px;}
	.sub_crclm2 li { width: 100%; margin-bottom: 10px;}
}

@media (max-width: 499px) {
	.coursePage h2 .en { font-size: 1rem;}
	.coursePage p, .coursePage li { font-size: 1rem;}
	.sub_crclm .crclm_inr li { font-size: 1rem; min-width: unset; width: 100%; margin: 0;}
	.coursePage #course_job li { font-size: 1rem;}
	.sub_crclm > li dt { font-size: 1rem;}
	.sub_crclm > li dd { font-size: 1rem;}
	.sub_crclm2 > li dt, .sub_crclm2 li dd { font-size: 1rem;}
}

@media (max-width: 399px) {
	.coursePage h2 { font-size: 1rem;}
	.coursePage h2 .major { font-size: 1.4rem;}
	.coursePage h2 .en { font-size: 0.875rem;}
	.coursePage p .grading { display: inline-block; padding: 0 0.5em; margin: 3px;}
}





/*資格*/

#license ul {
	margin-bottom: 50px;
}

#license ul li {
	padding: 10px 0;
	font-size: 1.2rem;
}

#license ul li:not(:last-child) {
	border-bottom: dotted 1px #ccc;
}

#license .licenseName {
	display: inline-block;
	font-weight: bold;
	width: 16em;
}

#license .organizerName {
	display: inline-block;
	width: calc( 100% - 16em - 30px );
}

@media (max-width: 799px) {
	#license ul li { font-size: 1rem;}
	#license .organizerName { width: auto; min-width: 60%;}
}




/*キャンパス*/

#campus .flex {
	justify-content: center;
	flex-wrap: wrap;
	align-items: flex-start;
	margin-top: 50px;
}

#campus .flex .txt_area {
	max-width: 48%;
}

#campus .flex .txt_area h2 {
	margin-top: 0;
}

#campus .flex .img_area {
	max-width: 48%;
	margin-left: 30px;
}

#campus .campus_img {
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	margin: 30px auto;
}

#campus .campus_img li {
	padding: 10px;
}

@media (max-width: 799px) {
	#campus .flex { flex-direction: column-reverse; margin-top: 30px;}
	#campus .flex .txt_area { width: 100%; max-width: unset;}
	#campus .flex .img_area { width: 80%; max-width: 500px; margin: 0 auto 30px;}
	#campus .campus_img { flex-wrap: wrap; justify-content: space-between;}
	#campus .campus_img li { background: #fff; padding: 10px; width: calc( 50% - 5px); margin-bottom: 10px; display: flex; justify-content: center; align-items: center;}
	#campus .campus_img li:first-child { order: 1;}
	#campus .campus_img li:nth-child(2) { order: 3;}
	#campus .campus_img li:nth-child(3) { order: 2;}
	#campus .campus_img li:last-child { order: 4;}
}

@media (max-width: 499px) {
	#campus li { font-size: 1rem;}
}



/*就職・進学*/

.schoolPage .supportSystem {
	background: #fff;
	padding: 30px;
	margin-bottom: 50px;
}

.schoolPage .supportSystem dt {
	font-size: 1.4rem;
	font-weight: bold;
	text-align: center;
}

.schoolPage .supportSystem dd {
	position: relative;
}

.schoolPage .supportSystem dd ul {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	max-width: 800px;
	margin: auto;
}

.schoolPage .supportSystem dd ul li {
	width: calc( 50% - 20px );
	margin: 10px;
	padding: 30px;
	text-align: center;
	background: #c9f6bb;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
}

.schoolPage .supportSystem dd ul li:first-child { border-radius: 20px 0 0 0;}
.schoolPage .supportSystem dd ul li:nth-child(2) { border-radius: 0 20px 0 0;}
.schoolPage .supportSystem dd ul li:nth-child(3) { border-radius: 0 0 0 20px;}
.schoolPage .supportSystem dd ul li:last-child { border-radius: 0 0 20px 0;}

.schoolPage .supportSystem dd ul li span {
	display: inline-block;
}

.schoolPage .supportSystem dd > div{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
	margin: auto;
	width: 4em;
	height: 4em;
	text-align: center;
	line-height: 4em;
	border-radius: 50%;
	border: solid 5px #fffd5c;
	box-sizing: content-box;
	background: #ff9347;
	color: #fff;
	font-size: 1.6rem;
	font-weight: bold;
}

@media (max-width: 599px) {
	.schoolPage .supportSystem { padding: 10px;}
	.schoolPage .supportSystem dd ul li { padding: 20px; font-size: 1em; line-height: 1.4; width: calc( 50% - 10px ); margin: 5px;}
	.schoolPage .supportSystem dd > div { font-size: 1.2rem;}
}

@media (max-width: 499px) {
	.schoolPage .supportSystem dd > div { height: 3em; line-height: 3em; font-size: 4vw; border-width: 3px;}
	.schoolPage .supportSystem dd ul li { font-size: 4vw; width: calc( 50% - 4px); margin: 2px;}
	.schoolPage .supportSystem dd ul li:first-child { padding: 10px 20px 10px 10px;}
	.schoolPage .supportSystem dd ul li:nth-child(2) { padding: 10px 10px 10px 20px;}
	.schoolPage .supportSystem dd ul li:nth-child(3) { padding: 10px 20px 10px 10px;}
	.schoolPage .supportSystem dd ul li:last-child { padding: 10px 10px 10px 20px;}
}

@media (max-width: 399px) {
	.schoolPage p { font-size: 1rem;}
}





/*インターンシップ*/

#internship .btn {
	text-align: center;
	margin: 40px auto;
}

#internship .btn a {
	font-size: 1.2rem;
	color: #fff;
	background: #f39800;
	line-height: 1;
	display: inline-block;
	padding: 20px 40px;
	transition: all .3s;
}

#internship .btn a:link, #internship .btn a:visited, #internship .btn a:hover, #internship .btn a:active {
	text-decoration: none;
}

#internship .btn a:hover {
	opacity: .8;
}

#internship ol {
	margin: 40px auto;
	max-width: 900px;
}

#internship ol li {
	list-style: none;
	position: relative;
	margin: 0 0 50px;
}

#internship ol li dl {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	background: #fff;
	border: solid 1px #374577;
}

#internship ol li dl dt {
	width: 10em;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #374577;
	color: #fff;
}

#internship ol li dl dd {
	width: calc( 100% - 10em );
	padding: 20px;
}

#internship ol li:not(:last-child):after {
	top: calc( 100% + 10px );
	left: calc( 50% - 30px );
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(243, 152, 0, 0);
	border-top-color: #f39800;
	border-width: 30px;
	margin-left: -30px;
	border-left-width: 60px;
	border-right-width: 60px;
}

#internship table {
	margin-bottom: 50px;
}

#internship thead th {
	background: #374577;
	color: #fff;
	padding: 0 10px;
}

#internship tbody th {
	width: 8em;
}

#internship td:nth-of-type(1) {
	width: 12em;
}

@media (max-width: 799px) {
	#internship thead { display: none;}
	#internship tbody tr, #internship tbody th, #internship tbody td { display: block; border: none;}
	#internship tbody tr { margin-bottom: 10px;}
	#internship tbody th { width: 100%; background: #374577; color: #fff; padding: 0 10px; text-align: left;}
	#internship td, #internship td:nth-of-type(1) { width: 100%; padding: 0 10px 0 5.5em; text-indent: -5em;}
	#internship td:nth-of-type(1):before { content: "実習時間："; font-weight: bold;}
	#internship td:nth-of-type(2):before { content: "実習内容："; font-weight: bold;}
}

@media (max-width: 599px) {
	#internship ol li dl dt { width: 100%; padding: 0.3em;}
	#internship ol li dl dd { width: 100%; padding: 10px;}
}

@media (max-width: 499px) {
	#internship p { font-size: 1rem;}
	#internship ol { margin: 20px auto;}
	#internship ol li dl { font-size: 1rem;}
	#internship tbody th, #internship tbody td { font-size: 1rem;}
	#internship .btn a { padding: 20px;}
}





/*インターン実習先*/

#sub_internship ul {
	background: #fff;
	padding: 30px;
}

#sub_internship ul li {
	padding: 10px;
	border-bottom: dotted 1px #ccc;
	line-height: 1.4;
}

#sub_internship ul li span {
	display: inline-block;
}

#sub_internship ul li span:not(:last-child) {
	margin-right: 1em;
}

#sub_internship .list01 li span:first-child { width: 16em;}
#sub_internship .list01 li span:nth-child(2) { width: 18em;}


#sub_internship .list02 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 50px;
}

#sub_internship .list02 ul {
	width: 49%;
}

#sub_internship .list02 li span:first-child { width: 15em;}

@media (max-width: 999px) {
	#sub_internship ul li { font-size: 1rem; padding: 5px 0;}
}

@media (max-width: 899px) {
	#sub_internship .list02 { padding: 30px; background: #fff;}
	#sub_internship .list02 ul { width: 100%;padding: 0;}
	#sub_internship ul li { border: none; padding-left: 1em; text-indent: -1em;}
	#sub_internship ul li:before { content: "・";}
	#sub_internship ul li span { text-indent: 0;}
	#sub_internship ul li span:not(:last-child) { margin-right: 0;}
	#sub_internship ul li span:not(:last-child):after { content: "/"; margin: 0 0.5em;}
	#sub_internship .list01 li span:first-child { width: auto;}
	#sub_internship .list01 li span:nth-child(2) { width: auto;}
	#sub_internship .list02 li span:first-child { width: auto;}
}

@media (max-width: 599px) {
	#sub_internship .list01, #sub_internship .list02 { padding: 20px;}
}






/*よくある質問*/

#qanda ul {
	margin-bottom: 30px;
}

#qanda li {
	padding: 20px 10px;
}

#qanda li:not(:last-child) {
	border-bottom: dotted 1px #ccc;
}

#qanda li dt, #qanda li dd {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}

#qanda li dt {
	margin-bottom: 20px;
}

#qanda li dt .mark_q, #qanda li dd .mark_a {
	color: #fff;
	font-weight: bold;
	width: 36px;
	height: 36px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 10px;
}

#qanda li dt .mark_q { background: #920000;}
#qanda li dd .mark_a { background: #172453;}

#qanda li .txt_area {
	width: calc( 100% - 36px - 10px );
}

@media (max-width: 499px) {
	#qanda li dl { font-size: 1rem;}
	#qanda li dt .mark_q, #qanda li dd .mark_a { width: 30px; height: 30px;}
	#qanda li .txt_area { width: calc( 100% - 30px - 10px );}
}







/*競技実績*/

.results {
	margin-bottom: 20px;
}

.results .inner {
	background: #fff;
	padding: 40px;
}

.results h3 {
	margin-top: 0;
}

.result_list {
	border-top: solid 1px #ccc;
}

.result_list li {
	padding: 10px;
	border-bottom: dotted 1px #ccc;
}

@media (max-width: 899px) {
	.result_list li { font-size: 1rem; line-height: 1.4;}
}

@media (max-width: 599px) {
	.results .inner { padding: 20px;}
	.result_list li { padding: 10px 0;}
}

@media (max-width: 499px) {
	#results_lead p { font-size: 1rem;}
}





/*特待生制度*/

#tokutai .tokutai_type {
	display: inline-flex;
	flex-wrap: flex-start;
	flex-wrap: wrap;
	background: #fff;
	padding: 10px;
}

#tokutai .tokutai_type li {
	display: inline-block;
	border: solid 5px #fff;
	width: 50%;
	min-width: 470px;
	background: #e5f1fa;
}

#tokutai .tokutai_type dl {
	display: inline-flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	padding: 10px 20px;
}

#tokutai .tokutai_type dl dt {
	padding: 5px;
	font-weight: bold;
}

#tokutai .tokutai_type dl dd {
	padding: 5px;
}

#tokutai .tokutai_requirements {
	margin-bottom: 50px;
}

@media (max-width: 999px) {
	#tokutai .tokutai_type li { min-width: 450px; width: 80%; margin: auto;}
}

@media (max-width: 599px) {
	#tokutai .tokutai_type li { min-width: unset; width: 100%;}
}

@media (max-width: 499px) {
	#tokutai p, #tokutai .tokutai_type dl, #tokutai li { font-size: 1rem;}
	#tokutai .tokutai_type dl { padding: 10px;}
	#tokutai .tokutai_type dl dt, #tokutai .tokutai_type dl dd { width: 100%; padding: 0;}
}





/*フォトアルバム*/

#photo .photogallery {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin-bottom: 50px;
}

#photo .photogallery li {
	padding: 10px;
	display: flex;
	align-items: center;
}

#photo .photogallery li img {
	display: block;
	border: solid 5px #fff;
	box-shadow: 2px 2px 3px rgba(0,0,0,.2);
}







/*ニュース＆トピックス*/

.news > section:first-of-type {
	padding: 50px 0;
}

.news .inner{
	max-width: 900px;
	background: #fff;
	padding: 40px!important;
}

.news h1 { font-size: 1.4rem;}
.news h2 { font-size: 1.4rem;}
.news h3 { font-size: 1.2rem;}
.news .news_ttl {
	background: #172453 ;
	color: #fff;
	text-align: left;
	margin: 0 0 20px;
	line-height: 1.6;
	padding: 10px;
}

.news p, .news dt, .news dd, .news li { font-size: 1rem;}

.news dt, .news dd {
	margin-bottom: 20px;
}
.news dt {
	width: 150px;
	background: #0099cc;
	color: #fff;
	text-align: center;
	height: 30px;
	line-height: 30px;
}
.news dd {
	width: calc( 100% - 170px );
}

#news_navi {
	margin: 0 auto;
	padding: 50px 0 0;
	text-align: center;
	font-size: 1rem;
}

.news #news_list li {
	padding: 20px 0;
	border-bottom: dotted 1px #ccc;
}

.news #news_list li dt, .news #news_list li dd {
	margin-bottom: 0;
}

@media (max-width: 799px) {
	.news > section:first-of-type { padding-top: 20px;}
	.news .inner { padding: 20px!important;}
}

@media (max-width: 499px) {
	.news h1 { font-size: 1.2rem;}
	.news h2 { font-size: 1.2rem;}
	.news h3 { font-size: 1rem;}
	.news .news_ttl { margin: 0 0 10px; padding: 5px 10px}
	.news dt, .news dd { width: 100%;}
	.news dt { margin-bottom: 5px;}
	.news dd { padding: 0 5px;}
}

@media (max-width: 399px) {
	#news_navi { font-size: 4.5vw;}
}





/*プライバシーポリシー*/

#privacyPolicy {
	padding: 50px 0;
}

#privacyPolicy .inner {
	max-width: 900px;
	margin: 0 auto;
}

#privacyPolicy h1 {
	font-size: 2rem;
}

#privacyPolicy li {
	margin-bottom: 20px;
	display: flex;
	flex-wrap: wrap;
}

#privacyPolicy li span:first-child {
	width: 1.5em;
}

#privacyPolicy li span:last-child {
	width: calc( 100% - 1.5em );
}

@media (max-width: 799px) {
	#privacyPolicy h1 { font-size: 1.6rem;}
	#privacyPolicy p, #privacyPolicy li { font-size: 1rem;}
}

@media (max-width: 499px) {
	#privacyPolicy h1 { font-size: 1.4rem;}
	#privacyPolicy { padding: 20px 0;}
}



/**/
#shiryo .inner {
	padding-bottom: 50px;
}

#shiryo th, #shiryo td {
	font-size: 1rem;
}





/*募集要項*/


.dl_list{
    border: 1px #ccc solid;
    padding: 50px;
    max-width: 800px;
    margin: 50px auto;
    background: #efefef;
    text-align:center;
}
.dl_list li{
	background: #0099cc;
    width: 45%;
    height: 60px;
    display: inline-block;
    margin: 2%;
    line-height: 60px;
    font-size: 1.2rem;
}
.dl_list li a{
    color: #fff;
    display:block;
    text-align:center;
}
.dl_list li a:hover{
    text-decoration: none;
    background:#006AB6;
}

@media (max-width: 799px) {
	.download .txt_center { text-align: left;}
	.dl_list{padding: 25px;}
}
@media (max-width: 499px) {
	.download p { font-size: 1rem;}
	.dl_list li{width: 100%;margin: 2% 0;}
	.dl_list{padding: 15px;margin:20px auto;}
}


/* 情報公開 */
.disclosurePage .inner{
	max-width:800px;
	margin:0 auto;
}
.disclosure_list{
	margin-bottom:50px;
}
.disclosure_list li{
	margin-bottom:10px;
	/*padding-left: 0.8em;*/
	position: relative;
}
.disclosure_list li a{
	color: #4f4946;
}
.disclosure_list li a:after{
	font-family: "Font Awesome 5 Free";
	content:"\f1c1";
	font-weight: 900;
	margin-left:5px;
	color:#b80000;
}
/*
.disclosure_list li:before{
	content:"●";
	margin-right:5px;
	font-size:80%;
	position: absolute;
    left: 0;
    top: 5px;
}
*/
.dib{
	display: inline-block;
	text-decoration: inherit;
}

#disclosureIdx dl.flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}

#disclosureIdx dl.flex dt {
	width: 3em;
	margin-right: 40px;
	font-weight: bold;
}

#disclosureIdx dl.flex dd {
	max-width: calc( 100% - 3em - 40px );
}

#disclosureIdx dl.flex dd br.no_pc {
	display: none;
}

#disclosureIdx thead th { background: #b1d6ed;}

#disclosureIdx table{
	margin-bottom: 15px;
}

ul.notes, ul.notes li{
	font-size: 1rem;
}

@media (max-width: 699px) {
	.disclosure_list li{margin-bottom:10px;font-size: 1rem;}
	.disclosure_list li:before{margin-right:2px;font-size:70%;}
}

@media (max-width: 499px) {
	#disclosureIdx p, #disclosureIdx dt, #disclosureIdx dd, #disclosureIdx li, #disclosureIdx th, #disclosureIdx td { font-size: 0.9rem;line-height: 1.4;}
	.notes li{margin-bottom:10px;}
}


.footer_nav{
	text-align: left;
}
.footer_nav li{
	font-size: 14px;
}
.footer_nav li a{
	color: inherit;
}
.footer_nav li a:before{
  font-family: "Font Awesome 5 Free";
  content: '\f105';
  font-weight: 900;
  padding-right: 5px;
}


#course_employment dl{
    background: #fff;
    border: #ccc 1px solid;
    padding: 30px;
    margin-bottom:30px;
}
#course_employment dt{
    background: #6994c9;
    color: #fff;
    margin-bottom: 15px;
    text-align: center;
}
#course_employment dd li{
	display:inline-block;
	font-size: 1.1rem;
}
#course_employment dd li:last-of-type{
	margin-right:0;
}
#course_employment dd li:after{
	content:"、";
}
#course_employment dd li:last-of-type:after{
	content:inherit;
}
#course_employment .img_area{
	margin:40px auto;
}
#course_employment .img_area li{
	width:33%;
}
.dl_btn{}
.dl_btn li{
	width: 95%;
    max-width: 400px;
    margin: 0 0 15px 15px;
}
.dl_btn li a{
	background: #20a406;
    color: #fff;
    display: block;
    text-align: center;
    line-height: 1.3;
    padding: 15px 25px 15px 10px;
}
.courseIt .dl_btn li:nth-of-type(2) a, .courseJp .dl_btn li a{
    padding: 10px 25px 10px 10px;
}
.coursePage #qualifications .dl_btn li{
    padding-left: 0;
    text-indent: inherit;
    position: relative;
}
.courseJp .dl_btn li a{
	background: #eb6100;
}
.courseJp .dl_btn li{
    margin: 0 auto 15px;
}
.dl_btn li a:after{
	position: absolute;
	font-family: "Font Awesome 5 Free";
	content: '\f105';
	font-weight: 900;
	right:10px;
	top:30%;
}
.dl_btn li a:hover{
	text-decoration: none;
}
#course_employment h3{
	margin-top:0;
}
h3 ruby{
    font-weight: bold;
}
.courseJp .img_center{
	max-width:1000px;
	margin:30px auto;
}
.courseJp ul.en{
	margin-top:20px;
}

@media (max-width: 499px) {
	#course_employment dl{padding: 15px;}
	#course_employment dd li{font-size: 1rem;line-height: 1.2;}
	.dl_btn li{margin: 0 auto 15px;}
	.coursePage #qualifications{padding-bottom: 20px;}
}



#campus, #disclosureIdx, .courseJp{
	padding-bottom: 50px;
}
@media (max-width: 499px) {
	#campus{padding-bottom:8vw;}

}

#ftr_title{
    border-top: 5px #C00 solid;
    margin: 0 auto 20px;
}