/* Page-specific layout adapted from the KOI Thé reference. */
.recruitWrap .head-area{position:relative}
@media print, screen and (max-width: 64.06125em){.recruitWrap .head-area{margin-bottom:10px}
}
@media print, screen and (max-width: 39.99875em){.recruitWrap .head-area{margin-bottom:35px}
}
.recruitWrap .head-area .head-1,.recruitWrap .head-area .head-1-2,.recruitWrap .head-area .head-2{overflow:hidden}
@media print, screen and (max-width: 64.06125em){.recruitWrap .head-area .head-1 .en{margin:0 auto}
}
.recruitWrap .head-area .en{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;position:relative;font-family:"Red Hat Display",sans-serif;font-weight:900;letter-spacing:3px;-webkit-transform-origin:left;-ms-transform-origin:left;transform-origin:left;-webkit-transform:translateY(100%) rotate(10deg);-ms-transform:translateY(100%) rotate(10deg);transform:translateY(100%) rotate(10deg)}
@media print, screen and (max-width: 64.06125em){.recruitWrap .head-area .en{-webkit-transform:translateY(105%) rotate(10deg);-ms-transform:translateY(105%) rotate(10deg);transform:translateY(105%) rotate(10deg)}
}
.recruitWrap .head-area .en.top{margin-bottom:10px}
@media print, screen and (max-width: 64.06125em){.recruitWrap .head-area .en.top{margin-bottom:0px}
}
.recruitWrap .head-area .en.bottom{margin-left:auto}
.recruitWrap .head-area .note{font-family:"Red Hat Display",sans-serif;font-size:15px;font-weight:400;color:#ea5406;letter-spacing:0.5px;font-style:italic;text-align:right;margin-right:10px}
@media print, screen and (max-width: 64.06125em){.recruitWrap .head-area .note{margin-right:0;text-align:left;padding-left:20px}
}
.recruitWrap .recruit-top{position:relative;padding:200px 90px 240px}
@media print, screen and (max-width: 99.99875em){.recruitWrap .recruit-top{padding:100px 40px 80px}
}
@media print, screen and (max-width: 39.99875em){.recruitWrap .recruit-top{padding:97px 8px 85px}
}
.recruitWrap .recruit-top .head-area .en{font-size:335px;line-height:0.8}
@media print, screen and (max-width: 99.99875em){.recruitWrap .recruit-top .head-area .en{font-size:16vw}
}
@media print, screen and (max-width: 64.06125em){.recruitWrap .recruit-top .head-area .en{font-size:20vw}
}
@media print, screen and (max-width: 39.99875em){.recruitWrap .recruit-top .head-area .en{font-size:115px}
}
.recruitWrap .recruit-top .bear{position:absolute;right:195px;bottom:-165px}
.recruitWrap .recruit-top .recruitList{position:absolute;top:525px;left:100px}
@media print, screen and (max-width: 99.99875em){.recruitWrap .recruit-top .recruitList{top:325px;left:60px}
}
@media print, screen and (max-width: 64.06125em){.recruitWrap .recruit-top .recruitList{position:static;margin:0 20px}
}
.recruitWrap .recruit-top .recruitList .title{font-family:"Red Hat Display",sans-serif;font-size:56px;font-weight:900;letter-spacing:1px;color:#0c131b;margin-bottom:30px;line-height:1.2}
@media print, screen and (max-width: 99.99875em){.recruitWrap .recruit-top .recruitList .title{font-size:40px}
}
@media print, screen and (max-width: 74.99875em){.recruitWrap .recruit-top .recruitList .title{font-size:36px}
}
@media print, screen and (max-width: 64.06125em){.recruitWrap .recruit-top .recruitList .title{font-size:30px;letter-spacing:1px;margin-bottom:17px;line-height:1.4}
}
@media print, screen and (max-width: 39.99875em){.recruitWrap .recruit-top .recruitList .title{font-size:18px}
}
.recruitWrap .recruit-top .recruitList .article-area{width:815px;margin-bottom:30px}
@media print, screen and (max-width: 99.99875em){.recruitWrap .recruit-top .recruitList .article-area{width:700px}
}
@media print, screen and (max-width: 74.99875em){.recruitWrap .recruit-top .recruitList .article-area{width:600px}
}
@media print, screen and (max-width: 64.06125em){.recruitWrap .recruit-top .recruitList .article-area{width:100%}
}
.recruitWrap .recruit-top .recruitList .top{font-family:"Red Hat Display",sans-serif;font-size:15px;font-weight:500;letter-spacing:1px;color:#727171;padding:10px 0;border-bottom:1px solid rgba(35,24,21,0.274);line-height:1.2}
.recruitWrap .recruit-top .recruitList .top div.two{-webkit-box-align:end;-ms-flex-align:end;align-items:end}
@media print, screen and (max-width: 39.99875em){.recruitWrap .recruit-top .recruitList .top div.two{display:block}
}
@media print, screen and (max-width: 74.99875em){.recruitWrap .recruit-top .recruitList .top{font-size:13px}
}
@media print, screen and (max-width: 64.06125em){.recruitWrap .recruit-top .recruitList .top{font-size:15px;letter-spacing:0.5px}
}
@media print, screen and (max-width: 39.99875em){.recruitWrap .recruit-top .recruitList .top{font-size:9px}
}
.recruitWrap .recruit-top .recruitList .top .little{font-size:12px;margin-bottom:2px;margin-left:2px}
@media print, screen and (max-width: 74.99875em){.recruitWrap .recruit-top .recruitList .top .little{font-size:8px;margin-left:0}
}
.recruitWrap .recruit-top .recruitList .content{font-family:"Red Hat Display",sans-serif;font-size:17px;letter-spacing:0.5px;color:#0c131b;padding:10px 0;border-bottom:1px solid rgba(35,24,21,0.274);line-height:1.2;font-weight:600}
@media print, screen and (max-width: 99.99875em){.recruitWrap .recruit-top .recruitList .content{font-size:14px}
}
@media print, screen and (max-width: 74.99875em){.recruitWrap .recruit-top .recruitList .content{font-size:12px}
}
@media print, screen and (max-width: 64.06125em){.recruitWrap .recruit-top .recruitList .content{font-size:14px;font-weight:500;letter-spacing:0.5px}
}
@media print, screen and (max-width: 39.99875em){.recruitWrap .recruit-top .recruitList .content{font-size:9px}
}
.recruitWrap .recruit-top .recruitList .content .name{font-weight:500}
.recruitWrap .recruit-top .recruitList .top div,.recruitWrap .recruit-top .recruitList .content div{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.recruitWrap .recruit-top .recruitList .top div.medium-short,.recruitWrap .recruit-top .recruitList .content div.medium-short{-webkit-box-flex:0.75;-ms-flex:0.75 1 0px;flex:0.75 1 0}
.recruitWrap .recruit-top .recruitList .top div.uk span,.recruitWrap .recruit-top .recruitList .content div.uk span{margin-left:-35px}
@media print, screen and (max-width: 74.99875em){.recruitWrap .recruit-top .recruitList .top div.uk span,.recruitWrap .recruit-top .recruitList .content div.uk span{margin-left:-30px}
}
@media print, screen and (max-width: 64.06125em){.recruitWrap .recruit-top .recruitList .top div.uk span,.recruitWrap .recruit-top .recruitList .content div.uk span{margin-left:0px}
}
@media print, screen and (max-width: 39.99875em){.recruitWrap .recruit-top .recruitList .top div.uk span,.recruitWrap .recruit-top .recruitList .content div.uk span{margin-left:0px}
}
@media print, screen and (max-width: 39.99875em){.recruitWrap .recruit-top .recruitList .top div.mobile-little span,.recruitWrap .recruit-top .recruitList .content div.mobile-little span{display:block}
}
.recruitWrap .recruit-top .recruitList .note{font-family:"Red Hat Display",sans-serif;font-size:14px;font-weight:400;letter-spacing:0.5px;color:#727171;line-height:1.6;max-width:810px;text-align:justify}
@media print, screen and (max-width: 99.99875em){.recruitWrap .recruit-top .recruitList .note{font-size:13px}
}
@media print, screen and (max-width: 64.06125em){.recruitWrap .recruit-top .recruitList .note{font-size:14px}
}
@media print, screen and (max-width: 39.99875em){.recruitWrap .recruit-top .recruitList .note{font-size:12px}
}
.recruitWrap .recruit-top .recruit-otherList{width:1075px;margin:500px 0 0 auto}
@media print, screen and (max-width: 99.99875em){.recruitWrap .recruit-top .recruit-otherList{width:800px;margin:450px 0 0 auto}
}
@media print, screen and (max-width: 74.99875em){.recruitWrap .recruit-top .recruit-otherList{width:600px;margin:420px 0 0 auto}
}
@media print, screen and (max-width: 64.06125em){.recruitWrap .recruit-top .recruit-otherList{width:100%;margin:80px 0 0;padding:0 20px}
}
@media print, screen and (max-width: 39.99875em){.recruitWrap .recruit-top .recruit-otherList{margin:70px 0 0}
}
.recruitWrap .recruit-top .recruit-otherList .title{font-family:"Red Hat Display",sans-serif;font-size:56px;font-weight:900;letter-spacing:1px;color:#0c131b;margin-bottom:30px;line-height:1.2}
@media print, screen and (max-width: 99.99875em){.recruitWrap .recruit-top .recruit-otherList .title{font-size:40px}
}
@media print, screen and (max-width: 74.99875em){.recruitWrap .recruit-top .recruit-otherList .title{font-size:36px}
}
@media print, screen and (max-width: 64.06125em){.recruitWrap .recruit-top .recruit-otherList .title{font-size:30px;letter-spacing:1px;margin-bottom:17px;line-height:1.4}
}
@media print, screen and (max-width: 39.99875em){.recruitWrap .recruit-top .recruit-otherList .title{font-size:18px}
}
.recruitWrap .recruit-top .recruit-otherList .articleList li{padding:10px 0;font-family:"Red Hat Display",sans-serif;font-size:23px;font-weight:500;letter-spacing:1px;color:#0c131b;border-bottom:1px solid rgba(35,24,21,0.274)}
@media print, screen and (max-width: 99.99875em){.recruitWrap .recruit-top .recruit-otherList .articleList li{font-size:18px}
}
@media print, screen and (max-width: 64.06125em){.recruitWrap .recruit-top .recruit-otherList .articleList li{font-size:16px;letter-spacing:0.5px}
}
@media print, screen and (max-width: 39.99875em){.recruitWrap .recruit-top .recruit-otherList .articleList li{font-size:12px}
}
.recruitWrap .recruit-top .recruit-otherList .note{font-family:"Red Hat Display",sans-serif;font-size:16px;font-weight:400;letter-spacing:0.5px;color:#727171;line-height:1.4;margin-left:20px;margin-top:10px}
@media print, screen and (max-width: 64.06125em){.recruitWrap .recruit-top .recruit-otherList .note{font-size:12px;letter-spacing:0px;margin-left:10px}
}
.recruitWrap .recruit-middleList section{position:relative;height:100vh}
@media print, screen and (min-width: 40em) and (max-width: 64.06125em){.recruitWrap .recruit-middleList section{height:75vh}
}
.recruitWrap .recruit-middleList section .sec-bg{background-attachment:fixed;width:100%;height:100%;background-repeat:no-repeat;background-size:cover;background-position:center;position:absolute;top:0;left:0}
@media print, screen and (max-width: 74.99875em){.recruitWrap .recruit-middleList section .sec-bg{background-attachment:initial}
}
.recruitWrap .recruit-middleList section .item-area{position:absolute;bottom:110px;left:207px;max-width:1470px;width:100%;-webkit-box-align:end;-ms-flex-align:end;align-items:end}
.recruitWrap .apply-area{padding:175px 90px 180px;height:5000px}
@media print, screen and (max-width: 99.99875em){.recruitWrap .apply-area{height:400vh;padding:120px 40px 100px}
}
@media print, screen and (max-width: 64.06125em){.recruitWrap .apply-area{height:250vh}
}
@media print, screen and (max-width: 39.99875em){.recruitWrap .apply-area{padding:100px 0px 50px}
}
.recruitWrap .apply-area .apply-fancy{pointer-events:none;position:sticky;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:1}
@media print, screen and (max-width: 64.06125em){.recruitWrap .apply-area .apply-fancy{width:100%;left:0;-webkit-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%);transform:translate(0%, -50%);padding:0 20px}
}
.recruitWrap .apply-area .apply-fancy.is-show{pointer-events:all}
.recruitWrap .apply-area .apply-fancy .fancy-inner{width:550px;opacity:0;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px);padding:35px;background-color:#f9efe1;text-align:center}
@media print, screen and (max-width: 64.06125em){.recruitWrap .apply-area .apply-fancy .fancy-inner{width:100%}
}
.recruitWrap .apply-area .apply-fancy .top-area{margin-bottom:-5px;opacity:0;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px)}
.recruitWrap .apply-area .apply-fancy .top-area .title{font-family:"Red Hat Display",sans-serif;color:#0c131b;font-size:40px;font-weight:700;letter-spacing:1px;margin-bottom:15px}
@media print, screen and (max-width: 99.99875em){.recruitWrap .apply-area .apply-fancy .top-area .title{font-size:36px}
}
@media print, screen and (max-width: 74.99875em){.recruitWrap .apply-area .apply-fancy .top-area .title{font-size:30px}
}
@media print, screen and (max-width: 64.06125em){.recruitWrap .apply-area .apply-fancy .top-area .title{letter-spacing:1px}
}
@media print, screen and (max-width: 39.99875em){.recruitWrap .apply-area .apply-fancy .top-area .title{font-size:18px}
}
.recruitWrap .apply-area .apply-fancy .top-area .content{font-family:"Red Hat Display",sans-serif;color:#727171;font-size:14px;letter-spacing:0.5px;line-height:1.6;max-width:330px;margin:0 auto}
@media print, screen and (max-width: 64.06125em){.recruitWrap .apply-area .apply-fancy .top-area .content{letter-spacing:0.5px}
}
@media print, screen and (max-width: 39.99875em){.recruitWrap .apply-area .apply-fancy .top-area .content{font-size:12px}
}
.recruitWrap .apply-area .apply-fancy .applyList li{opacity:0;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px);padding:25px 7px 10px;border-bottom:1px solid #0c131b;-webkit-transition:0.5s all;transition:0.5s all}
@media print, screen and (max-width: 64.06125em){.recruitWrap .apply-area .apply-fancy .applyList li{padding:20px 7px 5px}
}
.recruitWrap .apply-area .apply-fancy .applyList li .title{font-size:27px;color:#0c131b;font-weight:400;font-family:"Red Hat Display",sans-serif;letter-spacing:1px;margin-bottom:15px;-webkit-transition:0.5s all;transition:0.5s all}
@media print, screen and (max-width: 64.06125em){.recruitWrap .apply-area .apply-fancy .applyList li .title{font-size:19px;letter-spacing:1px;margin-bottom:10px;line-height:1.4;font-weight:600}
}
.recruitWrap .apply-area .apply-fancy .applyList li .note{font-family:"Red Hat Display",sans-serif;font-size:14px;letter-spacing:0.5px;color:#727171;margin-bottom:10px;-webkit-transition:0.5s all;transition:0.5s all}
@media print, screen and (max-width: 64.06125em){.recruitWrap .apply-area .apply-fancy .applyList li .note{margin-bottom:6px}
}
@media print, screen and (max-width: 39.99875em){.recruitWrap .apply-area .apply-fancy .applyList li .note{font-size:12px}
}
.recruitWrap .apply-area .apply-fancy .applyList li .arrow{-webkit-transition:0.5s all;transition:0.5s all}
.recruitWrap .apply-area .apply-fancy .applyList li .arrow .d{fill:#0c1219;-webkit-transition:0.5s all;transition:0.5s all}
.recruitWrap .apply-area .apply-fancy .applyList li .arrow .e{fill:none;stroke:#0c1219;stroke-miterlimit:10;stroke-width:2.54px;-webkit-transition:0.5s all;transition:0.5s all}
.recruitWrap .apply-area .apply-fancy .applyList li:hover{border-bottom:1px solid #ea5504}
.recruitWrap .apply-area .apply-fancy .applyList li:hover .title{color:#ea5504}
.recruitWrap .apply-area .apply-fancy .applyList li:hover .note{color:#ea5504}
.recruitWrap .apply-area .apply-fancy .applyList li:hover .arrow{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}
.recruitWrap .apply-area .apply-fancy .applyList li:hover .arrow .d{fill:#ea5504}
.recruitWrap .apply-area .apply-fancy .applyList li:hover .arrow .e{stroke:#ea5504}
.recruitWrap .apply-area .head-area{position:sticky;top:130px}
@media screen and (min-width: 75em) and (max-width: 99.99875em){.recruitWrap .apply-area .head-area{top:80px}
}
@media print, screen and (min-width: 64.0625em) and (max-width: 74.99875em){.recruitWrap .apply-area .head-area{margin-top:-300px}
}
@media print, screen and (max-width: 64.06125em){.recruitWrap .apply-area .head-area{top:20vh}
}
@media print, screen and (max-width: 39.99875em){.recruitWrap .apply-area .head-area{top:100px}
}
.recruitWrap .apply-area .head-area .head-1,.recruitWrap .apply-area .head-area .head-2{position:relative;overflow:hidden;color:#231814}
.recruitWrap .apply-area .head-area .quote{font-family:"Red Hat Display",sans-serif;font-size:120px;text-align:center;font-weight:700}
.recruitWrap .apply-area .head-area .head-1 .quote{margin-bottom:-80px}
.recruitWrap .apply-area .head-area .head-2 .quote{margin-bottom:-50px}
.recruitWrap .apply-area .head-area .en{font-size:300px;line-height:0.95;-webkit-transform-origin:left;-ms-transform-origin:left;transform-origin:left;-webkit-transform:translateY(100%) rotate(10deg);-ms-transform:translateY(100%) rotate(10deg);transform:translateY(100%) rotate(10deg)}
@media print, screen and (max-width: 99.99875em){.recruitWrap .apply-area .head-area .en{font-size:16vw}
}
@media print, screen and (min-width: 40em) and (max-width: 64.06125em){.recruitWrap .apply-area .head-area .en{width:auto;font-size:24vw;text-align:center}
}
@media print, screen and (max-width: 39.99875em){.recruitWrap .apply-area .head-area .en{font-size:120px}
}
@media print, screen and (max-width: 64.06125em){.recruitWrap .apply-area .head-area .en.bottom{width:100%;margin-left:0}
}
.recruitWrap .apply-area .head-area .ch{font-family:"Red Hat Display",sans-serif;font-size:26px;letter-spacing:1px;font-weight:900;line-height:1.4;text-align:left}
@media print, screen and (max-width: 99.99875em){.recruitWrap .apply-area .head-area .ch{font-size:22px}
}
@media print, screen and (max-width: 64.06125em){.recruitWrap .apply-area .head-area .ch{letter-spacing:0px;text-align:center;line-height:1.8}
}
@media print, screen and (max-width: 39.99875em){.recruitWrap .apply-area .head-area .ch{font-size:16px}
}


@media screen and (max-width: 63.9375em) {
    }

body:has(.recruitWrap) { background: var(--peach); }
.recruitWrap { line-height: 1; color: #000; }
.recruitWrap .apply-area .apply-fancy .applyList li:focus-within { border-color: #ea5504; }
.recruitWrap .apply-area .apply-fancy .applyList li:focus-within .title,
.recruitWrap .apply-area .apply-fancy .applyList li:focus-within .note { color: #ea5504; }
.recruitWrap .apply-area .apply-fancy .applyList li:focus-within .arrow { transform: translateX(10px); }
.recruitWrap .apply-area .apply-fancy .applyList li:focus-within .arrow .d { fill: #ea5504; }
.recruitWrap .apply-area .apply-fancy .applyList li:focus-within .arrow .e { stroke: #ea5504; }
.content-page:not(.content-motion) .recruitWrap .head-area .en { transform: none; }
.content-page:not(.content-motion) .recruitWrap .apply-area { height: auto; display: flex; flex-direction: column-reverse; gap: 50px; }
.content-page:not(.content-motion) .recruitWrap .apply-area .apply-fancy { position: relative; left: auto; top: auto; transform: none; margin: auto; max-width: 100%; pointer-events: auto; }
.content-page:not(.content-motion) .recruitWrap .apply-area .fancy-inner,
.content-page:not(.content-motion) .recruitWrap .apply-area .top-area,
.content-page:not(.content-motion) .recruitWrap .apply-area .applyList > li { opacity: 1; transform: none; }
.content-page:not(.content-motion) .recruitWrap .apply-area .head-area { position: relative; top: auto; }
@media (max-width: 1024px) {
    .content-page:not(.content-motion) .recruitWrap .apply-area { flex-direction: column; }
}
@media (prefers-reduced-motion: reduce) {
    .recruitWrap .recruit-middleList section .sec-bg { background-attachment: initial; }
}
