@charset "UTF-8";

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

.seinou .left {
    width: 62%;
}

.seinou .right {
    width: 34%;
}

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

.support01 .left {
    width: 76%;
}

.support01 .right {
    width: 20%;
}

.support-ttl {
    font-size: 14px;
    color: #fff;
    background: #4d3116;
    padding: 8px 10px;
    margin-top: 10px;
}

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

.secu-flex .flex .item-ttl {
    width: 100%;
    margin-bottom: 20px;
}

.secu-flex .flex .sec-ttl {
    width: 100%;
    margin-bottom: 20px;
}

.secu-flex .flex .image {
    width: 41%;
}

.secu-flex .flex .text {
    width: 55%;
}

.sec-ttl {
    font-size: 18px;
    color: #fff;
    background: #4d3116;
    padding: 10px 0 10px 20px;
}


/*=======================================
TAB_横
=======================================*/
@media (max-width: 1180px) {}


/*=======================================
TAB_縦~SP
=======================================*/
@media (max-width: 820px) {
    .seinou .left,
    .support01 .left {
        width: 100%;
    }

    .seinou .right,
    .support01 .right {
        width: 100%;
    }

    .support01 .right.item {
        margin-top: 20px;
    }

    .support01 figure {
        width: 60%;
        margin: 0 auto;
    }

    .support-ttl  {
        text-align: center;
    }

    .secu-flex .flex .image {
        width: 100%;
        margin-bottom: 20px;
    }

    .secu-flex .flex .text {
        width: 100%;
    }

    .sec-ttl {
        font-size: 16px;
        padding: 5px 0 5px 15px;
    }

    .js-scrollable {
        overflow-y: hidden!important;
        height: auto;
    }

    .js-scrollable img {
        width: 600px;
        max-width: initial;
        height: auto;
    }
}