*,::after,::before{
    -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box
}
::-webkit-scrollbar{
    display:none;-webkit-appearance:none
}
html{
    overflow-x:hidden;overflow-y:scroll
}
body,html{
    color:#111;
    font-family:"Lucida Grande","segoe UI","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN",Meiryo,Verdana,Arial,sans-serif;
    font-size:calc(100vw / 32);
    margin:0;
    padding:0;
    position:relative;
    width:100%;
    height:100%;
    -webkit-overflow-scrolling:touch;
    -webkit-font-smoothing:antialiased;
    -webkit-text-size-adjust:100%
}
ul{
    list-style-type:none;margin:0 auto;padding:0
}
img{
    display:block;width:100%;max-width:100%;height:auto;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0);vertical-align:bottom
    }
header{
    background-color:#fff;box-shadow:0 1px 5px rgba(0,0,0,.2);-webkit-box-shadow:0 1px 5px rgba(0,0,0,.2);margin:auto;padding:.2rem .3rem .1rem 0;position:fixed;width:100vw;z-index:30
    }
.logo{width:clamp(180px,15rem,330px)
}
.telBn{
    background-color:#ffefd2;
    border-bottom:2px solid #eabd6d;
    border-radius:4px;
    color:#d94040;
    font-family:Basic,sans-serif;
    padding:.2rem .2rem 0;
    width:13.4rem;
    text-decoration:none
}
.nsj{
    font-family:'Noto Sans JP',sans-serif;font-size:13px
}
.telh{
    transform:matrix(1,0,0,1,0,11)
}
.webh{
    transform:matrix(1,0,0,1,157,11)
}
.freedial{
    font-size:40px;font-feature-settings:"palt" 1;transform:matrix(1,0,0,1,61,47)
}
.not-tel{
    background-color:#c31011;background:-webkit-linear-gradient(top,#c31011,#c31011,#ff4251);background:linear-gradient(to bottom,#c31011,#c31011,#ff4251);border-bottom:2px solid #930203
}
.not-tel:active,.telBn:active{
    transform:translateY(4px);border-bottom:none
}
.basic-tel,.line-gate:not(.show),.not-tel,.pc{
    display:none
}
.lf,.show,.show svg,.sp{
    display:block
}
.f-box{
    display:flex
}
.brand{
    align-items:center;justify-content:space-between
}
main,section{
    margin:0 auto
}
.first{
    padding-block-start:3rem
}
.offer>a{
    margin:1rem auto
}
.timezone{
    margin:0 auto;max-width:620px
}
.rateup{
    margin:0 auto;padding-bottom:calc(100%*75/620)
}
.forenoon{
    background:url(../img/cp1.png) 0 0/100% auto no-repeat
}
.noon{
    background:url(../img/cp2.png) 0 0/100% auto no-repeat
}
.evening{
    background:url(../img/cp3.png) 0 0/100% auto no-repeat
}
.earlynight{
    background:url(../img/cp4.png) 0 0/100% auto no-repeat
}
.night{
    background:url(../img/cp5.png) 0 0/100% auto no-repeat
}
.dawn{
    background:url(../img/cp6.png) 0 0/100% auto no-repeat
}
.morning{
    background:url(../img/cp7.png) 0 0/100% auto no-repeat
}
.now{
    display:block;margin:1rem auto -3rem;width:54%;max-width:416px
}
.now span{
    display:block;background:url(../img/now.png) 0 0/100% auto no-repeat;padding-top:calc(100%*55/416)
}
.bank,.choose,.easy,.feedback,.rate-card,.trouble{
    margin:4rem auto 3rem
}
.nice,.rate-diff,.sudden{
    color:#393939;font-size:2rem;font-weight:700;position:relative;line-height:1.1;margin:2rem auto 1rem;padding:.5rem 0 .5rem 4rem;width:calc(100% - 3rem);max-width:24rem
}
.nice::before,.rate-diff::before,.sudden::before{
    background-color:#2658bc;border-radius:50%;content:url(../img/trouble.svg);position:absolute;bottom:0;width:3.5rem;height:3.5rem;padding:.5rem;margin:auto;background-size:cover
}
.nice::before{
    content:url(../img/nice.svg)
}
.rate-diff::before{
    content:url(../img/rate.svg)
}
.nice::before,.rate-diff::before,.sudden::before{
    top:-1rem;left:0
}
.nice::after,.rate-diff::after,.sudden::after{
    content:"";position:absolute;left:0;bottom:0;width:100%;height:.5rem;background:-webkit-repeating-linear-gradient(-45deg,#2fa6f2,#2fa6f2 2px,#fff 2px,#fff 4px);background:repeating-linear-gradient(-45deg,#2fa6f2,#2fa6f2 2px,#fff 2px,#fff 4px)
}
.accent{
    color:#2658bc;font-size:2.2rem;font-weight:700
}
.rf{
    text-align:right
}
.center{
    text-align:center
}
.choosing,.expense{
    flex-wrap:wrap;justify-content:space-around;margin-top:2rem
}
.choosing>div,.expense>div{
    color:#fff;font-size:1.7rem;font-weight:700;display:flex;justify-content:center;align-items:center;position:relative;width:calc(100vw / 2 - 1rem);height:calc(100vw / 2 - 1rem);margin-bottom:1rem;text-align:center
}
.expense>div::before{
    content:"";position:absolute;left:0;bottom:0;width:100%;height:100%
}
.choosing>div{
    background-color:#2658bc;border-image:linear-gradient(to right,#0099f1,#55e1ff,#00dee6,#0099f1) 1/3px;border-style:solid;height:auto
}
.payment{
    background:radial-gradient(circle 250px at center,rgba(0,0,0,.3) 0,rgba(0,51,218,.7) 47%,rgba(0,20,170,.97) 100%),url(../img/payment.jpg) 0 0/100% auto no-repeat
}
.ritual{
    background:radial-gradient(circle 250px at center,rgba(0,0,0,.3) 0,rgba(0,51,218,.7) 47%,rgba(0,20,170,.97) 100%),url(../img/ritual.jpg) 0 0/100% auto no-repeat
}
.dating{
    background:radial-gradient(circle 250px at center,rgba(0,0,0,.3) 0,rgba(0,51,218,.7) 47%,rgba(0,20,170,.97) 100%),url(../img/dating.jpg) 0 0/100% auto no-repeat
}
.party{
    background:radial-gradient(circle 250px at center,rgba(0,0,0,.3) 0,rgba(0,51,218,.7) 47%,rgba(0,20,170,.97) 100%),url(../img/party.jpg) 0 0/100% auto no-repeat
}
.betting{
    background:radial-gradient(circle 250px at center,rgba(0,0,0,.3) 0,rgba(0,51,218,.7) 47%,rgba(0,20,170,.97) 100%),url(../img/betting.jpg) 0 0/100% auto no-repeat
}
.living{
    background:radial-gradient(circle 250px at center,rgba(0,0,0,.3) 0,rgba(0,51,218,.7) 47%,rgba(0,20,170,.97) 100%),url(../img/living.jpg) 0 0/100% auto no-repeat
}
.choosing div:after{
    content:'';top:0;transform:translateX(100%);width:100%;height:100%;position:absolute;z-index:1;animation:slide 1.5s infinite;background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%)
}
@keyframes slide{
    0%{transform:translateX(-400%)}100%{transform:translateX(200%)}
}
.keepup{
    background-color:#f0f3f8;margin:1rem auto;padding:1rem 0 2rem
}
.cards{
    margin:2rem 1rem
}
.easy{
    background-color:#edfbff}.rate{margin:2rem 1%;color:#555;font-size:2.1rem;font-weight:700;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(5,1fr);line-height:2.5;text-align:center
}
.rate div{
    border:2px solid #7fc7f4
}
.rate div:nth-child(3n){
    border-width:2px 2px 0 0
}
.rate div:nth-child(3n-1){
    color:#f18400;border-width:2px 4px 0 4px
}
.rate div:first-child,.rate div:nth-child(3n+4){border-width:2px 0 0 2px}.rate div:last-child,.rate div:nth-child(13){border-bottom-width:2px}.rate div:nth-child(2){border-top-width:4px}.rate div:nth-child(13){color:red}.rate div:nth-child(14){border-bottom-width:4px}.our{font-size:min(1.7rem,40px);line-height:1.1;padding-block-start:.5rem;letter-spacing:-1px}.notify{background:linear-gradient(transparent 60%,#ff0 60%);font-size:1.5rem;font-weight:700;margin:1rem;text-align:center}.feedback{background-color:#dceeff;padding:5rem 0}.hline{margin:1rem auto;position:relative;width:80%;max-width:500px;z-index:3}.heading{background:#3cb3e4;border:solid 3px #3cb3e4;border-radius:3px;color:#fff;font-size:2rem;padding:1rem .5rem;text-align:center}.hline::after,.hline::before{content:'';position:absolute;bottom:-4px;background:#004097;border:solid 2px #004097;width:25px;height:20px;z-index:-1}.hline::before{right:4px;transform:rotate(60deg) translate3d(0,0,0)}.hline::after{left:4px;transform:rotate(120deg) translate3d(0,0,0)}.review-container{flex-direction:column;justify-content:center}.reviews{background:#fff;border:2px solid #3cb3e4;-webkit-border-radius:5px;border-radius:5px;box-shadow:0 1px 5px rgba(0,0,0,.2);display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto;margin:2rem .5rem 0;padding:.2em 1em;line-height:1.8;max-width:720px}.photo{grid-row:1/2;grid-column:1/2}.customers{color:#2658bc;font-weight:700;grid-row:1/2;grid-column:2/4;padding-left:1rem}.outline{font-size:min(1.6rem,26px);margin:0}.express{font-size:min(2rem,32px);line-height:1.2;margin-top:1rem}.context{grid-row:2/4;grid-column:1/4;font-size:min(1.5rem,18px)}.pagetop{background-color:#2fa6f2;border-top:4px solid #2658bc;border-bottom:4px solid #2658bc;color:#fff;font-size:16px;font-weight:700;display:block;padding:.2em .5em;text-align:center;text-decoration:none}.fixed{display:none;background:rgba(0,0,0,.5);position:fixed;bottom:0;left:0;padding:.3em 0 .2em;width:100%;z-index:30
}
.fixed .sp a{
    width:32.4%;align-self:flex-start
}
.nodial .sp a{
    width:100%
}
.setdial .sp a{
    width:45%
}.forfree{position:fixed;bottom:5.5rem;left:.5rem;width:calc(100vw / 4);z-index:30;animation:late 7s infinite}.nodial .forfree{bottom:6.5rem}.setdial .forfree{bottom:7rem}footer{margin:1rem auto;padding-block-end:8rem}
.footer-links{
    display:flex;
    flex-wrap:wrap;
    gap:1rem;
    padding:1rem
}
.around{justify-content:space-around}footer li{font-size:min(1.4rem,21px)}
.links{
    background:#2658bc;
    color:#fff;
    position:relative;
    padding:.25em .7em .3em;
    text-decoration:none;transition:.4s
}
i.fa{margin-right:.2em}.copyright{font-size:.8rem;font-weight:700;text-align:center}.shake,.shake2{animation-name:shake;animation-iteration-count:infinite;animation-timing-function:ease;animation-duration:3s}.shake2{animation-delay:1s}@keyframes shake{0%,100%,18%{transform:translateX(0)}15%,3%,9%{transform:translateX(-3px)}12%,6%{transform:translateX(3px)}}@keyframes late{0%,100%{transform:translateX(0)}50%{transform:translateX(22rem)}}
@media screen and (orientation:landscape){
    header{padding-block-start:.2rem
    }
    .fixed .sp a{
        width:calc(100% / 5)
    }
    .nodial .sp a{
        width:calc(100% / 1.7)
    }
    .forfree,.setdial .forfree{
        bottom:3.5rem;left:2.5rem;width:calc(100vw / 6)
    }
    .nodial .forfree{bottom:4rem}
}
@media screen and (min-width:768px){
    body,html{font-size:1.6rem}
    .brand,.fixed img,img{margin:auto}
    .brand,.choose,.first,.offer,.please,.trouble,img.pc{max-width:1000px}
    .pc{display:block}
    .sp{display:none}
    .timezone{margin:1rem auto 3rem}
    .offer{max-width:700px}
    .fixed img{max-width:800px}
    .choosing>div,.expense>div,.notify{font-size:1.1rem}
    .choosing>div,.expense>div{width:300px;height:300px}
    .cards img{max-width:600px}
    .choose img,.easy img{max-width:640px}
    .rate-card{max-width:800px}.rate{margin:2rem;font-size:2rem}.feedback{max-width:100%}.reviews{margin:2rem auto 0}.photo img{width:160px}.customers{padding:0}footer{padding-block-end:7rem}
    .footer-links{
        justify-content:center
    }
}