@charset "utf-8";
/* CSS Document
  by Duc Nguyen (ドク)
*/
.dv_h2 {
    position: relative;
}

    .dv_h2 a {
        position: absolute;
        top: 52%;
        left: 23%;
        width: 49%;
        height: 47%;
        text-indent: -99999px;
    }

.product li {
    float: left;
    width: 49%;
    border: 1px solid #efefef;
    margin-bottom: 15px;
}

    .product li:nth-child(2n+2) {
        float: right;
    }

    .product li a img {
        width: 80%;
        margin-top: 10px;
    }

    .product li .pd2 p {
        margin: 10px 0;
        font-size: 13px;
    }

.product h5 {
    padding: 2%;
    background: #e2f8cd;
    text-align: left;
}

.dv_sv {
    background: url(../images/br.png) no-repeat center bottom;
    background-size: cover;
    padding: 4%;
   /*  margin-top: 20px; */
   margin-bottom: 20px;
}

    .dv_sv p.text {
        font-weight: bold;
        margin: 10px 0;
    }

.h3_news {
    position: relative;
    margin-bottom: 0;
}

    .h3_news a {
        position: absolute;
        top: 19%;
        left: 83%;
        width: 16%;
        height: 65%;
        text-indent: -9999px;
    }

.content_news {
    padding: 3%;
    border: 1px solid #dadada;
}

    .content_news dl {
        padding: 10px;
        border-bottom: 1px solid #dadada;
    }

    .content_news dt {
        color: #5fb730;
        margin-bottom: 5px;
    }

    .content_news dd a {
        color: #333;
    }

.box_face {
    margin: 20px 0;
    text-align: center;
}

.dv_news {
    max-width: 340px;
    margin: 0 auto;
}

.img_pr {
    display: table;
    width: 100%;
    height: 120px;
    border-bottom: 1px solid #efefef;
}

    .img_pr p {
        display: table-cell;
        width: 100%;
        vertical-align: middle;
        text-align: center;
    }

        .img_pr p img {
            max-width: 100%;
            max-height: 120px;
        }

.youtube {
	width: 100%;
    aspect-ratio: 16 / 9;
    margin-bottom: 20px;
}
.youtube iframe {
    object-fit: contain;
    width: 100%;
    height: 100%;
}


aside.sns {
    margin-top: 5%;
}
aside.sns * {
    box-sizing: border-box;
}
.sns-lst__items {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.sns-lst__head {
    width: 100%;
    font-size: 1.5em;
    font-weight: bold;
    text-align: center;
    color: #5fb730;
}
.sns-lst__desc {
    padding: 15px;
}
.sns-lst__desc a {
    display: block;
}