@charset "utf-8";
/*
Theme Name: kaisei
Theme URI: null
Description: Description
Author: Shunc - QP
Version: 1.0
*/

/*------------------------------------------------------------
	デフォルトスタイル
------------------------------------------------------------*/
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, font, 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 {
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
	outline: 0;

	font-size: 1em;
}

body {
	font-size: 62.5%;
}

body,
table,
input, textarea, select, option {
	font-family: Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
}

article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary {
	display: block;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

img {
	vertical-align: top;
}

a,
a:link {
	color: #0000ee;
	text-decoration: none;
}

a:visited {
	color: #804590;
}

a:hover {
}

a:active {
	color: #804590;
}

/*------------------------------------------------------------
	書式設定
------------------------------------------------------------*/
/* テキストの位置 */
.taLeft { text-align: left !important; }
.taCenter { text-align: center !important; }
.taRight { text-align: right !important; }

/* フォントの大きさ（プラス） */
.fsP1 { font-size: 1.08em !important; }
.fsP2 { font-size: 1.16em !important; }
.fsP3 { font-size: 1.24em !important; }
.fsP4 { font-size: 1.32em !important; }
.fsP5 { font-size: 1.4em !important; }

/* フォントの大きさ（マイナス） */
.fsM1 { font-size: 0.92em !important; }
.fsM2 { font-size: 0.84em !important; }
.fsM3 { font-size: 0.76em !important; }
.fsM4 { font-size: 0.68em !important; }
.fsM5 { font-size: 0.6em !important; }

/* フォントの太さ */
.fwNormal { font-weight: normal !important; }
.fwBold { font-weight: bold !important; }

/*------------------------------------------------------------
	微調整用クラス（※多用しないこと）
------------------------------------------------------------*/
.mt0 { margin-top: 0 !important; }
.mb0 { margin-bottom: 0 !important; }

/*------------------------------------------------------------
	汎用スタイル
------------------------------------------------------------*/
	* html .clearfix {
		zoom: 1;
	}

	*+html .clearfix {
		zoom: 1;
	}

.clearfix:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

/*------------------------------------------------------------
	レイアウト
------------------------------------------------------------*/
body {
	min-width: 1200px;
	color: #000;
	font-size: 14px;
	line-height: 1.5;
	text-size-adjust: none;
	-webkit-text-size-adjust: none;
	background-color: #FFF;
}

#container {
	text-align: left;
}

#main {
	width: 1200px;
	margin: 0 auto;
	padding: 24px 0 0;
	background: url(img/common/main_bg.jpg) repeat left top;
	background-size: 31px auto;
	box-shadow: 0 13px 9px -6px rgba(0,0,0,0.4) inset;
}

a[href^="tel:"] {
	cursor: default;
	pointer-events: none;
}

.sp {
	display: none !important;
}

@media all and (min-width: 0) and (max-width: 767px) {
	body {
		min-width: inherit;
	}

	a:hover,
	a:hover img {
		opacity: 1 !important;
	}

	.sp {
		display: block !important;
	}
	
	.pc {
		display: none !important;
	}
	
	a[href^="tel:"] {
		cursor: pointer;
		pointer-events: auto;
	}
	
	#main {
		margin: 0 10px 40px;
		padding: 0;
		width: auto;
		background: none;
		box-shadow: none;
	}
	
}

/*------------------------------------------------------------
	ヘッダー
------------------------------------------------------------*/
#gHeader {
	padding-bottom: 7px;
	background: #001E67;
}

#gHeader .hBox {
	padding-right: 18px;
	width: 1122px;
	margin: 0 auto;
	box-sizing: border-box;
}

#gHeader .hBox h1 {
	float: left;
}

#gHeader .hBox .hInner {
	margin-top: 26px;
	width: 602px;
	float: right;
}

#gHeader .hBox .hInner .map {
	float: left;
	padding-right: 5px;
}

#gHeader .hBox .hInner .map a {
	display: block;
}

#gHeader .hBox .hInner .map a:hover img {
	opacity: 0.7;
}

#gHeader .hBox .hInner ul {
	margin-top: -3px;
	width: 299px;
	float: right;
}

#gHeader .hBox .hInner ul li {
	width: 146px;
	margin-top: 3px;
	float: left;
}

#gHeader .hBox .hInner ul li:nth-child(2n) {
	float: right;
}

#gHeader .hBox .hInner ul li a {
	padding: 1px 0;
	display: block;
	text-align: center;
	font-size: 12px;
	color: #001E67;
	background-color: #fff;
}

#gHeader .hBox .hInner ul li a:hover {
	opacity: 0.7;
}

@media all and (min-width: 0) and (min-width: 768px) {
	.menuBox,
	.haBox {
		display: none !important;
	}
}

@media all and (min-width: 0) and (max-width: 767px) {
	#gHeader {
		padding: 5px;
		position: relative;
	}
	
	#gHeader .hBox {
		padding-right: 0;
		width: auto;
	}
	
	#gHeader .hBox h1 {
		float: none;
	}
	
	#gHeader .hBox h1 img {
		width: 220px;
	}
	
	#gHeader .hBox .hInner {
		display: none;
	}
	
	.menu {
		width: 40px;
		height: 40px;
		position: absolute;
		right: 5px;
		top: 15px;
	}
	
	.menu.active {
		background: url(img/common/close.png) no-repeat center center;
		background-size: 25px auto;
	}
	
	.menu.active img {
		display: none;
	}
	
	.menuBox {
		display: none;
		width: 100%;
		position: absolute;
		left: 0;
		top: 100%;
		background-color: #fff;
		z-index: 99;
	}
	
	.menuBox ul li {
		position: relative;
	}
	
	.menuBox ul li span {
		position: absolute;
		right: 20px;
		top: 15px;
		width: 20px;
		height: 20px;
		background: url(img/common/sp_icon02.png) no-repeat center center;
		background-size: 20px auto;
	}
	
	.menuBox ul li span.on {
		background: url(img/common/sp_icon01.png) no-repeat center center;
		background-size: 20px auto;
	}
	
	.menuBox ul li a {
		padding: 15px 30px;
		display: block;
		color: #233a82;
		font-size: 14px;
		background-color: #F4F4F4;
		border-bottom: 1px solid #fff;
	}
	
	.menuBox ul li ul {
		display: none;
	}
	
	.menuBox ul li ul li a {
		padding: 10px 40px;
		font-size: 12px;
	}
	
	.menuBox ul li ul li:last-child {
		text-align: center;
	}
	
	.menuBox ul li ul li img {
		display: block;
		margin: 0 auto;
	}
}

	.haBox {
		margin-top: 5px;
		width: 100%;
		background-color: #FFF;
	}

	.haBox .map {
		float: left;
	}

	.haBox .map img {
		width: 50%;
	}

	.haBox .map a {
		display: block;
	}

	.haBox .map a:hover img {
		opacity: 0.7;
	}

	.haBox ul {
		margin-top: -3px;
		width: 100%;
		float: right;
	}

	.haBox ul li {
		width: 20%;
		margin-top: 3px;
		float: left;
	}

	.haBox ul li:nth-child(2n) {
		float: right;
	}

	.haBox ul li a {
		padding: 1px 0;
		display: block;
		text-align: center;
		font-size: 10px;
		color: #001E67;
		background-color: #fff;
	}

	.haBox ul li a:hover {
		opacity: 0.7;
	}

/*------------------------------------------------------------
	パンクズリスト
------------------------------------------------------------*/
#pagePath {
	margin: 10px 0 50px;
}

#pagePath li {
	display: inline;
	color: #000;
}

#pagePath li a {
	margin-right: 4px;
	color: #000;
}

#pagePath li a:hover {
	text-decoration: underline;
}

@media all and (min-width: 0) and (max-width: 767px) {
	#pagePath {
		margin-bottom: 20px;
	}
	
	#pagePath li {
		font-size: 12px;
	}
	
	#pagePath li a:hover {
		text-decoration: none;
	}

}

/*------------------------------------------------------------
	conts
------------------------------------------------------------*/
#conts {
	padding: 0 35px 80px;
	width: 945px;
	float: right;
	box-sizing: border-box;
	background-color: #fff;
}

@media all and (min-width: 0) and (max-width: 767px) {
	#conts {
		margin-bottom: 40px;
		padding: 0;
		width: auto;
		float: none;
	}
}

/*------------------------------------------------------------
	sideBar
------------------------------------------------------------*/
#sideBar {
	padding-bottom: 40px;
	width: 255px;
	padding-left: 2px;
	float: left;
	box-sizing: border-box;
}

#sideBar .sNavi {
	width: 180px;
	margin: 0 auto 30px;
	border: 2px solid #001E67;
	box-sizing: border-box;
}

#sideBar .sNavi > li > a {
	padding: 15px 0 14px 25px;
	display: block;
	text-align: center;
	color: #001E67;
	background: url(img/common/s_icon01.jpg) no-repeat left center #fff;
	background-size: auto 100%;
	border-bottom: 2px solid #001E67;
}

#sideBar .sNavi > li:last-child > a {
	border-bottom: none;
}

#sideBar .sNavi > li:last-child li:first-child a {
	border-top: 2px solid #001E67;
}

#sideBar .sNavi > li ul {
	display: none;
}

#sideBar .sNavi > li li a {
	padding: 8px 0 8px 10px;
	display: block;
	color: #001E67;
	font-size: 12px;
	background-color: #E4ECFF;
	border-bottom: 2px solid #001E67;
}

#sideBar .sNavi > li .liStyle01 a {
	border-bottom: none;
}

#sideBar .sNavi > li li a img {
	margin: 0 auto;
	display: block;
}

#sideBar .sNavi > li li:last-child a {
	padding: 8px 0;
	text-align: center;
}

#sideBar .sNavi li a:hover {
	opacity: 0.7;
}

#sideBar .donation {
	width: 180px;
	margin: 0 auto 30px;
}

#sideBar .donation a img {
	width: 100%;
	height: auto;
}

#sideBar p {
	width: 180px;
	margin: 0 auto 11px;
	color: #001E67;
}

#sideBar .sBanner {
	width: 180px;
	margin: 0 auto;
}

#sideBar .sBanner li {
	margin-bottom: 24px;
}

#sideBar .sBanner li:last-child {
	margin-bottom: 0;
}

#sideBar .sBanner li img {
	width: 100%;
}

#sideBar .sBanner li a:hover img {
	opacity: 0.7;
}

@media all and (min-width: 0) and (max-width: 767px) {
	#sideBar {
		width: auto;
		margin: 0;
		padding: 0;
		float: none;
	}
	
	#sideBar .sNavi {
		width: auto;
		margin: 0 auto 40px;
	}
	
	#sideBar .sNavi > li > a {
		padding: 15px 0 12px;
	}
	
	#sideBar .sNavi > li:last-child > a {
		border-bottom: none;
	}
	
	#sideBar .sNavi > li ul {
		display: none !important;
	}
	
	#sideBar .sNavi > li li a img {
		margin: 0 auto;
		display: block;
	}
	
	#sideBar .donation {
		width: 75%;
		margin: 0 auto 30px;
	}
	
	#sideBar .donation a img {
		width: 100%;
		height: auto;
	}

	#sideBar p {
		width: auto;
		margin: 0 auto 10px;
	}
	
	#sideBar .sBanner {
		margin-top: -15px 0;
		width: auto;
	}
	
	#sideBar .sBanner li {
		margin: 15px 0 0;
		width: 49%;
		float: left;
	}
	
	#sideBar .sBanner li:nth-child(2n) {
		float: right;
	}
	
	#sideBar .sBanner li img {
		width: 100%;
	}

}

/*------------------------------------------------------------
	フッター
------------------------------------------------------------*/
#gFooter {
	padding: 20px 0;
	background: #001E67;
}

#gFooter .fBox {
	margin: 0 auto;
	padding: 4px 0;
	width: 1200px;
	background-color: #B3B3B3;
}

#gFooter .fNavi {
	padding: 0 30px;
	text-align: right;
	border-top: 1px solid #001E67;
	border-bottom: 1px solid #001E67;
}

#gFooter .fNavi li {
	margin-left: 10px;
	display: inline-block;
}

#gFooter .fNavi li a {
	color: #001E67;
}

#gFooter .fNavi .site-index {
	margin-right: 15px;
	position: relative;
}

#gFooter .fNavi .site-index:before {
	content: "";
	position: absolute;
	right: -11px;
	bottom: 0;
	border-left: 11px solid #001E67;
	border-top: 11px solid transparent;
	border-bottom: 11px solid transparent;
	
}

#gFooter .fNavi .site-index:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	border-left: 11px solid #B3B3B3;
	border-top: 11px solid transparent;
	border-bottom: 11px solid transparent;
	
}

#gFooter .fNavi .site-index a {
	padding: 0 5px 0 20px;
	color: #ccc;
	display: inline-block;
	background-color: #001E67;
}

#gFooter .siteBox {
	padding: 20px 0;
	margin: 0 auto;
	width: 1200px;
	display: none;
	background-color: #155a9f;
}

#gFooter .siteBox > ul > li {
	margin-left: 50px;
	width: 350px;
	float: left;
	color: #fff;
	line-height: 1.6;
	box-sizing: border-box;
	list-style-type: disc;
}

#gFooter .siteBox li a {
	color: #fff;
}

#gFooter .siteBox li li {
	margin-left: 30px;
	color: #fff;
	list-style-type: circle;
}

#gFooter .siteBox li a:hover {
	text-decoration: underline;
}

#gFooter .copyright {
	margin: 0 auto;
	padding: 5px 30px 0;
	width: 1200px;
	color: #fff;
	font-size: 12px;
	text-align: right;
	box-sizing: border-box;
}

@media all and (min-width: 0) and (max-width: 767px) {
	#gFooter {
		padding: 30px 0 10px;
	}
	
	#gFooter .fBox {
		width: auto;
	}
	
	#gFooter .fNavi {
		padding: 0 10px;
		text-align: left;
	}
	
	#gFooter .fNavi li {
		margin: 0 !important;
		display: none;
	}
	
	#gFooter .fNavi .site-index {
		display: inline-block !important;
	}
	
	#gFooter .siteBox {
		width: auto;
	}
	
	#gFooter .siteBox > ul > li {
		margin: 0 0 15px 40px;
		width: auto;
		float: none;
	}
	
	#gFooter .siteBox > ul > li:last-child {
		margin-bottom: 0;
	}
	
	#gFooter .siteBox li a:hover {
		text-decoration: none;
	}
	
	#gFooter .fLinkUl {
		margin: 10px;
	}
	
	#gFooter .fLinkUl li {
		padding: 10px 10px 10px 0;
		display: inline-block;
	}
	
	#gFooter .fLinkUl li a {
		color: #fff;
	}
	
	#gFooter .copyright {
		width: auto;
		font-size: 10px;
		text-align: center;
	}
}

/*------------------------------------------------------------
	pageTitle
------------------------------------------------------------*/
#conts .pageTitle {
	margin: 0 -35px;
	padding: 0 35px;
	background: #001e67;
}

#conts .pageTitle h2 img {
	width: 875px;
}

@media all and (min-width: 0) and (max-width: 767px) {
	#conts .pageTitle {
		margin: 0 -10px;
		padding: 0;
		position: relative;
		background: none;
	}
	
	#conts .pageTitle h2 {
		margin: 0;
		padding: 0;
		height: 91px;
		position: relative;
		background: url(img/information/page_title_bg.png) no-repeat;
		background-size: 600px auto !important;
		background-position: -80px top !important;
		z-index: 1;
	}
	
	#conts .pageTitle h2 img {
		display: none;
	}
	
	#conts .pageTitle:after {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		opacity: 0.5;
		background-image: url(img/information/page_title_bg.png);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 100% auto;
		content: "";
	}
	
	#conts .sp-acrobat {
		display: none;
	}
	
}

/*------------------------------------------------------------
	headLine01
------------------------------------------------------------*/
#conts .headLine01 {
	margin-bottom: 40px;
	padding: 0 10px;
	height: 70px;
	color: #062324;
	font-size: 24px;
	font-family: serif;
	line-height: 70px;
	background: url(img/common/headline01_bg.png) no-repeat center center;
}

@media all and (min-width: 0) and (max-width: 767px) {
	#conts .headLine01 {
		margin: 0 -10px 30px;
		height: 40px;
		font-size: 16px;
		line-height: 40px;
		background-size: auto 40px;
	}
}

/*------------------------------------------------------------
	headerLine02
------------------------------------------------------------*/
#conts .headLine02 {
	margin-bottom: 30px;
	padding: 5px 15px;
	font-size: 16px;
	border-left: 5px solid #7a7f7a;
	border-bottom: 1px solid #7a7f7a;
}

@media all and (min-width: 0) and (max-width: 767px) {
}

/*------------------------------------------------------------
	headerLine03
------------------------------------------------------------*/
#conts .headLine03 {
	margin-bottom: 30px;
	padding: 5px 15px;
	font-size: 16px;
	border-left: 5px solid #001e67;
	border-bottom: 1px solid #001e67;
}

@media all and (min-width: 0) and (max-width: 767px) {
}

/*------------------------------------------------------------
	headerLine04
------------------------------------------------------------*/
#conts .headLine04 {
	margin-bottom: 30px;
	padding: 5px 15px;
	font-size: 16px;
	border-left: 5px solid #001e67;
	border-bottom: 1px solid #001e67;
	width: 98%;
}

@media all and (min-width: 0) and (max-width: 767px) {
}

/*------------------------------------------------------------
	headerLine05
------------------------------------------------------------*/
#conts .headLine05 {
	margin-bottom: 30px;
	padding: 5px 15px;
	font-size: 16px;
	border-left: 5px solid #001e67;
	border-bottom: 1px solid #001e67;
	width: 98%;
}

@media all and (min-width: 0) and (max-width: 767px) {
}

/*------------------------------------------------------------
	comLinkUl
------------------------------------------------------------*/
#conts .comLinkUl li {
	padding: 0 40px 40px 0;
	width: 262px;
	float: left;
	font-size: 20px;
}

#conts .comLinkUl li a {
	color: #000;
}

#conts .comLinkUl li a:hover {
	opacity: 0.7;
}

#conts .comLinkUl li:nth-child(3n) {
	padding-right: 0;
}

@media all and (min-width: 0) and (max-width: 767px) {
	#conts .comLinkUl li {
		padding: 0 0 20px;
		width: 48%;
		font-size: 15px;
	}
		
	#conts .comLinkUl li img {
		width: 100%;
	}
	
	#conts .comLinkUl li:nth-child(2n) {
		float: right;
	}
}

/*------------------------------------------------------------
	comTitle
------------------------------------------------------------*/
#conts .comTitle {
	margin-bottom: 20px;
	color: #233b86;
    font-family: serif;
    font-size: 24px;
	font-weight: bold;
	text-indent: 0 !important;
}

#conts .comTitle02 {
	margin-top: 40px;
	margin-bottom: 20px;
	color: #233b86;
    font-family: serif;
    font-size: 30px;
	font-weight: bold;
	text-indent: 0 !important;
	border-bottom: 3px solid #233B86;
	width: 40%;
}

@media all and (min-width: 0) and (max-width: 767px) {
	#conts .comTitle {
		font-size: 18px;
		line-height: 1.4 !important;
	}

	#conts .comTitle02 {
		font-size: 26px;
		line-height: 1.4 !important;
	}
}

/*------------------------------------------------------------
	comNewsDl
------------------------------------------------------------*/
#conts .comNewsDl {
	margin-bottom: 80px;
	height: 150px;
	overflow: auto;
}

#conts .comNewsD2 {
	margin-bottom: 80px;
	border: 1px #000 solid;
}

#conts .comNewsDl dt {
	float: left;
}

#conts .comNewsDl dd {
	padding-left: 6em;
}

#conts .comNewsDl dd a:hover {
	text-decoration: underline;
}

#conts .comNewsD2 {
	margin-bottom: 80px;
	padding: 5px 5px 50px 5px;
	width: 98%;
/*	border: 1px solid #000; */
	border: none;
}

#conts .comNewsD2 dt {
	float: left;
}

#conts .comNewsD2 dd {
	padding-left: 6em;
}

#conts .comNewsD2 dd a:hover {
	text-decoration: underline;
}

@media all and (min-width: 0) and (max-width: 767px) {
	#conts .comNewsDl {
		margin-bottom: 40px;
	}
	
	#conts .comNewsDl dt {
		margin-right: 5px;
	}
	
	#conts .comNewsDl dd {
		padding-left: 0;
	}
	
	#conts .comNewsDl dd a:hover {
		text-decoration: none;
	}	
	
		#conts .comNewsD2 {
		margin-bottom: 40px;
	width: 100%;
		border: none;
	}
	
	#conts .comNewsD2 dt {
		margin-right: 5px;
	}
	
	#conts .comNewsD2 dd {
		padding-left: 0;
	}
	
	#conts .comNewsD2 dd a:hover {
		text-decoration: none;
	}	

}

/*------------------------------------------------------------
	comMenuUl
------------------------------------------------------------*/
#conts .comMenuUl ,
#conts .comMenuUl02 {
	margin-bottom: 80px;
	border-bottom: 1px solid #666;
}

#conts .comMenuUl li,
#conts .comMenuUl02 li{
    margin-right: 10px;
    width: 220px;
	height: 100%;
	display: table;
	float: left;
    font-size: 15px;
	line-height: 1.3;
	border: 1px solid #2d6ea8;
    border-bottom: none;
    border-radius: 5px 5px 0 0;
}

#conts .comMenuUl li:first-child ,
#conts .comMenuUl02 li:first-child {
	margin-right: 10px;
}

#conts .comMenuUl a ,
#conts .comMenuUl02 a {
	display: table-cell;
	height: 47px;
	color: #2c332d;
	text-align: center;
	vertical-align: middle;
}

#conts .comMenuUl a:hover ,
#conts .comMenuUl02 a:hover {
	text-decoration: underline;
}

@media all and (min-width: 0) and (max-width: 767px) {
#conts .comMenuUl {
		display: none;
	}
#conts .comMenuUl02 {
	margin-bottom: 80px;
	border-bottom: 1px solid #666;
}

#conts .comMenuU02 li{
    margin-left: 10px;
	margin-bottom: 15px;
    width: 40%x;
	height: 100%;
    font-size: 15px;
	line-height: 1.3;
	border: 1px solid #2d6ea8;
    border-bottom: none;
    border-radius: 5px 5px 0 0;
}

#conts .comMenuUl02 li:first-child {
	margin-left: 0;
	margin-bottom: 15px;
}

#conts .comMenuUl02 a {
	display: table-cell;
	height: 47px;
	color: #2c332d;
	text-align: center;
	vertical-align: middle;
}

#conts .comMenuUl02 a:hover {
	text-decoration: underline;
}
}

/*------------------------------------------------------------
	comDl
------------------------------------------------------------*/
#conts .comDl dt {
	width: 65px;
	padding: 8px 0;
	text-align: center;
	float: left;
	color: #fff;
	line-height: 1;
	border-radius: 3px;
	font-family: serif;
	background: #7daa2b;
}

#conts .comDl dt span {
	font-size: 21px;
}

#conts .comDl dd {
	padding: 0 0 20px 6em;
}

#conts .comDl dd p {
	line-height: 1.6;
}

#conts .comDl dd .ttl {
	margin-bottom: 10px;
	text-indent: inherit;
	color: #4f629e;
	font-weight: bold;
}

#conts .comDl dd .link {
	margin-top: 10px;
	text-align: right;
}

#conts .comDl dd .link a {
	padding: 10px 20px 7px;
	color: #fff;
	display: inline-block;
	background: #5f75aa;
	border-radius: 5px;
}

#conts .comDl dd .link a:hover {
	opacity: 0.7;
}

@media all and (min-width: 0) and (max-width: 767px) {
	#conts .comDl dt {
		width: 60px;
		padding: 5px 0;
	}
	
	#conts .comDl dd {
		padding: 0 0 20px 5.4em;
	}
	
	#conts .comDl dd .link a {
		padding: 5px 20px 3px;
	}

}

/*------------------------------------------------------------
	comImgBox
------------------------------------------------------------*/
#conts .comImgBox {
	margin-bottom: 40px;
}

#conts .comImgBox .lBox {
	width: 500px;
	float: left;
}

#conts .comImgBox .lBox p {
	line-height: 1.6;
	text-indent: 1em;
}

#conts .comImgBox .lBox .img {
	margin-top: 20px;
	text-align: center;
}

#conts .comImgBox .rBox {
	width: 300px;
	float: right;
	border: 1px solid #4f629e;
	box-sizing: border-box;
}

#conts .comImgBox .rBox p {
	padding: 10px 20px;
	color: #fff;
	text-align: center;
	background: #4f629e;
}

#conts .comImgBox .rBox p span {
	font-size: 12px;
}

#conts .comImgBox .rBox ul {
	padding: 10px 20px;
}

#conts .comImgBox .rBox ul li {
	list-style: inside;
}

@media all and (min-width: 0) and (max-width: 767px) {
	#conts .comImgBox {
		margin-bottom: 20px;
	}
	
	#conts .comImgBox .lBox {
		width: auto;
		float: none;
	}
	
	#conts .comImgBox .rBox {
		padding: 10px;
		width: auto;
		float: none;
	}
	
	#conts .comImgBox .rBox p {
		text-align: center;
	}
	
	#conts .comImgBox .rBox ul {
		padding: 10px 10px 0;
	}

}

/*------------------------------------------------------------
	mailForm
------------------------------------------------------------*/
#conts .mailForm table {
	margin-bottom: 20px;
	width: 100%;
	border-collapse: collapse;
}

#conts .mailForm th,
#conts .mailForm td {
	padding: 10px;
	font-weight: normal;
	vertical-align: middle;
	text-align: left;
	box-sizing: border-box;
	border: 1px solid #ddd;
}

#conts .mailForm01 th {
	padding: 15px 10px 10px;
	vertical-align: top;
}

#conts .mailForm th {
    width: 30%;
	text-align: center;
	background-color: #f5f5f5;
}

#conts .mailForm th .require {
    color: #b70000;
}

#conts .mailForm td {
	width: 70%;
}

#conts .mailForm .vTop {
	vertical-align: top;
}

#conts .mailForm td input {
	padding: 3px;
	width: 90%;
	height: 26px;
	font-size: 14px;
	box-sizing: border-box;
	border: 1px solid #ccc;
	border-radius: 3px;
}

#conts .mailForm td input[type="text"] {
	appearance: none;
	-webkit-appearance: none;
}

#conts .mailForm td .year,
#conts .mailForm td .mwform-zip-field input,
#conts .mailForm td .mwform-tel-field input {
	width: 11%;
}

#conts .mailForm td .num {
	width: 22%;
}

#conts .mailForm td textarea {
	padding: 3px;
	width: 100%;
	height: 100px;
	box-sizing: border-box;
	appearance: none;
	-webkit-appearance: none;
	border: 1px solid #ccc;
	border-radius: 3px;
	font-size: 14px;
}

#conts .mailForm td .radioUl li {
	padding-top: 5px;
}

#conts .mailForm td .radioUl01 li {
	display: inline-block;
}

#conts .mailForm td .radioUl li:first-child {
	padding-top: 0;
}

#conts .mailForm td .radioUl li input,
#conts .mailForm td .radioBox span input {
	margin-top: -2px;
	width: auto;
	height: auto;
	vertical-align: middle;
}

#conts .mailForm td .radioBox span input {
	margin-right: 8px;
}

#conts .mailForm td .radioBox > span {
	padding-top: 5px;
	display: block;
	margin: 0;
}

#conts .mailForm td .radioBox > span:first-child {
	padding-top: 0;
}

#conts .mailForm td .radioBox01 > span {
	display: inline-block;
}

#conts .mailForm td .radioBox01 .error {
	display: block;
}

#conts .mailForm .submit li {
	display: inline-block;
}

#conts .mailForm .submit li input {
	padding: 3px 13px 2px;
	font-size: 12px;
	cursor: pointer;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset, 0 15px 17px rgba(255, 255, 255, 0.5) inset, 0 -5px 12px rgba(0, 0, 0, 0.05) inset;
	border: 1px solid #ddd;
	border-radius: 3px;
}

#conts .mailForm .submit li input:hover {
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset, 0 15px 17px rgba(255, 255, 255, 0.8) inset, 0 -5px 12px rgba(0, 0, 0, 0.02) inset;
}

@media all and (min-width: 0) and (max-width: 767px) {
	#conts .mailForm table {
		border-bottom: 1px solid #ddd;
	}
	
	#conts .mailForm th,
	#conts .mailForm td {
		display: block;
		width: 100%;
	}
	
	#conts .mailForm td {
		padding: 20px 10px;
		border-top: none;
		border-bottom: none;
	}
	
	#conts .mailForm td .year,
	#conts .mailForm td .mwform-zip-field input,
	#conts .mailForm td .mwform-tel-field input {
		width: 64px;
	}
	
	#conts .mailForm td .num {
		width: 128px;
	}
	
	#conts .mailForm td input {
		width: 100%;
	}
	
	#conts .mailForm td textarea {
		height: 83px;
		font-size: 14px;
	}
}

/*------------------------------------------------------------
	index
------------------------------------------------------------*/
#conts .index {
	padding-bottom: 40px;
}

#conts .index .mainVisual {
	margin: 0 -36px 61px;
	box-shadow: 0 13px 9px -6px rgba(0,0,0,0.4);
	position: relative;
}

#conts .index .mainVisual:before {
	display: none;
	width: 100%;
	height: 100%;
	background: url(img/index/bg.png) no-repeat left top;
	background-size: auto 100%;;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	  
	content: ""; 
}

#conts .index .mainVisual img {
	max-width: 91%;
}

#conts .index .mainVisual .slide {
	padding-bottom: 13px;
}

#conts .index .mainVisual .slide .slide-inner {
	background-repeat: no-repeat;
	background-position: center top;
	position: relative;
	z-index: 1;
	text-align: center;
	background-size: auto 457px;
}

#conts .index .mainVisual .slide:after {
	content: "";
	background-repeat: no-repeat;
	background-position: center center;
	opacity: 0.5;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	position: absolute;
	z-index: -1;
	background-size: 100%;
}

#conts .index .mainVisual .slide1:after {
	background-image: url(img/index/main_img01.jpg);
}

#conts .index .mainVisual .slide2:after {
	background-image: url(img/index/main_img02.jpg);
}

#conts .index .mainVisual .slide3:after {
	background-image: url(img/index/main_img03.jpg);
}

#conts .index .mainVisual .slide4:after {
	background-image: url(img/index/main_img04.jpg);
}

#conts .index .mainVisual .slide5:after {
	background-image: url(img/index/main_img05.jpg);
}

#conts .index .mainVisual .slide6:after {
	background-image: url(img/index/main_img06.jpg);
}

#conts .index .mainVisual .slide-button {
	position: absolute;
	right: 30px;
	top: 320px;
	z-index: 100;
}

.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 3px 0 4px;
}

.swiper-pagination {
	width: 100%;
	bottom: -45px;
}

#conts .index .photoList {
	width: 824px;
	margin: 0 auto 40px;
}

#conts .index .photoList li {
	width: 145px;
	margin-right: 26px;
	float: left;
}

#conts .index .photoList li a {
	display: block;
}

#conts .index .photoList li a:hover {
	opacity: 0.7;
}

#conts .index .photoList li:nth-child(4),
#conts .index .photoList li:nth-child(5) {
	width: 142px;
}

#conts .index .photoList li:nth-child(5) {
	margin-right: 0;
}

#conts .index .photoList li .photo img {
	width: 100%;
}

#conts .index .photoList li p {
	padding: 8px 0 6px;
	color: #fff;
	font-size: 14px;
	text-align: center;
	background-color: #001E67;
}

#conts .index .innerBox {
	width: 824px;
	margin: 0 auto;
}

#conts .index .innerBox .lBox {
	width: 595px;
	float: left;
}

#conts .index .innerBox .lBox .newsBox {
	margin-bottom: 40px;
	border: 1px solid #001E67;
	background-color: #001E67;
}

#conts .index .innerBox .lBox .newsBox .ttl {
	padding: 5px 5px 4px;
	font-size: 16px;
	color: #fff;
	position: relative;
	font-weight: bold;
	background-color: #666;
}

#conts .index .innerBox .lBox .newsBox .ttl a {
	display: block;
	position: absolute;
	right: 10px;
	top: 10px;
	font-size: 12px;
	color: #fff;
}

#conts .index .innerBox .lBox .newsBox .ttl a:hover {
	text-decoration: underline;
}

#conts .index .innerBox .lBox .newsBox .tabUl {
	width: 100px;
	float: left;
}

#conts .index .innerBox .lBox .newsBox .tabUl li a {
	padding: 8px 0 7px;
	display: block;
	text-align: center;
	font-size: 14px;
	color: #fff;
	background-color: #001E67;
	border-bottom: 1px solid #fff;
}

#conts .index .innerBox .lBox .newsBox .tabUl li:last-child a {
	border-bottom: none;
}

#conts .index .innerBox .lBox .newsBox .tabUl li.on a,
#conts .index .innerBox .lBox .newsBox .tabUl li a:hover  {
	color: #001E67;
	background-color: #fff;
}

#conts .index .innerBox .lBox .newsBox .tabBox {
	width: 493px;
	padding: 10px;
	float: right;
	background-color: #fff;
	box-sizing: border-box;
	height: 335px;
}

#conts .index .newsBox .tabBox .imgBox {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 2px solid #C1C1C1;
}

#conts .index .newsBox .tabBox .imgBox .photoBox {
	width: 110px;
	float: left;
}

#conts .index .newsBox .tabBox .imgBox .photoBox img {
	width: 100%;
}

#conts .index .newsBox .tabBox .imgBox .textBox {
	width: 350px;
	float: right;
}

#conts .index .newsBox .tabBox .imgBox .textBox .title {
	font-size: 16px;
	font-weight: bold;
}

#conts .index .newsBox .tabBox .imgBox .textBox p {
	line-height: 1.2;
}

#conts .index .newsBox .tabBox .imgBox .textBox .link {
	margin-top: 10px;
	text-align: right;
}

#conts .index .newsBox .tabBox .imgBox .textBox .link a {
	color: #000;
	text-decoration: underline;
}

#conts .index .newsBox .tabBox .imgBox .textBox .link a:hover {
	text-decoration: none;
}

#conts .index .newsBox .tabBox .comNewsDl {
	margin-bottom: 0;
}

#conts .index .newsBox .tabBox .comNewsDl dt span {
	margin-left: 5px;
	padding: 3px 0 1px;
	width: 100px;
	text-align: center;
	display: inline-block;
	line-height: 1;
	font-size: 12px;
	color: #C1272D;
	border: 1px solid #C1272D;
	box-sizing: border-box;
}

#conts .index .newsBox .tabBox .comNewsDl dt .color01 {
	color: #1B1464;
	border: 1px solid #1B1464;
}

#conts .index .newsBox .tabBox .comNewsDl dt .color02 {
	color: #006837;
	border: 1px solid #006837;
}

#conts .index .newsBox .tabBox .comNewsDl dt .news {
	color: #00A1E0;
	border: 1px solid #00A1E0;
}

#conts .index .newsBox .tabBox .comNewsDl dt .examination {
	color: #B4398F;
	border: 1px solid #B4398F;
}

#conts .index .newsBox .tabBox .comNewsDl dt .whole {
	color: #1B1464;
	border: 1px solid #1B1464;
}

#conts .index .newsBox .tabBox .comNewsDl dt .academynews {
	color: #C1272D;
	border: 1px solid #C1272D;
}

#conts .index .newsBox .tabBox .comNewsDl dt .club-news {
	color: #006837;
	border: 1px solid #006837;
}

#conts .index .newsBox .tabBox .comNewsDl dd {
    padding-left: 7.0em;
}

#conts .index .newsBox .tabBox .comNewsDl dd a {
	color: #000;
}

#conts .index .subBox ul {
	width: 220px;
	float: left;
}

#conts .index .subBox ul li {
	margin-bottom: 40px;
}

#conts .index .subBox ul li:last-child {
	margin-bottom: 0;
}

#conts .index .subBox ul li .img {
	margin-bottom: 10px;
}

#conts .index .subBox ul li a:hover img {
	opacity: 0.7;
}

#conts .index .subBox ul p {
	line-height: 1.2;
}

#conts .index .subBox .faceBook {
	float: right;
	width: 60%;
	text-align: right;
}

#conts .index .innerBox .rBox {
	width: 179px;
	float: right;
}

#conts .index .innerBox .rBox .net-order {
	margin-bottom: 0;
}

#conts .index .innerBox .rBox ul li {
	margin-bottom: 22px;
}

#conts .index .innerBox .rBox ul li:last-child {
	margin-bottom: 0;
}

#conts .index .innerBox .rBox ul li img {
	width: 100%;
}

#conts .index .innerBox .rBox ul a:hover img {
	opacity: 0.7;
}

@media all and (min-width: 0) and (max-width: 767px) {
	#conts .index {
		padding-bottom: 40px;
	}
	
	#conts .index .mainVisual {
		margin: 0 -10px 25px;
	}
	
	#conts .index .spMainVisual {
		margin: 0 -10px 25px;
	}

	#conts .index .spMainVisual img {
		max-width: 100%;
		height: auto;
	}
	
	#conts .index .photoList {
		width: auto;
		margin: -20px auto 20px;
	}
	
	#conts .index .photoList li {
		width: 48%;
		margin: 20px 0 0;
	}
	
	#conts .index .photoList li:nth-child(2n) {
		float: right;
	}
	
	#conts .index .photoList li:nth-child(4),
	#conts .index .photoList li:nth-child(5) {
		width: 48%;
	}
	
	#conts .index .innerBox {
		width: auto;
	}
	
	#conts .index .innerBox .lBox {
		width: auto;
		float: none;
	}
	
	#conts .index .innerBox .lBox p img {
		width: 100%;
		height: auto;
	}
	
	#conts .index .innerBox .lBox .newsBox {
		margin-bottom: 20px;
	}
	
	#conts .index .innerBox .lBox .newsBox .ttl a:hover {
		text-decoration: none;
	}
	
	#conts .index .innerBox .lBox .newsBox .tabUl {
		width: auto;
		float: none;
	}
	
	#conts .index .innerBox .lBox .newsBox .tabUl li {
		width: 50%;
		float: left;
		border-right: 1px solid #fff;
		box-sizing: border-box;
	}
	
	#conts .index .innerBox .lBox .newsBox .tabUl li:nth-child(2n) {
		border-right: none;
		float: right;
	}
		
	#conts .index .innerBox .lBox .newsBox .tabBox {
		width: auto;
		padding: 10px;
		float: none;
		height: auto;
	}
	
	#conts .index .newsBox .tabBox .imgBox .photoBox {
		margin-bottom: 15px;
		width: auto;
		float: none;
		text-align: center;
	}
	
	#conts .index .newsBox .tabBox .imgBox .photoBox img {
		width: auto;
		max-width: 100%;
	}
	
	#conts .index .newsBox .tabBox .imgBox .textBox {
		width: auto;
		float: none;
	}
	
	#conts .index .newsBox .tabBox .imgBox .textBox .title {
		margin: 10px 0;
	}
	
	#conts .index .newsBox .tabBox .imgBox .textBox .link {
		margin-top: 10px;
		text-align: right;
	}
	
	#conts .index .newsBox .tabBox .imgBox .textBox .link a:hover {
		text-decoration: underline;
	}
	
	#conts .index .newsBox .tabBox .comNewsDl {
		margin-bottom: 0;
	}
	
	#conts .index .newsBox .tabBox .comNewsDl dt {
		float: none;
	}
	
	#conts .index .newsBox .tabBox .comNewsDl dd {
		padding: 0 0 5px;
	}
	
	#conts .index .subBox ul {
		margin-bottom: 25px;
		width: auto;
		float: none;
	}
	
	#conts .index .subBox ul li {
		margin-bottom: 20px;
	}
	
	#conts .index .subBox ul li:last-child {
		margin-bottom: 0;
	}
	
	#conts .index .subBox .faceBook {
		float: none;
		width: 100%;
}
	
	#conts .index .subBox .faceBook img {
		width: 100%;
	}
	
	#conts .index .innerBox .rBox {
		margin: 20px 15px 0;
		width: auto;
		float: none;
	}
	
	#conts .index .innerBox .rBox ul li {
		margin-bottom: 15px;
		text-align: center;
	}
	
	#conts .index .innerBox .rBox ul li:last-child {
		margin-bottom: 0;
	}
	
	#conts .index .innerBox .rBox ul li img {
		width: auto;
		max-width: 100%;
	}
}

/*------------------------------------------------------------
	information/sitemap.html
------------------------------------------------------------*/
#conts .sitemap .linkUl > li{
	padding-bottom: 40px;
	width: 50%;
	float: left;
}

#conts .sitemap .linkUl li h4 {
	margin-bottom: 20px;
	padding: 5px 15px;
	font-size: 16px;
	border-left: 5px solid #4f629e;
}

#conts .sitemap li > ul {
	margin-left: 30px;
}

#conts .sitemap li li {
	list-style-type: disc;
}

#conts .sitemap li li a:hover {
	text-decoration: underline;
}

#conts .sitemap li li li {
	list-style-type: circle;
}

@media all and (min-width: 0) and (max-width: 767px) {
	#conts .sitemap .linkUl > li {
		padding-bottom: 20px;
		width: 100%;
		float: none;
	}
	
	#conts .sitemap li li a:hover {
		text-decoration: none;
	}
}

/*------------------------------------------------------------
	request
------------------------------------------------------------*/
#conts .request h4 {
	margin-bottom: 20px;
	font-size: 23px;
}

#conts .request h4 a {
	color: #551A8B;
}

/*------------------------------------------------------------
	access/index.html
------------------------------------------------------------*/
#conts .access .text {
	margin-bottom: 80px;
}

#conts .access .txtList li {
	padding: 0 0 12px 1em;
	text-indent: -1em;
}

@media all and (min-width: 0) and (max-width: 767px) {
	#conts .access .text {
		margin-bottom: 40px;
	}
}

/*------------------------------------------------------------
	donation/index.html
------------------------------------------------------------*/
#conts .donation .text {
	margin-bottom: 40px;
}

#conts .donation .text-img {
	text-align: center;
}

#conts .donation .advertise {
	margin-left: 30px;
}

#conts .donation .personal {
	padding: 0 5px;
	background: #4472C4;
	color: #FFF;
	font-size: 120%;
}

#conts .donation .corporation {
	padding: 0 5px;
	background: #00661a;
	color: #FFF;
	font-size: 120%;
}

#conts .donation .head-t {
	text-align: right;
}

#conts .donation .box_use {
	float: left;
	margin: 0 0 25px 20px;
	padding: 0;
	width: 45%;
}

#conts .donation .box_use02 {
	float: left;
	margin: 0 0 25px 20px;
	padding: 0;
	width: 95%;
}

#conts .donation .box_title{
	margin: 0;
	padding: 10px 0 ;
	font-weight: bold;
}

#conts .donation .box_img{
	margin: 0;
	padding: 0 0 10px 0;
	text-align: left;
}

#conts .donation .box_exp{
	margin: 0;
	padding: 0;
	font-size: 90%;
	width: 87%;
}

#conts .donation .payment01 {
	padding: 0 0 0 30px;
}

#conts .donation .payment02 {
	padding: 0 0 0 45px;
}



@media all and (min-width: 0) and (max-width: 767px) {
	#conts .donation .text {
		margin-bottom: 20px;
	}

#conts .donation .text-img img {
	width: 100%;
	height: auto;
}

#conts .donation .advertise {
	margin-left: 5px;
	font-size: 95%;
}

#conts .donation .head-t {
	text-align: right;
	font-size: 95%;
}

#conts .donation .box_use ,
#conts .donation .box_use02 {
	margin: 0 0 15px 0;
	padding: 0;
	width: 100%;
}

#conts .donation .box_title{
	margin: 0;
	padding: 10px 0 ;
	font-weight: bold;
}

#conts .donation .box_img {
	margin: 0;
	padding: 0 0 10px 0;
	text-align: left;
}

#conts .donation .box_img img {
	width: 100%;
	height: auto;
}

#conts .donation .box_exp{
	margin: 0;
	padding: 0;
	font-size: 90%;
	width: 100%;
}

#conts .donation .payment01 ,
#conts .donation .payment02 {
	padding: 0 0 0 30px;
}




	
}

/*------------------------------------------------------------
	information/link/
------------------------------------------------------------*/
#conts .link .linkUl {
	margin-left: 30px;
}

#conts .link .linkUl > li {
	list-style-type: disc;
}

#conts .link .linkUl ul {
	padding: 0 0 15px 30px;
}

#conts .link .linkUl li li {
	list-style-type: circle;
}

#conts .link .linkUl li a:hover {
	text-decoration: underline;
}

/*------------------------------------------------------------
	information/privacy.html
------------------------------------------------------------*/
#conts .privacy .text {
	margin-bottom: 80px;
}

#conts .privacy dt {
    margin-bottom: 40px;
    padding: 5px 15px;
	font-weight: bold;
	border-left: 5px solid #4f629e;
}

#conts .privacy dd {
	margin-bottom: 40px;
}

#conts .privacy dd:last-child {
	margin-bottom: 0;
}

#conts .privacy dd a {
	color: #000;
}

@media all and (min-width: 0) and (max-width: 767px) {
	#conts .privacy .text {
		margin-bottom: 40px;
	}
}

/*------------------------------------------------------------
	information/graduate
------------------------------------------------------------*/
#conts .graduate .linkUl {
	margin-left: 30px;
}

#conts .graduate .linkUl li {
	list-style-type: disc;
}

#conts .graduate .linkUl li a:hover {
	text-decoration: underline;
}

/*------------------------------------------------------------
	information/current
------------------------------------------------------------*/
#conts .current p {
	margin-bottom: 15px;
}

#conts .current p a:hover {
	text-decoration: underline;
}

/*------------------------------------------------------------
	course
------------------------------------------------------------*/
@media all and (min-width: 0) and (max-width: 767px) {
	#conts .course .pageTitle h2 {
		background: url(img/course/page_title_bg.png) no-repeat;
	}
}

/*------------------------------------------------------------
	course/results.html
------------------------------------------------------------*/
#conts .results dl {
	margin: 0 0 40px 20px;
}

#conts .results dt {
	float: left;
	font-weight: bold;
}

#conts .results dd {
	padding: 0 0 20px 100px;
}

#conts .results dd li {
	margin-bottom: 20px;
}

#conts .results dd li:last-child {
	margin-bottom: 0;
}

@media all and (min-width: 0) and (max-width: 767px) {
	#conts .results .pageTitle h2 {
		background: url(img/course/page_title_bg.png) no-repeat;
	}
	
	#conts .results dl {
		margin: 0 0 40px;
	}
	
	#conts .results dd {
		padding: 0 0 20px 6em;
	}
	
}

/*------------------------------------------------------------
	course/recommendation.html
------------------------------------------------------------*/
#conts .recommendation .text {
	margin: 0 5px 80px;
}

#conts .recommendation .ttl {
	color: #4f629e;
	font-weight: bold;
}

#conts .recommendation .grayBox {
	padding: 20px;
	background-color: #eee;
}

#conts .recommendation .grayBox .txt {
	text-align: center;
}

#conts .recommendation .grayBox ul {
	text-align: center;
}

#conts .recommendation .grayBox li {
	margin: 0 40px;
	display: inline-block;
	font-size: 20px;
}

#conts .recommendation .grayBox li .color {
	color: #f00;
	font-size: 32px;
}

@media all and (min-width: 0) and (max-width: 767px) {
	#conts .recommendation .pageTitle h2 {
		background: url(img/course/page_title_bg.png) no-repeat;
	}
	
	#conts .recommendation .text {
		margin: 0 5px 40px;
	}
	
	#conts .recommendation .grayBox li {
		margin: 0 auto;
		display: block;
	}
	
}

/*------------------------------------------------------------
	course/interview.html
------------------------------------------------------------*/
#conts .interview .imgBox {
	margin-bottom: 40px;
	padding-bottom: 40px;
	background: url(img/common/line01.gif) repeat-x left bottom;
}

#conts .interview .imgBox .textBox {
	width: 500px;
	float: left;
}

#conts .interview .imgBox .textBox p {
	margin-bottom: 10px;
	line-height: 1.6;
}

#conts .interview .imgBox .textBox p:last-child {
	margin-bottom: 0;
}

#conts .interview .imgBox .textBox .name {
	margin-bottom: 5px;
	font-size: 20px;
	line-height: 2;
}

#conts .interview .imgBox .textBox .name .txt {
	display: block;
	font-size: 14px;
}

#conts .interview .imgBox .textBox .name .color {
	margin-bottom: 10px;
	padding: 5px 10px;
    color: #fff;
	font-size: 14px;
    font-family: serif;
	border-radius: 3px;
    background-color: #4f629e;
}

#conts .interview .imgBox .textBox .name .color01 {
	background-color: #eb6a6a;
}

#conts .interview .imgBox .photoBox {
	float: right;
}

#conts .interview .imgBox01 {
	margin-bottom: 0;
	background: none;
}

#conts .interview .imgBox01 .textBox p {
	text-indent: 1em;
}

#conts .interview .imgBox01 .textBox .comTitle {
	text-indent: 0;
}

#conts .interview .imgBox01 .textBox .name {
	text-indent: 0;
}

@media all and (min-width: 0) and (max-width: 767px) {
	#conts .interview .pageTitle h2 {
		background: url(img/course/page_title_bg.png) no-repeat;
	}
	
	#conts .interview .imgBox {
		margin-bottom: 20px;
		padding-bottom: 20px;
	}
	
	#conts .interview .imgBox .textBox {
		width: auto;
		float: none;
	}
	
	#conts .interview .imgBox .photoBox {
		float: none;
		text-align: center;
	}
	
	#conts .interview .imgBox .photoBox img {
		max-width: 100%;
	}

}

/*------------------------------------------------------------
	international
------------------------------------------------------------*/
@media all and (min-width: 0) and (max-width: 767px) {
	#conts .international .pageTitle h2 {
		background: url(img/international/page_title_bg.png) no-repeat;
	}
}

/*------------------------------------------------------------
	international/exchange.html
------------------------------------------------------------*/
#conts .exchange .comTitle01 {
	margin-bottom: 60px;
}

#conts .exchange p {
	margin-bottom: 10px;
	line-height: 1.6;
	text-indent: 1em;
}

#conts .exchange .imgBox {
	margin-bottom: 45px;
}

#conts .exchange .imgBox .textBox {
	margin-top: 5px;
	width: 500px;
	float: left;
}

#conts .exchange .imgBox .textBox p:last-child {
	margin-bottom: 0;
}

#conts .exchange .imgBox .photoBox {
	width: 290px;
	float: right;
	text-align: right;
}

#conts .exchange .imgBox .photoBox .ttl {
	display: block;
}

#conts .exchange h5 {
	margin-bottom: 10px;
	color: #4f629e;
	font-size: 21px;
	font-weight: normal;
}

#conts .exchange .photoUl {
	margin-bottom: 45px;
	text-align: center;
}

#conts .exchange .photoUl li {
	margin: 0 5px;
	display: inline-block;
}

@media all and (min-width: 0) and (max-width: 767px) {
	#conts .exchange .pageTitle h2 {
		background: url(img/international/page_title_bg.png) no-repeat;
	}

	#conts .exchange .comTitle01 {
		margin-bottom: 20px;
	}
		
	#conts .exchange .imgBox {
		margin-bottom: 45px;
	}
	
	#conts .exchange .imgBox .textBox {
		margin: 0 0 20px;
		width: auto;
		float: none;
	}
	
	#conts .exchange .imgBox .textBox p:last-child {
		margin-bottom: 0;
	}
	
	#conts .exchange .imgBox .photoBox {
		width: auto;
		float: none;
		text-align: center;
	}
	
	#conts .exchange .imgBox .photoBox img {
		max-width: 100%;
	}
	
	#conts .exchange .imgBox .photoBox .ttl {
		margin-top: 2px;
	}
	
	#conts .exchange .photoUl {
		margin: -10px 0 45px;
	}
	
	#conts .exchange .photoUl li {
		margin: 10px 5px 0;
	}
	
	#conts .exchange .photoUl li img {
		max-width: 100%;
	}

}

/*------------------------------------------------------------
	international/studyabroad/index.html
------------------------------------------------------------*/
#conts .studyabroad p {
	text-indent: 1em;
}

#conts .studyabroad p:last-child {
	margin-bottom: 0;
}

#conts .studyabroad .txt {
	margin-bottom: 45px;
	line-height: 1.6;
}

#conts .studyabroad .imgBox {
	margin-bottom: 80px;
}
 
#conts .studyabroad .imgBox .textBox {
	margin-top: 5px;
	width: 500px;
	float: left;
}

#conts .studyabroad .imgBox .textBox p {
	margin-bottom: 10px;
	line-height: 1.6;
	text-indent: 0;
}

#conts .studyabroad .imgBox .textBox p:last-child {
	margin-bottom: 0;
}

#conts .studyabroad .imgBox .photoBox {
	float: right;
}

#conts .studyabroad .txtList {
	margin-bottom: 85px;
	line-height: 1.6;
}

@media all and (min-width: 0) and (max-width: 767px) {
	#conts .studyabroad .pageTitle h2 {
		background: url(img/international/page_title_bg.png) no-repeat;
	}

	#conts .studyabroad .txt {
		margin-bottom: 20px;
	}
	
	#conts .studyabroad .imgBox {
		margin-bottom: 40px;
	}
	 
	#conts .studyabroad .imgBox .textBox {
		margin-top: 0;
		width: auto;
		float: none;
	}
	
	#conts .studyabroad .imgBox .photoBox {
		float: none;
		text-align: center;
	}
	
	#conts .studyabroad .imgBox .photoBox img {
		max-width: 100%;
	}
	
	#conts .studyabroad .txtList {
		margin-bottom: 40px;
	}
	
}

/*------------------------------------------------------------
	about
------------------------------------------------------------*/
@media all and (min-width: 0) and (max-width: 767px) {
	#conts .about .pageTitle h2 {
		background: url(img/about/page_title.png) no-repeat;
	}
}

/*------------------------------------------------------------
	about/greet.html
------------------------------------------------------------*/
#conts .greet .imgBox {
	margin: 0 0 80px 20px;
}

#conts .greet .imgBox .textBox {
	width: 500px;
	float: left;
}

#conts .greet .imgBox .textBox p {
	margin-bottom: 10px;
	line-height: 1.6;
	text-indent: 1em;
}

#conts .greet .imgBox .textBox p:last-child {
	margin-bottom: 0;
}

#conts .greet .imgBox .photoBox {
	float: right;
}

@media all and (min-width: 0) and (max-width: 767px) {
	#conts .greet .pageTitle h2 {
		background: url(img/about/page_title.png) no-repeat;
	}
	
	#conts .greet .imgBox {
		margin: 0 0 40px;
	}
	
	#conts .greet .imgBox .textBox {
		margin-bottom: 20px;
		width: auto;
		float: none;
	}
	
	#conts .greet .imgBox .photoBox {
		float: none;
		text-align: center;
	}
	
	#conts .greet .imgBox .photoBox img {
		max-width: 100%;
	}

}

/*------------------------------------------------------------
	about/badge.html
------------------------------------------------------------*/
#conts .badge .text {
	margin-bottom: 10px;
	line-height: 1.6;
	text-indent: 1em;
}

#conts .badge .photo {
	margin-bottom: 30px;
	text-align: center;
}

#conts .badge .imgBox {
	margin: 0 0 80px 20px;
}

#conts .badge .imgBox .textBox {
	width: 500px;
	float: left;
}

#conts .badge .imgBox .textBox p {
	margin-bottom: 10px;
	line-height: 1.6;
	text-indent: 1em;
}

#conts .badge .imgBox .textBox p:last-child {
	margin-bottom: 0;
}

#conts .badge .imgBox .photoBox {
	float: right;
}

#conts .badge .borderBox {
	margin-bottom: 40px;
	padding: 20px 40px;
	border: 1px solid #999;
	border-radius: 10px;
}

#conts .badge .borderBox dt {
	padding-top: 10px;
	float: left;
	color: #233b83;
}

#conts .badge .borderBox dd {
	padding: 10px 0 10px 7em;
}

@media all and (min-width: 0) and (max-width: 767px) {
	#conts .badge .pageTitle h2 {
		background: url(img/about/page_title.png) no-repeat;
	}
	
	#conts .badge .photo img {
		max-width: 100%;
	}
	
	#conts .badge .imgBox {
		margin: 0 0 40px;
	}
	
	#conts .badge .imgBox .textBox {
		margin-bottom: 20px;
		width: auto;
		float: none;
	}
		
	#conts .badge .imgBox .photoBox {
		float: none;
		text-align: center;
	}
	
	#conts .badge .imgBox .photoBox img {
		max-width: 100%;
	}
	
	#conts .badge .borderBox {
		margin-bottom: 40px;
		padding: 15px;
	}
	
	#conts .badge .borderBox dt {
		padding-top: 5px;
	}
	
	#conts .badge .borderBox dd {
		padding: 5px 0 5px 6em;
	}

}

/*------------------------------------------------------------
	about/history.html
------------------------------------------------------------*/
#conts .history .imgBox {
	margin: 0 0 80px 20px;
}

#conts .history .imgBox .textBox {
	width: 500px;
	float: left;
}

#conts .history .imgBox .textBox p {
	margin-bottom: 10px;
	line-height: 1.6;
	text-indent: 1em;
}

#conts .history .imgBox .textBox p:last-child {
	margin-bottom: 0;
}

#conts .history .imgBox .textBox .txt {
	text-indent: inherit;
	font-weight: bold;
}

#conts .history .imgBox .photoBox {
	float: right;
}

#conts .history .tableBox {
	width: 820px;
	margin: 0 auto 80px;
}

#conts .history .tableBox table {
	width: 100%;
	border-collapse: collapse;
}

#conts .history .tableBox table th,
#conts .history .tableBox table td {
	padding: 10px;
	text-align: left;
	vertical-align: middle;
	font-weight: normal;
	box-sizing: border-box;
	background-color: #E0DEE9;
}

#conts .history .tableBox table th {
	width: 20%;
	text-align: center;
}

#conts .history .tableBox table tr:nth-child(2n) th,
#conts .history .tableBox table tr:nth-child(2n) td {
	background-color: #fff;
}

@media all and (min-width: 0) and (max-width: 767px) {
	#conts .history .pageTitle h2 {
		background: url(img/about/page_title.png) no-repeat;
	}
	
	#conts .history .imgBox {
		margin: 0 0 40px;
	}
	
	#conts .history .imgBox .textBox {
		margin-bottom: 20px;
		width: auto;
		float: none;
	}
	
	#conts .history .imgBox .photoBox {
		float: none;
		text-align: center;
	}
	
	#conts .history .imgBox .photoBox img {
		max-width: 100%;
	}
	
	#conts .history .tableBox {
		width: auto;
		margin: 0 auto 40px;
	}
	
	#conts .history .tableBox table th {
		width: 25%;
		font-weight: bold;
	}
	
}

/*------------------------------------------------------------
	about/coeducation.html
------------------------------------------------------------*/
#conts .coedu .photo {
	margin-bottom: 35px;
	text-align: center;
}

#conts .coedu p {
	margin-bottom: 10px;
	text-indent: 1em;
	line-height: 1.6;
}

#conts .coedu p .ulTxt{
	margin: 10px;
}

#conts .coedu p .ulTxt ul{
	list-style-type: disc; 
	margin: 10px;
}

#conts .coedu .imgBox {
	margin-bottom: 5px;
}

#conts .coedu .imgBox .textBox {
	width: 500px;
	float: left;
}

#conts .coedu .imgBox .textBox p:last-child {
	margin-bottom: 0;
}

#conts .coedu .imgBox .photoBox {
	float: right;
}

#conts .coedu .photo01 {
	margin-bottom: 80px;
}

#conts .coedu .c-change01 {
	float: left;
	margin: 0px;
	padding: 1%;
	width: 48%;
	height:220px;
	border: none;
}

#conts .coedu .c-change02 {
	float: left;
	margin: 0px;
	padding: 1%;
	width: 47%;
	height:220px;
	border: none;
}

#conts .coedu .c-change03 {
	float: left;
	margin: 0 0 50px 0;
	padding: 1%;
	width: 48%;
	height:220px;
	border: none;
}

#conts .coedu .c-change04 {
	float: left;
	margin: 0 0 50px 0;
	padding: 1%;
	width: 47%;
	height:220px;
	border: none;
}

#conts .coedu .c-change01 h5 ,
#conts .coedu .c-change02 h5 ,
#conts .coedu .c-change03 h5 ,
#conts .coedu .c-change04 h5 {
	margin: 0px 0 10px 0;
	padding: 1%;
	font-size: 110%;
	font-weight: bold;
	border-left: 5px solid #5B9BD5;
	border-bottom: 2px solid #5B9BD5;
}

#conts .c-course01 {
	float: left;
	margin: 0 0 25px 0;
	padding: 0 0 15px 0;
	width: 48%;
	border: 1px solid #333;
	}

#conts .c-course02 {
	float: right;
	margin: 0 0 25px 0;
	padding: 0 0 15px 0;
	width: 48%;
	border: 1px solid #333;
	}
	
#conts .c-icon {
	margin: 0;
	padding: 10px 0;
	text-align: center;
}
#conts .c-text {
	margin: 0;
	padding: 0 0 10px 0;
	text-align: center;
	font-size: 150%;
}

#conts .c-overview {
	margin: 0 25px 10px 25px;
	padding: 10px 0 10px 0;
	text-align: center;
	border: 2px solid #333;
	border-radius: 10px;
}

#conts .c-overview a ,
#conts .c-question a ,
#conts .c-index a ,
#conts .c-top a {
	color: #000;
}

#conts .c-top a {
	text-decoration: #000;
}

#conts .c-question {
	margin: 25px 0 0 0;
	padding: 10px 0 10px 50px;
	background: url(img/about/coeducation/question.png) no-repeat top left;
}

#conts .c-index {
	margin: 50px 0 100px 15px;;
	padding: 0;
	color: #000;
	text-align: right;
}

#conts .c-answer {
	margin: 10px 0 0 5px;
	padding: 10px 0 10px 20px;
	border-left: 10px solid #5B9BD5;
}

#conts .c-top {
	margin: 25px 0 25px 15px;
	padding: 0;
	color: #000;
	text-align: right;
}

@media all and (min-width: 0) and (max-width: 767px) {
	#conts .coedu .pageTitle h2 {
		background: url(img/about/page_title.png) no-repeat;
	}
	
	#conts .coedu .photo {
		margin-bottom: 35px;
		text-align: center;
	}
	
	#conts .coedu .photo img {
		max-width: 100%;
	}
	
	#conts .coedu .imgBox .textBox {
		width: auto;
		margin-bottom: 20px;
		float: none;
	}
	
	#conts .coedu .imgBox .photoBox {
		float: none;
		text-align: center;
	}
	
	#conts .coedu .imgBox .photoBox img {
		max-width: 100%;
	}
	
	#conts .coedu .photo01 {
		margin-bottom: 40px;
	}

#conts .coedu .c-change01 {
	margin: 0px;
	padding: 1%;
	width: 98%;
	height: auto;
	border: none;
}

#conts .coedu .c-change02 {
	margin: 0px;
	padding: 1%;
	width: 98%;
	height: auto;
	border-top: none;
	border: none;
}

#conts .coedu .c-change03 {
	margin: 0px;
	padding: 1%;
	width: 98%;
	height: auto;
	border: none;
}

#conts .coedu .c-change04 {
	margin: 0px 0 50px 0;
	padding: 1%;
	width: 98%;
	height:auto;
	border: none;
}

#conts .c-course01 {
	float: none;
	width: 96%;
	}

#conts .c-course02 {
	float: none;
	width: 96%;
	}
	
#conts .coedu .comTitle02 {
	margin-top: 40px;
	margin-bottom: 20px;
	color: #233b86;
    font-family: serif;
    font-size: 26px;
	font-weight: bold;
	text-indent: 0 !important;
	border-bottom: 3px solid #233B86;
	width: 99%;
}

}

/*------------------------------------------------------------
	about/400th.html
------------------------------------------------------------*/
#conts .about-400th .photo {
	margin-bottom: 35px;
	text-align: center;
}

#conts .about-400th p {
	margin-bottom: 10px;
	text-indent: 1em;
	line-height: 1.6;
}

#conts .about-400th .imgBox {
	margin-bottom: 5px;
}

#conts .about-400th .imgBox .textBox {
	width: 500px;
	float: left;
}

#conts .about-400th .imgBox .textBox p:last-child {
	margin-bottom: 0;
}

#conts .about-400th .imgBox .photoBox {
	float: right;
}

#conts .about-400th .photo01 {
	margin-bottom: 80px;
}

@media all and (min-width: 0) and (max-width: 767px) {
	#conts .about-400th .pageTitle h2 {
		background: url(img/about/page_title.png) no-repeat;
	}
	
	#conts .about-400th .photo {
		margin-bottom: 35px;
		text-align: center;
	}
	
	#conts .about-400th .photo img {
		max-width: 100%;
	}
	
	#conts .about-400th .imgBox .textBox {
		width: auto;
		margin-bottom: 20px;
		float: none;
	}
	
	#conts .about-400th .imgBox .photoBox {
		float: none;
		text-align: center;
	}
	
	#conts .about-400th .imgBox .photoBox img {
		max-width: 100%;
	}
	
	#conts .about-400th .photo01 {
		margin-bottom: 40px;
	}

}

/*------------------------------------------------------------
	about/spirit.html
------------------------------------------------------------*/
#conts .spirit .imgBox {
	margin: 0 0 80px 20px;
}

#conts .spirit .imgBox .textBox {
	width: 500px;
	float: left;
}

#conts .spirit .imgBox .textBox p {
	line-height: 1.6;
	text-indent: 1em;
}

#conts .spirit .imgBox .textBox .txt01 {
	margin-bottom: 10px;
}

#conts .spirit .imgBox .textBox .txt02 {
	margin-top: 10px;
	text-indent: inherit;
}

#conts .spirit .imgBox .photoBox {
	float: right;
}

#conts .spirit .txtBox {
	padding: 0 20px 20px;
	margin-bottom: 45px;
	border: 3px solid #4f629e;
}

#conts .spirit .txtBox .ttl span {
	margin: -22px 0 20px;
	padding: 0 15px;
	color: #4f629e;
	font-size: 25px;
	vertical-align: middle;
	font-weight: bold;
	background: #FFF;
	display: inline-block;
}

#conts .spirit .txtBox ul li {
	list-style: inside;
}

#conts .spirit .h5Ttl {
	margin-bottom: 10px;
	font-size: 21px;
	color: #4f629e;
}

#conts .spirit .text01 {
	margin: 10px 0;
	line-height: 1.6;
	text-indent: 1em;
}

#conts .spirit .photoUl {
	margin-bottom: 50px;
	text-align: center;
}

#conts .spirit .photoUl li {
	margin: 0 5px;
	display: inline-block;
}

@media all and (min-width: 0) and (max-width: 767px) {
	#conts .spirit .pageTitle h2 {
		background: url(img/about/page_title.png) no-repeat;
	}
	
	#conts .spirit .imgBox {
		margin: 0 0 40px;
	}
	
	#conts .spirit .imgBox .textBox {
		margin-bottom: 20px;
		width: auto;
		float: none;
	}
	
	#conts .spirit .imgBox .photoBox {
		float: none;
		text-align: center;
	}
	
	#conts .spirit .imgBox .photoBox img {
		max-width: 100%;
	}
	
	#conts .spirit .txtBox {
		margin-bottom: 25px;
	}
	
	#conts .spirit .txtBox .ttl span {
		margin: -16px 0 20px;
		font-size: 20px;
	}
	
	#conts .spirit .photo img {
		width: 100%;
		height: auto;
	}
		
	#conts .spirit .h5Ttl {
		font-size: 18px;
	}
		
	#conts .spirit .photoUl {
		margin: -10px 0 20px;
	}
	
	#conts .spirit .photoUl li {
		margin: 10px 10px 0;
	}
	
	#conts .spirit .photoUl li img {
		max-width: 100%;
	}
	
}

/*------------------------------------------------------------
	examination
------------------------------------------------------------*/
@media all and (min-width: 0) and (max-width: 767px) {
	#conts .examination .pageTitle h2 {
		background: url(img/examination/page_title_bg.png) no-repeat;
	}
}

/*------------------------------------------------------------
	examination/point
------------------------------------------------------------*/
#conts .point .spBox {
	margin-bottom: 20px;
}

#conts .point .comTable {
	width: 100%;
	border-collapse: collapse;
}

#conts .point .comTable th,
#conts .point .comTable td {
	padding: 10px;
	text-align: left;
	vertical-align: top;
	box-sizing: border-box;
	border: 1px solid #666;
}

#conts .point .comTable th {
	text-align: center;
	background-color: #f9f7df;
}

#conts .point .comTable .trStyle td {
	text-align: center;
}

#conts .point .comTable01 th {
	text-align: left;
}

#conts .point .comTable01 td:last-child {
	text-align: right;
}

#conts .point .comTable02 td {
	text-align: center;
}

#conts .point .pdf {
	margin-bottom: 80px;
	text-align: center;
}

#conts .point .pdf a {
	display: block;
}

#conts .point .pdf a:hover img {
	opacity: 0.7;
}

#conts .point .text {
	margin-bottom: 80px;
}

#conts .point .imgBox .photoBox {
	float: right;
}

#conts .point .imgBox .textBox {
	width: 537px;
	float: left;
}

#conts .point .imgBox .textBox p {
	padding: 10px 0;
}

@media all and (min-width: 0) and (max-width: 767px) {
	#conts .point .pageTitle h2 {
		background: url(img/examination/page_title_bg.png) no-repeat;
	}
	
	#conts .point .spBox {
		overflow-x: scroll;	
		margin: 10px 0 20px;
	}
	
	#conts .point .tabBox {
		width: 660px;
	}
		
	#conts .point .pdf {
		width: auto;
		margin-bottom: 40px;
	}

	#conts .point .pdf a img {
		width: 100%; 
	}
			
	#conts .point .text {
		margin-bottom: 20px;
	}
	
	#conts .point .imgBox .photoBox {
		float: none;
	}
	
	#conts .point .imgBox .photoBox img {
		width: 100%;
	}
	
	#conts .point .imgBox .textBox {
		width: auto;
		float: none;
	}
}

/*------------------------------------------------------------
	examination/info
------------------------------------------------------------*/
#conts .info .txt {
	margin-bottom: 80px;
	padding-bottom: 10px;
	color: #4f629e;
	border-bottom: 2px solid #666;
}

#conts .info .spBox {
	margin: 10px 0 80px;
}

#conts .info .comTable {
	width: 100%;
	border-collapse: collapse;
}

.info_left01 {
	padding: 10px;
	color: #000;
}

#conts .info .comTable th,
#conts .info .comTable td {
	padding: 10px;
	text-align: left;
	vertical-align: middle;
}

#conts .info .comTable th {
	text-align: center;
	background-color: #d7ddf0;
}

#conts .info .comTable td span {
	display: block;
	color: #F00;
}

#conts .info .comTable td:nth-child(3),
#conts .info .comTable td:nth-child(4) {
	text-align: center;
}
#conts .info .comTable tr:nth-child(2n) td {
	background-color: #d7ddf0;
}

#conts .info .comTable td a {
	display: inline-block;
	padding: 10px 20px;
	color: #000;
	border: 1px solid #4f629b;
	border-radius: 5px;
	background-color: #fff;
}

#conts .info .comTable td a:hover {
	opacity: 0.7;
}

#conts .info .comTable td .btnTxt {
	color: #fff;
	background-color: #4f629b;
}

#conts .info .text {
	margin-bottom: 40px;
}

#conts .info .imgBox {
	margin-bottom: 40px;
}

#conts .info .photoBox {
	float: right;
}

#conts .info .textBox {
	width: 500px;
	float: left;
}

#conts .info .textBox table {
	margin: 0 auto;
	padding: 0;
	background: #EBEEF5;
	width: 500px;
	text-align: center;
}

#conts .info .textBox02 {
	width: 100%;
}

#conts .info .textBox02 .ttl ,
#conts .info .textBox .ttl {
	margin-bottom: 30px;
	padding: 10px;
	color: #fff;
	font-family: "serif";
	border-radius: 3px;
	background-color: #4f629b;
}

#conts .info .textBox02 p ,
#conts .info .textBox p {
	margin-bottom: 40px;
}

#conts .info .textBox03 {
	width: 100%;
}

#conts .info .textBox03 iframe{
	padding-bottom: 10px;
	width: 875px;
	height: 492px;
}

#conts .info .textBox03 .k-you {
	padding-bottom: 10px;
}

#conts .info .mov01 {
	float: left;
	padding-bottom: 35px;
	width: 400px;
	height: auto;
}

#conts .info .mov11 {
	float: left;
	padding-bottom: 35px;
	width: 400px;
	height: auto;
}

#conts .info .mov02 {
	float: right;
	padding-bottom: 35px;
	width: 400px;
	height: auto;
}

#conts .info .textBox04 video{
	width: 390px;
	height: 220px;
}

#conts .info .textBox dt {
	padding-left: 10px;
	float: left;
}

#conts .info .textBox dd {
	padding: 0 10px 20px 6em;
}

#conts .info .textBox dd  p {
	margin: 0;
}

#conts .info .textBox dd  p span {
	margin-bottom: 20px;
	display: block;
	color: #4f629e;
}

#conts .info .itemsDl {
	border: 1px solid #4f629e;
}

#conts .info .itemsDl dt {
	padding: 10px 20px;
	color: #fff;
	background-color: #4f629e;
}

#conts .info .itemsDl dd {
	padding: 10px 20px;
}

#conts .info .itemsDl dd p {
	text-indent: 1em;
}

#conts .info .text01 {
	margin: 10px 0;
	line-height: 1.6;
	text-indent: 1em;
	padding: 10px 0 50px 0;
}

@media all and (min-width: 0) and (max-width: 767px) {
	#conts .info .pageTitle h2 {
		background: url(img/examination/page_title_bg.png) no-repeat;
	}
	
	#conts .info .txt {
		margin-bottom: 40px;
	}
	
	#conts .info .spBox {
		overflow-x: scroll;	
		margin: 10px 0 30px;
	}
	
	#conts .info .tabBox {
		width: 800px;
	}
		
	#conts .info .text {
		margin-bottom: 20px;
	}
	
	#conts .info .imgBox {
		margin-bottom: 0;
	}
	
	#conts .info .photoBox {
		margin-bottom: 10px;
		float: none;
		text-align: center;
	}
		
	#conts .info .photoBox img {
		max-width: 100%;
	}
		
	#conts .info .textBox02 ,
	#conts .info .textBox {
		width: auto;
		float: none;
	}
	
	#conts .info .textBox table {
	margin: 0 auto;
	padding: 0;
	background: #EBEEF5;
	width: 90%;
	text-align: center;
}

	#conts .info .mov01 {
	float: none;
	padding-bottom: 35px;
	width: 99%;
	height: auto;
}

	#conts .info .mov11 {
	display: none;
	float: none;
	padding-bottom: 35px;
	width: 99%;
	height: auto;
}

	#conts .info .mov02 {
	float: none;
	padding-bottom: 35px;
	width: 99%;
	height: auto;

}

.info_left01 {
	padding: 10px;
	color: #000;
}


	
	#conts .info .textBox02 .ttl ,
	#conts .info .textBox .ttl {
		margin-bottom: 20px;
	}
		
	#conts .info .textBox03 {
		width: 100%;
	}

	#conts .info .textBox03 iframe{
		width: 99%;
		height: auto;
	}

#conts .info .textBox03 .k-you {
	padding-bottom: 10px;
}

#conts .info .textBox03 .k-you img {
		width: 99%;
		height: auto;
}

	#conts .info .textBox dd {
		padding-left: 6em;
	}
}


/*------------------------------------------------------------
	education
------------------------------------------------------------*/
@media all and (min-width: 0) and (max-width: 767px) {
	#conts .education .pageTitle h2 {
		background: url(img/education/page_title_bg.png) no-repeat;
	}
}

/*------------------------------------------------------------
	efforts
------------------------------------------------------------*/
@media all and (min-width: 0) and (max-width: 767px) {
	#conts .efforts .pageTitle h2 {
		background: url(img/education/page_title_bg.png) no-repeat;
	}
}

/*------------------------------------------------------------
	education/efforts/english
------------------------------------------------------------*/
#conts .english .img {
	margin-bottom: 40px;
	text-align: center;
}

#conts .english p {
	line-height: 1.6;
}

#conts .english .imgBox {
	margin-bottom: 20px;
}

#conts .english .imgBox .photoBox {
	float: right;
}

#conts .english .imgBox .photoBox p {
	text-align: center;
}

#conts .english .imgBox .textBox {
	width: 550px;
	float: left;
}

#conts .english .imgBox .textBox p {
	line-height: 1.6;
}

#conts .english .imgBox .textBox .ttl {
	margin-bottom: 10px;
	font-size: 21px;
	color: #4f629e;
	font-weight: bold;
}

#conts .english .imgBox .textBox .ttl span {
	margin-bottom: 10px;
	font-size: 14px;
	display: block;
}

#conts .english .txt01 {
	margin-bottom: 10px;
}

#conts .english .txt02 {
	margin-bottom: 80px;
}

#conts .english .txtList li {
	list-style: inside;
}

#conts .english .comTitle01 {
	text-align: center;
}

#conts .english h5 {
	padding: 10px 10px 8px;
	margin-bottom: 20px;
	background: #4f629b;
	color: #fff;
	border-radius: 3px;
	font-family: serif;
}

#conts .english .txtBox p {
	margin-bottom: 10px;
	color: #4f629e;
	font-weight: bold;
}

#conts .english .txtBox ul {
	margin-bottom: 30px;
}

#conts .english .txtBox ul li {
    width: 30%;
	float: left;
    color: #FFF;
    text-align: center;
    padding: 15px 0;
    position: relative;
/*	background: #c92f10; */
}

#conts .english .txtBox ul li span {
	display: block;
	font-weight: bold;
	font-size: 21px;
}

#conts .english .txtBox ul li:nth-child(2) {
/*    background: #219cfc; */
}

#conts .english .txtBox ul li:nth-child(3) {
/*    background: #21af53; */
}

#conts .english .course01 {
    background: #c92f10;
}

#conts .english .course02 {
    background: #219cfc;
}

#conts .english .course03 {
    background: #21af53;
}

#conts .english .suri01 {
    background: #219cfc;
}

#conts .english .suri02 {
    background: #21af53;
}

#conts .english .suri03 {
    background: #A349A4;
}

#conts .english .course01:before {
    content: "";
    display: block;
    width: 23.4%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -23.4%;
    z-index: 10;
    background: url(img/education/efforts/english/icon01.png) no-repeat;
    background-size: auto 100% !important;
}

#conts .english .course02:before {
    content: "";
    display: block;
    width: 23.4%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -23.4%;
    z-index: 10;
    background: url(img/education/efforts/english/icon02.png) no-repeat;
    background-size: auto 100% !important;
}

#conts .english .course03:before {
    content: "";
    display: block;
    width: 23.4%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -23.4%;
    z-index: 10;
    background: url(img/education/efforts/english/icon03.png) no-repeat;
    background-size: auto 100% !important;
}
#conts .english .suri01:before {
    content: "";
    display: block;
    width: 23.4%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -23.4%;
    z-index: 10;
    background: url(img/education/efforts/english/icon02.png) no-repeat;
    background-size: auto 100% !important;
}

#conts .english .suri02:before {
    content: "";
    display: block;
    width: 23.4%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -23.4%;
    z-index: 10;
    background: url(img/education/efforts/english/icon03.png) no-repeat;
    background-size: auto 100% !important;
}

#conts .english .suri03:before {
    content: "";
    display: block;
    width: 23.4%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -23.4%;
    z-index: 10;
    background: url(img/education/efforts/english/icon04.png) no-repeat;
    background-size: auto 100% !important;
}

#conts .english dl {
	margin-bottom: 40px;
}

#conts .english dt {
	color: #4f629e;
	font-weight: bold;
}

#conts .english dt span {
	margin-right: 20px;
	padding: 4px 10px;
	color: #fff;
	display: inline-block;
	vertical-align: middle;
	border-radius: 3px;
	font-family: serif;
	background: #4f629e;
}

#conts .english dd {
	padding: 10px 0;
	line-height: 1.6;
	text-indent: 1em;
}

#conts .english .txtSub {
	padding: 20px 40px;
	margin-bottom: 40px;
	border: 1px solid #999;
    border-radius: 10px;
}

#conts .english .txtSub .ttl {
	margin-bottom: 15px;
	color: #4f629e;
	font-weight: bold;
}

#conts .english .txtSub .ttl span {
	margin-top: 10px;
	display: block;
	font-size: 21px;
}

#conts .headLine02 span ,
#conts .english .headLine02 span {
	display: inline-block;
	margin: 0 3px;
	padding: 2px 6px 0 6px;
	font-size: 10px;
	vertical-align: middle;
	background-color: #33519B;
	color: #fff;
	border-radius: 2px;
}

#conts .english .imgBox01 .textBox p {
	text-indent: 1em;
}

#conts .english .imgBox .textBox .comTitle {
	text-align: left;
	text-indent: inherit;
}

#conts .english .txt03 {
	margin-bottom: 40px;
}

#conts .english .txtUl li {
	margin-right: 0.5%;
    width: 33%;
	float: left;
}

#conts .english .txtUl li:last-child {
	margin-right: 0;
}

#conts .english .txtUl li .title {
	padding: 12px 0 8px;
    background: #233b86;
    color: #FFF;
    text-align: center;
    font-size: 21px;
    width: calc(100% - 15px);
    position: relative;
}

#conts .english .txtUl li .title:before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 27px 0 27px 17px;
    border-color: transparent transparent transparent #233b86;
    position: absolute;
    top: 0;
    right: -17px;
}

#conts .english .txtUl li .text01 {
	margin: 10px 0;
    font-size: 21px;
}

#conts .english .txtUl li .text02 {
    border: 1px solid #233b86;
    padding: 20px;
}

@media all and (min-width: 0) and (max-width: 767px) {
	#conts .english .pageTitle h2 {
		background: url(img/education/page_title_bg.png) no-repeat;
	}
	
	#conts .english .img {
		margin-bottom: 20px;
	}
	
	#conts .english .img img {
		max-width: 100%;
	}
	
	#conts .english .imgBox .photoBox {
		margin-bottom: 20px;
		float: none;
		text-align: center;
	}
	
	#conts .english .imgBox .photoBox img {
		max-width: 100%;
	}
	
	#conts .english .imgBox .textBox {
		width: auto;
		float: none;
	}
		
	#conts .english .txt02 {
		margin-bottom: 40px;
	}
	
	#conts .english .txtList li {
		margin-left: 1em;
		text-indent: -1em;
	}
	
	#conts .english .txtBox ul {
		margin: 0 20px 40px;
	}
	
	#conts .english .txtBox ul li {
		padding: 25px 0 10px;
		width: 100%;
		float: none;
	}
		
	#conts .english .course01:before {
		width: 100%;
		height: 23.4%;
		position: absolute;
		top: auto;
		bottom: -23.4%;
		left: 0;
		z-index: 10;
		background: url(img/education/efforts/english/sp_icon01.png) no-repeat top center;
		background-size: auto auto !important;
	}
	
	#conts .english .course02:before {
		width: 100%;
		height: 23.4%;
		position: absolute;
		top: auto;
		bottom: -23.4%;
		left: 0;
		z-index: 10;
		background: url(img/education/efforts/english/sp_icon02.png) no-repeat top center;
		background-size: auto auto !important;
	}
	
	#conts .english .course03:before {
		width: 100%;
		height: 23.4%;
		position: absolute;
		top: auto;
		bottom: -23.4%;
		left: 0;
		z-index: 10;
		background: url(img/education/efforts/english/sp_icon03.png) no-repeat top center;
		background-size: auto auto !important;
	}
	
	#conts .english .suri01:before {
		width: 100%;
		height: 23.4%;
		position: absolute;
		top: auto;
		bottom: -23.4%;
		left: 0;
		z-index: 10;
		background: url(img/education/efforts/english/sp_icon02.png) no-repeat top center;
		background-size: auto auto !important;
	}
	
	#conts .english .suri02:before {
		width: 100%;
		height: 23.4%;
		position: absolute;
		top: auto;
		bottom: -23.4%;
		left: 0;
		z-index: 10;
		background: url(img/education/efforts/english/sp_icon03.png) no-repeat top center;
		background-size: auto auto !important;
	}
	
	#conts .english .suri03:before {
		width: 100%;
		height: 23.4%;
		position: absolute;
		top: auto;
		bottom: -23.4%;
		left: 0;
		z-index: 10;
		background: url(img/education/efforts/english/sp_icon04.png) no-repeat top center;
		background-size: auto auto !important;
	}
	
	#conts .english dl {
		margin-bottom: 20px;
	}
	
	#conts .english dt span {
		margin-right: 15px;
	}
	
	#conts .english .txtSub {
		padding: 15px;
		margin-bottom: 20px;
	}
	
	#conts .english .headLine02 span {
		margin: 0 2px;
		padding: 2px 4px 0 4px;
	}
		
	#conts .english .txt03 {
		margin-bottom: 20px;
	}
	
	#conts .english .txtUl li {
		margin: 0 0 30px;
		width: 100%;
		float: none;
	}
	
	#conts .english .txtUl li:last-child {
		margin: 0;
	}
	
	#conts .english .txtUl li .title {
		width: auto;
	}
		
	#conts .english .txtUl li .title:before {
		border: none;
		position: static;
	}
	
	#conts .english .txtUl li .text02 {
		padding: 15px;
		position: relative;
	}
	
	#conts .english .txtUl li .text02:before {
		content: "";
		display: inline-block;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 15px 40px 0 40px;
		border-color: #233b86 transparent transparent transparent;
		position: absolute;
		bottom: -15px;
		left: 0;
		right: 0;
		margin: auto;
	}
	
	#conts .english .txtUl li:last-child .text02:before {
		border: none;
	}

}

/*------------------------------------------------------------
	education/efforts/story
------------------------------------------------------------*/
#conts .story .imgBox {
	margin-bottom: 80px;
}

#conts .story .imgBox .textBox {
	width: 500px;
	float: left;
}

#conts .story .imgBox .textBox p {
	line-height: 1.6;
}

#conts .story .imgBox .photoBox {
	float: right;
}

#conts .story .text01 {
	margin-bottom: 40px;
	line-height: 1.6;
	text-indent: 1em;
}

#conts .story .text02 {
	text-indent: 1em;
}

#conts .story .tableBox {
	margin-bottom: 80px;
}

#conts .story .tableBox table {
	width: 100%;
	border-collapse: collapse;
}

#conts .story .tableBox table th,
#conts .story .tableBox table td {
	padding: 15px;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #666;
	box-sizing: border-box;
}

#conts .story .tableBox table td {
	text-align: left;
}

#conts .story .photoUl {
	margin-bottom: 80px;
	text-align: center;
}

#conts .story .photoUl li {
	margin: 0 10px;
	display: inline-block;
}

#conts .story .ttl {
	font-size: 21px;
	color: #4f629e;
	font-weight: bold;
}

#conts .story .photo {
	margin-bottom: 80px;
	text-align: center;
}

@media all and (min-width: 0) and (max-width: 767px) {
	#conts .story .pageTitle h2 {
		background: url(img/education/page_title_bg.png) no-repeat;
	}

	#conts .story .imgBox {
		margin-bottom: 40px;
	}
	
	#conts .story .imgBox .textBox {
		margin-bottom: 20px;
		width: auto;
		float: none;
	}
	
	#conts .story .imgBox .photoBox {
		float: none;
	}
	
	#conts .story .imgBox .photoBox img {
		max-width: 100%;
	}
	
	#conts .story .text01 {
		margin-bottom: 20px;
	}
	
	#conts .story .text02 {
		text-indent: inherit;
	}
	
	#conts .story .tableBox {
		margin-bottom: 40px;
	}
		
	#conts .story .photoUl {
		margin: -10px 0 40px;
	}
	
	#conts .story .photoUl li {
		margin: 10px 10px 0;
	}
	
	#conts .story .photoUl li img {
		max-width: 100%;
	}
	
	#conts .story .photo {
		margin-bottom: 40px;
	}
	
	#conts .story .photo img {
		max-width: 100%;
	}
	
}

/*------------------------------------------------------------
	education/efforts/stella
------------------------------------------------------------*/
#conts .stella .text01 {
	text-indent: 1em;
	line-height: 1.6;
}

#conts .stella .photo {
	margin-bottom: 80px;
	text-align: center;
}

@media all and (min-width: 0) and (max-width: 767px) {
	#conts .stella .pageTitle h2 {
		background: url(img/education/page_title_bg.png) no-repeat;
	}
	
	#conts .stella .photo {
		margin-bottom: 40px;
	}
	
	#conts .stella .photo img {
		max-width: 100%;
	}

}

/*------------------------------------------------------------
	education/efforts/careermap
------------------------------------------------------------*/
#conts .careermap .text01 {
	text-indent: 1em;
	line-height: 1.6;
}

#conts .careermap .text02 {
	margin-bottom: 10px;
	text-indent: 1em;
	line-height: 1.6;
}

#conts .careermap .photo {
	margin-bottom: 80px;
	text-align: center;
}

#conts .careermap .imgBox {
	margin-bottom: 80px;
}

#conts .careermap .imgBox .textBox {
	width: 500px;
	float: left;
}

#conts .careermap .imgBox .textBox p {
	line-height: 1.6;
	text-indent: 1em;
}

#conts .careermap .imgBox .textBox .txt01 {
	text-indent: inherit;
}

#conts .careermap .imgBox .textBox .txt02 {
	margin: 0 0 20px 20px;
}

#conts .careermap .imgBox .textBox .img {
	margin: 20px 0;
}

#conts .careermap .imgBox .textBox .link {
	text-indent: inherit;
}

#conts .careermap .imgBox .photoBox {
	float: right;
}

#conts .careermap .imgBox .photoBox img {
	margin-bottom: 15px;
	display: block;
}

#conts .careermap .imgBox .photoBox img:last-child {
	margin-bottom: 0;
}

#conts .careermap .photoSub {
	margin: 20px 0 80px;
}

#conts .careermap .photoSub .lBox {
	float: left;
}

#conts .careermap .photoSub .rBox {
	float: right;
}

#conts .careermap .photoSub .rBox img {
	margin-bottom: 15px;
	display: block;
}

#conts .careermap .photoSub .rBox img:last-child {
	margin-bottom: 0;
}

#conts .careermap .photoUl {
	margin-bottom: 40px;
	text-align: center;
}

#conts .careermap .link01 {
	margin-bottom: 80px;
}

#conts .careermap .photoUl li {
	margin: 0 10px;
	display: inline-block;
}

#conts .careermap .link a:hover {
	text-decoration: underline;
}

@media all and (min-width: 0) and (max-width: 767px) {
	#conts .careermap .pageTitle h2 {
		background: url(img/education/page_title_bg.png) no-repeat;
	}
	
	#conts .careermap .photo {
		margin-bottom: 40px;
	}
	
	#conts .careermap .photo img {
		max-width: 100%;
	}
	
	#conts .careermap .imgBox {
		margin-bottom: 40px;
	}
	
	#conts .careermap .imgBox .textBox {
		width: auto;
		float: none;
	}
	
	#conts .careermap .imgBox .photoBox {
		float: none;
		text-align: center;
	}
	
	#conts .careermap .imgBox .photoBox img {
		max-width: 100%;
	}
	
	#conts .careermap .photoSub {
		margin: 10px 0 40px;
	}
	
	#conts .careermap .photoSub .lBox {
		float: none;
	}
	
	#conts .careermap .photoSub .lBox img {
		max-width: 100%;
	}
	
	#conts .careermap .imgBox .textBox .img img {
		max-width: 100%;
	}

	#conts .careermap .photoSub .rBox {
		float: none;
	}
	
	#conts .careermap .photoSub .rBox img {
		max-width: 100%;
	}
	
	#conts .careermap .photoUl {
		margin: -10px 0 20px;
	}
	
	#conts .careermap .photoUl li {
		margin: 10px 10px 0;
	}
	
	#conts .careermap .photoUl li img {
		max-width: 100%;
	}
	
	#conts .careermap .link01 {
		margin-bottom: 40px;
	}
	
}

/*------------------------------------------------------------
	education/efforts/partner
------------------------------------------------------------*/
#conts .partner .ttl {
	margin-bottom: 10px;
	color: #4f629e;
	font-size: 21px;
	font-weight: bold;
}

#conts .partner .imgBox {
	margin-bottom: 80px;
}

#conts .partner .imgBox .textBox {
	width: 500px;
	float: left;
}

#conts .partner .imgBox .textBox p {
	line-height: 1.6;
}

#conts .partner .imgBox .photoBox {
	float: right;
}

#conts .partner .photoUl {
	margin-bottom: 80px;
	text-align: center;
}

#conts .partner .txt01 {
	margin-bottom: 10px;
}

#conts .partner .photoUl li {
	margin: 0 10px;
	display: inline-block;
}

@media all and (min-width: 0) and (max-width: 767px) {
	#conts .partner .pageTitle h2 {
		background: url(img/education/page_title_bg.png) no-repeat;
	}
	
	#conts .partner .imgBox {
		margin-bottom: 40px;
	}
	
	#conts .partner .imgBox .textBox {
		margin-bottom: 20px;
		width: auto;
		float: none;
	}
	
	#conts .partner .imgBox .photoBox {
		float: none;
		text-align: center;
	}
	
	#conts .partner .imgBox .photoBox img {
		max-width: 100%;
	}
	
	#conts .partner .photoUl {
		margin: -10px 0 40px;
	}
	
	#conts .partner .photoUl li {
		margin: 10px 5px 0;
		text-align: center;
	}
	
	#conts .partner .photoUl li img {
		max-width: 100%;
	}
	
}

/*------------------------------------------------------------
	education/efforts/ict
------------------------------------------------------------*/
#conts .ict .imgBox {
	margin-bottom: 40px;
}

#conts .ict .imgBox .textBox {
	width: 500px;
	float: left;
}

#conts .ict .imgBox .textBox p {
	line-height: 1.6;
	text-indent: 1em;
}

#conts .ict .imgBox .photoBox {
	float: right;
}

#conts .ict .txt01 {
	margin-bottom: 20px;
	text-align: center;
}

#conts .ict .photoUl {
	margin-bottom: 80px;
	text-align: center;
}

#conts .ict .photoUl li {
	margin: 0 10px;
	display: inline-block;
}

#conts .ict .txt02 {
	margin-bottom: 40px;
	line-height: 1.6;
	text-indent: 1em;
}

#conts .ict .comDl dt {
	width: 80px;
}

#conts .ict .comDl dd {
    padding: 0 0 20px 7em;
}

#conts .ict .comDl dd p {
	text-indent: inherit;
}

@media all and (min-width: 0) and (max-width: 767px) {
	#conts .ict .pageTitle h2 {
		background: url(img/education/page_title_bg.png) no-repeat;
	}
	
	#conts .ict .imgBox {
		margin-bottom: 40px;
	}
	
	#conts .ict .imgBox .textBox {
		margin-bottom: 20px;
		width: auto;
		float: none;
	}
	
	#conts .ict .imgBox .photoBox {
		float: none;
		text-align: center;
	}
	
	#conts .ict .imgBox .photoBox img {
		max-width: 100%;
	}
	
	#conts .ict .photoUl {
		margin: -10px 0 40px;
	}
	
	#conts .ict .photoUl li {
		margin: 10px 5px 0;
		text-align: center;
	}
	
	#conts .ict .photoUl li img {
		max-width: 100%;
	}
	
}

/*------------------------------------------------------------
	education/efforts/mind
------------------------------------------------------------*/
#conts .mind .imgBox {
	margin-bottom: 20px;
}

#conts .mind .comTitle {
	margin: 0 auto 30px;
	padding: 0;
	width: 775px;
}

#conts .mind .comTitle .Txt_left{
	text-align: left;
}

#conts .mind .comTitle .Txt_center{
	text-align: center;
}

#conts .mind .comTitle .Txt_right{
	text-align: right;
}

#conts .mind .comTitle .Joseph{
	padding-top: 15px;
	text-align: right;
	font-size: 20px;
}

#conts .mind .comBox-l01 {
	float: left;
	margin: 0 0 0 0;
	padding: 1%;
	width: 47%;
	height: 310px;
	background: #DDD;
}

#conts .mind .comBox-r01 {
	float: right;
	margin: 0 0 0 0;
	padding: 1%;
	width: 47%;
	height: 310px;
	background: #DDD;
}

#conts .mind .comBox-l11 {
	float: left;
	margin: 0 0 0 0;
	padding: 1%;
	width: 30%;
	height: 300px;
	background: #DDD;
}

#conts .mind .comBox-m11 {
	float: left;
	margin: 0 0 0 2%;
	padding: 1%;
	width: 30%;
	height: 300px;
	background: #DDD;
}

#conts .mind .comBox-r11 {
	float: right;
	margin: 0 0 0 0;
	padding: 1%;
	width: 30%;
	height: 300px;
	background: #DDD;
}

#conts .mind .comBox-ttl {
	margin: 0;
	padding: 0 0 10px 0;
	color: #00A3D9;
	font-size: 120%;
}

#conts .mind .comBox-img {
	margin: 0 auto;
	padding-top: 15px;
	text-align: center;
}

#conts .mind span {
	display: inline-block;
	margin: 0 3px;
	padding: 2px 6px 0 6px;
	font-size: 10px;
	vertical-align: middle;
	background-color: #33519B;
	color: #fff;
	border-radius: 2px;
}

#conts .mind .imgBox .textBox p {
	line-height: 1.6;
	text-indent: 1em;
}

#conts .mind .imgBox .photoBox {
	float: right;
}

#conts .mind .txt01 {
	margin-bottom: 20px;
	text-align: center;
}

#conts .mind .photoUl {
	margin-bottom: 80px;
	text-align: center;
}

#conts .mind .photoUl li {
	margin: 0 10px;
	display: inline-block;
}

#conts .mind .txt02 {
	margin-bottom: 40px;
	line-height: 1.6;
	text-indent: 1em;
}

#conts .mind .comDl dt {
	width: 80px;
}

#conts .mind .comDl dd {
    padding: 0 0 20px 7em;
}

#conts .mind .comDl dd p {
	text-indent: inherit;
}

@media all and (min-width: 0) and (max-width: 767px) {
	#conts .mind .pageTitle h2 {
		background: url(img/education/page_title_bg.png) no-repeat;
	}
	
#conts .mind .comTitle {
	margin: 0 auto 30px;
	padding: 0;
	width: 100%;
	font-size: 120%;
}

	#conts .mind .imgBox {
		margin-bottom: 40px;
	}
	
	#conts .mind .imgBox .textBox {
		margin-bottom: 20px;
		width: auto;
		float: none;
	}
	
	#conts .mind .imgBox .photoBox {
		float: none;
		text-align: center;
	}
	
	#conts .mind .imgBox .photoBox img {
		max-width: 100%;
	}
	
	#conts .mind .photoUl {
		margin: -10px 0 40px;
	}
	
	#conts .mind .photoUl li {
		margin: 10px 5px 0;
		text-align: center;
	}
	
	#conts .mind .photoUl li img {
		max-width: 100%;
	}
	
#conts .mind .comTitle .Txt_left{
	text-align: left;
}

#conts .mind .comTitle .Txt_center{
	text-align: left;
}

#conts .mind .comTitle .Txt_right{
	text-align: left;
}

#conts .mind .comTitle .Joseph{
	padding-top: 15px;
	text-align: right;
	font-size: 110%;
}

#conts .mind .comBox-l01 {
	margin: 0 0 0 0;
	padding: 1%;
	width: 98%;
	background: #DDD;
}

#conts .mind .comBox-r01 {
	margin: 0 0 0 0;
	padding: 1%;
	width: 98%;
	background: #DDD;
}

#conts .mind .comBox-l11 {
	margin: 0 0 0 0;
	padding: 1%;
	width: 98%;
	background: #DDD;
}

#conts .mind .comBox-m11 {
	margin: 0 0 0 2%;
	padding: 1%;
	width: 98%;
	background: #DDD;
}

#conts .mind .comBox-r11 {
	margin: 0 0 0 0;
	padding: 1%;
	width: 98%;
	background: #DDD;
}

}



/*------------------------------------------------------------
	education/efforts/support
------------------------------------------------------------*/
#conts .support .imgBox {
	margin-bottom: 20px;
}

#conts .support .comBox-l01 {
	float: left;
	margin: 0 0 0 0;
	padding: 1%;
	width: 47%;
	height: 310px;
	background: #DDD;
}

#conts .support .comBox-r01 {
	float: right;
	margin: 0 0 0 0;
	padding: 1%;
	width: 47%;
	height: 310px;
	background: #DDD;
}

#conts .support .comBox-l11 {
	float: left;
	margin: 0 0 0 0;
	padding: 1%;
	width: 30%;
	height: 300px;
	background: #DDD;
}

#conts .support .comBox-m11 {
	float: left;
	margin: 0 0 0 2%;
	padding: 1%;
	width: 30%;
	height: 300px;
	background: #DDD;
}

#conts .support .comBox-r11 {
	float: right;
	margin: 0 0 0 0;
	padding: 1%;
	width: 30%;
	height: 300px;
	background: #DDD;
}

#conts .support .comBox-ttl {
	margin: 0;
	padding: 0 0 10px 0;
	color: #00A3D9;
	font-size: 120%;
}

#conts .support .comBox-img {
	margin: 0 auto;
	padding-top: 15px;
	text-align: center;
}

#conts .support span {
	display: inline-block;
	margin: 0 3px;
	padding: 2px 6px 0 6px;
	font-size: 10px;
	vertical-align: middle;
	background-color: #33519B;
	color: #fff;
	border-radius: 2px;
}

#conts .support .imgBox .textBox p {
	line-height: 1.6;
	text-indent: 1em;
}

#conts .support .imgBox .photoBox {
	float: right;
}

#conts .support .txt01 {
	margin-bottom: 20px;
	text-align: center;
}

#conts .support .photoUl {
	margin-bottom: 80px;
	text-align: center;
}

#conts .support .photoUl li {
	margin: 0 10px;
	display: inline-block;
}

#conts .support .txt02 {
	margin-bottom: 40px;
	line-height: 1.6;
	text-indent: 1em;
}

#conts .support .comDl dt {
	width: 80px;
}

#conts .support .comDl dd {
    padding: 0 0 20px 7em;
}

#conts .support .comDl dd p {
	text-indent: inherit;
}

@media all and (min-width: 0) and (max-width: 767px) {
	#conts .support .pageTitle h2 {
		background: url(img/education/page_title_bg.png) no-repeat;
	}
	
	#conts .support .imgBox {
		margin-bottom: 0px;
	}
	
	#conts .support .imgBox .textBox {
		margin-bottom: 20px;
		width: auto;
		float: none;
	}
	
	#conts .support .imgBox .photoBox {
		float: none;
		text-align: center;
	}
	
	#conts .support .imgBox .photoBox img {
		max-width: 100%;
	}
	
	#conts .support .photoUl {
		margin: -10px 0 40px;
	}
	
	#conts .support .photoUl li {
		margin: 10px 5px 0;
		text-align: center;
	}
	
	#conts .support .photoUl li img {
		max-width: 100%;
	}
	
#conts .support .comBox-l01 {
	float: none;
	margin: 0 0 10px 0;
	padding: 1% 1% 3% 1%;
	width: 96%;
	height: auto;
	background: #DDD;
}

#conts .support .comBox-r01 {
	float: none;
	margin: 0 0 10px 0;
	padding: 1% 1% 3% 1%;
	width: 96%;
	height: auto;
	background: #DDD;
}

#conts .support .comBox-l11 {
	float: none;
	margin: 0 0 10px 0;
	padding: 1% 1% 3% 1%;
	width: 96%;
	height: auto;
	background: #DDD;
}

#conts .support .comBox-m11 {
	float: none;
	margin: 0 0 10px 0;
	padding: 1% 1% 3% 1%;
	width: 96%;
	height: auto;
	background: #DDD;
}

#conts .support .comBox-r11 {
	float: none;
	margin: 0 0 10px 0;
	padding: 1% 1% 3% 1%;
	width: 96%;
	height: auto;
	background: #DDD;
}

}



/*------------------------------------------------------------
	education/efforts/exploration
------------------------------------------------------------*/
#conts .exploration .imgBox {
	margin-bottom: 20px;
}

#conts .exploration .comBox-l01 {
	float: left;
	margin: 0 0 0 0;
	padding: 1%;
	width: 47%;
	height: 330px;
	background: #DDD;
}

#conts .exploration .comBox-r01 {
	float: right;
	margin: 0 0 0 0;
	padding: 1%;
	width: 47%;
	height: 330px;
	background: #DDD;
}

#conts .exploration .comBox-w01 {
	margin: 0 0 0 0;
	padding: 1%;
	width: 97%;
	height: 250px;
	background: #DDD;
}

#conts .exploration .comBox-ttl {
	margin: 0;
	padding: 0 0 10px 0;
	color: #00A3D9;
	font-size: 120%;
}

#conts .exploration .comBox-img {
	margin: 0 auto;
	padding-top: 15px;
	text-align: center;
}

#conts .exploration span {
	display: inline-block;
	margin: 0 3px;
	padding: 2px 6px 0 6px;
	font-size: 10px;
	vertical-align: middle;
	background-color: #33519B;
	color: #fff;
	border-radius: 2px;
}

#conts .exploration .imgBox .textBox p {
	line-height: 1.6;
	text-indent: 1em;
}

#conts .exploration .imgBox .photoBox {
	float: right;
}

#conts .exploration .txt01 {
	margin-bottom: 20px;
	text-align: center;
}

#conts .exploration .photoUl {
	margin-bottom: 80px;
	text-align: center;
}

#conts .exploration .photoUl li {
	margin: 0 10px;
	display: inline-block;
}

#conts .exploration .txt02 {
	margin-bottom: 40px;
	line-height: 1.6;
	text-indent: 1em;
}

#conts .exploration .comDl dt {
	width: 80px;
}

#conts .exploration .comDl dd {
    padding: 0 0 20px 7em;
}

#conts .exploration .comDl dd p {
	text-indent: inherit;
}

@media all and (min-width: 0) and (max-width: 767px) {
	#conts .exploration .pageTitle h2 {
		background: url(img/education/page_title_bg.png) no-repeat;
	}
	
	#conts .exploration .imgBox {
		margin-bottom: 0;
	}
	
#conts .exploration .comBox-l01 {
	float: none;
	margin: 0 0 5% 0;
	padding: 1% 1% 3% 1%;
	width: 99%;
	height: auto;
	background: #DDD;
}

#conts .exploration .comBox-r01 {
	float: none;
	margin: 0 0 5% 0;
	padding: 1% 1% 3% 1%;
	width: 99%;
	height: auto;
	background: #DDD;
}

#conts .exploration .comBox-w01 {
	margin: 0 0 5% 0;
	padding: 1% 1% 3% 1%;
	width: 98%;
	height: auto;
	background: #DDD;
}

#conts .exploration .comBox-l01 img,
#conts .exploration .comBox-r01 img,
#conts .exploration .comBox-w01 img {
	width: 45%;
	height: auto;
}

	#conts .exploration .imgBox .textBox {
		margin-bottom: 20px;
		width: auto;
		float: none;
	}
	
	#conts .exploration .imgBox .photoBox {
		float: none;
		text-align: center;
	}
	
	#conts .exploration .imgBox .photoBox img {
		max-width: 100%;
	}
	
	#conts .exploration .photoUl {
		margin: -10px 0 40px;
	}
	
	#conts .exploration .photoUl li {
		margin: 10px 5px 0;
		text-align: center;
	}
	
	#conts .exploration .photoUl li img {
		max-width: 100%;
	}
	
}



/*------------------------------------------------------------
	education/three-year/k-course
------------------------------------------------------------*/
#conts .k-course p {
	line-height: 1.6;
}

#conts .k-course .comTitle {
	margin: 0 auto 30px;
	padding: 0;
	width: 550px;
}

#conts .k-course .comTitle .Txt_left{
	text-align: left;
	padding-top: 2%;
}

#conts .k-course .comTitle .Txt_center{
	text-align: center;
}

#conts .k-course .comTitle .Txt_right{
	text-align: right;
}

#conts .k-course .imgBox {
	margin-bottom: 40px;
}

#conts .k-course .headLine02 {
	margin-bottom: 30px;
	padding: 5px 15px;
	font-size: 16px;
	border-left: 5px solid #5B9BD5;
	border-bottom: 3px solid #5B9BD5;
}

#conts .k-course .k-box01 {
	margin-bottom: 25px;
	padding: 0 0 15px 0;
	border-bottom: 2px solid #5B9BD5;
}

#conts .k-course .k-box02 {
	margin-bottom: 50px;
	padding: 0 0 15px 0;
}

#conts .k-course dt {
	background: none;
}

#conts .k-course dd .ttl {
	padding-top: 20px;
	margin-bottom: 10px;
	text-indent: inherit;
	color: #4f629e;
	font-weight: bold;
}

#conts .k-course .wpTxt {
	padding-left: 85px;
}

#conts .k-course .imgBox .textBox {
	width: 500px;
	float: left;
}

#conts .k-course .imgBox .photoBox {
	float: right;
}

#conts .k-course .comDl {
	margin-bottom: 40px;
}

#conts .k-course .txtBox {
	margin-bottom: 80px;
}

#conts .k-course .txtBox .ttl {
	margin-bottom: 10px;
	color: #4f629e;
	font-weight: bold;
	text-indent: inherit;
}

#conts .k-course .txtBox p {
	margin-bottom: 40px;
	text-indent: 1em;
}

#conts .k-course .txtBox .txt01 {
	margin: -30px 0 0;
	display: block;
	text-indent: inherit;
}

#conts .k-course .img {
	margin-bottom: 80px;
}

#conts .k-course .txt01 {
	text-indent: 1em;
}

#conts .k-course .img01 {
	margin-bottom: 40px;
	text-align: center;
}

#conts .k-course .txtSub {
	margin-bottom: 80px;
}

#conts .k-course .txtSub .ttl {
	margin-bottom: 10px;
	color: #4f629e;
	font-weight: bold;
	text-indent: inherit;
}

#conts .k-course .comTitle04 {
	margin: 0 auto 10px;
	padding: 0;
	text-align: left;
	color: #233b86;
	font-family: serif;
	font-size: 18px;
	font-weight: bold;
	text-indent: 0 !important;
}

#conts .k-course .comTitle05 {
	margin: 25px auto 10px;
	padding: 0;
	text-align: left;
	color: #233b86;
	font-family: serif;
	font-size: 18px;
	font-weight: bold;
	text-indent: 0 !important;
}

#conts .k-course .txtSub p {
	text-indent: 1em;
}

#conts .k-course .txtSub .text01 {
	margin-bottom: 40px;
}

#conts .k-course .txtSub .text02 {
	margin: 20px 0 10px;
	text-indent: inherit;
}

#conts .k-course .k-box03 {
	float: left;
	margin: 0 auto;
	padding: 10px;
	border: none;
	display: inline-block;
	text-align: center;
	width: 47%;
}

#conts .k-course .k-box04 {
	float: right;
	margin: 0 auto;
	padding: 10px;
	border: 1px solid #333;
	display: inline-block;
	text-align: left;
	width: 37%;
}

#conts .k-course .k-box05 {
	margin-bottom: 25px;
	padding: 0 0 15px 0;
	border-bottom: 2px solid #5B9BD5;
}

#conts .k-course .k-box06 {
	float: left;
	margin: 0 auto;
	padding: 10px;
	border: none;
	display: inline-block;
	text-align: left;
	width: 47%;
}

#conts .k-course .k-box07 {
	float: right;
	margin: 0 auto;
	padding: 10px;
	display: inline-block;
	text-align: left;
	width: 47%;
}

#conts .k-course .k-box08 {
	margin: 0 auto;
	padding: 15px 0 0 0;
	text-align: center;
}

#conts .k-course .txtSub .txtList {
	margin: 0 0 40px 1em;
}

#conts .k-course .txtSub .txtList li {
	list-style: decimal;
}

#conts .k-course .txtSub .txtList li span {
	font-weight: bold;
}

#conts .k-course .txtSub .txtList .imgSub {
	text-align: center;
}

#conts .k-course .txtSub .txtList .imgSub img {
	margin: 0 5px;
}

@media all and (min-width: 0) and (max-width: 767px) {
	#conts .k-course .pageTitle h2 {
		background: url(img/education/page_title_bg.png) no-repeat;
	}
	
#conts .k-course .comTitle {
	margin: 0 auto 30px;
	padding: 0;
	width: 98%;
}

	#conts .k-course dt img {
		width: 100%;
		height: auto;
	}
	
	#conts .k-course dd {
		padding: 0 0 5px 5.4em;
	}
	
#conts .k-course .k-box03 {
	float: none;
	margin: 0 auto;
	padding: 10px;
	border: none;
	display: inline-block;
	text-align: center;
	width: 100%;
}

#conts .k-course .k-box04 {
	float: none;
	margin: 0 auto;
	padding: 10px;
	border: 1px solid #333;
	display: inline-block;
	text-align: left;
	width: 93%;
}

#conts .k-course .k-box05 {
	margin-bottom: 25px;
	padding: 0 0 15px 0;
	border-bottom: none;
}

#conts .k-course .k-box06 {
	float: none;
	margin: 0 auto;
	padding: 10px;
	border: none;
	display: inline-block;
	text-align: left;
	width: 98%;
}

#conts .k-course .k-box07 {
	float: none;
	margin: 0 auto;
	padding: 10px;
	display: inline-block;
	text-align: left;
	width: 98%;
}

#conts .k-course .k-box08 {
	margin: 0 auto;
	padding: 15px 0 0 0;
	text-align: center;
}

#conts .k-course .photoBox img {
	width: 100%;
	height: auto;
}

	#conts .k-course .imgBox {
		margin-bottom: 20px;
	}
	
	#conts .k-course .imgBox .textBox {
		margin-bottom: 20px;
		width: auto;
		float: none;
	}
	
	#conts .k-course .imgBox .photoBox {
		float: none;
		text-align: center;
	}
	
	#conts .k-course .imgBox .photoBox img {
		max-width: 100%;
	}
	
	#conts .k-course .comDl {
		margin-bottom: 20px;
	}

	
	#conts .k-course .txtBox {
		margin-bottom: 40px;
	}
	
	#conts .k-course .txtBox .ttl {
		margin-bottom: 5px;
	}
	
	#conts .k-course .txtBox p {
		margin-bottom: 20px;
	}
	
	#conts .k-course .txtBox .txt01 {
		margin: -10px 0 0;
	}
	
	#conts .k-course .img {
		margin-bottom: 40px;
		text-align: center;
	}
	
	#conts .k-course .img img {
		max-width: 100%;
	}
	
	#conts .k-course .img01 {
		margin-bottom: 20px;
	}
	
	#conts .k-course .img01 img {
		max-width: 100%;
	}
	
	#conts .k-course .txtSub {
		margin: 0 0 40px;
	}
		
	#conts .k-course .txtSub .text01 {
		margin-bottom: 20px;
	}
	
	#conts .k-course .txtSub .text02 {
		margin: 20px 0 10px;
		text-indent: inherit;
	}
	
	#conts .k-course .txtSub .txtList p,
	#conts .k-course .txtSub .txtList .imgSub {
		margin-left: -1em;
	}
	
	#conts .k-course .txtSub .txtList .imgSub img {
		max-width: 100%;
		margin: 0 5px 20px;
	}
	
}

/*------------------------------------------------------------
	education/three-year/g-course
------------------------------------------------------------*/
#conts .g-course p {
	line-height: 1.6;
}

#conts .g-course .comTitle {
	margin: 0 auto 30px;
	padding: 0;
	width: 550px;
}

#conts .g-course .comTitle .Txt_left{
	text-align: left;
}

#conts .g-course .comTitle .Txt_center{
	text-align: center;
}

#conts .g-course .comTitle .Txt_right{
	text-align: right;
}

#conts .g-course .headLine02 {
	margin-bottom: 30px;
	padding: 5px 15px;
	font-size: 16px;
	border-left: 5px solid #5B9BD5;
	border-bottom: 3px solid #5B9BD5;
}

#conts .g-course .g-box01 {
	margin-bottom: 25px;
	padding: 0 0 15px 0;
	border-bottom: 2px solid #5B9BD5;
}

#conts .g-course .g-box02 {
	margin-bottom: 50px;
	padding: 0 0 15px 0;
}

#conts .g-course dt {
	background: none;
}

#conts .g-course dd .ttl {
	padding-top: 20px;
	margin-bottom: 10px;
	text-indent: inherit;
	color: #4f629e;
	font-weight: bold;
}

#conts .g-course .wpTxt {
	padding-left: 85px;
}

#conts .g-course .imgBox {
	margin-bottom: 40px;
}

#conts .g-course .imgBox .textBox {
	width: 500px;
	float: left;
}

#conts .g-course .imgBox .photoBox {
	float: right;
}

#conts .g-course .comDl {
	margin-bottom: 40px;
}

#conts .g-course .txtBox {
	margin-bottom: 80px;
}

#conts .g-course .txtBox .ttl {
	margin-bottom: 10px;
	color: #4f629e;
	font-weight: bold;
	text-indent: inherit;
}

#conts .g-course .txtBox p {
	margin-bottom: 40px;
	text-indent: 1em;
}

#conts .g-course .txtBox .txt01 {
	margin: -30px 0 0;
	display: block;
	text-indent: inherit;
}

#conts .g-course .img {
	margin: 30px 0 80px;
	text-align: center;
}

#conts .g-course .comTitle04 {
	margin: 0 auto 10px;
	padding: 0;
	text-align: left;
	color: #233b86;
	font-family: serif;
	font-size: 18px;
	font-weight: bold;
	text-indent: 0 !important;
}

#conts .g-course .comTitle05 {
	margin: 25px auto 10px;
	padding: 0;
	text-align: left;
	color: #233b86;
	font-family: serif;
	font-size: 18px;
	font-weight: bold;
	text-indent: 0 !important;
}

#conts .g-course .photoBox02 {
	padding-top: 25px;
}

#conts .g-course .photoUl {
	margin-top: 20px;
	margin-bottom: 80px;
	text-align: center;
}

#conts .g-course .photoUl li {
	margin: 0 10px;
	display: inline-block;
}

#conts .g-course .g-box03 {
	float: left;
	margin: 0 auto;
	padding: 10px;
	border: none;
	display: inline-block;
	text-align: center;
	width: 47%;
}

#conts .g-course .g-box04 {
	float: right;
	margin: 0 auto;
	padding: 10px;
	border: 1px solid #333;
	display: inline-block;
	text-align: left;
	width: 37%;
}

#conts .g-course .g-box05 {
	margin-bottom: 25px;
	padding: 0 0 15px 0;
	border-bottom: 2px solid #5B9BD5;
}

#conts .g-course .g-box06 {
	float: left;
	margin: 0 auto;
	padding: 10px;
	border: none;
	display: inline-block;
	text-align: left;
	width: 47%;
}

#conts .g-course .g-box07 {
	float: right;
	margin: 0 auto;
	padding: 10px;
	display: inline-block;
	text-align: left;
	width: 47%;
}

#conts .g-course .g-box08 {
	margin: 0 auto;
	padding: 15px 0 0 0;
	text-align: center;
}

#conts .g-course .txt01 {
	text-indent: 1em;
}

#conts .g-course .img01 {
	margin-bottom: 40px;
	text-align: center;
}

#conts .g-course .txtSub {
	margin-bottom: 80px;
}

#conts .g-course .txtSub .ttl {
	margin-bottom: 10px;
	color: #4f629e;
	font-weight: bold;
	text-indent: inherit;
}

#conts .g-course .txtSub p {
	text-indent: 1em;
}

#conts .g-course .txtSub .text01 {
	margin-bottom: 40px;
}

#conts .g-course .txtSub .text02 {
	margin: 20px 0 10px;
	text-indent: inherit;
}

#conts .g-course .txtSub .txtList {
	margin: 0 0 40px 1em;
}

#conts .g-course .txtSub .txtList li {
	list-style: decimal;
}

#conts .g-course .txtSub .txtList li span {
	font-weight: bold;
}

#conts .g-course .txtSub .txtList .imgSub {
	text-align: center;
}

#conts .g-course .txtSub .txtList .imgSub img {
	margin: 0 5px;
}

@media all and (min-width: 0) and (max-width: 767px) {
	#conts .g-course .pageTitle h2 {
		background: url(img/education/page_title_bg.png) no-repeat;
	}
	
#conts .g-course .comTitle {
	margin: 0 auto 30px;
	padding: 0;
	width: 98%;
}

	#conts .g-course dt img {
		width: 100%;
		height: auto;
	}
	
	#conts .g-course dd {
		padding: 0 0 5px 5.4em;
	}
	
	#conts .g-course dt img {
		width: 100%;
		height: auto;
	}
	
#conts .g-course .g-box03 {
	float: none;
	margin: 0 auto;
	padding: 10px;
	border: none;
	display: inline-block;
	text-align: center;
	width: 100%;
}

#conts .g-course .g-box04 {
	float: none;
	margin: 0 auto;
	padding: 10px;
	border: 1px solid #333;
	display: inline-block;
	text-align: left;
	width: 93%;
}

#conts .g-course .g-box05 {
	margin-bottom: 25px;
	padding: 0 0 15px 0;
	border-bottom: none;
}

#conts .g-course .g-box06 {
	float: none;
	margin: 0 auto;
	padding: 10px;
	border: none;
	display: inline-block;
	text-align: left;
	width: 98%;
}

#conts .g-course .g-box07 {
	float: none;
	margin: 0 auto;
	padding: 10px;
	display: inline-block;
	text-align: left;
	width: 98%;
}

#conts .g-course .g-box08 {
	margin: 0 auto;
	padding: 15px 0 0 0;
	text-align: center;
}

#conts .g-course .photoBox img {
	width: 100%;
	height: auto;
}

	#conts .g-course .imgBox {
		margin-bottom: 20px;
	}
	
	#conts .g-course .imgBox .textBox {
		margin-bottom: 20px;
		width: auto;
		float: none;
	}
	
	#conts .g-course .imgBox .photoBox {
		float: none;
		padding-bottom: 5%;
		text-align: center;
	}
	
	#conts .g-course .imgBox .photoBox img {
		max-width: 100%;
	}
	
	#conts .g-course .comDl {
		margin-bottom: 20px;
	}

	
	#conts .g-course .txtBox {
		margin-bottom: 40px;
	}
	
	#conts .g-course .txtBox .ttl {
		margin-bottom: 5px;
	}
	
	#conts .g-course .txtBox p {
		margin-bottom: 20px;
	}
	
	#conts .g-course .txtBox .txt01 {
		margin: -10px 0 0;
	}
	
	#conts .g-course .img {
		margin-bottom: 40px;
		text-align: center;
	}
	
	#conts .g-course .img img {
		max-width: 100%;
	}
	
	#conts .g-course .img01 {
		margin-bottom: 20px;
	}
	
	#conts .g-course .img01 img {
		max-width: 100%;
	}
	
	#conts .g-course .txtSub {
		margin: 0 0 40px;
	}
		
	#conts .g-course .txtSub .text01 {
		margin-bottom: 20px;
	}
	
	#conts .g-course .txtSub .text02 {
		margin: 20px 0 10px;
		text-indent: inherit;
	}
	
	#conts .g-course .txtSub .txtList p,
	#conts .g-course .txtSub .txtList .imgSub {
		margin-left: -1em;
	}
	
	#conts .g-course .txtSub .txtList .imgSub img {
		max-width: 100%;
		margin: 0 5px 20px;
	}
	
#conts .g-course .photoBox02 {
	padding-top: 10px;
	text-align: center;
}

}

/*------------------------------------------------------------
	education/six-year/
------------------------------------------------------------*/
#conts .six-year .comMenuUl li {
    width: 160px;
}

#conts .six-year p {
	line-height: 1.6;
}

#conts .six-year .comTitle {
	margin: 0 auto 30px;
	padding: 0;
	width: 550px;
}

#conts .six-year .comTitle01 {
	margin: 0 auto 30px;
	padding: 0;
	width: 650px;
}

#conts .six-year .comTitle .Txt_left{
	text-align: left;
	padding-top: 3%;
}

#conts .six-year .comTitle .Txt_center{
	text-align: center;
}

#conts .six-year .comTitle .Txt_right{
	text-align: right;
}

#conts .six-year .imgBox {
	margin-bottom: 40px;
}

#conts .six-year .headLine02 {
	margin-bottom: 30px;
	padding: 5px 15px;
	font-size: 16px;
	border-left: 5px solid #548235;
	border-bottom: 3px solid #548235;
}

#conts .six-year .k-box01 {
	margin-bottom: 25px;
	padding: 0 0 15px 0;
	border-bottom: 2px solid #5B9BD5;
}

#conts .six-year .k-box02 {
	margin-bottom: 50px;
	padding: 0 0 15px 0;
}

#conts .six-year .k-box01 dt ,
#conts .six-year .k-box02 dt {
	background: none;
	width: 90px;
	padding-right: 10px;
}

#conts .six-year .k-box01 dd .ttl ,
#conts .six-year .k-box02 dd .ttl {
	padding-top: 20px;
	margin-bottom: 10px;
	text-indent: inherit;
	color: #4f629e;
	font-weight: bold;
}

#conts .six-year .comTitle04 {
	margin: 0 auto 10px;
	padding: 0;
	text-align: left;
	color: #233b86;
	font-family: serif;
	font-size: 18px;
	font-weight: bold;
	text-indent: 0 !important;
}

#conts .six-year .k-box05 {
	margin-bottom: 0;
	padding: 0 0 0 0;
}

#conts .six-year .k-box06 {
	float: left;
	margin: 0 auto;
	padding: 10px;
	border: none;
	display: inline-block;
	text-align: left;
	width: 47%;
	height: 180px;
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
}

#conts .six-year .k-box07 {
	float: left;
	margin: 0 auto;
	padding: 10px;
	display: inline-block;
	text-align: left;
	width: 47%;
	height: 180px;
	border-top: 1px solid #333;
	border-right: 1px solid #333;
}

#conts .six-year .k-box08 {
	float: left;
	margin: 0 auto;
	padding: 10px;
	border: none;
	display: inline-block;
	text-align: left;
	width: 47%;
	height: 230px;
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
}

#conts .six-year .k-box09 {
	float: left;
	margin: 0 auto;
	padding: 10px;
	display: inline-block;
	text-align: left;
	width: 47%;
	height: 230px;
	border-top: 1px solid #333;
	border-right: 1px solid #333;
}

#conts .six-year .k-box10 {
	margin: 0 auto 5%;
	padding: 12px;
	border: none;
	display: inline-block;
	text-align: left;
	width: 96%;
	border: 1px solid #333;
}

#conts .six-year .k-box11 {
	margin: 0 auto;
	padding: 12px;
	border: none;
	display: inline-block;
	text-align: left;
	width: 96%;
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
}

#conts .six-year .k-box12 {
	float: left;
	margin: 0 auto;
	padding: 10px;
	border: none;
	display: inline-block;
	text-align: left;
	width: 47%;
	height: 180px;
	border: 1px solid #333;
}

#conts .six-year .k-box13 {
	float: left;
	margin: 0 auto 8%;
	padding: 10px;
	display: inline-block;
	text-align: left;
	width: 47%;
	height: 180px;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	border-right: 1px solid #333;
}

#conts .six-year .wpTxt03 {
	margin-left: 100px;
}

#conts .six-year .imgBox .textBox {
	width: 500px;
	float: left;
}

#conts .six-year .imgBox .textBox p {
	text-indent: 1em;
}

#conts .six-year .imgBox .photoBox {
	float: right;
}

#conts .six-year .comDl {
	margin-bottom: 40px;
}

#conts .six-year .comTitle span {
	font-size: 20px;
}

#conts .six-year .tableBox table {
	width: 100%;
    border-collapse: collapse;
}

#conts .six-year .tableBox table td {
	padding: 10px;
	text-align: center;
	border: 1px solid #FFF;
}

#conts .six-year .tableBox table .stage span {
	display: block;
	font-weight: bold;
}

#conts .six-year .tableBox table .stage td {
    background: #a7c1e3;
}

#conts .six-year .tableBox table .jinzai td {
    background: #b8c5e5;
}

#conts .six-year .tableBox table td.bgw {
    background: #FFF;
}

#conts .six-year .tableBox table .jinzai div {
    background: #5572c0;
    padding: 10px;
    width: calc(100% - 50px);
    margin-left: 0;
    margin-right: auto;
    position: relative;
}

#conts .six-year .tableBox table .jinzai div:before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 21px 0 21px 30px;
    border-color: transparent transparent transparent #5572c0;
    position: absolute;
    right: -30px;
    top: 0;
}

#conts .six-year .tableBox table .feature {
    position: relative;
}

#conts .six-year .tableBox table .feature td {
    background: #96a8d9;
    padding: 20px 10px 40px 10px;
}

#conts .six-year .tableBox table .feature div {
    background: #719AD2;
    border: 2px solid #C3D5Ec;
    border-radius: 5px;
    padding: 10px;
    position: absolute;
    width: 470px;
    margin-top: 5px;
}

#conts .six-year .tableBox table .career td {
    background: #b3cF8F;
}

#conts .six-year .tableBox table .career td p {
	padding: 5px 0;
    border: 2px solid #CCDFB3;
    background: #84ac50;
    border-radius: 5px;
    color: #FFF;
}

#conts .six-year .txt01 {
	margin-bottom: 30px;
}

#conts .six-year .txt03 {
	margin-bottom: 80px;
}

#conts .six-year .dlList dt {
	color: #4f629e;
	font-weight: bold;
}

#conts .six-year .dlList dt span {
    font-size: 10px;
    display: inline-block;
    margin: 0 3px;
    padding: 2px 6px 0 6px;
    background-color: #33519B;
	font-weight: normal;
    color: #fff;
    border-radius: 2px;
    vertical-align: middle;
}

#conts .six-year .dlList dd {
	padding: 10px 0 30px;
}

#conts .six-year .dlList dd .img {
	margin-top: 20px;
	text-align: center;
}

#conts .six-year .dlList dd .img img {
	margin: 0 5px;
}

#conts .six-year .photo {
	margin: 40px 0 80px;
}

#conts .six-year .txt02 {
	margin-bottom: 15px;
	text-indent: 1em;
}

#conts .six-year .photo01 {
	margin: 0 0 40px;
	text-align: center;
}

#conts .six-year .colorTxt {
	margin-bottom: 20px;
	color: #4f629e;
	font-weight: bold;
}

#conts .six-year .colorTxt span {
	font-size: 10px;
}

#conts .six-year .txtSub {
	margin-bottom: 40px;
}

#conts .six-year .txtSub p {
	text-indent: 1em;
}

#conts .six-year .imgBox01 .photoBox {
	float: left;
}

#conts .six-year .imgBox01 .textBox {
	float: right;
}

#conts .six-year .txtList {
	margin: 0 0 20px 1em;
}

#conts .six-year .txtList li {
	list-style: decimal;
}

#conts .six-year .txtList li p {
	text-indent: 1em;
}

#conts .six-year .txtList li span {
	font-weight: bold;
}

#conts .six-year .txtList .imgSub {
	margin: 10px 0;
	text-align: center;
}

#conts .six-year .txtList .imgSub img {
	margin: 0 5px;
}

#conts .six-year .center {
	margin-bottom: 10px;
	text-align: center;
}

#conts .six-year .center span {
	border: 1px solid #000;
	padding: 3px;
	background: #eee;
}

#conts .six-year .tableBox01 {
	margin-bottom: 25px;
}

#conts .six-year .tableBox01 table {
	width: 100%;
    border-collapse: collapse;
}

#conts .six-year .tableBox01 table td {
    vertical-align: middle;
}

#conts .six-year .tableBox01 table td,
#conts .six-year .tableBox01 table th {
	padding: 10px;
    border: 1px solid #666;
    vertical-align: middle;
	text-align: center;
}

#conts .six-year .tableBox01 table td.border {
    border: 3px solid #41719c;
    border-radius: 5px;
}

#conts .six-year .tableBox01 table span {
	font-weight: bold;
}

#conts .six-year .text03 {
	margin: -20px 0 40px;
}

#conts .six-year .txtDl {
	margin-bottom: 40px;
}

#conts .six-year .txtDl dt {
	float: left;
}

#conts .six-year .txtDl dd {
	padding: 0 0 10px 6em;
}

#conts .six-year .txt04 {
	margin-bottom: 25px;
	text-indent: 1em;
}

#conts .six-year .textDl {
}

#conts .six-year .textDl dt {
	width: 140px;
	text-align: right;
	float: left;
}

#conts .six-year .textDl dd {
	padding: 0 0 10px 11em;
}

#conts .six-year .photoSub img {
	display: block;
	margin: 10px auto;
}

@media all and (min-width: 0) and (max-width: 767px) {
	#conts .six-year .pageTitle h2 {
		background: url(img/education/page_title_bg.png) no-repeat;
	}
	
	#conts .six-year .imgBox {
		margin-bottom: 20px;
	}
	
#conts .six-year .imgBox .textBox {
	width: 100%;
}

#conts .six-year .comTitle {
	margin: 0 auto 30px;
	padding: 0;
	width: 98%;
}

#conts .six-year .k-box06 {
	float: none;
	margin: 0 auto;
	padding: 10px;
	border: none;
	display: inline-block;
	text-align: left;
	width: 95%;
	height: auto;
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
}

#conts .six-year .k-box07 {
	float: none;
	margin: 0 auto;
	padding: 10px;
	display: inline-block;
	text-align: left;
	width: 95%;
	height: auto;
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
}

#conts .six-year .k-box08 {
	float: none;
	margin: 0 auto;
	padding: 10px;
	border: none;
	display: inline-block;
	text-align: left;
	width: 95%;
	height: auto;
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
}

#conts .six-year .k-box09 {
	float: none;
	margin: 0 auto;
	padding: 10px;
	display: inline-block;
	text-align: left;
	width: 95%;
	height: auto;
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
}

#conts .six-year .k-box10 {
	margin: 0 auto 10%;
	padding: 10px;
	border: none;
	display: inline-block;
	text-align: left;
	width: 95%;
	border: 1px solid #333;
}

#conts .six-year .k-box11 {
	margin: 0 auto;
	padding: 10px;
	border: none;
	display: inline-block;
	text-align: left;
	width: 95%;
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
}

#conts .six-year .k-box12 {
	float: none;
	margin: 0 auto;
	padding: 10px;
	border: none;
	display: inline-block;
	text-align: left;
	width: 95%;
	height: auto;
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
}

#conts .six-year .k-box13 {
	float: none;
	margin: 0 auto 8%;
	padding: 10px;
	display: inline-block;
	text-align: left;
	width: 95%;
	height: auto;
	border: 1px solid #333;
}

	#conts .six-year .imgBox .textBox {
		margin-bottom: 20px;
		width: auto;
		float: none;
	}
	
	#conts .six-year .imgBox .photoBox {
		float: none;
		text-align: center;
	}
	
	#conts .six-year .imgBox .photoBox img {
		max-width: 100%;
	}
	
	#conts .six-year .comDl {
		margin-bottom: 20px;
	}
	
	#conts .six-year .comTitle span {
		font-size: 20px;
	}
	
	#conts .six-year .spBox {
		margin-bottom: 40px;
		overflow-x: scroll;
	}
	
	#conts .six-year .spBox .tableBox {
		width: 700px;
	}
	
	#conts .six-year .txt01 {
		margin-bottom: 5px;
	}
	
	#conts .six-year .dlList dd .img img {
		margin: 10px 5px;
		max-width: 100%;
	}
	
	#conts .six-year .imgBox .textBox {
		margin-bottom: 20px;
		width: auto;
		float: none;
	}
	
	#conts .six-year .photo {
		margin: 20px 0 40px;
		text-align: center;
	}
	
	#conts .six-year .photo img {
		max-width: 100%;
	}
	
	#conts .six-year .photo01 {
		margin: 0 0 20px;
	}
	
	#conts .six-year .txtSub {
		margin-bottom: 20px;
	}
	
	#conts .six-year .imgBox01 .photoBox {
		margin-bottom: 20px;
		float: none;
	}
	
	#conts .six-year .imgBox01 .textBox {
		margin: 0;
		float: none;
	}
	
	#conts .six-year .txtList {
		margin: 0 1em 20px;
	}
		
	#conts .six-year .txtList .imgSub img {
		margin: 5px;
		width: 100%;
	}
		
	#conts .six-year .text03 {
		margin: -20px 0 40px;
	}
	
	#conts .six-year .txtDl {
		margin-bottom: 20px;
	}
	
	#conts .six-year .photoSub img {
		max-width: 100%;
	}
	
	#conts .six-year .tableBox table .feature div {
		position: static;
		width: 170px;
	}
	
}

/*------------------------------------------------------------
	campuslife
------------------------------------------------------------*/
@media all and (min-width: 0) and (max-width: 767px) {
	#conts .campuslife .pageTitle h2 {
		background: url(img/campuslife/page_title_bg.png) no-repeat;
	}
}

/*------------------------------------------------------------
	campuslife/institution
------------------------------------------------------------*/
#conts .institution .topImg {
	margin-top: 10px;
	text-align: center;
}

#conts .institution .photoUl {
	margin-top: -25px;
}

#conts .institution .photoUl li {
	margin: 25px 15px 0 0;
	width: 270px;
	float: left;
}

#conts .institution .photoUl li:nth-child(3n) {
	margin-right: 0;
}

#conts .institution .photoUl li p span {
	margin-right: 10px;
	padding: 6px 8px;
	color: #fff;
	background: #4f629b;
}

#conts .institution .photoUl li p .color {
	background: #ee794d;
}

#conts .institution .photoUl li .photo {
	margin-top: 10px;
}

@media all and (min-width: 0) and (max-width: 767px) {
	#conts .institution .pageTitle h2 {
		background: url(img/campuslife/page_title_bg.png) no-repeat;
	}
		
	#conts .institution .topImg img {
		width: 100%;
	}
	
	#conts .institution .photoUl {
		margin-top: -15px;
	}
	
	#conts .institution .photoUl li {
		margin: 15px 0 0;
		width: 48%;
	}
	
	#conts .institution .photoUl li:nth-child(2n) {
		float: right;
	}
	
	#conts .institution .photoUl li p {
		font-size: 12px;
	}
	
	#conts .institution .photoUl li p span {
		margin-right: 1px;
		padding: 0 4px;
	}
	
	#conts .institution .photoUl li .photo {
		margin-top: 7px;
	}
	
	#conts .institution .photoUl li .photo img {
		width: 100%;
	}
}

/*------------------------------------------------------------
	campuslife/club
------------------------------------------------------------*/
#conts .club .imgBox {
	margin-bottom: 80px;
}

#conts .club .imgBox .textBox {
	width: 600px;
	float: left;
}

#conts .club .imgBox .photoBox {
	float: right;
}

#conts .club .ttl {
	color: #4f629e;
	font-size: 21px;
	font-weight: bold;
}

#conts .club .txtList {
	margin-bottom: 40px;
}

#conts .club .txtList li {
	padding: 10px 0 10px 20px;
	width: 25%;
	float: left;
	background: url(img/campuslife/club/icon02.png) no-repeat left center;
	box-sizing: border-box;
}

#conts .club .txtList .liStyle {
	background: url(img/campuslife/club/icon01.png) no-repeat left center;
}

@media all and (min-width: 0) and (max-width: 767px) {
	#conts .club .pageTitle h2 {
		background: url(img/campuslife/page_title_bg.png) no-repeat;
	}
	
	#conts .club .imgBox {
		margin-bottom: 40px;
	}
	
	#conts .club .imgBox .textBox {
		width: auto;
		float: none;
	}
	
	#conts .club .imgBox .photoBox {
		margin-bottom: 20px;
		float: none;
		text-align: center;
	}
	
	#conts .club .imgBox .photoBox img {
		max-width: 100%;
	}
	
	#conts .club .txtList {
		margin-bottom: 20px;
	}
	
	#conts .club .txtList li {
		padding: 10px 0 10px 20px;
		width: auto;
		float: none;
	}

}

/*------------------------------------------------------------
	campuslife/collection
------------------------------------------------------------*/
#conts .collection .topImg {
	margin: 10px 0 ;
	text-align: center;
}

#conts .collection .collBox {
	margin: 5% auto;
	text-align: center;
	width: 800px;
	line-height: 2;
}

#conts .collection .mid-collBox {
	margin: 3% auto 0;
	text-align: center;
}

#conts .collection .left-collBox {
	float: left;
	margin: 1% 0 0 0;
	text-align: center;
	width: 48%;
}

#conts .collection .right-collBox {
	float: left;
	margin: 1% 0 0 0;
	text-align: center;
}

#conts .collection .right-collBox-com {
	margin: 10% auto 1%;
	width: 98%;
	color: #395D45;
	text-align: left;
}

#conts .collection .right-collBox-img {
	margin: 1% 0 1% 0;
}

@media all and (min-width: 0) and (max-width: 767px) {
	#conts .collection .topImg {
		width: 100%;
	}
	
	#conts .collection .topImg img {
		width: 100%;
	}
	
	#conts .collection .collBox {
		margin: 5% auto;
		text-align: center;
		width: 100%;
	}
	
	#conts .collection .mid-collBox ,
	#conts .collection .left-collBox ,
	#conts .collection .right-collBox {
		float: none;
		margin: 1% 10px 0 0;
		text-align: center;
		width: 99%;
		border: none;
	}
	
	#conts .collection .mid-collBox img ,
	#conts .collection .left-collBox img ,
	#conts .collection .right-collBox img {
		width: 100%;
	}
	
	#conts .collection .right-collBox-com {
		margin: 25% 1% 1% 1%;
		width: 98%;
		color: #395D45;
		text-align: left;
	}

}

/*------------------------------------------------------------
	campuslife/life
------------------------------------------------------------*/
#conts .life .text01 {
	margin-bottom: 40px;
}

#conts .life .txtList {
	margin-bottom: 80px;
}

#conts .life .txtList li {
	width: 48%;
	float: left;
}

#conts .life .txtList li:nth-child(2) {
	float: right;
}

#conts .life .txtList li .ttl {
	color: #4f629e;
	font-weight: bold;
	font-size: 21px;
}

#conts .life .txtList li .title {
	margin: 20px 0;
	background: #4f629b;
	color: #fff;
	padding: 10px;
	border-radius: 5px;
}

#conts .life .txtList li p {
	margin-left: 10px;
	line-height: 1.6;
}

#conts .life .txtList li .txt01 {
	margin: 20px 0 0 2em;
	text-indent: -2em;
}

#conts .life .imgSub {
	margin-bottom: 40px;
}

#conts .life .imgSub .lBox {
	padding-bottom: 20px;
	width: 50%;
	float: left;
    text-align: left;
    position: relative;
    list-style: none;
    font-size: 14px;
}

#conts .life .imgSub .lBox:before {
    content: "";
    width: 15px;
    height: 100%;
    background: #4f629b;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 84px;
}

#conts .life .imgSub .lBox li {
    margin-top: 15px;
    font-size: 18px;
    font-weight: bold;
    color: #063880;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}

#conts .life .imgSub .lBox li:not(:first-child) {
    height: 60px;
}

#conts .life .imgSub .lBox strong {
    text-align: right;
    margin-right: 50px;
    color: #666666;
    width: 4em;
    display: inline-block;
    position: relative;
    font-size: 16px;
    font-weight: normal;
}

#conts .life .imgSub .lBox strong:after {

    content: "";
    display: inline-block;
    width: 38px;
    height: 2px;
    background: #4f629b;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 4.5em;

}

#conts .life .imgSub .rBox {
    width: 48%;
	float: right;
}

#conts .life .imgSub .rBox li:first-child {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
    text-align: right;
    margin-top: 20px;
    margin-right: 20px;
}

#conts .life .imgSub .rBox li:nth-child(2) {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
    margin-top: -100px;
    margin-left: -170px;
}

#conts .life .imgSub .rBox li:nth-child(3) {
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
    text-align: right;
    margin-top: -20px;
    margin-right: 0;
}

#conts .life .imgSub .rBox li:nth-child(4) {
    -webkit-transform: rotate(8deg);
    transform: rotate(8deg);
    margin-top: -20px;
    margin-left: -140px;
}

#conts .life .imgSub .rBox li:nth-child(5) {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
    margin-top: -60px;
    margin-right: 40px;
    text-align: right;
}

#conts .life .imgSub .rBox li img {
    border: 4px solid #FFF;
    box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.20);
}

#conts .life .imgBox {
	margin-bottom: 40px;
}

#conts .life .imgBox .textBox {
	width: 500px;
	float: left;
}

#conts .life .imgBox .textBox .ttl {
	margin-bottom: 20px;
	color: #4f629e;
	font-size: 21px;
	font-weight: bold;
}

#conts .life .imgBox .photoBox {
	float: right;
}

#conts .life .txtBox .ttl {
	margin-bottom: 20px;
	color: #4f629e;
	font-size: 21px;
	font-weight: bold;
}

#conts .life .txtBox .img {
	margin-top: 20px;
	text-align: center;
}

#conts .life .txtBox .img01 {
	margin-bottom: 40px;
}

#conts .life .txtBox .img img {
	margin: 0 10px;
}

@media all and (min-width: 0) and (max-width: 767px) {
	#conts .life .pageTitle h2 {
		background: url(img/campuslife/page_title_bg.png) no-repeat;
	}
	
	#conts .life .text01 {
		margin-bottom: 20px;
	}
	
	#conts .life .txtList {
		margin-bottom: 40px;
	}
	
	#conts .life .txtList li {
		width: auto;
		float: none;
	}
	
	#conts .life .txtList li:nth-child(2) {
		float: none;
	}
		
	#conts .life .imgSub {
		margin-bottom: 20px;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
	
	#conts .life .imgSub .lBox {
		width: 230px;
		float: none;
		z-index: 1;
	}
	
	#conts .life .imgSub .lBox:before {
		left: 75px;
	}
	
	#conts .life .imgSub .lBox li {
		font-size: 15px;
	}
	
	#conts .life .imgSub .lBox li:not(:first-child) {
		height: 60px;
	}
	
	#conts .life .imgSub .lBox strong {
		font-size: 14px;
	}
		
	#conts .life .imgSub .rBox {
		width: calc(100% - 250px);
		padding-right: 20px;
		float: none;
	}
	
	#conts .life .imgSub .rBox li {
		margin-top: 40px !important;
		margin-left: -40px;
		position: relative;
	}
	
	#conts .life .imgSub .rBox li:nth-child(2) {
		margin-left: -45px;
	}
	
	#conts .life .imgSub .rBox li:nth-child(4) {
		margin-left: -45px;
	}
	
	#conts .life .imgSub .rBox li:nth-child(5) {
		margin-right: 0;
	}
	
	#conts .life .imgSub .rBox li img {
		width: 100%;
	}
	
	#conts .life .imgBox {
		margin-bottom: 20px;
	}
	
	#conts .life .imgBox .textBox {
		margin-bottom: 20px;
		width: auto;
		float: none;
	}
	
	#conts .life .imgBox .photoBox {
		float: none;
		text-align: center;
	}
	
	#conts .life .imgBox .photoBox img {
		max-width: 100%;
	}
	
	#conts .life .txtBox .img {
		text-align: center;
	}
	
	#conts .life .txtBox .img01 {
		margin-bottom: 20px;
	}
				
	#conts .life .txtBox .img img {
		max-width: 100%;
		margin: 10px 0;
	}

}

/*------------------------------------------------------------
	news
------------------------------------------------------------*/
#conts .news h4 {
	margin-bottom: 20px;
	font-size: 21px;
}

#conts .news p {
	margin-bottom: 20px;
}

#conts .news .txtBox {
	padding-bottom: 40px;
	margin-bottom: 40px;
	border-bottom: 1px dashed #999;
}

#conts .news .txtBox img {
	vertical-align: bottom;
}

@media all and (min-width: 0) and (max-width: 767px) {
	#conts .news p {
		margin-bottom: 10px;
	}
	
	#conts .news .txtBox {
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
	
	#conts .news .txtBox p img {
		max-width: 100%;
	}

}

/*------------------------------------------------------------
	clubDetail
------------------------------------------------------------*/
#conts .clubDetail .ttl {
	width: 90px;
	padding: 5px 0;
	text-align: center;
	font-family: serif;
	color: #4f629e;
	border: 1px solid #4f629e;
	box-sizing: border-box;
	border-radius: 3px;
}

#conts .clubDetail .sub-section {
	margin-bottom: 40px;
}

#conts .clubDetail .sub-section01 p {
	padding: 0.5em 0;
}

#conts .clubDetail .sub-section01 img {
	vertical-align: bottom;
}

#conts .clubDetail .comNewsDl {
	margin-bottom: 0;
	height: 150px;
	overflow: auto;
}

#conts .clubDetail .txt {
	line-height: 1.6;
}

#conts .clubDetail .title {
	line-height: 1.6;
	margin-bottom: 20px;
	font-weight: bold;
}

#conts .clubDetail .txtDl {
	margin-bottom: 20px;
}

#conts .clubDetail .txtDl dt {
	width: 50px;
	float: left;
	text-align: right;
}

#conts .clubDetail .txtDl dd {
	padding: 0 0 0 70px;
}

#conts .clubDetail .textDl dt {
	line-height: 1.6;
}

#conts .clubDetail .textDl dd {
	padding: 0 0 20px 3em;
	line-height: 1.6;
}

#conts .clubDetail .list {
	margin-left: 1.5em;
}

#conts .clubDetail .list li {
	display: list-item;
	list-style: disc;
}

@media all and (min-width: 0) and (max-width: 767px) {
	#conts .clubDetail .ttl {
		width: 70px;
		padding: 4px 0;
		font-size: 13px;
	}
	
	#conts .clubDetail .sub-section {
		margin-bottom: 20px;
	}

	#conts .clubDetail .txt {
		margin-bottom: 20px;
	}
	
	#conts .clubDetail .title {
		margin-bottom: 10px;
	}
	
	#conts .clubDetail .txtDl {
		margin-bottom: 10px;
	}
	
	#conts .clubDetail .txtDl dd {
		padding: 0 0 0 60px;
	}
	
	#conts .clubDetail .textDl dd {
		padding: 0 0 10px 3em;
	}
}

.wp-pagenavi {
	clear: both;
	text-align: center;
}

.wp-pagenavi a,
.wp-pagenavi span {
	color: #000;
	display: inline-block;
	text-decoration: none;
	padding: 1px 5px;
	margin: 0 2px;
	background-color: #ddd;
}

.wp-pagenavi a:hover {
	background-color: #eee;
}

.wp-pagenavi span.current {
	background-color: #666;
	color: #FFF;
}

.wp-pagenavi .pages {
	display: none;
}

.wp-pagenavi .extend {	
	background: none;
}

/*------------------------------------------------------------
	experience_class
------------------------------------------------------------*/
#conts .experience-class h4 {
	margin-bottom: 20px;
	font-size: 21px;
}

#conts .experience-class p {
	margin-bottom: 10px;
	line-height: 1.6;
}

/*------------------------------------------------------------
	open-entry
------------------------------------------------------------*/
#conts .open-entry h4 {
	margin-bottom: 20px;
	font-size: 21px;
}

#conts .open-entry p {
	margin-bottom: 10px;
	line-height: 1.6;
}

/*------------------------------------------------------------
	briefing-sr
------------------------------------------------------------*/
#conts .briefing-sr h4 {
	margin-bottom: 20px;
	font-size: 21px;
}

#conts .briefing-sr p {
	margin-bottom: 10px;
	line-height: 1.6;
}

/*------------------------------------------------------------
	certificate
------------------------------------------------------------*/
#conts .certificate .txt01 {
	margin-bottom: 80px;
	line-height: 1.4;
}

#conts .certificate .headLine02 {
    font-size: 14px;
}

#conts .certificate table {
	margin-bottom: 20px;
	width: 100%;
	border-collapse: collapse;
}

#conts .certificate table td, 
#conts .certificate table th {
	padding: 10px;
	vertical-align: middle;
    border: 1px solid #999;
    text-align: center;
}

#conts .certificate table th {
    background: #f6f6de;
}

#conts .certificate .txt02 {
	margin-bottom: 80px;
}

#conts .certificate .title {
	font-weight: bold;
}

#conts .certificate .txtBox {
	margin-left: 20px;
}

#conts .certificate .txtBox p {
	margin-bottom: 20px;
	line-height: 1.6;
}

@media all and (min-width: 0) and (max-width: 767px) {
	#conts .certificate .txt01 {
		margin-bottom: 40px;
	}
		
	#conts .certificate .txt02 {
		margin-bottom: 40px;
	}
	
	#conts .certificate .txtBox {
		margin-left: 0;
	}
	
}

/*------------------------------------------------------------
	jump
------------------------------------------------------------*/
#conts .jump .txt01 {
	margin-bottom: 20px;
	text-align: center;
}

#conts .jump .txt02 {
	color: #233b86;
	font-size: 24px;
	text-align: center;
	padding-bottom: 20px;
	font-family: serif;
}

#conts .jump .txt03 {
	color: #233b86;
	font-size: 24px;
	text-align: center;
	padding-bottom: 20px;
	font-family: serif;
}

#conts .jump .txt03 span {
	display: block;
	font-size: 60px;
	font-weight: bold;
}

#conts .jump .photo {
	margin-bottom: 20px;
	text-align: center;
}

#conts .jump .txt04 {
	font-size: 21px;
	text-align: center;
	padding-bottom: 20px;
	font-weight: bold;
}

#conts .jump .passrate {
	margin-bottom: 20px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}

#conts .jump .passrate .text01 {
    font-size: 21px;
}

#conts .jump .passrate .text02 {
    font-size: 70px;
    padding-bottom: 0;
    margin-left: 30px;
	color: #233b86;
	font-family: serif;
}

#conts .jump .img {
	margin-bottom: 20px;
	text-align: center;
}

#conts .jump .photoList {
	text-align: center;
}

#conts .jump .photoList li {
	width: 30%;
	display: inline-block;
	margin: 0 1%;
}

#conts .jump .photoList li img {
	max-width: 100%;
}

#conts .jump .photoList li p {
	margin-bottom: 20px;
	text-align: left;
	line-height: 1.6;
}

#conts .jump .photoList li p span {
	font-weight: bold;
	display: block;
}

#conts .jump .txt05 {
	margin-bottom: 20px;
	font-size: 21px;
	text-align: center;
	font-weight: bold;
}

#conts .jump .international {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}

#conts .jump .international > p {
    border: double 9px #5572c0;
    box-sizing: border-box;
    border-radius: 50%;
    height: 150px;
    width: 150px;
    text-align: center;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}

#conts .jump .international > div {
    width: 650px;
}

#conts .jump .international > div p {
	margin-bottom: 10px;
}

#conts .jump .international ul {
	margin-left: 2em;
	list-style: inside;
}

#conts .jump .international ul li {
	text-indent: -1em;
}

@media all and (min-width: 0) and (max-width: 767px) {
	#conts .jump .txt03 span {
		font-size: 40px;
	}
	
	#conts .jump .txt02 {
		font-size: 20px;
	}
	
	#conts .jump .photo img {
		max-width: 100%;
	}
	
	#conts .jump .txt04 {
		font-size: 18px;
	}
	
	#conts .jump .passrate {
		margin-bottom: 20px;
		display: inherit;
		display: inherit;
		text-align: center;
	}
	
	#conts .jump .passrate .text01 {
		font-size: 21px;
	}
	
	#conts .jump .passrate .text02 {
		font-size: 50px;
	}
	
	#conts .jump .img img {
		max-width: 100%;
	}
	
	#conts .jump .photoList {
		margin-top: -20px 0 0;
	}
	
	#conts .jump .photoList li {
		width: auto;
		display: block;
		margin: 20px 0 0;
	}
			
	#conts .jump .international {
		display: inherit;
		display: inherit;
	}
	
	#conts .jump .international > p {
		padding-top: 50px;
		margin: 0 auto;
		display: inherit;
		display: inherit;
		box-sizing: border-box;
	}
	
	#conts .jump .international > div {
		width: auto;
	}
	
	#conts .jump .international > div p {
		margin-bottom: 10px;
	}
	
	#conts .jump .international ul {
		margin-left: 2em;
		list-style: inside;
	}
	
	#conts .jump .international ul li {
		text-indent: -1em;
	}

}