@charset "UTF-8";
/*リセット*/
html, body {
	height: 100%;
	margin: 0;
}
/*常駐バナー*/
.llw .sticky-fade {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 999;
	margin: 0 auto;
	padding: 0.5% 0;
	width: 100%;
	max-width: 600px;
	background-color: rgba(0,0,0,0.5);
}
.llw .sticky-fade a {
	display: block;
	width: 95%;
	margin: 0 auto;
}
/*LP本体*/
.llw {
	max-width: 600px;
	width: 100%;
	background: #fff;
	margin: 0 auto;
	overflow: hidden;
}
.llw img {
	vertical-align: bottom;
	width: 100%;
	height: auto;
}
.llw picture {
	display: block;
	margin-top: -1px;
}
.llw .overlayArea {
	position: relative;
}
.llw .overlayItem {
	position: absolute;
	display: block;
}
.llw .cta01__btn--01 {
	width: 89.13%;
	top: 62.3%;
	left: 5.4%;
	transition: 0.3s all;
	animation: puru 3s ease-in-out infinite;
}
.llw .cta01__btn--02 {
	width: 100%;
	top: 65.8%;
	left: 0;
	right: 0;
	margin: auto;
	transition: 0.3s all;
	animation: puru 3s ease-in-out infinite;
}
.llw .cta01__btn--01:hover, .llw .cta01__btn--02:hover {
	opacity: 0.8;
}
.llw .cta01__copy {
	width: 86.05%;
	bottom: 48.9%;
	left: 7.35%;
	cursor: pointer;
}
.llw .cta02__btn--01 {
	position: static;
	width: 100%;
	margin: 5% auto 0;
	transition: 0.3s all;
	animation: puru 3s ease-in-out infinite;
}
.llw .cta02__btn--02 {
	width: 100%;
	top: 81.6%;
	left: 0;
	right: 0;
	margin: auto;
	transition: 0.3s all;
	animation: puru 3s ease-in-out infinite;
}
.llw .cta02__btn--01:hover, .llw .cta02__btn--02:hover {
	opacity: 0.8;
}
@keyframes puru {
	0% {
		transform: scale(0.9);
	}
	25% {
		transform: scale(1);
	}
	50% {
		transform: scale(0.9);
	}
	75% {
		transform: scale(1);
	}
	100% {
		transform: scale(0.9);
	}
}
.llw .fv-animation .lp01_01__elm--0201 {
	opacity: 0;
}
.llw .fv-animation .lp01_01__elm--0202 {
	opacity: 1;
}
.llw .fv-animation .lp01_01__elm--0203 {
	clip-path: inset(0 0 0 0);
}
.llw .fv-animation .lp01_01__elm--0204 {
	opacity: 1;
	transform: translateY(0);
}
.llw .fv-animation .lp01_01__elm--0205 {
	animation: whiteout 1.5s 0.2s ease-in-out forwards;
}
@keyframes whiteout {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 0.5;
	}
	100% {
		opacity: 0;
		display: none;
	}
}
.llw .lp01_01__elm--0201 {
	width: 100%;
	top: 0;
	transition: 1s all;
	transition-delay: 1s;
}
.llw .lp01_01__elm--0202 {
	width: 100%;
	top: 0;
	opacity: 0;
	transition: 1s all;
	transition-delay: 1s;
}
.llw .lp01_01__elm--0203 {
	top: 35.45%;
	right: 10.4%;
	width: 8%;
	transition: 0.8s all;
	transition-delay: 2s;
	clip-path: inset(0 0 100% 0);
}
.llw .lp01_01__elm--0204 {
	width: 41.13%;
	top: 8.65%;
	opacity: 0;
	transition: 1s all;
	transition-delay: 1.3s;
	transform: translateY(-15%);
}
.llw .lp01_01__elm--0205 {
	z-index: 100;
	background: #fff;
	width: 100%;
	height: 1228.5px;
	top: 0;
	opacity: 0;
}
@media screen and (max-width: 600px) {
	.llw .lp01_01__elm--0205 {
		height: 204.75vw;
	}
}
.llw .lp01_01__elm--0101 {
	width: 100%;
	left: 0;
	top: 11.11%;
	opacity: 0;
	transition: 1.2s all;
	transition-delay: 0.4s;
	transform: translateY(-10%);
}
.llw .lp01_01__elm--0102 {
	width: 100%;
	top: 0;
}
.llw .lp02_02__elm--01 {
	width: 30%;
	left: 5.1%;
	top: 0.2%;
	opacity: 0;
	transition: 0.6s all;
	transform: translateY(15%);
}
.llw .lp02_02__elm--02 {
	width: 30.1%;
	left: 24.4%;
	top: 9.5%;
	opacity: 0;
	transition: 0.6s all;
	transition-delay: 0.3s;
	transform: translateY(15%);
}
.llw .lp02_03__elm--01 {
	width: 44.5%;
	left: 0;
	top: 62.3%;
}
.llw .lp03_03__elm--01 {
	width: 28.76%;
	right: 0;
	top: 3.9%;
	opacity: 0;
	transition: 1.5s all;
	transform: translateY(-15%);
}
.llw .lp03_03__elm--02 {
	width: 28.38%;
	left: 2.03%;
	top: 5.4%;
	opacity: 0;
	transition: 1.5s all;
	transition-delay: 0.7s;
	transform: translateY(-15%);
}
.llw .lp03_05__elm--01 {
	width: 87.23%;
	left: 5.76%;
	top: 0;
	opacity: 0;
	transition: 1.5s all;
	transform: translateY(-15%);
}
.llw .lp03_05__elm--02 {
	width: 22.3%;
	right: 0;
	top: -5.3%;
}
.llw .lp04_01__elm--01 {
	width: 81.65%;
	left: 8.6%;
	top: 30.03%;
	opacity: 0;
	transition: 1.5s all;
	transform: translateY(-15%);
}
.llw .lp04_04__elm--01 {
	width: 41.36%;
	left: 47.76%;
	top: 12.65%;
	opacity: 0;
	transition: 1.5s all;
	transform: translateY(-15%);
}
.llw .lp04_05__elm--01 {
	width: 42.3%;
	left: 1.6%;
	top: 15.2%;
	opacity: 0;
	transition: 1.5s all;
	transform: translateY(-15%);
}
.llw .lp04_06__elm--01 {
	width: 47.5%;
	right: 2.4%;
	top: 11.1%;
	opacity: 0;
	transition: 1.5s all;
	transform: translateY(-15%);
}
.llw .lp04_09__elm--01 {
	width: 99.87%;
	top: 6.6%;
	left: 0;
	opacity: 0;
	transition: 1.5s all;
	transform: translateY(-15%);
}
.llw .lp05_10__elm--01 {
	width: 17.62%;
	top: 35.7%;
	left: 20.3%;
	transition: 1.2s all;
	clip-path: inset(0 0 100% 0);
}
.llw .lp05_10__elm--02 {
	width: 16.87%;
	top: 41.87%;
	left: 3.4%;
	transition: 1.2s all;
	transition-delay: 0.4s;
	clip-path: inset(0 0 100% 0);
}
.llw .lp05_10__elm--03 {
	width: 51.45%;
	top: 41.87%;
	left: 24.6%;
}
.llw .lp06_02__elm--01 {
	width: 85.9%;
	top: 31.8%;
	left: 6.6%;
	opacity: 0;
	transition: 1.5s all;
	transform: translateY(-15%);
}
.llw .lp06_03__elm--01 {
	width: 34.5%;
	top: 11.8%;
	right: 0.1%;
	z-index: 1;
	opacity: 0;
	transition: 1.5s all;
}
.llw .lp06_03__elm--02 {
	width: 37.4%;
	top: 43.6%;
	right: 0.1%;
	opacity: 0;
	transition: 1.5s all;
	transition-delay: 0.2s;
}
.llw .lp06_03__elm--03 {
	width: 41.4%;
	top: 49%;
	left: 0;
	z-index: 1;
	opacity: 0;
	transition: 1.5s all;
	transition-delay: 0.4s;
}
.llw .lp06_03__elm--04 {
	width: 36.3%;
	top: 17.55%;
	left: 0;
	opacity: 0;
	transition: 1.5s all;
	transition-delay: 0.6s;
}
.llw .lp06_03__elm--05 {
	width: 38.2%;
	left: 14.6%;
	top: -11.1%;
	opacity: 0;
	transition: 1.5s all;
	transition-delay: 0.8s;
}
.llw .lp06_03__elm--06 {
	width: 99.9%;
	top: 7.38%;
	right: 0.1%;
	z-index: 10;
}
.llw .lp06_05__elm--01 {
	width: 78.4%;
	top: 16.7%;
	left: 10.4%;
	opacity: 0;
	transition: 1.5s all;
	transform: translateY(-15%);
}
.llw .lp06_08__elm--01 {
	width: 88.1%;
	top: 32.1%;
	left: 5.5%;
	opacity: 0;
	transition: 1.5s all;
	transform: translateY(-15%);
}
.llw .lp06_11__elm--01 {
	width: 88.4%;
	top: 16.5%;
	left: 6.6%;
	opacity: 0;
	transition: 1.5s all;
	transform: translateY(-15%);
}
.llw .lp06_13__elm--01 {
	width: 91.2%;
	top: 34.8%;
	left: 4.3%;
	opacity: 0;
	transition: 1.5s all;
	transform: translateY(-15%);
}
.llw .lp07_09__elm--01 {
	width: 27.69%;
	top: 5.5%;
	left: 5.5%;
	animation: 3s light infinite;
}
@keyframes light {
	60% {
		opacity: 0;
	}
	90% {
		opacity: 1;
	}
}
.llw .lp01_01__elm--0101.js-observe, .llw .lp03_03__elm--01.js-observe, .llw .lp03_03__elm--02.js-observe, .llw .lp03_05__elm--01.js-observe, .llw .lp04_01__elm--01.js-observe, .llw .lp04_04__elm--01.js-observe, .llw .lp04_05__elm--01.js-observe, .llw .lp04_06__elm--01.js-observe, .llw .lp04_09__elm--01.js-observe, .llw .lp06_02__elm--01.js-observe, .llw .lp06_05__elm--01.js-observe, .llw .lp06_08__elm--01.js-observe, .llw .lp06_11__elm--01.js-observe, .llw .lp06_13__elm--01.js-observe {
	opacity: 1;
	transform: translateY(0);
}
.llw .js-observe .lp01_01__elm--0202 {
	clip-path: inset(0 0 0 0);
}
.llw .js-observe .lp01_01__elm--0203 {
	transform: translateY(0);
}
.llw .js-observe .lp02_02__elm--01, .llw .js-observe .lp02_02__elm--02 {
	opacity: 1;
	transform: translateY(0);
}
.llw .js-observe .lp05_10__elm--01, .llw .js-observe .lp05_10__elm--02 {
	clip-path: inset(0 0 0 0);
}
.llw .js-observe .lp06_03__elm--01, .llw .js-observe .lp06_03__elm--02, .llw .js-observe .lp06_03__elm--03, .llw .js-observe .lp06_03__elm--04, .llw .js-observe .lp06_03__elm--05 {
	opacity: 1;
}
.llw .video01__item--01 {
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
	margin: -1px auto 0;
}
.llw .video02__item--01 {
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
	margin: -1px auto 0;
	overflow: hidden;
	aspect-ratio: 600 / 1227;
	object-fit: cover;
	object-position: top;
}
.llw .video03__item--01 {
	width: 93.7%;
	top: 6.7%;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.llw .video04__item--01 {
	width: 89.97%;
	top: 58.5%;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.llw .video05__item--01 {
	width: 100%;
	top: 45.4%;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.llw .video06__item--01 {
	width: 85.97%;
	top: 41.7%;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.llw .gif01__item--01 {
	width: 90.2%;
	top: 50.5%;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.llw .gif02__item--01 {
	width: 43.1%;
	top: 12%;
	left: 4.5%;
}
.llw .gif02__item--02 {
	width: 43.1%;
	top: 12%;
	left: 51.9%;
}
.llw .handwrittenContainer {
	position: absolute;
	top: 18.3%;
	width: 50%;
	left: 5.9%;
}
.llw .handwritten__path {
	fill: none;
	stroke-width: 7;
	stroke: #FFFFFF;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-miterlimit: 10;
	stroke-dasharray: 970;
	stroke-dashoffset: 970;
}
.llw .clip00 {
	position: absolute;
	width: 440.25px;
	height: 58.5px;
	top: 72.2%;
	left: 22.9%;
	overflow: hidden;
	clip-path: url(#clip00);
}
@media screen and (max-width: 600px) {
	.llw .clip00 {
		width: 73.375vw;
		height: 9.75vw;
	}
}
.llw .clip00::before, .llw .clip01::before, .llw .clip02::before {
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: linear-gradient(326deg, rgba(255, 255, 255, 0) 40%, rgb(255, 255, 255) 50%, rgba(255, 255, 255, 0) 60%);
	animation: kira 3.2s ease-in-out 0s infinite;
}
@keyframes kira {
	0% {
		left: -100%;
	}
	30% {
		left: -100%;
	}
	60% {
		left: 200%;
	}
	100% {
		left: 200%;
	}
}
.llw .clip00__base, .llw .clip01__base, .llw .clip02__base {
	position: absolute;
	pointer-events: none;
	width: 100%;
}
.llw .clip01 {
	position: absolute;
	width: 285px;
	height: 186px;
	top: 34.2%;
	left: 12%;
	overflow: hidden;
	clip-path: url(#clip01);
}
@media screen and (max-width: 600px) {
	.llw .clip01 {
		width: 47.5vw;
		height: 31vw;
	}
}
.llw .clip02 {
	position: absolute;
	width: 321.75px;
	height: 185.25px;
	top: 37.1%;
	left: 25.6%;
	overflow: hidden;
	clip-path: url(#clip02);
}
@media screen and (max-width: 600px) {
	.llw .clip02 {
		width: 53.625vw;
		height: 30.875vw;
	}
}
.llw .before-after {
	width: 555px;
	top: 34.4%;
	left: 3.6%;
	overflow: hidden;
}
@media screen and (max-width: 600px) {
	.llw .before-after {
		width: 92.5vw;
	}
}
.llw .before-after01, .llw .before-after02 {
	height: 485.25px;
	overflow: hidden;
	top: 0;
	box-sizing: border-box;
}
@media screen and (max-width: 600px) {
	.llw .before-after01, .llw .before-after02 {
		height: 80.875vw;
	}
}
.llw .before-after01__item, .llw .before-after02__item {
	width: 555px;
}
@media screen and (max-width: 600px) {
	.llw .before-after01__item, .llw .before-after02__item {
		width: 92.5vw;
	}
}
.llw .before-after01 {
	width: 100%;
	left: 0;
}
.llw .before-after01__item {
	left: 0;
}
.llw .before-after02 {
	width: 0;
	right: 0;
	animation: 6s img-change 0s ease-in-out infinite;
	border-left: solid 5px #fff;
}
@media screen and (max-width: 600px) {
	.llw .before-after02 {
		border-left: solid 0.625vw #fff;
	}
}
.llw .before-after02__item {
	right: 0;
}
@keyframes img-change {
	0% {
		width: 0;
	}
	10% {
		width: 0;
	}
	40% {
		width: 100%;
	}
	60% {
		width: 100%;
	}
	90% {
		width: 0;
	}
	100% {
		width: 0;
	}
}
.llw .contentsSlider01 {
	width: 36.8%;
	top: 39.2%;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.llw .contentsSlider01 .swiper-wrapper, .llw .contentsSlider02 .swiper-wrapper {
	transition-timing-function: linear !important;
}
.llw .contentsSlider02 {
	width: 36.8%;
	top: 65.2%;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.llw .contentsSlider03 {
	width: 100%;
	top: 0.4%;
	left: -0.2%;
}
.llw .contentsPagenation {
	position: absolute;
	bottom: 3.9% !important;
	left: 0;
	right: 0;
	margin: 0 auto;
	display: flex;
	justify-content: center;
}
.llw .contentsPagenation .swiper-pagination-bullet {
	display: flex;
	width: 12px;
	height: 12px;
	margin: 0 1.1% !important;
	background: #fff;
	opacity: 1;
	z-index: 1;
}
@media screen and (max-width: 600px) {
	.llw .contentsPagenation .swiper-pagination-bullet {
		width: 1.5vw;
		height: 1.5vw;
	}
}
.llw .contentsPagenation .swiper-pagination-bullet-active {
	background: #AB053F;
}
.llw .contentsNav__prev, .llw .contentsNav__next {
	position: absolute;
	top: 43.6%;
	width: 60.75px;
	height: 60.75px;
	margin-top: -22.5px;
	z-index: 1;
	cursor: pointer;
}
@media screen and (max-width: 600px) {
	.llw .contentsNav__prev, .llw .contentsNav__next {
		width: 10.125vw;
		height: 10.125vw;
		margin-top: -3.75vw;
	}
}
.llw .contentsNav__prev {
	left: -2px;
}
.llw .contentsNav__next {
	right: -2px;
}

/* 有効試験 */
.llw .shiken {
	position: relative;
}
.llw .shiken .inner {
	width: 100%;
	position: absolute;
	top: 39.7%;
	left: 0;
	right: 0;
	margin: auto;
}

/*医師　アコーディオン*/
.llw .overlayArea:has(> #acc) {
	overflow: hidden;
}
.llw .acc {
	height: 161.25px;
	margin-top: -115.9%;
	position: relative;
	z-index: 1;
	transition: all .5s;
}
@media screen and (max-width: 600px) {
	.llw .acc {
		height: 120px;
	}
}
.llw .acc::before {
	position: absolute;
	content: "";
	z-index: -1;
	background: top/100% auto no-repeat url(https://ken-bi.com/upload/vioteras_images/c_clearcerum02/lp04_doctor_shadow.png);
	width: 100%;
	height: 161.25px;
}
@media screen and (max-width: 600px) {
	.llw .acc::before {
		height: 120px;
	}
}
.llw .acc.on {
	margin-top: -8.9%;
}
.llw .acc__btn {
	width: 59.75%;
	top: 25.8%;
	left: 0.5%;
	right: 0;
	margin: 0 auto;
	cursor: pointer;
}
.llw .acc__btn .acc__btn--close {
	opacity: 0;
	z-index: 1;
}
.llw .acc__btn.on {
	top: -1.5%;
}
.llw .acc__btn.on .acc__btn--close {
	opacity: 1;
}
.llw .acc__btn.on .acc__btn--open {
	opacity: 0;
}