@charset "utf-8";
.title_bg_gradient {
    min-width: 543px;
}
.sec_about {
    padding: 90px 0 100px;
    text-align: center;
}
.sec_about .inner {
    max-width: 1065px;
}
.sec_about .title_bg_gradient {
    margin-bottom: 90px;
}
.list_about {
    gap: 90px 45px;
}
.list_about li {
    width: 22%;
    max-width: 230px;
}
.list_about li img {
    width: 90%;
    max-width: 205px;
    margin: 0 auto 20px;
}
.list_about li .title_xs,
.list_about li .text_lg {
    font-weight: 500;
    color: var(--sub31-color);
}

.sec_features {
    text-align: center;
    padding-bottom: 170px;
}
.sec_features .inner {
    max-width: 1240px;
}
.sec_features .title_bg_gradient {
    margin-bottom: 60px;
}
.list_tags {
    gap: 30px 20px;
    justify-content: center;
    margin-bottom: 100px;
}
.tag_bg {
    display: inline-block;
    font-size: 26px;
    color: var(--sub3-color);
    line-height: 1.5;
    background: var(--sub32-color);
    padding: 6px 23px;
}
.features_content {
    text-align: left;
}
.features_wrap {
    margin-bottom: 70px;
}
.features_wrap:last-child {
    margin-bottom: 0;
}
.features_wrap .tag_bg {
    margin-bottom: 40px;
}
.features_box .img_features {
    width: 30%;
    max-width: 380px;
    margin-right: 30px;
}
.features_info {
    width: 65%;
}
.features_wrap .text_lg .color-green {
    font-weight: 700;
    color: var(--sub33-color);
}
.sec_contact {
	background: var(--sub30-color);
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
	.title_bg_gradient {
        min-width: 45.288vw;
    }
    .sec_about {
        padding: 7.506vw 0 8.340vw;
    }
    .sec_about .title_bg_gradient {
        margin-bottom: 7.506vw;
    }
    .list_about {
        gap: 7.506vw 3.753vw;
    }
    .list_about li img {
        margin-bottom: 1.668vw;
    }

    .sec_features {
        padding-bottom: 14.178vw;
    }
    .sec_features .title_bg_gradient {
        margin-bottom: 5.004vw;
    }
    .list_tags {
        gap: 2.502vw 1.668vw;
        margin-bottom: 8.340vw;
    }
    .tag_bg {
        font-size: 2.168vw;
        padding: 0.500vw 1.918vw;
    }
    .features_wrap {
        margin-bottom: 5.838vw;
    }
    .features_wrap .tag_bg {
        margin-bottom: 3.336vw;
    }
    .features_box .img_features {
        margin-right: 2.502vw;
    }
}

@media only screen and (max-width: 767px) {
    .main_mv .mv_content{
        height: 4.5rem;
    }
    .main_mv .mv_content img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
	.title_bg_gradient {
        min-width: auto;
        width: 100%;
    }
    .sec_about {
        padding: 0.90rem 0 1.00rem;
    }
    .sec_about .inner {
        max-width: 100%;
    }
    .sec_about .title_bg_gradient {
        margin-bottom: 0.90rem;
    }
    .list_about {
        gap: 0.90rem 0.20rem;
    }
    .list_about li {
        width: 32%;
        max-width: 2.20rem;
    }
    .list_about li img {
        width: 90%;
        max-width: 100%;
        margin-bottom: 0.20rem;
    }

    .sec_features {
        padding-bottom: 1.70rem;
    }
    .sec_features .inner {
        max-width: 100%;
    }
    .sec_features .title_bg_gradient {
        margin-bottom: 0.60rem;
    }
    .list_tags {
        gap: 0.30rem 0.20rem;
        margin-bottom: 1.00rem;
    }

    .list_tags li{
        width: 100%;
    }

    .tag_bg {
        width: 100%;
        font-size: 0.34rem;
        padding: 0.10rem 0.30rem;
    }
    .features_wrap {
        margin-bottom: 0.70rem;
    }
    .features_wrap .tag_bg {
        margin-bottom: 0.40rem;
    }
    .features_box .img_features {
        width: 100%;
        max-width: 100%;
        margin: 0 0 0.30rem 0;
    }
    .features_info {
        width: 100%;
    }
    .features_wrap .text_lg .color-green {
        font-size: 0.28rem;
    }
}