@charset "UTF-8";body,h1,h2,h3,h4,h5,header h1,p{margin:0}a,h1,h2,h3,h4,h5,p{letter-spacing:min(.1rem,5px);font-weight:500;color:#fff}.aBox a,header{box-sizing:border-box}a,header #g-nav li a{text-decoration:none}html{font-size:clamp(1px,1.2vw,30px);scroll-behavior:smooth;font-family:"Noto Sans JP",sans-serif}body{width:100vw;overflow-x:hidden;background-color:#F0F0F0}p{line-height:200%}a span,h1 span,h2 span,h3 span,h4 span,p span{display:inline-block}ul{padding:0}li{list-style-type:none}iframe,img,picture{vertical-align:top;width:100%}a{outline:0;transition:.2s}a:hover{opacity:.5}.flex{display:flex}.boxouter{width:80%;margin:0 auto;max-width:1200px}.pc{display:block}.sp{display:none}.h2Box{text-align:center;width:100%;max-width:650px;margin:0 auto}.h2Box h2{margin-bottom:2.5%}.h2Box p{font-size:clamp(10px,1.714rem,24px);letter-spacing:min(.2rem,8px);color:#131769}.aBox{margin-top:5%}.aBox a{display:flex;align-items:center;width:100%;text-align:center;background-color:#131769;padding:1% 5%}.aBox a p{width:100%;font-size:clamp(10px,1.214rem,17px);padding:0 5%}.aBox a .yazi{width:10%;min-width:70px;aspect-ratio:1/1;display:flex;align-items:center;border:1px solid;border-radius:50%}.aBox a .yazi p{font-size:clamp(10px,1.857rem,26px);font-weight:200}header{position:fixed;width:100%;z-index:100;display:flex;justify-content:space-between;align-items:center;background-color:#fff}header h1{width:100%;color:#131769;font-size:clamp(10px,1.214rem,17px);font-weight:700;padding:0 2%}header .rightBox{display:flex;width:100%}header .rightBox a{width:100%;color:#000;font-size:clamp(10px,1.071rem,15px);padding:1.7rem 2%;text-align:center}header .rightBox .form{background-color:#131769;color:#fff;position:relative}header .rightBox .form::before{content:"";position:absolute;right:0;bottom:0;width:100%;height:50%;background-image:url(../img/head-form-bg.webp);background-size:contain;background-position:right;background-repeat:no-repeat}header #g-nav{position:fixed;z-index:999;top:0;right:-100%;width:100%;height:100vh;background-color:rgba(255,255,255,.8);transition:all .5s}header #g-nav.panelactive{right:0}header #g-nav.panelactive #g-nav-list{position:fixed;z-index:999;width:100%;height:100vh;overflow:auto;-webkit-overflow-scrolling:touch}header #g-nav ul{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:350px;width:85%}header #g-nav ol{padding:20px 30px}header #g-nav ol:last-of-type{padding-bottom:150px}header #g-nav li{list-style:none;text-align:left}header #g-nav li a{color:#131769;padding:10px;display:block;letter-spacing:.1em;text-transform:none;font-size:clamp(10px,1.714rem,24px);text-align:center}header #g-nav li a:hover{color:#3833334a}header .openbtn{display:none;right:0;cursor:pointer;width:80px;min-width:80px;height:76px;position:relative}header .closebtn span,header .openbtn span{display:inline-block;transition:all .4s;border-radius:50px;background-color:#131769}header .openbtn span{position:absolute;right:calc((100% - 25%)/ 2);height:2px;width:25%}header .openbtn span:nth-of-type(1){top:25px}header .openbtn span:nth-of-type(2){top:35px}header .openbtn span:nth-of-type(3){top:45px}header .closebtn{position:absolute;right:0;cursor:pointer;width:81px;height:76px;z-index:9999}header .closebtn span{position:absolute;right:20px;height:2px;width:50%}header .closebtn span:nth-of-type(1){top:30px;right:28px;transform:translateY(6px) rotate(-45deg);width:30%}header .closebtn span:nth-of-type(2){top:42px;right:28px;transform:translateY(-6px) rotate(45deg);width:30%}.header-sp{display:none;position:fixed;top:calc(76px + .5rem);right:.5rem;z-index:100;width:120px}.fv .bg,.fv .bg .logo{top:50%;left:50%;transform:translate(-50%,-50%)}.fv{height:100vh;width:100%;position:relative}.fv .bg,.fv .bg .logo,.fv .bg .txt,.fv .bg-blue,.fv .scrollBox{position:absolute}.fv .bg-blue{bottom:0;width:93%;height:20%;z-index:-1;background-color:#131769}.fv .bg{z-index:-1;width:calc(100% - 5rem);height:calc(100% - 5rem);background-image:url(../img/fv-bg.webp);background-size:cover;background-position:center}.fv .bg .logo{width:70%;max-width:500px;mix-blend-mode:multiply}.fv .bg .txt{left:3rem;bottom:3rem;color:#131769;font-size:clamp(10px,3.357rem,47px);font-weight:700;letter-spacing:min(.2rem,1px)}#RECRUIT .toTopBox p,.fv .scrollBox p{font-weight:400;writing-mode:vertical-rl;color:#000}.fv .scrollBox{right:2%;bottom:2%;display:flex;flex-direction:column;align-items:center;gap:.5rem;width:15%;max-width:100px}.fv .scrollBox p{font-size:clamp(10px,1.071rem,15px)}#MESSAGE{position:relative;padding-bottom:10%}#MESSAGE .bg{position:absolute;width:93%;height:100%;z-index:-1;background-color:#131769}#MESSAGE .bg::before{content:"";position:absolute;right:0;bottom:0;width:100%;height:13%;background-image:url(../img/message-bg.webp);background-size:contain;background-position:right;background-repeat:no-repeat}#MESSAGE .boxouter>.sub{font-size:clamp(10px,1.714rem,24px);line-height:200%;text-align:center;padding:10% 0}#MESSAGE .boxouter h2{width:75%;max-width:600px;margin-bottom:-3.2%}#MESSAGE .boxouter>.img{margin-bottom:10%}#MESSAGE .boxouter .peopleBox .sub{font-size:clamp(10px,1.071rem,15px);margin-bottom:1.5%}#MESSAGE .boxouter .peopleBox .nameFlex{display:flex;gap:clamp(10px,1.286rem,18px);margin-bottom:3%}#MESSAGE .boxouter .peopleBox .nameFlex p{font-size:clamp(10px,1.571rem,22px);line-height:100%}#MESSAGE .boxouter .peopleBox .nameFlex .line{border-right:2px solid #fff}#MESSAGE .boxouter .peopleBox .txtFlex{display:flex;gap:5%}#MESSAGE .boxouter .peopleBox .txtFlex p{width:100%;text-align:justify;font-size:clamp(10px,1.071rem,15px)}#SERVICE{padding:10% 0}#SERVICE .boxouter .flexBox .imgBox{display:flex;gap:2%;margin-top:5%;margin-bottom:4%}#SERVICE .boxouter .flexBox .txtBox{display:flex}#SERVICE .boxouter .flexBox .txtBox .pBox{display:flex;align-items:center;width:100%}#SERVICE .boxouter .flexBox .txtBox .pBox:nth-of-type(1){background-color:#7175AA}#SERVICE .boxouter .flexBox .txtBox .pBox:nth-of-type(3){background-color:#555993}#SERVICE .boxouter .flexBox .txtBox .pBox:nth-of-type(5){background-color:#3D4183}#SERVICE .boxouter .flexBox .txtBox .pBox:nth-of-type(7){background-color:#131769}#SERVICE .boxouter .flexBox .txtBox .pBox p{font-size:clamp(10px,1.214rem,17px);padding:10%}#SERVICE .boxouter .flexBox .txtBox .img{width:10%}#ADVANTAGE{position:relative;z-index:-1;padding-bottom:10%;margin-top:-90px;padding-top:90px}#ADVANTAGE .bg{position:absolute;width:100%;height:60%;background-image:url(../img/advantage-bg.webp);background-position:center;background-size:cover;margin-top:6%;z-index:-1}#ADVANTAGE .boxouter .txtflex{display:flex;margin-top:5%}#ADVANTAGE .boxouter .txtflex .h3Box{width:100%}#ADVANTAGE .boxouter .txtflex .h3Box h3{font-size:clamp(10px,2.5rem,35px)}#ADVANTAGE .boxouter .txtflex .h3Box h3 span{background-color:#131769;padding:0 2.5%}#ADVANTAGE .boxouter .txtflex .h3Box h3 span:nth-of-type(1){margin-bottom:2%}#ADVANTAGE .boxouter .txtflex p{width:100%;color:#000;text-align:justify;font-size:clamp(10px,1.071rem,15px)}#ADVANTAGE .boxouter>h3{text-align:center;font-size:clamp(10px,1.714rem,24px);color:#131769;margin-top:5%}#ADVANTAGE .boxouter .blueBox{margin-top:2%;padding-bottom:5%;border:2px solid #131769;background-color:#7175AA}#ADVANTAGE .boxouter .blueBox .txtBoxOuterflex{display:flex;padding-top:5%;width:80%;margin:0 auto}#ADVANTAGE .boxouter .blueBox .column{flex-direction: column;}#ADVANTAGE .boxouter .blueBox .txtBoxOuterflex .txtBoxflex{display:flex;width:100%;gap:1rem}#ADVANTAGE .boxouter .blueBox .txtBoxOuterflex .txtBoxflex h4{width:25%;white-space:nowrap;text-align:center;font-size:clamp(10px,1.5rem,21px)}#ADVANTAGE .boxouter .blueBox .txtBoxOuterflex .txtBoxflex .pBoxOuter .pBox p,#RECRUIT .boxouter .blueBox .txtBoxFlex .ttl h4,#RECRUIT .boxouter .blueBox .txtBoxFlex .txt p{font-size:clamp(10px,1rem,14px)}#ADVANTAGE .boxouter .blueBox .txtBoxOuterflex .txtBoxflex .pBoxOuter{width:100%;display:flex;gap:1rem;flex: 1;}#ADVANTAGE .boxouter .blueBox .txtBoxOuterflex .txtBoxflex .pBoxOuter .pBox:nth-of-type(1){flex:1;}#RECRUIT{position:relative;margin-top:-90px;padding-top:90px}#RECRUIT .boxouter .blueBox{margin-top:5%;border:2px solid #131769;background-color:#7175AA}#RECRUIT .boxouter .blueBox .txtBoxFlex{display:flex;align-items:center;border-bottom:1px solid #fff;padding:.5rem 0}#RECRUIT .boxouter .blueBox .txtBoxFlex:last-of-type{border-bottom:initial}#RECRUIT .boxouter .blueBox .txtBoxFlex .ttl{width:20%}#RECRUIT .boxouter .blueBox .txtBoxFlex .ttl h4{padding-left:15%}#RECRUIT .boxouter .blueBox .txtBoxFlex .txt{width:100%}#RECRUIT .boxouter .QR-img{width:40%;max-width:130px;margin:3% auto 0}#RECRUIT .boxouter .QR-txt{text-align:center;color:#000;font-size:clamp(10px,1.214rem,17px);margin:2% auto 3%}.footerTop .blueBox .boxouter .flexBox .leftBox p,.footerTop .blueBox .boxouter .flexBox .rightBox .mapBox{margin-top:10%}#RECRUIT .toTopBox{position:absolute;right:2%;bottom:0;display:flex;flex-direction:column;align-items:center;gap:.5rem;width:15%;max-width:100px}#RECRUIT .toTopBox p{font-size:clamp(10px,1.071rem,15px)}.footerTop .blueBox{background-color:#131769;padding:5% 0}.footerTop .blueBox .boxouter .flexBox{display:flex}.footerTop .blueBox .boxouter .flexBox .leftBox{width:85%}.footerTop .blueBox .boxouter .flexBox .leftBox h2{font-size:clamp(10px,1.25rem,20px)}.footerTop .blueBox .boxouter .flexBox .leftBox p,.footerTop .blueBox .boxouter .flexBox .rightBox .txtBox p,footer .footer-aBox a,footer p{font-size:clamp(10px,1rem,14px)}.footerTop .blueBox .boxouter .flexBox .rightBox{width:100%}.footerTop .blueBox .boxouter .flexBox .rightBox .txtBox .txtBox-flex{display:flex}footer{padding:1rem;display:flex;justify-content:space-between;align-items:center}footer .footer-aBox a{color:#707070;margin-right:1rem}footer p{color:#000}@media screen and (max-width:800px){html{font-size:clamp(1px,2.5vw,30px)}header .rightBox{display:none}.header-sp,header .openbtn{display:block}.aBox a{padding:5%}#SERVICE .boxouter .flexBox{display:flex;flex-direction:row-reverse;margin-top:5%}#SERVICE .boxouter .flexBox .imgBox{display:block;margin:0;width:100%}#SERVICE .boxouter .flexBox .txtBox{flex-direction:column;width:100%}#SERVICE .boxouter .flexBox .txtBox .pBox{flex-grow:1}#SERVICE .boxouter .flexBox .txtBox .img{width:100%}#ADVANTAGE .bg{margin-top:10%}#ADVANTAGE .boxouter .txtflex{display:block}#ADVANTAGE .boxouter .txtflex .h3Box h3{display:inline-block}#ADVANTAGE .boxouter .txtflex .h3Box h3 span{margin-bottom:4%}#ADVANTAGE .boxouter .blueBox .txtBoxOuterflex{display:block;padding:0}#ADVANTAGE .boxouter .blueBox .txtBoxOuterflex .txtBoxflex{margin:7% auto}#ADVANTAGE .boxouter .blueBox .txtBoxOuterflex .txtBoxflex h4{text-align:left}#RECRUIT .boxouter .blueBox .txtBoxFlex{display:block;padding:1rem 5%}#RECRUIT .boxouter .blueBox .txtBoxFlex .ttl h4{padding:0;font-size:clamp(10px,1.25rem,20px);margin-bottom:.5rem}#RECRUIT .boxouter .blueBox .txtBoxFlex .txt p{margin-bottom:.5rem}.footerTop .blueBox{padding:5% 0 10%}.footerTop .blueBox .boxouter{width:80%}.footerTop .blueBox .boxouter .flexBox{display:block}.footerTop .blueBox .boxouter .flexBox .leftBox{width:100%}.footerTop .blueBox .boxouter .flexBox .leftBox p,.footerTop .blueBox .boxouter .flexBox .rightBox{margin-top:5%}footer{display:block}footer p{margin-top:.5rem}}@media screen and (max-width:500px){html{font-size:clamp(1px,2.5vw,30px)}a:hover{opacity:initial}a:active{opacity:.5}.boxouter{width:90%}.aBox a .yazi{min-width:50px}#MESSAGE .bg,.fv .bg-blue{width:97%}}