@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Roboto:400,700|Roboto+Condensed:400,700);

/*------------------------------------------------------------
	デフォルトスタイル
------------------------------------------------------------*/
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;
	border: 0;
	outline: 0;

	font-size: 1em;
}

body,
table,
input, textarea, select, option {
	font-family: Roboto, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Sans-Serif;
	line-height: 1.1;
	font-weight: 400;
}

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: #000;
	text-decoration: none;
}

a:visited {
	color: #000;
	text-decoration: none;
}

a:hover {
	color: #aaa;
}

a:active {
	color: #aaa;
	text-decoration: none;
}

a {
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

.btmLineLink a {
	position: relative;
	display: inline-block;
	transition: .3s;
}

.btmLineLink a:after {
	position: absolute;
	bottom: .3em;
	left: 0;
	content: '';
	width: 100%;
	height: 1px;
	background-color: #aaa;
	opacity: 0;
	transition: .3s;
	-moz-transition:  .3s; /* Firefox 4 */
	-webkit-transition:  .3s; /* Safari 和 Chrome */
	-o-transition:  .3s; /* Opera */
}

.btmLineLink a:hover:after {
	bottom: 0;
	opacity: 1;
}

/*------------------------------------------------------------
	書式設定
------------------------------------------------------------*/
/* テキストの位置 */
.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; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.t_center{ text-align:center !important;}
.bg_none { background-image: none !important;}

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

	*+html .clearfix {
		zoom: 1;
	}

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

/*------------------------------------------------------------
	リンク・インプットをタップ時のクラス
------------------------------------------------------------*/
a.tapCtrl, input.tapCtrl,
.tapCtrl a, .tapCtrl input {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.tap {

}

.floatL {
	float: left !important;
}

.floatR {
	float: right !important;
}

.red {
	color: #e50012 !important;
}

/*------------------------------------------------------------
	レイアウト
------------------------------------------------------------*/
body {
	color: #000;
	font-size: 12px;
	line-height: 1.5;
	background-color: #fff;
	-webkit-text-size-adjust: none;
}

#container {
	text-align: left;
	overflow: hidden;
}

#main {
}

#overlay {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #FFF;
	z-index: 500;
}

/*------------------------------------------------------------
	ヘッダー
------------------------------------------------------------*/
.fixHeader {
	height: 79px;
}

#gHeader {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 600;
	background: #FFF;
}

#gHeader.on {
	border-bottom: 1px solid #CCC;
}

#gHeader .hBox {
	z-index: 12;
	position: relative;
	margin: 0 auto;
	padding: 3px 0 5px;
	width: 1102px;
}

h1 {
	float: left;
}

#gHeader .close {
	display: none;
}

#gHeader .schoolMenu {
	display: none;
}

/*------------------------------------------------------------
	gNavi
------------------------------------------------------------*/
#gNavi {
	margin-top: 20px;
	float: right;
	width: 980px;
}

#gNavi li {
	padding-left: 25px;
	float: right;
	position: relative;
}

#gNavi li a {
	font-size: 10px;
	line-height: 1.3;
	display: block;
}

#gNavi li a span {
	font-size: 16px;
	font-weight: 700;
	display: block;
	letter-spacing: 0px;
	font-family: Roboto Condensed, Sans-Serif;
}

#gNavi .last a {
	padding-right: 12px;
	color: #e50012;
	background: url(../img/common/icon03.png) no-repeat right 15px;
}

#gNavi li a:hover {
	padding-bottom: 5px;
	color: #aaa;
	text-decoration: none;
	border-bottom: 2px solid #aaa;
}

#gNavi .last a:hover {
	background: url(../img/common/icon03_over.gif) no-repeat right 17px;
}

#gNavi ul.snsLink{
    overflow: hidden;
    width: 100px;
    margin-top: -8px;
    padding-left: 20px;
    float: right;
    text-align: center;
}

#gNavi ul.snsLink li{
    width: 23px;
    float: left;
    padding: 2px 3px;
    display: inline-block;
    float: none;
}

#gNavi ul.snsLink li a span{
    font-size: 19px;
    font-weight: normal;
}

#gNavi ul.snsLink li a .textbox{
    font-size: 14px;
    font-weight: 700;
    letter-spacing: -0.5px;
    line-height: 1.4;
    font-family: Roboto Condensed, Sans-Serif;

    display: inline-block;
    vertical-align: super;
}

#gNavi ul.snsLink li a:hover{
    border-bottom: none !important;
    padding-bottom: 0 !important;
}

#gNavi ul.snsLink li a:after{
    display: none;
}

#gNavi li .sub-nav{
    position: absolute;
    width: 140px;
    top: 35px;
    left: -5px;
    height: 0;
    overflow: hidden;
    filter: alpha(Opacity=0);
    opacity: 0;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    padding: 0px 15px 0px;
}

#gNavi li.sub:hover .sub-nav{
    display: block;
    filter: alpha(enabled=false);
    opacity: 1;
    height: auto;
    top: 40px;
    background: #FFF;
}

#gNavi li .sub-nav div a{
	margin-bottom: 10px;
    padding-bottom: 5px;
}

#gNavi li .sub-nav div a:hover{
    border-bottom: none;
}

#gNavi li .sub-nav div a:after{
    height: 3px;
}

#gNavi li .sub-nav div a:first-child{
	margin-top: 28px;
}

#gNavi li .sub-nav div a:last-child{
	margin-bottom: 20px;
}


/*------------------------------------------------------------
	pagePath
------------------------------------------------------------*/
#pagePath {
	margin: 0 auto;
	padding: 5px 0;
	width: 1100px;
	position: relative;
	z-index: 999;
}

#pagePath li {
	margin-right: 6px;
	display: inline;
	color: #888;
}

#pagePath li a {
	margin-right: 10px;
	color: #888;
	font-size: 11px;
	text-decoration: underline;
}

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

/*------------------------------------------------------------
	フッター
------------------------------------------------------------*/
#gFooter {
	padding: 12px 0 77px;
	background-color: #000;
	position: relative;
	z-index: 999;
}

#gFooter .fInner {
	margin: 0 auto;
	width: 1100px;
}

#gFooter .fInner .fNavi {
	float: left;
	width: 500px;
}

#gFooter .fInner .fNavi li {
	display: inline;
	color: #fff;
}

#gFooter .fInner .fNavi li a {
	margin: 0 9px 0 3px;
	color: #fff;
}

#gFooter .fInner .fNavi li a:hover {
	color: #aaa;
}

#gFooter .fInner .copyright {
	margin-top: 2px;
	float: right;
	width: 400px;
	color: #fff;
	font-size: 9px;
	text-align: right;
	letter-spacing: 1px;
}

#gFooter ul.snsLink{
    position: absolute;
    top: 35px;
}

#gFooter ul.snsLink li{
    background-color: #fff;
    width: 23px;
    height: 23px;
    float: left;
    border-radius: 50%;
    padding: 4px;
    margin: 3px;
    text-align: center;
    -webkit-transition: all 0.3s;
}
#gFooter ul.snsLink li:hover{
    opacity: 0.55;
    -webkit-transition: all 0.3s;
}

#gFooter ul.snsLink li a{
    display: block;
    font-size: 18px;
    opacity: 1 !important;
}

#gFooter ul.snsLink li a .textbox{
    font-size: 13px;
    font-weight: 700;
    letter-spacing: -0.5px;
    line-height: 1.5;
    vertical-align: text-top;
    font-family: Roboto Condensed, Sans-Serif;
}

/*------------------------------------------------------------
	common
------------------------------------------------------------*/
.sp {
	display: none !important;
}

.sp_br {
	display: none !important;
}

/*------------------------------------------------------------
	headLine01
------------------------------------------------------------*/
#container .headLine01 {
	margin-bottom: 14px;
	padding-left: 15px;
	position: relative;
	font-size: 14px;
	line-height: 1.2;
	background: url(../img/common/icon01.png) no-repeat left 14px;
}

#container .headLine01 span {
	margin: 0 20px -3px 0;
	display: inline-block;
	font-size: 50px;
	font-weight: 700;
	letter-spacing: 0px;
	vertical-align: baseline;
	font-family: Roboto Condensed, Sans-Serif;
}

#container .headLine01 .red {
	margin: 0;
	color: #D20007;
	vertical-align: top;
}

#container .headLine01 .red span {
	font-size: 90%!important;
}

#container .headLine01 a {
	padding: 8px 15px 6px 28px;
	position: absolute;
	right: 0;
	top: 6px;
	display: block;
	font-weight: 700;
	font-family: Roboto Condensed, Sans-Serif;
	border: 1px solid #CCC;
	border-radius: 4px;
	behavior: url(/js/pie.htc);
	background: url(../img/common/icon02.png) no-repeat 10px 12px;
}

#container .headLine01 a span {
	font-size: 14px;
}

#container .headLine01 a:hover {
	color: #fff;
	text-decoration: none;
	background: #CCC url(../img/common/icon02_over.png) no-repeat 10px 12px;
}

#container .headLine01 a.back {
	padding: 3px 0 6px 28px;
	border: none;
	background: url(../img/common/icon18.png) no-repeat 10px 6px;
}

#container .headLine01 a.back:hover {
	color: #aaa;
}

/*------------------------------------------------------------
	comTtlBox
------------------------------------------------------------*/
#main .comTtlBox {
	margin-top: -90px;
	padding: 144px 0 28px;
	position: relative;
}

#main .comTtlBox .comBg {
	background-color: #fff;
}

#main .comTtlBox .headLine01 {
	padding-left: 0;
	margin: 0 auto;
	width: 1100px;
	z-index: 100;
	background: none;
}

/*------------------------------------------------------------
	mainBox
------------------------------------------------------------*/
#main .mainBox {
	margin-top: -100px;
	padding: 185px 0 70px;
	background-color: #F2F2F2;
}

/*------------------------------------------------------------
	comSec
------------------------------------------------------------*/
#main .comSec {
	margin: 0 auto;
	width: 1112px;
	position: relative;
	z-index: 12;
}

.topBOX{
    margin-top: 4% !important;
}

#main .epi_Box_wrapper .epi_Box h4{
    margin-bottom: 22px;
    overflow: hidden;
    border-bottom: 3px solid #000;
}

#main .epi_Box_wrapper .epi_Box h4 .eng{
    font-size: 28px;
    vertical-align: middle;
    font-family: Roboto Condensed, Sans-Serif;
}

@media (max-width: 768px) and (min-width: 0)  {
#main .epi_Box_wrapper .epi_Box h4 .eng{
    font-size: 19px;
}
}
/*------------------------------------------------------------
	img.hover
------------------------------------------------------------*/
#main a .pho {
	display: block;
	position: relative;
}

#main a:hover .pho:before {
	z-index: 1;
	box-sizing: border-box;
	border: 2px solid #D20007;
	width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
	left: 0;

    content: "";
}

.enlarge a span {
	overflow: hidden;
}

.enlarge a img {
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.enlarge a:hover img {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

/*------------------------------------------------------------
	gallery
------------------------------------------------------------*/
#main .gallery {
	padding: 115px 0 94px;
}

#main .gallery .headLine01 {
	margin: 0 auto 12px;
	width: 1096px;
}

#main .gallery .headLine01 a {
	background: url(../img/common/icon09.png) no-repeat 10px 12px;
}

#main .gallery .headLine01 a:hover {
	color: #fff;
	background: #CCC url(../img/common/icon09_over.png) no-repeat 10px 12px;
}

#main .gallery li {
	float: left;
	width: 379px;
	overflow: hidden;
}

#main .gallery li a {
	display: block;
}

#main .gallery li a span {
	margin-top: 14px;
	padding-right: 25px;
	display: block;
	line-height: 1.6;
	background: url(../img/common/icon08.png) no-repeat right 6px;
}

#main .gallery li a:hover {
	color: #000;
	text-decoration: none;
}

#main .gallery li a .pho {
	padding: 0;
	margin: 0;
	background: none;
	width: 379px;
	height: 250px;
	overflow: hidden;
}

#main .gallery li a .pho img {
	position: relative;
    top: 50%;
    left: 50%;
    width: 100%;
    height: auto;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

/*------------------------------------------------------------
	banner
------------------------------------------------------------*/
#main .banner {
	margin: 0 auto;
	width: 990px;
}

#main .banner li {
	padding: 9px 8px;
	float: left;
}

#main .banner li a {
	display: block;
	position: relative;
	border: 2px solid #CCC;
}

#main .banner li a:hover {
	border: 2px solid #D20007;
}

/*------------------------------------------------------------
	comInner
------------------------------------------------------------*/
#main .comInner {
	margin-bottom: 57px;
}

#main .comInner .volume {
	float: left;
	width: 524px;
}

#main .comInner .volume a {
	display: block;
	background-color: #fff;
}

#main .comInner .volume .imgBox {
	padding: 10px 30px 0 37px;
	min-height: 240px;
}

#main .volume .imgBox .photoBox {
	float: left;
}

#main .volume .imgBox .photoBox img {
	width: 167px;
	height: auto;
}

#main .volume .imgBox .textBox {
	margin-top: 18px;
	float: right;
	width: 256px;
}

#main .volume .imgBox .textBox .ttl {
	margin: 0 0 8px;
	padding: 15px 0 1px;
	border-bottom: 2px solid #000;
	background: url(../img/common/line01.gif) repeat-x left top;
}

#main .volume .imgBox .textBox .ttl .wid {
	display: block;
	margin: 0 auto;
	width: 188px;
}

#main .volume .imgBox .textBox .ttl .txt {
	font-size: 30px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0px;
	font-family: Roboto Condensed, Sans-Serif;
}

#main .volume .imgBox .textBox .ttl .txt span {
	font-size: 59px;
}

#main .volume .imgBox .textBox .ttl .red {
	margin-bottom: -26px;
	display: block;
	color: #e50012;
	font-size: 12px;
	text-align: left;
}

#main .volume .imgBox .textBox p {
	margin: 0 8px 18px;
	color: #333;
	font-size: 11px;
}

#main .volume .imgBox .textBox p span {
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0px;
	font-family: Roboto Condensed, Sans-Serif;
}

#main .volume .btn {
	padding-right: 5px;
	float: right;
	width: 145px;
}

#main .volume a .btn .btnLink {
	padding: 7px 4px;
	position: relative;
	color: #fff;
	text-align: center;
	border: 1px solid #000;
	background-color: #000;
	border-radius: 4px;
	behavior: url(/js/pie.htc);
}


#main .comInner .volume .bgText {
	padding-top: 1px;
	color: #fff;
	text-align: center;
	background-color: #000;
}

#main .comInner .link {
	margin-bottom: 0 !important;
	float: right;
}

/*------------------------------------------------------------
	comInfo
------------------------------------------------------------*/
#main .comInfo .news li {
	margin-left: 45px;
	float: left;
	width: 340px;
	background-color: #fff;
}

#main .comInfo .news li:first-child {
	margin-left: 0;
}

#main .comInfo .news li .ttl {
	padding: 10px 10px 7px 14px;
	position: relative;
	font-size: 23px;
	font-weight: 700;
	letter-spacing: 0px;
	font-family: Roboto Condensed, Sans-Serif;
	border-bottom: 2px solid #000;
}

#main .comInfo .news li .ttl a {
	padding-left: 16px;
	display: block;
	position: absolute;
	right: 27px;
	top: 16px;
	font-size: 14px;
	letter-spacing: 0;
	background: url(../img/common/icon02.png) no-repeat left 6px;
}

#main .comInfo .news li .ttl a img {
	margin: -2px 5px 0 0;
	vertical-align: middle;
}

#main .comInfo .news li .scroll {
	padding-bottom: 10px;
	height: 290px;
	overflow-y: scroll;
}

#main .comInfo .news li li {
	margin-left: 0;
	padding-bottom: 0;
	float: none;
	width: auto;
	border-bottom: 1px solid #E5E5E5;
}
#main .comInfo .news li li:last-child {
	border-bottom: none;
}

#main .comInfo .news li li a {
	padding: 10px 10px 10px 13px;
	display: block;
	overflow: hidden;
}

#main .comInfo .news li li a span {
	display: block;
}

#main .comInfo .news li li .wid {
	margin: -3px 8px 0 0;
	float: left;
	width: 47px;
}

/* 11/16 修正width:47px->60px */
#main .comInfo .news li li .bgTxt {
	font-weight: 700;
	margin-right: 8px;
	padding: 4px 1px 3px;
	line-height: 1;
	float: left;
	width: 85px;
	color: #fff !important;
	font-size: 11px;
	text-align: center;
	background-color: #000;
	border-radius: 4px;
	position: relative;
	behavior: url(/js/pie.htc);
}

#main .comInfo .news li li a .bgTxt.red {
	background-color: #E50012;
	width: 85px;
}

#main .comInfo .news li li .wid .bgTxt {
	margin: 3px 0 0;
	float: none;
}

#main .comInfo .news li li .txt {
	float: left;
	width: 300px;
	font-size: 12px;
	position: relative;
	display: inline-block;
}

#main .comInfo .news li li .txt span {
	font-weight: 700;
}


/*------------------------------------------------------------
	comBg
------------------------------------------------------------*/
#main .comBg {
	height: 100%;
    left: -100%;
    position: absolute;
    top: 0;
    transform: rotate(-4deg);
    transform-origin: center top 0;
    width: 330%;
    z-index: 10;
	background-color: #F2F2F2;
	-moz-transform:  rotate(-4deg); /* Firefox 4 */
	-webkit-transform:  rotate(-4deg); /* Safari 和 Chrome */
	-o-transform:  rotate(-4deg); /* Opera */
}

@media all and (min-width: 0) and (max-width: 768px) {
#main .comBg {
    		width: 300%;
	}
}



.foo a:hover img {
	opacity: 0.7;
}

/*------------------------------------------------------------
	comList
------------------------------------------------------------*/
#main .comList {
	margin: -25px -24px 0 0;
	overflow: hidden;
	zoom: 1;
}

#main .comList li {
	margin: 25px 24px 0 0;
	float: left;
	width: 165px;
	color: #888;
	font-size: 11px;
	line-height: 1.1;
}

#main .comList li a,
#main .comList li {
	display: block;
	color: #888;
}

#main .comList li a .pho,
#main .comList li .pho {
	margin-bottom: 14px;
	display: table;
	width: 165px;
	height: 172px;
	table-layout: fixed;
}

#main .comList li a .pho span,
#main .comList li .pho span {
	width: 165px;
	height: 172px;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

#main .comList li a .pho span img,
#main .comList li .pho span img {
    max-width: 100%;
		height: auto;
}

/* 11/16 width 44px->60px修正*/
#main .comList li .add {
	margin-bottom: 9px;
	padding: 3px 0;
	position: relative;
	width: 80px;
	display: block;
	color: #fff;
	text-align: center;
	background-color: #000;
	border-radius: 4px;
	behavior: url(/js/pie.htc);
}

/* 11/13追加 */
#main .comList li .addexpg {
	margin-bottom: 9px;
	padding: 3px 0;
	position: relative;
	width: 85px;
	display: block;
	color: #fff;
	text-align: center;
	background-color: #E50012;
	border-radius: 4px;
	behavior: url(/js/pie.htc);
}

#main .comList li .text {
	margin-top: 13px;
	display: block;
	color: #888;
	font-size: 11px;
}

#main .comList li .img {
	display: block;
	margin-top: 7px;
}

#main .comList li .name {
	margin-top: 4px;
	display: block;
	color: #000;
	font-size: 13px;
}

#main .comList li a:hover .name {
	color: #aaa;
}


#main .web .comList02 li {
	width: 1120px;
	height: 300px;
}

/*------------------------------------------------------------
	mainVisual
------------------------------------------------------------*/
#main .mainVisual {
	margin-top: -45px;
	min-height: 292px;
	text-align: center;
	background: url(../img/graduate/main_img.jpg) no-repeat center top;
}

/*------------------------------------------------------------
	comNaviBox
------------------------------------------------------------*/
#main .comNaviBox {
	background-color: #000;
}

#main .comNaviBox .naviUl {
	margin: 0 auto;
	padding: 14px 0 6px;
	width: 1110px;
}

#main .comNaviBox .naviUl li {
	padding-bottom: 10px;
	width: 137px;
	float: left;
}

#main .comNaviBox .naviUl li a {
	padding-left: 20px;
	display: inline-block;
	color: #FFF;
	font-size: 13px;
	background: url(../img/common/icon15.png) no-repeat left center;
}

#main .comNaviBox .naviUl li a:hover {
	color: #aaa;
	background: url(../img/common/icon15_over.png) no-repeat left center;
}

/*------------------------------------------------------------
	comDetailBox
------------------------------------------------------------*/
#main .comDetailBox .photoBox {
	float: left;
}

#main .comDetailBox .textBox {
	padding-right: 50px;
	width: 700px;
	float: right;
}

#main .comDetailBox .textBox p {
	margin-bottom: 25px;
	font-size: 13px;
	line-height: 2;
}

#main .comDetailBox .textBox .title {
	margin-bottom: 35px;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.5;
}

#main .comDetailBox .textBox .title .school {
	margin-bottom: 8px;
	padding: 3px 0;
	position: relative;
	width: 90px;
	display: block;
	color: #fff;
	font-size: 13px;
	text-align: center;
	background-color: #000;
	border-radius: 4px;
	behavior: url(/js/pie.htc);
}

#main .comDetailBox .textBox .title .name {
	display: block;
	font-size: 24px;
}

#main .comDetailBox .textBox .pLink {
	margin-bottom: 0;
}

#main .comDetailBox .textBox .pLink a {
	color: #e50012;
	font-weight: 700;
}

#main .comDetailBox .textBox .pLink a img {
	margin-right: 8px;
	vertical-align: middle;
}

#main .comDetailBox .textBox .pLink a:hover {
	color:#aaa;
}

/*------------------------------------------------------------
	comBtmLink
------------------------------------------------------------*/
#main .comBtmLink {
	margin: 55px auto 0;
	width: 180px;
}

#main .comBtmLink a {
	padding: 8px 15px 6px 28px;
	display: block;
	position: relative;
	font-weight: 700;
	text-align: center;
	font-family: Roboto Condensed, Sans-Serif;
	border: 1px solid #CCC;
	border-radius: 4px;
	behavior: url(/js/pie.htc);
	background: url(../img/common/icon18.png) no-repeat 35% center;
}

#main .comBtmLink a:hover {
	color: #fff;
	text-decoration: none;
	background: #CCC url(../img/common/icon18_over.png) no-repeat 35% center;
}

/*------------------------------------------------------------
	slideBox
------------------------------------------------------------*/
#main .topic .slideBox {
	position: relative;
	left: -4px;
}

#main .topic .slideBox .owl-prev {
	position: absolute;
	left: -45px;
	top: 43px;
	cursor: pointer;
}

#main .topic .slideBox .owl-next {
	position: absolute;
	right: -45px;
	top: 43px;
	cursor: pointer;
}

#main .topic .slideList {
	width: 1120px;
	overflow: hidden;
}

#main .topic .slideList li a {
	display: block;
}
/*------------------------------------------------------------
	pickup_student
------------------------------------------------------------*/
#main .pickup_studentBox {
    margin-top: -100px;
    padding: 110px 0 50px;
    position: relative;
}

#main .pickup_student{
    position: relative;
    margin-bottom: 50px;
}

.owl-prev, .owl-next{
    cursor: pointer;
}

#main .pickup_student .owl-prev {
    position: absolute;
    left: 0;
    top: 92px;
}

#main .pickup_student .owl-next {
    position: absolute;
    right: 0;
    top: 92px;
}

#main .pickup_student .imgBox{
    margin: 0 50px;
}

#main .pickup_student .comDetailBox{
    position: relative;
}

#main .pickup_student .comDetailBox a:hover .photoBox:before{
    z-index: 1;
    box-sizing: border-box;
    border: 2px solid #D20007;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
}

#main .pickup_student .comDetailBox a:hover .photoBox img{
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

#main .pickup_student .comDetailBox .photoBox{
    position: relative;
    overflow: hidden;
}

#main .pickup_student .comDetailBox .photoBox img{
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

/*1つリンク*/
#main .pickup_student .comDetailBox .linkBox{
    position: absolute;
    right: 0;
    bottom: 40px;
    z-index: 1;
}

#main .pickup_student .comDetailBox .linkBox .snsArea{
    display: inline-block;
    font-size: 23px;
    vertical-align: bottom;
}

#main .pickup_student .comDetailBox .linkBox .snsArea li{
    display: inline-block;
    margin-right: 10px;
}

#main .pickup_student .comDetailBox .linkBox .snsArea li:last-child{
    margin-right: 0px;
}

#main .pickup_student .comDetailBox .linkBox .snsArea li a{
    /*color: #fff;
    background-color: #000;
    width: 40px;
    height: 40px;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    line-height: 1.9;*/
}

#main .pickup_student .comDetailBox .linkBox .siteTtl{
    display: inline-block;
}

#main .pickup_student .comDetailBox .linkBox .linkTo{
    display: inline-block;
    border: 1px solid #000;
    /* background-color: #000; */
    background: #f2f2f2 url(../img/common/icon09.png) no-repeat 10px 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    margin: 0 0 3px 20px;
    /*margin-bottom: 3px;
    margin-left: 20px;*/
    border-radius: 4px;
    font-family: Roboto Condensed, Sans-Serif;
}

#main .pickup_student .comDetailBox .linkBox .linkTo a{
    display: inline-block;
    padding: 8px 15px 6px 28px;
    font-size: 13px;
    font-weight: bold;
}

#main .pickup_student .comDetailBox .linkBox .linkTo:hover{
    border: 1px solid #000;
    background: #000 url(../img/common/icon09_over.png) no-repeat 10px 12px;
}

#main .pickup_student .comDetailBox .linkBox .linkTo:hover a{
    color: #fff;
}

/*2つリンク*/
#main .pickup_student .comDetailBox .linkBox2{
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
}

#main .pickup_student .comDetailBox .linkBox2 .snsArea{
    display: inline-block;
    font-size: 23px;
    vertical-align: bottom;
}

#main .pickup_student .comDetailBox .linkBox2 .snsArea li{
    display: inline-block;
    margin-right: 10px;
}

#main .pickup_student .comDetailBox .linkBox2 .snsArea li:last-child{
    margin-right: 0px;
}

#main .pickup_student .comDetailBox .linkBox2 .siteTtl{
    display: inline-block;
}

#main .pickup_student .comDetailBox .linkBox2 .linkTo{
    display: inline-block;
    border: 1px solid #000;
    background: #f2f2f2 url(../img/common/icon09.png) no-repeat 10px 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    margin: 0 0 3px 20px;
    border-radius: 4px;
    font-family: Roboto Condensed, Sans-Serif;
}

#main .pickup_student .comDetailBox .linkBox2 .linkTo a{
    display: inline-block;
    padding: 8px 15px 6px 28px;
    font-size: 13px;
    font-weight: bold;
}

#main .pickup_student .comDetailBox .linkBox2 .linkTo:hover{
    border: 1px solid #000;
    background: #000 url(../img/common/icon09_over.png) no-repeat 10px 12px;
}

#main .pickup_student .comDetailBox .linkBox2 .linkTo:hover a{
    color: #fff;
}

#main .pickup_student .photoBox{
    width: 210px;
}

#main .pickup_student .textBox{
    width: 730px;
    color: #000;
    padding-top: 3px;
}

#main .pickup_student .imgBox a:hover .photoBox img{
    opacity: 0.75;
}

#main .pickup_student .textBox .school{
    margin-bottom: 9px;
    padding: 2px 9px;
    display: inline-block;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 4px;
    font-size: 11px;
}

#main .pickup_student .textBox .name{
    font-size: 20px;
    font-weight: bold;
    display: block;
}

#main .pickup_student .textBox .name2{
    font-size: 14px;
    font-weight: bold;
    display: block;
    margin-bottom: 10px;
    letter-spacing: 1px;
}

#main .pickup_student .textBox p{

}

#main .linkInner .linkList {
	margin-bottom: 38px;
}


/*------------------------------------------------------------
	graduateBox
------------------------------------------------------------*/
#main .graduateBox {
	margin-top: -100px;
	padding: 110px 0 0;
	position: relative;
}

#main .graduateBox .comBg {
	background-color: #fff;
}

#main .graduate {
	padding: 2px 0 94px;
}

#main .graduate .textImg {
	float: left;
}

#main .graduate .textImg a:hover img {
	filter: alpha(opacity=70);
	opacity: 0.7;
}

#main .graduate .rBox {
	margin-top: 1px;
	float: right;
	width: 828px;
}

#main .graduate ul {
	margin: 0 -12px 22px 0;
	width: 846px;
	overflow: hidden;
}

#main .graduate .comList li {
	margin: 0 27px 0 0;
	width: 114px;
}

#main .graduate .comList li .pho {
	width: 100%;
	height: auto;
}

#main .graduate .comList li .pho span {
	width: 114px;
	height: 118px;
}

#main .graduate .rBox .more {
	margin-right: 10px;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0px;
	font-family: Roboto Condensed, Sans-Serif;
	text-align: right;
}

#main .graduate .rBox .more a {
	padding-right: 15px;
	display: inline-block;
	color: #d20007;
	background: url(../img/common/icon05.gif) no-repeat right 10px;
}

#main .graduate .rBox .more a:after {
	display: none;
}

#main .graduate .rBox .more a:hover {
	color: #aaa;
	background: url(../img/common/icon05_over.gif) no-repeat right 10px;
}

/* --- comingsoon banner --- */
#main .graduate a img {
	width: 100%;
	display: block;
	position: relative;
}
#main .graduate a:hover img {
	opacity: 0.75;
}



/*------------------------------------------------------------
	comTab
------------------------------------------------------------*/
#main .comTab {
	margin-bottom: 45px;
	width: 100%;
	border-collapse: collapse;
}

#main .comTab th,
#main .comTab td {
	padding: 24px 0 20px 45px;
	font-size: 13px;
	text-align: left;
	vertical-align: top;
	background-color: #fff;
	border-bottom: 1px solid #F2F2F2;
}

#main .comTab th {
	padding-left: 40px;
	width: 23%;
}

#main .comTab01 th {
	padding-top: 37px;
	padding-bottom: 37px;
}

/*------------------------------------------------------------
	pageList
------------------------------------------------------------*/
#main .pageList {
	margin-bottom: 60px;
	clear: both;
	text-align: center;
}

#main .pageList li {
	margin: 0 4px;
	display: inline;
	font-size: 14px;
}

#main .pageList .current span,
#main .pageList li a {
	padding: 4px 9px 3px;
	display: inline-block;
	font-weight: 700;
	background-color: #DDD;
}

#main .pageList .current span,
#main .pageList li a:hover {
	color: #FFF;
	text-decoration: none;
	background-color: #000;
}

#main .pageList .prev {
	margin-right: 8px;
}

#main .pageList .next {
	margin-left: 8px;
}

#main .pageList .prev a,
#main .pageList .next a {
	font-size: 16px;
	background: none;
}

#main .pageList .prev a:hover,
#main .pageList .next a:hover {
	color: #000;
	background: none;
}

#main .pageList .dot {
	margin: 0 8px;
}

/*------------------------------------------------------------
	comLink
------------------------------------------------------------*/
#main .comLink {
	margin: 0 auto 30px;
	width: 236px;
}

#main .comLink a {
	padding: 13px 0;
	display: block;
	color: #fff;
	font-size: 14px;
	text-align: center;
	border: 1px solid #000;
	background: #000 url(../img/common/icon14.png) no-repeat 224px 22px;
}

#main .comLink a:hover {
	color: #000;
	background: #fff url(../img/common/icon14_over.png) no-repeat 224px 22px;
}

/*------------------------------------------------------------
	schoolList
------------------------------------------------------------*/
#main .schoolList {
	margin-right: -23px;
	overflow: hidden;
}

#main .schoolList li {
	padding: 0 23px 23px 0;
	float: left;
	width: 260px;
}

#main .schoolList li a {
	position: relative;
	display: block;
}

#main .schoolList li a:hover:before {
	z-index: 1;
	box-sizing: border-box;
	border: 2px solid #D20007;
	width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
	left: 0;

    content: "";
}

#main .schoolList li a .photo {
	display: table;
	table-layout: fixed;
	width: 260px;
	height: 150px;
}

#main .schoolList li a .photo span {
	width: 260px;
	height: 150px;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

#main .schoolList li a .photo span img {
	max-height: 100%;
    max-width: 100%;
}

#main .schoolList li a .bgTxt {
	padding: 1px 13px;
	display: block;
	overflow: hidden;
	background-color: #000;
}

#main .schoolList li a .bgTxt span {
	margin-top: 12px;
	display: block;
	float: right;
	width: 60px;
	color: #fff;
	font-size: 13px;
	text-align: right;
}

#main .schoolList li a .bgTxt .txt01 {
	margin-top: 3px;
	font-size: 24px;
	font-weight: 700;
	float: left;
	width: 170px;
	text-align: left;
	letter-spacing: 0px;
	font-family: Roboto Condensed, Sans-Serif;
	word-break: break-all;
}

#main .schoolList li a .bgTxt .txt02 {
	font-size: 12px;
}

#main .schoolList .liStyle a .bgTxt span {
	width: 90px;
}

#main .schoolList .liStyle a .bgTxt .txt01 {
	width: 190px;
}

.cover {
	display: none;
}

/*------------------------------------------------------------
    固定バナー
------------------------------------------------------------*/
.bnBox{
    position: fixed;
    right: 0;
    top: 100px;
    z-index: 601;
}
.bnBox a{
    display: block;
    -webkit-transition: all .4s;
    transition: all .4s;
}
.bnBox a:hover{
    -webkit-transition: all .4s;
    transition: all .4s;
    background-color: #fef601;
}
.bnBoxSp{
    display: none;
}

@media all and (min-width: 769px) and (max-width: 1150px) {
	body {
		min-width: 1150px;
	}
}

@media all and (min-width: 0px) and (max-width: 768px) {
	/*------------------------------------------------------------
		レイアウト
	------------------------------------------------------------*/
	.cover {
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 90;
		display: none;
	}

	#container {
		position: relative;
		transition: all 0.3s;
		-webkit-transition: all 0.3s;
		left: 0;
		z-index: 1;
	}

	body.opened #container {
		left: -260px;
	}

	a {
		transition: all 0;
		-webkit-transition: all 0;
	}

	/*------------------------------------------------------------
		ヘッダー
	------------------------------------------------------------*/
	.fixHeader {
		height: auto;
		position: relative;
		z-index: 9999;
	}

	#gHeader {
		border: none;
		position: inherit;
	}

	#gHeader .hBox {
		padding: 0;
		width: auto;
		z-index: 15;
		position: relative;
	}

	#gHeader.on {
		border-bottom: none;
	}

	h1 {
		padding: 3px 0 0 8px;
		width: 42px;
	}

	h1 img {
		width: 42px;
	}

	#gHeader .menu {
		position: fixed;
		z-index: 999;
		right: 0;
		top: 0;
		transition: all 0.3s;
		-webkit-transition: all 0.3s;
	}

	body.opened #gHeader .menu {
		right: 260px;
	}

	#gHeader .menu a,
	#gHeader .menu a span {
		display: block;
		position: relative;
		z-index: 99;
	}

	#gHeader .menu img {
		width: 45px;
	}

	#gHeader .menuBox {
		width: 260px;
		position: fixed;
		right: -260px;
		top: 0;
		background-color: #000;
		border-bottom: 2px solid #f10000;
		z-index: 100;
		height: 100%;
		box-sizing: border-box;
		overflow: auto;

		transition: all 0.3s;
		-webkit-transition: all 0.3s;
	}

	body.opened #gHeader .menuBox {
		right: 0;
	}

	#gHeader .menuBox .close {
		text-align: right;
		display: block;
	}

	#gHeader .menuBox .close a {
		padding: 15px 20px;
		display: block;
	}

	#gHeader .menuBox ul {
		border-top: 1px solid #333;
	}

	#gHeader .schoolMenu {
		margin: -5px 0 15px;
		display: block;
	}

	#gHeader .schoolMenu .headLine01 {
		text-align: center;
	}

	#gHeader .schoolMenu .headLine01 a {
		color: #fff;
		font-size: 10px;
		font-weight: 400;
	}

	#gHeader .schoolMenu .headLine01 a span {
		margin-right: 5px;
		font-size: 20px;
		font-family: Roboto Condensed, Sans-Serif;
		font-weight: 700;
	}

	#gHeader .schoolMenu ul {
		padding-top: 3px;
		border-top: none;
		background: url(../img/common/line03.png) repeat-x left top;
		background-size: 244px 3px;
	}

	#gHeader .schoolMenu li {
		float: left;
		width: 50%;
	}

	#gHeader .schoolMenu li a {
		padding: 17px 5px;
		position: relative;
		display: block;
		color: #edece6;
		font-size: 9px;
		text-align: center;
	}

	#gHeader .schoolMenu li a:before {
		position: absolute;
		display: block;
		right: 0;
		bottom: 0;
		width: 244px;
		height: 3px;
		background: url(../img/common/line03.png) repeat-x left bottom;
		background-size: 244px 3px;
		content: "";
	}

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

	#gHeader .schoolMenu li:nth-child(2n) a {
		border-left: 1px solid #fff;
	}

	/*------------------------------------------------------------
		gNavi
	------------------------------------------------------------*/
	#gNavi {
		margin-top: 0;
		float: none;
		width: auto;
	}

	#gNavi li {
		padding-left: 0;
		float: none;
		border-bottom: 1px solid #333;
	}

	#gNavi li a {
		padding: 10px 30px 9px;
		display: block;
		color: #fff;
		font-size: 9px;
		line-height: 1;
		background: url(../img/common/icon13.gif) no-repeat 17px center;
		background-size: 5px 7px;
	}

	#gNavi li a.downArrow {
		background: url(../img/common/icon31.gif) no-repeat 15px center !important;
		background-size: 7px 5px !important;
	}

	#gNavi li a:after {
		display: none;
	}

	#gNavi li a:hover {
		padding-bottom: 9px;
		border-bottom: none;
	}

	#gNavi li a span {
		display: block;
		font-size: 18px;
		font-weight: 700;
		letter-spacing: 0px;
		font-family: Roboto Condensed, Sans-Serif;
	}

	#gNavi .last a:hover,
	#gNavi .last a {
		position: relative;
		color: #f10000;
		background: url(../img/common/icon12.png) no-repeat 17px center;
		background-size: 5px 7px;
	}

	#gNavi .last a:before {
		margin-top: -7px;
		width: 9px;
		height: 14px;
		background: url(../img/common/sp_icon03.png) no-repeat;
		background-size: 9px 14px;
		position: absolute;
		top: 60%;
		left: 105px;
		content: "";
	}
#gNavi ul.snsLink{
    width: 100%;
    padding: 10px 0 !important;
    margin-top: 0 !important;
    border-top: none !important;
    text-align: center;
}

#gNavi ul.snsLink li{
    display: inline-block;
    padding: 4px;
    background-color: #fff;
    width: 23px;
    height: 23px;
    float: none;
    border-radius: 50%;
    margin: 0 2px;
}

#gNavi ul.snsLink li a{
    background: none;
    color: #000;
    padding: 0;
    display: table;
    height: 100%;
    width: 100%;
}

#gNavi ul.snsLink li a span{
    font-size: 18px;
    display: table-cell;
    vertical-align: middle;
}

#gNavi ul.snsLink li a .textbox{
    font-size: 13px;
    line-height: 1.8;
    text-indent: -1px;
}

	/*------------------------------------------------------------
		pagePath
	------------------------------------------------------------*/
	#pagePath {
		padding: 5px 15px;
		width: auto;
		background-color: #fff;
		z-index: 9;
		border-top: 1px solid #D3D3D3;
	}

	#pagePath li {
		margin-right: 3px;
		font-size: 9px;
	}

	#pagePath li a {
		margin-right: 5px;
		font-size: 9px;
	}

	/*------------------------------------------------------------
		フッター
	------------------------------------------------------------*/
	#gFooter {
		padding: 12px 0;
		margin-top: 45px;
	}

	#gFooter .fInner {
		margin: 0 10px;
		width: auto;
	}

	#gFooter .fInner .fNavi {
		margin-bottom: 10px;
		float: none;
		width: auto;
		text-align: center;
	}

	#gFooter .fInner .fNavi li a {
		font-size: 8px;
	}

	#gFooter ul.snsLink{
		position: initial;
		overflow: hidden;
		text-align: center;
		margin-bottom: 10px;
	}

	#gFooter ul.snsLink li{
		display: inline-block;
		float: none;
	}

	#gFooter .fInner .copyright {
		margin-top: 2px;
		float: none;
		width: auto;
		font-size: 6px;
		text-align: center;
	}

	/*------------------------------------------------------------
		common
	------------------------------------------------------------*/
	.pc {
		display: none !important;
	}

	.sp {
		 display: block !important;
	}

	.pc_br {
		display: none !important;
	}

	.sp_br {
		 display: inline-block !important;
	}

	#main .btn {
		font-weight: 700;
	}

	/*------------------------------------------------------------
		comLinkBox
	------------------------------------------------------------*/
	.comLinkBox {
		margin-bottom: 1px;
		padding: 1px 0;
		border-top: 4px solid #000;
		border-bottom: 4px solid #000;
		margin-bottom: 52px;
	}

	.comLinkBox ul {
		border-top: 4px solid #E50012;
		border-bottom: 4px solid #E50012;
	}

	.comLinkBox li {
		border-bottom: 1px solid #E9E9E9;
	}

	.comLinkBox li a {
		padding: 8px 30px 6px;
		display: block;
		color: #888;
		font-size: 9px;
		background: #fff url(../img/common/icon11.gif) no-repeat 20px center;
		background-size: 5px 7px;
	}

	.comLinkBox li a.downArrow {
		background: #fff url(../img/common/icon30.gif) no-repeat 18px center !important;
		background-size: 7px 5px !important;
	}

	.comLinkBox li a span {
		margin-right: 10px;
		color: #000;
		font-size: 17px;
		font-weight: 700;
		font-family: Roboto Condensed, Sans-Serif;
	}

	.comLinkBox li:last-child a {
		color: #f10000;
		background: url(../img/common/icon12.png) no-repeat 20px center;
		background-size: 5px 7px;
	}

	.comLinkBox li:last-child a span {
		padding: 0 13px 1px 0;
		color: #f10000;
		background: url(../img/common/sp_icon03.png) no-repeat right center;
		background-size: 9px 14px;
	}

	/*------------------------------------------------------------
		headLine01
	------------------------------------------------------------*/
	#container .headLine01 {
		margin-bottom: 14px;
		font-size: 9px;
		background: url(../img/common/sp_icon01.png) no-repeat left 6px;
		background-size: 8px 18px;
	}

	#container .headLine01 span {
		margin-right: 10px;
		font-size: 24px;
	}

	#container .headLine01 a,
	#container .headLine01 a:hover {
		padding: 6px 10px 4px 22px;
		top: -6px;
		color: #000;
		font-size: 14px;
		background: url(../img/common/sp_icon02.png) no-repeat 6px 10px;
		background-size: 11px 9px;
	}

	#container .headLine01 a.back {
		top: 38px;
		padding: 6px 13px 4px 25px;
		font-size: 12px;
		border: 1px solid #CCC;
		background: url(../img/common/sp_icon18.png) no-repeat 7px 8px;
		background-size: 12px 10px;
	}

	#container .headLine01 a.back:hover {
		color: #aaa;
	}

	/*------------------------------------------------------------
		comTtlBox
	------------------------------------------------------------*/
	#main .comTtlBox {
		margin-top: -45px;
		padding: 70px 20px 40px;
		position: relative;
	}

	#main .comTtlBox .headLine01 {
		width: auto;
		font-size: 10px;
	}

	#main .comTtlBox .headLine01 span {
		margin-bottom: 2px;
		display: block;
		font-size: 30px;
	}

	#main .comTtlBox .headLine01 .red {
		display: inline-block;
	}

	/*------------------------------------------------------------
		mainVisual
	------------------------------------------------------------*/
	#main .mainVisual {
		margin-top: -20px;
		min-height: 140px;
	}

	/*------------------------------------------------------------
		mainBox
	------------------------------------------------------------*/
	#main .mainBox {
		padding: 90px 0 45px;
	}

	/*------------------------------------------------------------
		comSec
	------------------------------------------------------------*/
	#main .comSec {
		margin: 0 20px;
		width: auto;
	}

	/*------------------------------------------------------------
		comBg
	------------------------------------------------------------*/
	#main .comBg {
		transform: rotate(-6.5deg);
	}

	/*------------------------------------------------------------
		gallery
	------------------------------------------------------------*/
	#main .gallery {
		padding: 40px 0;
	}

	#main .gallery .headLine01 {
		margin: 0 20px 15px;
		width: auto;
	}

	#main .gallery .headLine01 span {
		font-size: 22px;
		letter-spacing: -1px;
	}

	#main .gallery .headLine01 a {
		top: 5px;
		background: url(../img/common/icon09.png) no-repeat 7px 7px;
	}

	#main .gallery .headLine01 a:hover {
		background: #CCC url(../img/common/icon09_over.png) no-repeat 7px 7px;
	}

	#main .gallery li {
		width: 200px;
	}

	#main .gallery li a .pho {
		vertical-align: middle;
		width: 180px;
		height: 108px;
		overflow: hidden;
	}

	#main .gallery li a span {
		margin-top: 10px;
		font-size: 9px;
		background: url(../img/common/sp_icon08.png) no-repeat 96% 2px;
		background-size: 6px 6px;
	}

	/*------------------------------------------------------------
		banner
	------------------------------------------------------------*/
	#main .banner {
		margin: 0 15px;
		width: auto;
	}

	#main .banner li {
		padding: 0 0 3%;
		width: 49%;
	}

	#main .banner li:nth-child(2n) {
		float: right;
	}

	#main .banner li img {
		width: 100%;
	}

	#main .banner li a {
		display: block;
		border: 2px solid #CCC;
	}

	/*------------------------------------------------------------
		img.hover
	------------------------------------------------------------*/
	#main a:hover .pho:before {
		display: none;
	}

	.enlarge a:hover img {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	/*------------------------------------------------------------
		comInner
	------------------------------------------------------------*/
	#main .comInner {
		margin: 0 9px 15px;
	}

	#main .comInner .volume {
		margin-bottom: 15px;
		float: none;
		width: auto;
	}

	#main .comInner .volume .imgBox {
		padding: 8px 15px;
		min-height: 140px;
	}

	#main .volume .imgBox .photoBox img {
		width: 92px;
	}

	#main .volume .imgBox .textBox {
		margin-top: 0;
		padding: 15px 0 0 110px;
		float: none;
		width: auto;
	}

	#main .volume .imgBox .textBox .ttl {
		display: block;
		margin: 0 0 10px;
		padding: 8px 0 3px;
		background-size: 2px 3px;
	}

	#main .volume .imgBox .textBox .ttl .wid {
		width: 100px;
	}

	#main .volume .imgBox .textBox .ttl .txt {
		font-size: 16px;
	}

	#main .volume .imgBox .textBox .ttl .txt span {
		font-size: 28px;
	}

	#main .volume .imgBox .textBox .ttl .red {
		margin-bottom: -12px;
		font-size: 9px;
	}

	#main .volume .imgBox .textBox p {
		display: none;
	}

	#main .volume .imgBox .textBox .btn {
		padding-right: 0;
		float: none;
		width: auto;
	}

	#main .volume .imgBox .textBox .btn a {
		padding: 7px;
		font-size: 10px;
	}

	#main .comInner .volume .text {
		margin: 0 15px 10px;
		font-size: 9px;
	}

	#main .comInner .volume .text span {
		margin-bottom: 3px;
		display: block;
		font-size: 11px;
		font-weight: 700;
		letter-spacing: 0px;
		text-align: center;
	}

	#main .comInner .volume .bgText {
		padding: 2px 0;
		font-size: 9px;
	}

	#main .comInner .link {
		margin: 0 !important;
		float: none;
	}

	#main .comInner .link img {
		width: 100%;
	}

	/*------------------------------------------------------------
		comList02
	------------------------------------------------------------*/
	#main .comList02 {
		margin: 0 10px;
	}

	#main .comList02 li {
		padding-bottom: 15px;
		float: none !important;
	}


	#main .comList02 li img {
		width: 100%;
	}

	#main .web .comList02 li,
	#main .web .comList02 li iframe {
		width: 100% !important;
	}

	/*------------------------------------------------------------
		comInfo
	------------------------------------------------------------*/
	#main .comInfo .tabUl {
		margin: 0 5px;
	}

	#main .comInfo .tabUl li {
		float: left;
		width: 33.3%;
		text-align: center;
		border-bottom: 1px solid #fff;
	}

	#main .comInfo .tabUl li a {
		padding: 10px 0;
		border-right: 1px solid #FFF;
		color: #fff;
		font-size: 17px;
		font-weight: 700;
		letter-spacing: 0px;
		display: block;
		background-color: #000;
		font-family: Roboto Condensed, Sans-Serif;
	}

	#main .comInfo .tabUl li:last-child a {
		border-right: 1px solid #000;
	}

	#main .comInfo .tabUl li.on:last-child a {
		border-right: 1px solid #fff;
	}

	#main .comInfo .tabUl .on a {
		color: #000;
		background-color: #fff;
	}

	#main .comInfo .news {
		margin: 0 7px 0 5px;
		border-top: 2px solid #000;
	}

	#main .comInfo .news li li a .txt:after {
		display: none;
	}

	#main .comInfo .news li {
		margin-left: 0;
		float: none;
		width: auto;
	}

	#main .comInfo .news > li {
		display: none;
	}

	#main .comInfo .news > li.show {
		display: block;
	}

	#main .comInfo .news li .ttl {
		display: none;
	}

	#main .comInfo .news li .scroll {
		padding-bottom: 10px;
		height: 230px;
	}

	#main .comInfo .news li li  {
		overflow: hidden;
	}

	#main .comInfo .news li li a {
		padding: 8px 10px;
	}

	#main .comInfo .news li li .bgTxt {
		margin-right: 0;
		padding: 4px 1px;
		width: 7em;
		font-size: 8px;
	}

	#main .comInfo .news li li a .bgTxt.red {
		width: 7em;
	}

	#main .comInfo .news li li .txt {
		width: 100%;
		font-size: 9px;
		position: inherit;
		float: right;
		margin-left: -7.6em;
		padding-left: 7.6em;
		box-sizing: border-box;
	}

	#main .comInfo .news li .link {
		text-align: center;
	}

	#main .comInfo .news li .link a {
		padding: 5px;
		display: block;
		text-align: center;
	}

	#main .comInfo .news li .link a span {
		padding-left: 18px;
		display: inline-block;
		background: url(../img/common/sp_icon02.png) no-repeat left 4px;
		background-size: 11px 9px;
	}

	/*------------------------------------------------------------
		comList
	------------------------------------------------------------*/
	#main .comList {
		margin: -15px 0 0 0;
	}

	#main .comList li {
		margin: 15px 3.5% 0 0;
		width: 31%;
		font-size: 9px;
		line-height: 1.1;
		word-break: normal;
	}

	#main .comList li:nth-child(3n) {
		margin-right: 0;
	}

	#main .comList li a .pho, #main .comList li .pho {
		margin-bottom: 7px;
		width: 100% !important;
		height: auto !important;
	}

	#main .comList li a .pho span, #main .comList li .pho span {
		width: 100% !important;
		height: auto !important;
	}

	#main .comList li .add {
		width: auto;
		display: inline-block;
	}

	#main .comList li .img {
		display: none;
	}

	#main .comList li .name {
		margin-top: 2px;
		font-size: 11px;
	}

	/*------------------------------------------------------------
		comDetailBox
	------------------------------------------------------------*/
	#main .comDetailBox .photoBox {
		text-align: center;
		float: none;
		margin-bottom: 25px;
	}

	#main .comDetailBox .photoBox img {
		width: 63%;
		height: auto;
	}

	#main .comDetailBox .textBox {
		padding: 0 20px;
		width: auto;
		float: none;
	}

	#main .comDetailBox .textBox p {
		margin-bottom: 25px;
		font-size: 12px;
		line-height: 1.9;
	}

	#main .comDetailBox .textBox .title {
		margin-bottom: 30px;
		font-size: 11px;
		font-weight: 700;
		line-height: 1.2;
		text-align: center;
	}

	#main .comDetailBox .textBox .title .school {
		margin: 0 auto 15px;
		padding: 3px 0;
		width: 75px;
		font-size: 9px;
	}

	#main .comDetailBox .textBox .title .name {
		margin-top: 8px;
		font-size: 17px;
	}

	#main .comDetailBox .textBox .pLink {
		margin: -5px 0 0;
		font-size: 11px;
	}

	/*------------------------------------------------------------
		comBtmLink
	------------------------------------------------------------*/
	#main .comBtmLink {
		margin: 45px auto 0;
		width: 140px;
	}

	#main .comBtmLink a {
		padding: 6px 15px 3px 28px;
		background: url(../img/common/sp_icon18.png) no-repeat 30% 8px;
		background-size: 11px auto;
	}

	#main .comBtmLink a:hover {
		color: #fff;
		text-decoration: none;
		background: #CCC url(../img/common/icon18_over.png) no-repeat 30% 8px;
		background-size: 11px auto;
	}

	/*------------------------------------------------------------
		slideBox
	------------------------------------------------------------*/
	#main .topic .slideBox {
		margin: 0 -20px;
		left: 0;
	}

	#main .topic .slideBox .prev,
	#main .topic .slideBox .next {
		display: none;
	}

	#main .topic .slideList {
		margin: 0;
		width: auto;
	}

	#main .topic .slideList li {
		padding: 0 1%;
		width: 43%;
	}

	#main .topic .slideList li a img {
		width: 100%;
	}

	/*------------------------------------------------------------
		pickup_student
	------------------------------------------------------------*/
#main .pickup_studentBox .headLine01{
    margin: 0 20px 15px;
}

#main .pickup_studentBox .comSec{
    margin: 0;
}

#main .pickup_student{
    margin-bottom: 10px;
}

#main .pickup_student .imgBox {
    margin: 0;
    padding: 0;
}

#main .pickup_student .photoBox {
    width: auto;
}

#main .pickup_student .photoBox img {
    width: 100%;
}

#main .pickup_student .textBox{
    padding: 0 5px 100px;
}

#main .pickup_student .comDetailBox a:hover .photoBox:before{
    display: none;
}

#main .pickup_student .comDetailBox a:hover .photoBox img{
    -webkit-transform: scale(1);
    transform: scale(1);
}

#main .pickup_student .comDetailBox{
    display: inline-block;
}

#main .pickup_student .comDetailBox .linkBox{
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
	bottom: 46px;
}

#main .pickup_student .comDetailBox .linkBox2{
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
	bottom: -21px;
}

#main .pickup_student .comDetailBox .linkBox .snsArea{
    display: block;
}

#main .pickup_student .comDetailBox .linkBox .siteTtl{
    display: block;
}

#main .pickup_student .comDetailBox .linkBox .linkTo{
    margin-top: 3px;
    margin-left: 0px;
}

#main .pickup_student .comDetailBox .linkBox2 .linkTo{
    margin-top: 5px;
    margin-left: 0px;
}

#main .pickup_student .comDetailBox .linkBox .linkTo:hover{
    background: #f2f2f2 url(../img/common/icon09.png) no-repeat 10px 12px;
}

#main .pickup_student .comDetailBox .linkBox .linkTo:hover a{
    color: #000;
}

#main .pickup_student .comDetailBox .linkBox .linkTo a{
padding: 8px 79px 6px 69px;
}

#main .pickup_student .comDetailBox .linkBox2 .linkTo a{
padding: 8px 79px 6px 69px;
}

	/*------------------------------------------------------------
		graduateBox
	------------------------------------------------------------*/
	#main .graduate .textImg {
		display: none;
	}

	#main .graduate {
		padding: 2px 0 50px;
	}

	#main .graduate .rBox {
		float: none;
		width: auto;
	}

	#main .graduate .comList {
		margin: 0;
		width: auto;
	}

	#main .graduate .comList li{
		margin: 0 0 5%;
		width: 48.5%;
		height: 200px;
	}

	#main .graduate .comList li:nth-child(2n) {
		float: right;
	}

	#main .graduate .comList li .pho {
		display: block;
	}

	#main .graduate .comList li .pho span {
		display: block;
		height: 126px !important;
		width: auto;
		text-align: left;
		overflow: hidden;
	}

	#main .graduate .comList li .pho span img {
		max-width: inherit;
		width: 100%;
		height: auto;
	}

	#main .graduate .rBox .more {
		margin: 20px 0 0;
		font-size: 17px;
		text-align: center;
	}

	#main .graduate .rBox .more a,
	#main .graduate .rBox .more a:hover {
		background: url(../img/common/sp_icon05.gif) no-repeat right 10px;
		background-size: 12px 7px;
	}

	#main .graduate .rBox .more a:after {
		display: none;
	}

	/*------------------------------------------------------------
		comTab
	------------------------------------------------------------*/
	#main .comTab {
		margin-bottom: 35px;
	}

	#main .comTab th,
	#main .comTab td {
		padding: 7px 6% 15px;
		float: left;
		width: 88%;
		font-size: 11px;
	}

	#main .comTab th {
		padding: 15px 6% 0;
		border-bottom: none;
	}

	/*------------------------------------------------------------
		pageList
	------------------------------------------------------------*/
	#main .pageList li {
		margin: 0 2px;
		font-size: 12px;
	}

	#main .pageList .current span,
	#main .pageList li a {
		padding: 3px 8px 2px;
		font-weight: 400;
	}

	#main .pageList .prev a,
	#main .pageList .next a {
		font-size: 14px;
	}

	/*------------------------------------------------------------
		comLink
	------------------------------------------------------------*/
	#main .comLink {
		width: 100%;
	}

	#main .comLink a,
	#main .comLink a:hover {
		padding: 14px 0;
		position: relative;
		color: #fff;
		font-size: 12px;
		background: #000;
	}

	#main .comLink a:before,
	#main .comLink a:hover:before {
		margin-top: -3px;
		width: 9px;
		height: 7px;
		background: url(../img/common/sp_icon14.png) no-repeat left top;
		background-size: 9px 7px;
		position: absolute;
		top: 50%;
		right: 14px;

		content: "";
	}

	/*------------------------------------------------------------
		schoolList
	------------------------------------------------------------*/
	#main .schoolList {
		margin-right: 0;
		width: auto;
	}

	#main .schoolList li {
		padding: 0 0 4%;
		width: 47.5%;
	}

	#main .schoolList li:nth-child(2n) {
		float: right;
	}

	#main .schoolList li a .photo {
		width: 100%;
		height: auto;
	}

	#main .schoolList li a .photo span {
		width: 100%;
		height: auto;
	}

	#main .schoolList li a .photo span img {
		max-height: 100%;
		max-width: 100%;
	}

	#main .schoolList li a .bgTxt {
		padding: 5px 5% 2px;
		height: auto !important;
	}

	#main .schoolList li a .bgTxt span {
		margin-top: 0;
		width: auto;
	    line-height: 1.6;
		font-weight: 700;
		font-size: 11px !important;
	}

	#main .schoolList li a .bgTxt .txt01 {
		font-size: 11px !important;
		width: auto;
		font-weight: 700;
		margin-top: 0;
	}

	#main .schoolList li:last-child a .bgTxt span {
		width: 60%;
		letter-spacing: -1px;
	}

	#main .schoolList li:last-child a .bgTxt .txt01 {
		width: 60%;
	}

	#main .schoolList li a:hover:before {
		display: none;
	}
	/*------------------------------------------------------------
	    固定バナー
	------------------------------------------------------------*/
	.bnBox{
	    display: none;
	}
	.bnBoxSp{
	display: block;
		width: 100%;
		position: fixed;
		bottom: 10px;
		z-index: 1000;
		-webkit-transition: all .4s;
		transition: all .4s;
	}
	.bnSpace{
		padding-bottom: 40px;
	}
}
@media all and (min-width: 0px) and (max-width: 370px) {
	.bnBoxSp{
		/*margin-bottom: 34px;*/
	}
}




/*-----------------------------------------------
 icon font
-----------------------------------------------*/
@font-face {
  font-family: 'icomoon';
  src:  url('../img/fonts/icomoon.eot?ak69lz');
  src:  url('../img/fonts/icomoon.eot?ak69lz#iefix') format('embedded-opentype'),
    url('../img/fonts/icomoon.ttf?ak69lz') format('truetype'),
    url('../img/fonts/icomoon.woff?ak69lz') format('woff'),
    url('../img/fonts/icomoon.svg?ak69lz#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-facebook:before {
  content: "\ea90";
}
.icon-instagram:before {
  content: "\ea92";
}
.icon-twitter:before {
  content: "\ea96";
}
.icon-youtube:before {
  content: "\ea9d";
}