body{font-family: 'M PLUS Rounded 1c', sans-serif;margin: 0 auto;overflow-x: hidden;}
body{animation: fade-body 0.5s ease-in-out;}@keyframes fade-body {0% {opacity: 0;}100% {opacity: 1;}}

body {background: url(/assets/images/lp/bg_dot4.svg) repeat;background-size: 40vw auto; animation: body-bg-scroll 80s linear infinite;}
@keyframes body-bg-scroll {0% { background-position: 0 0; }100% { background-position: -100vw 0; }}

@media screen and (max-width:999px) {
body {background: url(/assets/images/lp/bg_dot4.svg) repeat;background-size: 100vw auto; animation: body-bg-scroll 60s linear infinite;}
@keyframes body-bg-scroll {0% { background-position: 0 0; }100% { background-position: -300vw 0; }}
}

.main{position: relative;max-width: 1920px;margin: 0 auto;}
.main h2{background-image: linear-gradient(90deg, rgba(40, 40, 40, 1), rgb(40, 40, 40));color: #fff;text-align: center;font-weight: 400;}
.main-warp div a{text-decoration: none;display: block;width: 100%;text-align: center;padding: 1rem 0rem;font-weight: 700;}
.main-warp div a:hover{opacity: 0.8;transition: 0.5s;}

@media screen and (max-width:999px) {
.main-warp div{width: 100%;margin: 10px 0px auto;}
.main-warp{top: 85%;left: 50%;transform: translateX(-50%)translateY(-50%);position: absolute;width: 80%;}
.main-warp div:nth-of-type(1) a{background-image: linear-gradient(90deg, rgba(255, 123, 179, 1), rgb(113, 163, 238));color: #fff;}
.main-warp div:nth-of-type(1) a{position: relative;}
.main-warp div:nth-of-type(1) a::before{content: '';position: absolute;background-image: url(/assets/images/lp/right-icon-white.svg);
width: 13px;height: 13px;background-repeat: no-repeat;background-size: contain;left: 92%;top: 50%;transform: translateX(-50%) translateY(-50%);
}

.main-warp div:nth-of-type(2) a{color: #ff7bb3;border: solid 1px;}
.pc-block{display: none;}
.sp-block{display: block;}
.main h2{font-size: 14px;padding: 1rem;top: 104%;position: absolute;transform: translateY(-50%);}
.main-warp div a{font-size: 18px;border-radius: 60px;}
.main-warp div p{font-size: 14px;text-align: center;color: rgba(255, 123, 179,1);}
.main-warp div span{display: block;font-size: 12px;}
.main{ margin: 0 auto;background-size: cover;/*background-image: linear-gradient(rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.95)), url('/assets/images/lp/area-bg-sp.gif');*/background-repeat: no-repeat;margin-bottom: 80px;}
.main-warp div:nth-of-type(1) a::after{content: '';position: absolute;background-image: url(/assets/images/lp/aff-cara3.svg?);width: 55px;height: 45px;background-repeat: no-repeat;background-size: contain;left: 15%;top: 50%;transform: translateX(-50%) translateY(-50%);}

}
@media screen and (min-width:1000px) {
.main-warp div{width: 65%;margin: 10px auto;}
.main-warp{position: absolute;display: flex;align-items: center;justify-content: center;width: 38%;top: 73.5%;left: 33%;transform: translateX(-50%)translateY(-50%);}
.pc-block{display: block;}
.sp-block{display: none;}
.main-warp div span{display: block;font-size: 14px;}
.main-warp div:nth-of-type(1) a{background-image: linear-gradient(90deg, rgb(255, 123, 179), rgb(113, 163, 238));color: #fff;border-radius: 60px;line-height: 1.2;}
.main-warp div a{font-size: 27px;}
.main-warp div p{font-size: 18px;text-align: center;color: rgba(255, 123, 179,1);font-weight: 700;margin-top: 10px;}
.main h2{font-size: 20px;padding: 1.5rem 0rem;top: 97%;width: 100%;position: absolute;transform: translateY(-50%);}
.main-warp div:nth-of-type(1) a{position: relative;}
.main-warp div:nth-of-type(1) a::before{content: '';position: absolute;background-image: url(/assets/images/lp/right-icon-white.svg);width: 16px;height: 16px;background-repeat: no-repeat;background-size: contain;left: 90%;top: 50%;transform: translateX(-50%) translateY(-50%);}
.main-warp div:nth-of-type(1) a::after{content: '';position: absolute;background-image: url(/assets/images/lp/aff-cara3.svg?);width: 65px;height: 55px;background-repeat: no-repeat;background-size: contain;left: 15%;top: 50%;transform: translateX(-50%) translateY(-50%);}
.main{ margin: 0 auto;background-size: contain;/*background-image: linear-gradient(rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.95)), url('/assets/images/lp/area-bg-pc.gif');*/background-repeat: no-repeat;margin-bottom: 40px;}

}

.scroll {position: absolute;height: 20px;transform: translateY(-50%) translateX(-50%);-ms-writing-mode: tb-rl;writing-mode: vertical-rl;z-index: 2;}
.scroll span {position: absolute;left: -10px;top: -40px;letter-spacing: 1px;}
.scroll::after {content: "";position: absolute;top: 0;width: 1px;height: 20px;animation: pathmove 1.4s ease-in-out infinite;opacity: 0;}
@keyframes pathmove {0% {height: 0;top: 0;opacity: 0;}30% {height: 20px;opacity: 1;}100% {height: 0;top: 40px;opacity: 0;}}
@media screen and (max-width:999px) {
.scroll {position: absolute;left: 93%;top: 90%;font-size: 13px;color: #ff7bb3;}
.scroll::after {background-image: linear-gradient(90deg, rgba(246,162,159, 1), rgb(113, 163, 238))}
.jello-horizontal{animation:jello-horizontal .9s both infinite;}
@keyframes jello-horizontal{0%{transform:scale3d(1,1,1) }30%{transform:scale3d(1.05,.95,1)}40%{transform:scale3d(.95,1.05,1)}50%{transform:scale3d(1.05,.95,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}100%{transform:scale3d(1,1,1)}}
}
@media screen and (min-width:1000px) {
.scroll {position: absolute;left: 95%;top: 80%;font-size: 16px;color: #000;}
.scroll::after {background-image: linear-gradient(90deg, rgba(246,162,159, 1), rgb(113, 163, 238))}
}

.aff-fade{opacity: 0;transition: opacity 1s ease-in-out;}
.aff-fade2{opacity: 0;transition: opacity 2s ease-in-out;}
.aff-fade3{opacity: 0;transition: opacity 3s ease-in-out;}
.aff-fade.visible {opacity: 1;}

.main {position: relative; }
.base-image {display: block;width: 100%;height: auto;}
.overlay-image {position: absolute;top: 0;left: 0;width: 100%;height: auto;pointer-events: none; }
.area-main-anim {animation: bounce-anim 0.6s cubic-bezier(0.280, 0.840, 0.420, 1.000) both;animation-delay: 0.5s;}
@keyframes bounce-anim {0% { transform: scale(0); opacity: 0; }40% { transform: scale(1.3); opacity: 1; }70% { transform: scale(0.9); }100% { transform: scale(1); }}
.area-main-anim2 {animation: area-main-anim-fade 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;animation-fill-mode: backwards;animation-delay: 0.5s;}
.area-main-anim3 {animation: area-main-anim-fade 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;animation-fill-mode: backwards;animation-delay: 0.1s;}
@keyframes area-main-anim-fade {0% {opacity: 0;}100% {opacity: 1;}}

@media screen and (max-width:999px) {.slider-wrapper{ margin: 0 auto;margin-bottom: -20px;}.slider2{margin-top: -50px;}}
@media screen and (min-width:1000px) {.slider-wrapper{ margin: 0 auto;margin-bottom: 40px;}}
.slider-wrapper {max-width: 1920px;}
/* Slick が幅を計算する前の原寸画像を見せない。初期化後は通常表示。 */
.slider:not(.slick-initialized),.slider2:not(.slick-initialized){visibility:hidden;max-height:240px;overflow:hidden;}
.slider img{margin-bottom: 10px;}
.slider img,.slider2 img {width: 95%;height: auto;border-radius: 5px;box-shadow: 0px 0px 6px #eee;}

@media screen and (max-width:999px) {
.area-earn h2 span{font-size: 30px;font-weight: 700;}
.area-earn h2{font-size: 16px;font-weight: 400;}
.area-earn p{font-size: 14px;}
.area-earn .flex p{width: 80%; position: relative;}
.area-earn p{padding: 1.5rem;}
.area-earn .flex p::before{content: '';position: absolute;background-image: url(/assets/images/lp/area-top-poke.svg?);width: 100px;height: 130px;background-repeat: no-repeat;background-size: contain;left: 105%;top: 50%;transform: translateX(-50%) translateY(-50%);}
.area-earn::before{content: 'CHATLADY';position: absolute;top: 50%;left: 50%;transform: translateX(-50%)translateY(-50%);font-size: 130px;font-weight: 700;color: #eee;opacity: 0.4;z-index: -1;}
.area-earn{overflow-x: hidden;}

}
@media screen and (min-width:1000px) {
.area-earn{margin-top: 20px;}
.area-earn h2 span{font-size: 42px;font-weight: 700;}
.area-earn h2{font-size: 20px;font-weight: 400;}
.area-earn p{font-size: 16px;}
.area-earn::before{content: 'CHATLADY';position: absolute;top: 50%;left: 50%;transform: translateX(-50%)translateY(-50%);font-size: 30vh;font-weight: 700;color: #eee;opacity: 0.4;z-index: -1;}
.area-earn p{padding: 2rem;}
.area-earn .flex p{width: 70%;position: relative;}
.area-earn .flex p::before{content: '';position: absolute;background-image: url(/assets/images/lp/area-top-poke.svg?);width: 130px;height: 160px;background-repeat: no-repeat;background-size: contain;left: 115%;top: 50%;transform: translateX(-50%) translateY(-50%);}
}

.area-earn h2{position: relative;color: #333;text-align: center;margin-bottom: 40px;}
.area-earn h2::after {content: '';display: inline-block;position: absolute;bottom: -15px;left: 50%;transform: translateX(-50%);width: 60px;height: 4px;background-color: #ff7bb3;border-radius: 5px;}
.area-earn h2 span{display: block;color: #ff7bb3;}
.area-earn p{margin: 1rem;line-height: 2;box-shadow: 0px 0px 6px #eee;background: rgba(255,255,255, 0.6);border-radius: 5px;}
.area-earn-warp{max-width: 1000px;margin: 0 auto;}
.area-earn .flex{display: flex;flex-wrap: wrap;box-sizing: border-box}
.area-earn{position: relative;}
.area-bonus-link{display: block;text-align: center;margin-top: 4rem;}
.area-bonus-link a{text-decoration: none;color: #fff;border: solid 1px;border-radius: 60px;padding: 1rem 4rem;font-size: 20px;position: relative;}
.area-bonus-link a:hover{opacity: 0.8;transition: 0.5s;}
.area-bonus-link a::before{content: '';background-image: url(/assets/images/lp/right-icon-white.svg);position: absolute;background-size: contain;background-repeat: no-repeat;width: 16px;height: 16px;left: 90%;top: 50%;transform: translateX(-50%) translateY(-50%);}
.area-bonus-flex div{position: relative;}


@media screen and (max-width:999px) {
.area-bonus-img-sp {margin: 0 auto;display: block;width: 90%;height: auto;border-radius: 5px;box-shadow: 0px 0px 6px #eee;}
.area-bonus-img-pc {display: none;}
.area-img-sp{margin: 0 auto;display: block;width: 90%;height: auto;border-radius: 5px;box-shadow: 0px 0px 6px #eee;}
.area-bonus-flex div{padding:0.5rem 0rem 0.5rem 0rem;background: rgba(255, 255, 255);color: #333;box-sizing: border-box;border-radius: 5px;}
.area-bonus{ background-image: linear-gradient(90deg, rgba(65, 164, 253, 1), rgba(14, 244, 255, 1));padding-top: 100px;margin-top: 40px;padding-bottom: 60px;padding-left: 1rem;padding-right: 1rem;position: relative;}
.area-bonus::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: radial-gradient(rgba(255, 255, 255, 0.7) 1.5px, transparent 1.5px);background-size: 20px 20px; pointer-events: none;}

.slider3 P,.slider4 P{padding:1rem 1rem 0rem 1rem;font-size: 16px;}
.slider3,.slider4 {display: block;width: 100%;margin: 0 auto;margin-top: 20px;}
.slick-slide{display: flex;justify-content: center;}
.slick-dots{text-align: center;bottom: 10px;}
.slick-prev, .slick-next {z-index: 10;top: 50%;transform: translateY(-50%);width: 50px;height: 50px;background-image: linear-gradient(90deg, rgba(65, 164, 253, 0.7), rgba(65, 164, 253, 0.7));border-radius: 50%;}
.slick-prev {left: 10px;}
.slick-next {right: -15px;}
.slick-prev::before, .slick-next::before {font-size: 13px;line-height: 1;color: white;opacity: 0.75;}
.slick-prev::before {content: "←"; }
.slick-next::before {content: "";position: absolute;background-image: url(/assets/images/lp/right-icon-white.svg);background-size: contain;background-repeat: no-repeat;width: 15px;height: 17px;left: 55%;top: 50%;transform: translateX(-50%)translateY(-50%);}
.slick-dots {position: absolute;bottom: -30px;left: 50%;transform: translateX(-50%);display: flex !important;justify-content: center;list-style: none;padding: 0;}
.slick-dots li {margin: 0 5px;}
.slick-dots li button {font-size: 0;width: 12px;height: 12px;background: #eee;border-radius: 50%;border: none;outline: none;cursor: pointer;}
.slick-dots li.slick-active button {background-image: linear-gradient(90deg, rgba(14, 244, 255, 1), rgba(14, 244, 255, 1));}
.slick-dots li button::before {content: "" !important; }
.slick-prev {display: none !important;}
.slick-next:focus {background-image: linear-gradient(90deg, rgba(65, 164, 253, 1), rgba(14, 244, 255, 1));}
.area-bonus h2{font-size: 24px;}
.area-bonus h2::before{width: 70px;height: 90px;left: 50%;top: -35px;}
.area-bonus h2 span{font-size: 16px;}
}

@media screen and (min-width:1000px) {
.area-bonus{  background-image: linear-gradient(90deg, rgba(65, 164, 253, 1), rgba(14, 244, 255, 1));padding-top: 100px;margin-top: 40px;padding-bottom: 80px;position: relative;}
.area-bonus::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: radial-gradient(rgba(255, 255, 255, 0.7) 1.5px, transparent 1.5px);background-size: 20px 20px; pointer-events: none;}
.area-bonus-img-pc {margin: 0 auto;display: block;width: 80%;height: auto;}
.area-bonus-img-sp {display: none;}
.area-bonus-flex{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;max-width: 1200px;margin: 0 auto;margin-top: 40px;}
.area-bonus-flex div{width: calc(100% / 3 - 15px);padding:1rem 2rem;box-sizing: border-box;background: #fff;margin: 5px;border-radius: 5px;color: #333;}
.area-bonus-flex div:nth-of-type(1)::before,.area-bonus-flex div:nth-of-type(2)::before,.area-bonus-flex div:nth-of-type(3)::before{font-size: 20px;font-weight: 700;position: absolute;background: #333;color: #fff;width: 60px;height: 60px;line-height: 60px;border-radius: 50%;text-align: center;left: 5%;top: 5%;transform: translateX(-50%) translateY(-50%);}
.area-bonus-flex div:nth-of-type(1)::before{content: '01';}
.area-bonus-flex div:nth-of-type(2)::before{content: '02';}
.area-bonus-flex div:nth-of-type(3)::before{content: '03';}
.area-bonus h2{font-size: 36px;margin-top: 70px;margin-bottom: 40px;}
.area-bonus h2 span{font-size: 20px;}
.area-bonus h2::before{width: 100px;height: 120px;left: 0;top: 50%;}
.area-bonus h2::after{content: '';position: absolute;background-image: url(/assets/images/lp/aff-cara.svg);background-repeat: no-repeat;background-size: contain;transform: translateX(-50%)translateY(-50%);width: 100px;height: 120px;left: 100%;top: 50%;}
}

.area-bonus h2{padding: 1rem 0.5rem 0.5rem 0.5rem;border-bottom: 3px solid #d2d2d2;background-color: rgba(255, 255, 255, 0.99);color: rgba(65, 164, 253, 1);text-align: center;position: relative;max-width: 1000px;margin: 0 auto;line-height: 1.3;}
.area-bonus h2::before{content: '';position: absolute;background-image: url(/assets/images/lp/aff-cara.svg);background-repeat: no-repeat;background-size: contain;transform: translateX(-50%)translateY(-50%);}
.area-bonus h2 span{font-family: "游明朝体", "Yu Mincho", serif;display: block;}


@media screen and (max-width:999px) {
.aff-gif{margin-bottom: 20px;}
.aff-gif-sp{display: block;}
.aff-gif-pc{display: none;}
}
@media screen and (min-width:1000px) {
.aff-gif{margin-top: 100px;margin-bottom: 20px;}
.aff-gif-sp{display: none;}
.aff-gif-pc{display: block;}
}
.aff-gif{width: 90%;max-width:1200px;margin: 0 auto;text-align: center;}

.reason{/*90deg, rgba(104, 192, 221, 1), rgba(172, 118, 185, 1))*/padding: 1rem;margin-top: 60px;margin-bottom: 60px;}
.reason-bg{ background-image: linear-gradient(90deg, rgba(141, 139, 226, 1), rgba(253, 187, 203, 1));position: relative;}
.reason-bg2{ background-image: linear-gradient(315deg, #ffac81 0%, #ff928b 74%);position: relative;}
.reason-bg::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: radial-gradient(rgba(255, 255, 255, 0.7) 1.5px, transparent 1.5px);background-size: 20px 20px; pointer-events: none;}
.reason-bg2::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: radial-gradient(rgba(255, 255, 255, 0.7) 1.5px, transparent 1.5px);background-size: 20px 20px; pointer-events: none;}
.reason h2{padding: 1rem 0.5rem 0.5rem 0.5rem;border-bottom: 3px solid #d2d2d2;background-color: rgba(255, 255, 255, 0.99);color: rgba(255, 123, 179, 1);text-align: center;position: relative;max-width: 1000px;margin: 0 auto;line-height: 1.3;}
.reason h2::before{content: '';position: absolute;background-image: url(/assets/images/lp/aff-cara.svg);background-repeat: no-repeat;background-size: contain;transform: translateX(-50%)translateY(-50%);}
.reason h2 span{font-family: "游明朝体", "Yu Mincho", serif;display: block;}
.reason-flex{display: flex;flex-wrap: wrap;margin: 0 auto;max-width: 1500px;margin-top: 20px;}
.reason-flex div p{line-height: 1.5;}
.reason-flex div span{display: block;color: #333;padding: 5px;line-height: 1.3;margin: 10px -5px -5px -5px;border-top: solid 1px #333;color: #333;}
.reason-flex div span b{display: block;text-align: center;color: #333;border-bottom: dotted 1px;margin-bottom: 5px;padding-bottom: 5px;}
.reason-balloon {display: flex;justify-content: center;align-items: center;gap: 0 22px;margin: 0 auto;margin-top: 30px;max-width: 900px;}
.reason-balloon p {position: relative;max-width: 600px;padding: 1rem;border-radius: 5px;background-color: #fff;color: #333333;}
.reason-balloon p::before {position: absolute;left: -13px;width: 15px;height: 15px;background-color: #fff;clip-path: polygon(0 50%, 100% 0, 100% 100%);content: '';}
.reason-balloon2 {display: flex;justify-content: center;align-items: center;gap: 0 22px;margin: 0 auto;margin-top: 30px;max-width: 700px;width: 90%;}
.reason-balloon2 p {position: relative;max-width: 600px;padding: 1rem;border-radius: 5px;background-color: #eee;color: #333333;}
.reason-balloon2 p::before {position: absolute;left: -13px;width: 15px;height: 15px;background-color: #eee;clip-path: polygon(0 50%, 100% 0, 100% 100%);content: '';}

@media screen and (max-width:999px) {
.reason-flex div{width: calc(100% / 1 - 10px);}
.reason h2{font-size: 24px;margin-top: 80px;margin-bottom: 20px;}
.reason h2::before{width: 70px;height: 90px;left: 50%;top: -35px;}
.reason h2 span{font-size: 16px;}
.reason-flex div h3{margin-top: -20px;}
.reason-flex div p{font-size: 16px;}
.reason-flex div span{font-size: 16px;}
.reason-flex div::before{width: 40px;height: 40px;line-height: 40px;left: 50%;top: 5px;font-size: 12px;}
.reason-balloon p {font-size: 13px;}
.reason-balloon img {max-width: 70px;height: 100px;}
.reason-balloon2 p {font-size: 13px;}
.reason-balloon2 img {max-width: 70px;height: 100px;}

.reason-end h3{font-size: 20px;}
.reason-end p{font-size: 14px;line-height: 1.8;}
.reason-end table{font-size: 16px;}
.reason h4{font-size: 16px;color: #fff;margin-top: 20px;}
.sp-block{display: block;}
.reason-flex div{padding:0rem 0rem 0.5rem 0rem;;box-sizing: border-box;border-radius: 5px;background: rgba(255, 255, 255, 0.99);position: relative;}
}

@media screen and (min-width:1000px) {
.reason{padding-bottom: 60px;}
.reason-flex div h3{margin-top: 20px;border-radius: 5px;}
.reason-flex div{margin: 5px;padding: 0.5rem 1rem;box-sizing: border-box;border-radius: 5px;background: rgba(255, 255, 255, 0.99);position: relative;}
.reason-flex div{width: calc(100% / 4 - 10px);max-width: 1500px;}
.reason h2{font-size: 36px;margin-top: 70px;margin-bottom: 40px;}
.reason h2 span{font-size: 20px;}
.reason h2::before{width: 100px;height: 120px;left: 0;top: 50%;}
.reason h2::after{content: '';position: absolute;background-image: url(/assets/images/lp/aff-cara.svg);background-repeat: no-repeat;background-size: contain;transform: translateX(-50%)translateY(-50%);width: 100px;height: 120px;left: 100%;top: 50%;}
.reason-flex div p{font-size: 16px;}
.reason-flex div span{font-size: 15px;}
.reason-end p{font-size: 15px;line-height: 2;max-width: 800px;margin: 0 auto;}
.reason-balloon p {font-size: 16px;}
.reason-balloon2 p {font-size: 16px;}
.reason-flex div h3{font-size: 16px;}
.reason-balloon img {max-width: 100px;height: 100px;}
.reason-balloon2 img {max-width: 100px;height: 100px;}
.reason-balloon{display: none;}
.reason-flex div::before{width: 50px;height: 50px;line-height: 50px;left: 50%;top: 0px;font-size: 14px;}
.reason img{max-width: 600px;}
.reason-end h3{font-size: 30px;}
.reason-end table{font-size: 24px;}
.reason h4{font-size: 24px;color: #fff;margin-top: 20px;}
.reason-end{display: flex;padding:1rem 3rem 2rem 3rem;}
.sp-block{display: none;}
}

.reason-end{background-color: rgba(255, 255, 255, 0.99);border-radius: 5px;max-width: 1500px;margin: 0 auto;z-index: 2;position: relative;}
.reason-end p{padding: 1rem 2rem;}
.reason-end h3{color: rgba(255, 123, 179, 1);text-align: center;padding-top: 30px;position: relative;line-height: 1.3;}
.reason-end h3:before {content: '';display: inline-block;position: absolute;bottom: -10px;left: 50%;transform: translateX(-50%);width: 60px;height: 2px;background-color: rgba(255, 123, 179, 1);}
.reason-end table{width: 90%;margin: 0 auto;border-collapse: collapse;margin-top: 30px;margin-bottom: 30px;box-shadow: 0px 0px 10px #eee;max-width: 600px;}
.reason-end th{text-align: center;padding: 0.5rem;}
.reason-end tr:nth-of-type(1){background: #727272;color: #fff;}
.reason-end tr:nth-of-type(3){background: linear-gradient(90deg, rgba(104, 192, 221, 1), rgba(172, 118, 185, 1));color: #fff;}
.reason-end td{text-align: center;padding: 0.5rem;background: #fff;width: calc(100%/2);}
.reason-end td:nth-of-type(1){border-right: dotted 1px #eee;}

@media screen and (max-width:999px) {
.area-beauty-01 h2,.area-beauty-03 h2,.area-beauty-04 h2{font-size: 18px;line-height: 1.2;margin-bottom: 20px;margin-top: 80px;}
.area-beauty-01 h2::before,.area-beauty-03 h2::before,.area-beauty-04 h2::before{top: -30px;left: 50%;transform: translateX(-50%) translateY(-50%);width: 100%;font-size: 36px;}
.area-beauty-01 P,.area-beauty-03 P,.area-beauty-04 P{line-height: 2;font-size: 14px;margin: 1rem;padding: 2rem;}
.area-beauty-02 h2{font-size: 30px;}
.area-beauty-02 table{width: 90%;}
.area-beauty-02 table td{font-size: 18px;}
.area-beauty-02 p{line-height: 2;font-size: 14px;margin: 1.5rem;padding: 2rem;border-radius: 5px;}
.reason-balloon3 p {font-size: 13px;}
.reason-balloon3 img {max-width: 70px;height: 100px;left: 10px;}
}

@media screen and (min-width:1000px) {
.area-beauty-01{display: flex;flex-wrap: wrap;max-width: 1300px;margin: 0 auto;box-sizing: border-box;align-items: center;justify-content: center;}
.area-beauty-01 div{width: calc(100% / 2 - 40px);padding: 20px;}
.area-beauty-01 h2,.area-beauty-03 h2,.area-beauty-04 h2{font-size: 20px;line-height: 1.2;margin-bottom: 20px;margin-top: 60px;padding-top: 10px;}
.area-beauty-01 h2::before,.area-beauty-03 h2::before,.area-beauty-04 h2::before{top: -30px;left: 50%;transform: translateX(-50%) translateY(-50%);width: 100%;font-size: 60px;}
.area-beauty-01 P,.area-beauty-03 P,.area-beauty-04 P{line-height: 2;font-size: 16px;padding: 1rem 2rem;}
.area-beauty-02 h2{font-size: 36px;}
.area-beauty-02 table{width: 100%;}
.area-beauty-02 table td{font-size: 24px;}
.area-beauty-02 p{font-size: 16px;padding: 1rem 2rem;max-width: 1200px;margin: 0 auto;margin-top: 2rem;margin-bottom: 2rem;}
.area-beauty-03{display: flex;flex-wrap: wrap;max-width: 1300px;margin: 0 auto;box-sizing: border-box;align-items: center;justify-content: center; flex-direction: row-reverse}
.area-beauty-03 div{width: calc(100% / 2 - 40px);padding: 20px;}
.area-beauty-04{display: flex;flex-wrap: wrap;max-width: 1300px;margin: 0 auto;box-sizing: border-box;align-items: center;justify-content: center; }
.area-beauty-04 div{width: calc(100% / 2 - 40px);padding: 20px;}
.reason-balloon3 p {font-size: 16px;}
.reason-balloon3 img {max-width: 100px;height: 100px;}
}

.area-beauty-01 h2,.area-beauty-03 h2,.area-beauty-04 h2{position: relative;font-family: "Noto Serif JP", serif;color: #333333;text-align: center;}
.area-beauty-01 h2::before,.area-beauty-03 h2::before,.area-beauty-04 h2::before{position: absolute;z-index: -1;background: -webkit-linear-gradient(0deg, #ff7bb3, #C92092);-webkit-background-clip: text;-webkit-text-fill-color: transparent;line-height: 1;content: attr(data-word);pointer-events: none;}
.area-beauty-01 P,.area-beauty-03 P,.area-beauty-04 P{box-shadow: 0px 0px 6px #eee;border-radius: 5px;}
.area-beauty-02{ animation: gradientAnimation 10s ease infinite;background: -webkit-linear-gradient(0deg, #8528C0, #C92092);background-size: 200% 200%;background-position: 0% 0%;padding: 2rem 0rem;margin: 2rem auto;}
.area-beauty-02 p{line-height: 2;box-shadow: 0px 0px 6px #eee;color: #fff;box-sizing: border-box;display: block;}
.area-beauty-02 h2{text-align: center;color: #fff;}
.area-beauty-02 table{max-width: 1200px;text-align: center;margin: 0 auto;color: #fff;}
.area-beauty-02 table td{width: 50%;}
.area-beauty-02 table td{border: solid 1px #fff;padding: 1.5rem 0rem;}
.reason-balloon3 {display: flex;justify-content: center;align-items: center;gap: 0 22px;margin: 0 auto;margin-top: 30px;max-width: 900px;width: 90%;}
.reason-balloon3 p {position: relative;max-width: 800px;padding: 1rem;border-radius: 5px;background-color: #fff;color: #333333;}
.reason-balloon3 p::before {position: absolute;left: -13px;width: 15px;height: 15px;background-color: #fff;clip-path: polygon(0 50%, 100% 0, 100% 100%);content: '';}
.video-bg {position: relative;width: 100%;min-height: 100vh;overflow: hidden;display: flex;justify-content: center;align-items: center;}
.video-bg video {position: absolute;top: 50%;left: 50%;width: auto;height: 100%;min-width: 100%;min-height: 100%;transform: translate(-50%, -50%);object-fit: cover;}
.video-bg::after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(to bottom, rgba(243,123,171, 0.9), rgba(255, 170, 148, 0.9));pointer-events: none;z-index: 1;}
.video-bg::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: radial-gradient(rgba(255, 255, 255, 0.7) 1.5px, transparent 1.5px);background-size: 20px 20px; pointer-events: none;z-index: 2; }
.video-bg .warp{position: relative; width: 95%;max-width: 1500px; padding: 2rem; z-index: 3;border-radius: 5px;}
.video-bg iframe{max-width: 600px;aspect-ratio: 16 / 9;height: auto;box-shadow: 0px 0px 6px #eee;border-radius: 5px;}
.video-bg p{padding: 1rem;line-height: 2;font-size: 14px;}
.video-bg iframe{width: 100%;}
.video-bg h2 {font-size: 20px;}
.video-bg h2::first-letter{font-size: 40px;color: #ff7bb3;}
.video-bg h2::before {font-size: 14px;}
.video-bg h3 {font-size: 16px;}
.video-bg .warp{background: linear-gradient(to bottom, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9));}
.video-bg {padding: 60px 0;margin-bottom: 60px;}
@media screen and (min-width:1000px) {
.flex-pc{display: flex;align-items: center;justify-content: center;box-sizing: border-box;width: 100%;}
.flex-pc .flex-warp{width: calc(100% / 2 - 50px);padding:0px 40px;}
.video-bg .warp{background: linear-gradient(to bottom, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9));box-shadow: 0px 0px 6px #eee;border-radius: 10px;}
.video-bg iframe{width: 100%;}
.iframe-box::before{content: '';position: absolute;background-image: url(/assets/images/lp/aff-cara.svg);background-repeat: no-repeat;background-size: contain;transform: translateX(-50%)translateY(-50%);width: 120px;height: 130px;left: 115%;top: 50%;}
.iframe-box::after{content: '';position: absolute;background-image: url(/assets/images/lp/aff-cara.svg);background-repeat: no-repeat;background-size: contain;transform: translateX(-50%)translateY(-50%);width: 120px;height: 130px;left: -15%;top: 50%;}
.video-bg p{padding: 1rem;line-height: 2;font-size: 16px;}
.video-bg h2 {font-size: 40px;}
.video-bg h2::first-letter{font-size: 55px;color: #ff7bb3;}
.video-bg h2::before {font-size: 16px;}
.video-bg h3 {font-size: 20px;}
.video-bg::after {background: linear-gradient(to bottom, rgba(243,123,171, 0.9), rgba(255, 170, 148, 0.9))}
.video-bg {padding: 80px 0;margin-bottom: 80px;}
}

.video-bg h2 {color: #666;font-weight: 700;letter-spacing: .04em;text-align: center;position: relative;margin-bottom: 40px;}
.video-bg h2::before {display: block;font-weight: 400;line-height: 1.5;letter-spacing: .02em;content: attr(data-label);position: absolute;bottom: -20px;left: 50%;transform: translateX(-50%)translateY(-50%);}
.video-bg h2::after {content: '';display: block;position: absolute;background: #ff7bb3;width: 30px;height: 5px;border-radius: 60px;bottom: -25px;left: 50%;transform: translateX(-50%)translateY(-50%);}
.video-bg h3 {display: inline-block;position: relative;padding: .5em 1.4em .5em 1em;background-color: #000;color: #fff;margin-bottom: 10px;}
.video-bg h3::before {position: absolute;bottom: -1px;right: 9px;z-index: -1;transform: rotate(5deg);width: 70%;height: 50%;background-color: #d0d0d0;content: "";filter: blur(4px);}
.iframe-box{max-width: 600px;margin: 0 auto;position: relative;}
.image-slider,.image-slider2 {display: flex;list-style-type: none;padding: 0;margin: 0;position: relative;}
.image-slider li,.image-slider2 li {min-width: 100%;transition: transform 0.5s ease-in-out;}
.slick-dots {position: absolute;bottom: -30px;left: 50%;transform: translateX(-50%);display: flex;justify-content: center;list-style: none;width: 20px;}
.slick-dots li button {font-size: 0;width: 12px;height: 12px;background: #333;border-radius: 50%;border: none;outline: none;cursor: pointer;}
.slick-dots li.slick-active button {background-image: linear-gradient(90deg, rgba(255, 123, 179, 1), rgba(255, 123, 179, 1));}
.slick-dots li button::before {content: "" !important; }
.image-slider img,.image-slider2 img{box-shadow: 0px 0px 6px #eee;border-radius: 5px;}