.cover-image-bg{background: linear-gradient(30deg, #a1d5d9, #6e8dd2);}
.cover-image{ width: 80%; margin-left: auto; background-repeat: no-repeat; background-size: cover; min-height: 600px; opacity:0; animation-fill-mode: forwards; border-top-left-radius: 1rem; border-bottom-left-radius: 1rem; transform: translateY(30px);}

.cover-image-hirama{ background-image: url(/corporate/recruit/img/interview/DSC07067.webp); background-position: top 25% center; }
.cover-image-fujishiro{ background-image: url(/corporate/recruit/img/interview/DSC09603.webp); background-position: top 50% center; }
.cover-image-tomita{ background-image: url(/corporate/recruit/img/interview/interview-tomita.webp); background-position: top 30% center; }
.cover-image-ida{ background-image: url(/corporate/recruit/img/interview/interview-ida-thumb-1.jpg); background-position: top 30% center; }

.cover-message-wrapper{ position: absolute; z-index: 1; top: 120px; left: 0; right: 0; margin: 0 auto;}
.cover-message-block{ margin-left: 6%; max-width: 45%;}
.cover-message{ background-color:#fffc; color:#456; padding:1.5rem; border-radius:0.5rem; backdrop-filter: blur(6px); filter: drop-shadow(8px 8px 6px #3332); opacity:0; animation-fill-mode: forwards;}

.cover-message h4{color:#689F38; border-bottom: 2px solid #689F38; display: inline-block; margin: 1rem 0; letter-spacing:0.5rem;}
.interview-category{display: inline-block; background-color: #ccc; font-size: 9pt; margin-bottom: 0.75rem; padding: 0.15rem 0.33rem; letter-spacing: 0.15rem;}

.cover-message ruby>rt{ margin-bottom: 0.25rem; color: #689f38cc; letter-spacing: 0.2rem; font-weight: 400;}

.text-interview{color:#689F38;}
.text-detail{font-size: 10.5pt;}
.btn-interview{ display: inline-block; padding: 1rem 2rem; border: 3px solid #01579B; background-color: #fff; border-radius: 3rem; color: #01579B;}
.btn-interview:hover{background-color:#E3F2FD;}

.job-label { display:inline-block; padding:0.25rem 0.5rem; position: absolute; top: 18px; left: 0; font-size:10.5pt;}
.label-sales {background-color:#D4A37E; color:#FFF;}
.label-engineer {background-color:#6b9bc1; color:#FFF;}
.label-marketing {background-color:#c0c173; color:#FFF;}

.section-career{ position:relative; margin-top:75px; clear:both; }
.career-list{display:flex; border-bottom: 1px dotted #90CAF9;font-size: 10.5pt;}

.career-list dt {width:15%; text-align: center; padding: 0 0.5rem 0.5rem 0;}
.career-list dd {width:85%; padding: 0 0 0.5rem 0.5rem;}

.career-period {background-color:#6c94b8; color:#fff; border-radius:2rem; display:block;}
.career-description {color:#01579B;}

.career-title {border: 3px solid #6c94b8; background-color:#fff; padding: 0.5rem; text-align: center; color: #6c94b8; text-align:center; box-shadow: 3px 3px 0 #fff, 6px 6px 0 #d8e1ea;}
.career-hr {margin:10px auto; width:66%; border-width:2px;}

.interview-head {border-left: 5px solid #a1d5d9; padding-left: 1rem; color: #607D8B; margin: 3rem 0 1.25rem;}
.interview-block {margin-top:2.5rem;}
.interview-block p{line-height:1.75rem;}

.photo-block{margin: 2rem 0; padding: 2rem 10rem; background-color:#fff; position:relative;}
.photo{position: relative; max-width:720px; width: 100%;}
.photo::after {content: ""; position: absolute; width: 100%; height: 100%; top: 30px; left: 30px; border-radius: 0.5rem; background: linear-gradient(30deg, #a1d5d988, #6e8dd288);}
.photo-img { width:100%; z-index: 100; display: block; position: relative; border-radius: 0.5rem; /* box-shadow: 40px 20px 0px 0px #b5c7d788; */ box-shadow: rgb(0 0 0 / 16%) 0px 10px 36px 0px, rgb(0 0 0 / 6%) 0px 0px 0px 1px;}


.weekly-workstyle{background-color:#f5f0e0; padding: 3rem 0;}
.weekly-workstyle h4{color:#b89040; margin-bottom: 1.5rem;}
.weekly-workstyle p{color:#795548;}

@media (min-width: 769px) and (max-width: 1024px) {
.cover-message-block{margin-left: 0;}
.photo-block{padding: 2rem 5rem;}
}
@media (max-width: 768px) {
.cover-image{width: 100%; max-width:100%; min-height: 400px; border-top-left-radius: unset; border-bottom-left-radius: unset; transform: translateY(0);}
.cover-message-wrapper{ position: relative; width: 100%; top:0;}
.cover-message-block{width: 100%; max-width: unset; margin-left: 0; }
.cover-message{ filter: unset; border-radius:unset;}
.section-career{ margin-top:0px;}
.career-list dt {width:25%;}
.career-list dd {width:75%;}
.career-title{margin-top:20px; margin-bottom:30px;}
.weekly-workstyle img{margin-bottom:1.5rem;}
.photo-block{padding: 1rem 0;}
.photo::after{top: 10px; left: 10px;}
}