@charset "UTF-8";
#coupon01 {
	margin-bottom: 60px;
}
#coupon01 p {
	margin-top: 20px;
	text-align: center;;
	font-size:120%;
}
.attention {
	font-size: 90%;
	color: #666;
}
#coupon02 {
	margin-bottom: 35px;
}
#coupon02, #coupon03 {
	margin: 0 10% 60px 10%;
}
#coupon02 h3, #coupon03 h3 {
	font-size: 36px;
	font-weight: bold;
	color: #007aec;
	padding: 20px 0 25px 0;
	border: solid #007aec;
	border-width: 2px 0;
	margin-bottom: 35px;
	text-align: center;
}
#coupon02 li {
	border: solid 10px #fff799;
	margin-bottom: 25px;
}
#coupon02 li:nth-child(1) {
	background: url(../../img/coupon/icon01.png) no-repeat 45px 50%;
}
#coupon02 li:nth-child(2) {
		background: url(../../img/coupon/icon02.png) no-repeat 40px 50%;
}
#coupon02 li:nth-child(3) {
	background: url(../../img/coupon/icon03.png) no-repeat 40px 50%;
}
#coupon02 li span {
	display: block;
	padding: 45px 15px 0 15px;
	margin-left: 230px;
	min-height: 75px;
	font-weight: 800;
}
#coupon02 li span a {
		color: #007aec;
		padding-left: 20px;
		background: url(../../img/coupon/arrow.png) no-repeat 0 50%;
}
#coupon02 li:nth-child(1) span {
	background: #fff799 url(../../img/coupon/step01.png) no-repeat 15px 0;
}
#coupon02 li:nth-child(2) span {
	background: #fff799 url(../../img/coupon/step02.png) no-repeat 15px 0;
}
#coupon02 li:nth-child(3) span {
	background: #fff799 url(../../img/coupon/step03.png) no-repeat 15px 0;
}
#coupon03 li {
	border-bottom: dashed 1px #a7d3fc;
	padding: 20px;
}

@media screen and (max-width: 899px) {
#second #side {
	margin: 40px 0 0 0;
}
}
@media (max-width: 768px) {
#page_ttl_bg {
	margin-bottom: 20px;
}
#coupon02, #coupon03 {
	margin: 0 0 60px 0;
}
@media (max-width: 640px) {
.pc { display: none !important; }
.sp { display: block !important; }
#coupon02 h3, #coupon03 h3 {
	font-size: 24px;
	}
#coupon01 p {
	text-align:left;
}
#coupon02 li:nth-child(1) {
	background: url(../../img/coupon/icon01.png) no-repeat 10px 50%;
	background-size: 20%;
}
#coupon02 li:nth-child(2) {
		background: url(../../img/coupon/icon02.png) no-repeat 5px 50%;
		background-size: 20%;
}
#coupon02 li:nth-child(3) {
	background: url(../../img/coupon/icon03.png) no-repeat 5px 50%;
	background-size: 20%;
}
#coupon02 li span {
	padding: 45px 15px 15px 30px;
	margin-left: 90px;
	min-height: 60px;
}
}

@media (max-width: 400px) {
.group {
	padding: 2%;
}
.group h1 {
	margin-bottom: 10px;
	padding-bottom: 0;
}
}