@charset "UTF-8";

/* --------------------------------------------------------------------------------------
	キービジュアル
--------------------------------------------------------------------------------------- */

.key-image h1 {
	left: 271px;
	position: absolute;
	top: 30px;
}

.key-image .head {
	margin-left: 140px;
	padding-top: 208px;
	width: 922px;
}

.key-image .key-slider {
	left: 490px;
	position: absolute;
	top: 0;
	width: 759px;
	z-index: -1;
}

@media (max-width: 999px) {

	.key-image h1 {
		left: 4.615vw;
		top: 4.615vw;
		width: 31.282vw;
	}

	.key-image .head {
		margin-left: 0;
		padding-top: 18.462vw;
		width: 100%;
	}

	.key-image .key-slider {
		left: auto;
		right: 0;
		width: 58.974vw;
	}

}

/* --------------------------------------------------------------------------------------
	コンテンツ
--------------------------------------------------------------------------------------- */

.main-section {
	padding-bottom: 586px;
	position: relative;
	z-index: 0;
}

.main-section::before {
	background-color: var(--color-light-blue);
	bottom: 0;
	content: '';
	display: block;
	height: 52%;
	left: 0;
	position: absolute;
	width: 100%;
	z-index: -2;
}

.main-section::after {
	background: url(../img/main-section-bottom.png) no-repeat;
	bottom: 0;
	content: '';
	display: block;
	height: 486px;
	left: 50%;
	position: absolute;
	transform: translateX(-50%);
	width: 2000px;
	z-index: -1;
}

@media (min-width: 2000px) {
	.main-section::after {
		background-size: 100% auto;
		height: 24.033vw;
		width: 100%;
	}
}

.main-section .head-balloon { text-align: center; }
.main-section .head-balloon img { margin-left: 4%; }

.main-section .anchor-navi {
	display: flex;
	justify-content: center;
	left: 7px;
	margin-top: 42px;
	position: relative;
}

.main-section .text {
	margin-top: 16px;
	text-align: center;
}

.main-section .period {
	margin-top: 32px;
	text-align: center;
}

.main-section .period dl {
	align-items: center;
	border-bottom: 4px dotted var(--color-blue);
	display: inline-flex;
	font-size: 22px;
	justify-content: center;
	margin: auto;
	padding-bottom: 12px;
}

.main-section .period dt {
	background-color: #fff;
	border-radius: 100vw;
	color: var(--color-blue);
	font-weight: var(--Bold);
	line-height: 1;
	padding: 10px 22px;
}

.main-section .period dd {
	font-feature-settings: "palt";
	line-height: 1;
	margin-left: 10px;
	margin-top: -7px;
}

.main-section .period dd .color-blue {
	font-family: var(--font-Poppins);
	font-size: 152%;
	font-weight: var(--SemiBold);
}

.main-section .period dd .color-blue strong {
	font-size: 153%;
	font-weight: var(--SemiBold);
}

.main-section .period dd .color-blue strong i {
	display: inline-block;
	font-size: 92%;
	margin-right: 4px;
	transform: skewX(20deg) scaleY(0.72);
	transform-origin: center 52%;
}

.main-section .period dd b { font-size: 152%; }

@media (max-width: 999px) {

	.main-section { padding-bottom: 62.256vw; }

	.main-section::before {
		bottom: auto;
		height: 83%;
		top: 0;
	}

	.main-section::after {
		background-image: url(../img/main-section-bottom-sp.png);
		background-size: 100% auto;
		height: 50.256vw;
		width: 100%;
	}

	.main-section .head-balloon img {
		margin-left: 0;
		width: 85.223vw;
	}

	.main-section .anchor-navi {
		justify-content: space-between;
		left: 0;
		margin: 0 3.103vw auto 4.103vw;
	}

	.main-section .text { margin-top: 4.615vw; }

	.main-section .period { margin: 7.179vw 5.846vw auto; }

	.main-section .period dl {
		border-width: 0.769vw;
		display: flex;
		font-size: 4.359vw;
		padding-bottom: 3.59vw;
	}

	.main-section .period dt {
		align-items: center;
		display: flex;
		justify-content: center;
		max-width: 24.103vw;
		min-height: 8.462vw;
		padding: 0;
		width: 100%;
	}

	.main-section .period dd {
		margin-left: 1.282vw;
		white-space: nowrap;
	}

	.main-section .period dd .color-blue strong i {
		margin-left: -.633vw;
		margin-right: .633vw;
	}
}

/* --------------------------------------------------------------------------------------
	おためしセット
--------------------------------------------------------------------------------------- */

.set-section {
	margin-top: -388px;
	position: relative;
	z-index: 1;
}

.set-section h2 img { max-width: 381px; }

.set-section .set-main {
	align-items: center;
	display: inline-flex;
	gap: 20px;
	margin-top: 32px;
	position: relative;
}

.set-section .set-main h3 img { max-width: 130px; }

.set-section .set-main dl {
	position: relative;
	text-align: left;
}

.set-section .set-main dl::before {
	background: url(../img/deco-star.svg) no-repeat;
	background-size: 100% auto;
	content: "";
	display: block;
	height: 81px;
	position: absolute;
	right: -20px;
	top: 30px;
	width: 60px;
}

.set-section .set-main dt {
	font-size: 24px;
	font-weight: var(--SemiBold);
}

.set-section .set-main dd {
	font-size: 24px;
	font-weight: var(--SemiBold);
	margin-top: 6px;
}

.set-section .set-main dd strong {
	display: inline-block;
	font-family: var(--font-Poppins);
	font-feature-settings: "palt";
	font-size: 333%;
	font-weight: var(--SemiBold);
	letter-spacing: -4px;
	line-height: 1;
	margin-right: 4px;
}

.set-section .set-main dd small { font-size: 64%; }

.set-section .set-details {
	background-color: var(--color-cobalt-blue);
	margin-top: 40px;
	padding-bottom: 615px;
	padding-top: 166px;
	position: relative;
}

.set-section .set-details::before {
	background: url(../img/set-details-top.png) no-repeat;
	content: '';
	display: block;
	height: 145px;
	left: 50%;
	position: absolute;
	top: 0;
	transform: translateX(-50%);
	width: 2000px;
	z-index: 1;
}

.set-section .set-details::after {
	background: url(../img/set-details-bottom.png) no-repeat;
	bottom: -.3px;
	content: '';
	display: block;
	height: 476px;
	left: 50%;
	position: absolute;
	transform: translateX(-50%);
	width: 2000px;
	z-index: 1;
}

@media (min-width: 2000px) {
	.set-section .set-details::before {
		background-size: 100% auto;
		height: 7.333vw;
		width: 100%;
	}
}

.set-section .set-details .text-head {
	color: #fff;
	font-size: 24px;
	font-weight: var(--SemiBold);
	text-align: center;
}

.set-slider {
	margin-inline: auto;
	margin-top: 32px;
	max-width: 1380px;
}

.set-slider .swiper-slide {
	background-color: #fff;
	border-radius: 8px;
	box-shadow: 2px 2px 6px rgba(0,0,0,.1);
	max-width: 330px;
	overflow: hidden;
	padding: 32px 20px;
	padding-top: 40px;
	position: relative;
	width: 100%;
}

.set-slider .swiper-slide .ribbon {
	left: 0;
	position: absolute;
	top: 0;
	width: 130px;
}

.set-slider .swiper-slide .name {
	font-family: var(--font-irohamaru-mikami);
	font-size: 26px;
}

.set-slider .swiper-slide .image { margin-top: 20px; }

.set-slider .swiper-slide .text {
	margin: 20px 12px 0;
	text-align: left;
}

.set-slider .swiper-slide .price {
	align-items: flex-end;
	display: flex;
	justify-content: center;
	margin-top: 20px;
	text-align: left;
}

.set-slider .swiper-slide .price .normal dt { font-weight: var(--SemiBold); }

.set-slider .swiper-slide .price .normal dd {
	align-items: center;
	display: flex;
	font-feature-settings: "palt";
	line-height: 1;
	padding-right: 16px;
	position: relative;
}

.set-slider .swiper-slide .price .normal dd::after {
	background-color: var(--color-text);
	clip-path: polygon(100% 50%, 0 0, 0 100%);
	content: '';
	display: block;
	height: 22px;
	position: absolute;
	right: 0;
	width: 12px;
}

.set-slider .swiper-slide .price .normal dd strong {
	display: inline-block;
	font-family: var(--font-Poppins);
	font-size: 36px;
	font-weight: var(--SemiBold);
	position: relative;
}

.set-slider .swiper-slide .price .normal dd strong::after {
	background-color: var(--color-pink);
	content: '';
	display: block;
	height: 3px;
	left: -5px;
	position: absolute;
	top: 16px;
	transform: rotate(-14deg);
	width: calc(100% + 5px);
}

.set-slider .swiper-slide .price .normal dd .yen {
	display: inline-block;
	line-height: .7;
}

.set-slider .swiper-slide .price .normal dd .yen small { font-size: 51%; }

.set-slider .swiper-slide .price .after {
	align-items: flex-end;
	display: flex;
	margin-left: 4px;
}

.set-slider .swiper-slide .price .after dt {
	display: inline-block;
	font-family: var(--font-Poppins);
	font-feature-settings: "palt";
	font-size: 333%;
	font-weight: var(--SemiBold);
	letter-spacing: -4px;
	line-height: .8;
	margin-right: 4px;
}

.set-slider .swiper-slide .price .after dd {
	bottom: 3px;
	display: inline-block;
	font-feature-settings: "palt";
	font-size: 20px;
	line-height: .99;
	position: relative;
}

.set-slider .swiper-slide .price .after dd small {
	font-size: 56%;
	font-weight: var(--SemiBold);
}

.set-slider .swiper-slide .period {
	font-feature-settings: "palt";
	font-weight: var(--SemiBold);
	margin-top: 12px;
}

.set-slider .swiper-slide .period strong {
	font-size: 142%;
	font-weight: var(--SemiBold);
}

.set-slider .swiper-slide .banner { margin-top: 8px; }

.set-section .osusume,
.set-section .reviews,
.takuhai-section .osusume,
.takuhai-section .reviews {
	margin-top: 100px;
	position: relative;
	z-index: 2;
}

.set-section .main-title,
.takuhai-section .main-title {
	color: #fff;
	font-size: 32px;
	font-weight: var(--SemiBold);
	text-align: center;
}

.set-section .osusume .image,
.takuhai-section .osusume .image {
	margin: 42px auto auto;
	max-width: 1100px;
}

.reviews-slider { margin-top: 32px; }

.reviews-slider .swiper-wrapper {
	align-items: stretch;
}

.reviews-slider .swiper-slide {
	background-color: var(--color-light-blue);
	border-radius: 8px;
	box-shadow: 2px 2px 6px rgba(0,0,0,.1);
	display: flex;
	flex-direction: column;
	height: auto;
	max-width: 330px;
	overflow: hidden;
	padding: 24px;
	position: relative;
	text-align: left;
	width: 100%;
}

.reviews-slider .swiper-slide .image { height: 150px;}
.reviews-slider .swiper-slide .image img { max-width: inherit; }

.set-section .reviews-slider .swiper-slide.slide-01 img { width: 103.6%; }
.set-section .reviews-slider .swiper-slide.slide-02 img { width: 102.2%; }
.set-section .reviews-slider .swiper-slide.slide-03 img { width: 103.2%; }
.set-section .reviews-slider .swiper-slide.slide-04 img { width: 103.3%; }
.set-section .reviews-slider .swiper-slide.slide-05 img { width: 103.9%; }
.set-section .reviews-slider .swiper-slide.slide-06 img { width: 103.1%; }
.set-section .reviews-slider .swiper-slide.slide-07 img { width: 103.3%; }
.set-section .reviews-slider .swiper-slide.slide-08 img { width: 103.5%; }

.reviews-slider .swiper-slide .name { margin-top: 16px; }

.reviews-slider .swiper-slide .name small {
	display: block;
	font-size: 82%;
}

.reviews-slider .swiper-slide .comment {
	background-color: #fff;
	border-radius: 8px;
	font-size: 14px;
	margin-top: 14px;
	padding: 14px 20px;
}

.reviews-slider .swiper-slide .comment dt {
	align-items: center;
	background: url(../img/icon-reviews.svg) no-repeat;
	display: flex;
	font-weight: var(--SemiBold);
	min-height: 27px;
	padding-left: 39px;
}

.reviews-slider .swiper-slide .comment dd {
	line-height: 1.6;
	margin-top: 12px;
}


@media (max-width: 1033px) {

	.reviews-slider.box-padding {
		padding-left: 0;
		padding-right: 0;
	}
}

@media (max-width: 999px) {

	.set-section { margin-top: -39.667vw; }

	.set-section h2 img {
		max-width: 100%;
		width: 74.746vw;
	}

	.set-section .set-main {
		gap: 3.59vw;
		margin-top: 2.308vw;
	}

	.set-section .set-main h3 img {
		max-width: 100%;
		width: 28.718vw;
	}

	.set-section .set-main dl::before {
		height: 16.667vw;
		right: -2.667vw;
		top: 8.333vw;
		width: 48.001px;
	}

	.set-section .set-main dt { font-size: 5.128vw; }

	.set-section .set-main dd { font-size: 5.128vw; }

	.set-section .set-details {
		margin-top: 7.692vw;
		padding-bottom: 45.333vw;
		padding-top: 16.564vw;
	}

	.set-section .set-details::before {
		background-image: url(../img/set-details-top-sp.png);
		background-size: cover;
		height: calc(11.282vw + 2px);
		top: -2px;
		width: 100%;
	}

	.set-section .set-details::after {
		background-image: url(../img/set-details-bottom-sp.png);
		background-size: cover;
		height: 24.744vw;
		width: 100%;
	}

	.set-section .set-details .text-head { font-size: 4.615vw; }

	.set-slider {
		margin-left: auto;
		margin-right: auto;
		margin-top: 8.205vw;
		max-width: 82.09vw;
	}

	.set-slider .swiper-slide {
		max-width: 84.615vw;
		padding: 9.231vw 6.154vw 8.205vw;
	}

	.set-slider .swiper-slide .ribbon { width: 25.641vw; }

	.set-slider .swiper-slide .name { font-size: 5.941vw; }

	.set-slider .swiper-slide .image { margin-top: 4.103vw; }

	.set-slider .swiper-slide .text { margin: 4.103vw 2.33vw auto; }

	.set-slider .swiper-slide .price { margin-top: 2.564vw; }

	.set-slider .swiper-slide .price .normal dd { padding-right: 4.333vw; }

	.set-slider .swiper-slide .price .normal dd::after {
		height: 5.641vw;
		width: 3.077vw;
	}

	.set-slider .swiper-slide .price .after { margin-left: 1.026vw; }

	.set-slider .swiper-slide .price .after dd { font-size: 5.128vw; }

	.set-slider .swiper-slide .period { margin-top: 6.154vw; }

	.set-slider .swiper-slide .banner { margin-top: 2.051vw; }

	.set-section .osusume,
	.set-section .reviews,
	.takuhai-section .osusume,
	.takuhai-section .reviews { margin-top: 10.769vw; }

	.set-section .main-title,
	.takuhai-section .main-title { font-size: 6.154vw; }

	.set-section .osusume .image,
	.takuhai-section .osusume .image { margin-top: 5.128vw; }

	.set-section .osusume .image img,
	.takuhai-section .osusume .image img {
		margin-left: -10.256vw;
		max-width: inherit;
		width: 125.128vw;
	}

	.reviews-slider {
		margin-left: auto;
		margin-right: auto;
		margin-top: 5.641vw;
		max-width: 82.09vw;
	}

	.reviews-slider .swiper-slide {
		max-width: 84.615vw;
		padding: 6.154vw;
	}

	.reviews-slider .swiper-slide .image { height: 38.462vw; }

	.reviews-slider .swiper-slide .name {
		font-size: 3.846vw;
		margin-top: 5.128vw;
	}

	.reviews-slider .swiper-slide .comment {
		font-size: 3.077vw;
		margin-top: 3.077vw;
		padding: 3.59vw 5.128vw;
	}

	.reviews-slider .swiper-slide .comment dt {
		background-size: 6.154vw;
		min-height: 6.154vw;
		padding-left: 8.333vw;
	}

	.reviews-slider .swiper-slide .comment dd { margin-top: 2.564vw; }

}

/* --------------------------------------------------------------------------------------
	おためし宅配
--------------------------------------------------------------------------------------- */

.takuhai-section {
	margin-top: -388px;
	position: relative;
	z-index: 1;
}

.takuhai-section h2 img { max-width: 380px; }

.takuhai-section .lead-text {
	font-size: 20px;
	font-weight: var(--SemiBold);
	margin-top: 32px;
}

.takuhai-section .lead-text strong { font-size: 175%; }
.takuhai-section .lead-text .large { font-size: 125%; }

.takuhai-section .main-image {
	height: 39.333vw;
	margin-top: 72px;
	overflow: hidden;
}

.takuhai-section .main-image img {
	height: 100%;
	object-fit: cover;
	object-position: center;
	width: 100%;
}

.takuhai-details {
	background-color: var(--color-cream);
	padding-bottom: 230px;
	position: relative;
}

.takuhai-details::before {
	background-color: var(--color-cream);
	border-top-left-radius: 100vw;
	border-top-right-radius: 100vw;
	content: '';
	display: block;
	height: 50px;
	left: 0;
	position: absolute;
	top: -50px;
	width: 100%;
}

.takuhai-details .selling-point {
	display: flex;
	gap: 24px;
	justify-content: center;
}

.takuhai-details .selling-point li {
	background: var(--color-yellow) url(../img/icon-check-yellow.svg) no-repeat 25px center;
	border-radius: 100vw;
	display: flex;
	flex-direction: column;
	font-size: 21px;
	font-weight: var(--SemiBold);
	justify-content: center;
	padding: 14px 20px 16px 74px;
	width: 100%;
}

.takuhai-details .selling-point li small { display: block; }

.takuhai-details .banner-coupon {
	margin-top: 64px;
	text-align: center;
}

.takuhai-details .banner-coupon a {
	display: block;
	margin: auto;
	max-width: 640px;
}

.takuhai-details .banner-coupon a img {
	display: block;
	max-width: initial;
	width: 109.7%;
}

.takuhai-section .main-title { color: var(--color-text); }

.takuhai-section .reviews-slider .swiper-slide { background-color: var(--color-yellow); }

.takuhai-section .reviews-slider .swiper-slide.slide-01 img { width: 103.1%; }
.takuhai-section .reviews-slider .swiper-slide.slide-02 img { width: 102.1%; }
.takuhai-section .reviews-slider .swiper-slide.slide-03 img { width: 101.9%; }
.takuhai-section .reviews-slider .swiper-slide.slide-04 img { width: 105.6%; }
.takuhai-section .reviews-slider .swiper-slide.slide-05 img { width: 102.4%; }
.takuhai-section .reviews-slider .swiper-slide.slide-06 img { width: 105.1%; }
.takuhai-section .reviews-slider .swiper-slide.slide-07 img { width: 104.2%; }
.takuhai-section .reviews-slider .swiper-slide.slide-08 img { width: 102.5%; }
.takuhai-section .reviews-slider .swiper-slide.slide-09 img { width: 103%; }
.takuhai-section .reviews-slider .swiper-slide.slide-10 img { width: 102.9%; }

@media (max-width: 999px) {

	.takuhai-section { margin-top: -11.667vw; }

	.takuhai-section h2 img {
		max-width: 100%;
		width: 71.282vw;
	}

	.takuhai-section .lead-text {
		font-size: 4.103vw;
		margin-top: 4.103vw;
	}

	.takuhai-section .main-image {
		height: 66.667vw;
		margin-top: 8.205vw;
	}

	.takuhai-details { padding-bottom: 43.333vw; }

	.takuhai-details::before {
		height: 7.692vw;
		top: -7.692vw;
	}

	.takuhai-details .selling-point {
		flex-direction: column;
		gap: 3.077vw;
		margin-left: 5.128vw;
		margin-right: 5.128vw;
		padding-top: 5.128vw;
	}

	.takuhai-details .selling-point li {
		background-position-x: 6.41vw;
		background-size: 8.205vw;
		font-size: 5.128vw;
		padding: 3.846vw 0 3.846vw 18.462vw;
	}

	.takuhai-details .banner-coupon {
		margin-left: 7.179vw;
		margin-right: 6.333vw;
		margin-top: 6.154vw;
	}
}


/* --------------------------------------------------------------------------------------
	おためし診断
--------------------------------------------------------------------------------------- */

.shindan-banner-section {
	margin-top: -140px;
	min-height: 819px;
	position: relative;
}

.shindan-banner-section::before {
	background-color: var(--color-cream);
	content: '';
	display: block;
	height: 65%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -2;
}

.shindan-banner-section .box {
	padding-top: 198px;
	text-align: center;
}

.shindan-banner-section .box::after {
	background: url(../img/shindan-banner-section-bg.png) no-repeat center top;
	background-size: 100% auto;
	content: '';
	display: block;
	height: 819px;
	left: 12px;
	position: absolute;
	top: 0;
	width: 1271px;
	z-index: -1;
}

.shindan-banner-section h2 {
	color: #fff;
	font-size: 36px;
	font-weight: var(--SemiBold);
}

.shindan-banner-section h2 .head,
.point-section h2 .head {
	display: block;
	font-family: var(--font-irohamaru-mikami);
	font-size: 70%;
	font-weight: var(--Medium);
	margin-bottom: 20px;
}

.shindan-banner-section h2 strong {
	font-size: 133%;
	font-weight: var(--Bold);
}

.shindan-banner-section .banner {
	margin: 32px auto auto;
	max-width: 420px;
}

@media (max-width: 999px) {

	.shindan-banner-section {
		background: url(../img/shindan-banner-section-bg-sp.png) no-repeat center top;
		background-size: 100% auto;
		margin-top: -26.667vw;
		min-height: 120.769vw;
		z-index: 1;
	}

	.shindan-banner-section::before { display: none; }

	.shindan-banner-section .box { padding-top: 25.641vw; }

	.shindan-banner-section .box::after { display: none; }

	.shindan-banner-section h2 { font-size: 6.154vw; }

	.shindan-banner-section h2 .head,
	.point-section h2 .head { margin-bottom: 2.154vw; }

	.shindan-banner-section .banner {
		margin-top: 6.154vw;
		max-width: 72.308vw;
	}
}

/* --------------------------------------------------------------------------------------
	ポイント
--------------------------------------------------------------------------------------- */

.point-section { margin-top: 100px; }

.point-section h2 {
	font-size: 36px;
	font-weight: var(--Bold);
	text-align: center;
}

.point-section h2 strong {
	font-size: 166%;
	font-weight: var(--Bold);
}

.point-section h2 .large {
	display: inline-block;
	font-size: 200%;
	line-height: .7;
}

.point-section h2 .medium { font-size: 116%; }

.point-section .point-list {
	counter-reset: number 0;
	margin-top: 32px;
}

.point-section .point-list .column {
	align-items: center;
	display: flex;
	justify-content: space-between;
}

.point-section .point-list .column:nth-of-type(n+2) { margin-top: 42px; }

.point-section .point-list .column section { width: 54%; }
.point-section .point-list .column .image { width: 40%; }

.point-section .point-list .column:nth-of-type(even) section { order: 2; }
.point-section .point-list .column:nth-of-type(even) .image { order: 1; }

.point-section .point-list .column section h3 {
	font-size: 24px;
	font-weight: var(--Bold);
	padding-left: 68px;
	position: relative;
}

.point-section .point-list .column section h3::before {
	color: var(--color-cobalt-blue);
	content: "0" counter(number);
	counter-increment: number 1;
	font-family: var(--font-Poppins);
	font-size: 177%;
	left: 0;
	letter-spacing: -1px;
	line-height: 1;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.point-section .point-list .column section p {
	line-height: 1.8;
	margin-top: 20px;
}

.point-section .point-list .column:has(.irregular) section { width: 41%; }
.point-section .point-list .column .image.irregular { width: 56%; }

@media (max-width: 999px) {

	.point-section { margin-top: 7.692vw; }

	.point-section h2 { font-size: 6.154vw; }

	.point-section .point-list { margin: 9.744vw 7.692vw auto; }

	.point-section .point-list .column { flex-direction: column; }
	.point-section .point-list .column:nth-of-type(n+2) { margin-top: 7.179vw; }

	.point-section .point-list .column:nth-of-type(even) section { order: 1; }
	.point-section .point-list .column:nth-of-type(even) .image { order: 2; }

	.point-section .point-list .column section { width: 100%; }

	.point-section .point-list .column section h3 {
		font-size: 4.615vw;
		padding-left: 13.333vw;
	}

	.point-section .point-list .column section p { margin-top: 4.103vw; }

	.point-section .point-list .column:has(.irregular) section,
	.point-section .point-list .column .image.irregular { width: 100%; }

	.point-section .point-list .column .image {
		margin-top: 3.59vw;
		width: 100%;
	}

}

/* --------------------------------------------------------------------------------------
	よくある質問
--------------------------------------------------------------------------------------- */

.faq {
	background-color: #effcff;
	margin-top: 100px;
	padding-bottom: 100px;
	padding-top: 100px;
}

.faq h2 {
	font-size: 42px;
	font-weight: var(--Bold);
	text-align: center;
}

.faq .faq-column:first-of-type { margin-top: 32px; }
.faq .faq-column:nth-of-type(n+2) { margin-top: 48px; }

.faq .faq-column h3 {
	font-size: 24px;
	font-weight: var(--Bold);
	text-align: center;
}

.faq .faq-column details { overflow: hidden; }

.faq .faq-column details summary::-webkit-details-marker { display: none; }

.faq .faq-column details:first-of-type { margin-top: 32px; }

.faq .faq-column details summary {
	background: url(../img/icon-plus.svg) no-repeat right center;
	border-top: 1px solid var(--color-border);
	cursor: pointer;
	display: block;
	font-size: 18px;
	font-weight: var(--Bold);
	list-style: none;
	padding: 14px 0 14px 26px;
	position: relative;
}

.faq .faq-column details[open] > summary {
	background-image: url(../img/icon-minus.svg);
	border-bottom: 1px solid var(--color-border);
}

.faq .faq-column details summary::before {
	color: var(--color-blue);
	content: "Q";
	font-family: var(--font-Poppins);
	font-weight: var(--Bold);
	left: 0;
	position: absolute;
}

.faq .faq-column details:last-of-type summary { border-bottom: 1px solid var(--color-border); }

.faq .faq-column details .accordion-inner { padding: 20px 0 20px 26px; }

.faq .faq-column details .accordion-inner p { line-height: 1.8; }
.faq .faq-column details .accordion-inner p:nth-of-type(n+2) { margin-top: 12px; }

@media (max-width: 999px) {

	.faq {
		margin-top: 8.205vw;
		padding: 12.308vw 5.128vw 10.256vw;
	}

	.faq h2 { font-size: 8.205vw; }

	.faq .faq-column:first-of-type { margin-top: 9.231vw; }

	.faq .faq-column h3 { font-size: 5.128vw; }

	.faq .faq-column details:first-of-type { margin-top: 6.154vw; }

	.faq .faq-column details summary {
		font-size: 4.103vw;
		padding: 3.59vw 4.128vw 3.59vw 7.179vw;
	}

	.faq .faq-column details .accordion-inner { padding: 5.128vw 2.564vw; }

	.faq .faq-column details .accordion-inner p:nth-of-type(n+2) { margin-top: 2.333vw; }
}
