@charset "utf-8";

/*------------------------------*/
/* STYLE */
/*------------------------------*/

#gHeader {
	background: url(../img/common/h_shadow.png) bottom left repeat-x;
}

p {
	font-family: "游ゴシック体","Yu Gothic",YuGothic,"Hiragino Kaku Gothic Pro","メイリオ",sans-serif;
}

#main {
	width: 1000px;
	margin: 0 auto;
}

#main h2 {
	font-size: 3.8em;
	font-weight: lighter;
	margin-top: 134px;
	color: #00AEEB;
}

#main h2 p {
	font-size: 0.4em;
    letter-spacing: 0.8px;
    margin: -11px 0 0 -3px;
}

.cont {
	margin-top: 80px;
}

.cont .photo,
.cont .text {
	float: left;
}

.cont .photo {
	padding-right: 52px;
}

.cont .text {
	width: 580px;
}

.cont .text dl {
	border-bottom: 1px solid #B2E7F9;
	text-align: left;
	padding: 15px 0 12px;
}

.cont .text dt {
	float: left;
	padding-left: 7px;
	width: 165px;
	color: #00AEEB;
	font-size: 1.6em;
	font-weight: bold;
}

.cont .text dd {
	float: left;
	width: 408px;
	font-size: 1.4em;
}

.map .text {
	height: 220px;
	background: #01AFEC;
	margin-top: 115px;
	text-align: left;
}

.map .text .inner {
	width: 1000px;
	margin: 0 auto;
	color: #fff;
}

.map .text .inner .ttl {
	float: left;
}

.map .text .inner .ttl h3 {
	font-size: 4.5em;
	font-weight: lighter;
	margin: 46px 90px 0 0;
}

.map .text .inner .ttl p {
	font-size: 1.5em;
	margin-top: -13px;
}

.map .text .inner .adress {
	float: left;
	margin-top: 64px;
}

.en .map .text .inner .adress {
    margin-top: 10px;
}

.map .text .inner .adress p {
	line-height: 1.7 !important;
}

#main #partner {
	height: 500px;
	background: #EAEAE8 url(../img/index/img05.jpg) top right no-repeat;
}

#main #partner .inner {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
}

#main #partner h2 {
	font-size: 4.2em;
	padding: 79px 0 42px;
}

#main #partner p {
	line-height: 2.0;
}

.en #main #partner p {
    width: 460px;
}

#main #partner .inner p:nth-child(2) {
	padding-bottom: 23px;
}

#main #partner .btn {
	padding-top: 22px;
	color: #01AFEC;
	font-size: 1.6em;
	border-bottom: 3px solid #01AFEC;
	letter-spacing: 0.8px;
    font-weight: bold;
	display: inline-block;
}

.banner {
	margin: 80px 0;
}

@media all and (min-width: 0) and (max-width: 767px) {
	
	#gHeader {
		width: 100%;
    	margin: 0 auto;
    	height: 40px;
    	padding-top: 27px;
	}
	
	#gHeader h1 {
		top: 19px;
	}
	
	#cont {
		width: auto;
		margin: 0 16px;
	}
	
	#main {
		width: auto;
	}
	
	#main h2 {
		font-size: 3.0em;
		margin-top: 94px;
	}
	
	#main h2 p {
		margin: -8px 0 0 0;
    	text-align: center;
	}
	
	#main p {
		font-size: 1.2em;
		line-height: 1.6;
		text-align: left;
	}
	
	.cont {
		margin-top: 34px;
	}
	
	.cont .photo {
		padding-right: 0;
		margin: 0 40px;
	}
	
	.cont .text {
		width: 90%;
    	margin: 20px 20px 0;
	}
	
	.cont .text dl {
		width: 100%;
    	margin: 0 auto;
	}
	
	.cont .text dt {
		width: auto;
		float: none;
		padding-left: 0;
		font-size: 1.3em;
	}
	
	.cont .text dd {
		width: auto;
		float: none;
		font-size: 1.2em;
	}
	
	.map .text {
		height: auto;
		margin-top: 73px;
		padding-bottom: 42px;
	}
	
	.map .text .inner {
		width: auto;
		margin: 0 20px;
	}
	
	.map .text .inner .ttl {
		float: none;
	}
	
	.map .text .inner .adress {
		float: none;
		margin-top: 19px;
	}
	
	.map .text .inner .ttl h3 {
    	font-size: 2.9em;
		margin: 0;
    	padding-top: 33px;
	}
	
	.map .text .inner .ttl p {
		margin-top: -8px;
	}
	
	.map .text .inner .adress p {
		font-size: 1.1em !important;
	}
	
	#main #partner {
		height: auto;
    	background: #EAEAE8 url(../img/index/img05_sp.jpg) bottom right no-repeat;
		background-size: 100%;
	}
	
	#main #partner .inner {
		width: auto;
		margin: 0 20px 167px;
	}
	
	#main #partner h2 {
		font-size: 3.2em;
		padding: 42px 0 24px;
	}
	
	.en #main #partner p {
		width: auto;
		line-height: 1.5;
	}
	
	.banner {
		margin: 58px 40px 20px;
	}	
		
}

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