/* スマホ用画像は非表示 */
.logo-back-sp {
    display: none;
}

@media only screen and (max-width:599px){

    /* 青空背景画像 */
    #wrapper {
        background-size: 80% auto;
        background-position: center top;
    }

    /* ヘッダー余白 */
    header .inner {
        padding: 5px 0;
    }

    /* ロゴエリア */
    header #top_box #left {
        height: 160px;
        margin-bottom: 0;
    }

    header #top_box #left a {
        display: block;
        height: 160px;
        position: relative;
        overflow: hidden;
    }

    /* ロゴ下の装飾画像を非表示 */
    header #top_box #left a:after {
        content: none;
    }

    /* PC用背景画像を非表示 */
    .logo-back-pc {
        display: none !important;
    }

    /* スマホ用背景画像を表示 */
    .logo-back-sp {
        display: block !important;
        width: 100%;
        height: 160px;
        object-fit: cover;
    }

    /* スライダーとの余白 */
    header #top_box #right {
        margin-top: 20px;
    }

}

header #top_box #left {
    height: 160px !important;
}

.logo-back-sp {
    height: 160px !important;
}

@media only screen and (max-width:599px){

    header #top_box #left{
        height:160px;
    }

    header #top_box #left a{
        height:160px;
        display:block;
        overflow:hidden;
    }

    .logo-back{
        display:block;
        height:160px;
    }

    .logo-back-sp{
        display:block !important;
        width:100%;
        height:160px;
    }

    .logo-back-sp img{
        width:100%;
        height:160px;
    }

}

@media only screen and (max-width:599px){

    header #top_box #left{
        height:160px !important;
        margin-bottom:0;
    }

    header #top_box #left a{
        display:block;
        height:160px !important;
        position:relative;
        overflow:hidden;
    }

    .logo-back{
        display:block;
        height:160px;
    }

    .logo-back-pc{
        display:none !important;
    }

    .logo-back-sp{
        display:block !important;
        width:100%;
        height:160px;
        object-fit:cover;
    }

    header #top_box #left a:after{
        content:none;
    }
    #wrapper > img {
  display: block;
  width: 100%;
  height: 170px;
  object-fit: cover;
  object-position: center center;
}
}