@charset "utf-8";
.ga{
    width: 54px;
}@media screen and (min-width:420px) {
    .rfone{
        width: 56px;
   }
}


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

.contents-block-second1{
    position: absolute;
    top: 3%;
}@media screen and (min-width:420px) {
    .contents-block-second1{
        top: 2%;
    }
}
/* .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: -71px;
}@media screen and (min-width:420px) {
    .icon-b1-1{
        width: 68px;
        top: 68px;
        left: -110px;
    }
}
.icon-b1-2{
    position: absolute;
    border: 0.5px solid #1D1D1F;
    width: 24px;
    transform: rotate(0deg);
    top: 38px;
    left: -40px;
}@media screen and (min-width:420px) {
    .icon-b1-2{
        width: 36px;
        top: 44px;
        left: -52px;
    }
}

/* テキストカラーグラデーション */
.contents-title-2 span{
    background: linear-gradient(to left, #490909, #c12f2e);
    -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, #490909, #c12f2e);
    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: 38%;
}@media screen and (min-width:420px) {
    .contents-block-second2{
        top: 40%;
    }
}
/* .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: -47px;
}@media screen and (min-width:420px) {
    .icon-b2-1{
        width: 36px;
        top: 56px;
        left: -73px;
    }
}
.icon-b2-2{
    position: absolute;
    border: 0.5px solid #1D1D1F;
    width: 16px;
    transform: rotate(0deg);
    top: 38px;
    left: -32px;
}@media screen and (min-width:420px) {
    .icon-b2-2{
        width: 24px;
        top: 43px;
        left: -42px;
    }
}



.contents-block-second3{
    position: absolute;
    top: 74%;
}@media screen and (min-width:420px) {
    .contents-block-second3{
        top: 78%;
    }
}
/* .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: -46px;
}@media screen and (min-width:420px) {
    .icon-b3-1{
        width: 36px;
        top: 30px;
        left: -73px;
    }
}
.icon-b3-2{
    position: absolute;
    border: 0.5px solid #1D1D1F;
    width: 16px;
    transform: rotate(0deg);
    top: 38px;
    left: -32px;
}@media screen and (min-width:420px) {
    .icon-b3-2{
        width: 24px;
        top: 43px;
        left: -42px;
    }
}

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


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