@charset "utf-8";
.vege{
    width: 86px;
}@media screen and (min-width:420px) {
    .vege{
        width: 120px;
   }
}

.contents-block-second-img img{
    width: 56%;
}@media screen and (min-width:420px) {
    .contents-block-second-img img{
        width: 52%;
   }
}


.contents-block-second1{
    position: absolute;
    top: 7%;
}@media screen and (min-width:420px) {
    .contents-block-second1{
        top: 6%;
    }
}

/* .icon-c1{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #1D1D1F;
    top: 58px;
    left: -71px;
}@media screen and (min-width:480px) {
    .icon-c1{
        top: 87px;
        left: -107px;
    }
}@media screen and (min-width:600px) {
    .icon-c1{
        top: 96px;
        left: -145px;
    }
} */
.icon-b1-1{
    position: absolute;
    border: 0.5px solid #1D1D1F;
    width: 36px;
    transform: rotate(135deg);
    top: 51px;
    left: -98px;
}@media screen and (min-width:420px) {
    .icon-b1-1{
        width: 50px;
        top: 62px;
        left: -96px;
    }
}

.icon-b1-2{
    position: absolute;
    border: 0.5px solid #1D1D1F;
    width: 42px;
    transform: rotate(0deg);
    top: 38px;
    left: -67px;
}@media screen and (min-width:420px) {
    .icon-b1-2{
        width: 28px;
        top: 44px;
        left: -52px;
    }
}

/* テキストカラーグラデーション */
.contents-title-2 span{
    background: linear-gradient(to left, #008044, #a8d3be);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.contents-title{
    position: relative;
    padding-left: 8px;
}

.contents-title:before{
    position: absolute;
    content: '';
    left: 50%;
    bottom: -10px;
    width: 0px;
    /* height: 46px; */
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 2px;
    border-bottom: 2px solid;
    border-image: linear-gradient(to left, #008044, #a8d3be);
    border-image-slice: 1;
    animation: border_anim 0.2s linear forwards;
    animation-delay:1s;
}
@keyframes border_anim {
	0%{
		width: 0;
	}
	100%{
		width: 312px;
	}
}

.contents-block-second2{
    position: absolute;
    top: 39%;
}@media screen and (min-width:420px) {
    .contents-block-second2{
        top: 43%;
    }
}

/* .icon-c2{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #1D1D1F;
    top: 46px;
    left: -51px;
}@media screen and (min-width:480px) {
    .icon-c2{
        top: 63px;
        left: -73px;
    }
}@media screen and (min-width:600px) {
    .icon-c2{
        top: 72px;
        left: -97px;
    }
} */
.icon-b2-1{
    position: absolute;
    border: 0.5px solid #1D1D1F;
    width: 16px;
    transform: rotate(135deg);
    top: 44px;
    left: -98px;
}@media screen and (min-width:420px) {
    .icon-b2-1{
        width: 36px;
        top: 56px;
        left: -100px;
    }
}

.icon-b2-2{
    position: absolute;
    border: 0.5px solid #1D1D1F;
    width: 60px;
    transform: rotate(0deg);
    top: 38px;
    left: -84px;
}@media screen and (min-width:420px) {
    .icon-b2-2{
        width: 46px;
        top: 43px;
        left: -68px;
    }
}

.contents-block-second3{
    position: absolute;
    top: 71%;
}@media screen and (min-width:420px) {
    .contents-block-second3{
        top: 79%;
    }
}

/* .icon-c3{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #1D1D1F;
    top: 18px;
    left: -51px;
}@media screen and (min-width:480px) {
    .icon-c3{
        top: 11px;
        left: -74px;
    }
}@media screen and (min-width:600px) {
    .icon-c3{
        top: 20px;
        left: -73px;
    }
} */
.icon-b3-1{
    position: absolute;
    border: 0.5px solid #1D1D1F;
    width: 16px;
    transform: rotate(45deg);
    top: 32px;
    left: -92px;
}@media screen and (min-width:420px) {
    .icon-b3-1{
        width: 30px;
        top: 32px;
        left: -76px;
    }
}
.icon-b3-2{
    position: absolute;
    border: 0.5px solid #1D1D1F;
    width: 56px;
    transform: rotate(0deg);
    top: 38px;
    left: -78px;
}@media screen and (min-width:420px) {
    .icon-b3-2{
        width: 24px;
        top: 43px;
        left: -50px;
    }
}

.contents-block-second1, .contents-block-second2, .contents-block-second3{
    right: 10%;
}@media screen and (min-width:420px) {
    .contents-block-second1, .contents-block-second2, .contents-block-second3{
        right: 12%;
    }
}

.contents-block-product-link_bt{
    font-size: 17px;
    font-weight: 400;
    text-align: center;
    letter-spacing: 0em;
    background-color: #2C893A;
    border-radius: 28px;
    width: 100px;
    color: #ffffff;
    padding: 8px 8px;
    margin: 32px auto;
}

.contents-block-lifestyle {
    margin: 56px auto 96px!important
}