:root{--red:#d01b1a;--pink:#f9ebeb;--blue:#004097;--lightblue:#01aeeb;--pastelblue:#eff8fa;--gray:#f5f5f5;--txt-jp:'Noto Sans JP','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,Osaka,'MS PGothic',arial,helvetica,sans-serif;--txt-en:'Oswald','Noto Sans JP','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,Osaka,'MS PGothic',arial,helvetica,sans-serif}
body{font-family:var(--txt-jp);font-size:18px;line-height:2;letter-spacing:.11em;font-feature-settings:'palt'}
img{width:100%;height:auto}
.scrollView{-webkit-transition:all 1.2s 0s ease;transition:all 1.2s 0s ease;opacity:0;-webkit-transform:scale(1,1) translateY(20px);transform:scale(1,1) translateY(20px);-webkit-transition-delay:.25s;transition-delay:.25s}
.scrollView.view{opacity:1;-webkit-transform:scale(1,1) translateY(0);transform:scale(1,1) translateY(0)}
.en{font-family:var(--txt-en)}
.txt-red{color:var(--red)}
.txt-white{color:#fff}
.pc-2column{display:grid}
.inner-lg{width:92.77%;max-width:1336px;margin:0 auto}
.inner-md,.inner-sm{width:100%;padding:0 40px;margin:0 auto}
.inner-md{max-width:1280px}
.inner-sm{max-width:980px}
.sec-ttl{font-size:40px;line-height:1.75;font-weight:700;text-align:center}
.sec-ttl em{font-size:56px;line-height:0;font-weight:500}
.btn-box{--gap:20px;padding:0 var(--gap)}
.btn-box .btn-list{grid-gap:var(--gap)}
.btn-box .btn{width:100%;max-width:510px;place-self:center}
.btn-box .btn a,.btn-box .btn a:link,.btn-box .btn a:visited{color:#fff}
.btn-box .btn a{--bg-color:var(--lightblue);display:inline-block;width:100%;padding:.8em 0;text-align:center;font-weight:500;background-color:var(--bg-color);border:2px solid currentColor;border-radius:4em;box-shadow:8px 8px 0 0 var(--bg-color);display:inline-grid;grid-template-columns:1fr auto 1fr;column-gap:.5em;align-items:center;transition:.4s}
.btn-box .btn a:hover{transform:translate(8px,8px);box-shadow:0 0 0 var(--bg-color)}
.btn-box .btn-02 a{--bg-color:var(--blue)}
.btn-box .btn a::before{content:''}
.btn-box .btn a::after{font-family:'Material Symbols Outlined';content:'\e5cc';font-size:1.5em;line-height:0;justify-self:end}
.fv{background:url(../img/fv_bg_pc.webp) no-repeat center top/cover,var(--pastelblue);min-height:360px;display:grid;align-items:center;padding-bottom:21px}
.fv .btn-box{padding-bottom:min(2.77vw,40px)}
.nayami-list li{font-weight:500;padding-left:2.1em;text-indent:-2.1em}
.nayami-list li::before{font-family:'Material Symbols Outlined';font-variation-settings:'FILL' 1;content:'\e86c';font-size:1.4em;color:var(--red);vertical-align:-.25em;margin-right:.5em;line-height:1}
.nayami-01{background:radial-gradient(farthest-side at 50% 0,transparent 100%,var(--pastelblue) 100.1%) no-repeat center bottom/121% 31vw,url(../img/nayami_01_bg_pc.webp) no-repeat left calc(50% - min(26.66vw,320px)) bottom/340px auto;padding-top:72px}
.nayami-01 .inner-md{padding-bottom:147px}
.nayami-01 .sec-ttl{margin-bottom:58px;font-weight:500}
.nayami-01 .nayami-list{width:57.83%;max-width:694px;margin:0 0 0 auto}
.nayami-01 .nayami-list li{font-size:26px;line-height:1.8}
.nayami-01 .nayami-list li+li{margin-top:1.65em}
.nayami-02{background-color:var(--pastelblue);padding-top:82px;padding-bottom:101px}
.nayami-02 .sec-ttl{margin-bottom:50px}
.nayami-02 .nayami-list{width:100%;max-width:604px;margin:0 auto}
.nayami-02 .nayami-list li{font-size:24px;line-height:1.83}
.nayami-02 .nayami-list li+li{margin-top:.96em}
.nayami-02 .btn-box{margin-top:44px}
.app{background-color:var(--red);padding:83px 0 101px}
.app .sec-ttl{margin-bottom:20px}
.app .sec-ttl-notes{color:#fff;text-align:center;margin-bottom:40px}
.app-box-area{grid-gap:40px}
.app-box{background-color:#fff;padding:37px 36px 45px;border-radius:10px}
.app-box .box-ttl{font-size:30px;line-height:1.83;text-align:center}
.app-box .img-box{margin:1.5em 0 1.65em}
.app-box .txt-box{text-align:justify}
.app-box .txt-box .asterisk{font-size:.7em;vertical-align:super}
.app-box .txt-box .notes{font-size:.78em;margin-top:1em}
.app .btn-box{margin-top:60px}
.app .service{font-size:.7em;text-align:right;color:#fff;margin-top:20px}
.merit{padding-top:42px}
.merit .inner-md{padding-top:50px}
.merit .sec-ttl{display:grid;margin-bottom:76px}
.merit .merit-list{grid-template-columns:repeat(auto-fill,minmax(500px,1fr));grid-gap:20px}
.merit .merit-box{background-color:#fff;padding:26px 60px 35px 126px;border-radius:10px;position:relative}
.merit .merit-box .box-ttl{font-size:24px;font-weight:700}
.merit .merit-box .box-ttl-num{font-size:16px;text-align:center;position:absolute;left:39px;top:31px}
.merit .merit-box .box-ttl-num .en{font-weight:500;font-size:40px;display:block;line-height:1.1}
.merit .merit-box .box-txt{margin-top:.5em}
.merit-user{background-color:var(--pastelblue);padding-bottom:90px}
.merit-user .inner-md{background:url(../img/merit-user_ttl_bg_pc.webp) no-repeat left 40px top/auto 157px}
.merit-admin{background-color:var(--pink);padding-bottom:111px}
.merit-admin .inner-md{background:url(../img/merit-admin_ttl_bg_pc.webp) no-repeat left 40px top/auto 157px}
.merit-admin .merit-box{padding-right:24px;padding-bottom:29px}
.merit-admin .merit-box .box-txt{font-size:24px;font-weight:700;line-height:1.875;margin-top:0}
.merit-admin .btn-box{margin-top:60px}
.case{background:url(../img/case_ttl_bg_pc.webp) no-repeat center top/300px auto,var(--red);padding-top:114px;padding-bottom:100px}
.case .sec-ttl{font-weight:500}
.case .lead{font-size:40px;font-weight:700;text-align:center;margin:63px 0 47px}
.case .lead em{font-size:1.4em;font-weight:500;line-height:1}
.case .lead span{display:inline-block}
.case .slider-grid{display:grid;grid-template-columns:repeat(auto-fit,420px);place-content:center}
.case .slider{opacity:0}
.case .slider .slide{display:grid;opacity:1;transition:.4s}
.case .slider .slide:hover{opacity:.7}
.case .slider .slide a{background-color:#fff;margin:0 15px;border-radius:10px;overflow:hidden;display:grid;grid-template-rows:auto 1fr}
.case .slider .slide-txt-box{padding:18px 28px 27px;display:grid;grid-template-rows:auto 1fr auto}
.case .slider .slide-txt-box .slide-ttl{font-weight:700;font-size:20px}
.case .slider .slide-txt-box .slide-txt{font-weight:700;font-size:22px;margin-top:6px;line-height:1.8}
.case .slider .slide-txt-box .slide-link-txt{font-weight:500;font-size:16px;text-align:right;justify-self:end;line-height:1.8;margin-top:10px;border-bottom:1px solid currentColor;padding-left:.5em;padding-bottom:.3em;display:grid;grid-template-columns:auto auto;align-items:center}
.case .slider .slide-txt-box .slide-link-txt::after{font-family:'Material Symbols Outlined';content:'\e5cc';font-size:1.5em;vertical-align:-.25em;line-height:0}
.case .slider .slick-track{display:grid;grid-auto-flow:column}
.case .slider .slick-arrow{width:48px;height:48px;top:50.5%;z-index:5}
.case .slider .slick-arrow::before{content:none}
.case .slider .slick-prev{background:url(../img/prev_arrow.svg) no-repeat center/contain;left:34.03%}
.case .slider .slick-next{background:url(../img/next_arrow.svg) no-repeat center/contain;right:34.03%}
.case .slider .slick-dots{bottom:-57px}
.case .slider .slick-dots li{margin:0 7px}
.case .slider .slick-dots li button{padding:3px}
.case .slider .slick-dots li button::before{font-size:14px;color:#fff;opacity:.3}
.case .slider .slick-dots li.slick-active button::before{color:#fff;opacity:1}
.case .btn-box{margin-top:113px}
.flow{background:url(../img/flow_ttl_bg_pc.webp) no-repeat center top/300px auto,var(--pastelblue);padding-top:114px;padding-bottom:108px}
.flow .sec-ttl{font-weight:500}
.flow-list{display:grid;gap:40px;margin-top:76px}
.flow-list li{width:100%;max-width:184px;position:relative;z-index:3}
.flow-list li p{text-align:center;font-weight:700;line-height:1.5;font-size:26px}
.flow-list li p span{font-size:2rem;font-weight:400;display:block;margin:34px 0 22px}
.flow-list li:last-child p{margin:0 -.5em}
.faq{background:url(../img/faq_ttl_bg_pc.webp) no-repeat center top/300px auto;padding-top:95px;padding-bottom:140px}
.faq .sec-ttl{font-weight:500}
.faq-list{margin-top:77px}
.faq-box+.faq-box{margin-top:30px}
.faq-box{border:2px solid var(--red);border-radius:10px}
.faq-box .en{font-size:40px;line-height:1;font-weight:400;width:1em;text-align:center}
.faq-box .box-ttl,.faq-box .box-txt{display:grid;column-gap:33px}
.faq-box .box-ttl{font-size:26px;font-weight:700;background-color:var(--red);padding:26px 36px 24px;grid-template-columns:auto 1fr;align-items:center;column-gap:33px}
.faq-box .box-ttl::after,.faq-box .box-ttl::before{content:'';display:block;background-color:#fff;width:28px;height:2px;transition:.4s;grid-area:1/-1}
.faq-box .box-ttl::after{transform:rotate(-90deg);opacity:1}
.faq-box .box-ttl.active::after{transform:rotate(0);opacity:0}
.faq-box .box-txt{font-size:20px;padding:30px 70px 30px 36px;grid-template-columns:auto 1fr;align-items:start}
.faq-box .box-txt .en{color:var(--red)}
.faq-box .box-txt .notes{margin-top:1em}
.faq-box .box-txt .notes{font-size:16px}
.faq .btn-box{margin-top:62px}
.wrapper{overflow:clip}
.movie{text-align:center;padding:100px 0;overflow-x:clip}
.movie .wrapper{max-width:900px;margin:0 auto}
.movie h2.ttl{font-size:40px;font-weight:700;color:#d01b1a;border-top:3px solid #d01b1a;border-bottom:3px solid #d01b1a;margin-bottom:60px;line-height:1.5;padding:20px 0}
.movie .youtube iframe{width:670px;height:auto;aspect-ratio:16/9;margin:0 auto;box-shadow:0 0 20px rgba(110,110,110,.4);transition:opacity .3s}
.movie .youtube iframe:hover{opacity:.7}
.movie .youtube p{font-size:24px;color:#d01b1a;font-weight:700;margin-top:10px;line-height:1.7}
.faq .faq-list .faq-box .box-txt .available{margin-top:20px}
.faq .faq-list .faq-box .box-txt .available .row{display:grid;grid-template-columns:repeat(2,minmax(0,50%))}
.faq .faq-list .faq-box .box-txt .available .row ul li{position:relative;padding-left:1em}
.faq .faq-list .faq-box .box-txt .available .row ul li:before{content:'';position:absolute;top:17px;left:0;width:6px;height:6px;border-radius:9px;background:#000}
@media screen and (max-width:960px) and (min-width:768px){
.nayami-01{background-position:center bottom,left 10% bottom 20%;padding-top:86px}
.case .slider .slick-prev{left:24.2%}
.case .slider .slick-next{right:24.2%}
.flow{background:url(../img/flow_ttl_bg_sp.webp) no-repeat center top/89.33% auto,var(--pastelblue);padding-top:17.8666666667vw;padding-bottom:16vw}
.flow-list{margin-top:12vw;gap:40px;padding-left:70px}
.flow-list li{max-width:100%;display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:60px}
.flow-list li p{text-align:left;line-height:1.5}
.flow-list li p span{margin:0 0 18px}
.flow-list li:last-child p{margin:0}
}
@media screen and (min-width:961px){
.pc-2column{grid-template-columns:repeat(2,minmax(330px,auto));place-content:center}
.btn-box .btn{width:100%;max-width:450px}
.flow-list{grid-template-columns:repeat(4,1fr);gap:118px;padding:0 65px 0 41px}
.flow-list li+li::before{content:'';width:82px;height:2px;background-color:var(--red);position:absolute;top:24%;left:-100px;z-index:-1;transform:scaleX(0);transition:.3s}
.flow-list li+li.view::before{transform:scaleX(1)}
}
@media screen and (max-width:1200px) and (min-width:768px){
.merit-user .inner-md{background-position:left -20px top 60px}
.merit-admin .inner-md{background-position:left -20px top 60px}
}
@media screen and (min-width:1201px){
.merit .sec-ttl{grid-template-columns:auto auto;place-content:center}
}
@media only screen and (max-width:768px){
.movie .youtube p{font-size:4vw;margin-top:1.3333333333vw}
}
@media screen and (max-width:767px){
body{font-size:4vw}
.inner-lg{width:100%;max-width:100%}
.inner-md,.inner-sm{max-width:100%;padding:0 5.3333333333vw}
.sec-ttl{font-size:6.1333333333vw;line-height:1.74}
.sec-ttl em{font-size:8.8vw}
.btn-box{--gap:calc(32/750 * 100vw)}
.btn-box .btn a{padding:.7em .5em;box-shadow:1.3333333333vw 1.3333333333vw 0 0 var(--bg-color)}
.btn-box .btn a:hover{transform:translate(1.0666666667vw,1.0666666667vw)}
.fv{background:url(../img/fv_bg_sp.webp) no-repeat center top/cover,var(--pastelblue);padding-bottom:0}
.nayami-list li{padding-left:2.9em;text-indent:-2.9em}
.nayami-list li::before{margin-right:.3em;line-height:1}
.nayami-01{background:radial-gradient(farthest-side at 50% 0,transparent 100%,var(--pastelblue) 100.1%) no-repeat center bottom/110% 24vw,url(../img/nayami_01_bg_sp.webp) no-repeat center bottom/100% auto;padding-top:8.2666666667vw}
.nayami-01 .inner-md{padding-bottom:62.6666666667vw}
.nayami-01 .sec-ttl{margin-bottom:4.8vw}
.nayami-01 .nayami-list{width:100%;max-width:100%;margin:0 auto;display:flex;flex-direction:row-reverse;justify-content:center}
.nayami-01 .nayami-list li{font-size:4vw;line-height:2;writing-mode:vertical-rl;padding-left:0;text-indent:0;padding-top:2.5em;position:relative}
.nayami-01 .nayami-list li::before{position:absolute;top:0;left:50%;transform:translateX(-25%);padding-left:0}
.nayami-01 .nayami-list li:last-child{order:2}
.nayami-01 .nayami-list li:nth-last-child(2){order:3}
.nayami-01 .nayami-list li+li{margin-top:0}
.nayami-01 .nayami-list li:nth-child(odd){margin-left:2.7em}
.nayami-02{padding-top:12.5333333333vw;padding-bottom:13.6vw}
.nayami-02 .sec-ttl{margin-bottom:5.0666666667vw}
.nayami-02 .nayami-list{max-width:100%;padding-left:2.6666666667vw}
.nayami-02 .nayami-list li{font-size:4vw}
.nayami-02 .nayami-list li+li{margin-top:.9em}
.nayami-02 .btn-box{margin-top:8.8vw}
.app{padding:10.6666666667vw 0 15.2vw}
.app .sec-ttl{margin-bottom:4vw;font-size:6.1333333333vw}
.app .sec-ttl-notes{margin-bottom:6.6666666667vw}
.app-box-area{grid-gap:5.3333333333vw}
.app-box{padding:8vw 4vw 7.4666666667vw;border-radius:1.3333333333vw}
.app-box .box-ttl{font-size:6.1333333333vw;line-height:1.74}
.app-box .img-box{margin:1em 0}
.app-box .txt-box .notes{font-size:.66em;padding-left:1em;text-indent:-1.25em}
.app .btn-box{margin-top:10.9333333333vw}
.app .service{line-height:1.4;letter-spacing:.08em;margin-top:1.5em}
.merit{padding-top:0}
.merit .inner-md{padding-top:14.9333333333vw}
.merit .sec-ttl{text-align-last:left;width:66.6%;margin:0 0 6.6666666667vw auto;line-height:2}
.merit .merit-list{grid-template-columns:repeat(1,minmax(0,100%));grid-gap:4vw}
.merit .merit-box{width:100%;padding:4vw 4vw 5.8666666667vw 22.4vw;border-radius:1.3333333333vw}
.merit .merit-box .box-ttl{font-size:6.1333333333vw;line-height:1.63}
.merit .merit-box .box-ttl-num{font-size:2.6666666667vw;left:6.4vw;top:5.8666666667vw}
.merit .merit-box .box-ttl-num .en{font-size:8.8vw}
.merit .merit-box .box-txt{margin-top:.4em}
.merit-user{padding-bottom:16vw}
.merit-user .inner-md{background:url(../img/merit-user_ttl_bg_sp.webp) no-repeat left 5.3333333333vw top/24.5333333333vw auto}
.merit-admin{padding-bottom:13.3333333333vw}
.merit-admin .inner-md{background:url(../img/merit-admin_ttl_bg_sp.webp) no-repeat left 5.3333333333vw top/24.5333333333vw auto;padding-top:16vw}
.merit-admin .merit-box{padding-right:3.2vw;padding-bottom:5.3333333333vw}
.merit-admin .merit-box .box-txt{font-size:4.8vw;line-height:1.8}
.merit-admin .btn-box{margin-top:9.0666666667vw}
.case{background:url(../img/case_ttl_bg_sp.webp) no-repeat center top/89.33% auto,var(--red);padding-top:17.8666666667vw;padding-bottom:14.6666666667vw}
.case .lead{font-size:6.1333333333vw;margin:10.1333333333vw 0 7.2vw;line-height:1.8}
.case .slider .slide a{margin:0 2vw;border-radius:1.3333333333vw}
.case .slider .slide-txt-box{padding:4.5333333333vw 5.8666666667vw 3.4666666667vw}
.case .slider .slide-txt-box .slide-ttl{font-size:3.4666666667vw}
.case .slider .slide-txt-box .slide-txt{font-size:4.8vw;letter-spacing:.04em;margin-top:0}
.case .slider .slide-txt-box .slide-link-txt{margin-top:0;font-size:2.9333333333vw}
.case .slider .slick-arrow{width:10.6666666667vw;height:10.6666666667vw;top:53%}
.case .slider .slick-prev{left:4.2%}
.case .slider .slick-next{right:4.2%}
.case .slider .slick-dots{bottom:-10.1333333333vw}
.case .slider .slick-dots li{margin:0 1.6vw}
.case .btn-box{margin-top:20.8vw}
.flow{background:url(../img/flow_ttl_bg_sp.webp) no-repeat center top/89.33% auto,var(--pastelblue);padding-top:17.8666666667vw;padding-bottom:16vw}
.flow-list{gap:5.3333333333vw;padding-left:2.6666666667vw}
.flow-list li{max-width:100%;display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:8vw}
.flow-list li figure{width:30.6666666667vw}
.flow-list li p{font-size:5.3333333333vw;text-align:left;line-height:1.5}
.flow-list li p span{font-size:4vw;margin:0 0 2.4vw}
.flow-list li:last-child p{margin:0}
.faq{background:url(../img/faq_ttl_bg_sp.webp) no-repeat center top/89.33% auto;padding-top:17.8666666667vw;padding-bottom:17.3333333333vw}
.faq-list{margin-top:13.3333333333vw}
.faq-box+.faq-box{margin-top:5.3333333333vw}
.faq-box{border-radius:1.3333333333vw}
.faq-box .en{font-size:8vw}
.faq-box .box-ttl,.faq-box .box-txt{column-gap:4.8vw}
.faq-box .box-ttl{font-size:4.8vw;line-height:1.66;padding:4.8vw 4.8vw 4.5333333333vw;min-height:25.6vw}
.faq-box .box-ttl::after,.faq-box .box-ttl::before{width:4vw}
.faq-box .box-txt{font-size:4vw;padding:5.8666666667vw 4vw 6.4vw 4.8vw}
.faq-box .box-txt .en{color:var(--red)}
.faq-box .box-txt .notes{font-size:2.6666666667vw}
.faq .btn-box{margin-top:10.4vw}
.movie{padding:13.3333333333vw 0}
.movie .wrapper{padding:5.3333333333vw}
.movie h2.ttl{font-size:5.3333333333vw;padding:2.6666666667vw 0;margin-bottom:9.3333333333vw}
.movie .youtube iframe{width:100%}
.faq .faq-list .faq-box .box-txt .available{margin-top:4vw}
.faq .faq-list .faq-box .box-txt .available .row{grid-template-columns:repeat(1,minmax(0,100%))}
.faq .faq-list .faq-box .box-txt .available .row ul li:before{top:3.3333333333vw;width:1.6vw;height:1.6vw}
}