/*
.lp-box {background: url(https://pokewaku.jp/wp-content/themes/blankslate-child/assets/images/lp/lp-img-dot.webp) repeat;background-size: 40vw auto; animation: fade-body 0.5s ease-in-out, body-bg-scroll 80s linear infinite;}
@keyframes body-bg-scroll {0% { background-position: 0 0; }100% { background-position: -100vw 0; }}
*/

@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;700&display=swap');
body{margin: 0 auto;font-family: 'M PLUS Rounded 1c', sans-serif;font-size: 15px;}

.lp-box{overflow-x: hidden; max-width: 480px;box-shadow: 0 2px 8px rgba(64, 62, 61, .1);margin: 0 auto;animation: fade-body 0.5s ease-in-out,}
@keyframes body-bg-scroll {0% { background-position: 0 0; }100% { background-position: -100vw 0; }}

.lp-main{position: relative;margin: 0 auto;padding-top: 147.3%;}
.lp-box{position: relative;}


.lp-box::after {
content: "";
position: absolute;
top: 0; left: 0;
width: 100%;
height: 100%;
background-image: radial-gradient(currentColor 1px, transparent 1px);
background-size: 8px 8px; /* ドット間隔調整 */
z-index: -1; /* スライドより下に置くなら 0, 上に置くなら 2以上 */
pointer-events: none;
color: rgba(255, 105, 135, 0.2); /* ドットの色・透明度 */
}



@keyframes image1 {0% {opacity: 0;}

100% {opacity: 1;}}

.lp-main-img4 {position: absolute;z-index: 3;animation: bounceIn 1050ms backwards,filter 1s ease-in infinite;animation-delay: 500ms;top: 50%;transform: translate(0, -50%);}

@keyframes bounceIn {

from,
20%,
40%,
60%,
80%,
to {
animation-timing-function: cubic-bezier(0.1, 0.1, 0.1, 1);
}

0% {

opacity: 0;
transform: scale3d(0.3, 0.3, 0.3) translate(0, -50%);
}

20% {
transform: scale3d(3, 3, 3) translate(0, -50%);
}

40% {
transform: scale3d(0.3, 0.3, 0.3) translate(0, -50%);
}

60% {
opacity: 1;
transform: scale3d(1.2, 1.2, 1.2) translate(0, -50%);
}

80% {
transform: scale3d(0.97, 0.97, 0.97) translate(0, -50%);
}

to {
opacity: 1;
position: absolute;
top: 50%;
transform: scale3d(1, 1, 1) translate(0, -50%);
}
}

.lp-main-img5 {position: absolute;top: 0;left: 0;z-index: 3;animation: image1 1s forwards 1s;opacity: 0;}

@keyframes filter{0%{ filter: hue-rotate(0deg)}35%{ filter: hue-rotate(40deg);}70%{ filter:  hue-rotate(-40deg)}100%{ filter:  hue-rotate(0deg)}}


a.lp-btn:hover{opacity: 0.8;transition: 0.5s;box-shadow: 0px 0px 6px #fd644f;}
a.lp-btn {position: relative;display: block;font-size: 20px;color: #fff;width: 85%;max-width: 380px;padding: 1.2rem 0rem;text-align: center;display: block;margin: 0 auto;background:transparent linear-gradient(90deg, #ff6987 0%, #ff981d 100%) 0% 0% no-repeat padding-box;box-shadow: 0px 3px 20px #FBDEE5;text-decoration: none;border-radius: 40px;line-height: 1.2;margin-top: 20px;margin-bottom: 20px;transition-duration: .5s;}
a.lp-btn::before {content: '';position: absolute;background-image: url(https://pokewaku.jp/wp-content/themes/blankslate-child/assets/images/lp/right-icon-white.svg);width: 13px;height: 13px;background-size: contain;background-repeat: no-repeat;left: 90%;top: 50%;transform: translateX(-50%)translateY(-50%);}
a.lp-btn span {font-size: 13px;display: block;}
a.lp-btn::after{content:  attr(data-label);position: absolute;top: 50%;left: 0;transform: translateX(-50%) translateY(-50%);background: #fff;border-radius: 50%;width: 60px;height: 60px;font-size: 10px;white-space: pre-line;color: #ff6987;display: flex; align-items: center;justify-content: center;text-align: center;font-size: 13px;}

.lp-content{margin-top: -40px;padding-top: 20px;}

.head-1{color: #fd644f;position: relative;text-align: center;font-size: 24px;margin-top: 40px;margin-bottom: 40px;}
.head-1::before{
content: attr(data-label);
position: absolute;
top: 170%;
left: 50%;
transform: translateX(-50%)translateY(-50%);
background-image: linear-gradient(90deg, rgba(255,106,133,0.8), rgba(255,152,29,0.8));
color: #fff;
padding:5px 25px;
font-size: 20px;
letter-spacing: 3px;
}

.head-1::after{
content: '';
position: absolute;
background-image: url(https://pokewaku.jp/wp-content/themes/blankslate-child/assets/images/lp/voifull_lp_07.webp);
background-size: contain;
background-repeat: no-repeat;
width: 200px;
height: 200px;
left: 95%;
top: 60%;
transform: translateX(-50%)translateY(-50%) rotate(-40deg);
}

.voi-box{
background-image: linear-gradient(90deg, rgba(255,106,133,0.5), rgba(255,152,29,0.5));
padding: 2rem 1rem;
margin-top: 30px;
}
.voi-box p{
background: #fff;
padding: 2rem 1rem;
border-radius: 5px;
font-size: 14px;
line-height: 2;
}

@keyframes bounce {
0% {transform: translateY(0) scale(1); }
30% {transform: translateY(0px) scale(1.05); }
50% {transform: translateY(0) scale(0.95); }
70% {transform: translateY(0px) scale(1.05);}
100% {transform: translateY(0) scale(1); }
}

.hover-img{transition-duration: .5s;}
.hover-img:hover{display: inline-block;overflow: hidden;transition: 0.5s;transform: scale(1.1);opacity: 0.8;}

.lp-slide {position: absolute;top: 0;left: 0;width: 100%;opacity: 0;transition: opacity 1.5s ease;z-index: 2;}
.lp-slide img {width: 100%;height: auto;}
.first-slide {animation: firstFade 3s ;}
@keyframes firstFade {0% { opacity: 0; }100% { opacity: 1; }}
.bg-video {position: fixed;top: 50%;left: 50%;max-width: 428px;  margin: 0 auto;   box-sizing: border-box;min-height: 100%;width: auto;height: auto;object-fit: cover;  transform: translate(-50%, -50%);z-index: -1;opacity: 0.1;pointer-events: none;}

.voi-h3{background: linear-gradient(to right, #FFCA00, #F9786D);color: #fff;text-align: center;font-size: 18px;margin: 2rem;padding: 1rem 0.2rem;border-radius: 5px;}

.lp-h2{font-size: 30px;position: relative;text-align: center;margin-top: 100px;line-height: 1.5;letter-spacing: 2px;background: linear-gradient(to right, #FFCA00, #F9786D);-webkit-background-clip: text;-webkit-text-fill-color: transparent;margin-bottom: 10px;}
.lp-h2 b{color: #F9786D;letter-spacing: 2px;font-weight: 600;}
.lp-h2 span{font-size: 13px;display: block;}
.lp-h2::before{content: '';position: absolute;background-image: url(https://pokewaku.jp/wp-content/themes/blankslate-child/assets/images/lp/lp-head-ac.svg);width: 80px;height: 80px;background-size: contain;background-repeat: no-repeat;left: 50%;top: 0;transform: translateX(-50%)translateY(-50%);}

#inexperience h2{position: relative;font-size: 36px;text-align: center;line-height: 1.2;margin-top: 100px; background: linear-gradient(to right, #FFCA00, #F9786D);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
#inexperience h2 span{font-size: 13px;display: block;}
#inexperience h2::before{content: '';position: absolute;background-image: url(https://pokewaku.jp/wp-content/themes/blankslate-child/assets/images/lp/lp-safe-02.webp);background-repeat: no-repeat;background-size: contain;width: 90px;height: 90px;left: 50%;top: -40px;transform: translateX(-50%)translateY(-50%);}

#inexperience{background: transparent linear-gradient(180deg, rgba(247,243,235,0.2) 0%, rgba(255,152,29,0.2) 57%, rgba(255,106,133,0.2) 100%) 0% 0% no-repeat padding-box;padding-bottom: 20px;}

.inex-flex,.inex-flex2{display: flex;padding: 1rem;justify-content: center;align-items: center;}
.inex-flex div:nth-of-type(1){width: 30%;padding: 0.5rem;}
.inex-flex div:nth-of-type(2){width: 70%;padding: 1rem;}
.inex-flex2 div:nth-of-type(1){width: 70%;padding: 1rem;}
.inex-flex2 div:nth-of-type(2){width: 30%;padding: 0.5rem;}
.inex-flex{margin-bottom: -40px;}
.inex-flex2{margin-bottom: -40px;}

.fixed-regbtn {position: fixed;width: 95%;max-width: 480px;margin: 0 auto;left: 50%;transform: translateX(-50%);z-index: 999;margin-bottom: 30px;filter: drop-shadow(0px 0px 10px #fff);}

.balloon {display: flex;justify-content: center;align-items: center;gap: 0 22px;width: 90%;margin: 0 auto;margin-bottom: 40px;margin-top: 40px;}
.balloon img {max-width: 90px;height: 100%;}
.balloon div {position: relative;max-width: 600px;margin: 3px 0 0;padding: 1rem;border-radius: 5px;background-color: #fef9e4;color: #333333;font-size: 14px;line-height: 2;}
.balloon div::before {position: absolute;left: -15px;width: 15px;height: 20px;background-color: #fef9e4;clip-path: polygon(0 50%, 100% 0, 100% 100%);content: '';}

.inex-p{padding: 2.5rem;;font-size: 13px;line-height: 2;}


.area-job-table{position: relative;border: solid 1px #F9786D;border-collapse: collapse;max-width: 1000px;margin: 0 auto;margin-top: 50px;width: 90%;margin-bottom: 30px;font-size: 14px;}
.area-job-table td{padding: 1rem;line-height: 1.6;background: rgba(255,255,255,0.6);}
.area-job-table td:nth-of-type(1){width: 30%;background: #fef0ee;text-align: center;border-right: solid 1px #F9786D;}
.area-job-table td a{text-align: right;display: block;padding-right: 10px;text-decoration: none;color: #F9786D;}
.area-job-table td span{color: #F9786D;padding-right: 6px;}

#register{padding-bottom: 20px;}
.register-p{padding: 2.5rem;;font-size: 13px;line-height: 2;}
.register-flex{display: flex;padding: 0rem 2.5rem;align-items: center;justify-content: center;}
.register-flex div{width: calc(100%/2);padding: 1rem;}
.register-h3,
.register-h3-2,
.register-h3-3{background: #F9786D;color: #fff;width: 140px;margin: 0 auto;text-align: center;padding: 1rem;font-size: 13px;border-radius: 30px;position: relative;}
.register-h3::before,
.register-h3-2::before,
.register-h3-3::before{position: absolute;background: #fff;color: #F9786D;border: solid 1px #F9786D;border-radius: 50%;width: 30px;height: 30px;line-height: 30px;left: 0;top: 50%;transform: translateX(-50%)translateY(-50%);}
.register-h3::before{content: '01';}
.register-h3-2::before{content: '02';}
.register-h3-3::before{content: '03';}
.register-flex p{padding: 1rem 0rem;}
.register-box{position: relative;margin: 0 auto;text-align: center;margin-bottom: -40px;margin-top: -40px;}
.register-box span{font-size: 24px;display: block;color: #000;}
.register-box h3{font-size: 100px;color: #C9B076;}
.register-box h3 small{font-size: 40px;}
.register-box::before{content: '';position: absolute;background-image: url(https://pokewaku.jp/wp-content/themes/blankslate-child/assets/images/lp/lp-regis-02.svg);width: 80px;height: 80px;left: 85%;top: 0;transform: translateX(-50%)translateY(-50%);background-size: contain;background-repeat: no-repeat;}
.register-box::after{content: '';position: absolute;background-image: url(https://pokewaku.jp/wp-content/themes/blankslate-child/assets/images/lp/lp-regis-02.svg);width: 80px;height: 80px;left: 15%;top: 100%;transform: translateX(-50%)translateY(-50%);background-size: contain;background-repeat: no-repeat;}
.yellow_line {background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #fff200 0%) repeat scroll 0 0;font-weight: 500;text-shadow: 0px 0px 10px #fff;font-weight: 700;}
.fade-body{animation: fade-body 0.5s ease-in-out;}@keyframes fade-body {0% {opacity: 0;}100% {opacity: 1;}}
.fadein { transition: all .6s ease-in-out } .fadein.toup { transform: translateY(10px); opacity: 0 }
.fadein.tor { transform: translateX(10px); opacity: 0 }
.fadein.tol { transform: translateX(-10px); opacity: 0 }
.fadein.show { transform: translate(0); opacity: 1 } 


.list {position: relative;padding: 1.5rem 2rem 1rem 2.5rem;box-sizing: border-box;width: 80%;display: block;margin: 0 auto;border: solid 1px #F9786D;background: rgba(255,202,0,0.1) ;border-radius: 5px;}
.list > div {position: absolute;top: -.75em;left: 1em;padding: 0 1rem;background: #F9786D;font-weight: 600;font-size: 16px;color: #fff;}
.list ul {list-style-type: disc;margin: 0;padding: 0;}
.list li {padding: .3em .3em .3em 0;}
.list li::marker {color: #F9786D;font-size: 1.1em;}

.voi-table{width: 90%;text-align: center;margin: 0 auto;margin-top: 90px;border: solid 1px #F9786D;background: rgba(255,255,255,0.4);border-radius: 5px;font-size: 14px;}
.voi-table td{width: calc(100%/3);padding: 1rem;box-sizing: border-box;}
.voi-table th{width: calc(100%/3);padding: 1rem;box-sizing: border-box;color: #F9786D;border-bottom: solid 1px #F9786D;}

footer{background: #000000;font-size: 10px;color: #fff;padding:1.5rem 1rem;text-align: center;}

.voi-flex{
display: flex;
flex-wrap: wrap;
padding: 1rem;
}
.voi-flex img{
width: 50%;
padding: 5px;
box-sizing: border-box;
border-radius: 5px;
}