@charset 'utf-8';

.at-body .at-container { padding: 0; max-width:100%}
.at-body .ct-wrap { margin: 0 auto; max-width:1200px}
.is-pc .at-body { padding: 0; }
.page-content article { padding: 70px 10px; }


.page-content .title h3 { position: relative; padding: 45px 0 70px; font-size: 35px; color: #111; font-weight: 500; text-align: center; line-height: 1; }
.page-content .title h3:before { content:''; display: block; position: absolute; top: 0; left: 50%; transform: translateX(-50%);  width: 25px; height: 21px; background: url('/img/ico_header.png') no-repeat center top / contain;}

.page-content b { font-weight: 500; color: #8e1905; }
.page-content table { width: 100%;}
.page-content table th,
.page-content table td { padding: 15px 10px; border: 1px solid #e1e1e1; text-align: center; word-break: break-all;}
.page-content table caption, .page-content table th { font-weight: 500; }
.page-content table caption { padding: 15px 10px; background: #8e1905; color: #fff; font-size: 20px; text-align: center; }
.page-content ul, .page-content ol { padding: 0;}
.page-content h4.marker2 { position: relative; padding: 0 0 40px 35px; font-size: 25px; font-weight: 500; }
.page-content h4.marker2:before { content:''; display: block; position: absolute; left: 0; top: 5px; width: 15px;height: 15px; background: url('/page/imgs/ico_marker.png') no-repeat;}
.page-content .num > li { position: relative; padding: 0 0 15px 35px; }
.page-content .num > li span { display: block; position: absolute; left: 0; top: 2px; width: 25px; height: 25px; background: #8e1905; line-height: 25px; font-size: 14px; color: #fff; text-align: center; border-radius: 50%;}
.page-content .check >  li { position: relative; padding: 0 0 15px 30px;}
.page-content .check >  li:before { content:''; display: block; position: absolute; left: 0; top: 7px; width: 19px; height: 23px; background: url('/page/imgs/ico_marker2.png') no-repeat top center / contain; }

@media (max-width:991px){
    .page-content article { padding: 60px 10px;}
    .page-content .title h3 { position: relative; padding: 45px 0 60px; }
}

@media (max-width:768px){
    .page-content article { padding: 50px 10px;}
    .page-content .title h3 { padding: 30px 0 50px; font-size: 32px; }
    .page-content .title h3:before { width: 22px;}
    .page-content h4.marker2 { padding: 0 0 30px 35px;}
}
@media (max-width:576px){
    .page-content { font-size: 15px;}
    .page-content .title h3 { padding: 30px 0 50px; font-size: 30px; }
    .page-content h4.marker2 { padding: 0 0 20px 25px; font-size: 23px;}
    .page-content .num > li { padding: 0 0 10px 25px;}
    .page-content .num > li span { width: 20px; height: 20px; line-height: 20px; font-size: 12px; }
    .page-content .check > li { padding: 0 0 10px 20px;}
    .page-content .check > li:before { width: 13px;}
    .page-content table th, .page-content table td  { padding: 15px 5px;}
}



@media (max-width:1199px){
    .page-content .none-1199 { display: none;}
}
@media (max-width:900px){
    .page-content .none-900 { display: none;}
}
@media (max-width:800px){
    .page-content .none-800 { display: none;}
}

.greeting {  }
.greeting .con1 {  }
.greeting .con1 .content .img { align-items: center; justify-content: center; width: 27.5%; border: 1px solid #eee;}
.greeting .con1 .content .txt { width: 68.33%;}
.greeting .con1 .content .txt p { padding: 0 0 20px; color: #111; }
.greeting .con1 .content .txt p:last-of-type { padding: 0; }
.greeting .con1 .content .txt .p1 { font-size: 25px; font-weight: 500;}
.greeting .con2 {  background: #f9f9f9;}
.greeting .con2 .ct-wrap { }
.greeting .con2 .content { padding: 70px 0; border-top: 2px solid #8e1905; background: #fff; }
.greeting .con2 .content .img { align-items: center; justify-content: center; padding: 0 10px;  width: 300px;; }
.greeting .con2 .content .txt { padding: 0 10px; width: calc(100% - 300px);;}
.greeting .con2 .content .txt > p { font-size: 25px;  }
.greeting .con2 .content .txt > p b { font-size: 28px; font-weight: 5000; }
.greeting .con2 .content .txt ul { overflow:hidden; }
.greeting .con2 .content .txt ul p { padding: 5px 0 30px; font-size: 32px; font-weight: 500; }
.greeting .con2 .content .txt ul li { float:left; position: relative; padding: 3px 0 3px 25px; width: 50%; }
.greeting .con2 .content .txt ul li:before { content:''; display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%);  width: 5px; height: 5px; background: #8e1905; border-radius: 50%; }

@media (max-width:991px){
    .greeting .con1 .content .img { align-items: center; justify-content: center; width: 40%; border: 1px solid #eee;}
    .greeting .con1 .content .txt { width: 55%;}
    .greeting .con2 .content { padding: 60px 0;}
    .greeting .con2 .content .img {  align-items: flex-start; }
    .greeting .con2 .content .txt ul li { float:inherit; width: 100%; }
}
@media (max-width:768px){
    .greeting .con1 .content { flex-wrap:wrap}
    .greeting .con1 .content .img { padding: 50px 20px; margin: 0 0 40px; width: 100%; }
    .greeting .con1 .content .txt { width: 100%;}
    .greeting .con1 .content .txt p { padding: 0 0 15px;}
    .greeting .con1 .content .txt .p1 { font-size: 22px;}
    .greeting .con2 .content { padding: 50px 0 ;}
    .greeting .con2 .content .img { width: 200px;}
    .greeting .con2 .content .txt { width: calc(100% - 218px);}
    .greeting .con2 .content .txt > p { font-size: 22px;}
    .greeting .con2 .content .txt > p b { font-size: 26px; }
    .greeting .con2 .content .txt ul p { padding: 5px 0 15px; font-size: 28px; }
}

@media (max-width:576px){
    .greeting .con1 .content .txt .p1 { font-size: 20px; }
    .greeting .con2 .content { flex-wrap:wrap; padding: 40px 0 0; }
    .greeting .con2 .content .img,
    .greeting .con2 .content .txt { width: 100%; }
    .greeting .con2 .content .img { margin: 0 0 20px;}
    .greeting .con2 .content .txt { padding: 20px 10px; border: 1px solid #eee;}
    .greeting .con2 .content .txt > p { font-size: 20px;}
    .greeting .con2 .content .txt > p b { font-size: 24px; }
}

.goals .content .txt { padding: 0 0 60px; text-align: center; }
.goals .content .txt p { padding: 0 0 10px; word-break: keep-all;}
.goals .content .imgs { margin: 0 auto;; max-width: 865px; }
.goals .content .imgs .img { width: 31.7%;}

@media (max-width:576px){
    .goals .content .txt { padding: 0 0 20px; }
}

.group .content .img { text-align: center;}
.group .content .img.mobile {  display: none;}

 @media (max-width:640px) {
    .group .content .img.pc {  display: none;}
    .group .content .img.mobile {  display: block;}
 }



 .maple1 .content > .txt { padding: 50px 10px; margin: 0 0 50px; background: #f9f9f9; text-align: center;}

 .maple1 .content ul li { display: flex; justify-content: space-between; margin: 0 0 4.2%; border: 1px solid #e1e1e1; }
 .maple1 .content ul li:last-of-type { margin: 0;}
 .maple1 .content ul li .img { display: flex; align-items: center; width:250px}
 .maple1 .content ul li .txt { display: flex; flex-direction: column; justify-content: center; width:calc(100% - 250px); padding: 10px 4.175%;}
 .maple1 .content ul li .txt h4 { position: relative; padding: 0 0 10px 25px; font-size: 20px; font-weight: 500; }
 .maple1 .content ul li .txt h4:before { content:''; display: block; position: absolute; top: 0; left: 0; width: 15px; height: 15px; background: url('/page/imgs/ico_marker.png') no-repeat center;    }

 @media (max-width:1046px){
    .maple1 .content > .txt br { display: none;}
 }
 @media (max-width:768px){
    .maple1 .content > .txt { padding: 30px 10px;}
    .maple1 .content ul { display: flex; flex-wrap:wrap; justify-content: space-between;}
    .maple1 .content ul li { display: block; width: 49%; }
    .maple1 .content ul li .img { display:block; width: 100%; text-align: center;}
    .maple1 .content ul li .img img { width: 100%;}
    .maple1 .content ul li .txt { padding: 20px 10px 10px; width: 100%; }
    .maple1 .content ul li .txt h4 { font-size: 17px;}
    .maple1 .content ul li:nth-last-of-type(2) { margin: 0;}
 }
 .maple2 .con1 { }
 .maple2 .con1 .content { flex-wrap:wrap; justify-content: flex-start; }
 .maple2 .con1 .content li { margin: -1px 0  0 -1px; width: 25%;  border: 1px solid #e1e1e1; }
 .maple2 .con1 .content li .name { padding: 15px 10px; background: #f9f9f9; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; text-align: center;}
 .maple2 .con1 .content li .name dt, .maple2 .con1 .content li .name dd { display: inline-block; }
 .maple2 .con1 .content li .name dt { padding: 0 10px 0 0;}
 .maple2 .con1 .content li .tail { display: flex; justify-content: flex-start; flex-wrap:wrap; padding: 30px 20px; }
 .maple2 .con1 .content li .tail dt { width: 70px; line-height: 1.588;}
 .maple2 .con1 .content li .tail dd { width: calc(100% - 70px);  word-break: keep-all; line-height: 1.588;}
 .maple2 .con2 .content { flex-wrap:wrap}
 .maple2 .con2 .content figure { margin: 0 0 30px; border: 1px solid #e1e1e1;}
 .maple2 .con2 .content figure .img img { width: 100%;}
 .maple2 .con2 .content figure figcaption { height: 45px; line-height: 45px;  font-weight: 500; text-align: center; border-top: 1px solid #e1e1e1;}
 .maple2 .con2 .content .col4 { width: 23.8%; }
 .maple2 .con2 .content .col2 { width: 49.2%; }

 @media (max-width:991px){
    .maple2 .con1 .content li  { width: 33.33%;}

 }
 @media (max-width:768px){
    .maple2 .con1 .content li .name { font-size: 15px; }
    .maple2 .con1 .content li .tail { padding: 30px 10px;  font-size: 15px;}
    .maple2 .con1 .content li .tail { padding: 20px 10px;}
    .maple2 .con1 .content li .tail dt { width: 60px; }
    .maple2 .con1 .content li .tail dd { width: calc(100% - 60px)}

 }
 @media (max-width:660px){
    .maple2 .con1 .content li { width: 50%;}
    .maple2 .con1 .content li .name { padding: 15px 5px;}
 }
 @media (max-width:480px){
    .maple2 .con2 .content .col4 { width: 49.2%; }
    .maple2 .con2 .content .col2 { width: 100%; }
 }
 @media (max-width:430px){
    .maple2 .con1 .content li { width: 100%;}
 }


.maple3 table th { background: #8e1905; color: #fff; font-weight: 500;}
.maple3 table td { color: #555; }
.maple3 table tr.bg { background: #faf4ed; border-right: 1px solid #8e1905;}
.maple3 table tr.bg td { color: #111; font-weight: 500;}
.maple3 table tr.bg td:first-of-type {border-left: 1px solid #8e1905;   }
.maple3 table tr.bg td:last-of-type {border-right: 1px solid #8e1905;   }
.maple3 table td.bdb { border-bottom: 1px solid #8e1905;}
.maple3 p { padding: 15px 0; text-align: right;}

.maple4 .inner { margin: 0 0 50px; }
.maple4 .txt { padding: 50px 10px; background: #f9f9f9; text-align: center;}
.maple4 .table-wrap { overflow-x: auto; width:100%; }

.maple4 table thead th { background: #faf4ed; }
.maple4 table tbody th { background: #f9f9f9; }
.maple4 table tbody td span { display: block; }
.maple4 .inner3 { padding: 50px 12.6% ;  border: 1px solid #e1e1e1; background: #f9f9f9 url('/page/imgs/ico_arrow_up.png') no-repeat right bottom;}
.maple4 .inner3 .p1 { padding: 0 0 50px; font-size: 25px; font-weight: 500; text-align: center; line-height: 1; }
.maple4 .inner3 .flex { align-items: center;; }
.maple4 .inner3 .flex .tail { padding: 0 7.4%; }
.maple4 .inner3 .flex .tail p { font-size: 17px; text-align: left;}
.maple4 .inner3 .flex .tail p:first-of-type { padding: 0 0 10px;}
.maple4 .inner3 .flex .tail p span { display: block;}
.maple4 .inner3 .flex .tail p span { display: block;}
.maple4 .inner3 .flex .up { }
.maple4 .inner3 .flex .up p { display: flex; align-items: center; padding: 0 30px; height: 100px; background: #8e1905; font-size: 25px; color: #fff; border-radius:10px}
.maple4 .inner3 .flex .up p strong { font-size: 30px; }
.maple4 .inner3 .p2 { padding: 30px 0 0; text-align: center; color: #999; }

@media (max-width:1199px){
    .maple4 .inner3 { padding: 50px 45px; }
 }
@media (max-width:991px){
    .maple4 .txt br { display: none;}
    .maple4 .inner3 .p1 { padding: 0 0 30px;}
    .maple4 .inner3 .flex { justify-content: space-around; flex-wrap:wrap;}
    .maple4 .inner3 .flex .img { padding: 0 0 30px;  width: 100%;}
    .maple4 .inner3 .flex .tail { padding: 0;}
 }
 @media (max-width:768px){
    .maple4 .inner { margin: 0 0 40px; background-size: 30%;}
    .maple4 .txt { padding: 30px 10px;}
    .maple4 table { font-size: 15px;}
    .maple4 .inner3 .flex .img { display: none;}
    .maple4 .inner3 .flex .up p { padding: 0 10px; font-size: 20px;}
    .maple4 .inner3 .flex .up p strong { font-size: 24px; }
 }
 @media (max-width:576px){
    .maple4 .inner3 .flex .up { padding: 20px 0 0; width: 100%;}
    .maple4 .inner3 .flex .up p { justify-content: center; padding: 10px 0; margin: 0 auto; height: auto; width: 100%; max-width: 320px; text-align: center; border-radius:25px}
    .maple4 .inner3 .flex .up p strong { padding: 0 10px;}
 }
 @media (max-width:480px){
    .maple4 table { font-size: 12px;}
    .maple4 table th,  .maple4 table td  { padding: 10px;}
    .maple4 .inner3 .p1 { padding: 0 0 15px; font-size: 20px; word-break: keep-all; line-height: 1.5;}
    .maple4 .inner3 .p2 { padding: 20px 0 0;}
 }
 .maple4 .inner4 tbody td { padding: 40px 10px;}
 .maple4 .inner4 tbody td span { display: inline-block;}
 @media (max-width:768px){
    .maple4 .inner4 tbody td { padding: 25px 10px;}
 }

.sapling1 {}


.sapling1 .con2 { background: #f9f9f9;}
.sapling1 .con2 ol { padding: 0 0 15px;}
.sapling1 .con2 .flex {}
.sapling1 .con2 .flex .img { width: 32%;}
.sapling1 .con2 .flex .img img { width: 100%;}
.sapling1 .con3 .img { padding: 20px 0 0;}
.sapling1 .con3 .img .p1 { padding: 15px 0 10px; font-size: 20px; font-weight: 500;}
.sapling1 .con3 .img .p2 {}

@media (max-width:576px){
  .sapling1 h4 { padding: 0 0 30px 32px; font-size: 23px;}

}



.sapling2 ul li p { padding: 0 0 10px;}
.sapling2 ul li table  { margin: 20px 0 0 ;}
.sapling2 ul li table thead th { background: #faf4ed;}
.sapling2 ul li table tbody th { background: #f9f9f9;}
.sapling2 ul li .img { position: relative; display: inline-block; margin: 20px 0 0;}
.sapling2 ul li .img p { position: absolute; bottom: 0; right: 30px; padding: 10px 15px; background: rgba(0,0,0,.5); text-align: center; color: #fff; line-height: 1;}
.sapling2 .con1 ul li { margin: 0 0 30px;}
.sapling2 .con1 ul li:last-of-type { margin: 0; padding-bottom: 0;}
.sapling2 .con2 { background: #f9f9f9;}
.sapling2 .con2 .flex {}
.sapling2 .con2 .flex .img { width: 31.66%;}

@media (max-width:576px){
    .sapling2 .con2 .flex .img { width: 32.5%;}
}

.sapling3 .con1 ul { padding: 10px 0 0;}
.sapling3 .con1 ul li { position: relative; padding: 0 0 0 12px;}
.sapling3 .con1 ul li:before { content:''; display: block; position: absolute; left: 0; top: 12px; width: 6px; height: 2px; background: #111;}
.sapling3 .con1 .flex { padding: 10px 0 0 ;}
.sapling3 .con1 .flex .img { width: 31.66%;}

@media (max-width:576px){
    .sapling3 .con1 ul li { position: relative; padding: 0;}
    .sapling3 .con1 ul li:before { display: none;}
    .sapling3 .con1 .flex .img { width: 32.5%;}
}


.sapling4 .con1 .flex { padding: 10px 0 0 ;}
.sapling4 .con1 .flex .img { width: 31.66%;}

@media (max-width:576px){
    .sapling4 .con1 ul li { position: relative; padding: 0;}
    .sapling4 .con1 ul li:before { display: none;}
    .sapling4 .con1 .flex .img { width: 32.5%;}
}

.sapling5 .img { padding: 30px 10px; margin: 20px 0 0; text-align: center; border: 1px solid #e1e1e1;}
.sapling5 .img .mb { display: none;}

@media (max-width:576px){
    .sapling5 .img .pc { display: none;}
    .sapling5 .img .mb { display: inline;}
}

.sapling6 {}
.sapling6 .tails { flex-wrap:wrap; }
.sapling6 .tails .tail { align-items: center; padding: 10px; margin: -1px 0 0 ; width: 50%; border: 1px solid #e1e1e1;}
.sapling6 .tails .tail:nth-of-type(even) { border-left: none;}
.sapling6 .tails .tail .img  { width: 160px; text-align: center;}
.sapling6 .tails .tail .img img { width: 100%; max-width: 160px;}
.sapling6 .tails .tail ul, .sapling6 .tails .tail ol { width: calc(100% - 180px); }

@media (max-width:991px){
    .sapling6 .tails .tail ul, .sapling6 .tails .tail ol { width: calc(100% - 166px); }
}
@media (max-width:768px){
    .sapling6 .tails .tail { flex-direction: column; justify-content: flex-start; padding: 20px 10px;}
    .sapling6 .tails .tail .img { width: 100%;}
    .sapling6 .tails .tail ul, .sapling6 .tails .tail ol { padding: 20px 0 0; width: 100%;; }
}


.sap1 .con1 .txt p { padding: 0 0 10px; word-break: keep-all; }
.sap1 .con1 .txt p:last-of-type { padding: 0;}
.sap1 .con2 { background: #f9f9f9;}

@media (max-width:1080px){
    .sap1 .con1 .txt p br { display: none;}
}

.sap2 {}
.sap2 .gallery .img_wrap, .sap2 .con3 .gallery li  { width: 31.66%;}
.sap2 .gallery .img_wrap img { width: 100%;}
.sap2 .con1 {}
.sap2 .con1 table { margin: 20px 0 30px;}
.sap2 .con1 table thead th { background: #f9f9f9;}
.sap2 .con1 table th:first-of-type { background: #faf4ed;}
.sap2 .con1 li ul { padding: 5px 0 0;}
.sap2 .con1 li ul li { position: relative; padding: 0 0 0 12px; }
.sap2 .con1 li ul li:before {content: ''; display: block; position: absolute; left: 0; top: 12px; width: 6px; height: 2px; background: #111; }
.sap2 .con2 { background: #f9f9f9;}
.sap2 .con2 .gallery { justify-content: flex-start;  padding: 10px 0 0; margin: 0 -15px; }
.sap2 .con2 .gallery .img_wrap {  margin: 0 15px; width: auto;}
.sap2 .con2 .gallery .img_wrap .img { position: relative; }
.sap2 .con2 .gallery .img_wrap .img p { position: absolute; right: 0; bottom: 0; width: 185px; height: 35px; background: rgba(0,0,0,.5); line-height: 35px; text-align: center; color: #fff; }
.sap2 .con2 .gallery .img_wrap > p { padding: 10px 0 0; text-align: center; font-size: 16px; color: #555; line-height: 1.68;}
.sap2 .con3 .gallery { padding: 0 0 60px; flex-wrap:wrap;}
.sap2 .con3 .gallery  p { padding: 10px 0 0; font-size: 16px; color: #555; text-align: center;}
.sap2 .con3 .gallery .price { width: 100%; text-align: center; font-size: 15px; color: #555;}
.sap2 .con3 .gallery:last-child { justify-content: flex-start; margin: 0 -15px;}
.sap2 .con3 .gallery:last-child .img_wrap { margin: 0 15px;}

@media (max-width:991px){
    .sap2 .con3 .gallery { padding: 0 0 50px;}
}
@media (max-width:768px){
    .sap2 .con3 .gallery { padding: 0 0 40px;}
}
@media (max-width:576px){
    .sap2 .con2 .gallery { margin: 0 -10px;}
    .sap2 .con2 .gallery .img_wrap { margin: 0 10px;}
    .sap2 .con2 .gallery .img_wrap > p { font-size: 15px; }
    .sap2 .con3 .gallery p { font-size: 15px;}
}
@media (max-width:480px){

    .sap2 .gallery { margin: 0 !important; }
    .sap2 .gallery .img_wrap, .sap2 .con3 .gallery li  { width: 49%;}
    .sap2 .gallery .img_wrap, .sap2 .con3 .gallery li { margin: 0 0 20px !important;}
    .sap2 .gallery .img_wrap:last-of-type, .sap2 .con3 .gallery li:last-of-type { margin: 0 !important; }
    .sap2 .con2 .gallery { flex-direction:column; }
    .sap2 .con3 .gallery:last-child { justify-content: space-between;}
}

.sap3 .gallery, .sap4 .gallery,
.syrup1 .gallery  { padding: 20px 0 0;}
.sap3 .gallery .img, .sap4 .gallery .img,
.syrup1 .gallery .img{ width: 31.66%;}

@media (max-width:480px){
    .sap3 .gallery, .sap4 .gallery,
    .syrup1 .gallery { flex-wrap:wrap}
    .sap3 .gallery .img,  .sap4 .gallery .img,
    .syrup1 .gallery .img { margin: 0 0 20px; width: 48%;}
}

.syrup1 .con1 .txt p { padding: 0 0 10px; word-break: keep-all;}
.syrup1 .con2 { background: #f9f9f9;}
.syrup1 .con2 .img p { padding: 10px 0 0; font-size: 15px; color: #555; text-align: center; word-break: keep-all; }

@media (max-width:1057px) {
    .syrup1 br { display: none;}
}

.syrup2 p { margin: 0 0 10px;}
.syrup2 p:last-of-type { margin: 0;}
.syrup2 .img { text-align: center;}
.syrup2 .con2 { padding-top: 0;}
.syrup2 .con2 ol.flex { }
.syrup2 .con2 ol.flex li { width: 23%;}
.syrup2 .con2 ol.flex li p { padding: 10px 0 0; font-size: 15px; color: #555; text-align: center; }
.syrup2 .con3 {padding-top: 0; }
.syrup2 .con3 p strong { font-weight: 500;}
.syrup2 .con3 ul.flex { padding: 25px 0 0 ;}
.syrup2 .con3 ul.flex li { width: 23%; border: 1px solid #e1e1e1;}
.syrup2 .con3 ul.flex li .name { padding: 13px 0; background: #f9f9f9; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; font-size: 16px; font-weight: 500; text-align: center; word-break: keep-all;}
.syrup2 .con3 ul.flex li div { padding: 20px;}
.syrup2 .con3 ul.flex li div span  { display: block;}
.syrup2 .con4 { background: #f9f9f9;}
.syrup2 .con4 .txt { }
.syrup2 .con4 .flex { padding: 25px 0 0;}
.syrup2 .con4 .flex .img { width: 31.66%;}
.syrup2 .con4 .flex table { width: 65.83%;}
.syrup2 .con4 .flex table th , .syrup2 .con4 .flex table td { padding: 11px ; border: 1px solid #e1e1e1; word-break: keep-all;}
.syrup2 .con4 .flex table th { background: #8e1905; color: #fff;}
.syrup2 .con4 .flex table td { background: #fff;}
.syrup2 .con4 .flex table td:first-of-type { text-align: left;}
.syrup2 .con4 .flex table td span { display: inline-block; margin: 0 10px; width: 25px; height: 25px; border-radius:50%; text-align: center; line-height:25px; color: #fff; font-size: 14px;}
.syrup2 .con4 .flex table td span.num1 { background: #df9f3d;}
.syrup2 .con4 .flex table td span.num2 { background: #a65b3f;}
.syrup2 .con4 .flex table td span.num3 { background: #732b25;}
.syrup2 .con4 .flex table td span.num4 { background: #190e0a;}

@media (max-width:1060px){
    .syrup2  br.hid { display: none;}
}

@media (max-width:1199px){
    .syrup2 .con3 ul.flex li { width: 24.5%; }
    .syrup2 .con3 ul.flex li .name { font-size: 15px;}
    .syrup2 .con3 ul.flex li div { font-size: 15px;}
    .syrup2 .con4 .flex table { font-size: 15px;}
    .syrup2 .con4 .flex table td span { margin: 0 10px 0 0;}

}
@media (max-width:991px){
    .syrup2 .con2 ol.flex li p br { display: none;}
    .syrup2 .con3 ul.flex li .name { padding: 13px 5px; height: 73px;}
    .syrup2 .con3 ul.flex li div { padding: 15px 10px;}
    .syrup2 .con4 .flex { flex-direction: column;}
    .syrup2 .con4 .flex .img { padding: 0 0 20px; width: 100%; }
    .syrup2 .con4 .flex table { width: 100%; }
}
@media (max-width:768px){
    .syrup2 .con2 ol.flex,
    .syrup2 .con3 ul.flex { flex-wrap: wrap;;}
    .syrup2 .con2 ol.flex li,
    .syrup2 .con3 ul.flex li { width: 49%;}
    .syrup2 .con2 ol.flex li p br { display: block;}
    .syrup2 .con2 ol.flex li:nth-last-of-type(n+3),
    .syrup2 .con3 ul.flex li:nth-last-of-type(n+3){ margin: 0 0 20px;}
    .syrup2 .con3 ul.flex li .name { height: auto;}
}
@media (max-width:660px){
    .syrup2 .con4 .flex table { font-size: 12px;}
}
@media (max-width:576px){
    .syrup2 .con4 .flex table th , .syrup2 .con4 .flex table td { padding: 6px  10px}
    .syrup2 .con4 .flex table td span { display: none;}
    .syrup2 .con4 .flex table td:first-of-type { text-align: center;}
}
@media (max-width:480px){
    .syrup2 .con2 ol.flex li p br { display: none;}
    .syrup2 .con3 ul.flex li { width: 100%;}
    .syrup2 .con3 ul.flex li:nth-last-of-type(n+2){ margin: 0 0 20px;}
}

.syrup3 {}
.syrup3 .con1 ul.num { padding: 30px 0 0;}
.syrup3 .con1 ul.num li {}
.syrup3 .con1 ul.num li p { padding: 10px 0 0;}
.syrup3 .con1 .flex { padding: 20px 0 0; }
.syrup3 .con1 .flex .img { width: 23.08%;}
.syrup3 .con2 { background: #f9f9f9; }
.syrup3 .con2 .txt p { padding: 0 0 10px; }
.syrup3 .con2 table { margin: 20px 0 0;}
.syrup3 .con2 table th  { background: #faf4ed;}
.syrup3 .con2 table td  { background: #fff;}
.syrup3 .con2 table + p { padding: 10px 0 0; text-align: center; font-weight: 500; word-break: keep-all; }
.syrup3 .con3 span { display: block; padding: 0 0 15px; font-weight: 500;}
.syrup3 .con3 span { display: block; padding: 0 0 15px; font-weight: 500;}
.syrup3 .con3 table th,
.syrup3 .con3 table td { padding: 15px 30px; width: 33%; text-align: left; word-break: keep-all;}
.syrup3 .con3 table tbody tr:nth-last-of-type(-n+6) td { background: #faeded;}
.syrup3 .con3 table thead tr th:nth-of-type(2),
.syrup3 .con3 table tbody tr td:nth-of-type(2) { background: #faf4ed; }

@media (max-width:1080px){
    .syrup3 br.hid { display: none;}
}
@media (max-width:576px){
    .syrup3 .con3 table th, .syrup3 .con3 table td { padding: 15px 10px; text-align: center;}
}
@media (max-width:480px){
    .syrup3 .con1 .flex { flex-wrap: wrap;}
    .syrup3 .con1 .flex .img { margin: 0 0 20px;  width: 48%;}
    .syrup3 .con1 .flex .img:nth-last-of-type(-n+2) { margin: 0;}
}

.syrup4 {}
.syrup4 .txt p {padding: 0 0 10px;}
.syrup4 ul.num { padding: 10px 0 20px;}
.syrup4 .flex .img { width: 23.08%;}
@media (max-width:1080px){
    .syrup4 br.hid { display: none;}
}
@media (max-width:480px){
    .syrup4 .flex { flex-wrap: wrap;}
    .syrup4 .flex .img { margin: 0 0 20px;  width: 48%;}
    .syrup4 .flex .img:nth-last-of-type(-n+2) { margin: 0;}
}

.sale .con1{ padding-bottom: 0;}
.sale table th { background: #faf4ed;}
.sale .con2 table { margin: 20px 0 0; }
.sale .con2 table caption { width: 100%;}


.sale .con3 { background: #f9f9f9;}
.sale .con3 ul.num { flex-wrap: wrap;}
.sale .con3 ul.num li { padding: 0 0 30px; width: calc(50% - 15px);}
.sale .con3 ul.num li > p { padding: 0 0 15px 35px;}
.sale .con3 ul.num li .img-wrap {  padding: 0;  height: auto;}
.sale .con3 ul.num li .img-wrap .img { flex:1; }
.sale .con3 ul.num li .img-wrap .img img { width: 100%;}
.sale .con3 ul.num li .img-wrap .img:first-of-type { margin: 0 30px 0 0;}
.sale .con3 ul.num li .img-wrap .img p { padding: 10px 0 0; text-align: center; font-size: 16px; color: #555;}
.sale .con4 p span { display:block; padding: 5px 0 0;}
.sale .con4 table { margin: 20px 0 0;}


@media (max-width:1064px){
    .sale .con3 ul.num li .img-wrap .img p br { display: none;}
}
@media (max-width:991px){
    .sale .con3 ul.num li { width: calc(50% - 7px);}
    .sale .con3 ul.num li .img-wrap .img:first-of-type { margin: 0 14px 0 0;}
}
@media (max-width:768px){
    .sale .con3 ul.num li { width: 100%;}
    .sale .con3 ul.num li:nth-of-type(4)  { margin: -10px 0 0;}
    .sale .con3 ul.num li:nth-of-type(4) > p { display: none; margin: -10px 0 0;}
}
@media (max-width:576px){

    .sale .con3 ul.num > li p{ padding: 0 0 10px 25px; }
    .sale .con3 ul.num li .img-wrap .img p { font-size: inherit;}
}