/*=========================================================================*/
/* ･･････ タブレット ･･････ */
/*=========================================================================*/

@media(max-width: 960px){

/*=====================================*/
/* ･･････ ヘッダー ･･････ */
/*=====================================*/
    .header{
        width: 95%;
    }
    .header__link-item{
        width: 35px;
        padding-top: 0.5rem;
    }
    .header__logo-title{
        font-size: 30px;
    }


/*=====================================*/
/* ･･････ いこい整骨院のおすすめ ･･････ */
/*=====================================*/

    .concept__wrapper{
        width: 90%;
    }

/*=====================================*/
/* ･･････ 施術メニュー ･･････ */
/*=====================================*/

    .menu__list{
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .menu__list-item{
        width: 30%;
    }

    .menu__listItem--responsive{
        margin: 2rem 0 0 15%;
    }

    .menu__listItem--responsive2{
        margin: 2rem 15% 0 0;
    }

/*=====================================*/
/* ･･････ おすすめポイント ･･････ */
/*=====================================*/

    .recommend__wrapper{
        width: 90%;
    }

    .recommend__contents-text{
        padding: 2rem 0.5rem 0 0.5rem;
        font-size: 14px;
    }

/*=====================================*/
/* ･･････ いこい整骨院の歴史 ･･････ */
/*=====================================*/

    .history__wrapper{
        width: 90%;
    }

    .history__movie-title{
        padding: 1.5rem 0 1rem 0;
    }

/*=====================================*/
/* ･･････ フッター ･･････ */
/*=====================================*/

    .footer__wrapper{
        width: 90%;
    }

    .footer__wrapper-text{
        width: 55%;
    }

    .footer__wrapper-map iframe{
        width: 320px;
    }

}




/*=========================================================================*/
/* ･･････ スマホ ･･････ */
/*=========================================================================*/

@media(max-width: 520px){

/*=====================================*/
/* ･･････ ヘッダー ･･････ */
/*=====================================*/

    .header{
        display: block;
    }

    .header__link{
        width: 70%;
        margin: auto;
        justify-content: space-between;
    }

    .header__logo-image{
        width: 50px;
        height: 50px;
        margin-top: 5px;
    }

    .header__logo-title{
        font-size: 25px;
        padding: 0 3px;
    }
    
    .header__logo-subtitle{
        font-size: 10px;
    }



/*=====================================*/
/* ･･････ 施術メニュー ･･････ */
/*=====================================*/

    .menu__wrapper{
        width: 90%;
        margin: auto;
    }

    .menu__list{
        display: block;
        padding: 0;
    }

    .menu__list-item{
        width: 70%;
        margin: 0 auto 1rem auto ;
    }

    /*.menu__list-itemImage{
        width: 60%;
    }*/


/*=====================================*/
/* ･･････ おすすめポイント ･･････ */
/*=====================================*/

    .recommend__contents{
        display: block;
        padding: 1.5rem 1rem;
    }

    .recommend__contents-image{
        margin: auto;
    }

    .recommend__contents-inner{
        width: 100%;
    }

    .recommend__contents-image{
        padding: 1rem 0;
    }


/*=====================================*/
/* ･･････ いこい整骨院の歴史 ･･････ */
/*=====================================*/

    .history__wrapper-inner{
        display: block;
    }

    .history__movie-title{
        padding: 0.5rem 0;
    }

    .history__movie iframe{
        width: 95%;
        margin: auto;
    }

    .history__text{
        padding: 1rem 0;
    }


/*=====================================*/
/* ･･････ フッター ･･････ */
/*=====================================*/

.footer__wrapper{
    display: block;
}

.footer__wrapper-text{
    width: 95%;
    margin: auto;
}

.footer__wrapper-textList li,
.access_wrap_contact{
    font-size: 13px;
    line-height: 25px;
}

.footer__wrapper-textList :first-child{
    font-size: 20px;
    padding: 10px 0;
}

.footer__wrapper-map{
    width: 90%;
    margin: 0 auto;
}

.footer__wrapper-map iframe{
    width: 100%;
    margin: 1rem auto;
}

}