@import"tailwindcss";:root{--paper:#f4f1e9;--ink:#171b1a;--blue:#1558ff;--green:#5ee679;--line:#bbb7ac}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"Yu Gothic",sans-serif}a{color:inherit;text-decoration:none}.header{height:92px;padding:0 3.5vw;border-bottom:1px solid;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:10}.logo{display:flex;align-items:center;gap:12px;font-size:31px;letter-spacing:-2px}.logo>span{width:46px;height:42px;position:relative}.logo>span:before,.logo>span:after{content:"";position:absolute;width:34px;height:2px;background:var(--blue);top:27px;left:6px;transform:rotate(-34deg)}.logo>span:after{width:29px;top:10px;left:21px;transform:rotate(75deg);background:var(--green)}.logo i{width:13px;height:13px;border-radius:50%;background:var(--blue);position:absolute;z-index:1}.logo i:first-child{left:0;top:24px}.logo i:nth-child(2){left:29px;top:3px}.logo i:last-child{right:0;bottom:0;background:var(--green)}.header nav{display:flex;align-items:center;gap:4vw;font-weight:bold;font-size:14px}.contactBtn{border:2px solid var(--blue);color:var(--blue);padding:14px 25px}.header input,.header label{display:none}.hero{height:calc(100vh - 92px);min-height:650px;max-height:820px;display:grid;grid-template-columns:45% 55%;border-bottom:1px solid;overflow:hidden}.heroCopy{padding:8vh 4vw;z-index:2}.tag{font-size:12px;font-weight:bold;letter-spacing:3px}.tag:before{content:"";display:inline-block;width:30px;height:3px;background:var(--blue);margin:0 12px 3px 0}.hero h1{font-size:clamp(48px,5.2vw,78px);line-height:1.45;letter-spacing:-5px;margin:45px 0 25px}.heroCopy>p:last-child{font-weight:600;line-height:2.1;max-width:570px}.type{position:relative;border-left:1px dashed var(--line);background:repeating-linear-gradient(90deg,transparent 0,transparent 33%,var(--line) 33.1%,transparent 33.2%)}.type b,.type strong{position:absolute;font-size:clamp(200px,23vw,370px);line-height:.73;letter-spacing:-.13em;left:-2%}.type b{top:1%;color:var(--blue)}.type strong{bottom:-1%}.type>i{position:absolute;height:8px;background:var(--green);width:70%;top:47%;left:0}.type>i:nth-of-type(2){width:35%;top:60%;left:auto;right:0}.type>span{position:absolute;width:47px;height:47px;border:9px solid var(--green);border-radius:50%;background:var(--paper);top:calc(47% - 19px);left:24%}.type>span:last-child{top:calc(60% - 19px);left:auto;right:19%}.newsBar{height:95px;padding:0 3.5vw;display:grid;grid-template-columns:260px 150px 1fr 50px;align-items:center;border-bottom:1px solid}.newsBar>b{font-size:26px}.newsBar small{font-size:11px}.arrow{font-size:38px;font-style:normal}.routes{padding:110px 3.5vw 130px}.routes header{display:flex;justify-content:space-between;align-items:end;margin-bottom:45px}.routes h2{font-size:42px;margin:0}.cardGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{border:1px solid var(--line);padding:35px 30px;min-height:330px;position:relative}.card>i{display:block;width:8px;height:45px;background:var(--blue);margin-bottom:35px}.card>i.green{background:var(--green)}.card h3{font-size:clamp(28px,3vw,43px);margin:7px 0 25px}.card p{line-height:1.9;font-size:14px}.card .arrow{position:absolute;right:25px;bottom:20px}.blueStatement{min-height:440px;background:var(--blue);color:white;padding:80px 4vw;display:flex;justify-content:space-between;align-items:end}.blueStatement h2{font-size:clamp(42px,6vw,90px);letter-spacing:-5px;line-height:1;margin:0}.blueStatement p{border-left:3px solid var(--green);padding-left:20px;font-size:20px;line-height:1.8}.lowerHero{height:420px;display:grid;grid-template-columns:57% 43%;border-bottom:1px solid}.lowerHero>div{padding:80px 5vw}.lowerHero h1{font-size:clamp(68px,9vw,130px);line-height:.8;margin:60px 0 18px;letter-spacing:-6px}.lowerHero aside{border-left:1px solid;position:relative;overflow:hidden}.lowerHero aside b{font-size:420px;line-height:.8;color:var(--blue);position:absolute}.lowerHero aside i{position:absolute;width:80%;height:8px;background:var(--green);top:50%}.lowerHero aside span{position:absolute;width:46px;height:46px;border:9px solid var(--green);border-radius:50%;background:var(--paper);top:calc(50% - 19px);left:45%}.shell{max-width:1240px;margin:auto;padding:115px 5vw 150px}.heading{border-left:8px solid var(--blue);padding-left:24px;margin-bottom:50px}.heading small{color:var(--blue);font-weight:bold;letter-spacing:2px}.heading h2{font-size:36px;margin:8px 0}.lead{font-size:19px;line-height:2.1;max-width:900px;margin-bottom:100px}.biz{display:grid;grid-template-columns:140px 1fr;gap:40px;border-top:1px solid;padding:50px 0 100px}.num{width:80px;height:80px;background:var(--blue);color:white;display:grid;place-items:center;font-size:27px}.biz h3{font-size:45px;margin:0 0 35px}.biz p{line-height:2}.kind{border:1px solid}.kind b{display:inline-block;background:var(--ink);color:white;padding:13px 22px;margin-right:22px}.biz h4{margin-top:55px}.values{display:grid;grid-template-columns:1fr 1fr;gap:15px}.values>div{border:1px solid var(--line);padding:25px}.table{border-top:1px solid;margin:0}.table>div{display:grid;grid-template-columns:230px 1fr;padding:26px 18px;border-bottom:1px solid var(--line)}.table dt{font-weight:bold}.table dd{white-space:pre-line;line-height:2;margin:0}.message{margin-top:140px}.message>div{display:grid;grid-template-columns:42% 58%;border-top:1px solid}.message aside{background:var(--blue);color:white;padding:45px;display:flex;flex-direction:column;justify-content:space-between}.message aside h3{font-size:36px;line-height:1.7}.message article{padding:45px}.message article p{line-height:2.1}.sign{text-align:right}.recruitIntro{background:var(--blue);color:white;padding:100px max(5vw,calc((100vw - 1200px)/2))}.recruitIntro .tag:before{background:var(--green)}.recruitIntro h2{font-size:70px;line-height:1.3;letter-spacing:-4px}.recruitIntro>p:last-child{line-height:2}.entry{margin-top:90px;background:var(--ink);color:white;padding:45px;display:flex;justify-content:space-between;align-items:center}.entry a{color:var(--green);font-size:25px;font-weight:bold}.contact{max-width:1240px;margin:auto;padding:110px 5vw 150px;display:grid;grid-template-columns:38% 62%;gap:8%}.contact section h2{font-size:42px}.contact section p{line-height:2}.contact label{display:block;margin-bottom:30px}.contact label b{display:block;margin-bottom:10px}.contact label small{background:var(--blue);color:white;padding:3px 7px}.contact input,.contact select,.contact textarea{width:100%;padding:16px;border:1px solid var(--line);background:#fffdf8}.contact button{width:100%;padding:20px;background:var(--blue);color:white;border:0;font-weight:bold}.newsList{max-width:1150px;margin:auto;padding:110px 5vw 160px;min-height:500px}.newsList a{display:grid;grid-template-columns:180px 1fr 50px;align-items:center;padding:32px 10px;border-bottom:1px solid var(--line)}.detail{max-width:900px;margin:auto;padding:100px 5vw 150px;min-height:700px}.detail>p{font-size:11px}.detail time{display:block;color:var(--blue);font-weight:bold;margin-top:70px}.detail h1{font-size:45px;padding-bottom:40px;border-bottom:1px solid}.detail>div p{line-height:2.2}footer{padding:60px 3.5vw 25px;border-top:1px solid}footer>div{display:flex;justify-content:space-between}footer nav{display:grid;grid-template-columns:repeat(3,110px);gap:20px;font-size:12px;font-weight:bold}footer>p{border-top:1px solid var(--line);padding-top:20px;margin-top:60px;font-size:11px}
@media(max-width:800px){.header{height:72px;padding:0 18px}.logo{font-size:23px}.logo>span{transform:scale(.8);margin-right:-8px}.header label{display:block;font-size:26px}.header nav{position:fixed;inset:72px 0 0;background:var(--paper);display:flex;flex-direction:column;padding:25px;transform:translateX(100%);transition:.3s}.header nav a{padding:17px;border-bottom:1px solid var(--line)}.header input:checked~nav{transform:none}.hero{height:auto;min-height:750px;display:block;position:relative}.heroCopy{padding:60px 22px 330px}.hero h1{font-size:44px;letter-spacing:-3px;margin:35px 0 25px}.heroCopy>p:last-child{font-size:14px}.type{position:absolute;bottom:0;width:100%;height:300px}.type b,.type strong{font-size:155px}.newsBar{height:auto;padding:20px;grid-template-columns:1fr 40px;gap:8px}.newsBar>b{font-size:21px}.newsBar time,.newsBar>span{grid-column:1}.newsBar .arrow{grid-column:2;grid-row:1/4}.routes{padding:75px 20px}.routes header{display:block}.routes h2{font-size:31px;margin-top:20px}.cardGrid{grid-template-columns:1fr}.blueStatement{display:block;padding:65px 22px}.blueStatement h2{font-size:48px}.blueStatement p{margin-top:65px}.lowerHero{height:300px;grid-template-columns:72% 28%}.lowerHero>div{padding:52px 20px}.lowerHero h1{font-size:50px;margin-top:70px}.lowerHero aside b{font-size:290px}.shell{padding:80px 22px 100px}.lead{font-size:16px}.biz{grid-template-columns:1fr}.biz h3{font-size:31px}.values{grid-template-columns:1fr}.table>div{grid-template-columns:1fr;gap:12px;padding:22px 5px}.table dt{color:var(--blue)}.message>div{grid-template-columns:1fr}.message article{padding:35px 5px}.recruitIntro{padding:75px 22px}.recruitIntro h2{font-size:39px}.entry{display:block}.entry a{display:block;margin-top:25px}.contact{padding:75px 22px 100px;grid-template-columns:1fr;gap:55px}.newsList{padding:75px 22px}.newsList a{grid-template-columns:1fr 40px;gap:8px}.newsList a time,.newsList a b{grid-column:1}.newsList .arrow{grid-column:2;grid-row:1/3}.detail{padding:70px 22px}.detail h1{font-size:31px}footer>div{display:block}footer nav{margin-top:50px;grid-template-columns:1fr 1fr}}
