@charset "utf-8";
/* 
 * main CSS Document
*/

#fp-nav ul li{width: 11rem; height: 11rem; transform: rotate(45deg);  margin:31rem 0}
#fp-nav ul li a{background-color: #e1e1e1;  display: block;}
#fp-nav ul li a.active{background-color: var(--color-point);}
#fp-nav ul li a span{display: none;}
#fp-nav.fp-left{left:94px;}
.fp-viewing-firstPage #fp-nav ul li a,
.fp-viewing-3Page #fp-nav ul li a{background-color: rgba(255,255,255,0.25);}
.fp-viewing-firstPage #fp-nav ul li a.active,
.fp-viewing-3Page #fp-nav ul li a.active{background-color: #fff;}

#site-main .wrap{padding-top: 80rem;}

.fp-viewing-firstPage #header h1 .color,
.fp-viewing-3Page #header h1 .color{display: none;}
body:not(.fp-viewing-firstPage, .fp-viewing-3Page) #header h1 .white{display: none;}
:is(.fp-viewing-2Page, .fp-viewing-4Page, .fp-viewing-5Page, .fp-viewing-6Page) #header nav,
:is(.fp-viewing-2Page, .fp-viewing-4Page, .fp-viewing-5Page, .fp-viewing-6Page) #header .nav-wrap::before{background-color: var(--color-point);}
:is(.fp-viewing-2Page, .fp-viewing-4Page, .fp-viewing-5Page, .fp-viewing-6Page) #header nav .gnb > li > a,
:is(.fp-viewing-2Page, .fp-viewing-4Page, .fp-viewing-5Page, .fp-viewing-6Page) #header nav .gnb > li ul > li > a{color: #fff;}
:is(.fp-viewing-2Page, .fp-viewing-4Page, .fp-viewing-5Page, .fp-viewing-6Page, .fp-viewing-8) .header-lang li a {color: #aaa;}
:is(.fp-viewing-2Page, .fp-viewing-4Page, .fp-viewing-5Page, .fp-viewing-6Page, .fp-viewing-8) .header-lang li.on a {color: var(--color-point);}
:is(.fp-viewing-2Page, .fp-viewing-4Page, .fp-viewing-5Page, .fp-viewing-6Page, .fp-viewing-8) .header-lang li.on a::after {background: var(--color-point);}

.fp-viewing-2Page #header .menu .menu__burger span,
.fp-viewing-4Page #header .menu .menu__burger span,
.fp-viewing-5Page #header .menu .menu__burger span,
.fp-viewing-6Page #header .menu .menu__burger span{background-color: #fff;}
.fp-viewing-6 #header,
.fp-viewing-6 #fp-nav{opacity: 0;visibility: hidden;}
.fp-viewing-3Page #header,.fp-viewing-5Page #header{padding-top: 75rem;transition-delay: 0.4s;}

.main-top{position: relative; }
.main-title h3{font-size: 55rem;font-weight: 800;}
.main-title p{font-size: var(--font-title); margin-top: 10rem; font-weight: 600;}
.main-nav{position: absolute; bottom: 0; right: 0; }
.main-nav__tab {border-radius: 7rem; display: inline-flex;}
.main-nav__tab > span{height: 48rem;cursor: pointer;line-height: 48rem;display: block;border-radius: 7rem;font-size: 16rem;font-weight: 800;} 

.wrap.v2{max-width: 1600rem;}
.section{position: relative;}
.section .back{position: absolute;transition: all .7s;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 100%;height: 100%;}
.section.active .back{width: calc(100% - 80rem);height: calc(100% - 80rem);border-radius: 25rem;transition-delay: 0.5s;}
.main-swiper-button{position: absolute;top: 50%;transform: translateY(-50%);z-index: 11;cursor: pointer;width: 79rem;height: 79rem;box-shadow: 5px 1px 11px 0px rgb(7 96 185 / 13%);border-radius: 100%;background-color: #fff;display: flex;align-items: center;justify-content: center;}
.main-swiper-button svg{height: 9rem; transition: all .3s; fill: var(--color-point);}
.main-swiper-button:hover svg{opacity: 0.5;}
.no-board{border:1px solid #e1e1e1; border-radius: 12rem; min-height: 180rem; display: flex; align-items: center; justify-content: center ;}
.no-board p{font-size: var(--font-default); font-weight: bold; color: #c3c3c3;}

.main-visual{width: 100%;height: calc(var(--vh, 1vh) * 100);position: relative;min-height: 100%;}
.main-visual .swiper-wrapper{height: 100%!important;}
.main-visual__item{ overflow: hidden; position: relative; height: 100% !important;}
.main-visual__item{background-position: 50% 50%; background-size: cover;  }
.main-visual__title{position: absolute;bottom: 121rem;left: 192rem;}
.main-visual__title h2{transition: all 1s ease;font-size: 62rem;line-height: 1.354;color: #fff;opacity: 0;transform: translateY(30rem);}
.main-visual__title h2 img{width: 369rem; position: relative; top: 12rem;}
.main-visual .custom-fraction{  position: absolute; left: 200rem; bottom: 312rem; z-index: 2;}
.main-visual .custom-fraction *{ color: #fff; font-size: 18rem; font-weight: bold; opacity: .55;}
.main-visual .custom-fraction i{padding: 0 8rem;}
.main-visual .custom-fraction .current{opacity: 1;}
.main-visual .visual-button{position: absolute; cursor: pointer; z-index: 90; right: 200rem; top: 55%; display: flex; align-items: center; justify-content: center; transform: translateY(-50%);}
.main-visual .visual-button span{font-size: 14rem;margin-right: 30rem; color: #fff; font-weight: bold; font-family: var(--font-en);}
.main-visual .visual-button i{border-radius: 100%; transition: all .3s; display: flex; align-items: center; justify-content: center; width: 136rem; height: 136rem; background-color: rgba(255,255,255,0.23);}
.main-visual .visual-button i svg{height: 17rem; fill: #fff;}
.main-visual .visual-button:hover i{background-color: rgba(255,255,255,0.9);}
.main-visual .visual-button:hover i svg{fill: #222;}

.main-visual .swiper-slide-active .main-visual__title h2{opacity:1; transform:translateY(0); transition-delay:0.3s;}
i.main-visual__bg{position:absolute;top:0;left:0;width:100%;height:100%;transition:all 5s ease;transform:scale(1.1);background-size: cover;background-repeat: no-repeat;}
.swiper-slide-active i.main-visual__bg{transform:scale(1);}
.section.active .wrap,
.section.active .in-conts{opacity:1; transform:rotateY(0); transition-delay:0.5s;}
.section .wrap,
.in-conts{opacity:0; transition:all 1s ease; transform:translateY(100rem); will-change:transform;}

/* work */
#section01 .bg{opacity: 0.92; right: 0; top: 0; position: absolute;}
#section01 .main-title{text-align: center;}
#section01 .main-title + *{margin-top: 79rem;}
.main-work{grid-template-columns: repeat(3, 1fr); grid-gap:54rem;display: grid;  }
.main-work__item{border-radius: 14rem; background-color: #f9f9f9; padding: 45rem 50rem; min-height: 390rem; position: relative;}
.main-work__item em{display: block; font-size: 25rem; font-weight: bold; margin-bottom: 19rem;}
.main-work__item ul > li{font-size: var(--font-default); color:var(--color-light); position: relative;}
.main-work__item ul > li + li{margin-top: 3rem;}
.main-work__item .sm-btn{ position: absolute; left: 50rem; bottom: 52rem; border-radius: 14rem; display: block; text-align: center; font-weight: bold; font-size: 13rem; width: 68rem; height: 28rem; line-height: 28rem;  background-color: var(--color-basic); color: #fff; transition: background-color .3s;}
.main-work__item .sm-btn:hover{background-color: var(--color-point);}
.main-work__item img{position: absolute; right: 50rem; bottom: 52rem; opacity: 0.24;}
.main-work__item:nth-child(1) img{width: 46rem;}
.main-work__item:nth-child(2) img{width: 62rem;}
.main-work__item:nth-child(3) img{width: 52rem;}

.fp-viewing-8 #fp-nav{opacity:0;}
 
#section02 {position: relative;}
#section02 .back{ background-color: var(--color-point);}
#section02 .wrap{position: relative; z-index: 10; top: 11rem;}
#section02 .wrap .main-top *{color: #fff;}
#section02 .main-nav__tab{background-color: rgba(255,255,255,0.18);}
#section02 .main-nav__tab > span{padding: 0 33rem; max-width: 122rem;}
#section02 .main-nav__tab > span.active{background-color: #fff; color: var(--color-point);  box-shadow: 3px 5px 10px 0px rgba(0, 0, 0, 0.19);}

.main-tab-conts{position: relative; margin-top: 60rem; }
.main-tab-conts .main-swiper-button.next{right: -40rem;}
.main-tab-conts .main-swiper-button.prev{left: -40rem;}
.main-tab-conts .main-swiper-button.prev svg{transform: rotate(180deg);}
.swiper-notification{display: none;}
.main-list__item{border-radius: 20rem; overflow: hidden; /* width: 408rem; */ /* height: 400rem; */}
.main-market{overflow: hidden; }
.main-list__image{height: 267rem;position: relative;width: 100%;overflow: hidden;}
.main-list__image img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: contain;object-position: 50% 50%;background-color: #fff;}
.main-list__image .no-image{object-fit:cover;}
.main-list__info{background-color: #fff; padding: 32rem 32rem 36rem; }
.main-list__info span{font-size: 13rem; color: #575757;}
.main-list__info .tit{font-weight: bold; font-size: var(--font-title); margin-top: 11rem; display: -webkit-box;  overflow: hidden; text-overflow: ellipsis;     -webkit-line-clamp: 1;  -webkit-box-orient: vertical; word-break: break-all;}

#section03 {background: url(../images/main/main-news-bg.jpg); background-size: cover;}
#section03 .link-button{justify-content: center; margin-top: 63rem;}
#section03 .link-button svg{fill: #222;}
#section03 .main-nav__tab{background-color: #f9f9f9;}
#section03 .main-nav__tab > span{color: #b7b7b7;padding: 0 25rem;min-width: 99rem;text-align: center;font-weight: 700;}
#section03 .main-nav__tab > span.active{background-color: var(--color-basic); color: #fff; box-shadow: 4px 7px 18px 0px rgba(0, 0, 0, 0.2);}
#section03 .main-bt{margin-top: 68rem;}
.main-news .list{grid-template-columns: repeat(4, 1fr); grid-gap:54rem;display: grid; grid-gap: 47rem;}
.main-news .main-news__item > a{display: flex; flex-direction: column; justify-content: space-between; border-radius: 14rem; border:1px solid #e9e9e9; height: 349rem; position: relative; padding: 44rem 36rem }
.main-news .main-news__title em{ font-size: 15rem; color: #c3c3c3; ;}
.main-news .main-news__title strong{margin-top: 14rem;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;height: 60rem;overflow: hidden;line-height: 1.55;font-size: 20rem;}
.main-news .main-news__item .date{font-size: 15rem; color:#8f8f8f ;}

#section04 .back{ background-color: #f5f5f5;}
#section04 .in-conts{position: relative; z-index: 2;}
#section04 .main-title{text-align: center;}
#section04 .main-bt{margin-top: 0;}
#section04 .no-board{max-width: 1200rem; margin-left: auto; margin-right: auto;}
.main-notice{position: relative;overflow: hidden;}
.main-notice .main-swiper-button{left: calc(50% + 620rem);}

.main-notice-wrap .main-swiper-button.prev{left:-10rem; transform:rotate(180deg);}
.main-notice-wrap .main-swiper-button.next{right:-10rem;}
.main-notice-wrap .main-swiper-button{transform:none;}

#section05{background: url(../images/main/marin-news-bg.jpg); background-size: cover;}
#section05 .main-title{text-align: center;}
#section05 .main-title + *{margin-top: 75rem;}
.main-partner{text-align: center; display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
.main-partner > *{display: inline-block;vertical-align: middle;}
.main-partner > * img{filter:saturate(0%); opacity: 0.36; transition: all .3s; }
.main-partner > *:nth-child(-n + 5){margin-right: 44rem;}
.main-partner > *:nth-child(n + 6):nth-child(-n + 9){margin-right: 64rem;}
.main-partner > *:nth-child(n + 10){margin-right: 62rem;}
.main-partner .blank{width: 100%;}
.main-partner .blank.v1{height: 46rem;}
.main-partner .blank.v2{height: 50rem;}
.main-partner .pt01 img{width: 216rem;}
.main-partner .pt02 img{width: 285rem;}
.main-partner .pt03 img{width: 190rem;}
.main-partner .pt04 img{width: 170rem; opacity: 0.26;}
.main-partner .pt05 img{width: 242rem;}
.main-partner .pt06 img{width: 149rem;margin-top: -10rem;}
.main-partner .pt07 img{width: 137rem;}
.main-partner .pt08 img{width: 213rem; }
.main-partner .pt09 img{width: 219rem; opacity: 0.27;}
.main-partner .pt10 img{width: 198rem; opacity: 0.32;}
.main-partner .pt11 img{width: 205rem; opacity: 0.25;}
.main-partner .pt12 img{width: 169rem;}
.main-partner .pt13 img{width: 247rem;}
.main-partner .pt14 img{width: 197rem;}
.main-partner .pt15 img{width: 197rem;}

@media (hover: hover) {
    .main-partner > *:hover img{opacity: 1; filter:saturate(100%)}
}

@media (min-width:2000px){
	
}
@media all and (max-width:1800px){
    .section .wrap,#section04 .in-conts{position: relative; top: 40rem;}
    .main-title h3{font-size: 52rem;}
    .main-title p{margin-top: 4rem;}

    .main-visual .visual-button{right: 100rem;}

    #section01 .main-title + *{margin-top: 38rem;}
    #section04 .main-title + *{margin-top: 40rem;}

    .main-work{grid-gap: 32rem; gap: 32rem;}

    .main-list__image{height: 220rem;}
    .main-list__info{border-radius: 0 0 20rem 20rem;}

    .main-news .list{grid-gap: 36rem;}
    .main-news .main-news__item > a{height: 306rem;}
    #section05 .main-title + *{margin-top: 54rem;}

    .main-partner .pt01 img{width: 206rem;}
    .main-partner .pt02 img{width: 273rem;}
    .main-partner .pt03 img{width: 190rem;}
    .main-partner .pt04 img{width: 180rem;opacity: 0.26;}
    .main-partner .pt05 img{width: 211rem;}
    .main-partner .pt06 img{width: 119rem;}
    .main-partner .pt07 img{width: 109rem;}
    .main-partner .pt08 img{width: 156rem;}
    .main-partner .pt09 img{width: 199rem;opacity: 0.27;}
    .main-partner .pt10 img{width: 198rem;opacity: 0.32;}
    .main-partner .pt11 img{width: 175rem;opacity: 0.25;}
    .main-partner .pt12 img{width: 158rem;}
    .main-partner .pt13 img{width: 227rem;}
    .main-partner .pt14 img{/* width: 102rem; */}
    .main-partner .blank.v1{height: 26rem;}
    .main-partner .blank.v2{height: 40rem;}
    
    .main-notice .main-swiper-button{right: 190rem; left: inherit;}

    #site-main .wrap{padding-top: 0;}
}

@media all and (max-width:1640px){
    #fp-nav.fp-left{left: 44rem;}

    .main-visual__title{bottom: 82rem;}
    .main-visual__title h2{font-size: 52rem;}
    .main-visual .custom-fraction{bottom: 252rem;}
    .main-visual__title h2 img{width: 287rem;}

    .main-work{grid-gap: 44rem; gap: 44rem;}

    .main-partner .pt01 img{width: 186rem;}
    .main-partner .pt02 img{width: 253rem;}
    .main-partner .pt03 img{width: 170rem;}
    .main-partner .pt04 img{width: 160rem;opacity: 0.26;}
    .main-partner .pt05 img{width: 191rem;}
    .main-partner .pt06 img{/* width: 66rem; */}
    .main-partner .pt07 img{width: 98rem;}
    .main-partner .pt08 img{width: 176rem;}
    .main-partner .pt09 img{width: 179rem;opacity: 0.27;}
    .main-partner .pt10 img{width: 178rem;opacity: 0.32;}
    .main-partner .pt11 img{width: 165rem;opacity: 0.25;}
    .main-partner .pt12 img{width: 138rem;}
    .main-partner .pt13 img{width: 207rem;}
    .main-partner .pt14 img{/* width: 82rem; */}
}

@media (max-width:1480px){

    #section01 .bg{width: 360rem;}
    .main-visual .custom-fraction{left: 120rem;}
    .main-visual__title{bottom: 90rem; left: 120rem;}

    .main-swiper-button{width: 64rem; height: 64rem;}
}

@media all and (min-width:1025px){

}

@media all and (max-width:1440px){
	.main-work__item em{font-size: 24rem;}
    .main-visual__title h2{font-size: 48rem;}   

}
@media all and (max-width:1200px){
    .main-notice .main-swiper-button{right: 130rem;}
}
@media all and (max-width:1024px){

    .fp-section.fp-table, .fp-slide.fp-table,.fp-tableCell{height: auto !important;}
    .main-visual__item{position: relative;}
    .main-visual__item::before{content: ""; position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); z-index: 1;left: 0; top: 0;}
    .main-visual__title,.main-visual .custom-fraction{z-index: 3; left: 70rem;}
    .main-visual__title h2 img{width: 234rem;}
    .section .wrap, #section04 .in-conts{top: 0;}
    .main-swiper-button{display: none;}
    .main-title h3{font-size: 46rem;}
    .main-visual .visual-button{right: 30rem; top: inherit; transform: none; bottom:80rem;}
    .main-visual .visual-button i {width: 100rem; height: 100rem;}
    .main-visual .visual-button i svg{height: 13rem;}
    .main-visual .visual-button span{margin-right: 20rem;}
    .main-visual__title{bottom: 22%;}
    .main-visual__title h2{font-size: 42rem;}
    .main-visual .custom-fraction{bottom: 40%;}

    #section01{padding: 90rem 0 110rem;}
    #section01 .bg{width: 280rem;}
    .main-work{grid-gap: 26rem; gap:26rem}
    .main-work__item{padding: 27rem 30rem; min-height: 346rem;}
    .main-work__item em{font-size: 20rem; margin-bottom: 10rem;}
    .main-work__item:nth-child(1) img{width: 35rem;}
    .main-work__item:nth-child(2) img{width: 50rem;}
    .main-work__item:nth-child(3) img{width: 38rem;}
    .main-work__item img {right: 30rem; bottom: 32rem;}
    .main-work__item .sm-btn{left: 30rem; bottom: 32rem; width: 88rem; height: 34rem; line-height: 36rem; border-radius: 100rem;}

    #section02{padding:64rem 0 84rem 0; transition: all .3s;}
    #section02 .back{bottom: 0; top: inherit; left: 0;  transform: none; width: 100%; height: 100%; transition:  .6s;}
    #section02.section.fp-completely .back,
    #section02.section.active .back{/* width: 100%; height:100%; */ border-radius: 65rem 65rem 0 0;}
    #section02 .wrap .main-top *{color: var(--color-basic); transition: color .3s;}
    #section02.section  .main-top *{color: #fff;}
    #section02 .main-nav__tab > span.active{color: var(--color-point) !important;}

    #section03{padding: 110rem 0;}
    .main-news .list{grid-gap: 22rem; gap: 22rem;}
    .main-news .main-news__item > a{height: 226rem; padding: 24rem 20rem;}
    .main-news .main-news__title strong{margin-top: 6rem;}
    .main-list__image{height: 190rem;}
    .main-list__info{padding: 26rem;}
    .main-list__item{height: auto;}
 
    #section04{padding: 90rem 0 ; overflow: hidden;}
    #section04 .in-conts{padding: 0 20rem; overflow: hidden;}
    #section04 .back{width: 0; height: 0;  width: 100%; height: 100%; border-radius: 0;}


    #section05{padding: 70rem 0 90rem 0;}

    .main-partner .blank{display: none;}
    .main-partner > *{padding: 12rem 6rem;}
    .main-partner > *:nth-child(-n + 5),
    .main-partner > *:nth-child(n + 6):nth-child(-n + 9),
    .main-partner > *:nth-child(n + 10){margin-right: 30rem;}

    .main-partner .pt01 img{width: 160rem;}
    .main-partner .pt02 img{width: 223rem;}
    .main-partner .pt03 img{width: 141rem;}
    .main-partner .pt04 img{width: 142rem;}
    .main-partner .pt05 img{width: 191rem;}
    .main-partner .pt06 img{width: 52rem;}
    .main-partner .pt07 img{width: 88rem;}
    .main-partner .pt08 img{width: 166rem;}
    .main-partner .pt09 img{width: 157rem;}
    .main-partner .pt10 img{width: 158rem;}
    .main-partner .pt11 img{width: 135rem;}
    .main-partner .pt12 img{width: 118rem;}
    .main-partner .pt13 img{width: 177rem;}
    .main-partner .pt14 img{width: 72rem;}
    #section05 .main-title + *{margin-top: 54rem;}
    #section05{background-repeat: no-repeat; background-position: 80% 10%}

    .section .wrap,
    .in-conts{opacity:1; transform:translateY(0rem);}   
}

@media (max-width:860px){
    .main-visual__title h2{font-size: 36rem;}
    .main-visual .custom-fraction *{font-size: 15rem;}
    .main-visual__title, .main-visual .custom-fraction{left: 40rem;}
    .main-visual__title h2 img{width: 200rem;}
    .main-visual .custom-fraction{bottom: 36%;}
    .main-title h3{font-size: 36rem;}
    .main-nav{position: relative; margin-top: 23rem;}
    .main-nav__tab > span{ height: 40rem; line-height: 40rem; font-size: 15rem;}

    #section01{padding: 80rem 0 90rem;}
	.main-work{grid-gap: 20rem; gap:20rem}
    .main-work__item{padding: 22rem;}
    .main-work__item em{font-size: 18rem;}

    #section02.section.fp-completely, #section02.section.active{padding-top: 40rem;}
    #section02.section.fp-completely .back, #section02.section.active .back{border-radius: 20rem 20rem 0 0;}
    #section02 .main-nav__tab > span{padding: 0 20rem; max-width: 120rem;}
    .main-tab-conts{margin-top: 30rem;}

    .main-news .list{grid-template-columns:repeat(2, 1fr); gap: 20rem; grid-gap: 20rem;}
    .main-news .main-news__item > a{height: 190rem;}
    #section03{padding: 80rem 0; background:none;}
    #section03 .main-bt{margin-top: 38rem;}

    #section04{padding: 70rem 0 90rem;}

    .main-partner > * img{opacity: 1 !important; filter: saturate(100%); }
    .main-partner > *:nth-child(-n + 5),
    .main-partner > *:nth-child(n + 6):nth-child(-n + 9),
    .main-partner > *:nth-child(n + 10){margin-right:0}
    .main-partner > *{padding: 0; border:2px solid #f1f1f1; width: calc(33.333% - 10rem); height: 90rem; margin-right: 10rem !important; border-radius: 12rem; margin-bottom: 10rem; display: flex; align-items: center; justify-content: center;}
    .main-partner .pt01 img{width: 140rem;}
    .main-partner .pt02 img{width: 180rem;}
    .main-partner .pt03 img{width: 121rem;}
    .main-partner .pt04 img{width: 129rem;}
    .main-partner .pt05 img{width: 161rem;}
    .main-partner .pt06 img{width: 85rem;}
    .main-partner .pt07 img{width: 70rem;}
    .main-partner .pt08 img{width: 126rem;}
    .main-partner .pt09 img{width: 118rem;}
    .main-partner .pt10 img{width: 129rem;}
    .main-partner .pt11 img{width: 115rem;}
    .main-partner .pt12 img{width: 96rem;}
    .main-partner .pt13 img{width: 151rem;}
    .main-partner .pt14 img{width: 130rem;}
    .main-partner .pt15 img {width: 164rem;}
}

@media (max-width:640px){
    /* .main-work{grid-template-columns:repeat(1, 1fr)} */
}

@media (max-width: 540px){
    .header-lang {top: 18rem;}

    .main-visual__title h2{font-size: 26rem;}
    .main-visual__title, .main-visual .custom-fraction{left: 30rem;}
    /* .main-visual .custom-fraction{bottom: 182rem;} */
    .main-visual__title h2 img{width: 128rem; top: 9rem;}
    .main-visual .visual-button{right: 20rem; bottom: 40rem;}
    .main-visual .visual-button i{width: 90rem;height: 90rem;}
    .main-visual .visual-button i svg{height: 8rem;}
    .main-visual .visual-button span{font-size: 13rem; margin-right: 12rem;}
    .main-title h3{font-size: 24rem;}
    .main-title p{font-size: 16rem;}
    .main-list__item{max-width: 300rem;border-radius: 10rem;}
    .main-visual .visual-button i{background-color: rgba(255,255,255,0.15);}
    .main-visual .custom-fraction{text-indent: 2rem;}

    #section01 .bg{width: 113rem;}
    #section01{padding: 62rem 0 62rem;}
  
    .main-work{grid-template-columns:repeat(1, 1fr)}
    .main-work__item{min-height: auto;}
    .main-work__item .sm-btn{position: relative; left: 0; bottom: 0;}
    .main-work__item  ul{margin-bottom: 40rem;}

    #section02 .wrap{padding: 0 0 0 16rem;}

    #section03{padding: 45rem 0 62rem;}
    #section03 .link-button{margin-top: 33rem;}
    #section03 .main-nav__tab > span{padding: 0 10rem; min-width: 75rem; padding: 0 15rem;}
  
    .main-news .list{grid-template-columns: repeat(1, 1fr); gap: 16rem; grid-gap: 16rem;}
    .main-news .main-news__item > a{padding: 16rem; height: auto;}
    .main-news .main-news__item .date{margin-top: 20rem;}

    .main-list__image{height: 170rem;}
    #section04{padding: 44rem 0 54rem;}
    #section04 .main-title{text-align: left;}
    #section04 .in-conts{padding: 0 0 0 16rem;}
    
    .main-notice{overflow: hidden;}
    .main-list__info{padding: 18rem;border-radius: 0 0 10rem 10rem;}

    #section05{padding: 42rem 0 44rem}
    #section05 .main-title + *{margin-top: 32rem;}
   
    .main-partner{justify-content: space-between;}
    .main-partner > *{ width: calc(50% - 4rem); margin-right: 0 !important; height: 50rem;  border:1px solid #e9e9e9; border-radius: 8rem;}
    .main-partner .pt01 img{width: 100rem;}
    .main-partner .pt02 img{width: 142rem;}
    .main-partner .pt03 img{width: 90rem;}
    .main-partner .pt04 img{width: 93rem;}
    .main-partner .pt05 img{width: 121rem;}
    .main-partner .pt06 img{width: 66rem;}
    .main-partner .pt07 img{width: 50rem;}
    .main-partner .pt08 img{width: 97rem;}
    .main-partner .pt09 img{width: 88rem;}
    .main-partner .pt10 img{width: 108rem;}
    .main-partner .pt11 img{width: 83rem;}
    .main-partner .pt12 img{width: 78rem;}
    .main-partner .pt13 img{width: 117rem;}
    .main-partner .pt14 img{width: 101rem;}
    .main-partner .pt15 img {width: 110rem;}

    .main-news .main-news__title strong{height:57rem; margin-top:6rem; font-size:17rem;}
    #section04.section .back,
    #section04.section.back{width:100% !important; height:100% !important; border-radius:0 !important;}
    #section02.section.fp-completely .back,
    #section02.section.active .back,
    #section02 .back{height:100% !important;}
    #section02.section .main-top *,
    #section02.section .main-top *{color:#fff !important;}
    #section02.section,
    #section02.section{padding-top:40rem !important;}
    #site-main #section03 .wrap{padding-top:20rem;} 
}