/* BASIC css start */
#contents { margin:0 auto;}

.cateWrap {position:relative;background:#fff;}
.cateWrap .cate1 dl dt{position:fixed;left:50%;top:1.111vw;transform:translateX(-50%); z-index:1001;}
.cateWrap .cate1 dl dt a{display:block; position:relative; padding-right:4.167vw; max-width:50vw; font-size:4.722vw;line-height:11.111vw; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;font-family :'FlightSans-Regular', sans-serif;}
.cateWrap .cate1 dl dt a svg{position:absolute; width:3.611vw; top: 50%; right:0; transform: translateY(-50%); transition:transform 0.3s;}
.cateWrap .cate1 dl dt a.active svg{ transform: translateY(-50%) rotate(-180deg);}
.cateWrap .cate1 dl dd{ display:none; position:fixed; top:var(--mainHeaderHeight); left:0; width:100%; padding:3.333vw 0; background:#fff; border-top: 1px solid #e9e9e9; z-index:1001;}
.cateWrap .cate1 dl dd ul li a{ display:block; padding:3.056vw; font-size:4.167vw; text-align:center; line-height:5.556vw; color:#b1b1b1; font-weight:500;font-family :'FlightSans-Regular', sans-serif;}
.cateWrap .cate1 dl dd ul li a.now{color:#000;font-family :'FlightSans-Bold', sans-serif;}
.cateWrap .cate1 .bgMask{ display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.2); z-index:998;}
.cateWrap .cate2 { padding:0 4.167vw; border-bottom:0.278vw solid #e9e9e9;}
.cateWrap .cate2 ul li{ width:auto; margin-right:6.111vw;}
.cateWrap .cate2 ul li a{ display:block; line-height:11.111vw; color:#b1b1b1; border-bottom:0.556vw solid #fff;font-family :'FlightSans-Regular', sans-serif;}
.cateWrap .cate2 ul li a.on{ color:#000; border-bottom:0.556vw solid #000;}
.cateWrap .cate3{ padding:0 4.167vw;background:#f8f8f8; border-bottom:0.278vw solid #e9e9e9;}
.cateWrap .cate3 ul li{ width:auto; margin-right:6.111vw;}
.cateWrap .cate3 ul li a{ display:block; line-height:11.111vw; font-size:3.056vw; color:#b1b1b1;}
.cateWrap .cate3 ul li a.on{color:#000;}



#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:300px;}
.st-top{letter-spacing:1px; width:95%; position:absolute;left:2.5%; top:80px; z-index:1; }
.st-top p{font-size:1.75rem; line-height:1.6;color:#fff; font-family: 'FlightSans-Bold', sans-serif; position:relative; display:inline-block;}
.st-top p i{font-size:1.125rem; position:absolute; top:-5px; right:-13px;color:#00FFFF;}
.st-top strong{ font-size:0.875rem; display:block; color:#fff; font-weight:500; line-height:1.1; opacity:.5;font-family: 'Montserrat', sans-serif; letter-spacing:0.2px;}
.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; justify-content:space-between; gap:2.5%; align-items:center; margin-top:2.5rem;}
.st-top .bt-wrp a{display:inline-block; font-size:0.875rem; padding:10px 15px; border:1px solid #017987; color:rgb(0,255,255); font-family: 'FlightSans-Regular', sans-serif; transition:all .5s; border-radius:10px; position:relative; text-align:center; width:30%; letter-spacing:0;}


.fade-slider {position: relative; }
.fade-slider .slide {position: absolute; top: 0; left: 0; width: 100%; height:300px;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');background-size: cover; background-position: center; animation-delay: 0s;}
.fade-slider .s2 {background-image: url('//resfor.cafe24.com/wig/site/mosim/st_bg.jpg');background-size: cover; background-position: center; animation-delay: 3s;}
.fade-slider .s3 {background-image: url('//resfor.cafe24.com/wig/site/mosim/st_bg2.jpg');background-size: cover; background-position: center; 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:4rem 0 1rem; 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:50px;height:50px;text-align:center; margin:0 auto;}
.txt-wrp .tit{font-size:2rem; line-height:1.4; color:#333;font-family: 'FlightSans-Bold', sans-serif; margin:2rem 0; word-break:keep-all;}
.txt-wrp .tit span{color:#355BF5; }
.txt-wrp .txt{font-size:1.125rem; font-weight:400; line-height:1.5; color:#333; word-break:keep-all; padding:0 10px;}
.txt-wrp>*** {margin-top:1.25rem;}
.txt-group>*+* {margin-top:1.25rem;}
.cont-grid{text-align:center; display:flex; align-items:center; flex-direction:column; margin:0 auto; box-sizing:content-box;transition-property:transform,-webkit-transform;}
.cont-grid .txt-group {position:relative; width:90%; margin:0 auto 20px;}
.cont-grid .txt-group .item_cover {display:flex; flex-direction:column; height:100%; border:1px solid #cfcfcf; background:#fff;border-radius:10px; padding:2rem 0 3rem;overflow:hidden;}
.cont-grid .txt-group .item_cover .item_img{width:75%; height:250px; margin:0 auto; line-height:280px;}
.cont-grid .txt-group .item_cover .item_img img {width:100%; text-align:center; vertical-align:middle;}
.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:1.75rem; 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.25rem; line-height:1.5; 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 2rem 3rem; z-index:1; text-align:left;border-radius:10px; display:flex; justify-content:space-between;flex-direction:column;}
.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.25rem; font-family :'FlightSans-Bold', sans-serif; line-height:1.5; color:#00ffff;}
.cont-grid .txt-group .item_cover .item p {word-break:keep-all;word-wrap:break-word; font-size:1rem; font-family :'FlightSans-Regular', sans-serif; line-height:1.5; color:#fff;}
.cont-grid .txt-group .item_cover .more{font-size:0.875rem; font-family: 'Montserrat', sans-serif; letter-spacing:0.3px;}
.cont-grid .txt-group .item_cover .more i{padding-left:5px;}
.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:7rem 0 5rem;}
.special_sect .bg_tit{text-align:center; color:#333;}
.special_sect .bg_tit .desc {display:inline-block; margin-bottom:2rem; font-size:0.875rem; font-weight:600; color:#355BF5; letter-spacing:0.3px;font-family: 'Montserrat'; padding:8px 15px; border-radius:5px; border:1px solid #355BF5;}
.special_sect .bg_tit .tit{position:relative; font-size:1.5rem; line-height:1.4; font-family: 'FlightSans-Bold', sans-serif;}
.special_sect .bg_tit .tit span{color:#355BF5;}
.special_sect .cont{margin:0 auto; position:relative; width:90%;}
.special_sect .cont .box_wrap {}
.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{}
.special_sect .cont .box .txt_wrap .desc{font-size:1.25rem;font-weight:700;color:#355BF5; padding-top:5rem; border-radius:5px;font-family: 'Montserrat', sans-serif; }
.special_sect .cont .box .txt_wrap .tit{margin-top:1rem;font-size:1.5rem;;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:1rem; margin-top:1rem; color:#555;word-break:keep-all; line-height:1.5;font-family :'FlightSans-Regular', sans-serif;}
.special_sect .cont .box .img{margin-top:2rem;}
.special_sect .cont .box .img img{max-width:100%;}

















/* BASIC css end */