/* BASIC css start */
#contentWrap{max-width:100% !important;background:#f5f7f9; padding-top:0 !important;}
.page-body{max-width:1600px; margin:0 auto;}


.st-wrp{background-color:#112037;position:relative;overflow: hidden; width:100%; height:550px;}
.st-top{letter-spacing:1px; position:absolute;left: calc((100% - 103.5rem)/2 + 2rem); top:200px; z-index:1; width:1000px;}
.st-top p{font-size:2.2rem; line-height:1.6;color:#fff; font-family: 'FlightSans-Regular', sans-serif; position:relative; display:inline-block;}
.st-top p i{font-size:1.2rem; position:absolute; top:-5px; right:-13px;color:#00FFFF;}
.st-top strong{ font-size:1.125rem; display:block; color:#fff; font-weight:500; line-height:1.1; opacity:.5;}
.st-top h1{ margin:5rem 0; font-size:3.525rem; font-family: 'FlightSans-Regular', sans-serif; line-height:1.3; text-align:left;color:#fff;}
.st-top h1 span{color:#00FFFF;font-family: 'FlightSans-Title', sans-serif;}

.st-top .bt-wrp{display:flex; gap:2.5%; align-items:center; margin-top:6rem;}
.st-top .bt-wrp a{display:inline-block; font-size:1.2rem; padding:20px 70px; border:1px solid #017987; color:rgb(0,255,255); font-family: 'FlightSans-Regular', sans-serif; transition:all .5s; border-radius:10px; position:relative;}
.st-top .bt-wrp a i {padding-left:10px; display:none;position:absolute; right:35px; top:50%; transform:translateY(-50%);transition:all 1s;animation: arrowMove .2s ease-in-out infinite alternate;}
.st-top .bt-wrp a:hover {transform:translateY(-15px);box-shadow:0 0 20px rgba(0,255,255,.5); border:1px solid rgb(0,255,255); border-radius:50px; color:#00FFFF;font-family: 'FlightSans-Regular', sans-serif;}
.st-top .bt-wrp a:hover i{display:inline-block; color:yellow; }

.fade-slider {position: relative; }
.fade-slider .slide {position: absolute; top: 0; left: 0; width: 100%; height:550px;background-position: right; opacity: 0; animation: fade 9s infinite; z-index:0;}
.fade-slider .s1 {background-image: url('//resfor.cafe24.com/wig/site/mosim/st_bg1.jpg'); animation-delay: 0s;}
.fade-slider .s2 {background-image: url('//resfor.cafe24.com/wig/site/mosim/st_bg.jpg'); animation-delay: 3s;}
.fade-slider .s3 {background-image: url('//resfor.cafe24.com/wig/site/mosim/st_bg2.jpg'); animation-delay: 6s;}


@keyframes fade {
  0%   { opacity: 0; }
  10%  { opacity: 1; }
  30%  { opacity: 1; }
  40%  { opacity: 0; }
  100% { opacity: 0; }
}

@keyframes arrowMove {
  from {
    transform: translateY(-50%) translateX(0);
  }
  to {
    transform: translateY(-50%) translateX(-8px);
  }
}



/*why*/
.why_cont { padding:10rem 0 13rem;word-break:keep-all; background-color:#f5f7f9;}
.txt-wrp {display:flex; flex-direction:column; text-align:center; margin:0 auto; padding:2rem 0 3rem;width:100%;}
.txt-wrp>img{width:70px;height:70px;text-align:center; margin:0 auto;}
.txt-wrp .tit{font-weight:700; font-size:3.25rem; line-height:1.4; color:#333;font-family: 'FlightSans-Bold', sans-serif; margin:2rem 0;}
.txt-wrp .tit span{color:#355BF5; }
.txt-wrp .txt{font-size:1.5rem; font-weight:500; line-height:1.5; margin-top:1.5rem; color:333;}
.txt-wrp>*** {margin-top:1.25rem;}
.txt-group>*+* {margin-top:1.25rem;}
.cont-grid{text-align:center; display:flex; align-items:center;max-width:1400px; height:100%; margin:5rem auto 0; box-sizing:content-box;transition-property:transform,-webkit-transform; gap:3.3%;}
.cont-grid .txt-group {position:relative; width:30%; }
.cont-grid .txt-group .item_cover {display:flex; flex-direction:column; height:100%; border:1px solid #cfcfcf; background:#fff;border-radius:10px; padding:3rem 0 3.5rem;overflow:hidden;}
.cont-grid .txt-group .item_cover .item_img{width:75%; height:280px; margin:0 auto; line-height:280px;}
.cont-grid .txt-group .item_cover .item_img img {width:100%; text-align:center;}
.cont-grid .txt-group .item_cover .item_txt {text-align:center; padding-top:1rem;}
.cont-grid .txt-group .item_cover .item_txt em {display:inline-block; margin:1rem 0 1.5rem; font-size:2rem; line-height:1.25; font-weight:700; color:dimgray; border-bottom:1px solid dimgray; }
.cont-grid .txt-group .item_cover .item_txt span{font-size:1.215rem; line-height:1.4; color:dimgray;font-family: 'FlightSans-Bold', sans-serif; display:block;}
.cont-grid .txt-group .item_cover .item {opacity:0; position:absolute; top:0; left:0; bottom:0; right:0; background:#112037; transition:all .5s; padding:2rem; z-index:1; text-align:left;border-radius:10px;}
.cont-grid .txt-group .item_cover:hover .item{opacity:100%;}
.cont-grid .txt-group .item_cover .item strong {display:block; margin:1rem 0;word-break:keep-all;word-wrap:break-word; font-size:1.325rem; font-weight:600; line-height:1.5; color:#00ffff;}
.cont-grid .txt-group .item_cover .item p {word-break:keep-all;word-wrap:break-word; font-size:1.1rem; font-weight:400; line-height:1.5; color:#fff;}
.cont-grid .txt-group .num {display:inline-flex; font-size:1.25rem; color:#5aa933; font-weight:500;}
.cont-grid .txt-group .tit {margin-bottom:2.5rem; font-size:1.75rem; font-weight:600;}
.cont-grid .txt {font-size:1.125rem; font-weight:400; line-height:1.778;}
.cont-grid .txt strong{margin-top:20px; display:block; font-size:1.325rem;}




section.bg_sect{ padding:13rem 0;background:#fff;}
.special_sect .bg_tit{text-align:center; color:#333;}
.special_sect .bg_tit .desc {display:inline-block; margin-bottom:4rem; font-size:1.1rem; font-weight:600; color:#355BF5; letter-spacing:0.5px;font-family: 'Montserrat'; padding:12px 20px; border-radius:3px; border:1px solid #355BF5;}
.special_sect .bg_tit .tit{position:relative; font-size:3.25rem; line-height:1.4; font-family: 'FlightSans-Bold', sans-serif;}
.special_sect .bg_tit .tit span{color:#355BF5;}
.special_sect .cont{display:flex; align-items:flex-start; justify-content: space-between; width:70%; margin:0 auto; position:relative;}
.special_sect .cont .tab_wrap{position:sticky;left:0;top:0; width:20%; }
.special_sect .cont .tab_wrap .tab{position:relative; display:block; color:#333; font-size:1.8rem; opacity:0.7; transition:all 0.7s; cursor:pointer; padding:2rem 2rem 3rem; background:#f5f7f9; font-weight:700; margin-bottom:10px;}
.special_sect .cont .tab_wrap .tab:first-child{margin-top:10rem;}
.special_sect .cont .tab_wrap .tab.active {opacity:1; background:#eeeffa;}
.special_sect .cont .tab_wrap .tab:hover{opacity:1; font-weight:700; background:#eeeffa;}
.special_sect .cont .tab_wrap .tab + .tab{padding:2rem 2rem 3rem; background:#f5f7f9;}
.special_sect .cont .tab_wrap .tab + .tab.active{background:#eeeffa;}
.special_sect .cont .tab_wrap .tab + .tab:hover{background:#eeeffa;}
.special_sect .cont .tab_wrap .tab .desc{font-size:1rem; color:#333;font-weight:600;transition:color 0.3s; }
.special_sect .cont .tab_wrap .tab.active .desc{color:#355BF5;}
.special_sect .cont .tab_wrap .tab:hover .desc{color:#355BF5;}
.special_sect .cont .tab_wrap .tab .tit {margin-top:0.6rem; font-size:1.125rem;word-break:keep-all;}
.special_sect .cont .tab_wrap .tab .tit span{position:relative;}
.special_sect .cont .tab_wrap .tab .tit span:before{content:'';position:absolute;left:0;bottom:-1rem;width:0;height:1.5px; background-color:#355BF5; transition:width 0.7s;}
.special_sect .cont .tab_wrap .tab.active .tit span:before{width:100%;}
.special_sect .cont .tab_wrap .tab:hover .tit span:before{width:100%;}
.special_sect .cont .box_wrap {width:70%;}
.special_sect .cont .box:nth-of-type(odd){margin-right:auto;}
.special_sect .cont .box:nth-of-type(even){margin-left:auto;}
.special_sect .cont .box{width:60%;}
.special_sect .cont .box .txt_wrap .desc{font-size:1.325rem;font-weight:700;color:#355BF5; padding-top:10rem; border-radius:5px;}
.special_sect .cont .box .txt_wrap .tit{margin-top:3rem;font-size:2.325rem;;color:#333;line-height:1.2;word-break:keep-all;font-family: 'FlightSans-Bold', sans-serif;}
.special_sect .cont .box .txt_wrap .txt{font-size:1.2rem; margin-top:1.5rem; font-weight:400;color:#333;word-break:keep-all; line-height:1.5;}
.special_sect .cont .box .img{margin-top:4rem;}
.special_sect .cont .box .img img{max-width:100%;}














/* BASIC css end */