@charset "UTF-8";
/* CSS Document */
.txt_blue{
        color: #678da6;

}
.lotion_type{
text-align: center;
    background: linear-gradient(0deg, rgb(126 180 219), rgb(176 209 250));
    line-height: 2.5;
    color: #fff;
    font-size: 1.5em;
    margin-top: 30px;
        border-radius: 10px 10px 0 0;
}
.label.blue,.label.yellow,.label.pink{
color: #5da1dc;
    font-size: 14px;
    margin-bottom: 20px;
}
.label.yellow{
        color: #ecc63a;
}
.label.pink{
    color: #ffa1bc;
}
.label.blue span,.label.yellow span,.label.pink span{
background: #5da1dc;
    border-radius: 15px;
    color: #fff;
    padding: 3px 10px;
    margin-right: 5px;
}
.label.yellow span{
        background: #ecc63a;
}

.label.pink span{
    background: #ffa1bc;
}
.sec-feature .feature-point-content {
    margin-top: 0;
    margin-bottom: 80px;
    border: 1px solid #c3daf4;
    padding-top: 10px;
    padding-bottom: 30px;
        padding-right: 20px;
    padding-left: 20px;
    border-radius: 0 0 10px 10px;
        background: #fcfcfc;
    position: relative;
}
.sec-feature .feature-point-content .lotion_title {
    font-size: 20px;
    line-height: 1.5;
    margin-bottom: 10px;
}
.sec-feature .feature-point-content .lotion_title span{
    font-size: 14px;
}
.lotion_box .txt1 {
    font-size: 10px;
    color: #666;
    margin-top: 5px;
}
.sec-feature .feature-point-content .feature-point {
    margin: 15px 0 40px;
    border-bottom: 2px dotted #d6dce2;
    padding-bottom: 20px;
}
.sec-feature .feature-point-content .feature-point:nth-child(3){
    border-bottom: none;
}
.sec-feature .feature-point-content .feature-point:last-child{
    border-bottom: none;
}
.deco{
position: absolute;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
}
@media (min-width: 768px){
    .sec-feature__image .image {
    padding: 60px 80px 0;
}
    sec-feature .feature-point-content .feature-point {
    padding: 0px 20px;
}
    .label.blue,.label.yellow,.label.pink{
    font-size: 14px;
}
.sec-feature .feature-point-content {
    justify-content: center;
    padding-top: 30px;
}
    .label.blue, .label.yellow, .label.pink {
    font-size: 16px;
}
    .sec-feature .feature-point-content .feature-point {
   
    padding: 0px 30px;
    border-right: 2px dotted #d6dce2;
            box-sizing: border-box;
        border-bottom: none;
}
    .sec-feature .feature-point-content .feature-point:nth-child(3) {
    border-right: none;
}
    .feature-point-content .feature-point:last-child{
        border-right: none;
    }
    .sec-feature .feature-point-content {
    width: 100%;
    margin: 0 auto;
        position: relative;
    }
    .deco{
            bottom: -140px;
        
    }
}