@media screen and (max-width:769px) {
    /* スマホ用レイアウト */
    .main-block {
        width: 100%;
    }

    tr td:nth-child(2) {
        width: 100%;
        /* padding: 0 0; */
    }
    td {
        display: block;
        width: 100%;
    }
    .host-justify {
        display: flex;
        justify-content: space-around;
        margin-bottom: 1rem;
    }
    .host-map {
        width: 100%;
        margin-bottom: 0.5rem;
    }
    .host004img {
        width: 100%;
        margin-bottom: 0.5rem;
    }
        /* host006-only */
        .host006-1 {
            margin-bottom: 2rem;
        }
        .host006-2 img{
            width: 100%;
        }
        .host006-3 td:nth-child(2) {
            display: block;
        }
        .host006-4 {
            margin-bottom: 1rem;
        }
        .host006-5 {
            margin-bottom: 1.5rem;
        }
        .host006-5 img{
            width: 100%;
        }
        tr td:nth-child(1) {
            font-weight: 400;
            color: #444;
        }
        .tb-wrap{
            width:100%;
            overflow-x:scroll;
        }
        table.host006-6 {
            width: 100%;
            border-collapse: collapse;
            min-width: 800px;
            margin-bottom: 1rem;
        }
        .tb-wrap td {
            display: inline-block;
        }
        .host006-6 td:nth-child(1) {
            width: 23%;
        }
        .host006-6 td:nth-child(2) {
            width: 30%;
        }
        .host006-6 td:nth-child(3) {
            width: 43%;
        }
        .host006-7 img {
            display: inline-block;
            height: 260px;
            width: auto;
            padding: 0;
        }
        .host006-8  {
            border-collapse: collapse;
            width: 600px;
            margin-bottom: 1rem;
        }
        .host006-8 td:nth-child(1) {
            width: 45%;
        }
        .host006-8 td:nth-child(2) {
            width: 20%;
        }
        .host006-8 td:nth-child(3) {
            width: 35%;
        }
        .host006-9  {
            border-collapse: collapse;
            width: 600px;
            margin-bottom: 1rem;
        }
        .host006-9 td:nth-child(1) {
            width: 40%;
        }
        .host006-9 td:nth-child(2) {
            width: 25%;
        }
        .host006-9 td:nth-child(3) {
            width: 35%;
        }
        .host006-10  {
            border-collapse: collapse;
            width: 600px;
            margin-bottom: 1rem;
        }
        .host006-10 td:nth-child(1) {
            width: 32%;
        }
        .host006-10 td:nth-child(2) {
            width: 30%;
        }
        .host006-10 td:nth-child(3) {
            width: 38%;
        }
        .host006-11 img{
            width: 100%;
        }
        .host006-12 img {
            width: 100%;
        }
}

@media screen and (min-width:768px) {
    /* PC用レイアウト */

    tr td:nth-child(1) {
        width: 120px;
    }

    .host-justify {
        display: flex;
        justify-content: space-around;
        margin-bottom: 1rem;
        }
    .host-map {
        max-width: 315px;
    }
    .host-block1 {
        display: flex;
    }
    .host004img {
        width: 800px;
        margin-bottom: 1rem;
    }
    /* host006-only */
    .sp-msg {
        display: none;
    }
    .host006-1 {
        display: flex;
        justify-content: space-between;
        margin:1rem 0 2rem 1rem;
    }
    .host006-2 {
        width: 390px;

    }
    .host006-2 img{
        width: 100%;
        margin: 0 0.7em;
    }
    .host006-3 td:nth-child(1) {
        width: 56%;
    }
    .host006-4 {
        width: 45%;
        margin: 0 auto 1rem;
    }
    .host006-5 img {
        width: 48%;
        margin: 0 auto 1.5rem;
    }
    .host006-6  {
        margin-bottom: 1.5rem;
    }
    .host006-6 td:nth-child(1) {
        width: 23%;
    }
    .host006-6 td:nth-child(2) {
        width: 29%;
    }
    .host006-6 td:nth-child(3) {
        width: 36%;
    }
    .host006-7 img {
        display: inline-block;
        height: 290px;
        width: auto;
    }
    .host006-8  {
        margin-bottom: 1.5rem;
    }
    .host006-8 td:nth-child(1) {
        width: 50%;
    }
    .host006-8 td:nth-child(2) {
        width: 20%;
    }
    .host006-8 td:nth-child(3) {
        width: 30%;
    }
    .host006-9  {
        margin-bottom: 1.5rem;
    }
    .host006-9 td:nth-child(1) {
        width: 43%;
    }
    .host006-9 td:nth-child(2) {
        width: 20%;
    }
    .host006-9 td:nth-child(3) {
        width: 37%;
    }
    .host006-10  {
        margin-bottom: 1.5rem;
    }
    .host006-10 td:nth-child(1) {
        width: 33%;
    }
    .host006-10 td:nth-child(2) {
        width: 33%;
    }
    .host006-10 td:nth-child(3) {
        width: 34%;
    }
    .host006-11 {
        width: 60%;
    }
    .host006-12 img {
        width: 100%;
    }
}