.intarview-2 {
    padding-top: 108px;
    background-color: #E2F0F8;

    .l-mv {
        background-image: url(../../images/intarview/mv-bg_pc.jpg);
    }

    .page-title {
        margin-bottom: 120px;
    }

    .intarview-content {
        /* background-color: #E2F0F8; */
        padding: 20px 5% 120px;

        dl {
            margin-bottom: 75px;

            dt {
                img {
                    width: 100%;
                }
            }

            dd {
                background: linear-gradient(90deg, #0C4B8E, #008081);
                padding: 30px;
            }
        }

        .stuff_title {
            font-size: 30px;
            color: #fff
        }

        .stuff_flex {
            background-color: rgba(255, 255, 255, 0.75);
            width: 50%;
            margin-left: 50%;
            display: flex;
            justify-content: center;
            gap: 20px;
            padding: 15px 0;
        }

        .stuff_job {
            background-color: #0E4D8F;
            color: #fff;
            padding: 2px 15px;
            text-align: center;
        }

        .intarview-area-single {
            background-color: #fff;
            padding: 30px;
            margin-bottom: 30px;

            @media screen and (max-width:498px) {
                padding: 15px;
            }

            h3 {
                color: #0E4D8F;
                border-left: #0E4D8F 10px solid;
                padding-left: 20px;
                margin-bottom: 45px;
            }

            p {
                font-size: 24px;
                line-height: 42px;
            }

            @media screen and (max-width:498px) {
                h3 {
                    font-size: 24px;
                }

                p {
                    font-size: 18px;
                }
            }

            .intarview-area-flex {
                display: flex;
                align-items: flex-start;
                gap: 2%;

                img {
                    width: 30%;
                }

                @media screen and (max-width:498px) {
                    display: block;

                    img {
                        width: 100%;
                        margin-bottom: 30px;
                    }
                }
            }
        }

        .intarview-one-day {
            padding: 60px 0;
            text-align: center;

            img {
                width: 60%;

                @media screen and (max-width:498px) {
                    width: 95%;
                }
            }
        }

        .intarview-area-single:nth-of-type(even) .intarview-area-flex {
            flex-direction: row-reverse;
        }

        @media screen and (max-width:498px) {
            .intarview-content {
                dl {
                    dd {
                        padding: 10px;
                    }
                }

                .stuff_title {
                    font-size: 24px;
                }

                .stuff_flex {
                    width: 80%;
                    margin-left: 20%;
                    padding: 5px;
                }

                .intarview-area-single {
                    .intarview-area-flex {
                        display: block;

                        img {
                            width: 80%;
                            display: block;
                            margin: 0 auto 15px;
                        }
                    }
                }

                .intarview-one-day {
                    display: block;

                    img {
                        width: 100%;
                        margin-bottom: 15px;
                        display: block;
                    }
                }
            }
        }
    }
}