@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: 1100px;
	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: 27px;
}

.cont p:nth-child(1) {
	margin-bottom: 50px;
}

.cont ul {
	margin-bottom: 40px;
}

.cont li {
	width: 234px;
	float: left;
	margin-right: 20px;
	padding: 10px;
	position: relative;
	background: #CCEFFB;
}

.cont li:nth-child(4) {
	margin-right: 0;
}

.cont li h4 {
	font-size: 1.6em;
}

.cont li span {
	position: absolute;
    bottom: -19px;
    left: 2px;
    z-index: -10;
}

.cont li h4 {
    font-size: 1.6em;
    padding: 8px 0 4px;
}

#main .cont li p {
    font-size: 1.2em;
    line-height: 1.4;
    text-align: left;
	padding-bottom: 16px;
}

.en #main .cont li p {
    word-wrap: break-word;
}

#main .cont li .btn {
	width: 100%;
    background: #01AFEC;
    padding: 7px 0;
    font-size: 1.5em;
    color: #fff;
    position: relative;
}

#main .cont li .btn span {
	top: 13px;
    left: 204px;
    z-index: 300;
}

#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;
}

/* LP用css */

.lp footer {
	padding-bottom: 30px;
}

.lp .sp_lp {
	display: none;
}

.lp .cont li {
	min-height: 298px;
}

.lp #main .cont li .btn {
	width: 93%;
    background: #01AFEC url(/img/service/icon.png) no-repeat;
    background-position: 204px 13px;
    position: absolute;
    bottom: 10px;
}

@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 p:nth-child(1) {
		margin: 0 15px 38px;
	}
	
	.cont {
		 margin: 34px 5px 0;
	}
	
	.cont li {
		width: 43%;
		margin-right: 3px;
		margin-bottom: 26px;
	}
	
	.cont li:nth-child(2) {
		margin-right: 0;
	}
	
	.cont li h4 {
		font-size: 1.4em;
		padding: 6px 0 2px;
	}
	
	#main .cont li p {
    	font-size: 1.0em;
	}
	
	#main .cont li .btn {
		font-size: 1.1em;
		font-weight: bold;
	}
	
	#main .cont li .btn span {
		top: 11px;
		left: 85%;
	}
	
	.cont li span.shadow {
		left: 0;
    	width: 100.5%;
	}
	
	.cont ul {
		margin-bottom: 0;
	}
	
	#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;    
		margin-top: 44px;
	}
	
	.en #main #partner p {
		width: auto;
		line-height: 1.5;
	}
	
	.banner {
		margin: 58px 40px 20px;
	}
	
	/* LP用css */

	.lp footer .policy {
		float: none;
		display: inline-block;
		padding: 38px 0 55px;
	}
	
	.lp .sp_lp {
		display: inline-block;
	}
	
	.lp #main .cont li .btn {
    	width: 90%;
	}
	
	.lp .cont li {
		min-height: 288px;
	}
		
}

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