@charset "UTF-8";

/* @font-face {
    font-family: 'RixSMjb';
    src: url('../font/RixSMjB.ttf') format('truetype');
} */

.visual{background: url('../img/visual.png')no-repeat; background-size: cover; background-position: center; padding: 220px 0px 750px 0px; position: relative;}
.visual .width{text-align: center; }
.visual .width h2{font-family: 'RixSMjb'; font-size: 5.5rem; color: var(--c1); line-height: 135%;}
.visual .width h3{font-family: 'RixSMjb'; font-size: 2.8rem; color:#fff; line-height: 135%;}
.visual .width span{color: #fff; font-weight: 100; position: absolute; bottom: -700px; right: 10px;}
.visual .title{margin-bottom: 40px;}

.visual2{background: url('../img/visual2.png')no-repeat; background-size: cover; background-position: center; padding: 220px 0px 750px 0px; position: relative;}

.title{text-align: center;}
.title h2{font-size: 5.0rem; font-family: 'RixSMjb'; margin-top: 15px; margin-bottom: 18px;}

#page1{background: url('../img/bg1.png')no-repeat; background-size: cover; background-position: center;}
#page1 .title h2{color: var(--c2)}
#page1 .title{ margin-bottom: 100px;}
#page1 .img{max-width: 630px; margin: 0 auto;}
#page1 .img img{width: 100%;}
#page1 .text{margin-top: 60px; text-align:center;}
#page1 .text p{margin-bottom: 40px; font-size: 2.8rem; font-family: 'RixSMjb';color: var(--c2); line-height: 135%;}
#page1 .text p:nth-child(3){margin-bottom: 70px;}
#page1 .text h3{font-family: 'RixSMjb';color: var(--c2); line-height: 135%; font-size: 5.0rem;}

#page2{background: url('../img/bg2.png')no-repeat; background-size: cover; background-position: center;}
#page2 .title h2{color: #fff;}
#page2 .title{margin-bottom: 70px;}
#page2 .img{position: relative; z-index: 1; text-align: center;}
#page2 .img .big{max-width: 1050px; margin: 0 auto;}
#page2 .img img{width: 100%; margin-bottom: 70px; position: relative; z-index: 1;}
#page2 .img span{position: absolute; z-index: 2;}
#page2 .img .review1{left: 6%; top: -40px;}
#page2 .img .review2{right: 11%; top: -10px;}
#page2 .img .review3{left: -1%; bottom: -50px;;}
#page2 .img .review4{right: 4%; bottom: 45px;}
#page2 .img span{max-width:560px; }
#page2 .img span img{width: 100%;;}
#page2  h5{font-family: 'RixSMjb';color: #fff; line-height: 135%; font-size: 5.0rem; text-align: center;}

#page3{background: url('../img/bg3.png')no-repeat; background-size: cover; background-position: center;}
#page3 .title{margin-bottom: 80px;}
#page3 .title h2{color: var(--c2)}
#page3 .box_wrap{display: flex; justify-content: space-between; gap:40px 0px;}
#page3 .box{width: 47%;}
#page3 .box img{width: 100%; margin-bottom: 40px;}
#page3 .box ul{width: 85%; margin: 0 auto;}
#page3 .box h2{text-align: center; font-size: 2.8rem; font-family: 'RixSMjb'; color: var(--c2); margin-bottom: 25px;}
#page3 .box li{color: var(--c2); font-size: 2.2rem; margin-top: 7px;}
#page3 .box li span{margin-right: 10px;}
#page3 h6{margin-top: 75px; text-align: center; font-family: 'RixSMjb'; color: var(--c2); font-size: 5.0rem}
#page3 h5{ font-family: 'RixSMjb'; margin-top: 15px; font-size: 2.2rem; color: var(--c2); text-align: center;}

#page4{background: url('../img/bg4.png')no-repeat; background-size: cover; background-position: center;}
#page4 .title{margin-bottom: 80px;}
#page4 .title h2{color: #c29a5b;}
#page4 .box_wrap{padding: 50px; background: rgba(0,0,0,0.34); border: 1px solid #000;}
#page4 .box h3{color: #c29a5b; font-size: 2.8rem; font-family: 'RixSMjb'; min-width: 47px;}
#page4 .box h2{color: #c29a5b; font-size: 2.8rem; font-family: 'RixSMjb'; margin-bottom: 12px;}
#page4 .box p{font-size: 2.2rem; color: #fff; line-height: 135%;}
#page4 .box{display: flex; padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid rgba(255,255,255,0.23)}
#page4 .box:last-child{margin-bottom: 0px; padding-bottom: 0px; border-bottom: 0px;}

#page5{background: url('../img/bg5.png')no-repeat; background-size: cover; background-position: center;}
#page5 .title{margin-bottom: 80px;}
#page5 .title h2{color: var(--c2)}

#page6{background: url('../img/bg6.png')no-repeat; background-size: cover; background-position: center; padding-bottom: 250px;}
#page6 .title{margin-bottom: 40px;}
#page6 .title h2{color: #fff;}
#page6 .text{text-align: center;}
#page6 .text h3{color: #fff; font-size: 2.5rem; font-family: 'RixSMjb'; line-height: 135%; margin-bottom: 70px;}
#page6 .text a{padding: 10px 10px 10px 50px; background: #fff; font-family: 'RixSMjb'; font-size: 3.4rem; border-radius: 50px; display: inline-block; color: #202401;}
#page6 .text a span{width: 70px; height: 70px; border-radius: 50%; background: #202401; color: #fff; text-align: center; line-height: 70px; font-family: 'RixSMjb'; font-size: 2.2rem; display: inline-block;}

#ft .foot_logo img{width: 80px; margin-bottom: 45px;}
#ft .foot_info{display: flex; gap: 3px 1.5%; flex-wrap: wrap; justify-content: center;}
#ft .foot_info p{color: #fff; font-size: 1.7rem; font-weight: 200; line-height: 150%;}
#ft .foot_info a{color: #fff; font-size: 1.7rem; font-weight: 200; line-height: 150%;}
.pop_wrap {display: none;position: fixed;top: 0;left: 0;background: rgb(0, 0, 0, 0.3);width: 100%;  height: 100%;  z-index: 9999;}
.pop_wrap .pop-inner {position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  width: 90%;  max-width: 850px;background: #fff;  line-height: 25px; height: 90vh; overflow-y: scroll;}
.pop-close {  position: absolute;  top: 5px;  right: 5px;  width: 30px;  height: 30px;  cursor: pointer;}
.pop-close i{font-size: 24px;}

.quick_banner{z-index: 99; right: 10px; top: 35%; position: fixed; border-radius: 40px; overflow: hidden; display: flex; flex-direction: column;}
.quick_banner img{width: 85px;}

.pic_lt_block li .last_title{word-break: break-all !important;}

@media all and (max-width: 1400px){
  #header .head_menu .pmenu{gap:0px 3%;}
  .visual .width h2, .visual .width h3{font-size: 4.5rem;}
  .visual{padding: 200px 0px 480px 0px;}
  .visual .width span{bottom: -20px; opacity: 0.5;}
  .title h2{font-size: 4.0rem;}
  .title h4 img{width: 110px;}
  .title h5 img{width: 170px;}
  #page1 .text h3, #page2 h5, #page3 h6{font-size: 4.0rem;}
  #page2 .img .review2{right: -2%;}
  #page2 .img .review4{right: -4%;}
  #page2 .img .review1{left: -4%}
  #page2 .img .review3{left: -6%}
  #page2 .img span{max-width: 480px;}
}
@media all and (max-width: 1200px){}
@media all and (max-width: 1024px){
  .visual{padding-top: 130px; padding-bottom: 340px;}
  #page1 .text p{font-size: 2.2rem; margin-bottom: 25px;}
  #page1 .text p:nth-child(3){margin-bottom: 45px;}
  .visual .width h2, .visual .width h3{font-size: 3.6rem;}
  .title h4 img{width: 95px;}
  .title h5 img{width: 145px;}
  .title h5{margin-top: 0px !important;}
  .title h2{font-size: 3.0rem;}
  #page1 .title{margin-bottom: 40px;}
  #page1 .text{margin-top: 30px;}
  #page1 .text h3, #page2 h5, #page3 h6{font-size: 2.6rem;}
  #page4 .box_wrap{padding: 25px;}
  #page4 .box h2, #page4 .box h3{font-size: 2.2rem;}
  #page4 .box p{font-size: 1.7rem;}
  .pic_lt_block li .last_title{font-size: 1.8rem;}
  .main_admin{top: 90px;}
}
@media all and (max-width: 900px){}
@media all and (max-width: 850px){
  #page3 .box li{display: flex;}
  #page3 .box li{font-size: 2.0rem;}
  #page3 .box_wrap{flex-direction: column; gap:80px 0px;}
  #page3 .box{width: 100%;}
  #page3 .box img{margin-bottom: 15px;}
  .visual{background: url('../img/mvisual.png')no-repeat; background-size: cover; background-position: center; position: relative;}
  .visual2{background: url('../img/mvisual2.png')no-repeat; background-size: cover; background-position: center; position: relative;}
  .quick_banner{top: initial; bottom: 10px;}
  #page6{background: url('../img/mbg6.png')no-repeat; background-size: cover; background-position: center; }
}
@media all and (max-width: 768px){
  .visual .width h2, .visual .width h3{font-size: 2.8rem;}
  #page1 .text h3, #page2 h5, #page3 h6{font-size: 2.2rem;}
  .visual{padding-bottom: 330px;}
  .pic_lt_block li{width: 24%;}
  .pic_gallery{overflow-y: scroll; height: 40vh;}
  #page6 .text a span{width: 60px; height: 60px; line-height: 60px; font-size: 1.7rem;}
  #page6 .text a{font-size: 2.8rem;}
  .quick_banner img{width: 65px;}
  #page1 .text p{font-size: 1.9rem; margin-bottom: 15px;}
  #page6 .text h3{font-size: 2.0rem;}
  #page6{padding-bottom: 60px;}
  #page1 .img{text-align: center;}
  #page1 .img img{width: 85%;}
  #page6 .text h3{margin-bottom: 30px;}
  #page6 .title{margin-bottom: 10px;}
  #page3 h5{font-size: 1.7rem;}
}
@media all and (max-width: 650px){
  .pic_lt_block li{width: 32.5%; font-size: 1.6rem;}
  .pic_lt_block2 li{width: 100%;}
}
  .pic_lt_block2 .pic_gallery{height: 100%;}