@charset "UTF-8";
.campaign {
}
.campaign section {
	background-color: #eee8e0;
	padding: 9rem 2rem 19rem;
}
.campaign h3 {
	font-size: 2.6rem;
	text-align: center;
	color: #565656;
	font-weight: bold;
	margin-bottom: 7rem;
}
.campaign ul {
	max-width: 1010px;
	width: 100%;
	margin: 0 auto;
}
.campaign ul li {
	background-color: #fff;
	margin-top: 4rem;
}
.campaign ul li h4 {
	text-align: center;
	background-color: #d63d6b;
	text-align: center;
	font-weight: bold;
	font-size: 3.2rem;
	color: #fff;
	padding: 2rem;
}
.campaign ul li h4 span {
	padding: 0 10rem;
	position: relative;
}
.campaign ul li h4 span:before {
	content: "";
	width: 6.5rem;
	height: 100%;
	background: url(../campaign/img/title_bg.png) no-repeat left center;
	position: absolute;
	top: 0;
	left: 0;
}
.campaign ul li h4 span:after {
	content: "";
	width: 6.5rem;
	height: 100%;
	background: url(../campaign/img/title_bg.png) no-repeat right center;
	position: absolute;
	top: 0;
	right: 0;
	transform: scale(-1, 1);
	filter: FlipH;
	-ms-filter: "FlipH";
}
.campaign .inner {
	padding: 3rem 5rem 3.5rem 32%;
	position: relative;
}
.campaign .inner h5 {
	font-size: 2.5rem;
	padding-bottom: 2.5rem;
	border-bottom: solid 1px #666666;
	margin-bottom: 2rem;
}
.campaign .inner h5 span {
	font-weight: bold;
	color: #d63d6b;
}
.campaign .inner .icn {
	position: absolute;
	left: 2.5rem;
	bottom: 3rem;
	width: 19%;
}
.campaign ul li:nth-of-type(1) .inner {
	background: url(../campaign/img/list_01_bg.png) no-repeat left bottom;
	background-size: auto 100%;
}
.campaign ul li:nth-of-type(2) .inner {
	background: url(../campaign/img/list_02_bg.png) no-repeat left bottom;
	background-size: auto 100%;
}
.campaign ul li:nth-of-type(3) .inner {
	background: url(../campaign/img/list_03_bg.png) no-repeat left bottom;
	background-size: auto 100%;
}
.campaign ul li:nth-of-type(4) .inner {
	background: url(../campaign/img/list_04_bg.png) no-repeat left bottom;
	background-size: auto 100%;
}

@media screen and (min-width:766px) and (max-width:991px) { /* tablet */
}

@media screen and (max-width:767px) { /* SP */
.campaign section {
	padding: 4rem 1.5rem;
}
.campaign h3 {
	font-size: 2rem;
	margin-bottom: 4rem;
}
.campaign ul li {
	margin-top: 0;
	margin-bottom: 3rem;
}
.campaign ul li h4 {
	font-size: 1.6rem;
	padding: 1.2rem 1rem 1.2rem 7rem;
	text-align: left;
}
.campaign ul li h4 span {
	padding: 0;
}
.campaign ul li h4 span:before, .campaign ul li h4 span:after {
	display: none;
}
.campaign .inner {
	padding: 2rem 1.5rem;
	box-sizing: border-box;
	background: none!important;
}
.campaign .inner h5 {
	font-size: 1.4rem;
	padding-bottom: 1rem;
	margin-bottom: 1.5rem;
}
.campaign .inner .icn {
	width: 7rem;
	left: -1rem;
	bottom: inherit;
	top: -6rem;
}
}