@media (max-width: 1024px) {
    #wrap_specialists_all >section>section{
        width: calc(100% / 4 * 3 - 20px);
    }
    #wrap_specialists_all >section>div{
        width:calc(100% / 4 * 1 - 20px);
    }
    /*============================================================
1024閉じカッコ
============================================================*/
}

@media (max-width: 768px) {
    .ttl_01 {
        font-size: 30px;
    }
    
    #wrap_specialists_all>section>section{
        width: 100%;
    }
    #wrap_specialists_all>section>div{
        width: 100%;
    }
    #wrap_specialists_all>section>section>section {
        width: calc(100% / 2 - 40px);
    }

    #wrap_specialists_all img {
        width: 100%;
    }

 /*個別ページ*/
 #wrap_specialist>section{
    flex-direction: column-reverse;
 }
#wrap_specialist>section>section{
    width: 100%;
}
#wrap_specialist>section>div{
min-width: 80%;
    aspect-ratio: auto;
    text-align: center;
    margin:0px auto 40px auto;
}
#wrap_specialist>section>div img{
    position: static;
    transform: none;
}
    /*============================================================
768閉じカッコ
============================================================*/
}

@media (max-width: 580px) {
    header#hd {
        margin: 10px auto;
    }

    #logo {
        width: 200px;
    }

    #nav_singup .btn_01,
    #nav_singup .btn_02 {
        font-size: 12px;
    }

    #nav_singup .btn_01 a,
    #nav_singup .btn_02 a {
        padding: 5px 10px;
    }

    #slider_index {
        display: none;
    }

    #slider_index_sp {
        display: block;
    }

    #nav_singup ul li+li {
        margin-left: 5px;
    }

    /*============================================================
580閉じカッコ
============================================================*/
}

@media (max-width: 480px) {
    .ttl_01 {
        font-size: 24px;
    }
    .ttl_02 {
        font-size: 24px;
        margin-bottom: 20px;
    }

    #wrap_specialists_all {
        margin: 60px auto 0px auto;
    }



    #logo {
        width: 160px;
        ;
    }




    #wrap_specialists_all>section>section>section {
        width: calc(100% / 2 - 10px);
    }

    #wrap_about>section>section>section+section {
        margin-top: 40px;

    }

    #wrap_about>section>section>section,
    #wrap_about>section>section>div {
        width: calc(100% / 1);
    }

    #wrap_features>section>section {
        width: calc(100% / 1);
    }

    #wrap_features>section>section+section {
        margin-top: 90px;
    }

    #btn_signup_signup {
        font-size: 20px;
    }

    #btn_signup_signup a {
        padding: 10px 0px;
    }

    #btn_top {
        width: 50px;
        height: 50px;
    }

    #wrap_specialist h2 {
        margin-top: 0px;
        font-size: 24px;
        padding: 20px;
        width: calc(100% - 40px);
    }
    #wrap_login {
        padding:10px;
    }
    #wrap_login{
        width: 90%;
        font-size:14px;
        padding:20px 0px;
    }
    /*============================================================
480閉じカッコ
============================================================*/
}