@charset "utf-8";

/* CSS Document */
.modSpOnly { display: none!important; }

@media screen and (max-width: 767px) {


.modSpOnly { display: block!important; }

.modPcOnly { display: none!important; }

#header .top {
	padding-left: 0!important;
	padding-right: 0!important;
}

#header .logo {
	margin: 8px 0;
	width: 58%;
}

#header .logo a { margin: 0 0 0 8px; }

#header .logo img {
	height: 28px;
	width: auto;
}

#header.junior .logo img { height: 22px; }

#header .hNavSp li {
	float: right;
	width: 14%;
	height: 46px;
	vertical-align: middle;
}

#header .hNavSp a {
	display: block;
	text-align: center;
	height: 46px;
	line-height: 46px;
	vertical-align: middle;
}

#header .hNavSp li.request a,
#header .hNavSp li.contact a {
	padding: 3px 0 0;
	line-height: normal;
	height: 43px;
}

#header .hNavSp li.request a { background-color: #007bbb; }

#header .hNavSp li.contact a { background-color: #6b7740; }

#header .hNavSp li.menu a { background-color: #000000; }

#header .hNavSp li img { vertical-align: middle; }

#header .hNavSp li.menu img {
	height: 34px;
	width: auto;
}

#header .hNavSp li.request img,
#header .hNavSp li.contact img {
	height: 40px;
	width: auto;
}

#gNavSp {
	display: none;
	width: 84%;
	background-color: rgba(0,0,0,0.90);
	position: absolute;
	right: 0;
	z-index: 9999;
	box-shadow: -5px 0 5px #B8B8B8;
	-webkit-box-shadow: -5px 0 5px #B8B8B8;
	-moz-box-shadow: -5px 0 5px #B8B8B8;
}

#gNavSp li a {
	display: block;
	padding: 8px 10px 8px 40px;
	border-bottom: solid 1px #fff;
	color: #fff;
	font-size: 14px;
	font-size: 1.4rem;
	text-decoration: none;
	background-position: 6px center;
	background-repeat: no-repeat;
}

#gNavSp li.icon01 a { background-image: url(../img/sp/iconNav01.png); }

#gNavSp li.icon02 a { background-image: url(../img/sp/iconNav02.png); }

#gNavSp li.icon03 a { background-image: url(../img/sp/iconNav03.png); }

#gNavSp li.icon04 a { background-image: url(../img/sp/iconNav04.png); }

#gNavSp li.icon05 a { background-image: url(../img/sp/iconNav05.png); }

#gNavSp li.icon06 a { background-image: url(../img/sp/iconNav06.png); }

#gNavSp li.icon07 a { background-image: url(../img/sp/iconNav07.png); }

#gNavSp li.icon08 a { background-image: url(../img/sp/iconNav08.png); }

#gNavSp li.icon09 a { background-image: url(../img/sp/iconNav09.png); }

#gNavSp li.icon10 a { background-image: url(../img/sp/iconNav10.png); }

#gNavSp li.icon11 a { background-image: url(../img/sp/iconNav11.png); }

#gNavSp li.icon12 a { background-image: url(../img/sp/iconNav12.png); }

#gNavSp li.icon13 a { background-image: url(../img/sp/iconNav13.png); }

#gNavSp li.icon14 a { background-image: url(../img/sp/iconNav14.png); }

#gNavSp li.icon15 a { background-image: url(../img/sp/iconNav15.png); }

#gNavSp li.icon16 a { background-image: url(../img/sp/iconNav16.png); }

#gNavSp li.icon17 a { background-image: url(../img/sp/iconNav17.png); }

#gNavSp .btnClose {
	text-align: center;
	padding: 10px 0;
}

#gNavSp .btnClose a {
	display: inline-block;
	border-radius: 20px;
	background-color: rgba(67,67,67,0.40);
	color: #fff;
	border: solid 1px #fff;
	padding: 7px 0;
	width: 32%;
	text-decoration: none;
}

.modLav a {
	font-size: 100%;
}
.modLavSwitch {
	padding: 8px;
}
.modLavSwitch a {
	color: #01000a;
	font-size: 16px;
}
.modLav ul {
	display: none;
}
.modLav ul li {
	display: block;
	text-align: left;
}
.modLav ul li a {
	color: #01000a!important;
	text-decoration: underline !important;
}

.modLav a:hover {
	font-weight: normal;
}

#main,
#side {
	float: none;
	width: 100%;
}

#side .sns {
	text-align: center;
	margin: 0 0 8px;
}

#side .sns li {
	margin: 0 5px;
	vertical-align: top;
	display: inline-block!important;
}

#footer .btnBack {
	display: block;
	text-align: center;
	margin: 0 8px 20px;
	padding: 8px 0;
	border-radius: 14px;
	-webkit-box-shadow: #666 0px 0px 5px;
	-moz-box-shadow: #666 0px 0px 5px;
	box-shadow: #666 0px 0px 5px;
	background: #FEFEFE;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FEFEFE), to(#F1F1F1));
	background: -webkit-linear-gradient(#FEFEFE, #F1F1F1);
	background: -moz-linear-gradient(#FEFEFE, #F1F1F1);
	background: -ms-linear-gradient(#FEFEFE, #F1F1F1);
	background: -o-linear-gradient(#FEFEFE, #F1F1F1);
	background: linear-gradient(#FEFEFE, #F1F1F1);
	text-decoration: none!important;
	color: #222224!important;
	text-shadow: 0px -1px 0px #999;
	font-weight: bold;
}

#footer .info {
	padding: 8px 0 0;
	margin-bottom: 8px;
}

#footer .info .address {
	text-align: center;
	font-size: 1.2rem;
	margin-bottom: 6px;
}

#footer .info .logo {
	display: block;
	font-size: 1.6rem;
	margin: 0;
}

#footer .info ul { padding: 0 8px; }

#footer .info li a { }

#footer .info li a img {
	width: auto;
	height: 24px;
}

#footer .change {
	padding: 8px;
	text-align: center;
	background-color: #EEEEEE;
}

#footer .change.active { display: block; }

#footer .change a {
	display: block;
	border-radius: 8px;
	padding: 5px 10px;
	border: solid 1px #005987;
	color: #005987;
	text-decoration: none;
	background: #EFF6FB;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#DFEEF7));
	background: -webkit-linear-gradient(#ffffff, #DFEEF7);
	background: -moz-linear-gradient(#ffffff, #DFEEF7);
	background: -ms-linear-gradient(#ffffff, #DFEEF7);
	background: -o-linear-gradient(#ffffff, #DFEEF7);
	background: linear-gradient(#ffffff, #DFEEF7);
}

#footer .change a span {
	background-image: url(../img/sp/iconPc.png);
	background-position: left center;
	background-repeat: no-repeat;
	padding: 5px 10px 5px 18px;
}

#footer .fNav { height: auto; }

#footer .fNav ul { padding: 8px 0 0; }

#footer .fNav li { padding: 0 5px; }

#footer .copyright {
	font-size: 11px;
	font-size: 1.1rem;
}

/* module
------------------------------------------------------------*/
/* wrapper インナー */
.modInner { padding: 0 8px; }
.boxRow{margin-right: 0;}
.box50per,.box80per,.box75per,.box70per,.box60per,.box40per,.box25per,.box33per,.box30per,.box20per{
	float: none;
	width: 100%;
	margin-right: 0;
}
.center_l,.center_r{text-align: center;}

/* リスト */
.modList01 { margin: 0 0 20px; }

.modList01.decimal,
.modList01.alpha { margin: 0 0 20px 1.8em; }

.modList01 li { margin: 0 0 5px; }

/* タイトル */
.modTitleCate { margin-bottom: 15px; }

.modTitlePage {
	margin-bottom: 12px;
	padding: 5px;
}

.modTitlePage .title {
	font-size: 2rem;
	line-height: 1.2;
}

.modTitlePage .sub {
	display: block;
	position: static;
	margin: 0 0 0;
	font-size: 1.1rem;
}

.modTitle01 {
	font-size: 2rem;
	margin-bottom: 20px;
}

.modTitle02 {
	font-size: 1.8rem;
	margin-bottom: 20px;
}

.modTitle03 { margin-bottom: 15px; }

.modTitleDepartment{
	font-size:26px;
	font-size:2.6rem;
	color:#297db6;
	margin-bottom:30px;
}
/* テキスト */
.modTxt01 { margin-bottom: 15px; }

/* ナビ */
.modLink01 { margin: 0 0 30px; }

.modLink01 li {
	float: none;
	width: 100%;
	margin: 0 0 5px;
}

.modLink01 li a {
	padding: 10px 26px 10px 8px;
	font-size: 1.4rem;
}

.modLink01 li a:before { right: 8px; }

.modLink02 { margin: 0 0 30px; }

.modLink02 li {
	float: none;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 100%;
	margin: 0 0 5px;
}

.modLink02 li a {
	padding: 0;
	width: 100%;
	font-size: 1.4rem;
}

.modLink02 li a:before { right: 8px; }

.modLink02 li strong{
	margin: 10px;
}
.modLink02 li p{
	margin: 10px;
}


/* テーブル */
.modTbl01 { margin-bottom: 25px; }

.modTbl01 th,
.modTbl01 td { padding: 3px; }

.w73per { width: 100%!important; }

/* 海外学習プログラム */
#map{
	height: 200px
}

/* キャンパスライフ */
.listCover {
	width: 100%;
    margin: 0 auto 40px;
	letter-spacing: -0.4em;
}
.listCover li {
	letter-spacing: normal;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-size: 14px;
    font-size: 1.4rem;
}
.listCover li>img {
    width: 100vw;
}
.expandField {
	height: auto!important;
}
.expandField .btnClose {
    bottom: 15px;
	margin: 0;
    right: 20px;
    width: 96px;
	height: 24px;
	background-size: ;
}
.expandField .selfRepInner .contents {
    padding: 10px 10px 50px;
}
	.expandField .selfRepInner .photoLast {
		position: absolute;
		bottom: 20px;
	    float: none;
	    width: 100%;
	    height: auto;
	    margin: 0;
	    display: none;
	}

ul.nav_department{
	margin: 0 0 30px 0;
}
	ul.nav_department li{
		width: 50%;
		margin-left: 0;
		text-align: center;
	}
	ul.nav_department li img{
		width: 100vw;
	}

		.nav_campus .thumb{
			display: inline;
			width: auto;
		}
		.nav_campus .title{
			display: inline;
			width: auto;
		}


/* オープンキャンパス */
.ocTitle{
	position: relative;
	margin: 30px 0 40px;
	padding: 12% 0 10px;
}
		.ocTitle.pink h4{
			position: absolute;
			top: -0.5em;
			left: 2.5%;
			width: 95%;
			text-align: center;
		}
		.ocTitle.blue h4{
			position: absolute;
			top: -0.3em;
			left: 2.5%;
			width: 95%;
			text-align: center;
		}
 a.ocBnr{
 	height: 72px;
	background: #fff url(/open_campus/img/bnr_detail.jpg) center center no-repeat;
}
	a.ocBnr .ocBnrTxt01{
		padding: 10px 0 0 10px;
		font-size: 17px;
		font-size: 1.7rem;
	}
	a.ocBnr .ocBnrTxt02{
		display: inline-block;
		*display: inline;
		*zoom: 1;
		padding: 5px 0 0 10px;
		font-size: 10px;
		font-size: 1.0rem;
		background-color: #fff;
	}



}