@charset "UTF-8";

.page-header{margin-bottom:80px;position:relative}
.page-header-img img{width:100%;height:320px;object-fit:cover;display:block}
.page-title-area{position:absolute;left:80px;top:80%;transform:translateY(-50%)}
.page-title{display:flex;flex-direction:column}
.page-title .en{font-size:32px;letter-spacing:0.2em}
.page-title .ja{font-size:14px;margin-top:6px;color:#555}
.bg-title{position:absolute;right:60px;bottom:-10px;margin:0;font-size:120px;color:rgba(255,255,255,0.5);letter-spacing:0.1em;font-weight:bold;line-height:1}

@media screen and (max-width:1024px){
.page-header-img img{height:260px}
.page-title-area{left:40px}
.page-title .en{font-size:26px}
.bg-title{font-size:90px;right:40px}
}

/* smartphone */
@media screen and (max-width:768px){
.page-header-img img{height:200px}
.page-title-area{left:20px;top:75%}
.page-title .en{font-size:22px}
.page-title .ja{font-size:12px}
.bg-title{font-size:60px;right:20px;bottom:-5px}
}

/* small smartphone */
@media screen and (max-width:480px){
.page-header-img img{height:160px}
.page-title-area{left:16px;top:70%}
.page-title .en{font-size:18px}
.page-title .ja{font-size:11px}
.bg-title{font-size:40px;right:15px}
}

/*work style*/
.workstyle{margin:0 auto 80px;padding:80px 0;background:#ffffff;}
.work-inner{display:flex;max-width:1200px;margin:0 auto;gap:60px;align-items:flex-start;}
.mission-img{width:40%;transition-delay:0.2s;}
.mission-img img{width:100%;height:auto;object-fit: cover;}
.text-area{width:60%;padding-top:80px;position: relative;transition-delay:0.6s}
.work-top-text{text-align: center;color: #C0AC8A;font-weight: 700;letter-spacing: 0.1em;line-height: 1.8;margin-bottom: 60px;}

@media screen and (max-width:1024px){
.work-inner{gap:40px;padding:0 20px}
.text-area{padding-top:40px}
}

@media screen and (max-width:768px){
.workstyle{padding:60px 20px;margin-bottom:40px}
.work-inner{flex-direction:column;gap:30px}
.mission-img{width:100%}
.text-area{width:100%;padding-top:0}
.work-top-text{font-size:14px;margin-bottom:40px}
}

@media screen and (max-width:480px){
.work-top-text{font-size:13px;line-height:1.7}
}

/*slider*/
.slider{max-width:1200px;margin:60px auto}
.slide{padding:0 10px}
.slide img{width:100%;height:260px;object-fit:cover;border-radius:6px}

.slider{max-width:1200px;margin:60px auto}
.slide{padding:0 10px}
.slide img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:6px}


@media screen and (max-width:500px){
.slide{height:180px}
.slide img{width:100%;height:100%;object-fit:cover}
}

/*benefit*/
.benefit{background:url(img/background.png);padding-bottom: 100px;}
.benefit-inner{width: 90%;max-width: 1200px;margin: 2% auto;}
.benefit-inner .text-area{width: 100%;margin-bottom: 60px;text-align: center;}
.benefit-inner .text-area .description{width: 60%;margin: 0 auto;}
.benefit-item{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.benefit-box{padding:20px 30px;border-right:1px solid #e5e5e5}
.benefit-box:nth-child(3n){border-right:none}
.benefit-box h3{font-size:18px;color:#c0ac8a;margin-bottom:18px;position:relative;padding-left:32px}
.benefit-box h3::before{content:"◆";position:absolute;left:0;color:#c0ac8a;font-size:18px}
.benefit-box ul{list-style:none;padding:0;margin:0}
.benefit-box li{font-size:14px;margin-bottom:12px;padding-left:20px;position:relative;line-height:1.6}
.benefit-box li::before{content:"✓";position:absolute;left:0;color:#6b7c93;font-size:12px}

@media screen and (max-width:1024px){
.benefit-item{grid-template-columns:repeat(2,1fr)}
.benefit-box:nth-child(3n){border-right:1px solid #e5e5e5}
.benefit-box:nth-child(2n){border-right:none}
}

@media screen and (max-width:768px){
.benefit-inner .text-area .description{width: 90%;margin: 0 auto;}
.benefit{padding-bottom:60px}
.benefit-inner{width:92%}
.benefit-item{grid-template-columns:1fr;gap:30px}
.benefit-box{border-right:none;border-bottom:1px solid #e5e5e5;padding:20px 20px}
.benefit-box:last-child{border-bottom:none}
.benefit-box h3{font-size:16px;padding-left:26px}
.benefit-box h3::before{font-size:14px}
.benefit-box li{font-size:13px}
}

.emproyee{background:url(img/work/work-bg.png) no-repeat center/cover;padding-bottom:100px}
.emproyee-inner{width: 80%;max-width: 1200px;margin: 2% auto;padding-top: 60px;}
.emproyee-inner .text-area{margin-bottom: 50px;}
.member-item{max-width:1100px;margin:0 auto;display:flex;justify-content:center;gap:80px}
.member-card{text-align:center}
.member-img{width:220px;height:240px;margin:0 auto 20px;overflow:hidden;position:relative}
.member-img img{width:100%;height:100%;object-fit:cover;display:block;transition:0.4s}
.member-img::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0);transition:0.3s}
.member-img:hover::after{background:rgba(255,255,255,0.25)}
.member-img:hover img{transform:scale(1.1)}
.member-meta{font-size:12px;color:#8a8a8a;margin-bottom:8px}
.member-name{font-size:18px;margin-bottom:4px}
.member-en{font-size:11px;letter-spacing:0.2em;color:#777}


@media screen and (max-width:1024px){
.member-item{gap:40px}
.member-img{width:200px;height:220px}
}

@media screen and (max-width:768px){
.emproyee-inner{width:90%;}
.member-item{flex-direction:column;align-items:center;gap:40px}
.member-img{width:220px;height:240px}
.member-name{font-size:16px}
.member-meta{font-size:11px}
}

@media screen and (max-width:480px){
.member-img{width:180px;height:200px}
.member-name{font-size:15px}
.member-en{font-size:10px}
}

.interview{position:relative;padding:120px 0;}
.interview-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;gap:80px;margin-bottom: 50px;padding:0 20px}
.interview-img{width:320px;height:360px;overflow:hidden}
.interview-img img{width:100%;height:100%;object-fit:cover}
.interview-area{flex:1}
.interview-item{margin-bottom:30px}
.interview-item h3{font-size:16px;color:#c0ac8a;margin-bottom:10px}
.interview-item p{font-size:14px;line-height:1.8;color:#555}
.interview-bt{position:absolute;left:70px;bottom: 80%;display:inline-block;transform:rotate(90deg);transform-origin:left top;font-size:64px;letter-spacing:0.1em;color:#d8d8d8;font-family:serif}@media screen and (max-width:1024px){
}

@media screen and (max-width:768px){
.interview{padding:80px 20px}
.interview-inner{flex-direction:column;gap:40px}
.interview-img{width:100%;max-width:300px;height:auto}
.interview-img img{height:auto}
.interview-area{width:100%}
.interview-bt{display:none}
.interview-item h3{font-size:15px}
.interview-item p{font-size:13px}
}

@media screen and (max-width:480px){
.interview{padding:60px 15px}
.interview-item h3{font-size:14px}
.interview-item p{font-size:12px}
}

.entry{background:#fff4e4;padding:100px 0;overflow:hidden;clip-path:polygon(0 0,100% 20%,100% 100%,0 100%);z-index: 1;padding-top: 120px;margin-bottom: 80px;}
.entry-inner{width: 60%;max-width: 1200px;margin: 0 auto;}
.entry-text{text-align: center;margin-bottom: 50px;}
.entry-text .description{line-height: 1.8;}
.entry-title{font-size: 25px;font-weight: 600;margin-bottom: 20px;letter-spacing: 0.1em;display:block;}
.entry-btn-area{display:flex;justify-content:center;gap:80px}
.btn{display:inline-block;padding:12px 36px;border-radius:40px;font-size:14px;text-decoration:none;letter-spacing:0.05em;transition:0.3s}
.btn-white{background:#fff;color:#b6a487;border:2px solid #c1b698}
.btn-border{border:2px solid #fff;color:#ffffff;background-color: #c1b698;}
.btn-border:hover{background:#fff;color:#b6a487}

@media screen and (max-width:1024px){
.entry-inner{width:80%}
.entry-btn-area{gap:40px}
}

@media screen and (max-width:768px){
.entry{padding:80px 20px;margin-bottom:60px}
.entry-inner{width:90%;padding-top: 40px;}
.entry-title{font-size:22px}
.entry-text{margin-bottom:40px}
.entry-btn-area{flex-direction:column;gap:20px}
.btn{width:220px;margin:0 auto;text-align:center}
}

@media screen and (max-width:480px){
.entry{padding:60px 15px}
.entry-title{font-size:20px}
.entry-text .description{font-size:14px}
.btn{width:200px;font-size:13px}
}