<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.main-mv::after, .main-mv::before {
  display: none;
}
.main-business__typo {
  margin-left: 0;
}
.main-mv .inner{
  padding: 0;
}
.main-mv__win &gt; div .num {
  font-size: 40px;
}
.main-mv__win p {
  font-size: 16px;
}
.main-mv__win &gt; div span {
  font-size: 20px;
}
.main-mv__win {
  width: 200px;
  gap: 10px;
}
.main-mv__desc ul li p:last-child {
  font-size: 54px;
}
.main-mv__desc ul li p {
  font-size: 18px;
}
.main-mv__desc ul li:last-child {
  margin-left: 110px;
}
.main-mv__search {
  margin-top: 50px;
}
.main-instance::after, .main-instance::before {
  display: none;
}
.main-business__tit h3 p {
  font-size: 40px;
}
.main-business__tit {
  -webkit-transform: translateY(-40px);
  transform: translateY(-40px);
}
.main-business .inner {
  margin: 0;
}
.main-business .main-tit__area{
  margin-top: 50px;
  margin-right: 3.90625%;
}
.main-business__list{
  margin-top: -10px;
}
.main-business__typo img {
  width: 92%;
  margin: 0 auto;
}
.main-tit__area h2 {
  font-size: 16px;
}
.main-instance {
  padding-top: 100px;
}
.main-instance__top {
  padding-right: 0;
  margin-bottom: 40px;
}
.main-instance .main-tit__area h3 {
  font-size: 38px;
}
.main-instance__wraper{
  padding-left: 0;
}
.main-instance__list {
  gap: 30px;
}
.instance-form{
  gap: 20px;
  width: 92%;
}
.instance-form &gt; div input[type=text], .instance-form &gt; div select, .instance-form &gt; div textarea{
  height: 40px;
  padding: 0 14px;
  font-size: 15px;
}
.instance-form &gt; div textarea {
  height: 140px;
  padding: 14px;
}
.instance-form &gt; div button {
  height: 40px;
  font-size: 15px;
}
.instance-form &gt; div &gt; div label{
  font-size: 15px;
}
.main-tit__area {
  padding: 0;
}
.main-instance__typo{
  margin-left: 0;
}
.main-insights .inner {
  margin: 0;
}
.main-insights .view-more {
  right: 20px;
}
.main-instance__typo {
  bottom: 20px;
}
.main-instance__item a {
  width: 360px;
  padding: 20px;
  height: 260px;
}
.main-instance__form {
  width: 360px;
  height: 450px;
  padding: 20px;
}
.instance-form {
  margin-top: 165px;
}
.main-instance__last p {
  top: 120px;
}
.main-instance__form .scroll{
  bottom: 150px;
}
.main-instance__cate {
  margin-bottom: 14px;
}
.main-instance__cate span {
  padding: 6px 10px;
  font-size: 13px;
}
.main-instance__tit {
  font-size: 18px;
  margin-bottom: 12px;
}
.main-instance__bottom span {
  font-size: 14px;
}
.main-news {
  padding: 0;
}
.main-news__list {
  padding: 0;
}
.main-news__list li a {
  padding: 26px 40px;
}
.main-news .inner{
  border-bottom: none;
  margin: 0 3.90625%;
}
.main-news .line-anim {
  display: none;
}
@media all and (max-width:1024px) {
  .main-mv .inner {
    flex-direction: column;
    align-items: flex-start;
  }
  .main-mv__win {
    align-self: flex-end;
  }
  .scroll-bar {
    height: 60px;
  }
  .main-mv .scroll {
    font-size: 12px;
    gap: 15px;
  }
  .main-mv__desc {
    padding-bottom: 0;
    margin-bottom: 50px;
  }
  .main-business__list ul {
    flex-wrap: wrap;
  }
  .main-business__list ul li {
    flex: none;
    width: 50%;
  }
  .main-business__list ul li:nth-child(1),
  .main-business__list ul li:nth-child(2) {
    border-bottom: 1px solid var(--line);
  }
  .main-business__list ul li a figure {
    width: 100%;
  }
  .main-business__list ul li a figure img {
    width: 100%;
    height: auto;
  }
  .main-business__list .vertical-lines div:first-child,
  .main-business__list .vertical-lines div:last-child {
    opacity: 0;
  }
  .main-insights__left {
    padding: 30px;
  }
  .main-insights__left p {
    font-size: 26px;
  }
  .main-insights__right li a {
    flex-direction: column;
    padding: 20px 20px;
    position: relative;
  }
  .main-insights__txt {
    padding: 0;
  }
  .main-instance__bottom{
    margin-top: 60px;
  }
  .main-insights__right li a figure{
    max-width: 100%;
    width: 46vw;
  }
  .main-insights__txt p{
    margin-bottom: 10px;
  }
  .main-tit__area h3 {
    font-size: 36px;
    margin-top: 14px;
  }
  .main-news__list {
    margin-top: 50px;
  }
  .main-news__date,
  .main-news__list .visit-btn__arrow{
    display: none;
  }
}

@media all and (max-width:980px) {
  .hide-890{
    display: none;
  }
  .sc-story .grid-box .box-top .side-card{
    display: none;
  }
  .sc-story .grid-box .box-bottom .mini-card:last-child{
    display: none;
  }
 /* .sc-story .box-bottom .mini-card {
    max-width: none !important;
    flex-shrink: 1;
  } */

    .sc-info .flex{
      display: flex;
      gap: 20px;
      flex-direction: column;
    }
    .sc-info .flex-left {
      max-width: none;
      width: 100%;
    /* max-height: 260px; */
    }
    .flex-right .mini-card:nth-child(3){display: none;}
    .flex-right .mini-card:nth-child(4){display: none;}
    .flex-right .mini-card{
      width: 100%;   
      max-width: none;           
      
    }
    .sc-info .flex-right{
      display: grid;
      grid-template-columns: repeat(2,1fr);
      grid-template-rows: repeat(1,1fr);
      gap: 13px;
    }
    .sc-info .flex-left .thumb img {
      object-position: top;
    }
}
@media all and (max-width:768px) {
  .snap-container {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 0);
    height: calc(100vh - 80px);
    overflow-y: hidden;
    z-index: 80;
     
    }
}
@media all and (max-width:720px) {
  .hide-720{
    display: none;
  }
  .snap-container {
    height: calc(100vh - 80px);
    }
    .sc-info .flex-left .txt strong{margin-right: 0;}
  .snap-container {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 0);
    /* height: 760px; */
    height: calc(100vh - 80px);
    overflow-y: hidden;
    z-index: 80;
     
    }

    .sc-regi .inner-1220{
      padding: 54px 20px;
    }
    .grid-box .main-card .desc p{
    -webkit-line-clamp: 3;
    margin-top: 22px;
    }
    .grid-box .main-card h3{
      margin: 12px 0 16px;height: 53px;
    }
    .grid-box .main-card .txt{
      padding: 20px;
    }
    .flex-right .mini-card,
    .sc-story .grid-box  .mini-card{
      flex: none !important;
      min-width: unset;
    }
    .side-card{
      display: block;
    }
    .sc-story .grid-box .box-bottom .mini-card:last-child{
     display: block;
    }

    .sc-story .grid-box {
      flex-direction: row;
      gap: 0;
      margin-left: 20px;
    }
    .sc-news .flex {
     flex-direction: column;
     gap: 20px;
    }

    .sc-news .flex {
      min-height: none;
    }
    .ct-area{
      position: absolute;
      top: 82%;
      left: 20px;
    }
    .mySwiper2 .swiper-slide img {
      /* height: auto; */

    }

    .tag .blue{
    font-size: 14px;
    font-weight: 500;
    }
    .tag :not(.blue){
    font-size: 16px !important;
    }
    .sc-main .headline-area{
 
      position: absolute;
      left: 50%;
      top:45%;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       z-index: 5;
       color: #fff;
       text-align: center;
       width: 100%;
     }
     

    .sc-news .mySwiper{
      width: 100%;
    }
    .sc-news .mySwiper2 {
      height: 280px;
      width: 100%;
      flex: none;
  }
  .sc-news .txt h3{
    margin: 18px 0 74px;
  }
  .sc-story .grid-box .main-card {
    max-height: none;
    width: 100%;
    flex: none;
    /* height: 282px; */
  }
  .sc-story .grid-box .mini-card,
  .sc-story .grid-box .side-card {
    max-width: none;
    max-height: none;
    width: 100%;
    /* height: 100%; */
    /* height: 282px; */
    height: 256px;
  }
  .sc-story .grid-box .main-card{
    border: none;
    overflow: hidden;
    height: 256px;
  }
  .side-card a,
  .mini-card a{
    border: 1px solid #F4F4F4;
  }
  .mini-card .desc p,
  .side-card .desc p{
    margin-top: 22px;
  }
  .flex-right .mini-card:nth-child(3){display: block;}
  .flex-right .mini-card:nth-child(4){display: block;}

  .sc-info .flex-right {
    display: flex;
    gap: 0;
  }

  .busi-slide .swiper-slide .cont p{
    width: 200px;
  }
  .busi-slide .swiper-slide .cont{
    display: block;
    width: 100%;
    height: 100%;
  }
  .busi-slide .swiper-slide .thumb{
    width: 100%;
    height: 100%;
  }
  .busi-slide .swiper-slide{
    aspect-ratio: 280 / 286;
    width: 100%;             
    max-width: 280px;        
    height: auto;             
    max-height: 286px;       
    display: block;          
    object-fit: cover;  
  }
  /* .busi-slide .swiper-slide {
    width: 58%;
  } */
.info-slide{
  width: 100%;
}
.info-slide .swiper-wrapper{
  margin-top: 26px;
  margin-left: 20px;
  padding-bottom: 50px;
}
.swiper-pagination-bullet-active {
  background: #000; 
}
.sc-info .inner-1220{
  padding: 0 0px;
}


.fixed-btn{
  position: fixed;
  right: 20px !important;
  bottom: 20px !important;
   display: flex;
   flex-direction: column;
   gap: 10px;
   z-index: 99;
 }

 .snap-section {
  margin-top: 0 !important;
  padding: 50px 0;
 }
 .sc-info{
  margin-bottom: 0 !important;
 }
 .sc-regi a {
  padding: 55px 31px;
 }

 .sc-main .headline-area strong{
  font-size: 14px;
}
.sc-main .headline-area h2{
  padding: 30px 0;
font-size: 26px;
}
.sc-main .headline-area p{
  font-size: 14px;
}


.header-side .inner{
  margin: 0;
}

.scroll-box{
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 12px;
  position: absolute;
  left: 50%;
  bottom: 80px;
  transform: translateX(-50%);
}







  .main-mv {
    height: auto;
    padding-top: 50vw;
    padding-bottom: 50vw;
    background-image: url('/image/main/mv_m.jpg');
  }
  .main-mv__desc {
    margin-bottom: 20.83vw;
  }
  .main-mv__desc ul li:last-child {
    margin-left: 0;
    margin-top: 2vw;
  }
  .main-mv__desc ul li p {
    line-height: 1;
  }
  .main-mv__desc ul li p:first-child {
    font-size: 5vw;
    white-space: nowrap;
  }
  .main-mv__desc ul li p:last-child {
    font-size: 12.5vw;
  }
  .main-mv__search{
    width: 83.33vw;
    height: 9.72vw;
    padding: 0 2.78vw;
    border-width: .14vw;
    margin-top: 11.11vw;
  }
  .main-mv__search button {
    width: 4.44vw;
  }
  .main-mv__search input[type=text] {
    font-size: 3.06vw;
  }
  .main-mv__win {
    width: 41.67vw;
    gap: 4.17vw;
    padding-top: 4.17vw;
  }
  .main-mv__win p {
    font-size: 3.89vw;
  }
  .main-mv__win &gt; div .num {
    font-size: 10.42vw;
  }
  .main-mv__win &gt; div span {
    font-size: 5vw;
  }
  .main-mv .scroll {
    font-size: 2.78vw;
    gap: 2.78vw;
  }
  .scroll-bar{
    height: 13.89vw;
  }
  .main-business {
    padding: 13.89vw 0 16.67vw;
  }
  .main-business__list ul li a p {
    font-size: 4.17vw;
    padding: 5.56vw 0;
  }
  .main-business__list ul li {
    padding: 4.17vw;
    height: 80.83vw;
  }
  .main-business__list ul li:hover a p {
    top: calc(50% - 90px);
  }
  .main-business__list ul li a figure {
    top: 22vw;
  }
  .main-business__list ul li a figure img {
    height: 72.22vw;
    width: 41.67vw;
  }
  .main-business__list ul li:hover a .main-business__more {
    margin-top: 8.33vw;
    gap: 3.47vw;
  }
  .main-business__list {
    margin-top: -4.72vw;
  }
  .main-business__tit {
    -webkit-transform: translateY(-8.33vw);
    transform: translateY(-8.33vw);
  }
  .main-business__tit h3 p {
    font-size: 7.78vw;
  }
  .main-business__tit &gt; p {
    font-size: 3.61vw;
    margin-top: 5.56vw;
  }
  .main-tit__area{
    gap: 0 1.39vw;
    font-size: 2.5vw;
  }
  .main-business .main-tit__area {
    margin-top: 13.89vw;
  }
  .main-tit__area span {
    width: 5.56vw;
  }
  .main-tit__area h2 {
    font-size: 3.33vw;
  }
  .main-business .view-more {
    margin: 11.11vw auto 0;
  }
  /* .view-more {
    width: 38.89vw;
    height: 11.81vw;
    gap: 3.47vw;
    border: 1px solid var(--line);
    font-size: 2.5vw;
  } */
  .view-more img {
    width: 2.78vw;
  }
  .main-business__banner {
    margin-top: 16.67vw;
    padding: 4.17vw;
    height: 75vw;
  }
  .main-business__banner a {
    padding-left: 5.56vw;
  }
  .main-business__banner a::after {
    background-image: url("/image/main/main_business_banner_m.jpg");
  }
  .main-business__banner a h3 {
    font-size: 6.39vw;
    margin-bottom: 4.17vw;
  }
  .main-business__banner a p{
    font-size: 3.61vw;
  }
  .main-business__banner .visit-btn {
    margin-top: 13.89vw;
  }
  .main-insights {
    height: auto;
    position: relative;
    padding: 41.67vw 0;
  }
  .main-insights .inner {
    margin: 0;
  }
  .main-insights__desc {
    display: block;
  }
  .main-insights__left {
    display: none;
  }
  .main-insights .main-tit__area{
    padding: 0;
    top: 16.67vw;
  }
  .main-insights .view-more{
    right: var(--innerLine);
    top: -22.22vw;
  }
  .main-tit__area h3 {
    font-size: 8.06vw;
    margin-top: 4.17vw;
  } 
  .main-insights__right li a {
    padding: 4.17vw;
    gap: 4.17vw;
    height: 101.11vw;
  }
  .main-insights__right li a figure {
    width: 91.67vw;
    height: 57.5vw;
  }
  .main-insights__txt p {
    line-height: 1;
    font-size: 3.33vw;
    margin-bottom: 2.78vw;
  }
  .main-insights__txt strong {
    font-size: 4.17vw;
    height: 2.9em;
  }
  .main-insights__txt {
    padding: 1.39vw 0;
    position: absolute;
    bottom: 4.17vw;
    left: 4.17vw;
    right: 4.17vw;
    height: 31.11vw;
  }
  .main-instance__bottom {
    margin-top: auto;
  }
  .main-instance .main-tit__area h3{
    line-height: 1.27;
  }
  .main-news__list {
    margin-top: 11.11vw;
  }
  .main-news__list li a {
    padding: 6.94vw 4.17vw;
    gap: 4.17vw;
    flex-direction: column;
    align-items: flex-start;
  }
  .main-news__cate {
    font-size: 2.78vw;
  }
  .main-news__tit {
    width: 100%;
  }
  .main-news__tit strong {
    font-size: 3.89vw;
  }
  .main-news__tit p{
    margin-top: 2.78vw;
    font-size: 3.33vw;
  }
  .main-news .main-tit__area {
    padding-top: 16.67vw;
  }
  .main-news .inner {
    padding-bottom: 16.67vw;
    margin: 0 4.17vw;
  }
  .instance-form__mob {
    display: flex;
  }
  .instance-form,
  #onlinefrm {
    width: 100%;
  }
  .sc-info .flex-left .txt h2{
    padding-bottom: 80px;
  }
  .snap-container .sc-00{background-color: transparent;
    height: calc(100vh - 80px);
  }






}

@media all and (max-width:568px) {
  .sc-news,
  .sc-busi {
   padding: 32px 0;
  }
  .sc-info .flex-left .txt h2{
    font-size: 2.0rem;
  }



}
@media all and (max-width:460px) {
.show-460{
  display: block !important;
}
  .tit-wrap h2{
    font-size: 2.1rem;
  }
  
  
  
  .sc-info .flex-left .txt h2{
    font-size: 1.8rem;
  }
  .grid-box .main-card h3{
  font-size: 1.5rem;
  }
  .mini-card a .title h3,
  .side-card a .title h3{
  font-size: 1.4rem;
  }  
  .sc-news .txt h3{
  font-size: 1.4rem;
  }
  
  
  .sc-regi .txt h2{
  font-size: 1.6rem;
  }



  .sc-news .mySwiper2 {
  height: 200px;
}

.sc-news .txt h3{
  margin: 18px 0 100px;
}
.ct-area{
  position: absolute;
  top: 78%;
  left: 20px;
}
}
@media all and (max-width:425px) {

.show-425{
  display: block;
}

} 



@media all and (max-width:375px) {

}</pre></body></html>