.coating-menu .item.item1 {
    grid-area: 2 / 1 / 3 / 3
}

.coating-menu .item.item2 {
    grid-area: 2 / 3 / 3 / 5
}

.coating-menu .item.item3 {
    grid-area: 2 / 5 / 3 / 7
}

.coating-menu .item.item4 {
    grid-area: 3 / 1 / 4 / 7
}

.coating-menu .item.item4 p {
    text-align: center;
    font-size: 1.6rem;
    font-weight: bold;
    color: #0b3290;
}

.coating-menu .item.item5 {
    grid-area: 7 / 1 / 8 / 7;
    max-width: 800px;
    margin:auto; 
    margin-top: 100px;
}

.coating-menu .item.item6 {
    grid-area: 8 / 1 / 9 / 4
}

.coating-menu .item.item7 {
    grid-area: 8 / 4 / 9 / 7
}

.coating-menu .item.item8 {
    grid-area: 9 / 1 / 10 / 7
}

.coating-menu .item.item9 {
    grid-area: 10 / 1 / 11 / 7;
    max-width: 1000px;
    margin: auto
}


.coating-menu-sp .item.item1 {
    background-color: #003057
}

.coating-menu-sp .item.item1 button.menu-button {
    background-color: #001e3c 
}

.coating-menu-sp .item.item2 {
    background-color: #004094
}

.coating-menu-sp .item.item2 p {
    font-size: 12px;
    color: #fff;
    line-height: 1.8;
    padding: 20px;
}

.coating-menu-sp .item.item2 .title {
    font-size: 16px;
    color: #fff;
    line-height: 1.8;
    padding: 20px;
    font-weight: bold;
}

.coating-menu-sp .item.item2 button.menu-button {
    background-color: #002e60
}

.coating-menu-sp .item.item7 {
    margin: auto;
    margin-top: 100px;
    margin-bottom: 20px;
    width: 90%;
}

.coating-menu-sp .item.item8 {
    background-color: #fff
}

.coating-menu-sp .item.item8 button.menu-button {
    background-color: #dbbb00
}

.coating-menu-sp .item.item9 {
    background-color: #fff
}

.coating-menu-sp .item.item9 button.menu-button {
    background-color: #1786a3
}

.coating-menu-sp .item.item6 p {
    font-size: 16px;
    font-weight: bold;
    color: #0b3290;
    line-height: 1.8;
}

.coating-menu-sp .item.item10 {
    margin-bottom: 20px
}

.coating-menu-sp .item.item11 {
    margin-bottom: 0px
}

.exkeeper-contents {
    margin-bottom: 40px;
    background-color: #003057;
    padding: 10px 0
}


@media screen and (max-width: 519px) {
    .ex-keeper-section{
        display: none;
    }
}



/* DIA2 */
.dia2-contents {
    margin-bottom: 40px;
    padding: 10px 0;
}

.dia2-contents .dia2-content .dia2-img img{
    width: 100%;
}

.dia2-store {
    margin-bottom: 60px;
}

.dia2-store ul {
    margin: 0;
    display: flex;
    justify-content: space-between;
}

.dia2-store ul li {
    font-weight: bold;
    color: #0b3290;
    font-size: 20px;
}

@media screen and (max-width: 1320px) {
    .dia2-store ul {
        justify-content: flex-start;
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 1320px) {
    .dia2-store ul li {
        margin-right: 24px;
        width: 16em;
    }
}

@media screen and (min-width: 1321px) {
    .dia2-contents .dia2-content .dia2-store-sp {
        display: none;
    }
}

@media screen and (min-width: 520px) and (max-width: 1320px) {
    .dia2-contents .dia2-content .dia2-store-sp {
        display: none;
    }
}

@media screen and (max-width: 519px) {
    .dia2-section{
        display: none;
}
}