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


h3{
	font-size:22px;
}

/* Title*/
.titleWrap{
	padding:40px 0;
	background: #eae5e1;
	text-align: center;
}
.titleWrap span{
	font-size: 12px;
	margin-top:5px;
	color:#99586C;	
	display: block;
}

#advantage.wrap {
	margin:110px auto 120px;
}
#advantage h2 {
	font-size: 42px;
	color:#7C2F41;
	text-align: center;
}
#advantage h2 span{
	margin-bottom:5px;
	font-size: 20px;
	display: block;
	color:#1C181A;
}
#advantage .wrapper{
	margin-top:60px;
}
#advantage .wrapper p{
	font-size: 20px;
	letter-spacing: 2px;
	line-height: 1.6;
	text-align: center;
}
#advantage .wrapper .img{
	text-align: center;
}
#advantage .wrapper .img img{
	max-width: 100%;
	width:auto;
}

#advantage .wrapper.intro {
	text-align: center;
	line-height: 1.8;
}
#advantage .wrapper .btn a{
	width:300px;
	margin:40px auto 0;
	padding: 20px 0;
	font-size: 20px;
	text-align: center;
	background: #99586C;
	color:#fff;
	line-height: 1.0;
}

/**************************
SP
**************************/
@media screen and (max-width:640px){
	
	/* Advantage */
	#advantage h2 {
		font-size: 200%;
	}
	#advantage.wrap {
		width:90%;
		margin:15% auto 20%;
	}
	#advantage .wrapper{
		margin-top:5%;
	}
	#advantage .L h3{
		text-align: center;
	}
	#advantage .L h3 span{
		display: block;
	}
	#advantage .L h2{
		font-size: 240%;
		margin-top:10%;
	}
	#advantage .L p{
		margin-top:5%;
	}
	#advantage .L .btn a{
		width:80%;
		margin:10% auto 0;
		padding: 5% 0;
		font-size: 140%;
	}
	#advantage .R{
		margin-top:5%;
	}
	#advantage .R .img{
		width:80%;
		height:288px;
	}

	#advantage .R .img .catch{
		top:-40px;
		left:-6px;
		font-size: 80px;
	}
	#advantage .R .img .inner_img{
		bottom:-30px;
		left:15%;
	}
	#advantage .wrapper .btn a{
		width:80%;
		margin:10% auto 0;
		padding: 5% 0;
		font-size: 120%;
	}
	#advantage .wrapper.intro {
		text-align: left;
	}
}