@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;
}


/* ----- ----- 内容 ----- ----- */
.contents_wrap {
	background-image: url(/ec/images/feature/110E1N00000/bg.webp);
	background-size: contain;
	background-repeat: repeat-y;
	padding: 6.93vw 0;
	
}
@media screen and (min-width: 813px) {
	.contents_wrap {
		padding:  60px 0;
	}
}

.item_container {
	width: 89.33vw;
	height: auto;
	margin: 0 auto 8vw;
	background-color: #FFF;
	border-radius: 5.33vw;
	padding: 5.33vw 0;
}
@media screen and (min-width: 813px) {
	.item_container {
		width: 804px;
		margin: 0 auto 50px;
		border-radius: 20px;
		padding: 40px 0;
	}
}

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

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

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

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

.item_btn {
	width: 66.67vw;
	height: auto;
	margin: 0 auto;
}
@media screen and (min-width: 813px) {
	.item_btn {
		width: 600px;
	}
}


/*余白メモ*/
/*
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;
  }
}