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

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

/* 仕事内容の枠(外国・国内) */
.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;
}

/* 外国事務に向いている方の特徴 */
.fit_traits_img {
    width: 100%;
    aspect-ratio: 3/4;
    overflow: hidden;
}
@media screen and (max-width : 640px){
    .fit_traits_img {
        aspect-ratio: 3/2;
        height: 250px;
    }
}
.fit_traits_img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

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

/* やりがいを感じること、大変なことは？ */
.challenge_reward_img {
    width: 100%;
    aspect-ratio: 3/4;
    overflow: hidden;
}
@media screen and (max-width : 900px){
    .challenge_reward_img {
        aspect-ratio: 2/3;
    }
}
@media screen and (max-width : 640px){
    .challenge_reward_img {
        aspect-ratio: 3/2;
        height: 250px;
    }
}
.challenge_reward_img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/* 応募を検討されている方へのメッセージ */
.welcome_msg_img {
    width: 100%;
    aspect-ratio: 3/4;
    overflow: hidden;
}
@media screen and (max-width : 900px){
    .welcome_msg_img {
        aspect-ratio: 2/3;
    }
}
@media screen and (max-width : 640px){
    .welcome_msg_img {
        aspect-ratio: 3/2;
        height: 250px;
    }
}
.welcome_msg_img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: left top;
}