@charset "UTF-8";
div.main-img-wrap {
	width: 100%;
	height: auto;
	position: relative;
}
div.main-img-wrap img {
	width: 100%;
	height: auto;
}
	.main-img-wrap > h1 {
		text-align: center;
		color: #004F89;
		background: rgba(255,255,255,.9);
		position: absolute;
		top: 50%;
		left: 0;
		right: 0;
		margin: auto;
}

/* location */
div.location-wrap {}
.location-wrap h1 {
	text-align: center;
}
.location-wrap h1 strong {
	border-bottom: 3px solid #0075B6;
}

.location-wrap h2 {
	font-weight: normal;
	text-align: center;
}
.location-wrap h2 span {
	font-weight: bold;
}
.location-wrap h2 span strong {
	color: #0075B6;
}


ul.location-list {
	width: 100%;
	margin: auto;
}
.location-list li {
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
}
.location-list li:before {
	content: "";
	display: block;
	padding-top: 52.3%;
}
.location-list li:nth-child(1) {
	background-image: url(../img/about/about-img-01.jpg);
}
.location-list li:nth-child(2) {
	background-image: url(../img/about/about-img-02.jpg);
}
.location-list li:nth-child(3) {
	background-image: url(../img/about/about-img-03.jpg);
}
.location-list li:nth-child(4) {
	background-image: url(../img/about/about-img-04.jpg);
}
.location-list li p {
	text-shadow: 0 0 5px rgba(0,0,0,1);
	position: absolute;
	top: 50%;
	right: 0;
	bottom: 50%;
	left: 0;
	margin: auto;
	text-align: center;
	color: #ffffff;
}
.location-list li p span {
	display: block;
	font-weight: bold;
}

div.table-wrap {
	width: 100%;
	background: #EEEFEF;
}
.table-wrap div.table-img-wrap {
	position: relative;
	background-image: url(../img/about/about-img-05.jpg);
	background-size: cover;
	background-repeat: no-repeat;
}
.table-img-wrap:after {
	content: "";
	display: block;
	padding-top: 37.9%;
}
.table-wrap div.table {
	margin: auto;
}
.table-wrap table {
	width: 100%;
	background: #ffffff;
	border-top: 1px solid #DCDCDD;
	border-right: 1px solid #DCDCDD;
	border-left: 1px solid #DCDCDD;
}
.table-wrap table tr {
	border-bottom: 1px solid #DCDCDD;
}
.table-wrap table td:nth-child(3) {
	border-left: 1px solid #DCDCDD;
}
.table-wrap table td:nth-child(4) {
	border-left: 1px solid #DCDCDD;
}
.table-wrap table th {
	color: #0075B6;
	border-right: 1px solid #DCDCDD;
}
.table-wrap ul li:before {
	content: "▪ ";
	color: #0075b6;
}
.table-wrap ul li {
	line-height: 1.8;
}

.table-wrap dl dt {
	color: #0075b6;
	font-weight: bold;
}

.location-wrap .table-wrap img {
	width: 100%;
}
.location-wrap .table-wrap > p {
	text-align: center;
}


/* dormitory */
div.dormitory-wrap {}
.dormitory-wrap h1 {
	text-align: center;
	font-weight: normal;
}
.dormitory-wrap h1 strong {
	color: #0075B6;
	font-weight: bold;
}
.dormitory-list li {
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
}
.dormitory-list li:before {
	content: "";
	display: block;
	padding-top: 52.3%;
}
.dormitory-list li:nth-child(1) {
	background-image: url(../img/about/about-img-06.jpg);
}
.dormitory-list li:nth-child(2) {
	background-image: url(../img/about/about-img-07.jpg);
}
.dormitory-list li:nth-child(3) {
	background-image: url(../img/about/about-img-08.jpg);
}
.dormitory-list li:nth-child(4) {
	background-image: url(../img/about/about-img-09.jpg);
}
.dormitory-list li:nth-child(5) {
	background-image: url(../img/about/about-img-10.jpg);
}
.dormitory-list li p {
	margin: auto;
	text-align: center;
	position: absolute;
	width: 100%;
}
.dormitory-wrap .table-wrap > p {
	font-weight: bold;
	text-align: center;
	color: #0075B6;
}
.dormitory-wrap .table-wrap table tr,
.dormitory-wrap .table-wrap table td {
	text-align: center;
}
.dormitory-wrap .table-wrap > a.leo {
	display: block;
	margin-right: auto;
	margin-left: auto;
}
.dormitory-wrap .table-wrap > a.leo img {
	display: block;
	width: 100%;
	height: auto;
}




/**==============================================**/
/**==============================================**/
/*
/*
/*			SP
/*
/*
/**==============================================**/
/**==============================================**/
@media screen and (max-width:599px){

	body {}
	header {}

	div.main-img-wrap {
		position: relative;
		overflow: hidden;
	}
	.main-img-wrap > h1 {
		width: 70%;
		line-height: 2.4;
		margin-top: -1.2em;
		letter-spacing: .1em;
		text-indent: .1em;
	}


	.table-wrap {
		padding: 3% 0;
	}
	.table-wrap div.table-img-wrap {
		width: 100%;
		background-size: cover;
		background-position: 50% 100%;
	}
	.table-wrap div.table {
		max-width: 94%;
	}
	.table-wrap div.table div {
		width: 100%;
		box-sizing: border-box;
		margin-bottom: 3%;
	}
	.table-wrap table th {
		width: 22%;
		font-size: 1.5rem;
	}
	.table-wrap table td {
		width: 57%;
		font-size: 1.5rem;
		padding: 2.5% 3% 2.5% 3%;
	}
	.table-wrap ul li {
		font-size: 1.4rem;
		text-indent: -1.3em;
		margin-left: 1.3em;
	}


	/* sp location */
	div.location-wrap {
		padding-top: 3%;
	}
	.location-wrap h1,
	.location-wrap h2 {
		font-size: 1.7rem;
		margin: 0 auto 5%;
	}
	.location-wrap h1 strong {
		font-size: 2rem;
		padding: 0 1rem .5rem;
	}
	.location-wrap .img-wrap {
		width: 94%;
		margin: 0 auto 5%;
	}
	.location-wrap .img-wrap img.from {
		width: 50%;
		position: absolute;
		z-index: 1;
	}
	.location-wrap .img-wrap img.map {
		float: right;
		width: 90%;
		margin-right: 3%;
		position: relative;
		z-index: 2;
	}

	.location-list li {
		width: 100%;
		background-size: cover;
		background-position: 50% 100%;
	}
	.location-list li p {
		margin-top: -1.5em;
	}
	.location-wrap .table-wrap p {
		font-size: 1.6rem;
		margin: 2% 0;
	}
	.location-wrap .table-wrap ul {
		margin: 1.5em 0 0;
	}






	/* sp dormitory */
	div.dormitory-wrap {
		padding-top: 5%;
	}
	.dormitory-wrap h1 {
		font-size: 1.7rem;
		margin: 0 auto 5%;
	}
	.dormitory-wrap h1 strong {
		font-size: 2rem;
		font-weight: bold;
	}
	.dormitory-list li {
		width: 100%;
		background-size: cover;
		background-position: 50% 100%;
		margin-bottom: 4.5rem;
	}
	.dormitory-list li p {
		font-size: 1.6rem;
		line-height: 1.7;
		margin: .5rem auto 1.5rem;
	}

	.dormitory-wrap .table-wrap > p {
		font-size: 2rem;
		margin: 5% auto;
	}
	.dormitory-wrap .table-wrap table th {
		padding: 2%;
	}
	.dormitory-wrap .table-wrap table td {
		width: 29%;
	}
	.dormitory-wrap .table-wrap dl {
		margin-top: 2em;
	}
	.dormitory-wrap .table-wrap dl dt {
		font-size: 1.6rem;
		margin-bottom: 2%;
	}
	.dormitory-wrap .table-wrap > a.leo {
		margin: 10% auto 3%;
		max-width: 234px;
	}
















}







/*
@media screen and (min-width: 600px) and (max-width: 959px){}
@media screen and (min-width: 960px) and (max-width: 1280px){}
*/









/**==============================================**/
/**==============================================**/
/*
/*
/*			PC
/*
/*
/**==============================================**/
/**==============================================**/
@media print, screen and (min-width:600px){

	body {}
	
	div.content-wrap {
		padding: 0;
	}
	header {}



	div.main-img-wrap {
		overflow: hidden;
	}
	.main-img-wrap > h1 {
		width: 31.5%;
		line-height: 2.2;
		margin-top: -1.2em;
		letter-spacing: .2em;
		text-indent: .2em;
	}
	.main-img-wrap > p:after {
		content: "";
		display: block;
		padding-top: 32.1%;
	}


	.table-wrap {
		padding-bottom: 50px;
	}
	.table-wrap div.table {
		max-width: 1046px;
	}
	.table-wrap div.table div {
		width: 50%;
		max-width: 502px;
		box-sizing: border-box;
		float: left;
	}
	.table-wrap > div.cf div:last-child {
		float: right;
	}
	.table-wrap table th {
		width: 20%;
		font-size: 17px;
	}
	.table-wrap table td {
		width: 50%;
		font-size: 15px;
		padding: 2.5% 3% 2.5% 3%;
	}
	.table-wrap ul li {
		font-size: 15px;
	}

	.uaipad .location-list li,
	.uaipad .dormitory-list li,
	.uaipad .table-img-wrap,
	.uasp.uasp-l .location-list li,
	.uasp.uasp-l .dormitory-list li,
	.uasp.uasp-l .table-img-wrap {
		background-position: 50% 100%;
	}


	/* pc location */
	div.location-wrap {}
	.location-wrap h1 {
		font-size: 25px;
		margin-top: 70px;
		line-height: 2;
	}
	.location-wrap div.img-wrap {
		max-width: 1156px;
		margin: 0 auto 30px;
	}
	.location-wrap div.img-wrap img {}
	.location-wrap div.img-wrap img.from {
		float: left;
		padding: 5% 0 0 5%;
		max-width: 40%;
		box-sizing: border-box;
	}
	.location-wrap div.img-wrap img.map {
		float: right;
		max-width: 51%;
		box-sizing: border-box;
		padding: 0 5% 0 0;
		margin-top: -4%;
		margin-left: 9%;
	}
	.location-wrap h2 {
		font-size: 25px;
		margin-bottom: 40px;
	}
	.location-wrap h2 span {
		font-size: 38px;
	}
	.location-wrap h2 span strong {
	}
	.location-list li {
		width: 50%;
		float: left;
	}
	.location-list li p {
		margin-top: -1.5em;
	}

	.location-wrap .table-wrap > p {
		margin: 25px auto 40px;
		font-size: 21px;
	}
	.location-wrap .table-wrap ul {
		margin: 1em 0 0 .5em;
	}


	/* pc dormitory */
	div.dormitory-wrap {
		padding-top: 60px;
	}
	.dormitory-wrap h1 {
		font-size: 25px;
		line-height: 1.7;
		margin: 0 auto 35px;
	}
	.dormitory-wrap h1 strong {
		font-size: 38px;
	}
	.dormitory-list li {
		width: 50%;
		float: left;
		margin-bottom: 75px;
	}
	.dormitory-list li p {
		font-size: 21px;
		line-height: 1.7;
		margin: 10px auto 30px;
	}
	.dormitory-wrap .table-wrap {
		padding: 50px 0;
	}
	.dormitory-wrap .table-wrap > p {
		font-size: 38px;
		margin: 60px auto 20px;
	}
	.dormitory-wrap .table-wrap table th {
		padding: 2%;
	}
	.dormitory-wrap .table-wrap table td {
		width: 29%;
	}
	.dormitory-wrap .table-wrap dl {
		margin-top: 1.5em;
	}
	.dormitory-wrap .table-wrap dl dt {
		font-size: 19px;
		margin-bottom: 5px;
	}
	.dormitory-wrap .table-wrap > a.leo {
		margin: 3% auto 0;
		width: 234px;
		-webkit-transition-duration: .3s;
		-moz-transition-duration: .3s;
		-ms-transition-duration: .3s;
		-o-transition-duration: .3s;
		transition-duration: .3s;
	}
	.dormitory-wrap .table-wrap > a.leo:hover {
		opacity: .7;
	}




























}