@charset "utf-8";

/*********************************************************************
*
*  For recruit career
*
*********************************************************************/

/* mv_wrap */
/* ---------------------------------------------------- */
@media print,
screen and (min-width: 768px) {
    .mv_wrap .section_inner {
        background-image: url(../img/mv.jpg);
    }
}

@media screen and (max-width: 767px) {
    .mv_wrap .section_inner {
        background-image: url(../img/mv.jpg);
    }
}

/* nav_wrap */
/* ---------------------------------------------------- */
@media print,
screen and (min-width: 768px) {
    .nav_wrap {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .nav_wrap .sec_ttl {
        margin-bottom: 40px;
        font-size: 4.2rem;
        color: #ff0005;
        line-height: 1.4;
        text-align: center;
    }

    .nav_wrap .sec_ttl span {
        font-size: 1.8rem;
    }

    .nav_wrap .list_1 {}

    .nav_wrap .list_1 li {
        padding: 10px 20px;
        color: #000;
        font-size: 2.2rem;
        text-align: center;
        border: 1px solid #000;
        cursor: pointer;
        transition: 0.3s ease-in-out;
    }

    .nav_wrap .list_1 li:hover,
    .nav_wrap .list_1 li.show {
        color: #FFF;
        background-color: #000;
    }

    .nav_wrap .list_1 li + li {
        margin-top: 20px;
    }
}

@media screen and (max-width: 767px) {
    .nav_wrap {}

    .nav_wrap .sec_ttl {
        margin-bottom: 25px;
        font-size: 2.4rem;
        color: #ff0005;
        line-height: 1.4;
        text-align: center;
    }

    .nav_wrap .sec_ttl span {
        font-size: 1.4rem;
        display: block;
    }

    .nav_wrap .list_1 {}

    .nav_wrap .list_1 li {
        padding: 10px 4%;
        color: #000;
        text-align: center;
        border: 1px solid #000;
        cursor: pointer;
        transition: 0.3s ease-in-out;
    }

    .nav_wrap .list_1 li.show {
        color: #FFF;
        background-color: #000;
    }

    .nav_wrap .list_1 li + li {
        margin-top: 10px;
    }
}


/* outline_wrap */
/* ---------------------------------------------------- */
@media print,
screen and (min-width: 768px) {
    .outline_wrap {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .outline_wrap .box_wrap {
        display: none;
    }

    .outline_wrap .box_wrap.show {
        display: block;
    }

    .outline_wrap .ttl_1 {
        margin-bottom: 20px;
        color: #ff0005;
        font-size: 2.2rem;
        text-align: center;
    }

    .outline_wrap .desc_1 {
        margin-bottom: 60px;
        text-align: justify;
    }

    .outline_wrap .desc_1 p + p {
        margin-top: 20px;
    }

    .outline_wrap .desc_1 ul {
        margin-bottom: 20px;
        padding-left: 20px;
        list-style-type: disc;
    }

    .outline_wrap .desc_1 p + ul {
        margin-top: 20px;
    }

    .outline_wrap .desc_1 ul li + li {
        margin-top: 5px;

    }

    .outline_wrap .list_1 {
        margin-bottom: 70px;
    }

    .outline_wrap .list_1:last-of-type {
        margin-bottom: 0;
    }

    .outline_wrap .list_1 h6 {
        margin-bottom: 5px;
        border-bottom: 1px dotted #727171;
    }

    .outline_wrap .list_1 * + h6 {
        margin-top: 20px;
    }

    .outline_wrap .list_1 ul {
        padding-left: 20px;
        list-style-type: disc;
    }

    .outline_wrap .list_1 ul li + li {
        margin-top: 5px;

    }
}

@media screen and (max-width: 767px) {
    .outline_wrap {}

    .outline_wrap .box_wrap {
        display: none;
    }

    .outline_wrap .box_wrap.show {
        display: block;
    }

    .outline_wrap .ttl_1 {
        margin-bottom: 15px;
        color: #ff0005;
        font-size: 1.8rem;
        text-align: center;
    }

    .outline_wrap .desc_1 {
        margin-bottom: 30px;
        text-align: justify;
    }

    .outline_wrap .desc_1 p + p {
        margin-top: 15px;
    }

    .outline_wrap .desc_1 ul {
        margin-bottom: 15px;
        padding-left: 20px;
        list-style-type: disc;
    }

    .outline_wrap .desc_1 p + ul {
        margin-top: 15px;
    }

    .outline_wrap .desc_1 ul li + li {
        margin-top: 5px;

    }

    .outline_wrap .list_1 {
        margin-bottom: 40px;
    }

    .outline_wrap .list_1:last-of-type {
        margin-bottom: 0;
    }

    .outline_wrap .list_1 h6 {
        margin-bottom: 5px;
        border-bottom: 1px dotted #727171;
    }

    .outline_wrap .list_1 * + h6 {
        margin-top: 15px;
    }

    .outline_wrap .list_1 ul {
        padding-left: 20px;
        list-style-type: disc;
    }

    .outline_wrap .list_1 ul li + li {
        margin-top: 5px;

    }
}