@charset "UTF-8";
/* CSS Document */


/****************************************************************************************************
main-img
****************************************************************************************************/
#main-img {
	position:relative;
}
#main-img figure {
}
#main-img figure img {
	width:100%;
	height:auto;
}
#main-copy {
	position:absolute;
}
#main-copy {
	position:absolute;
	text-align:left;
	left:10.6vw;
	top:46.0%;
	-webkit-transform:translate(0, -50%);
	-ms-transform:translate(0, -50%);
	transform:translate(0, -50%);
}
#main-copy h1 {
	font-size:2.2vw;
	letter-spacing:1.12vw;
	line-height:2.0;
}
#main-copy span {
	display:block;
	margin-top:2.0vw;
	margin-left:0.1vw;
	font-size:1.32vw;
	letter-spacing:0.15vw;
}


/****************************************************************************************************
sec-block
****************************************************************************************************/
.sec-block {
	margin-top:150px;
}
.sec-ttl {
}
.sec-ttl h2 {
	font-size:36px;
	line-height:1.0;
	letter-spacing:2px;
}
.sec-ttl + .sec-cont {
	margin-top:60px;
}
#greeting  .sec-ttl + .sec-cont,
#access  .sec-ttl + .sec-cont {
	margin-top:46px;
}

#message {
	font-size:24px;
	line-height:2.4;
}
#message dl {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
	margin-top:26px;
	
}
#message dl dt {
	font-size:24px;
	line-height:1.6;
}
#message dl dd {
	margin-left:1.2em;
	font-size:30px;
	line-height:1.6;
}

#btn-block {
	width:1076px;
	margin:0 auto;
}
#btn-block ul {
}
#btn-block ul li {
	float:left;
	width:325px;
	height:226px;
}
#btn-block ul li + li {
	margin-left:50px;
}
#btn-block ul li:nth-of-type(3n+1) {
	margin-left:0;
}
#btn-block ul li:nth-of-type(n+4) {
	margin-top:50px;
}
#btn-block ul li a {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
	width:100%;
	height:100%;
	background:#7FCBF9;
	color:#FFF;
	font-size:26px;
	font-weight:bolder;
	padding-top:4px;
}
#btn-block ul li#outline a {
	background:#7FCBF9 URL(../img/top/office-bg2.jpg) no-repeat center center;
}
#btn-block ul li#staff a {
	background:#7FCBF9 URL(../img/top/office-bg4.jpg) no-repeat center center;
}
#btn-block ul li#recruitment a {
	background:#7FCBF9 URL(../img/top/office-bg6.jpg) no-repeat center center;
}
#btn-block ul li a span:after {
	content:'';
	display:block;
	margin:0 auto;
	margin-top:10px;
	width:30px;
	height:30px;
	border:2px solid;
	border-color:transparent transparent #FFF #FFF;
	-webkit-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg);
	-webkit-transform-origin:50% 50%;
	-ms-transform-origin:50% 50%;
	transform-origin:50% 50%;
}


#information-inner {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	width:1076px;
	margin:0 auto;
}
#information-inner #news {
	float:left;
	width:556px;
	padding-right:30px;
	text-align:left;
}
#information-inner #news dl {
	padding:1em 0 1em 0;
	border-top:1px solid #000;
	font-size:20px;
	line-height:1.8;
}
#information-inner #news dl:nth-last-of-type(1) {
	border-bottom:1px solid #000;
}
#information-inner #news dl dt {
	float:left;
}
#information-inner #news dl dd {
	padding-left:6em;
}
#information-inner #book {
	width:520px;
	padding:30px 46px;
	background:#F0FCFF;
}
#information-inner #book h2 {
	font-size:26px;
}
#information-inner #book dl {
	margin-top:20px;
	text-align:left;
}
#information-inner #book dt {
	float:left;
}
#information-inner #book dd {
	padding-left:220px;
	font-size:18px;
	line-height:1.7;
}



#access h3 {
	color:#585656;
	font-size:24px;
	line-height:1.6;
}
#access ul {
	margin-top:10px;
	color:#585656;
	font-size:18px;
	line-height:1.6;
}
#access ul li {
	display:inline-block;
}
#access ul li + li {
	margin-left:1em;
}
#access-inner {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	width:1076px;
	margin:0 auto;
	margin-top:30px;
	text-align:left;
}
#access-inner #gmap {
	width:728px;
	padding-right:30px;
	font-size:16px;
	line-height:1.6;
	color:#585656;
	
}
#access-inner #gmap iframe {
	margin-bottom:3px;
	border:1px solid #DDD;
}
#access-inner #map {
	width:346px;
}



@media screen and (max-width: 896px) {
	
	
	
	/****************************************************************************************************
	main-img
	****************************************************************************************************/
	#main-img figure {
		overflow:hidden;
	}
	#main-img figure img {
		width:120%;
		margin-left:-10%;
	}
	#main-copy {
		position:absolute;
		text-align:left;
		left:8vw;
		top:45.0%;
		-webkit-transform:translate(0, -50%);
		-ms-transform:translate(0, -50%);
		transform:translate(0, -50%);
	}
	#main-copy h1 {
		font-size:4.533vw;
		letter-spacing:0;
		line-height:1.6;
	}
	#main-copy span {
		margin-top:3.2vw;
		margin-left:0;
		font-size:3.200vw;
		letter-spacing:0;
	}
	
	
	/****************************************************************************************************
	sec-block
	****************************************************************************************************/
	#content {
		padding:0 5vw;
	}
	.sec-block {
		margin-top:12vw;
	}
	.sec-ttl {
	}
	.sec-ttl h2 {
		font-size:5.866vw;
		line-height:1.0;
		letter-spacing:2px;
	}
	.sec-ttl + .sec-cont {
		margin-top:5vw;
	}
	#greeting  .sec-ttl + .sec-cont,
	#access  .sec-ttl + .sec-cont {
		margin-top:4vw;
	}
	
	#message {
		font-size:3.733vw;
		line-height:2.0;
	}
	#message dl {
		margin-top:3vw;
		
	}
	#message dl dt {
		font-size:3.200vw;
		line-height:1.6;
	}
	#message dl dd {
		margin-left:1.2em;
		font-size:4.000vw;
		line-height:1.6;
	}
	
	#btn-block {
		width:100%;
	}
	#btn-block ul {
	}
	#btn-block ul li {
		float:left;
		width:33%;
		height:30vw;
	}
	#btn-block ul li + li {
		margin-left:0;
	}
	#btn-block ul li:nth-of-type(n+4) {
		margin-top:0;
	}
	#btn-block ul li a {
		font-size:4.266vw;
		padding-top:2vw;
	}
	#btn-block ul li#outline a {
		background-size:cover;
	}
	#btn-block ul li#staff a {
		background-size:cover;
	}
	#btn-block ul li#recruitment a {
		background-size:cover;
	}
	#btn-block ul li a span:after {
		margin-top:2vw;
		width:4vw;
		height:4vw;
	}


	#information-inner {
		display:block;
		width:100%;
	}
	#information-inner #news {
		float:none;
		width:100%;
		padding-right:0;
	}
	#information-inner #news dl {
		font-size:3.466vw;
		line-height:1.6;
	}
	#information-inner #news dl:nth-last-of-type(1) {
		border-bottom:1px solid #000;
	}
	#information-inner #news dl dt {
		float:none;
	}
	#information-inner #news dl dd {
		padding-left:0;
	}
	#information-inner #book {
		width:100%;
		margin-top:5vw;
		padding:6vw 5vw;
	}
	#information-inner #book h2 {
		font-size:5.333vw;
	}
	#information-inner #book dl {
		margin-top:5vw;
		text-align:left;
	}
	#information-inner #book dt {
		float:left;
		width:48%;
	}
	#information-inner #book dd {
		padding-left:54%;
		font-size:3.466vw;
		line-height:1.6;
	}



	#access h3 {
		font-size:6.4vw;
	}
	#access ul {
		margin-top:3vw;
		font-size:3.733vw;
		line-height:1.6;
	}
	#access ul li {
		display:inline-block;
		margin-left:0.5em;
	}
	#access ul li + li {
		margin-left:0.5em;
	}
	#access-inner {
		display:block;
		width:100%;
		margin:0 auto;
		margin-top:5vw;
		text-align:left;
	}
	#access-inner #gmap {
		width:100%;
		padding-right:0;
		font-size:3.466vw;
		
	}
	#access-inner #gmap iframe {
		width:100%;
		height:150vw;
	}
	#access-inner #map {
		width:100%;
		margin-top:5vw;
	}
}