/*----------タブレットサイズ-------------*/

@media screen and (min-width:600px) and (max-width:750px) {
    .slider {
        width: 85%;
    }

    .slider_box_inr img {
        width: min((200/600)*100vw, 250px);
        border-radius: calc((10/600)*100vw);
        margin: 0 auto calc((20/600)*100vw);
    }

    /*-------------セキュリティ運用支援部分----------*/
    .security_content {
        gap: min((15/600)*100vw, 15px);
    }

    .security_box {
        margin: 0 auto;
        width: min((250/600)*100vw, 292px);
    }

    .security_box img {
        width: min((250/600)*100vw, 292px);
    }

    .accordion-004 {
        border: min((1/600)*100vw, 1px) solid;
        border-image: linear-gradient(150deg, rgba(24, 131, 255, 1), rgba(138, 199, 255, 1) 70%, rgba(204, 188, 255, 1) 85%, rgba(255, 160, 233, 1));
        border-image-slice: 1;
    }

    .accordion-004 summary {
        padding: min((10/600)*100vw, 10px) min((5/600)*100vw, 10px);
        font-size: clamp(10px, (14/600)*100vw, 16px);
        gap: min((10/600)*100vw, 10px);
    }

    .accordion-004 summary::after {
        border-bottom: min((6/600)*100vw, 8px) solid #fff;
        border-right: min((6/600)*100vw, 8px) solid #fff;
        border-top: min((6/600)*100vw, 8px) solid transparent;
        border-left: min((6/600)*100vw, 8px) solid transparent;
        top: min((-2/600)*100vw, -1px);
    }

    .accordion-004 p {
        transform: translateY(calc((-10/600)*100vw));
        padding: .5em 1em 1em;
        transition: transform .5s, opacity .5s;
        font-size: clamp(10px, (14/600)*100vw, 15px);
        color: #fff;
        text-align: left;
        line-height: min((22/600)*100vw, 22px);
    }

    /*--------------アコーディオン共通部分------------*/
    .details-summary .btn {
        top: 25%;
    }

    .details-summary.is-active .btn {
        top: 30%;
    }

    /*-------------セキュリティ製品導入展開支援-------------*/
    .security_accordion_inr {
        gap: min((20/600)*100vw, 30px);
    }

    .service_security p {
        font-size: clamp(11px, (14/600)*100vw, 14px);
    }

    .service_security img {
        width: min((220/600)*100vw, 250px);
        margin: min((20/600)*100vw, 15px) auto;
    }

    /*-------------セキュリティ以外のヘルプデスク対応-------------*/
    .advance_service {
        top: max((-45/600)*100vw, -44px);
    }

    /*-------------ご希望に沿ったITエンジニアの派遣-------------*/
    .view_more {
        left: 62%;
    }

    /*-------------人材育成の流れ-------------*/
    .image_flow {
        gap: min((160/600)*100vw,160px);
    }

    .arrow_img_box {
        gap: min((30/600)*100vw,30px);
    }

    .arrow_box_inr {
        gap: min((145/600)*100vw, 145px);
    }

    /*-------------取扱セキュリティ製品/保有資格-------------*/
    .white_box_inr {
        margin: 0 auto;
        width: min((480/600)*100vw, 550px);
        padding: min((2/600)*100vw, 2px);
        border-radius: min((10/600)*100vw, 10px);
    }

    .white_box_inr_bk {
        background-color: #fff;
        padding: min((25/600)*100vw, 25px) min((5/600)*100vw, 5px);
        border-radius: min((8/600)*100vw, 8px);
        width: min((470/600)*100vw, 540px);
    }

    /*----------フッター-------------*/

    .footer_logo_nav {
        justify-content: space-around;
        align-items: unset;
    }

    .address {
        margin: min((-130/600)*100vw, -140px) 0 0 min((20/600)*100vw, 45px);
    }

    .footer_menu {
        left: 0;
    }

    .footer_logo_nav p {
        margin: min((0/600)*100vw, 0px) auto min((50/600)*100vw, 50px);
    }

    .footer_policy {
        margin-top: max((20/600)*100vw,10px);
        margin-left: 0;
    }
}


@media screen and (min-width:460px) and (max-width:750px) {
    .white_box {
        margin: min((-10/600)*100vw, -20px) auto min((300/390)*100vw, 300px);
    }
}

@media screen and (max-width:599px) {
    .footer_logo_nav {
        flex-direction: column;
    }
}