@charset "utf-8";

/* CSS Document */
.name {
    font-size: 0.9333333333333333rem;
    margin: 10px 0;
}

.ly-fc-siro {
    color: #ffffff;
}

.ly-pc-fs16 {
    font-size: 1.0666666666666667rem;
}

.ly-pc-fs36 {
    font-size: 2.4rem;
}

.ly-pc-fs48 {
    font-size: 3.2rem;
}

@media screen and (min-width: 737px) {
    .name {
        font-size: 13px;
        margin: 5px 0;
    }

    .box1 {
        width: 45%;
        float: left;
        margin-right: 20px;
    }

    .fix {
        clear: both;
    }

    .question {
        font-size: 1.0666666666666667rem;
        font-weight: bold;
        padding-left: 60px;
        position: relative;
        margin: 40px 0 20px 0;
    }

    .question:before {
        content: "";
        display: block;
        width: 48px;
        height: 2px;
        background-color: #000;
        position: absolute;
        top: 14px;
        left: 0;
    }

    .answer01 {
        font-size: 1.0666666666666667rem;
        padding-left: 90px;
        padding-bottom: 20px;
        position: relative;
        margin: 40px 0 20px 0;
    }

    .answer01:before {
        content: "";
        background-image: url("/content/dam/family/familymart-stories/interview/ico01.jpg");
        background-repeat: no-repeat;
        background-size: contain;
        width: 80px;
        height: 100px;
        position: absolute;
        top: 0px;
        left: 0;
    }

    .answer02 {
        font-size: 1.0666666666666667rem;
        padding-left: 90px;
        padding-bottom: 20px;
        position: relative;
        margin: 40px 0 20px 0;
    }

    .answer02:before {
        content: "";
        background-image: url("/content/dam/family/familymart-stories/interview/ico02.jpg");
        background-repeat: no-repeat;
        background-size: contain;
        width: 80px;
        height: 100px;
        position: absolute;
        top: 0px;
        left: 0;
    }
}

@media screen and (max-width:736px) {
    .flexbox {
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
    }

    .flexbox .box1 {
        -ms-flex-order: 3;
        -webkit-order: 3;
        order: 3;
    }

    .flexbox .box2 {
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
    }

    .flexbox .box3 {
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2;
    }

    .flexbox .box4 {
        -ms-flex-order: 4;
        -webkit-order: 4;
        order: 4;
    }

    .ly-pc-fs32 {
        font-size: 1.6rem;
    }

    .ly-pc-fs24 {
        font-size: 1.3333333333333333rem;
    }

    .ly-pc-fs22 {
        font-size: 1.2rem;
    }

    .ly-pc-fs18,
    .ly-pc-fs20 {
        font-size: 1.0666666666666667rem;
    }

    .ly-pc-fs16 {
        font-size: 1.0666666666666667rem;
        line-height: 1.5em;
    }

    .ly-pc-fs12 {
        font-size: 0.7333333333333333rem;
    }

    .ly-pc-fs36 {
        font-size: 1.6rem;
    }

    .ly-pc-fs48 {
        font-size: 2rem;
    }

    .question {
        margin: 40px 0 20px 0;
        padding-left: 10px;
        font-size: 1.0666666666666667rem;
        font-weight: bold;
        position: relative;
    }

    .question:before {
        content: "";
        display: block;
        width: 2px;
        height: 19px;
        top: 3px;
        left: 0;
        background-color: #000;
        position: absolute;
    }

    .answer01 {
        margin: 40px 0 20px 0;
        padding-left: 58px;
        font-size: 1.0666666666666667rem;
        position: relative;
    }

    .answer01:before {
        content: "";
        background-image: url("/content/dam/family/familymart-stories/interview/ico01.jpg");
        background-repeat: no-repeat;
        background-size: contain;
        width: 48px;
        height: 60px;
        position: absolute;
        top: 10px;
        left: 0;
    }

    .answer02 {
        font-size: 1.0666666666666667rem;
        padding-left: 58px;
        position: relative;
        margin: 40px 0 20px 0;
    }

    .answer02:before {
        content: "";
        background-image: url("/content/dam/family/familymart-stories/interview/ico02.jpg");
        background-repeat: no-repeat;
        background-size: contain;
        width: 48px;
        height: 60px;
        position: absolute;
        top: 10px;
        left: 0;
    }

    .sp-fs {
        font-size: 1.4em;
    }
}

/* アクセシビリティ対応 h1 */
.box2 h1 span {
    display: block;
    padding-bottom: 10px;
}