.ttl-08 {
    font-size: 24px;
    font-weight: 400;
}

.ttl-09 {
    font-weight: 500;
    font-size: 24px;
    margin-top: 30px;
    border-bottom: 2px solid #047457;
    padding-bottom: 20px;

}

.title-ttl-09 {
    font-weight: 500;
    font-size: 24px;

}

.ttl-10 {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 38px;

}

.ttl-11 {
    font-size: 18px;
    font-weight: 400;
}

.ttl-12 {
    font-weight: 400;
    font-size: 14px;
}

.ttl-13 {
    font-size: 24px;
    font-weight: 500;
    border-bottom: 2px solid #047457;
    padding-bottom: 20px;

}

.all {
    margin-top: 20px;

    display: flex;
    align-items: center;
}

.circle {
    flex: 0 0 25px;
    max-width: 25px;
    width: 25px;
    height: 25px;
    margin-right: 5px;
    position: relative;
}

.circle::before {
    background: #047457;
    width: 22px;
    height: 22px;
    top: 0;
    left: 0;
    z-index: 0;
}

.circle::after {
    background: #FBD100;
    width: 15px;
    height: 15px;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.circle::before,
.circle::after {
    content: '';
    position: absolute;
    border-radius: 40px;
}

h2 {
    background-color: #047457;
    padding: 22px;
    color: #FBD100;
    border-bottom: 3px solid #fef108;
}

.bg-green {
    background-color: #047457;
    color: #fff;
}



.waku-all {
    display: flex;
    align-items: center;
}




.waku-all {
    border: 1px solid #047457;
    width: 80%;
    margin: auto;
    background-color: #fff;
}

.waku-right .box {
    border-left: 1px solid #047457;
}

.waku-right p {
    padding: 15px;
}

.cont .cont-box.mini {
    padding: 16px;
    padding-left: 0;
}


.swiper img,
.swiper1 img,
.swiper2 img,
.swiper3 img,
.swiper4 img {}

.swiper_thumbnail .swiper-slide,
.swiper_thumbnail_1 .swiper-slide,
.swiper_thumbnail_2 .swiper-slide,
.swiper_thumbnail_3 .swiper-slide,
.swiper_thumbnail_4 .swiper-slide {
    cursor: pointer;
}


.swiper.swiper_main,
.swiper.swiper_main_1,
.swiper.swiper_main_2,
.swiper.swiper_main_3,
.swiper.swiper_main_4 {
    border-radius: 10px;
    border: 1px solid;
}

/* .row-slider-area {
    margin-top: 10px;
} */

/* .swiper_thumbnail .swiper-slide-thumb-active {
    outline: 2px solid #000;
    outline-offset: -2px;
} */

.swiper_thumbnail img,
.swiper_thumbnail_1 img,
.swiper_thumbnail_2 img,
.swiper_thumbnail_3 img,
.swiper_thumbnail_4 img {
    vertical-align: bottom;
    border-radius: 10px;
    border: 1px solid;

}

.swiper_thumbnail .swiper-wrapper,
.swiper_thumbnail_1 .swiper-wrapper,
.swiper_thumbnail_2 .swiper-wrapper,
.swiper_thumbnail_3 .swiper-wrapper,
.swiper_thumbnail_4 .swiper-wrapper {
    margin-top: 25px;
}

.swiper_thumbnail .swiper-slide,
.swiper_thumbnail_1 .swiper-slide,
.swiper_thumbnail_2 .swiper-slide,
.swiper_thumbnail_3 .swiper-slide,
.swiper_thumbnail_4 .swiper-slide {
    /* padding: 0 10px; */
    border-radius: 10px;
}

.swiper_thumbnail .swiper-slide-thumb-active .image::before,
.swiper_thumbnail_1 .swiper-slide-thumb-active .image::before,
.swiper_thumbnail_2 .swiper-slide-thumb-active .image::before,
.swiper_thumbnail_3 .swiper-slide-thumb-active .image::before,
.swiper_thumbnail_4 .swiper-slide-thumb-active .image::before {
    content: "";
    display: block;
    background: rgba(4, 116, 87, 0.7);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    opacity: 1;
    transition: all 0.5s ease-out;
    border-radius: 10px;
}


.swiper_thumbnail .swiper-slide-thumb-active .image,
.swiper_thumbnail_1 .swiper-slide-thumb-active .image,
.swiper_thumbnail_2 .swiper-slide-thumb-active .image,
.swiper_thumbnail_3 .swiper-slide-thumb-active .image,
.swiper_thumbnail_4 .swiper-slide-thumb-active .image {
    position: absolute;
    border-radius: 10px;
}

.swiper_thumbnail .swiper-slide-thumb-active .image,
.swiper_thumbnail_1 .swiper-slide-thumb-active .image,
.swiper_thumbnail_2 .swiper-slide-thumb-active .image,
.swiper_thumbnail_3 .swiper-slide-thumb-active .image,
.swiper_thumbnail_4 .swiper-slide-thumb-active .image {
    position: absolute;
    border-radius: 10px;
}

.swiper-slide .image {}


/* table */
table {
    border-collapse: collapse;
    width: 100%;
    margin-top: 10px;
}

th,
td {
    border-left: 1px solid #92c1af;
    border-bottom: 1px solid #92c1af;
    padding: 8px;
    text-align: center;
    background-color: #fff;
    color: #047457;
    padding: 22px;
    text-align: left;
    font-weight: 400;
}

th {
    background-color: white;
    border-top: none;
}

td.column1 {
    background-color: #f1fbf8;
    text-align: left;
}

.row-slider-area .item-text .metabox {
    margin-top: 33px;

}

.row-slider-area .item-text .metabox p {
    line-height: 35px;
    color: #000;

}



.row-slider-area .cont-box.mini {
    display: block;
}

.column1.li-he {
    line-height: 25px;
    padding: 17px;
}

@media screen and (min-width: 768px) {

    .metabox.mt-mb {
        margin-top: 20px;
        margin-bottom: 60px;
        color: #000;
    }

    .waku-all .bg-green {
        padding: 10px;
        text-align: center;
    }

    .ttl-03 {
        margin-bottom: 30px;
    }


    .waku-left {
        max-width: 25%;
        flex: 0 0 25%;

    }

    .waku-right {
        max-width: 75%;
        flex: 0 0 75%;
    }
}

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

    .metabox.mt-mb {
        margin-top: 20px;
        margin-bottom: 20px;
        color: #000;
    }

    .waku-all .bg-green {
        padding: 8px;
        text-align: center;
    }

    .waku-all {
        display: block;
    }

    .swiper_thumbnail .swiper-slide,
    .swiper_thumbnail_1 .swiper-slide,
    .swiper_thumbnail_2 .swiper-slide,
    .swiper_thumbnail_3 .swiper-slide,
    .swiper_thumbnail_4 .swiper-slide {
        padding: 0 3px;
        border-radius: 10px;
    }

    .swiper_thumbnail_1 .swiper-slide-thumb-active .image,
    .swiper_thumbnail_2 .swiper-slide-thumb-active .image,
    .swiper_thumbnail_3 .swiper-slide-thumb-active .image,
    .swiper_thumbnail_4 .swiper-slide-thumb-active .image {
        position: relative;
        border-radius: 10px;
    }

    .waku-all {
        border: 1px solid #047457;
        width: 100%;
        margin: auto;
        background-color: #fff;
    }

    h2 {
        text-align: center;
    }

    .ttl-03 {
        font-size: 20px;
        font-weight: 500;
        margin-bottom: 20px;
        margin-top: 10px;
    }

    .ttl-09 {
        text-align: center;
        font-weight: 500;
        font-size: 20px;
        margin-top: 30px;
        border-bottom: 2px solid #047457;
        padding-bottom: 20px;
    }

    .title-ttl-09 {
        font-weight: 500;
        font-size: 17px;
    }

    .ttl-10 {
        font-size: 20px;
        font-weight: 400;
        margin-bottom: 15px;
    }

    .ttl-13 {
        font-size: 18px;
        font-weight: 500;
        border-bottom: 2px solid #047457;
        padding-bottom: 20px;
    }
}