@charset "UTF-8";
.if-category {
  background-color: #ffffff;
}

.if-category_container {
  width: 100%;
  max-width: 900px;
  background-color: #fff;
}

.if-category_inner {
  width: 100%;
}

.if-category_mv {
  width: 100%;
  margin-bottom: 2.5%;
}

.if-category_mv img {
  width: 100%;
}

@media (any-hover: hover) {
  a:hover {
    opacity: 0.7;
  }
}

img {
  max-width: 100%;
}

.if-category_mv {
  margin-bottom: 0;
}


/* ----- ----- キャンペーン ----- ----- */
.campaign_wrap {
	background-color: #ffffaa;
	padding: 6.93vw 0;
	
}
@media screen and (min-width: 813px) {
	.campaign_wrap {
		padding:  60px 0;
	}
}

.lead {
	font-size: 3.47vw;
	text-align: center;
	font-weight: bold;
	margin-bottom: 6.93vw;
}
@media screen and (min-width: 813px) {
	.lead {
		font-size: 32px;
		margin-bottom: 60px;
	}
}

.sp_list {
	width: 89.33vw;
	height: auto;
	margin: 2.13vw auto 0;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
@media screen and (min-width: 813px) {
	.sp_list {
		width: 804px;
		margin: 20px auto 0;
	}
}
.sp_list li {
	width: 43.2vw;
	height: auto;
	margin-bottom: 2.93vw;
}
@media screen and (min-width: 813px) {
	.sp_list li {
		width: 390px;
		margin-bottom: 24px;
	}
}

.sp_list li:nth-child(even) {
	margin-left: 2.93vw;
}
@media screen and (min-width: 813px) {
	.sp_list li:nth-child(even) {
		margin-left: 24px;
	}
}

.sp_container {
	width: 89.33vw;
	height: auto;
	margin: 0 auto 6.93vw;
	background-color: #FFF;
	border: 1.07vw solid #00aa46;
	border-radius: 5.33vw;
	padding: 3.47vw 0;
}
@media screen and (min-width: 813px) {
	.sp_container {
		width: 804px;
		margin: 0 auto 60px;
		border: 4px solid #00aa46;
		border-radius: 20px;
		padding: 30px 0;
	}
}

.sp_ttl {
	margin-bottom:3.47vw;
}
@media screen and (min-width: 813px) {
	.sp_ttl {
		margin-bottom:30px;
	}
}

.sp_wrap {
	width: 80vw;
	height: auto;
	margin: 0 auto;
}
@media screen and (min-width: 813px) {
	.sp_wrap {
		width: 720px;
	}
}

.sp_txt {
	margin-bottom: 4.27vw;
}
@media screen and (min-width: 813px) {
	.sp_txt {
		margin-bottom: 40px;
	}
}

.corner_list {
	list-style: none;
	margin-bottom: 6.93vw;
}
@media screen and (min-width: 813px) {
	.corner_list {
		margin-bottom: 60px;
	}
}

.corner_list li {
	margin-bottom: 5.33vw;
}
@media screen and (min-width: 813px) {
	.corner_list li {
		margin-bottom: 50px;
	}
}

.corner_list li:last-child {
	margin-bottom: 0;
}

.howto_step {
	list-style: none;
	margin-bottom: 6.93vw;
	text-align: center;
}
@media screen and (min-width: 813px) {
	.howto_step {
		margin-bottom: 60px;
	}
}
.howto_step li img {
	width: 100%;
	height: auto;
	margin: 0.53vw 0;
}
@media screen and (min-width: 813px) {
	.howto_step li img {
		margin: 15px 0;
	}
}

.howto_step li::after {
	content: url(/ec/images/feature/11090900000/arrow_sp.webp);
}
@media screen and (min-width: 813px) {
	.howto_step li::after {
		content: url(/ec/images/feature/11090900000/arrow.webp);
	}
}
.howto_step li:last-child::after {
	content: none;
}


.txt_ttl {
	margin-bottom: 2.13vw;
}
@media screen and (min-width: 813px) {
	.txt_ttl {
		margin-bottom: 20px;
	}
}

.txt_list {
	list-style: none;
	font-size: 2.67vw;
	line-height: 1.5em;
}
@media screen and (min-width: 813px) {
	.txt_list {
		font-size: 20px;
	}
}

.txt_list li {
	margin-bottom: 1.87vw;
}
@media screen and (min-width: 813px) {
	.txt_list li {
		margin-bottom: 15px;
	}
}

.txt_red {
	color: #fa0000;
}

.detail_list {
	border-top: dotted 1.07vw #00aa46;
	margin-bottom: 4.27vw;
}
@media screen and (min-width: 813px) {
	.detail_list {
		border-top: dotted 5px #00aa46;
		margin-bottom: 40px;
	}
}

.detail_list li {
	padding: 2.13vw 0;
	border-bottom: dotted 1.07vw #00aa46;
}
@media screen and (min-width: 813px) {
	.detail_list li {
		padding: 20px 0;
		border-bottom: dotted 5px #00aa46;
	}
}

.caution_wrap {
	width: 89.33vw;
	height: auto;
	margin: 6.93vw auto;
}
@media screen and (min-width: 813px) {
	.caution_wrap {
		width: 804px;
		margin: 60px auto;
	}
}

.caution_ttl {
	width: 100%;
	height: 5.33vw;
	background-color: #006446;
	border-radius: 2.67vw;
	font-size: 3.2vw;
	line-height: 5.33vw;
	font-weight: bold;
	margin-bottom: 2.13vw;
	text-align: center;
	color: #FFF;
}
@media screen and (min-width: 813px) {
	.caution_ttl {
		font-size: 28px;
		line-height: 48px;
		height: 48px;
		border-radius: 24px;
		margin-bottom: 20px;
	}
}


/* ----- ----- フッター ----- ----- */
.footer_ttl {
	
}

.footer_corner_list {
	width: 80vw;
	height: auto;
	margin: 0 auto 6.93vw;
	list-style: none;
}
@media screen and (min-width: 813px) {
	.footer_corner_list {
		width: 720px;
		margin: 0 auto 60px;
	}
}

.footer_corner_list li {
	margin-bottom: 5.33vw;
}
@media screen and (min-width: 813px) {
	.footer_corner_list li {
		margin-bottom: 50px;
	}
}

.footer_corner_listt li:last-child {
	margin-bottom: 0;
}





/*余白メモ*/
/*
60px: 6.93vw
50px: 5.33vw
40px: 4.27vw
30px: 3.47vw
20px: 2.13vw
15px: 1.87vw
*/




@media screen and (min-width: 813px) {
  .sp {
    display: none;
  }
}

@media screen and (max-width: 812px) {
  .pc {
    display: none;
  }
}