@charset "utf-8";#top-main02{position:relative;height:100vh}#video-area{position:fixed;z-index:-1;top:0;right:0;left:0;bottom:0;overflow:hidden}#video{position:absolute;z-index:-1;top:50%;left:50%;transform:translate(-50%,-50%);width:177.77777778vh;height:56.25vw;min-height:100%;min-width:100%}.top-message{position:absolute;top:60%;left:15%;color:#fff;white-space:nowrap;text-shadow:0 0 15px #666}body{font-family:"Noto Serif JP",serif,sans-serif;color:#333;font-size:1rem;line-height:1.85;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;word-wrap:break-word}@media screen and (max-width:768px){body{font-size:.8rem}}*{box-sizing:border-box}ul{margin:0;padding:0;list-style:none}a{color:#333;text-decoration:none;outline:0}img{width:100%;height:auto}#footer,#g-nav,#pc-nav,#splash-logo,.openbtn,.top-lead,h1,h2,h3 span{font-family:Lato,sans-serif;letter-spacing:.1em}#splash-logo{font-size:1.2rem;letter-spacing:.3em;text-transform:uppercase;color:#615cee}#splash-logo img{width:70%}#g-nav.panelactive li:last-child a{margin:30px 0 0 0;padding:10px 20px;border:2px solid #f3f3f3;white-space:nowrap}#pc-nav ul{margin-left:auto;padding-left:180px}#pc-nav span.bgLRextend::before{background:#333}#pc-nav span{white-space:nowrap}@media screen and (max-width:990px){#pc-nav{display:none}}h1{text-transform:uppercase;font-size:1.5rem;position:absolute;top:40%;left:5%;line-height:1;letter-spacing:.2em}h1 img{width:15%;padding-right:15px}@media screen and (max-width:550px){h1{font-size:1.2rem;top:32%}}h1 a{color:#615cee}h2{text-transform:uppercase;font-size:3rem}@media screen and (max-width:768px){h2{font-size:2rem}}.top-lead{position:fixed;bottom:10%;left:5%;font-size:3rem;text-transform:uppercase;font-weight:700;line-height:1.5}.top-lead span.bgLRextend::before{background:#333}@media screen and (max-width:550px){.top-lead{font-size:2.2rem}}@media screen and (max-width:380px){.top-lead{font-size:1.8rem}}#main-area{width:90%;margin:0 auto;padding:50px 0}#topics{border-left:3px solid #000;padding:0 0 0 20px}@media screen and (max-width:768px){#topics{margin:0 0 100px 0}}#topics h2{font-size:1.5rem}#topics h2 span.bgLRextend::before{background:#333}.bx-wrapper{box-shadow:none;border:none}#vision{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin:0 0 100px 0}@media screen and (max-width:768px){#vision{margin:0 0 50px 0}}.webp .vision-img{background:url(../img/pict-004m.webp) no-repeat center;background-size:cover}.no-webp .vision-img{background:url(../img/pict-004m.png) no-repeat center;background-size:cover}#vision .img{width:40%;min-height:590px}#vision .content{width:50%;text-align:right}@media screen and (max-width:768px){#vision .img{width:100%;min-height:290px;margin:0 0 50px 0}#vision .content{width:100%;text-align:left}}#vision h2{color:#615cee;margin:0 0 30px 0}#vision p{line-height:2;margin:0 0 50px 0}#vision .vision-lead{position:relative;color:#615cee;font-size:1.3rem;font-weight:700;margin:0 0 90px 0}@media screen and (max-width:768px){#vision .vision-lead{font-size:1rem}}#vision .vision-lead::after{content:'';position:absolute;bottom:-30px;right:0;background:#615cee;width:12em;height:3px}@media screen and (max-width:480px){#vision .vision-lead::after{right:50%}}#service h2{text-align:center;margin:0 0 100px 0}@media screen and (max-width:550px){#service h2{margin:0 0 50px 0}}#service h2{text-align:center;color:#615cee;margin:0 0 100px 0}#service h2 span.bgLRextend::before{background:#615cee}#service .service-area{position:relative;display:flex;justify-content:space-between;flex-wrap:wrap;margin:0 0 300px 0}@media screen and (max-width:768px){#service .service-area{margin:0 0 200px 0}}@media screen and (max-width:590px){#service .service-area{margin:0 0 50px 0}}#service .service-area::after{content:'';position:absolute;width:70%;height:23em;background:#f3f3f3;right:10%;top:20%;z-index:-1}#service .service-area:nth-of-type(2n+1){flex-direction:row-reverse}#service .service-area .img{width:50%}#service .service-area .content{width:40%;background:#fff;box-shadow:0 0 20px #ccc;display:flex;justify-content:center;align-items:center;position:relative;top:150px}@media screen and (max-width:768px){#service .service-area .content{width:47%;top:100px}}@media screen and (max-width:590px){#service .service-area .img{width:100%;z-index:2}#service .service-area .content{width:100%;top:-10px;animation:none;opacity:1;z-index:1}}#service .service-area .content-area{padding:40px}#service .service-area .content-area h3{text-align:center;font-size:1rem;margin:0 0 30px 0}#service .service-area .content-area h3 span{font-weight:700;text-transform:uppercase;display:block;font-size:1.2rem}#service .service-area .content-area p{margin:0 0 30px 0}#service .btn{text-align:right}#about{margin:0 0 200px 0}@media screen and (max-width:768px){#about{margin:0 0 100px 0}}#about h2{text-align:center;color:#615cee;margin:0 0 100px 0}@media screen and (max-width:550px){#about h2{margin:0 0 50px 0}}#about .about-list{width:96%;max-width:900px;margin:0 auto}#about .about-list li{border-bottom:1px solid #ccc;margin:0 0 15px 0;padding:0 0 15px 0}#about .about-list dl{display:flex;justify-content:space-between}#about .about-list dt{width:30%;padding:0 0 0 40px}@media screen and (max-width:590px){#about .about-list dt{padding:0 0 0 10px}}#about .about-list dd{width:65%}#history{position:relative;padding:0 70px;margin:0 0 100px 0}#history h2{position:absolute;right:45%;z-index:2}.history-area{display:flex;justify-content:space-between;flex-wrap:wrap}.webp .history-img{background:url(../img/kihoku_history.webp) no-repeat center;background-size:cover}.no-webp .history-img{background:url(../img/kihoku_history.png) no-repeat center;background-size:cover}.history-img{margin-top:180px;height:40vh;width:40%}.history-content{width:45%;padding:150px 0 0 0}@media screen and (max-width:768px){#history{padding:0 30px}#history h2{position:relative;right:inherit;top:40px}.history-content,.history-img{width:100%}.history-img{height:40vh}.history-content{padding:50px 0 0 0}}@media screen and (max-width:430px){.history-img{height:20vh}}.faq-bg{position:relative;height:55vh;margin:0 0 200px 25%}.webp .faq-bg{background:url(../img/22129749_m.webp) no-repeat center;background-size:cover}.no-webp .faq-bg{background:url(../img/22129749_m.png) no-repeat center;background-size:cover}.faq-bg::after{content:'';position:absolute;top:20%;left:-32%;width:100%;height:55vh;background:#f3f3f3;z-index:-1}@media screen and (max-width:768px){.faq-bg,.faq-bg::after{height:35vh}}@media screen and (max-width:550px){#faq{margin:0 0 100px 0}#faq h2{margin:0 0 50px 0}.faq-bg{margin:0 0 100px 25%}.faq-bg,.faq-bg::after{height:20vh}}.timeline li{position:relative;list-style:none;padding:0 0 20px 0}.timeline dl{margin:0 0 20px 3em}.border-line{position:absolute;left:.2em;top:0;width:2px;height:0;background:#999}.timeline li::after{content:'';position:absolute;top:10px;left:-1px;width:10px;height:10px;background:#999;border-radius:50%}#contact{margin:0 0 100px 0}#contact h2{text-align:center;margin:0 0 100px 0;color:#eb6101}@media screen and (max-width:550px){#contact h2{margin:0 0 50px 0}}.contact-h2{display:flex;justify-content:center;margin-bottom:100px}#contact{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;flex-direction:row-reverse}#contact .contact-img{width:70%;min-height:300px;background-size:cover}.webp .contact-img{background:url(../img/pict-005m.webp) no-repeat center}.no-webp .contact-img{background:url(../img/pict-005m.png) no-repeat center}#contact .contact-area{width:25%;text-align:center}@media screen and (max-width:1190px){#contact .contact-img{width:60%}#contact .contact-area{width:35%}}@media screen and (max-width:768px){#contact .contact-img{width:48%}#contact .contact-area{width:48%}}@media screen and (max-width:600px){#contact .contact-area,#contact .contact-img{width:100%}#contact .contact-img{margin:0 0 50px 0}}#contact .contact-area dt{font-size:1.2rem;margin:0 0 10px 0}#contact .contact-area dd{font-size:.8rem;margin:0 0 30px 0}#footer{padding:100px 0;border-top:1px solid #333;text-align:center;background:#fff;position:relative;text-transform:uppercase}#footer .footer-logo{font-weight:700;letter-spacing:.3em;margin:0 0 50px 0;color:#666}#footer small{color:#888} #footer .recruit {width:50%;margin:auto; margin-bottom: 50px;} @media screen and (max-width:600px) {#footer .recruit {width:90%;}}