@charset "UTF-8";

.block01 figure {
    margin-bottom: 0;
}

h4 .qtnet {
    width: 87px;
}

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

.bbiq-flex .item-left {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 65%;
}

.bbiq-flex .item-left figure {
    width: 48%;
}

.bbiq-flex .item-left .bbiq-text {
    width: 48%;
}

.bbiq-flex .item-right {
    width: 31%;
}

.bbiq-text {
    font-size: 14px;
}

.bbiq-text li {
    text-indent: -1em;
    padding-left: 1em;
}

.bbiq-text li:nth-of-type(n+1) {
    margin-bottom: 10px;
}

.block01 figure.life04 {
    margin-bottom: 10px;
}

.net-flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 20px;
}

.net-flex .item-left {
    width: 38%;
}

.net-flex .item-right {
    width: 58%;
}

.net-text {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.net-text li {
    width: calc((100% - 9.99%) / 4);
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 1.6;
    text-align: center;
    background: #eaeaea;
    padding: 10px 0;
    margin-top: 20px;
}

.block01 .life05 {
    margin-top: 40px;
}

.panasonic-Area {
    margin: 100px auto 0;
}

h4 .panasonic {
    width: 124px;
}

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

.pana-box .item-left {
    width: 32%;
}

.pana-box .item-right {
    width: 64%;
}

.block01 .life07 {
    margin-bottom: 10px;
}

.life-flex01 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.life-flex01 p {
    width: 74%;
}

.life-flex01 figure {
    width: 22%;
}

.postaku-Area {
    margin: 100px auto 0;
}

h4 .postaku {
    width: 124px;
}

.life-flex02 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.life-flex02 .txt {
    width: 48%;
}

.life-flex02 figure {
    width: 48%;
}

.block01 .life14,
.block01 .life15 {
    margin-top: 20px;
}

.other-item figure {
    margin-bottom: 20px;
}

.spasa-box {
    background-image: -moz-linear-gradient(0deg, rgba(19, 102, 173, 0.99608) 0%, rgb(0, 150, 216) 100%);
    background-image: -webkit-linear-gradient(0deg, rgba(19, 102, 173, 0.99608) 0%, rgb(0, 150, 216) 100%);
    background-image: -ms-linear-gradient(0deg, rgba(19, 102, 173, 0.99608) 0%, rgb(0, 150, 216) 100%);
    padding: 30px 30px;
}

.spasa-flex {
    justify-content: space-between;
    margin-bottom: 30px;
}

.spasa-flex .spasa {
    width: 228px;
}

.spasa-ttl {
    font-size: 24px;
    color: #fff;
    margin-bottom: 10px;
}

.spasa-text {
    font-size: 16px;
    color: #fff;
}

.spasa-flex02 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.spasa-flex02 .spasa-text {
    width: 38%;
}

.spasa-flex02 .spasa-text li {
    font-size: 18px;
    text-align: center;
    border: 1px solid #fff;
    padding: 10px 0;
}

.spasa-flex02 .spasa-text li:nth-of-type(n+2) {
    margin-top: 20px;
}

.spasa-flex02 figure {
    width: 58%;
}

.block01 .life27 {
    width: 60%;
    margin: 20px auto 0;
}

.block01 .life28 {
    margin: 20px auto 0;
}

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

.smooth-flex li {
    width: calc((100% - 6.66%) / 3);
    background: #6caeca;
    padding: 15px 0;
}

.smooth-flex li:nth-of-type(n+4) {
    margin-top: 20px;
}

.smooth-flex li .smooth-ttl {
    font-size: 18px;
    color: #fff33f;
    text-align: center;
}

.smooth-flex li .smooth-text {
    font-size: 14px;
    color: #fff;
    text-align: center;
}

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

.manage li.manage-text {
    width: 64%;
    margin-top: 30px;
}

.manage li.manage-illust {
    width: 32%;
}

.manage li div:nth-of-type(n+2) {
    margin-top: 15px;
}

.manage li div .m-ttl {
    font-size: 18px;
    color: #036eb8;
}

.tab_only {
    display: none;
}

.tab_sp {
    display: none;
}

p.txt.no-br {
    word-break: break-all;
}


/*---------------------------
tab
---------------------------*/
@media only screen and (max-width: 1180px) {
    .tab_only {
        display: block;
    }

    .tab_sp {
        display: block;
    }
}

/*---------------------------
sp
---------------------------*/
@media only screen and (max-width: 820px) {

    .tab_only {
        display: none;
    }

    h4 .qtnet {
        width: 60px;
    }

    .bbiq-flex .item-left {
        width: 100%;
    }

    .bbiq-flex .item-right {
        width: 100%;
    }

    .bbiq-flex .item-left figure {
        width: 100%;
    }

    .bbiq-flex .item-left .bbiq-text {
        width: 100%;
        margin-top: 20px;
    }

    .net-flex .item-left {
        width: 100%;
    }

    .net-flex .item-right {
        width: 100%;
    }

    .block01 .life04 {
        margin: 20px auto 10px;
    }

    .net-text li {
        width: 48%;
        font-size: 12px;
        padding: 10px 10px;
    }

    .net-text li:nth-of-type(n+3) {
        margin-top: 10px;
    }

    .block01 .life05 {
        margin-top: 20px;
    }

    .panasonic-Area {
        margin: 40px auto 0;
    }

    h4 .panasonic {
        margin-left: 5px;
    }

    .pana-box .item-left {
        width: 100%;
    }

    .pana-box .item-right {
        width: 100%;
    }

    .life-flex01 p {
        width: 100%;
    }

    .life-flex01 figure {
        width: 50%;
        margin: 20px auto 0
    }

    .delivery li:nth-of-type(1) {
        margin-bottom: 40px;
    }

    .postaku-Area {
        margin: 40px auto 0;
    }

    .life-flex02 .txt {
        width: 100%;
    }

    .life-flex02 figure {
        width: 100%;
        margin-top: 20px;
    }

    .ele-park li:nth-of-type(1) {
        margin-bottom: 20px;
    }

    .spasa-box {
        padding: 20px 20px;
    }

    .spasa-flex {
        flex-wrap: wrap;
    }

    .spasa-ttl {
        font-size: 18px;
    }

    .spasa-text {
        font-size: 14px;
    }

    .spasa-flex .spasa {
        width: 70%;
        margin: 20px auto 0;
    }

    .spasa-flex02 .spasa-text {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 100%;
        padding: 5px 0;
    }

    .spasa-flex02 .spasa-text li {
        width: 48%;
        font-size: 13px;
    }

    .spasa-flex02 .spasa-text li:nth-of-type(n+2) {
        margin-top: 0;
    }

    .spasa-flex02 .spasa-text li:nth-of-type(n+3) {
        margin-top: 8px;
    }

    .spasa-flex02 figure {
        width: 100%;
        margin-top: 20px;
    }

    .smooth li:nth-of-type(1) {
        order: 2;
        margin-top: 20px;
    }

    .smooth li:nth-of-type(2) {
        order: 1;
    }

    .smooth-flex li {
        width: 100%;
    }

    .smooth-flex li:nth-of-type(n+2) {
        margin-top: 10px;
    }

    .manage li.manage-text {
        width: 100%;
    }

    .manage li div .m-ttl {
        font-size: 16px;
    }

    .manage li.manage-illust {
        width: 100%;
        margin-top: 20px;
    }
}