*,::after,::before{box-sizing:border-box}
html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;scroll-behavior: smooth}
blockquote,body,dd,dl,figure,h1,h2,h3,h4,h5,h6,ol,p,ul{margin-block-end:0}
ol[role=list],ul[role=list]{list-style:none}
body{min-height:100vh;line-height:1.5}
button,h1,h2,h3,h4,h5,h6,input,label{line-height:1.1}
h1,h2,h3,h4{text-wrap:balance}
a:not([class]){text-decoration-skip-ink:auto;color:currentColor}
img,picture{max-width:100%;display:block}
button,input,select,textarea{font:inherit}
textarea:not([rows]){min-height:10em}
:target{scroll-margin-block:5ex}
:root{font-size:100%;--color-base:#effafa;--color-base2:#333;--color-base3:#666;--color-main:#37b9bc;--color-accent:#f17e53;--color-text:#000;--color-border:#666;--color-white:#fff;--color-black:#333;--color-gray:#666;--font-family:'Noto Sans JP',system-ui,sans-serif}
body{color:var(--color-text);font-family:var(--font-family);font-feature-settings:'palt';line-height:1.5;text-align:center}
blockquote,body,button,dd,dl,figure,h1,h2,h3,h4,h5,h6,input,label,ol,p,ul{margin:0;padding:0}
img,picture{width:100%;max-width:100%;height:auto;vertical-align:middle}
[data$='.svg'],[src$='.svg']{width:100%}
a{text-decoration:underline}
.l-container{max-width:750px;margin-right:auto;margin-left:auto;box-shadow: 0 0 15px rgb(0 0 0 / 20%);}
.l-header{padding-top:clamp(15px,3.8666666667vw,29px);padding-right:clamp(15px,4vw,30px);padding-bottom:clamp(11px,2.9333333333vw,22px);padding-left:clamp(15px,4vw,30px);background-color:var(--color-white)}
.l-header__logo{width:clamp(136px,36.1333333333vw,271px);margin-right:auto;margin-left:auto}
.l-form{background-color:var(--color-white)}
.l-footer__about{padding-top:1.125rem;padding-right:clamp(15px,4vw,30px);padding-bottom:1.125rem;padding-left:clamp(15px,4vw,30px);background-color:var(--color-gray);color:var(--color-white);text-align:center}
.l-footer__company{padding-top:1.875rem;padding-right:clamp(15px,4vw,30px);padding-bottom:1.875rem;padding-left:clamp(15px,4vw,30px);background-color:var(--color-black);color:var(--color-white);text-align:left}
.l-form iframe{height:850px;border:none}
.c-btn-next,.c-btn-prev{transform: translateY(-120%); width: clamp(41px, 10.9333333333vw, 82px); height: clamp(41px, 10.9333333333vw, 82px); margin-top: 0; background-color: #ffe500; border-radius: 0; border: none;}
.c-btn-prev{left:clamp(12px,2.6666666667vw,23px)}
.c-btn-next{right:clamp(12px,2.6666666667vw,23px)}
.c-btn-next::after,.c-btn-prev::after{content:'';width:100%;height:100%;background-position:center;background-size:contain;background-repeat:no-repeat}
.c-btn-prev::after{background-image:url(/assets_lp/cnt/daytime-men-otherjob/images/button-prev.png);background-repeat: no-repeat; background-size: 25%; background-position: 50% 50%;}
.c-btn-next::after{background-image:url(/assets_lp/cnt/daytime-men-otherjob/images/button-next.png);background-repeat: no-repeat; background-size: 25%; background-position: 50% 50%;}
.c-text{font-size:.625rem}
.c-text-sm{font-size:.625rem}
.c-copyright{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--color-border);font-size:.625rem}
.p-card-carousel{padding-top:0;padding-bottom:clamp(48px,12.8vw,74px);background-color:#000000;}
.p-card-carousel__item{width:clamp(314px,83.6vw,627px);margin-right:clamp(6px,1.6vw,12px);margin-left:clamp(6px,1.6vw,12px)}
.u-fw-bold{font-weight:700}
.u-mb-1x{margin-bottom:1rem}
.u-dib{display:inline-block}
.c-speedy{background:#fff;padding-bottom:10vw}
.c-speedy__btn{margin-top:5vw}
.c-speedy__btn a{display:block;width:90%;text-align:center;margin:0 auto;animation:2s fuwafuwa infinite}
.swiper-pagination-bullet-active { background-color: #ff0f53 !important; }
.swiper-pagination-bullet { width: 20px; height: 20px; background-color: white; opacity: 1; border-radius: 0; }
.swiper-pagination-bullets.swiper-pagination-horizontal { bottom: 5%; }
.cta_area_pt1 { position: relative; }
.cta_btn_pt1 { position: absolute; top: 60%; left: 50%; transform: translate(-50%, -50%); width: 100%; max-width: 90%; }
.cta_btn_pt2 { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; max-width: 90%; }
iframe { border: none; }
@media (min-width:768px){
.l-footer__about{padding-top:3.5rem;padding-bottom:3.5rem}
.l-footer__company{padding-top:2.5rem;padding-bottom:2.5rem}
.l-form iframe{height:800px}
.c-text{font-size:.875rem}
.c-text-sm{font-size:.75rem}
.c-copyright{margin-top:1.5rem;padding-top:1.5rem;font-size:.75rem}
.u-dn-md{display:none}
}
@keyframes fuwafuwa{
0%,100%{transform:translateY(0)}
50%{transform:translateY(-10px)}
}