.container{ max-width: 900px;}
#mv1 .mv1-position h3{ color: rgba(77,77,77,.52);}
#mv1 .mv1-position p{ color: #595757;}
#mv1 .image-caption{ position: absolute;right: 10px;bottom: 10px;left: 0;}
#mv1 .image-caption p{ font-size: 10px;letter-spacing: .4px;color: #fff;}
.row{ display: flex;flex-wrap: wrap;}
.f-12{ font-size: 12px;font-family: A1MinchoStd;color: #595757;line-height: 1.33;letter-spacing: 0;}
.f-17{ font-size: 17px;font-family: A1MinchoStd;color: #595757;line-height: 1.33;letter-spacing: 0;}
.f-15{ font-size: 15px;color: #595757;font-family: A1MinchoStd;line-height: 1.6;}
#footer-top{ padding-top: 60px;}
@media screen and (max-width:769px){ #mv1 .mv1-position p{  margin-bottom: -26px; }}.sect1{ padding-top: 85px;padding-bottom: 0;}
.sect1 .tit{ font-family: 'EB Garamond',serif;font-size: 24px;line-height: 1.2;letter-spacing: 2px;color: #fff;}
.sect1 .text1{ font-family: A1MinchoStd;font-size: 15px;color: #fff;}
.sect1 .text1 span{ background-color: #fff;font-family: A1MinchoStd;font-size: 13px;color: #d1a761;line-height: 1;padding: 1px 3px;}
.sect1 .text2{ font-family: A1MinchoStd;font-size: 15px;color: #595757;}
.sect1 .list li{ font-family: A1MinchoStd;font-size: 16px;line-height: 2;letter-spacing: 1.12px;color: #595757;}
.sect1 .container > .row{ padding: 10px;background-color: #fff;margin-bottom: 86px;align-items: center;position: relative;}
.sect1 .container > .row::after{ content: '';position: absolute;bottom: -53px;left: calc(50% - 25px);display: inline-block;width: 50px;height: 20px;background-image: url(../img/style-select-system/icon-down.svg);background-repeat: no-repeat;background-size: cover;}
.sect1 .container > .row:last-child::after{ display: none;}
.sect1 .container > .row:last-child{ margin-bottom: 22px;}
.sect1 .row .col1{ background: linear-gradient(20deg,#a28348 0,#dbb066 100%);padding: 3px;width: 38%;margin-right: 2%;align-self: stretch;}
.sect1 .row .col1 .box{ height: 100%;background: linear-gradient(20deg,#cea65b 0,#d3b068 27.55%,#e1c98a 78.46%,#e8d59b 100%);padding: 10px 3px;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.sect1 .row .col2{ width: 60%;}
.sect1 .bg-gray{ background: #eeeeef;padding: 10px 20px;margin-top: 8px;}
.sect1 .bg-gray .row{ background: 0 0;}
.sect1 .bg-gray .row li{ width: 48%;margin-right: 2%;}
.sect1 .bg-gray .row li:nth-child(2n){ margin-right: 0;}
@media screen and (max-width:900px){ .sect1 .tit{  font-size: 20px; }
 .sect1 .text1{  font-size: 13px; }
 .sect1 .text1 span{  font-size: 11px; }
 .sect1 .text2{  font-size: 12px;letter-spacing: .84px; }
 .sect1 .list li{  font-size: 12px;line-height: 1.67;letter-spacing: .84px; }}@media screen and (max-width:769px){ .sect1{  padding-top: 52px;padding-bottom: 0; }
 .sect1 .container > .row{  margin: 0 -3% 70px -3%;padding: 3%; }
 .sect1 .row .col1, .sect1 .row .col2{  width: 100%;margin-right: 0; }
 .sect1 .row .col2{  padding: 10px; }
 .sect1 .container > .row::after{  bottom: -46px; }
 .sect1 .bg-gray{  padding: 10px 15px; }}@media screen and (max-width:400px){ .sect1 .bg-gray .row li{  width: 100%; }}.sect2 .container{ background-color: #fff;padding: 33px 50px 130px 50px;}
.mrb-58{ margin-bottom: 58px;}
.mrb-30{ padding-bottom: 30px;}
.label{ background: linear-gradient(20deg,#a38448 0,#ae9155 22.32%,#cab277 63.54%,#e8d59b 100%);text-align: center;padding: 10px 12px 10px 12px;}
.label .tit{ font-family: 'EB Garamond',serif;font-size: 20px;letter-spacing: 2.4px;color: #fff;}
.label .text{ font-family: A1MinchoStd;font-size: 13px;letter-spacing: 1.82px;color: #fff;}
.label .text span{ background-color: #fff;font-size: 11px;color: #d1a761;padding: 0 3px;line-height: 1;}


.label-number .tit{ font-size: 22px;color: #231815;line-height: 1.3;display: flex;flex-wrap: wrap;align-items: center;}
.label-number .tit .number{ background: #a38448;font-size: 21px;color: #fff;line-height: 1;display: block;width: 24px;height: 24px;line-height: 24px;text-align: center;margin-right: 4px;}
.label-number .text{ font-size: 18px;color: #1a1a1a;line-height: 1.3;margin-top: 4px;}
.label-text{ display: block;background: #dce0e7;font-size: 16px;color: #595757;padding: 2px 4px;text-align: center;}
.sect2 .tit-big{ font-size: 22px;color: #1a1a1a;line-height: 1;margin-top: 10px;}
.sect2 .box{ border-top: 1px solid #231815;border-bottom: 1px solid #231815;margin-top: 35px;padding: 6px 0 12px 0;}
.sect2 .box .tit-18{ font-size: 18px;color: #1a1a1a;}
.sect2 .type{ padding-bottom: 30px;}
.sect2 .type1 .type-content{ padding: 30px 26px;}
.sect2 .type2 .type-content{ padding: 4px 26px;}
.sect2 .type-content .row .col{ width: calc(50% - 30px);margin-right: 30px;}
.sect2 .type-content .row .col:last-child{ margin-right: 0;}
.sect2 .type-content .row1 .col{ padding-top: 20px;}
@media screen and (max-width:900px){ .label-number .tit{  font-size: 15px; }
 .label-number .tit .number{  font-size: 14px;width: 16px;height: 16px;line-height: 16px;margin-right: 3px; }
 .label-number .text{  font-size: 13px;line-height: 1.3;margin-top: 4px; }
 .sect2 .label-text{  font-size: 15px;padding: 2px 4px; }
 .sect2 .tit-big{  font-size: 13px; }
 .sect2 .box .tit-18{  font-size: 13px;color: #1a1a1a; }}@media screen and (max-width:769px){ .mrb-58{  margin-bottom: 37px; }
 .sect2 .container{  padding: 33px 3% 67px 3%;width: 100%; }
 .sect2 .type1 .type-content{  padding: 20px 0; }
 .sect2 .type2 .type-content{  padding: 0 0; }
 .sect2 .type-content .row .col, .sect2 .type-content .row .col img{  width: 100%;margin-right: 0; }
 .sect2 .type-content .row2 .col1{  margin-bottom: 37px; }
 .sect2 .box{  margin-top: 14px; }
 .sect2 .tit-big{  margin-top: 16px; }
 #footer-top{  margin-top: 0;padding-top: 0; }}.sect3{ padding-bottom: 30px;}
.sect3 .tit{ font-size: 13px;line-height: 17px;letter-spacing: .26px;color: #000;margin-bottom: 10px;}
.sect3 .thumbnail p{ text-align: right;font-size: 11px;line-height: 17px;letter-spacing: .22px;color: #595757;margin-top: 4px;}
.sect3 .cap{ margin-top: 6px;}





/*  ===================================================================*/
.sect3 .col1{ width: 32.3%;}
.sect3 .col2{ width: 30%;}
.sect3 .col3{ width: 32.5%;}
.sect3 .row{ justify-content: space-between;}
.sect3 .col:last-child{ margin-right: 0;}
.button__anchorlink{ display: flex;justify-content: center;align-items: center;margin-bottom: 50px;}
.button__anchorlink .button__select{ background: linear-gradient(20deg,#a28348 0,#dbb066 100%);width: 215px;height: 58px;padding: 3px; cursor: pointer;}
.button__anchorlink .button__select:first-child{ margin-right: 20px;}
.button__anchorlink p{ font-family: 'EB Garamond';text-transform: uppercase;letter-spacing: 1px;height: 52px;width: 209px;display: inline-flex;justify-content: center;align-items: center;background-color: #fff;font-size: 21px;color : #CEA55B;;}
.button__anchorlink p:hover{ color: #fff;background: linear-gradient(20deg,#cea65b 0,#d3b068 27.55%,#e1c98a 78.46%,#e8d59b 100%);}
.button__anchorlink p.active{color: #fff;background: linear-gradient(20deg,#cea65b 0,#d3b068 27.55%,#e1c98a 78.46%,#e8d59b 100%);}
.sect .sp{display: none;}
.sect4 .label_plan{ display: flex;justify-content: space-between;border-bottom: 1px solid #000;margin-bottom: 20px;padding-bottom: 8px;align-items: flex-end;}

.sect4 .label_plan span:nth-child(2){ 
    font-family: 'A1MinchoStd';
    font-size: 11px;
    margin-left: 20px;
    border: 1px solid #595757;
    padding: 0px 10px;
    color: #595757;
}
.sect4 .label_plan .tit span:first-child{ line-height: 1;color: #9c7a38;font-family: 'Times Italic';font-size: 24px;}
.sect4 .label_plan .tit{
    display: flex;
    justify-content: center;
    align-items: flex-end;
}
.sect4 .label_plan .tit span:first-child{ line-height: 1;color: #9c7a38;font-family: 'Times Italic';font-size: 24px; font-weight: 550;}
.sect4 .label_plan .text{ font-size: 13px;color: #9c7a38; font-family: 'A1MinchoStd';}
.variety__plan{font-family: 'A1MinchoStd';}
.sect4 .cap{ margin-bottom: 60px;font-size: 12px;}
.sect4 .row{ justify-content: space-between;margin-bottom: 40px;}
.sect4 .row .botton__item{ width: 48%;margin-bottom: 15px;}
.sect4 .title__form{ padding-left: 10px;display: inline-flex;align-items: center;height: 46px;width: 100%;color: #fff;}
.sect4 .title__form span:first-child{ font-family: 'Times Italic';font-size: 18px;margin-bottom: -10px; }
.sect4 .title__form span:nth-child(2){ font-family: 'Times Italic';font-size: 42px; margin-left: 10px; margin-right: 15px;}

.sect4 .title__form p{ font-size: 25px;font-family: 'A1MinchoStd';}
.sect4 .final p{font-size: 23px; text-align: center; font-family: 'A1MinchoStd'; color: #fff;}
.sect4 .first{background-color: #6192a2; }
.sect4 .second{background-color: #BD607B;}
.sect4 .third{background-color: #6D997A;}
.sect4 .fourth{background-color: #99869A;}
.sect4 .final{background-color: #6E526F;}
.sect4 .introduce{font-size: 22px;font-family: 'A1MinchoStd'; color:#333; text-align: center; margin-bottom: 35px; margin-top: 22px;}
.sect4 .box__plan{ display: flex;justify-content: space-between;margin-bottom: 90px;}
.sect4 .box__plan .item__plan{ width: 47.7%; position: relative;}
.sect4 .box__plan .item__plan:first-child::after{ position: absolute;content: ""; font-size: 10px;width: 2em;height: 5.8em;top: 50%;left: 102.8%;background-image: url(../img/style-select-system/icon.png);background-size: cover;transform: translateY(-50%);}
.sect4 #box__third .box__plan{ padding-top: 25px;}
.sect4 #box__third .box__plan .introduce{ margin: 0;margin-bottom: 160px;}
.sect4 #box__third .box__plan .item__plan:nth-child(2) img:first-child{ margin-bottom: 40px;}
.sect4 #box__third .box__plan .item__plan:first-child::after{ top: 40%;}
.sect4 #box__third .box__plan .item__plan:first-child::before{ position: absolute;content: "";width: 2em; font-size: 10px;height: 5.8em;top: 64%;left: 102.8%;background-image: url(../img/style-select-system/icon.png);background-size: cover;}
.sect4 #box__fourth .box__plan .item__plan:first-child::after{ 
    position: absolute;content: "";font-size:10px;width: 2em;height: 5.8em;top: 50%;left: 102.8%;background-image: url(../img/style-select-system/icon.png);background-size: cover;transform: translateY(-50%);}
.sect4 #box__fourth .box__plan .item__plan:nth-child(2)::before{ 
    
    position: absolute;content: "";font-size:10px;width: 2em;height: 5.8em;background-size: cover;bottom: -75px;left: 42%;background-image: url(../img/style-select-system/icon.png);background-size: cover;transform: rotate(90deg);}
.sect4 #box__final .box__plan { padding-top: 20px;}

@media screen and (max-width:992px){
    .button__anchorlink p{ font-size: 20px;}
    .sect4 .label_plan .tit span:first-child{ font-size: 23px;}
    .sect4 .label_plan span:nth-child(2){ font-size: 10px;}
    .sect4 .label_plan .text{ font-size: 11px;}
    .sect4 .f-16{ font-size: 15px;}
    .sect4 .cap{ font-size: 11px;margin-bottom: 40px;}
    /* .sect4 .title__form h3{ font-size: 17px;} */
    .sect4 .title__form span:first-child{ font-size: 17px;}
    .sect4 .title__form span:nth-child(2){font-size: 40px;}
    .sect4 .title__form p{ font-size: 24px;}
    .sect4 .introduce{ font-size: 21px;}
    .sect4 .final p{ font-size: 22px;}
    .sect4 #box__third .box__plan .introduce{ margin-bottom: 38%;}
    .sect4 .box__plan{ margin-bottom: 70px;}
}

@media screen and (max-width:768px){
    .sect .sp{display: block;}

    .sect4 .row .botton__item{
        width: 49%;
        margin-bottom: 10px;
    }
    .button__anchorlink p{ font-size: 19px;}
    .sect4 .label_plan .tit span:first-child{ font-size: 22px;}
    .sect4 .label_plan span{ font-size: 10px;}
    .sect4 .label_plan .text{ font-size: 10px;}
    .sect4 .f-16{ font-size: 14px;}
    .sect4 .cap{ font-size: 10px;margin-bottom: 40px;}
    /* .sect4 .title__form h3{ font-size: 16px; padding-right:50px} */
    .sect4 .title__form span:first-child{ font-size: 16px;}
    .sect4 .title__form span:nth-child(2){font-size: 38px;}
    .sect4 .title__form p{ font-size: 22px; }
    .sect4 .introduce{ font-size: 18px;}
    .sect4 .final p{ font-size: 22px;}
    .sect4 #box__third .box__plan .introduce{ margin-bottom: 38%;}
    .sect4 .box__plan{ margin-bottom: 70px;}
    .sect4 .box__plan .item__plan:first-child::after{left: 101.8%;font-size: 8px;}
    .sect4 #box__third .box__plan .item__plan:first-child::before{font-size: 8px;}
    .sect4 #box__fourth .box__plan .item__plan:first-child::after{font-size: 8px;}
    .sect4 #box__fourth .box__plan .item__plan:nth-child(2)::before{font-size: 8px; bottom: -60px;}
}
@media screen and (max-width:570px){
    .sect4 .introduce{ font-size: 16px;}
    .sect4 .row .botton__item{
        width: 100%;
    }
    .sect4 #box__third .box__plan .introduce{
        margin-bottom: 10%;
    }

}
@media screen and (max-width:480px){
    .button__anchorlink p{
        height: 44px;
        width: 194px;
    }
    .button__anchorlink .button__select{
        width: 200px;
        height: 50px;
    }
    .sect4 .introduce{
        font-size: 14px;
    }
    .sect4 .box__plan .item__plan:first-child::after{left: 101.8%;font-size: 6px;}
    .sect4 #box__third .box__plan .item__plan:first-child::before{font-size: 6px;}
    .sect4 #box__fourth .box__plan .item__plan:first-child::after{font-size: 6px;}
    .sect4 #box__fourth .box__plan .item__plan:nth-child(2)::before{font-size: 6px; bottom: -60px;}
    .sect4 #box__fourth .box__plan .item__plan:nth-child(2)::before{
        bottom: -35px;
    }
    .sect4 .box__plan{
        margin-bottom: 50px;
    }
}
@media screen and (max-width:440px){
    .button__anchorlink{
        flex-wrap: wrap;
        justify-content: center;
    }
    .button__anchorlink .button__select:first-child{
        margin-right: 0;
        margin-bottom: 10px;
    }
    .button__anchorlink .button__select{
        width: 215px;
    }
    .button__anchorlink p{
        width: 209px;
    }
    .sect4 .title__form p{
        font-size: 21px;
    }
    
    .sect4 .final p{
        font-size: 15px;
    }

}
@media screen and (max-width:400px){
    .sect4 .title__form span:first-child{font-size: 15px;}
    .sect4 .title__form p{
        font-size: 18px;
    }
    .sect4 #box__third .box__plan .introduce{
        margin-bottom: 0;
    }
}
/* =========================================================================== */







@media screen and (max-width:769px){ .sect3{  padding-bottom: 30px; }
 .sect3 .col{  width: 49%;margin-right: 1%; }
 .sect3 .col1 img{  height: 100%; }
 .sect3 .img12{  margin-bottom: 2%; }}
 /* .sect4 .container{ background-color: #fff;padding: 30px 0;width: 100%;} */
.sect4 .content > .f-15{ margin-top: 24px;margin-bottom: 2px;}
.sect4 .container .content{ display: block;margin: 0 auto;max-width: 800px;width: 94%;}
.sect4 .row1{ margin-top: 30px;}
.sect4 .row1 .col1,.sect4 .row1 .col3{ width: 25%;}
.sect4 .row1 .col2{ width: 50%;padding: 0 3%;}
.sect4 .alert{ font-family: A1MinchoStd;font-size: 16px;line-height: 1.4;letter-spacing: 0;color: #fff;text-align: center;padding: 4px 18px 8px 18px;margin-bottom: 10px;}
.sect4 .alert01{ background: #bf86a6;}
.sect4 .alert02{ background: #dfa650;}
.sect4 .alert03{ background: #c49170;}
.sect4 .alert-list{ padding-bottom: 48px;}
.sect4 .alert-list p{ text-align: justify;text-justify: distribute;}
.sect4 .alert-list p::before{ content: '';display: inline-block;width: 9px;height: 9px;}
.sect4 .alert-list.alert-list01 p::before{ background: #bf86a6;}
.sect4 .alert-list.alert-list02 p::before{ background: #dfa650;}
.sect4 .alert-list.alert-list03 p::before{ background: #c49170;}
.sect4 .box{ border-top: 1px solid #595757;border-bottom: 1px solid #595757;padding: 9px 0 7px;}
.sect4 .box .f-17{ margin-bottom: 6px;}
.sect4 .alert-list img{ max-width: 160px;width: 100%;display: block;margin: 0 auto;margin-top: 12px;}
@media screen and (max-width:769px){ .f-15{  font-size: 12px; }
 .f-12{  font-size: 11px; }
 .sect4 .box .f-17{  font-size: 12px; }
 .sect4 .box .f-12{  font-size: 10px; }
 .sect4 .container{  padding: 20px 0; }
 .sect4 .row1 .col1, .sect4 .row1 .col3{  width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between; }
 .sect4 .row1 .alert{  width: 100%; }
 .sect4 .row1 .alert-list{  width: calc(50% - 17px); }
 .sect4 .row1 .col3 .alert-list02{  width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between; }
 .sect4 .row1 .col3 .alert-list02 img, .sect4 .row1 .col3 .alert-list02 p{  width: calc(50% - 17px);margin-top: 0; }
 .sect4 .row1 .col2{  width: 100%;padding: 0 3%; }
 .sect4 .alert-list{  padding-bottom: 48px; }
 .sect4 .row1 .col1{  order: 2; }
 .sect4 .row1 .col2{  order: 1;padding-bottom: 40px; }
 .sect4 .row1 .col3{  order: 3; }
 .sect4 .content > .f-15{  margin-top: 14px;margin-bottom: 0; }
 .sect4 .row1{  margin-top: 20px; }}
 #style-select-system .sect-banner{padding: 60px 0 0 0;}
 #style-select-system .sect-banner .row .col{ width: 50%;position: relative;}
#style-select-system .sect-banner .row .photo{ position: relative;}
#style-select-system .sect-banner .row .col1 .ab-bottom-left{ position: absolute;left: 10px; bottom: 5px;font-size: 8px;color: white;}
#style-select-system .sect-banner .row .col2 .ab-center{ position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;color: #fff;flex-direction: column;}
#style-select-system .sect-banner .row .col2 .ab-center .text1{font-size: 20px;line-height: 1.1;}
#style-select-system .sect-banner .row .col2 .ab-center .text2{font-size: 42px;line-height: 1.1;font-family: 'EB Garamond', serif;}
#style-select-system .sect-banner .row .col2 .ab-bottom-right{position: absolute;right:14px;bottom:14px; color: #D1A761;background: white;font-size: 12px;line-height: 1;padding: 2px 12px;display: inline-flex;align-items: center;justify-content: center;}
#style-select-system .sect-banner .row .col2 .ab-bottom-right::after{content: '';display: inline-block;width: 5px;height: 11px;background-image: url('../img/style-select-system/banner-arrow.png');background-size: cover;background-repeat: no-repeat;background-position: center;z-index: 2;margin-left: 4px;}
#style-select-system .sect-banner .row .col2 .img1{position: relative;z-index: -1;}
@media screen and (max-width: 768px) {
    #style-select-system .sect-banner{padding: 40px 0 0 0;}
   #style-select-system .sect-banner .row .col img,
   #style-select-system .sect-banner .row .col{ width: 100%;}
   #style-select-system .sect-banner .row{ padding: 15px; background: url(../img/style-select-system/banner-bg.jpg);background-repeat: no-repeat;background-size: cover;background-position: right bottom;}
   #style-select-system .sect-banner .row .col2 .ab-center{position: relative;height: auto;}
   #style-select-system .sect-banner .row .col2 .ab-bottom-right{position: relative;right: auto;bottom: auto;}
   #style-select-system .sect-banner .row .col2{text-align: center;padding:15px 0 0 0;}
   #style-select-system .sect-banner .row .col2 .ab-center .text1{font-size: 15px;}
   #style-select-system .sect-banner .row .col2 .ab-center .text2{font-size: 21px;margin-top: 6px;margin-bottom: 6px;}

}
/**=== == == == == == == == == == == == == == == == == == == == == 
=>                     section 5
== == == == == == == == == == == == == == == == == == == == === * */
.sect5 .number-tit h3{ font-size: 24px; font-family: 'A1MinchoStd';}
.sect5 .number-tit h3 span{ color: #a38448;display: inline-block;margin-right: 2px;}
.sect5 .number-tit p{ font-size: 18px;line-height: 1.7;letter-spacing: 0.05em; font-family: 'A1MinchoStd';}
.sect5 .type-alert{ text-align: center;color: #fff;font-size: 20px;font-family: 'EB Garamond',serif;margin-top: 34px;position: relative;letter-spacing: .1em;}
.sect5 .type-alert span{ display: block;position: absolute;top: 5px;left: calc(50% + 130px);background: #b41022;color: #fff;font-size: 13px;line-height: 1;padding: 5px;}
.sect5 .type p{ font-size: 13px;line-height: 1.2;margin-top: 4px;}
.sect5 .type img{ display: block;}
.sect5 .type1 .type-alert{ background: #dccbb6;}
.sect5 .type2 .type-alert{ background: #c3a686;}
.sect5 .type3 .type-alert{ background: #c3b3a8;}
.sect5 .type4 .type-alert{ background: #a38f85;}
.sect5 .type-row1{ padding: 30px 0 0;}
.sect5 .type-row1 .col1{ width: calc(80.25% - 15px);margin-right: 30px;}
.sect5 .type-row1 .col2{ width: calc(19.75% - 15px);}
.sect5 .type-row2{ justify-content: space-between;padding: 34px 0 0;}
.sect5 .type-row2 .col{ width: 17.8%;}
.sect5 .number1{ padding: 28px 0 0;}
.sect5 .number1 .type{ padding: 0 0 50px;}
.sect5 .sect5-row1{ justify-content: space-between;border-top: 1px solid #000;border-bottom: 1px solid #000;padding: 40px 0 38px;}
.sect5 .sect5-row1 .number{ display: flex;flex-direction: column;justify-content: space-between;}
.sect5 .sect5-row1 .number > img{ margin-top: 45px;}
.sect5 .sect5-row1 .number2{ width: 61%;}
.sect5 .sect5-row1 .number3{ width: 36%;}
.sect5 .sect5-row1 .number3 .number-tit{ transform: translateX(10px);}
.sect5 .number4{padding: 50px 0 0;}
.sect5 .number4 .row{justify-content: space-between;padding: 30px 0 0;}
.sect5 .number4 .row img{ display: block;width: 30%;}

@media screen and (max-width: 992px) {
    .sect5 .type-row2 .col{ width: 18.6%;}
    .sect5 .type p{ font-size: 12px;}
    .sect5 .sect5-row1 .number2{ width: 56%;}
    .sect5 .sect5-row1 .number3{ width: 41%;}
}

@media screen and (max-width: 769px) {
    .sect5 .number-tit h3{ font-size: 20px;}
    .sect5 .number-tit p{ font-size: 14px;}
    .sect5 .type p{ font-size: 11px;}
    .sect5 .type-alert{ font-size: 16px;padding: 3px 0 5px;}
    .sect5 .type-alert span{ font-size: 10px;top: 2px;left: calc(50% + 93px);}
    .sect5 .type-row1{ justify-content: space-between;padding: 20px 0 0;}
    .sect5 .type-row1 img{display: block;width: 100%;}
    .sect5 .type-row1 .col2{ width: 18.1%;}
    .sect5 .type-row1 .col1{ width: 79%;margin-right: 0;}
    .sect5 .number1{padding: 15px 0 0;}
    .sect5 .type-alert{margin-top: 15px;}
    .sect5 .number1 .type{padding: 0 0 30px;}
    .sect5 .type-row2 .col{ width: 19%;}
    .sect5 .sect5-row1{ padding: 20px 0 10px;}
    .sect5 .sect5-row1 .number{ width: 100%;margin-bottom: 20px;}
    .sect5 .sect5-row1 .number > img{ margin-top: 10px;}
    .sect5 .number4{ padding: 20px 0 0;}
    .sect5 .number4 .row{ padding: 20px 0 0;}
    
}

@media screen and (max-width: 550px) {
    .sect5 .type-row2{ justify-content: center;padding: 20px 0 0;}
    .sect5 .type-row2 .col{ width: 32%;margin-right: 2%;margin-bottom: 15px;}
    .sect5 .type-row2 .col:nth-child(3n){ margin-right: 0;}
    .sect5 .number1 .type{ padding-bottom: 20px;}
    .sect5 .type-row1 .col2{ position: relative;}
    .sect5 .type-row1 .col2 p{ position: absolute;bottom: 0;right: 0;min-width: 93px;}
    .sect5 .type-alert span{ position: relative;left: auto;top: auto;display: inline-block;}
    .sect5 .number4 .row{ justify-content: center;}
    .sect5 .number4 .row img{ width: 100%;margin-bottom: 20px;max-width: 280px;}
}