/* layout.cssハック */
#header{
	margin:0 auto !important;
	}
/* --------------------- */
/* 共通 */
a.btn-style{
	display:block;
	padding:10px 40px 10px 20px;
	text-decoration:none;
	position:relative;
	border:1px solid #000;
	color: #000 !important;
	min-width:200px;
}
a.btn-style::before{
	position: absolute;
	content: "";
	vertical-align: middle;
	right: 10px;
	width: 13px;
	top:35%;
	height: 13px;
	border-top: 2px solid #000;
	border-right: 2px solid #000;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
a.btn-style:hover{
	background-color: #eee;
}
.btn-block::after{
	content: "";
	display: block;
	clear:both;
	visibility:hidden;
	height:0;
}
.btn-block a{
	float: right !important;
	font-size:16px;
}
.block-title{
	font-size:2.8rem;
	padding-bottom:5px;
}
/* --------------------- */
/* キービジュ */
.keyV-block{
	background:#e03f70;/* キーカラー */
	margin-bottom:30px;
}
.keyV-block img{
	width: 100%;
	height: auto;
	max-width: 960px;
}
.keyV-deta{
	color:#fff;
	padding:10px 0;
	text-align:center;
	font-weight:bold;
	background-color: rgba(255,255,255,0.3);
	font-size:18px;
}


.keyV-cpncat{
	font-size: 1.6rem;
	text-align:center;
	padding:15px 0 0 0;
	color:#036ace;
	position:absolute;
	right:0;
	top:0;
}
/* --------------------- */
/* キャンペーン内容 */
.cpn-block::after{
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.cpn-block{
	margin-bottom:50px;
}
.cpn-block li{
	float: left;
	border: 1px solid #e03f70;/* キーカラー */
	width:47%;
	margin-left:2%;
	position:relative;
}
ul.cpn-block li:first-child::after{
	content:"1";
}
ul.cpn-block li:last-child::after{
	content:"2";
}
ul.cpn-block li::after{
	display:block;
	background:#e03f70;/* キーカラー */
	padding-top:10px;
	height:40px;
	width:50px;
	font-size:3.8rem;
	line-height:1em;
	font-weight:bold;
	text-align:center;
	border-radius:50%;
	color:#fff;
	position:absolute;
	left:-10px;
	top:-10px;
}
ul.cpn-block h3{
	padding:20px 20px 10px;
	font-size:2.8rem;
}
.cpn-block h3{
	padding:0 0 20px;
	text-align: center;
	font-size:2.8rem;
}
.cpn-block h3 strong{
	color:#f00;
}
.cpn-submitBtn{
	padding:1%;
}
.cpn-submitBtn a{
	text-decoration:none;
	display:block;
	font-size:2.0rem;
	text-align:center;
	margin:0 auto;
	color:#fff;
	background:#e03f70;/* キーカラー */
	padding:10px 0;
	position:relative;
}
.cpn-submitBtn a:hover{
	opacity:0.8;
}
.cpn-submitBtn a::after{
	position: absolute;
	content: "";
	vertical-align: middle;
	right: 10px;
	width: 13px;
	top:38%;
	height: 13px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.cpn-submitBtn a strong{
	color: #ff0;
}
/* --------------------- */
/* サービス詳細 */
.about-block{
	margin-bottom:30px;
	border-top: 2px dotted #ccc;
	padding-top:30px; 
}
.about-text{
	font-size:1.6rem;
	margin-bottom: 10px;
}
.about-img{
	text-align: center;
	margin:0px auto;
	width: 100%;
	padding: 10px 0 20px;
}
/* --------------------- */
/* レスポンシブ */
.l-wrapper{
	position:relative;
	max-width: 960px !important;
}
@media screen and (max-width: 768px){
	.cpn-block,
	.about-block{
		width: 96%;
		margin: 0 2% 20px;
	}
	.about-img img{
		width: 100%;
		height: auto;
	}
}
@media screen and (max-width: 580px){
	#header img{
		width: 160px;
	}
	img{
		width: 100%;
		height: auto;
	}
	.keyV-cpncat{
		position: relative;
		padding: 0 0 5px;
		font-size: 1.4rem;
	}
	.cpn-block li{
		float: none;
		width:100%;
		margin-left:0;
		margin-bottom:10px;
		position:relative;
	}
	.block-title,
	.cpn-block h3{
		font-size: 2.0rem;
		font-weight: bold;
	}
	.cpn-submitBtn a{
		font-size: 1.6rem;
	}
	.cpn-block{
		width:90%;
		margin:0 5%;
	}
	ul.cpn-block h3{
		padding:20px 20px 10px;
		font-size:1.6rem;
	}
}