@charset "utf-8";


/*
Name: responsive CSS
Description: アポロビルサービス株式会社
Version: 1.0
*/
@media screen and (max-width: 1600px) {
    .content_title .title_inner {
        /*top: 1.5em;*/
    }
    .top_business .sec-box:nth-child(even) {
        margin-left: 50px;
    }
    .top_business .sec-box:nth-child(odd) {
        margin-right: 50px;
    }
    .top_business .sec-box:nth-child(3) {
        margin-right: 0;
    }
    .top_business .sec-box:nth-child(3) .bus_text {
        /*position: relative;*/
    }
    
    .main_wrap .side_nav {
        width: 27%;
    }
    .content_nav ul li {
        width: 23%;
        /*width: 30%;*/
    }
    .content_nav ul li:first-child {
        /*margin-right: 4%;*/
    }
    .content_nav ul li:not(:last-child) {
        /*margin-right: 2%;*/
    }
    .sec_list li .sec_title {
        margin-right: 8%;
    }
    
    
}
@media screen and (max-width: 1440px) {
    .main_image .sec-box {
        bottom: 1.5em;
        left: 2em;
    }
    .main_image h2 {
        font-size: 4.4rem;
        line-height: 4.4rem;
    }
    .main_image h2 {
        font-size: 4.4rem;
        line-height: 4.4rem;
    }
    .top_staff .thi-box:first-child h2 {
        font-size: 5.2rem;
        padding: 50px 0;
    }
    .top_staff .icon_list li {
        width: 170px;
        height: 170px;
        font-size: 1.6rem;
        line-height: 2.0rem;
    }
    .top_staff .icon_list li i, .top_staff .icon_list li img {
        font-size: 6.2rem;
    }
    .top_staff .icon_list li img {
        width: 50%;
    }
    .top_staff .thi-box:last-child > img {
        width: 50%;
    }
    .top_business .sec-box:nth-child(even) {
        margin-left: 50px;
    }
    .top_business .sec-box:nth-child(odd) {
        margin-right: 50px;
    }
    .top_business .sec-box:nth-child(3) .thi-box:nth-child(2) {
        width: 60%;
    }
    .top_business .sec-box:nth-child(even) .thi-box:first-child {
        width: 40%;    
    }
    .top_business .sec-box:nth-child(even) .thi-box:nth-child(2) {
        width: 60%;
    }
    /*.top_business .sec-box:nth-child(even) .thi-box:nth-child(4) {
        width: 60%;
    }*/
    .top_business .sec-box:nth-child(3) .thi-box:first-child {
        width: 40%;
    }
    .top_business img {
        max-width: 100%;
    }
    .top_business h3 {
        margin: 30px 0 0;
    }
    .bignum {
        margin-top: 70px;
    }
    .top_business .sec-box:nth-child(odd) .bignum {
        margin-top: 70px;
    }
    
    /* content general
    ------------------------------------------ */
    .content_title .title_inner {
        /*top: 1em;*/
    }
    .content_title .title_inner h2 {
        font-size: 4.0rem;
    }
    
}

/* IE11専用 */
@media all and (max-width: 1440px) and (-ms-high-contrast:none) {
    header > nav {
        width: auto;
        margin-left: 10px;
    }
}
@media screen and (max-width: 1360px) {
    .content_title .title_inner {
        width: 90%;
        max-width: inherit;
    }
    .content_wrap {
        width: 90%;
        max-width: inherit;
    }
    .main_wrap .main_content {
        width: 70%;
        max-width: inherit;
    }
    .main_wrap .side_nav {
        width: 27%;
        max-width: inherit;
    }
    .main_wrap .side_nav nav ul > li ul li a {
        padding-left: 10%;
    }
    .breadcrumbs ul {
        width: 90%;
        max-width: inherit;
    }
}
@media screen and (max-width: 1366px) {
    .top_business .sec-box:nth-child(3) .bus_text {
        width: 100%;
    }
    .top_business .sec-box:nth-child(odd) {
        margin-right: 0px;
    }
    .top_business .sec-box:nth-child(3) .thi-box:nth-child(2) {
        /*margin-left: 30px;*/
    }
    
    /* content general
    ------------------------------------------ */
    .content_title .title_inner {
        /*top: .5em;*/
    }
    .main_wrap .side_nav nav ul {
        font-size: 1.6rem;
    }
    .main_wrap .side_nav nav ul li a {
        /*padding: 1em .3em 1em .9em;*/
        padding: 1em .9em 1em .9em;
    }
    .main_wrap .side_nav nav ul > li > a::after {
        font-size: 2.2rem;
    }
    
    /* reform
    ------------------------------------------ */
    .flow li h6 {
        /*width: 36%;*/
        width: 14em;
    }
    .flow li h6::after {
        border-left: 6em solid transparent;
        border-right: 6em solid transparent;
        margin-left: -6em;
    }
    .flow li p {
        /*width: 60%;*/
    }
}
@media screen and (max-width: 1300px) {
    header h1 {
        font-size: 2.0rem;
    }
     /*   header h1 img {
        width: 74px;
    }
 header > ul li.jp,
    header > ul li.en {
        width: 60px;
    } */
    header > ul li:last-child {
        width: 160px;
    }
}
@media screen and (max-width: 1240px) {
    header nav > ul > li {
        margin-right: .75em;
    }
    .top_staff .staff_list li {
        height: inherit;
        line-height: 3.0;
    }
    .top_staff .btn {
        font-size: 2.2rem;
    }
    
    .top_staff .icon_list li i, .top_staff .icon_list li img {
        font-size: 4.2rem;
    }
    .top_business .sec-box:nth-child(3) .bus_text {
        width: 95%;
    }
    .top_business .sec-box:nth-child(3) .thi-box:first-child {
        /*width: 140%;*/
       /* width: 60%;*/
        overflow: hidden;
    }
    .top_business .sec-box:nth-child(3) .thi-box:nth-child(2) {
        /*width: 40%;*/
    }
    /*.content_wrap {
        width: 90%;
    }*/
    .content_title .title_inner {
        /*top: 2em;*/
    }
    .content_title img {
        max-width: inherit;
    }
    .flow li h6 {
        width: 12em;
    }
    .flow li h6::after {
        border-left: 4.5em solid transparent;
        border-right: 4.5em solid transparent;
        margin-left: -4.5em;
    }
    
}

/* タブレット横 */
@media screen and (max-width: 1024px) {
    /* tb general
    ------------------------------------------ */
    body {
        margin-top: 50px;
    }
    h2 {
        font-size: 2.8rem;
        font-weight: 500;
    }
    .bigtitle {
        font-size: 10.0rem;
    }
    .bignum {
        font-size: 20.0rem !important;
        font-weight: 600;
        margin-top: 0;
        right: -50px;
        text-align: right;
    }
    .read_btn {
        width: 50%;
        margin: 50px auto;
        display: block;
    }

    /* header
    ------------------------------------------ */
    header h1 {
        font-size: 2.0rem;
        font-weight: 600;
    }
    header h1 img {
        width: 90%;
        padding-bottom: 3px;
    }
    header nav:first-of-type,header > ul {
        display: none;
    }

    /* tb header
    ------------------------------------------ */
    .drawer-hamburger {
        display: block;
        padding-top: 30px;
        padding-right: 20px;
        width: 4rem;
    }
    .drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before {
        height: 2px;
    }
    .drawer-hamburger-icon:after, .drawer-hamburger-icon:before {
        top: -15px;
    }
    .drawer-hamburger-icon:after {
        top: 15px;
    }
    .drawer--top .drawer-nav {
        height: 100vh;
        background: rgba(203,230,238,.9);
        color: #242424;
        overflow: auto; /*ドロワースクロール不具合修正用*/
        /*z-index: 4;*/
    }
    .drawer--top .drawer-nav ul {
        display: block; /*flex解除*/
        
    }
    .drawer--top .drawer-nav > ul {
        width: 92%;
        border-right: 1px solid #fff;
        /*margin-top: 90px;*/
        /*margin-bottom: 50px;*/
    }
    .drawer--top .drawer-nav ul li a {
        display: block;
        width: 100%;
        padding: 1rem 3rem;
        color: #242424;
        font-size: 1.5rem;
        /*font-weight: bold;*/
        text-align: left;
        /*position: relative;*/
    }
    .drawer--top .drawer-nav > ul > li > a {
        background: rgba(61,169,169,.7);
        border-bottom: 1px dotted #fff;
        color: #fff;
    }
    .drawer--top .drawer-nav > ul > li > ul > li {

    }
    .drawer--top .drawer-nav > ul > li > ul > li > a {
        /*background: rgba(73,201,201,.6);
        border-bottom: 1px dotted #fff;
        color: #fff;
        padding-left: 3.5rem;*/
    }
    .drawer--top .drawer-nav > ul > li > ul > li > ul > li > a {
        /*padding-left: 4rem;
        border-bottom: 1px dotted #fff;*/
    }
    .drawer--top .drawer-nav ul li {
        margin-right: 0;
        /*border-bottom: 1px solid rgba(255,255,255,.5);*/

    }
    .drawer--top .drawer-nav ul > li.menu-item-type-taxonomy > a {
        background: rgba(73,201,201,.6);
        border-bottom: 1px dotted #fff;
        color: #fff;
        padding-left: 3.5rem;
    }
    .drawer--top .drawer-nav ul > li.menu-item-154 > a {
        background: rgba(73,201,201,.6);
        border-bottom: 1px dotted #fff;
        color: #fff;
        padding-left: 3.5rem;
    }
    .drawer--top .drawer-nav ul > li.menu-item-155 > a {
        background: rgba(73,201,201,.6);
        border-bottom: 1px dotted #fff;
        color: #fff;
        padding-left: 3.5rem;
    }
    .drawer--top .drawer-nav ul > li.menu-item-type-taxonomy > ul li a {
        padding-left: 4rem;
        border-bottom: 1px dotted #fff;
    }
    
    
    .drawer--top .drawer-nav ul li a {
        position: relative;
    }
    .drawer--top .drawer-nav ul li a::after {
        content: "\f054";
        font-family: 'Font Awesome 5 Free','fontawesome';
        position: absolute;
        /*top: 50%;*/
        right: 1em;
        text-align: center;
        color: #fff;
        font-size: 1.2rem;
    }
    .drawer--top .drawer-nav ul li:first-child::after {
        content: "";
    }

    .drawer--top .drawer-nav ul li:last-child a {
        /*color: #242424;*/
    }
    

    /* tb slide
    ------------------------------------------ */
    .main_image {
        /*height: 55vh;*/
        overflow: hidden;
        padding-top: 15px;
    }
    .main_image img {
        overflow: hidden;
        max-width: 1200px;
        margin: 0 auto;
    }
    .main_image .sec-box {
        bottom: 15%;
        left: 0;
    }

    .main_image h2, .main_image p {
        font-size: 1.6rem;
        padding: .3em .1em;

        font-weight: 400;
    }
    
    .main_image h2 {
        padding: .05em .1em;
        font-style: oblique;
        letter-spacing: .1rem;
        line-height: 5.5rem;
        font-weight: 600;
        font-size: 5.0rem;
    }
    .main_image h2, .main_image p {
        padding: .2em;
    }
    /*slick カスタマイズ*/
    .slick-track {
        width: 100%;
    }

    /* tb clean staff
    ------------------------------------------ */
    #top article {
        font-size: 1.6rem;
        margin-top: 0;
    }
    .top_staff {
        padding: 20px;
        margin: 0;
    }
    .top_staff .sec-box {
        display: block;
        overflow: hidden;
    }

    .top_staff .sec-box::after {
        /*height: 99%;*/
        z-index: 1;
    }
    .top_staff .thi-box {
        width: 100%;
        /*padding: 1em;*/
        overflow: hidden;
    }
    .top_staff .thi-box:first-child {
        margin: 0;
    }
    .top_staff .thi-box:first-child h2 {
        font-size: 3.5rem;
        padding: 50px 0;
        font-weight: 500;
    }
    .top_staff .thi-box:first-child h3 {
        padding: .1em .6em;
        font-size: 1.8rem;
        font-weight: 500;
        margin: 0 0 20px 40px;
    }
    .top_staff .staff_list li {
        height: inherit;
        line-height: 2.0;
        padding: 1em 1em 1em 0;
    }
    
    .top_staff .staff_list li::after {
        top: 40%;
        font-family: 'Font Awesome 5 Free','fontawesome';
    }
    .top_staff .staff_list li a {
        z-index: 2;
    }
    
    /*.top_staff .staff_list li a time,.top_staff .staff_list li a .pay {
        margin-right: 0;
        display: block;
    }*/
    .top_staff .staff_list li a time {
        font-weight: 500;
    }
    .top_staff .btn {
        font-size: 1.8rem;
        line-height: 1.8;
        height: inherit;
        z-index: 2;
    }
    .top_staff .btn::after {
        right: .3em;
        top: inherit;
        font-family: 'Font Awesome 5 Free','fontawesome';
    }
    .top_staff .btn a {
        padding: .6em 1.3em .6em 1em;
    }
    .top_staff .contact {
        margin: 70px;
        text-align: center;
    }
    .top_staff .contact ul li:first-child {
        font-size: 1.5rem;
    }
    .top_staff .contact ul li:last-child {
        font-size: 4.5rem;
        letter-spacing: inherit;
        font-weight: 800;
    }
    .top_staff .contact ul li:last-child a {
        color: #fff;
    }
    .top_staff .icon_list {
        width: 100%;
        margin: 165px auto 0;
        flex-flow: column;
        align-items: center;
        flex-flow: row;
        justify-content: flex-start;
        margin: 30px;
    }
    .top_staff .icon_list li {
        /*border-radius: unset; 
        width: 100%;
        height: auto;*/
        
    }
    .top_staff .icon_list li {
        width: 140px;
        height: 140px;
        font-size: 1.4rem;

        line-height: 1.5rem;
        margin-right: 10px;
    }
    
    /*.top_staff .icon_list li i, .top_staff .icon_list li img {
        font-size: 6.2rem;
}*/
    .top_staff .icon_list li img {
        /*width: auto;*/
        width: 60%;
    }
    .top_staff .thi-box:last-child > img {
        /*top: 730px;*/
        bottom: 0;
        right: -70px;
        width: 44.3%;
    }

    .top_staff .bigtitle {
        font-size: 10.0rem;
        top: 0;
        right: 0;
        z-index: 1;
    }

    /* tb business
    ------------------------------------------ */
    .top_business {
        margin: 60px 0;
        padding: 10px;
    }
    .top_business .sec-box:first-child .bigtitle {
        top: -10px;
        left: 0;
        font-size: 9.0rem;
    }
    .top_business .sec-box:nth-child(odd) .bignum {
        right: -20px;
        margin-top: 0;
    }
    .top_business .sec-box:nth-child(3) {
        flex-flow: column-reverse;
    }
    .top_business h2 {
        font-size: 3.5rem;
    }
    .top_business h3 {
        font-size: 2.4rem;
        margin: 0;
        margin-top: 10px;
    }
    .top_business .sec-box {
        flex-flow: column;
        -ms-flex-flow: column;
    }
    .top_business .sec-box:first-child {
        margin-bottom: 60px;
    }
    .top_business .sec-box:not(first-child) {
        margin-bottom: 60px;
    }
    .top_business .sec-box:nth-child(odd) {
        text-align: left;
        margin-right: 0;
    }
    .top_business .sec-box:nth-child(3) .bus_text {
        width: 100%;
    }
    .top_business .sec-box:nth-child(3) .thi-box:nth-child(2) {
        margin-left: 0;
    }
    .top_business .sec-box:nth-child(even) {
        margin-left: 0;
    }
    .top_business .sec-box:nth-child(3) .thi-box:first-child {
        width: 100%;
    }
    .top_business .sec-box:nth-child(even) .thi-box:nth-child(2) {
        width: 100%;
    }
    .top_business .sec-box:nth-child(even) .thi-box .border {
        width: 90%;
    }
    .top_business .sec-box:nth-child(3) .thi-box .border {
        width: 90%;
        left: 0;
    }
    .top_business .sec-box:nth-child(3) .bus_text {
        width: 100%;
    }
    .top_business .sec-box:nth-child(even) .thi-box:first-child {
        -webkit-box-ordinal-group:2;
        -ms-flex-order:2;
        -webkit-order:2;
        order:2;
    }
    .top_business .sec-box:nth-child(even) .thi-box:last-child {
        -webkit-box-ordinal-group:1;
        -ms-flex-order:1;
        -webkit-order:1;
        order:1;
    }
    .top_business .sec-box:nth-child(even) .bus_text {
        width: 100%;
        float: none;
    }
    .top_business .sec-box .border {
        margin-bottom: 5px;
    }
    .top_business .bus_text {
        width: 100%;
    }
    .top_business .sec-box:first-child .bus_text {
        width: 100%;
    }
    .top_business img {
        max-width: 100%;
    }
    .top_business .sec-box:last-child {
        margin-bottom: 0;
    }
    .top_business .sec-box:nth-child(3) .thi-box:nth-child(2) {
         width: 100%; 
    }
    .top_business .sec-box:nth-child(3) .thi-box:nth-child(2) {
         width: 100%; 
    }
    .top_business .sec-box:nth-child(even) .thi-box:first-child {
        width: 100%;
    }

    /* tb reccom
    ------------------------------------------ */
    .reccom {
        display: block;
    }
    .reccom .recruit, .reccom .company {
        width: 100%;
        padding: 60px 10px;
    }

    .reccom h2 {
        font-size: 3.5rem;
        margin-top: 0;
    }
    .reccom p {
        margin: 130px 0 50px;
    }

    .reccom .read_btn {
        width: 50%;
        vertical-align: bottom;
        /* margin-bottom: 30px; */
        display: block;
        margin: 10px auto;
    }

    /* tb contact
    ------------------------------------------ */
    .contact_ft {
        padding: 60px 10px;
    }
    .contact_ft h3 {
        margin: 0;
        font-size: 2.0rem;
    }
    .contact_ft ul li:first-child {
        font-size: 4.0rem;
    }
    .contact_ft ul li:first-child a {
        color: #fff;
    }
    .contact_ft ul li:first-child i {
        margin-right: 5px;
        font-size: 3.5rem;
    }
    .contact_ft ul {
        margin-top: 30px;
    }
    .contact_ft ul li:last-child {
        font-size: 2.0rem;
        font-weight: 400;
    }
    .pagetop {
        position: fixed;
        width: 65px;
        height: 65px;
        line-height: 1.0;
        padding-top: 0;
        font-size: 1.2rem;
        margin: 0;
        right: 20px;
        bottom: 20px;
        z-index: 2;
    }
    .pagetop a {
        display: block;
        width: 100%;
        height: 100%;
    }
    .pagetop a i {
        font-size: 3.5rem;
        padding-top: 10px;
    }

    /* tb footer
    ------------------------------------------ */
    footer {
        /*padding: 30px 0 20px;*/
        padding: 30px 0;
    }
    footer .sec-box {
        width: 80%;
        display: block;
    }
    footer nav {
        /*width: 100%;
        display: block;*/
        display: none;
    }
    footer nav > ul > li > a {
        line-height: 2.5;
    }
    footer nav > ul > li > ul li {
        margin-left: 20px;
        line-height: 2.5;
    }
    footer .address-ft {
        text-align: left;
        /*margin: 60px 0 0px;*/
        margin: 0;
    }
    footer .copy {
        /*margin-top: 50px;*/
        margin-top: 30px;
    }
    
    /* content general
    ------------------------------------------ */
    .content_title {
        /*height: 20vh;*/
        overflow: hidden;
    }
    .content_title img {
        max-width: inherit;
    }
    .content_title {
        /*height: 23.5vh;*/
    }
    .content_title .title_inner {
        /*left: 5%;
        top: 2.7em;*/
    }
    .content_title .title_inner h2 {
        font-size: 3.8rem;
        padding: 0 0.3em;
        line-height: 1.4;
    }
    .content_title .title_inner span {
        padding: .1rem .3em;
        font-size: 2.0rem;
    }
    .breadcrumbs ul {
        width: 90%;
    }
    .content_wrap {
        margin: 60px auto;
    }
    .content_wrap section:last-child {
        margin-bottom: 0;
    }
    .content_nav {
        margin-bottom: 60px;
        display: flex;
        justify-content: center;
    }
    .content_nav ul {
        -webkit-justify-content: flex-start;
        -ms-justify-content    : flex-start;
        justify-content        : flex-start;

    }
    .content_nav ul li {
        width: 35%;
    }
    .content_nav ul li {
        width: 49%;
    }
    .content_nav ul li {
        /*width: 49%;*/
    }
    .content_nav ul li:first-child {
        margin-bottom: 20px;
    }
    .content_nav ul li:nth-child(even) {
        margin-right: 0;
    }
    .content_nav ul li:nth-child(odd) {
        margin-right: 2%;
    }
    .sec_list li {
        height: 150px;
        margin-bottom: 50px;
    }
    .sec_list li .sec_title h4 {
        font-size: 3.0rem;
    }
    .sec_list li::after {
        font-size: 3.0rem;
    }
    .bus_list li .bus_title {
        font-size: 1.6rem;
    }
    .bus_list li .bus_title h4 {
        font-size: 2.8rem;
    }
    .bus_list .bignum {
        font-size: 42.7rem !important;
        font-weight: 400;
        right: 50px;
    }
    
    /* company
    ------------------------------------------ */
    .title {
        margin-top: 50px;
    }
    
    /* daily
    ------------------------------------------ */
    #daily .content_nav ul li {
         width: 49%;
    }
    
    /* reform
    ------------------------------------------ */
    .flow li {
        flex-flow: column;
        margin-bottom: 40px;
        position: relative;
    }
    .flow li h6 {
        width: 100%;
        padding-top: .5em;
    }
    .flow li:last-child h6 {
        height: 80px;
    }
    .flow li h6::after {
        border-top: 25px solid #1297eb;
        border-left: 2em solid transparent;
        border-right: 2em solid transparent;
        margin-left: -2em;
        position: absolute;
        top: 150px;
        left: 50%;
    }
    .flow li:nth-child(even) h6::after {
        border-top: 25px solid #00b7ee;
    }
    .flow li:last-child h6::after {
        display: none;
    }
    .flow li p {
        width: 100%;
    }
    .main_wrap .main_content p {
        margin-bottom: 20px;
        margin-top: 0;
    }
    
    /* clean staff detail
    ------------------------------------------ */
    .freedial .free_inner a ul li:first-child {
        font-size: 1.8rem;
    }
    .freedial .free_inner a ul li:last-child {
        font-size: 4.0rem;
    }
}
/* タブレット横ここまで */

/* タブレット縦 */
@media screen and (max-width: 768px) {
    /* header
    ------------------------------------------ */
    header {
        padding-left: 10px;
        height: 50px;
    }
    header h1 {
        font-size: 1.6rem;
        font-weight: 500;
    }
    
    /* sp header
    ------------------------------------------ */
    .drawer--top .drawer-nav > ul {
        /*margin-top: 50px;*/
    }
    .drawer-hamburger {
        padding-top: 15px;
        width: 2rem;
    }
    .drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before {
        height: 1px;
    }
    .drawer-hamburger-icon:after, .drawer-hamburger-icon:before {
        top: -7px;
    }
    .drawer-hamburger-icon:after {
        top: 7px;
    }
    
    /* slide
    ------------------------------------------ */
    .main_image {
        height: 55vh;
        padding-top: 0;
    }
    .main_image img {
        max-width: 1700px;
    }
    .main_image h2 {
        font-size: 5.5rem;
    }
    .slick-prev, .slick-next {
        bottom: 4em;
        font-size: 2.6rem;
    }
    .top_staff .thi-box:last-child > img {
        width: 60%;
    }
    
    /* staff
    ------------------------------------------ */
    .top_staff .icon_list li img {
        /* width: auto; */
        width: 50%;
    }
    .top_staff .icon_list li {
        width: 110px;
        height: 110px;
        font-size: 1.0rem;
    }
    .top_staff .contact {
        text-align: left;
    }
    
    /* top business
    ------------------------------------------ */
    .top_business .sec-box:nth-child(3) .thi-box:nth-child(2) {
        margin-left: 0;
    }
    
    /* content general
    ------------------------------------------ */
    .title {
        /*margin-top: 50px;*/
    }
    .content_title {
        /*height: 15vh;*/
    }
    .content_title img {
        max-width: 200%;
    }
    .content_title .title_inner {
        /*top: 2.0em;*/
    }
    .content_nav ul li {
        /*width: 30%;*/
        width: 48%;
    }
    .content_nav ul li:first-child {
        margin-bottom: 20px;
    }
    .content_nav ul li:nth-child(even) {
        margin-right: 0;
    }
    .content_nav ul li:nth-child(odd) {
        margin-right: 4%;
    }
    .content_wrap section {
        margin-bottom: 60px;
    }
    .content_wrap h3 {
        font-size: 2.8rem;
    }
    .content_wrap h4 {
        font-size: 2.4rem;
    }
    .content_wrap h5 {
        font-size: 2.2rem;
    }
    .sec_list li::after {
        font-size: 2.6rem;
    }
    .sec_list li .sec_title {
        margin-left: 3%;
        margin-right: 5%;
        font-size: 1.5rem;
    }
    .sec_list li .sec_title h4 {
        font-size: 2.6rem;
    }
    .bus_list {
        flex-flow: column;
        -ms-flex-flow: column;
    }
    .bus_list li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 40px;
    }
    .bus_list .bignum {
        left: -70px;
        right: inherit;
    }
    .main_wrap {
        flex-flow: column;
        -ms-flex-flow: column;
    }
    .main_wrap .main_content {
        width: 100%;
    }
    
    .main_wrap .side_nav {
        width: 100%;
        max-width: inherit;
        margin: 50px auto 0;
    }
    .main_wrap .side_nav nav {
        display: none;
    }
    
    /* company
    ------------------------------------------ */
    .title {
        margin-top: 0;
    }
    .greeting .president {
        margin-bottom: 0;
    }
    .greeting .president .president_name {
        font-size: 2.6rem;
    }
    .greeting .president_img {
        width: 50%;
    }
    .greeting .president_text {
        width: 60%;
    }
    
    /* daily
    ------------------------------------------ */
    #daily .content_nav ul li {
        width: 48%;
    }
    
    /* manage
    ------------------------------------------ */
    #manage .main_wrap {
        margin-top: 60px;
    }
    
    #staff table {
        font-size: 1.4rem;   
    }
    #staff table td .detail_btn {
        width: 80px;
        height: 28px;
        font-size: 1.4rem;
        line-height: 2.0;
    }
    .pagenation ul {
        font-size: 1.8rem;
    }
    
    /* clean staff detail
    ------------------------------------------ */
    /*.freedial .free_inner a ul li:last-child {
        font-size: 4.0rem;
    }*/
    .freedial {
        margin-top: 50px;
    }
    #staff_detail .read_btn {
        margin: 60px auto;
    }
    
}
/*タブレットここまで*/
@media screen and (max-width: 667px) {
    .drawer--top .drawer-nav > ul {
        width: 90%;
    }
    .main_image {
        height: 70vh;
    }
    .main_image .sec-box {
        bottom: 45%;
    }
    .main_image img {
        max-width: 1200px;
    }
    .main_image h2, .main_image p {
        padding: .1em;
        font-size: 1.4rem;
    }
    .main_image h2 {
        font-size: 3.5rem;
        line-height: 3.5rem;
    }
    .slick-prev, .slick-next {
        bottom: 9.7em;
        font-size: 2.0rem;
    }
    .top_staff .icon_list {
        /*margin: 0 auto 0;*/
        margin: 30px;
    }
    .top_staff .thi-box:last-child > img {
        width: 40%;
        right: -60px;
        top: 690px;
    }
    
    .content_title {
        /*height: 30vh;*/
    }
    .content_title .title_inner {
        /*top: 1em;
        left: 2.5%;*/
    }
    .content_title .title_inner h2 {
        font-size: 3.0rem;
    }
    .content_title .title_inner span {
        font-size: 1.8rem;
    }
    .breadcrumbs ul {
        width: 95%;
    }
    .content_wrap {
        width: 95%;
        margin: 40px auto;
    }
    .content_wrap h4 {
        font-size: 2.2rem;
    }
    .content_wrap p {
        font-size: 1.6rem;
    }
    .content_nav {
        margin-bottom: 30px;
    }
    .content_nav ul li {
        font-size: 1.6rem;
        margin-right: 20px;
    }
    .sec_list {
        margin-top: 40px;
    }
    /*.sec_list li .sec_title {
        margin-right: 8%;
    }*/
    .sec_list li .sec_title h4 {
        font-size: 2.4rem;
    }
    .bus_list li {
        height: 180px;
    }
    .bus_list .bignum {
        font-size: 24.0rem !important;
        left: -40px;
    }
    .main_wrap .main_content .imglist li {
        font-size: 1.4rem;
    }
    .content_wrap section {
        margin-bottom: 40px;
    }
    .content_wrap > p {
        margin: 0 0 50px 0;
    }
    .main_wrap .main_content p {
        margin-bottom: 20px;
    }
    .main_wrap .side_nav .contact h4 {
        margin: 0 0;
    }
    .main_wrap .side_nav .contact .contact_text {
        font-size: 1.5rem;
    }
    table {
        font-size: 1.6rem;
    }
    #manage .main_wrap {
        margin-top: 40px;
    }
    #staff .scroll {
        overflow: auto;
        white-space: nowrap;
    }
    #staff .scroll {
        -webkit-overflow-scrolling: touch;
        /* スクロールを滑らかにする */
    }
    #staff .pagenation {
        margin-top: 20px;
    }
    /*.scroll::-webkit-scrollbar-track{
        background: transparent;
        border:none;
    }

    .scroll::-webkit-scrollbar-thumb{
        background: rgba(#fff,0.1);
        border-radius: 10px;
        box-shadow: inset 0 0 4px rgba(255,255,255,0.8);
    }*/
    /*.scroll::-webkit-scrollbar-track{
        background: #F1F1F1;
    }
    .scroll::-webkit-scrollbar-thumb {
        background: #BCBCBC;
    }*/
    #staff .scroll table {
        width: 100%;
    }
}

/* スマホ縦 */
@media screen and (max-width: 480px) {

    /* sp header
    ------------------------------------------ */
    .read_btn {
        width: 100%;
        margin: 10px auto;
    }
    .drawer-hamburger {
        padding-right: 5px;
    }
    .drawer--top .drawer-nav > ul {
        width: 89%;
    }
    
    /* sp slide
    ------------------------------------------ */
    .main_image {
        height: 45vh;
        overflow: hidden;
    }
    .main_image .sec-box {
        bottom: 15%;
    }
    .main_image img {
        overflow: hidden;
        max-width: 835px;
        margin: 0 auto;
    }
    .main_image h2, .main_image p {
        font-size: 1.2rem; 
    }
    .main_image h2 {
        font-size: 3.0rem;
        line-height: 3.0rem;
    }
    .slick-prev, .slick-next {
        bottom: 2em;
        font-size: 2.0rem;
    }
    .slick-prev {
        left: 20px;
    }
    .slick-next {
        right: 20px;
    }

    /* sp information
    ------------------------------------------ */
    .info-block {
        width: calc( 100% - 20px );
        border: 5px solid #fe7070;
        margin: 20px 10px;
        font-size: 1.6rem;
    }
    .info-block h3 {
        font-size: 1.8rem;
    }
    .info-block a {
        display: block;
    }

    /* sp staff
    ------------------------------------------ */
    .top_staff {
        padding: 10px;
        /*padding: 0;*/
        /*padding-top: 70px;*/
        /*background: #eee;*/
    }
    .top_staff .sec-box {
        /*background: linear-gradient(#84c5ff, #00b7ee);*/
    }
    .top_staff .sec-box::after {
        margin: 10px;
        /*display: none;*/
    }
    .top_staff .thi-box:first-child h2 {
        padding: 80px 0;
        font-size: 2.8rem;
        /*color: #666;*/
    }
    .top_staff .staff_list li a time,.top_staff .staff_list li a .pay {
        margin-right: 0;
        display: block;
    }
    .top_staff .thi-box:last-child > img {
        top: 170px;
        width: 100%;
    }
    .top_staff .contact {
        margin: 65px auto;
        text-align: inherit;
    }
    .top_staff .btn {
        font-size: 1.5rem;
    }
    .top_staff .btn a {
        padding: 1em 1.3em 1em 0;
    }
    .top_staff .btn::after {
        font-size: 2.0rem;
    }
    .top_staff .thi-box:first-child h3 {
        margin: 220px 0 20px 20px;
    }
    .top_staff .icon_list {
        margin: 20px;
    }
    .top_staff .icon_list li {
        width: 100px;
        height: 100px;
    }
    .top_staff .icon_list li i, .top_staff .icon_list li img {
        margin-bottom: 0;
    }
    .top_staff .icon_list li img {
        width: 55%;
    }
    .top_staff .contact ul li:last-child {
        font-size: 4.0rem;
        font-weight: 600;
    }
    
    /* sp business
    ------------------------------------------ */
    .top_business h2 {
        font-size: 2.5rem;
    }
    .top_business h3 {
        font-size: 2.2rem;
    }
    
    
    /* sp reccom
    ------------------------------------------ */
    .reccom .read_btn {
        width: 100%;
    }
    .reccom h2 {
        font-size: 2.8rem;
    }
    .reccom p {
        margin: 100px 0 50px;
    }
    
    /* footer
    ------------------------------------------ */
    .contact_ft h3 {
        font-size: 1.5rem;
        font-weight: 500;
    }
    .contact_ft ul {
        margin-top: 20px;
    }
    .contact_ft ul li:first-child {
        font-size: 3.4rem;
    }
    .contact_ft ul li:first-child i {
        font-size: 2.8rem;
    }
    .contact_ft ul li:last-child {
        font-size: 1.8rem;
        line-height: 2.0;
    }
    .contact_ft {
        padding: 30px 30px;
    }
    
    /* content general
    ------------------------------------------ */
    .breadcrumbs {
        font-size: 1.0rem;
    }
    .breadcrumbs ul {
        width: 97%;
    }
    .content_title {
        height: 20vh;
        display: flex;
        justify-content: center;
    }
    .content_title .title_inner {
        /*top: 1.5em;*/
    }
    .content_title .title_inner h2 {
        font-size: 3.5rem;
    }
    .content_title img {
        max-width: inherit;
    }
    .content_nav ul {
        flex-flow: column;
        -ms-flex-flow: column;
    }
    .content_nav ul li {
        width: 50%;
    }
    .content_wrap {
        margin: 30px auto;
    }
    .content_wrap h3 {
        font-size: 2.5rem;
    }
    .sec_list {
        margin-top: 30px;
    }
    .sec_list li {
        height: 110px;
        margin-bottom: 20px;
    }
    .sec_list li::after {
        font-size: 2.0rem;
    }
    .sec_list li .sec_title {
        font-size: 1.2rem;
        margin-right: 8%;
    }
    .sec_list li .sec_title h4 {
        font-size: 2.0rem;
    }
    .bus_list li {
        height: 150px;
        margin-bottom: 20px;
    }
    .bus_list li .bus_title {
        font-size: 1.4rem;
        width: 90%;
    }
    .bus_list li .bus_title h4 {
        font-size: 2.2rem;
    }
    .bus_list .bignum {
        font-size: 22.0rem !important;
        left: -40px;
    }
    table th,table td {
        display: block;
        width: 100%;
    }
    table tr:nth-child(odd) {
        background: transparent;
    }
    .content_wrap section {
        margin-bottom: 40px;
    }
    .content_wrap h5 {
        font-size: 2.0rem;
    }
    .main_wrap .main_content .imglist {
        flex-flow: column;
        -ms-flex-flow: column;
    }
    .main_wrap .main_content .imglist li {
        width: 100%;
    }
    .main_wrap .main_content .imglist li:not(:last-child) {
        margin-bottom: 10px;
    }
    .main_wrap .main_content .imglist li:nth-child(3) {
        margin-top: 0;
    }
    .main_wrap .side_nav {
        margin: 40px auto 0;
    }
    
    /* company
    ------------------------------------------ */
    .greeting .sec-box {
        flex-flow: column;
        -ms-flex-flow: column;
    }
    .greeting .president_img {
        width: 100%;
        display: flex;
        justify-content: center;
        max-width: inherit;
    }
    .greeting .president_text {
        width: 100%;
        margin-top: 20px;
    }
    .greeting .sec-box p:first-child {
        margin-left: 0;
    }
    
    /* daily
    ------------------------------------------ */
    .content_nav ul li,#daily .content_nav ul li {
        width: 100%;
        margin-bottom: 20px;
    }
    
    /* special
    ------------------------------------------ */
    #special table tr:nth-child(odd) {
        background: #ddf1f8;
    }
    #special table th:first-child {
        width: 100%;
    }
    #special table td:first-child {
        width: 100%;
    }
    #special table th, #special table td {
        border-right: none;
    }
    
    /* manage
    ------------------------------------------ */
    #manage .main_wrap {
        margin-top: 30px;
    }
    
    /* reform
    ------------------------------------------ */
    .flow li h6 {
        position: static;
    }
    .flow li h6::after {
        top: 170px;
    }
    
    /* cleanstaff
    ------------------------------------------ */
    #staff .content_title img {
        /*max-width: 1400px;*/
        max-width: 1250px;
        margin-left: 400px;
    }
    #staff .content_title .title_inner {
        /* top: 1.5em; */
        /*top: 5em;*/
        width: 80%;
    }
    #staff .content_title .title_inner h2 {
        font-size: 3.0rem;
        margin-bottom: 1px;
        width: 60%;
    }
    #staff .pagenation {
        margin-top: 40px;
        margin-bottom: 50px;
    }
    #staff .pagenation ul li {
        margin-right: 45px;
    }
    #staff .pagenation ul li:last-child {
        margin-right: 0;
    }
    #staff .search {
        padding-bottom: .5em;
        width: 100%;
    }
    #staff .search label {
        font-weight: 500;
    }
    input[type="submit"] {
        height: inherit;
        padding: .4em 1.5em;
    }
    #staff table thead {
        display: none;
    }
    #staff table tr {
        /*margin-bottom: 2em;*/
    }
    #staff table tr:last-child {
        /*margin-bottom: 0;*/
    }
    #staff table tr:nth-child(odd) {
        background: #ddf1f8;
    }
    #staff table tr:nth-child(odd) td {
        /*padding: 0;*/
        border-bottom: 1px solid #fff;
    }
    #staff table th,#staff table td {
        /*display: table-cell;
        width: inherit;*/
        display: block;
        width: 100%;
    }
    #staff table td {
        /*padding: 0;*/
        border-bottom: 1px solid #ddd;
        /*padding-left: calc(30% + 3em);*/
        /*position: relative;*/
        /*width: 60%;*/
        /*padding-left: calc(30% + 3em);*/
        display: flex;
        display:-webkit-flex;
        display:-ms-flexbox;

    }
    #staff table td:before {
        content: attr(data-label);
        /*position: absolute;
        left: 0;
        top: 0;*/
        /*display: block;*/
        float: left;
        font-weight: 600;
        margin-right: 1em;
        width: 30%;
        /*background: #00b7ee;*/
        text-align: left;
        /*color: #fff;*/
        padding: 0 1em;
        /*border-bottom: 1px solid #a0a0a0;*/
    }
    #staff table td:nth-last-child(2) {
        /*padding: .5em 1em;
        padding-left: calc(30% + 3em);*/
    }
    #staff table td:last-child:before {
        content: none;
    }
    #staff table td.text-center {
        text-align: left;
    }
    #staff table tr td:last-child {
        justify-content: center;
        justify-content: -webkit-center;
        justify-content: -ms-center;
        border-bottom: none;
    }
    #staff table td .fa-female,#staff table td .fa-male {
        font-size: 2.2rem;
    }
    #staff table td.non_block {
        display: none;
    }
    .freedial .free_inner a {
        padding: .5em 1.2em;
    }
    
    /* cleanstaff detail
    ------------------------------------------ */
    #staff_detail .content_title img {
        /*max-width: 1400px;*/
        max-width: 1250px;
        margin-left: 400px;
    }
    #staff_detail .content_title .title_inner {
        /* top: 1.5em; */
        /*top: 5em;*/
        width: 80%;
    }
    #staff_detail .content_title .title_inner h2 {
        font-size: 3.0rem;
        margin-bottom: 1px;
        width: 60%;
    }
    #staff_detail table {
        margin-top: 30px;
    }
    #staff_detail table tr {
        border-bottom: none;
    }
    #staff_detail .pagenation {
        margin-top: 10px;
    }
    #staff_detail .pagenation ul {
        font-size: 1.6rem;
    }
    .freedial .free_inner {
        width: 100%;
    }
    .freedial .free_inner a ul li:last-child {
        font-size: 3.4rem;
    }
    #staff_detail .read_btn {
        margin: 40px auto;
        width: 100%;
        max-width: inherit;
    }
    
    /* privacy
    ------------------------------------------ */
    #privacy .content_title img {
        max-width: 1200px;
    }
    #privacy .content_title .title_inner h2 {
        font-size: 3.0rem;
    }

}
/*スマホここまで*/