.page1{padding:200px 0;background:url(../nonsurgical4/images/non4_bg.png)no-repeat #ebe5e2;background-position:right;position:relative;z-index:0;}
.body_letter{font-size:100px;text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0.3;filter:blur(3px);color:#fff;z-index:-1;white-space:nowrap;}
.page1 .ctt{display:flex;align-items:center;justify-content:space-between;}
.page1 h2{font-size:40px;font-weight:700;}
.page1 p{font-size:18px;margin-top:30px;line-height:32px;}
.page1 p span{display:block;font-size:28px;font-weight:700;margin-bottom:20px;color:#9f8762;}
.page1 b{display:block;font-size:18px;color:#000;font-weight:600;margin-top:30px;padding-top:30px;border-top:1px solid rgba(0,0,0,0.2)}

.page2{    background: #333;
    padding-bottom:150px;}
.page2 .ctt{display:flex;align-items:end;margin-top:-100px;}
.page2 h2{font-size:32px;font-weight:700;line-height:46px;color:#fff}
.rolling{position:relative;overflow:hidden;width:500px;}
.page2_txt{padding-left:100px;}
.page2_txt p{font-size:18px;line-height:32px;color:#f9f9f9;margin-top:30px;}


.page3{padding:150px 0;background:#f8f8f8;}
.page3 .ctt{position:relative;}
.page3 h2{font-size:32px;font-weight:700;text-align:center;}
.page3 ul{display:flex;margin-top:60px;margin-bottom:50px;padding-bottom:50px;border-bottom:1px dashed #e4e4e4;}
.page3 ul li{width:25%;}
.page3 ul li img{display:block;margin:0 auto 25px auto;width:60px;height:60px;}
.page3 ul li p{font-size:20px;line-height:28px;font-weight:500;text-align:Center;}
.page3 ul li p span{color: #9f8762;
    display: block;
    letter-spacing: 0.5px;
    font-weight: 600;
    font-style: italic;
    text-decoration: underline;
    margin-bottom: 10px;
}

.war{width:400px ;margin:0 auto;display:Block;}
.m_non_img{display:none;}
@media screen and (max-width:799px){
  
  .m_non_img{display:block;width:100%;border-radius:0 100px 0 0}
  .body_letter {
    font-size: 40px;
    line-height: 88px;
    left: 10px;
    top: 10px;
    width: 100%;
    filter: blur(1px);
    transform: translate(0);
    text-align: left;
    opacity: 0.5;}
  .page1{background-image:none;padding:80px 0;}
  .page1 .ctt{display:block;}
  .page1 .ctt div{background:#fff;padding:50px 30px;}
  .page1 h2{font-size:20px;}
  .page1 p span{font-size:18px;margin-bottom:10px;}
  .page1 p {
    font-size: 15px;
    margin-top: 20px;
    line-height: 28px;}
  .page1 b{    font-size: 14px;
    line-height: 28px;
    background: #044567;
    color: #fff;
    padding: 20px;
    border-radius: 15px;
}
  .page1 b br{display:none;}
  
  
  .warning{background-position:center;padding:50px 0;}
  .warning p{font-size:16px;width:90%;margin:0 auto;line-height:28px;}
  
  .page2{padding-bottom:80px;}
  .page2 .ctt{display:block;}
  .rolling{width:100%;margin-top:40px;}
  .rolling .swiper-slide img{width:100%;}
  .page2_txt{padding-left:10px;margin-top:30px;}
  .page2 h2 {
    font-size: 20px;
    line-height: 32px;}
  .page2_txt p {
    font-size: 15px;
    line-height: 28px;margin-top:20px;}
  
  .page3{padding:80px 0;}
  .page3 h2{font-size:20px;}
  .page3 ul{flex-wrap:wrap;margin-top:30px;margin-bottom:20px;padding-bottom:20px;}
  .page3 ul li{width:50%;}
  .page3 ul li p span{font-size:14px;}
  .page3 ul li p {
    font-size: 15px;
    line-height: 22px;}
  .page3 ul li img {
    display: block;
    margin: 0 auto 5px auto;
    width: 50px;
    height: 50px;}
  .page3 ul li:nth-child(n+3){margin-top:30px;}
  .war{width:250px}
  .fixed2{width:100%;margin-top:30px;}
    .fixed2 .swiper-slide p{font-size:15px;}
  .fixed2 .swiper-slide p span{font-size:12px;padding:7px 15px;margin-top:10px;}
  .fixed_btn{z-index:1;}
    .fixed2-next, .fixed2-prev {
    background-size: 30px;
    width: 30px;
    height: 30px;}
}
}