@charset "utf-8";
/* ------------------------------ */
/* 共通 */
/* ------------------------------ */
@import url('https://fonts.googleapis.com/css2?family=Smooch&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');
.sp_bl{
    display: none;
}
.sp_no{
    display: block;
}
.sp_in_no{
    display: inline-block;
}
@media screen and (max-width: 768px) {
    .sp_bl {
        display: block;
    }
    .sp_no {
        display: none;
    }
    .sp_in_no{
        display: none;
    }
}
/* ------------------------------ */
/* フロー */
/* ------------------------------ */
.flow__main .hd_txtBox p{
    text-align: center;
    margin-top: 0.8em;
    line-height: 1.5;
    font-size: calc(16 / 1440 * 100vw);
}
@media screen and (max-width: 768px) {
    .flow__main .hd_txtBox{
        margin-top: 10vw;
    }
    .flow__main .hd_txtBox p{
        font-size: 3.2vw;
    }
}
.flow__main .flow__items{
    background-color: #F0F1F5;
    margin-top: calc(60 / 1440 * 100vw);
    padding: calc(40 / 1440 * 100vw) calc(80 / 1440 * 100vw) calc(100 / 1440 * 100vw) calc(120 / 1440 * 100vw);
}
@media screen and (max-width: 768px) {
    .flow__main .flow__items{
        margin-top: 10vw;
        padding: 8vw 5vw 8vw 10vw;
    }
}
.flow__main .flow__items .item{
    position: relative;
    display: flex;
    align-items: flex-end;
    margin-top: calc(36 / 1440 * 100vw);
}
.flow__main .flow__items .item:first-child{
    margin-top: 0;
}
@media screen and (max-width: 768px) {
    .flow__main .flow__items .item{
        display: block;
        margin-top: 8vw;
    }
}
.flow__main .flow__items .af_item{
    position: absolute;
    top: 52%;
    left: -5vw;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-size: calc(20 / 1440 * 100vw);
    letter-spacing: 0.4em;
    white-space: nowrap;
}
@media screen and (max-width: 768px) {
    .flow__main .flow__items .af_item{
        position: absolute;
        top: 70vw;
        left: -8vw;
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
        font-size: 3vw;
        letter-spacing: 0.4em;
        white-space: nowrap;
    }
}
.flow__main .flow__items .af_item-2{
    color: #DA0000;
}
.flow__main .flow__items .item::before{
    display: block;
    content: "";
    background-color: #000;
    width: calc(14 / 1440 * 100vw);
    height: calc(14 / 1440 * 100vw);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -3vw;
    border-radius: 50%;
}
@media screen and (max-width: 768px) {
    .flow__main .flow__items .item::before{
        width: 3vw;
        height: 3vw;
        position: absolute;
        top: 64vw;
        transform: translateY(0);
        left: -5vw;
        border-radius: 50%;
    }
}
.flow__main .flow__items .item::after{
    display: block;
    content: "";
    background-color: #000;
    width: calc(1 / 1440 * 100vw);
    height: calc(100% + (36 / 1440 * 100vw));
    position: absolute;
    top: 50%;
    left: -2.55vw;
}
@media screen and (max-width: 768px) {
    .flow__main .flow__items .item::after{
        display: block;
        content: "";
        background-color: #000;
        width: 0.5vw;
        height: calc(100% + 8vw);
        position: absolute;
        top: 64vw;
        left: -3.68vw;
    }
}
.flow__main .flow__items .item:last-child::after{
    display: none;
}
.flow__main .flow__items .item:nth-child(n+8):before{
    background-color: #DA0000;
}
.flow__main .flow__items .item:nth-child(n+8):after{
    background-color: #DA0000;
}
.flow__main .flow__items .item .imgBox{
    position: relative;
    width: calc(665 / 1440 * 100vw);
}
@media screen and (max-width: 768px) {
    .flow__main .flow__items .item .imgBox{
        width: 100%;
    }
}
.flow__main .flow__items .item .imgBox .ttlBox{
    position: absolute;
    left: 0;
    bottom: calc(24 / 1440 * 100vw);
}
@media screen and (max-width: 768px) {
    .flow__main .flow__items .item .imgBox .ttlBox{
        position: relative;
        display: inline-flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        left: 0;
        bottom: auto;
    }
}
.flow__main .flow__items .item .imgBox .ttlBox .step{
    display: inline-block;
    background-color: #222222;
    color: #fff;
    padding: calc(18 / 1440 * 100vw) calc(24 / 1440 * 100vw) calc(18 / 1440 * 100vw) calc(32 / 1440 * 100vw);
    min-width: calc(410 / 1440 * 100vw);
}
@media screen and (max-width: 768px) {
    .flow__main .flow__items .item .imgBox .ttlBox .step{
        padding: 1.6vw 2.4vw;
        min-width: 48vw;
    }
}
.flow__main .flow__items .item .imgBox .ttlBox .step .num{
    font-style: italic;
    letter-spacing: 0;
    font-size: calc(24 / 1440 * 100vw);
    line-height: 1;
}
@media screen and (max-width: 768px) {
    .flow__main .flow__items .item .imgBox .ttlBox .step .num{
        font-size: 3.2vw;
    }
}
.flow__main .flow__items .item .imgBox .ttlBox .step .step_txt{
    font-size: calc(24 / 1440 * 100vw);
    line-height: 1;
    margin-left: 1em;
}
@media screen and (max-width: 768px) {
    .flow__main .flow__items .item .imgBox .ttlBox .step .step_txt{
        font-size: 3.2vw;
        line-height: 1;
        margin-left: 1em;
    }
}
.flow__main .flow__items .item .imgBox .ttlBox h2{
    display: inline-block;
    background-color: #fff;
    font-size: 2vw;
    letter-spacing: 0;
    padding: calc(18 / 1440 * 100vw) calc(32 / 1440 * 100vw) calc(18 / 1440 * 100vw) calc(32 / 1440 * 100vw);
    border-radius: 0 100vw 100vw 0;
    min-width: 35vw;
    white-space: nowrap;
}
@media screen and (max-width: 768px) {
    .flow__main .flow__items .item .imgBox .ttlBox h2{
        font-size: 3.8vw;
        padding: 2.4vw 2.4vw;
        min-width: 70vw;
    }
}
@media screen and (max-width: 768px) {
    .flow__main .flow__items .item .imgBox img{
        display: block;
        margin-top: -5vw;
    }
}
.flow__main .flow__items .item .txtBox{
    background-color: #fff;
    padding: calc(54 / 1440 * 100vw) calc(16 / 1440 * 100vw) 0 calc(30 / 1440 * 100vw);
    height: calc(330 / 1440 * 100vw);
    width: calc(420 / 1440 * 100vw);
}
@media screen and (max-width: 768px) {
    .flow__main .flow__items .item .txtBox{
        padding: 7vw 5vw;
        height: auto;
        width: 100%;
    }
}
.flow__main .flow__items .item .txtBox p{
    font-size: calc(15 / 1440 * 100vw);
    line-height: 2;
    margin-top: 2em;
    letter-spacing: 0;
}
@media screen and (max-width: 768px) {
    .flow__main .flow__items .item .txtBox p{
        font-size: 3.2vw;
        margin-top: 1.5em;
    }
}
.flow__main .flow__items .item .txtBox p:first-child{
    margin: 0;
}
.btn_1{
    display: inline-flex;
    align-items: center;
    border: 1px solid #000;
    font-size: calc(12 / 1440 * 100vw);
    line-height: 1;
    padding: 1em 1.2em;
    gap: 0.5em;
    box-shadow: calc(3 / 1440 * 100vw) calc(3 / 1440 * 100vw) 0px 0px rgba(0, 0, 0, 1);
    margin-top: calc(40 / 1440 * 100vw);
}
.btn_1::before{
    display: block;
    content: "";
    width: calc(15 / 1440 * 100vw);
    height: calc(17 / 1440 * 100vw);
    background-image: url(../img/flow/icon_item.svg);
    background-repeat: no-repeat;
    background-size: contain;
}
@media screen and (max-width: 768px) {
    .btn_1{
        font-size: 3.2vw;
        padding: 1em 1.2em;
        box-shadow: 1vw 1vw 0px 0px rgba(0, 0, 0, 1);
        margin-top: 4vw;
    }
    .btn_1::before{
        width: 3.2vw;
        height: 3.2vw;
    }
}
/* ------------------------------ */
/* 会社概要 */
/* ------------------------------ */
.company__fv h1{
    font-size: 2.7vw;
}
@media screen and (max-width: 768px) {
    .company__fv{
        padding: 0 5vw;
    }
    .company__fv h1{
        display: none;
    }
}
.company__fv .content{
    position: relative;
}

.company__fv .content img{
    margin-top: calc(50 / 1440 * 100vw);
}
@media screen and (max-width: 768px) {
    .company__fv .content img{
        margin-top: 5vw;
    }
}
.company__fv .content .txtBox{
    position: absolute;
    bottom: 2.4vw;
    left: 5vw;
    color: #fff;
}
@media screen and (max-width: 768px) {
    .company__fv .content .txtBox{
        bottom: 5vw;
    }
}
.company__fv .content .txtBox h2{
    font-size: calc(12 / 1440 * 100vw);
}
@media screen and (max-width: 768px) {
    .company__fv .content .txtBox h2{
        font-size: 3.2vw;
    }
}
.company__fv .content .txtBox ul{
    display: flex;
    flex-direction: column;
    gap: 0.4em;
    font-size: calc(14 / 1440 * 100vw);
    margin-top: 1vw;
}
@media screen and (max-width: 768px) {
    .company__fv .content .txtBox ul{
        font-size: 3.2vw;
        margin-top: 3vw;
    }
}
.company__fv .content .txtBox ul li .num{
    font-family: "Smooch", cursive;
    font-weight: 400;
    font-style: normal;
    font-size: calc(17 / 1440 * 100vw);
    margin-right: 0.2em;
    letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
    .company__fv .content .txtBox ul li .num{
        font-size: 3.8vw;
    }
}
.company__main{
    padding: calc(85 / 1440 * 100vw);
}
@media screen and (max-width: 768px) {
    .company__main{
        padding: 2.5vw 5vw 10vw;
    }
}
.company__main .item{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: calc(50 / 1440 * 100vw);
    gap: calc(16 / 1440 * 100vw);
}
@media screen and (max-width: 768px) {
    .company__main .item{
        flex-direction: column;
        margin-top: 4vw;
        gap: calc(16 / 1440 * 100vw);
    }
}
.company__main .item:first-child{
    margin-top: 0;
}
.company__main .item .txtBox{
    width: calc(466 / 1440 * 100vw);
    font-size: calc(16 / 1440 * 100vw);
    letter-spacing: 0;
    line-height: 2;
}
@media screen and (max-width: 768px) {
    .company__main .item .txtBox{
        width: 100%;
        font-size: 3.6vw;
    }
}
.company__main .item .txtBox p{
    margin-top: 1em;
}
.company__main .item .txtBox p:first-child{
    margin-top: 0;
}
.company__main .item .txtBox p.pc_ct-1{
    margin-top: 0;
}
@media screen and (max-width: 768px) {
    .company__main .item .txtBox p{
        margin-top: 1em;
        padding: 0 5vw;
    }
    .company__main .item .txtBox p:first-child{
        margin-top: 2em;
    }
    .company__main .item .txtBox p.pc_ct-1{
        margin-top: 1em;
    }
}
.company__main .item .txtBox p.pc_ct-2{
    text-align: right;
}
.company__main .item .imgBox{
    position: relative;
    width: calc(520 / 1440 * 100vw);
    z-index: 0;
}
.company__main .item .imgBox::before{
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    z-index: -1;
    background-color: #D2D8D9;
    position: absolute;
    bottom: calc(16 / 1440 * 100vw);
    left: calc(16 / 1440 * 100vw);
}
.company__main .item:nth-child(even) .imgBox::before{
    bottom: auto;
    left: auto;
    top: calc(16 / 1440 * 100vw);
    right: calc(16 / 1440 * 100vw);
}
@media screen and (max-width: 768px) {
    .company__main .item .imgBox{
        position: relative;
        width: 100%;
        margin: 7.5vw 0;
    }
    .company__main .item .imgBox::before{
        display: block;
        content: "";
        width: 100%;
        height: 100%;
        z-index: -1;
        background-color: #D2D8D9;
        position: absolute;
        bottom: 2.5vw;
        left: 2.5vw;
    }
    .company__main .item:nth-child(even) .imgBox::before{
        bottom: auto;
        left: auto;
        top: 2.5vw;
        right: 2.5vw;
    }
    .company__main .item .txtBox .imgBox{
        margin: 10vw 0;
    }
}
.company__main .item .imgBox img{
    width: 100%;
}
.company__main .item:nth-child(even) .txtBox{
    order: 2;
}
.company__main .item:nth-child(even) .imgBox{
    order: 1;
}
.company__info{
    background-color: #D2D8D9;
    padding: calc(125 / 1440 * 100vw);
}
@media screen and (max-width: 768px) {
    .company__info{
        background-color: #D2D8D9;
        padding: 10vw 5vw;
    }
}
.company__info hgroup{
    text-align: center;
}
.company__info hgroup h2{
    font-family: mono45-headline, monospace;
    font-weight: 500;
    font-style: normal;
    font-size: calc(50 / 1440 * 100vw);
    line-height: 1;
}
.company__info hgroup p{
    font-size: calc(20 / 1440 * 100vw);
    margin-top: 0.5em;
    line-height: 1;
}
@media screen and (max-width: 768px) {
    .company__info hgroup h2{
        font-size: 8vw;
    }
    .company__info hgroup p{
        font-size: 3.6vw;
    }
}
.company__info .company__list{
    background-color: #fff;
    margin-top: calc(40 / 1440 * 100vw);
}
@media screen and (max-width: 768px) {
    .company__info .company__list{
        margin-top: 5vw;
    }
}
.company__info .company__list dl{
    display: flex;
    padding: calc(24 / 1440 * 100vw) calc(50 / 1440 * 100vw);
    border: 1px solid #EFEFEF;
    font-size: calc(16 / 1440 * 100vw);
    line-height: 2.5;
}
.company__info .company__list dl dt{
    width: calc(185 / 1440 * 100vw);
}
.company__info .company__list dl dd{
    flex: 1;
}
@media screen and (max-width: 768px) {
    .company__info .company__list dl{
        padding: 5vw 1vw 5vw 5vw;
        font-size: 3.6vw;
    }
    .company__info .company__list dl dt{
        width: 24vw;
    }
}

/* ------------------------------ */
/* 保証アフターサービス 機能 品質 性能  */
/* ------------------------------ */
.point__fv .imgBox{
    position: relative;
}
.point__fv .imgBox img{
    width: 100%;
}
.point__fv .imgBox hgroup{
    position: absolute;
    left: 5vw;
    top: 2.5vw;
    color: #fff;
}
.point__fv .imgBox hgroup h1{
    font-family: mono45-headline, monospace;
    font-weight: 500;
    font-style: normal;
    font-size: calc(80 / 1440 * 100vw);
    line-height: 1;
}
.point__fv .imgBox hgroup p{
    font-size: calc(24 / 1440 * 100vw);
    line-height: 1;
    margin-top: 0.4em;
}
@media screen and (max-width: 768px) {
    .point__fv .imgBox hgroup{
        top: 5vw;
    }
    .point__fv .imgBox hgroup h1{
        font-size: 7.2vw;
    }
    .point__fv .imgBox hgroup p{
        font-size: 3.2vw;
    }
}
.point__fv .txtBox{
    position: relative;
    width: calc(1046 / 1440 * 100vw);
    background-color: #fff;
    border-radius: calc(10 / 1440 * 100vw);
    margin: calc(50 / 1440 * -100vw) auto 0;
    padding: calc(50 / 1440 * 100vw);
    text-align: center;
    box-shadow: 0 calc(4 / 1440 * 100vw) calc(8 / 1440 * 100vw) 0 rgba(0, 0, 0, 0.1);
}
.point__fv .txtBox h2{
    font-size: calc(24 / 1440 * 100vw);
}
.point__fv .txtBox p{
    font-size: calc(16 / 1440 * 100vw);
    margin-top: 2em;
}
.point__fv .txtBox p.ct-1{
    margin-top: 0;
}
@media screen and (max-width: 768px) {
    .point__fv .txtBox{
        width: 90vw;
        border-radius: 2vw;
        margin: -5vw auto 0;
        padding: 8vw 3vw;
        box-shadow: 0 1vw 2vw 0 rgba(0, 0, 0, 0.1);
    }
    .point__fv .txtBox h2{
        font-size: 3.4vw;
        line-height: 1.7;
    }
    .point__fv .txtBox p{
        font-size: 3.2vw;
        margin-top: 2em;
        line-height: 1.7;
    }
    .point__fv .txtBox p.ct-1{
        margin-top: 2em;
    }
}
.point__main{
    padding: calc(85 / 1440 * 100vw);
}
.point__main h2{
    font-size: calc(24 / 1440 * 100vw);
    text-align: center;
}
.point__main h2 .num{
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 600;
    font-style: italic;
    font-size: calc(60 / 1440 * 100vw);
}
@media screen and (max-width: 768px) {
    .point__main{
        padding: 10vw 5vw;
    }
    .point__main h2{
        font-size: 4.8vw;
    }
    .point__main h2 .num{
        font-size: 10vw;
    }
}
.point_btn__list{
    display: flex;
    flex-direction: column;
    gap: calc(40 / 1440 * 100vw);
    margin-top: calc(40 / 1440 * 100vw);
}
.point_btn__list ul{
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: calc(24 / 1440 * 100vw);
}
.point_btn__list ul li{
    position: relative;
    gap: calc(24 / 1440 * 100vw);
    width: calc(242 / 1440 * 100vw);
}
.point_btn__list ul li a{
    position: relative;
}
.point_btn__list ul li a::after{
    position: absolute;
    display: block;
    content: "";
    width: calc(12 / 1440 * 100vw);
    height: calc(12 / 1440 * 100vw);
    border-bottom: calc(3 / 1440 * 100vw) solid #fff;
    border-right: calc(3 / 1440 * 100vw) solid #fff;
    bottom: 1vw;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
}
.point_btn__list ul li a span{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    white-space: nowrap;
    text-align: center;
    color: #fff;
    font-size: calc(20 / 1440 * 100vw);
}
.point_btn__list ul li p{
    text-align: center;
    font-size: calc(14 / 1440 * 100vw);
    margin-top: 0.8em;
}
@media screen and (max-width: 768px) {
    .point_btn__list{
        gap: 5vw;
        margin-top: 5vw;
    }
    .point_btn__list ul{
        flex-direction: column;
        align-items: center;
        gap: 5vw
    }
    .point_btn__list ul li{
        gap: 2.5vw;
        width: 80vw;
    }
    .point_btn__list ul li a::after{
        width: 3vw;
        height: 3vw;
        border-bottom: 0.8vw solid #fff;
        border-right: 0.8vw solid #fff;
        bottom: 5vw;
    }
    .point_btn__list ul li a span{
        font-size: 4vw;
    }
    .point_btn__list ul li p{
        text-align: center;
        font-size: 3.2vw;
        margin-top: 0.8em;
    }
    .performance-main .point_btn__list ul li p{
        white-space: nowrap;
    }
}
.point__list .item{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1vw;
    margin-top: calc(80 / 1440 * 100vw);
}
@media screen and (max-width: 768px) {
    .point__list .item{
        flex-direction: column;
        gap: 0;
        margin-top: 15vw;
    }
}
.point__list .item .imgBox{
    width: calc(485 / 1440 * 100vw);
}
@media screen and (max-width: 768px) {
    .point__list .item .imgBox{
        width: 100%;
        margin-top: -3vw;
    }
    .performance-main .point__list .item .imgBox{
        margin-top: 5vw;
    }
}
.point__list .item .content{
    position: relative;
    width: calc(550 / 1440 * 100vw);
}
@media screen and (max-width: 768px) {
    .point__list .item .content{
        display: contents;
    }
    .point__list .item .content .txtBox{
        order: 1;
    }
}
.point__list .item .content .ttlBox{
    position: relative;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}
.point__list .item .content .ttlBox .ct{
    display: inline-block;
    background-color: #222222;
    color: #fff;
    padding: 0.8em 1.5em;
    letter-spacing: 0;
    font-size: calc(24 / 1440 * 100vw);
    line-height: 1;
}
.point__list .item .content .ttlBox h3{
    display: inline-block;
    background-color: #fff;
    font-size: calc(35 / 1440 * 100vw);
    letter-spacing: 0;
    padding: calc(24 / 1440 * 100vw) calc(60 / 1440 * 100vw) calc(24 / 1440 * 100vw) calc(32 / 1440 * 100vw);
    border-radius: 0 100vw 100vw 0;
    white-space: nowrap;
    box-shadow: 0 calc(2 / 1440 * 100vw) calc(2 / 1440 * 100vw) calc(2 / 1440 * 100vw) rgba(0, 0, 0, 0.1);
}
.point__list .item .content .ttlBox .num{
    position: absolute;
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1;
    font-size: calc(68 / 1440 * 100vw);
    bottom: -0.2em;
    left: 0;
    transform: translateX(-54%);
}
.point__list .item .content .ttlBox::before{
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    display: inline-block;
    content: "POINT ＃";
    white-space: nowrap;
    font-size: calc(32 / 1440 * 100vw);
    line-height: 1;
    position: absolute;
    left: 0;
    top: 0.5em;
    transform: translate(-60% ,0) rotate(90deg);
}
@media screen and (max-width: 768px) {
    .point__list .item .content .ttlBox{
        width: 100%;
        padding-left: 5vw;
    }
    .point__list .item .content .ttlBox .ct{
        padding: 0.8em 1.5em;
        font-size: 3.8vw;
    }
    .point__list .item .content .ttlBox h3{
        font-size: 3.8vw;
        padding: 0.8em 1.5em;
        box-shadow: 0 1vw 1vw 1vw rgba(0, 0, 0, 0.1);
    }
    .point__list .item .content .ttlBox .num{
        font-size: 8vw;
        bottom: -0.2em;
        left: 0;
        transform: translateX(0);
    }
    .point__list .item .content .ttlBox::before{
        font-size: 4vw;
        line-height: 1;
        position: absolute;
        left: 0;
        top: 1em;
        transform: translate(-40%,0) rotate(90deg);
    }
}
.point__list .item .content .txtBox p{
    font-size: calc(16 / 1440 * 100vw);
    line-height: 1.5;
    margin-top: 2em
}
@media screen and (max-width: 768px) {
    .point__list .item .content .txtBox{
        padding: 0 4vw;
    }
    .point__list .item .content .txtBox p{
        font-size: 3.2vw;
        line-height: 1.5;
        margin-top: 5vw;
    }
}
.point__message{
    position: relative;
}
.point__message img{
    width: 100%;
}
.point__message .comtent{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
    display: inline-block;
    color: #fff;
}
.point__message .comtent h2{
    font-size: calc(24 / 1440 * 100vw);
    white-space: nowrap;
}
.point__message .comtent .txtBox{
    margin-top: 4vw;
}
.point__message .comtent p{
    font-size: calc(16 / 1440 * 100vw);
    margin-top: 2em;
    white-space: nowrap;
}
.point__message .comtent p.ct-1{
    margin-top: 0;
}
.point__message .comtent p:first-child{
    margin-top: 0;
}
@media screen and (max-width: 768px) {
    .point__message .comtent h2{
        font-size: 4vw;
    }
    .point__message .comtent .txtBox{
        margin-top: 10vw;
    }
    .point__message .comtent p{
        font-size: 3.2vw;
        margin-top: 1.2em;
    }
    .point__message .comtent p.ct-1{
        margin-top: 1.2em;
    }
}