main{background-color:#ebebeb}main #visual{position:relative;margin-bottom:5vw}@media only screen and (max-width: 768px){main #visual{margin-bottom:3vw;height:calc(100% - 60px);overflow:hidden}}main #visual .copy{position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%, -50%);width:80%;max-width:1124px}main #visual p.en{position:absolute;bottom:30px;color:#fff;font-size:2rem;width:80%;max-width:1124px;left:50%;transform:translateX(-50%)}@media only screen and (max-width: 768px){main #visual p.en{font-size:1.6rem}}main #visual .copyen{position:absolute;z-index:0;width:100%;max-width:1124px;height:auto;aspect-ratio:700/274;top:50%;left:45%;transform:translateX(-48%)}@media only screen and (max-width: 768px){main #visual .copyen{top:60%;left:50%}}main #visual .copyen svg{max-width:428px;width:48%}main #visual #book-link{position:absolute;z-index:10;width:clamp(130px,14vw,180px);right:5%;bottom:0;transform:translateY(30%)}@media only screen and (max-width: 768px){main #visual #book-link{width:100px;bottom:50px}}main #visual #book-link img{transition:all .2s ease}main #visual #book-link img:hover{transform:scale(1.1)}main #message{position:relative;z-index:1;padding:60px 0;margin-bottom:5vw}main #message::before{content:"";display:block;position:absolute;width:100%;height:60%;left:0;top:0;background:url(/career/img/top/message.jpg) no-repeat center top;background-size:100% auto;filter:blur(50px) brightness(130%) opacity(50%);z-index:-1}main #message .en-copy{font-size:clamp(9rem,9.8vw,10rem);color:#e60000;font-weight:bold;text-align:right;padding-right:3vw;line-height:1;margin-bottom:40px}@media only screen and (max-width: 768px){main #message .en-copy{font-size:12vw;margin-bottom:1rem}}main #message h2{font-size:2.2rem;margin-bottom:30px;font-weight:500}main #message figure{margin-bottom:30px}main #message .layout{display:flex;gap:5%}@media only screen and (max-width: 768px){main #message .layout{display:block}}main #message .layout p{flex:1}@media only screen and (max-width: 768px){main #message .layout p{margin-bottom:20px}}main #message .layout .link{width:40%;max-width:344px}@media only screen and (max-width: 768px){main #message .layout .link{width:100%}}main #message .layout .link a{white-space:nowrap}main #about{margin-bottom:8vw}main #about h2{font-size:2.2rem;margin-bottom:30px;font-weight:500}main #about .layout{display:flex;gap:5%}@media only screen and (max-width: 768px){main #about .layout{display:block}}main #about .layout .col{width:50%}@media only screen and (max-width: 768px){main #about .layout .col{width:100%}}main #about .layout .col a{display:block}@media only screen and (max-width: 768px){main #about .layout .col a{margin-bottom:4rem}}main #about .layout .col a h3{margin-bottom:1rem}main #about .layout .col a h3 span{display:inline-block;width:36px;height:36px;vertical-align:middle;margin-left:15px}main #about .layout .col2{display:flex;justify-content:space-between;flex-direction:column}@media only screen and (max-width: 768px){main #about .layout .col2{display:block}}main #interview{background:url(/career/img/top/interview01.jpg) no-repeat center top;background-size:100% auto}main #interview .blur{background:rgba(255,255,255,.6);-webkit-backdrop-filter:blur(50px) brightness(140%);backdrop-filter:blur(50px) brightness(140%);padding:80px 0 20vw}@media only screen and (max-width: 768px){main #interview .blur{padding-bottom:150px}}main #interview .en-title{font-size:clamp(9rem,9.8vw,10rem);color:#e60000;font-weight:bold;padding-left:3vw;line-height:1;margin-bottom:40px}@media only screen and (max-width: 768px){main #interview .en-title{font-size:12vw;margin-bottom:1rem}}main #interview .layout{display:flex;gap:5%;margin-bottom:50px}@media only screen and (max-width: 768px){main #interview .layout{display:block;margin-bottom:15px}}main #interview .layout p{flex:1}main #interview .layout #interview-move{width:160px}@media only screen and (max-width: 768px){main #interview .layout #interview-move{width:100%;text-align:right}}main #interview .layout #interview-move div{position:relative;display:inline-block;width:62px;height:62px;border-radius:50%;background-color:#e60000;position:relative;margin:0 5px;cursor:pointer}@media only screen and (max-width: 768px){main #interview .layout #interview-move div{width:40px;height:40px}}main #interview .layout #interview-move div:hover{background-color:#cd0000}main #interview .layout #interview-move div#interview-move-prev::after{content:"";display:block;position:absolute;width:10px;height:10px;border-top:1px solid #fff;border-left:1px solid #fff;top:50%;left:55%;transform:translate(-50%, -50%) rotate(-45deg)}main #interview .layout #interview-move div#interview-move-next::after{content:"";display:block;position:absolute;width:10px;height:10px;border-top:1px solid #fff;border-left:1px solid #fff;top:50%;left:50%;transform:translate(-50%, -50%) rotate(135deg)}main #interview #interview-slider{overflow:hidden;width:calc(100% - 5vw);margin-left:auto}@media only screen and (max-width: 768px){main #interview #interview-slider{width:100%}}main #interview #interview-slider .swiper-slide{display:block;width:304px;height:440px;transition:width 1s ease;padding:0 20px}@media only screen and (max-width: 768px){main #interview #interview-slider .swiper-slide{width:80%;height:auto}}main #interview #interview-slider .swiper-slide .career{display:inline-block;background-color:#e60000;color:#fff;font-size:1.5rem;line-height:1;padding:4px 5px;transition:all .3s ease}main #interview #interview-slider .swiper-slide a{display:block;line-height:0;margin-bottom:10px;overflow:hidden}main #interview #interview-slider .swiper-slide .name{font-size:2rem;font-weight:500}main #interview #interview-slider .swiper-slide .title{font-size:1.4rem}main #interview #interview-slider .swiper-slide-active{width:478px !important}@media only screen and (max-width: 768px){main #interview #interview-slider .swiper-slide-active{width:80% !important}}main #interview #interview-slider .swiper-slide-active .career{font-size:2rem}main #interview #interview-pagination{position:absolute;width:45%;height:9px;background-color:#f9f9f9;right:5vw;display:flex}@media only screen and (max-width: 768px){main #interview #interview-pagination{width:90%;right:auto;left:5%;margin-top:2rem}}main #interview #interview-pagination .swiper-pagination-bullet{flex:1;height:9px}main #interview #interview-pagination .swiper-pagination-bullet-active{background-color:#e60000}main #talksession{position:relative;z-index:2;margin-bottom:8vw;margin-top:-12vw;max-width:calc(1200px + 10vw)}@media only screen and (max-width: 768px){main #talksession{margin-top:-50px}}main #talksession .layout{display:flex;align-items:center;gap:4%}@media only screen and (max-width: 768px){main #talksession .layout{display:block}}main #talksession .layout .image{width:66%}@media only screen and (max-width: 768px){main #talksession .layout .image{width:100%;margin-bottom:2rem}}main #talksession .layout .text{width:34%}@media only screen and (max-width: 768px){main #talksession .layout .text{width:100%}}main #talksession .layout .text .en-title{font-size:clamp(3rem,3.4vw,3.6rem);color:#e60000;font-weight:bold;line-height:1;margin-bottom:80px}@media only screen and (max-width: 768px){main #talksession .layout .text .en-title{margin-bottom:30px}}main #talksession .layout .text .btn{padding-inline:20px 70px}@media only screen and (max-width: 768px){main #talksession .layout .text .btn{width:100%}}main #environment{position:relative;background:url(/career/img/top/environment.jpg) no-repeat center center;background-size:cover;margin-bottom:8vw}main #environment .blur{position:absolute;width:50%;height:100%;top:0;left:0;-webkit-backdrop-filter:blur(37px);backdrop-filter:blur(37px);background-color:rgba(255,255,255,.39)}@media only screen and (max-width: 768px){main #environment .blur{width:100%}}main #environment .col{position:relative;z-index:2;width:50%;padding:100px 5vw 100px 0}@media only screen and (max-width: 768px){main #environment .col{width:100%;padding:40px 0}}main #environment .col .en-title{font-size:clamp(3rem,3.4vw,3.6rem);color:#e60000;font-weight:bold;line-height:1;margin-bottom:80px}@media only screen and (max-width: 768px){main #environment .col .en-title{margin-bottom:30px}}main #environment .col h2{font-size:2.2rem;font-weight:500;margin-bottom:60px}@media only screen and (max-width: 768px){main #environment .col h2{margin-bottom:20px;font-size:1.8rem}}main #environment .col ul{max-width:320px;border-top:1px solid #b1a9a1}@media only screen and (max-width: 768px){main #environment .col ul{max-width:none}}main #environment .col ul li{border-bottom:1px solid #b1a9a1;line-height:1.3}main #environment .col ul li a{display:block;position:relative;padding:16px 5px}main #environment .col ul li a span{position:absolute;right:0;top:50%;transform:translateY(-50%);display:inline-block;width:36px;height:36px;vertical-align:middle}main #environment .col ul li .coming{display:block;position:relative;padding:16px 5px;opacity:.5}main #environment .col ul li .coming span{position:absolute;right:0;top:50%;transform:translateY(-50%);display:inline-block;width:36px;height:36px;vertical-align:middle}main #environment .col ul li .coming span img{filter:grayscale(100%) brightness(200%)}main #recruitment{padding-bottom:8vw}main #recruitment .en-title{font-size:clamp(3rem,3.4vw,3.6rem);color:#e60000;font-weight:bold;line-height:1;margin-bottom:80px}@media only screen and (max-width: 768px){main #recruitment .en-title{margin-bottom:30px}}main #recruitment .layout{display:flex}@media only screen and (max-width: 768px){main #recruitment .layout{display:block}}main #recruitment .layout h2{width:200px;font-size:2.2rem;font-weight:500}@media only screen and (max-width: 768px){main #recruitment .layout h2{width:100%}}main #recruitment .layout .links{flex:1;display:flex;flex-wrap:wrap;justify-content:space-between}@media only screen and (max-width: 768px){main #recruitment .layout .links{display:block}}main #recruitment .layout .links a{width:48%;margin-bottom:14px}@media only screen and (max-width: 768px){main #recruitment .layout .links a{width:100%}}main #recruitment .layout .links a.wide{width:100%;margin-bottom:40px}@media only screen and (max-width: 768px){main #recruitment .layout .links a.wide{margin-bottom:14px}}