@charset "UTF-8";
@import url(../../css/style.css);

/* 国内事務スタッフ - 基本スタイル */
/* MESSAGE */
.message_l {
    aspect-ratio: 7/8;
    max-height: 400px;
}
@media screen and (max-width : 900px){
    .message_l {
        aspect-ratio: 3/4;
        max-height: none;
    }
}
@media screen and (max-width : 640px){
    .message_l {
        aspect-ratio: 3/2;
        height: 250px;
    }
}
.message img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}


/* 仕事内容 */
#job-description-top  {
	position: absolute;
	bottom: 0;
	height: 92px;
}
@media screen and (max-width : 1199px) {
    #job-description-top {
        height: 50px;
    }
}

.waku {
    width: 100%;
    background: #f8f5e8;
    margin: 20px auto 0 auto;
    padding: 20px 40px;
    -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;
    border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;
}
@media screen and (max-width : 640px){
    .waku {
        padding: 20px;
    }
}
.waku h4 {
    text-align: center;
}

/* 特許事務について */
.work_patent_img {
    aspect-ratio: 9/16;
    width: 100%;
    min-height: 520px;
}
@media screen and (max-width : 640px){
    .work_patent_img {
        aspect-ratio: 3/2;
        height: 250px;
        min-height: 0;
    }
}
.work_patent_img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: left center;
}

/* 社員インタビュー */
@media screen and (max-width : 640px){
    .interview img {
        object-position: left top;
    }
}

/* 前職は何をしていましたか？ */
.prev_job_img {
    aspect-ratio: 9/16;
    width: 100%;
    max-height: 560px;
    overflow: hidden;
}
@media screen and (max-width : 900px){
    .prev_job_img {
        aspect-ratio:15/32;
        max-height: 600px;
        min-height: 600px;
    }
}
@media screen and (max-width : 640px){
    .prev_job_img {
        aspect-ratio: 3/2;
        height: 250px;
        min-height: 0;
    }
}
.prev_job_img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}


/* 当法人で実際に働いてみて如何ですか？ */
.daily_work {
    display: flex;
    flex-direction: row;
}
.daily_work_img {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.daily_work_img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
@media screen and (max-width : 640px){
    .daily_work {
        flex-direction: column;
    }
    .daily_work_img {
        aspect-ratio: 3/2;
        min-height: 0;
        height: 250px;
    }
}


/* 国内事務スタッフの一日 */
.schedule p {
    font-size: 14px;
    line-height: 2.2em;
}
.schedule .time {
    width: 100%;
    background: #f8f5e8;
    font-size: 16px;
    font-weight: 700;
    padding: 4px 15px;
    margin: 30px 0 10px 0;
    -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;
}
.schedule .main {
    font-size: 16px;
    font-weight: 700;
}
.data_sending_img {
    width: 100%;
    aspect-ratio: 3/2;
    height: 250px;
    overflow: hidden;
}
.data_sending_img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}