/*! destyle.css v3.0.2 | MIT License | https://github.com/nicolas-cusan/destyle.css */
*, ::before, ::after {
	box-sizing: border-box
}

html {
	line-height: 1;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: transparent
}

body {
	margin: 0
}

main {
	display: block
}

p, table, blockquote, address, pre, iframe, form, figure, dl {
	margin: 0
}

h1, h2, h3, h4, h5, h6 {
	font-size: inherit;
	font-weight: inherit;
	margin: 0
}

ul, ol {
	margin: 0;
	padding: 0;
	list-style: none
}

dt {
	font-weight: bold
}

dd {
	margin-left: 0
}

a {
	background-color: transparent;
	text-decoration: none;
	color: inherit;
	backface-visibility: hidden
}

svg, img, embed, object, iframe {
	display: block;
	vertical-align: bottom
}

:root {
	--ClrWht: #fff;
	--ClrNmr: #555;
	--ClrGry: #999;
	--ClrBlk: #333333;
	--ClrGwh: #bec5ce;
	--ClrMain01: #37475a;
	--ClrMain02: #9ba3ad;
	--ClrMain03: #e8e8e8;
	--ClrMain04: #e86850;
	--ClrMain05: #bfbfbf;
	--ClrMain06: #cfe0e6;
	--ClrMain07: #dcdcdc;
	--ClrLine01: #06c655;
	--ClrLine02: #06c755;
	--ClrPopup01: rgba(0, 0, 0, .6)
}

html, body {
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
	text-rendering: auto;
	font-feature-settings: 'palt';
	color: var(--ClrBlk);
	word-break: break-all;
}

body {
	background-color: var(--ClrNmr)
}

a {
	text-decoration: none;
	color: inherit
}

a:hover, a:visited {
	color: inherit
}

ul {
	list-style: none;
	-webkit-padding-start: 0;
	padding-inline-start: 0
}

.ja {
	font-family: YuGothic, 'Yu Gothic Medium', 'Yu Gothic', Meiryo, sans-serif;
	font-weight: 500
}

.en {
	font-family: 'Poppins', sans-serif
}

#index {
	backface-visibility: hidden;
	position: relative
}

#index.wrapper {
	width: 75rem;
	margin: 0 auto;
	background-color: var(--ClrWht);
}

@media screen and (min-width: 751px) {
	#index.wrapper {
		width: 650px;
	}
}

@media screen and (max-width: 750px) {
	#index.wrapper {
		width: 100%;
		overflow: hidden
	}
}

#index img {
	width: 100%
}

/* ---------------------------
コンテンツエリア
--------------------------- */
/* 動画コンテンツ */
.movie01,
.movie02,
.movie03,
.movie04,
.movie05,
.movie06 {
	margin: 0 auto;
	position: relative;
}

.movie01 .movie,
.movie02 .movie,
.movie03 .movie,
.movie04 .movie,
.movie05 .movie,
.movie06 .movie {
	position: absolute;
	top: 0;
	text-align: center;
}

.movie01 .movie video,
.movie02 .movie video,
.movie03 .movie video,
.movie04 .movie video,
.movie05 .movie video,
.movie06 .movie video {
	width: 100%;
}

.movie01 .movie {
	width: 89.33333%;
	left: 5.33333%;
}

.movie02 .movie {
	width: 74.4%;
	left: 12.8%;
}

.movie03 .movie {
	width: 92%;
	left: 4%;
}

.movie04 .movie {
	width: 85.33333%;
	left: 7.33333%;
}

.movie05 .movie {
	width: 85.33333%;
	left: 7.33333%;
}

.movie06 .movie {
	width: 89.33333%;
	left: 5.33333%;
}

/* 女性スライダー */
.container {}

.slider-area {
	position: relative;
	width: 89.33333%;
	height: 40vw;
	margin: 0 auto;
}

.slider-item {
	position: absolute;
	inset: 0;
	opacity: 0;
	z-index: 0;
	animation: slideShow 9s linear infinite 0s;
}

.slider-item:nth-child(2) {
	animation-delay: 3s;
}

.slider-item:nth-child(3) {
	animation-delay: 6s;
}

.slider-item img {
	object-fit: cover;
}

@media screen and (min-width: 751px) {
	.slider-area {
		height: 280px;
	}
}

@keyframes slideShow {
	0% {
		opacity: 0;
		animation-timing-function: ease-in;
	}

	8% {
		opacity: 1;
		animation-timing-function: ease-out;
	}

	20% {
		opacity: 1;
	}

	40%,
	100% {
		opacity: 0;
	}
}

/* BA画像＋after画像ver */
.slider_woman01 {
	background-image: url("../../../images/lp/hmtss01/s_c1_02b.jpg");
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center center;
}

.slider_woman02 {
	background-image: url("../../../images/lp/hmtss01/s_c1_03b.jpg");
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center center;
}

/* BA画像ver */
.slider_woman01_02 {
	background-image: url("../../../images/lp/hmtss01/s_c1_02b_02.jpg");
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center center;
}

.slider_woman02_02 {
	background-image: url("../../../images/lp/hmtss01/s_c1_03b_02.jpg");
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center center;
}

/* 男性スライダー */
.male_slider_area {
	position: relative;
}

.male_slider {
	width: 100%;
	position: absolute;
	top: 0;
}

.male_slider .slideshow_wrap {
	display: flex;
	overflow: hidden;
	height: 100%;
	align-items: center;
}

.male_slider .slideshow_wrap .male_slideshow {
	animation: loop-slide 10s infinite linear 1s both;
}

.male_slider .slideshow_wrap .male_slideshow .content {
	width: 160vw;
}

.male_slider .slideshow_wrap .male_slideshow .content img {
	width: 160vw;
}

@media (min-width: 751px) {
	.male_slider .slideshow_wrap .male_slideshow .content {
		width: 1080px;
		height: 198px;
	}

	.male_slider .slideshow_wrap .male_slideshow .content img {
		width: 1080px;
		height: 198px;
	}
}

@keyframes loop-slide {
	from {
		transform: translateX(0);
	}

	to {
		transform: translateX(-100%);
	}
}

/* よくあるご質問 */
.toggle {
	display: none;
}

/*タイトル*/
.Label {
	padding: 5% 3% 0;
	display: block;
}

/*タイトル横の矢印*/
.Label::before {
	content: "";
	width: 12px;
	height: 12px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	position: absolute;
	top: calc(56% - 4px);
	right: 6%;
	transform: rotate(135deg);
}

.Label,
.ans-txt {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translateZ(0);
	transition: all 0.3s;
}

/*本文*/
.ans-txt {
	width: 94%;
	height: 0;
	margin: -1px auto 0 auto;
	padding: 0;
	overflow: hidden;
	border-right: 1px solid #c9c9c9;
	border-bottom: 1px solid #c9c9c9;
	border-left: 1px solid #c9c9c9;
}

/*開閉時*/
.toggle:checked+.Label+.ans-txt {
	height: auto;
	transition: all 0s;
}

.ans-txt p {
	font-family: YuGothic, 'Yu Gothic Medium', 'Yu Gothic', Meiryo, sans-serif;
	font-size: 1.1em;
	line-height: 160%;
	padding: 20px;
}

.ans-txt p .bg_ylw {
	background-image: repeating-linear-gradient(to bottom, transparent 0%, transparent 35%, #fffbb2 35%, #fffbb2 90%, transparent 90%, transparent 100%);
}

.toggle:checked+.Label::before {
	transform: rotate(-45deg) !important;
	top: calc(62% - 4px);
}

/* オファー */
.block-offer .cta .bg {
	position: relative;
	z-index: 90;
}

.block-offer .cta a.purchase_btn01 {
	position: absolute;
	top: 0;
	left: 0;
}

.purchase_btn01 {
	align-items: center;
	justify-content: center;
	margin: 0;
	width: 100%;
}

.purchase_btn01:hover {
	animation: flash 1s infinite;
}

.purchase_btn01 img {
	animation: beating 3s infinite;
}

.purchase_btn01 img:hover {
	animation-play-state: paused;
}

@keyframes beating {
	0%, 100% {
		transform: scale(0.9, 0.9);
	}

	20% {
		transform: scale(1.2, 1.2);
	}

	95% {
		transform: scale(1, 1);
	}
}

@keyframes flash {
	0%, 100% {
		opacity: 1;
	}

	50% {
		opacity: 0.5;
	}
}

@media (min-width: 750px) {
	@keyframes beating {
		0%, 100% {
			transform: scale(0.8, 0.8);
		}

		20% {
			transform: scale(1, 1);
		}

		95% {
			transform: scale(0.9, 0.9);
		}
	}
}

/* Block-10 */
.block-10 {
	padding: 0 0 13.33333vw 0;
}