@charset "UTF-8"; 



/* html { height: 100%; overflow: hidden; } */
body { height: 100%; overflow: hidden; } 


/*---------- fullpage ----------*/


/*---------- common ----------*/
.more {width: 100%;max-width: 150px;height: 40px;background: transparent;overflow: hidden;transition: all .3s;} 
#section3 .more {float: right;margin-top: -75px;} 
#section5 .more {float: right;max-width: 390px;height: 60px;border: 1px solid rgb(255 255 255 / 50%);margin-top: -68px;} 
.more a {align-items: center;padding: 10px 0;font-weight: 600;background: transparent;} 
#section5 .more a {display: block;width: 100%;height: 100%;padding: 15px 0;} 
#section5 .more a p {justify-content: center;align-items: center;width: fit-content;margin: 0 auto;overflow: hidden;} 
.more a i {width: 20px;font-size: 20px;padding-left: 10px;margin-left: 10px;color: var(--main-color);overflow: hidden;box-sizing: content-box;transition: all .3s;} 
#section5.section .more a i {color: #fff;vertical-align: middle;}

.section .content_area, footer .content_area { position: relative; max-width: 1600px; height: 100%; margin: 0 auto; } 
#section5.section .content_area {max-width: 100%;padding: 110px 0 40px;} 
#section2.section .content_area .txt {width: 100%;max-width: 580px;margin-top: 45px;} 
.section .content_area .txt h2 {font-size: 60px;line-height: 1.3;margin: 60px 0 55px;transition: transform 700ms ease-in-out, opacity 700ms ease 0s;} 
#section3.section .content_area .txt h2 {margin: 35px 0 45px;}
#section4.section .content_area .txt h2 {font-family: "Montserrat", sans-serif;font-size: 48px;font-weight: 800;margin: 0;}
.section .content_area .txt > span {font-size: 24px;font-weight: 700;color: var(--main-color);line-height: 1.4;} 
.section:not(#section5) .content_area .txt h2 span {display: block;font-family: "Montserrat", sans-serif;font-size: 30px;}
.section:not(#section5) .content_area .txt h2 font {display: block;}
.section:not(#section5) .content_area .txt p {font-size: 20px;color: #666;margin-bottom: 55px;} 

/* hover */
#section5 .more:hover {border: 1px solid transparent; background: var(--main-color); transition: all .3s;} 
.more:hover i {animation-name: btn_more1, btn_more2;animation-duration: .5s, .5s;animation-delay: 0s, .35s;} 

/* ani */
@keyframes btn_more1 { 
0% {transform: translateX(50%);} 
100% {transform: translateX(100%);}
}
@keyframes btn_more2 { 
0% {transform: translateX(-50%);}
100% {transform: translateX(0%);}
}


/*---------- s_event ----------*/
/* fade out -> in */
#section1 .content_area .top p.left.s_event { opacity: 0; transform: translateY(0%); transition: 2s; } 
#section1 .content_area .top p.left.s_event.active { opacity: 1; transform: translateX(0%); transition: 2s; transition-delay: 0.3s; } 


/*---------- swiper ----------*/
.swiper { width: 100%; height: 100%; -ms-overflow-style: none; touch-action: pan-y; } 
.swiper::-webkit-scrollbar { display: none; width: 0 !important; } 
.swiper-slide { font-size: 18px; /* Center slide text vertically */
display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; /* display: flex; */
display: block; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } 
.mySwiper .swiper-slide { overflow: hidden; position: relative; } 
.mySwiper .slide_bg { width: 100%; height: 100vh; } 


/*---------- fullpage : scroll event ----------*/
/* fade out -> in */
.o_in.s_event { opacity: 0; transform: translateY(0%); transition-duration: 2s; } 
.o_in.active { opacity: 1; transform: translateX(0%); transition-duration: 2s; } 

/* down -> up */
.u_down.s_event { opacity: 0; transform: translateY(-15%); transition-duration: 1s; } 
.u_down.active { opacity: 1; transform: translateX(0); transition-duration: 1s; } 

/* up -> down */
.d_up.s_event { opacity: 0; transform: translateY(15%); transition-duration: 1s; } 
.d_up.active { opacity: 1; transform: translateX(0%); transition-duration: 1s; } 

/* left -> right */
.l_right.s_event { opacity: 0; transform: translateX(-15%); transition-duration: 1s; } 
.l_right.s_event.active { opacity: 1; transform: translateX(0%); transition-duration: 1s; } 

/* right -> left */
.r_left.s_event { opacity: 0; transform: translateX(15%); transition-duration: 1s; } 
.r_left.s_event.active { opacity: 1; transform: translateX(0%); transition-duration: 1s; } 

/* ------------- */
.td_100 { transition-delay: 100ms; } 
.td_200 { transition-delay: 200ms; } 
.td_300 { transition-delay: 300ms; } 
.td_400 { transition-delay: 400ms; } 
.td_500 { transition-delay: 500ms; } 
.td_600 { transition-delay: 600ms; } 
.td_700 { transition-delay: 700ms; } 


/*---------- section1 ----------*/
#section1 .mySwiper .swiper-slide .slide_bg {height: 100vh;overflow: hidden;background-repeat: no-repeat;background-size: cover;background-position: 50% 50%;} 
#section1 .mySwiper .swiper-slide .visual_wrap {position: absolute;top: 47vh;left: 0;right: 0;width: 100%;max-width: 1600px;margin: 0 auto;} 
#section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .title_box {font-weight: 600;} 
#section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .title_box span { display: inline-block; font-size: 36px; font-weight: 300; padding-bottom: 55px; } 
#section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .title_box span br { display: none; } 
#section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .title_box h2 {font-size: 60px;font-weight: 600;color: #fff;letter-spacing: 2px;line-height: 1.3;margin-top: 20px;overflow: hidden;} 
#section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .title_box p {font-size: 36px;color: rgb(255 255 255 / 60%);} 
#section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .title_box p span { font-size: 72px; font-weight: 600; letter-spacing: -2px } 
#section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .visual_info { padding-top: 40px; } 
#section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .visual_info p { font-size: 20px; font-weight: 300; line-height: 1.4; } 
#section1 .mySwiper .swiper-slide .slider_1 { background-image: url(../img/main_visual1.jpg); } 
#section1 .mySwiper .swiper-slide .slider_2 { background-image: url(../img/main_visual2.jpg); } 
#section1 .mySwiper .swiper-slide .slider_3 { background-image: url(../img/main_visual3.jpg); } 
#section1 .mySwiper .swiper-slide .slider_4 { background-image: url(../img/main_visual4.jpg); } 
#section1 .mySwiper .swiper-slide.swiper-slide-active .slide_bg { animation: zoom_in 4500ms; transition: transform 4500ms ease-in-out, opacity 1500ms ease 0s; } 
#section1 .mySwiper .swiper-slide.swiper-slide-active .visual_wrap .visual_txt_box .title_box h2 { animation: t_opacity 2800ms; transition: transform 2800ms ease-in-out, opacity 2800ms ease 0s; animation-delay: 0.4s } 
#section1 .mySwiper .swiper-slide.swiper-slide-active .visual_wrap .visual_txt_box .title_box p { animation: t_top 1500ms; transition: transform 1500ms ease-in-out, opacity 1500ms ease 0s; animation-delay: 0s } 
#section1 .mySwiper .swiper-slide.swiper-slide-active .visual_wrap .visual_txt_box .visual_info { animation: t_top 1500ms; transition: transform 1500ms ease-in-out, opacity 1500ms ease 0s; animation-delay: 0.4s } 

@keyframes zoom_in { 
0% { transform: scale(1.2); } 
100% { transform: scale(1) rotate(0.003deg); } 
}

@keyframes t_top { 
0% { opacity: 0; transform: translateY(50px); } 
100% { opacity: 1; transform: translateY(0%); } 
}

@keyframes t_opacity { 
0% { opacity: 0; filter: blur(7px); } 
100% { opacity: 1; filter: blur(0); } 
}

@-webkit-keyframes LoadingBar { 
from { width: 0px; } 
to { width: 80px; } 
}

@keyframes LoadingBar { 
from { background: rgb(255 255 255 / 50%); } 
to { background: #fff; } 
}

/* pagnation */
.control_wrap {position: absolute;top: 37vh;left: 0;right: 0;width: 100%;max-width: 1600px;height: 64px;z-index: 1;margin: 0 auto;} 
.control_wrap .pagination_wrap {position: absolute;top: 0;left: 0;width: 100%;max-width: 130px;height: 100%;margin: 0 auto;} 
.control_wrap .pagination_wrap .swiper-pagination { width: 100%; } 
.control_wrap .swiper-pagination-bullet { font-family: "Ubuntu", sans-serif; color: #fff; transition: all 1s; position: absolute; opacity: 0; left: 20px; height: 100%; text-align: right; top: calc(100% / 2 - 13px); font-weight: 600; } 
.control_wrap .swiper-pagination-bullet.swiper-pagination-bullet-active { opacity: 1; } 
#section1 .mySwiper .control_wrap .swiper-pagination::before { content: "/"; display: block; font-family: "Ubuntu", sans-serif; position: absolute; color: #fff; right: calc(50% - 3px); top: calc(100% / 2 - 10px); font-weight: 300; } 
#section1 .mySwiper .control_wrap .swiper-pagination::after { display: block; font-family: "Ubuntu", sans-serif; content: '03'; position: absolute; color: #fff; right: 25px; top: calc(100% / 2 - 13px); font-weight: 600; } 

/* arrow_box */
.control_wrap .arrow_box { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 11 !important; -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); text-align: left; font-size: 0; } 
.control_wrap .arrow_box div {position: relative;display: inline-block;top: 0;width: auto;min-width: 64px;height: 64px;box-sizing: border-box;margin-top: 0;border: 1px solid #fff;border-radius: 50%;transition: all .3s;} 
.control_wrap .arrow_box div:after {position: absolute;top: 50%;left: 50%;font-size: 25px;color: #fff;transform: translate(-50%, -50%);} 
.swiper-button-next:after, .swiper-button-prev:after {font-family: 'xeicon' !important;}
.swiper-button-prev:after {content: "\e906" !important;}
.swiper-button-next:after {content: "\e907" !important;;}
.control_wrap .arrow_box .mv-button-prev {left: 0;margin-right: 15px;} 
.control_wrap .arrow_box .mv-button-next {right: 0;z-index: 14;text-align: right;} 
/* hover */
.control_wrap .arrow_box div:hover {border: 1px solid transparent;background: var(--main-color);transition: all .3s;}

/* mouse wheel */
#section1 .cursor_circle {position: absolute;bottom: -18px;left: calc(50% - 77px);width: 154px;height: 154px;border-radius: 50%;background-color: transparent;transform: translate(5%, 5%);z-index: 1;} 
#section1 .cursor_circle:after {content: '';display: block;width: 154px;height: 154px;position: absolute;top: 0;left: 0;background: url(../img/cursor.png) no-repeat center / cover;animation: cursor_circle 10s linear infinite;animation-delay: 0s;transition: 5s linear infinite;} 
#section1 .cursor_circle .wrap { position: relative; width: 100%; height: 100%; } 
#section1 .cursor_circle .wrap img {display: block;position: absolute;top: 41%;left: 42%;font-we;margin: 0 auto;} 

@-webkit-keyframes cursor_circle { 
from { transform: rotate(0deg); } 
to { transform: rotate(360deg); } 
}


/*---------- section2 ----------*/
#section2.section:before {content: "";display: block;position: absolute;top: -194px;right: 0;width: 100%;max-width: 870px;height: 902px;background: url(../img/big_logo.png) no-repeat center / contain;} 
#section2.section .content_area {padding: calc(110px + 120px) 0 40px;} 
#section2.section .content_area .img {width: 100%;max-width: 1064px;margin-left: -9.2vw;margin-right: 4vw;} 
#section2.section .content_area .img iframe {border-radius: 15px;} 
#section2.section .content_area .img li { flex-basis: 100%; max-width: 492px; } 
#section2.section .content_area .img li a { display: block; height: 100%; background: #fff; border-radius: 15px; padding: 10px 55px 50px; transition: all .3s; } 
#section2.section .content_area .img li a img { display: block; width: 100%; max-width: 402px; object-fit: cover; } 
#section2.section .content_area .img li a div { margin-top: 50px; } 
#section2.section .content_area .img li a div h3 { font-family: "PLAY", sans-serif; font-size: 30px; color: #333; } 
#section2.section .content_area .img li a div p { font-size: 18px; color: #666; margin-top: 20px; line-height: 1.6; } 
#section2.section .content_area .img li a div p span { display: block; font-size: 16px; color: #e41e26; } 

/* hover */
#section2.section .content_area .img li:hover a { background: #e41e26; transition: all .3s; } 
#section2.section .content_area .img li:hover a div h3, #section2.section .content_area .img li:hover a div p, #section2.section .content_area .img li:hover a div p span { color: #fff; } 


/*---------- section3 ----------*/
#section3.section:before {content: "";display: block;position: absolute;bottom: 0;left: 0;background: url(../img/main3.png) no-repeat center / cover;width: 100%;max-width: 100%;height: 100%;z-index: -1;} 
#section3.section .content_area {flex-direction: column;padding: calc(110px + 120px) 0 95px;} 
#section3.section .content_area .txt:after, #section5.section .content_area .txt:after {content: "";display: block;clear: both;} 
/**/
#section3.section .content_area .img:::-webkit-scrollbar { display: none; } 
#section3.section .content_area .img ul {margin: 0 -15px;} 
#section3.section .content_area .img ul li {position: relative;width: calc(100% / 5 - 30px);height: 396px;background: #fff;border-radius: 15px;margin: 0 15px;overflow: hidden;}  
#section3.section .content_area .img ul li a {display: flex;width: 100%;height: 100%;padding: 35px 30px;flex-direction: column;justify-content: space-between;transition: all .3s;} 
#section3.section .content_area .img ul li a div.bottom img {display: block;margin: 0 0 0 auto;} 
#section3.section .content_area .img ul li a div.top h3 {font-size: 24px;font-weight: 600;margin-bottom: 20px; line-height: 1.4;} 
#section3.section .content_area .img ul li a div.top p {color: #666;} 

/* hover */
#section3.section .content_area .img ul li a:hover { background: var(--main-color); transition: all .3s; } 
#section3.section .content_area .img ul li a:hover, #section3.section .content_area .img ul li a:hover div.top p{ color: #fff; } 


/*---------- section4 ----------*/
#section4.section {background: #fafafa;z-index: 1;}
#section4.section .content_area {flex-direction: column;padding: calc(110px + 100px) 0 40px;} 
/**/
#section4.section .content_area .img {position: absolute;top: calc(110px + 55px);left: 0;right: 0;margin: 0 auto;z-index: -1;}
#section4.section .content_area .img .map {display: block;width: 100%;max-width: 1428px;height: auto;object-fit: contain;margin: 0 auto;}
#section4.section .content_area .img .map img {display: block;width: 100%;/* max-width: 1428px; *//* height: auto; *//* object-fit: contain; *//* margin: 0 auto; */}
#section4.section .content_area .img .mark {position: absolute;display: block;width: 11px;height: 26px;z-index: 1;top: 335px;left: auto;right: 315px;transform: translate(-50%, -50%);margin: 0 auto;}
#section4.section .content_area .img .mark:before {content:"";display: block;position: absolute;top: 10px;left: -5px;width: 20px;height: 20px;background-color: rgb(48 39 130 / 30%);border-radius: 50%;animation: mark_active 2s .1s infinite;mark_active 1s animation-iteration-count: infinite;z-index: -1;}
#section4.section .content_area .img .mark:after {content:"";display: block;position: absolute;top: calc(-30px + -10px);right: calc(100% - (133px / 2));width: 133px;height: 30px;background: url('/img/logo_b.png') no-repeat center / contain;}
#section4.section .content_area .txt2 h3, #section4.section .content_area .txt2 ul li {font-family: "Montserrat", sans-serif;} 
#section4.section .content_area .txt2 h3 {font-size: 24px;font-weight: 700;margin-bottom: 30px;} 
#section4.section .content_area .txt2 ul li {font-size: 18px;margin-bottom: 15px;}
#section4.section .content_area .txt2 ul li:last-child {margin-bottom: 0;}
#section4.section .content_area .txt2 ul li:before {content:"";display: inline-block;width: 12px;height: 12px;border-radius: 50%;margin-right: 12px;} 
#section4.section .content_area .txt2 ul li:nth-child(1):before {background: #0c70bf;} 
#section4.section .content_area .txt2 ul li:nth-child(2):before {background: #e90010;} 
#section4.section .content_area .txt2 ul li:nth-child(3):before {background: #0aa9a1;} 
#section4.section .content_area .txt2 ul li:nth-child(4):before {background: #f9bd27;} 
#section4.section .content_area .txt2 ul li:nth-child(5):before {background: #24aee5;} 
/* ani */
@keyframes mark_active { 
0% {transform: scale(.5);}
50% {transform: scale(1.5);}
100% {transform: scale(.5);} 
}


/*---------- section5 ----------*/
#section5.section {margin-bottom: calc(-560px + 115px);z-index: 2;}
#section5.section .content_area .banner, #section5.section .content_area .txt > span {color: #fff;}
#section5.section .content_area .banner {width: 100%;max-width: 100%;height: 390px;margin: 0 auto -115px;opacity: 0;background: url(../img/main5.png) no-repeat center / cover;border-radius: 0;object-fit: cover;=: #fff;transition: 1.5s;} 
#section5.section .content_area .banner.active {opacity: 1;max-width: 1760px;height: 490px;border-radius: 15px;padding: 185px 50px 40px;transition: 1.5s 0.3s;}  
#section5.section .content_area .banner .txt {max-width: 1468px;margin: 0 auto;}
#section5.section .content_area .banner .txt:before {content:"";display: block;position: absolute;left: 0;right: 0;bottom: 40%;width: 100%;max-width: 614px;margin: 0 40px;height: 1px;border: 1px solid rgb(255 255 255 / 50%);margin: 0 auto;} 
#section5.section .content_area .banner .txt h2 {margin: 35px 0 0;}


/*---------- foot_sec ----------*/
.foot_sec {position: relative;z-index: 1;}
.foot_sec:before {content: "";display: block;position: absolute;top: 0;right: 0;width: 100%;max-width: 468px;height: 485px;background: url(../img/big_logo.png) no-repeat center / contain;opacity: 0.09;z-index: 1;} 
.foot_sec .content_area {max-width: 100%;}

#mainFooterCon.foot_sec:before {top: -85px;}










/*---------- respon ----------*/
@media (min-width: 1024px) and (max-width: 2500px) {
#section3.section .content_area {padding: calc(110px + 120px) 0 40px;} 
#section3.section .content_area .img ul li {height: 450px;}
#section3.section .content_area .img ul li a div.top p {height: 100px;overflow: auto;} 
}

@media (max-width: 1600px) {
.control_wrap, #section1 .mySwiper .swiper-slide .visual_wrap, .section:not(.foot_sec) .content_area {width: 96%;}

#section1 .mySwiper .swiper-slide .slide_bg {background-position: center right;}
#section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .title_box h2 {font-size: 50px;}

#section2.section:before {top: -7vw;width: 47vw;height: 47vw;} 
#section2.section .content_area .img {margin-left: 0;} 

#section3.section .content_area .img ul {flex-wrap: wrap;justify-content: flex-start;} 
#section3.section .content_area .img ul li {height: auto;} 

#section4.section .content_area .img .mark {right: 18%;}

#section5.section .content_area .banner .txt:before {width: calc(30% - 50px);} 

.foot_sec:before {width: 34vw;height: 34vw;} 
}

@media (min-width: 1024px) and (max-width: 1600px) {
#section3.section .content_area .img ul li {width: calc(100% / 3 - 30px);margin: 0 15px 30px;}  
#section3.section .content_area .img ul li a {flex-direction: row; align-items: center;}
#section3.section .content_area .img ul li a div.top h3 {margin-bottom: 0;}
#section3.section .content_area .img ul li a div.top p {display: none;}
#section3.section .content_area .img ul li a div.bottom {margin-left: 20px;} 
#section3.section .content_area .img ul li a div.bottom img {width: 100%;height: 128px;object-fit: contain;} 
}

@media (max-width: 1487px) {
#section4.section .content_area .img .mark {top: 41%;right: 16%;}
}

@media all and (max-width: 1300px) {
.section .content_area .txt h2, #section4.section .content_area .txt h2 {font-size: 45px;} 
.section:not(#section5) .content_area .txt h2 span {font-size: 25px;}
.section:not(#section5) .content_area .txt p br {display: none;} 
.section .content_area .txt > span {font-size: 20px;} 
#section5 .more {width: 30%;margin-top: -58px;} 

#section2.section .content_area, #section4.section .content_area {padding: calc(110px + 50px) 0 40px;} 
#section2.section .content_area .img iframe {height: 100%;}

#section3.section .content_area {padding: calc(110px + 50px) 0 95px;} 
#section3.section .content_area .img ul {margin: 35px -15px 0;} 

#section5.section .content_area .banner.active {padding: 185px 30px 40px;}  
#section5.section .content_area .banner .txt:before {bottom: 43%;} 
}

@media all and (max-width: 1023px) { 
.section, .fp-tableCell {height: auto !important;} 
.section .content_area .txt h2, #section3.section .content_area .txt h2 {margin: 40px 0 35px;}  
.section .content_area .txt h2, #section4.section .content_area .txt h2 {font-size: 35px;} 
.section5 .more {float: unset;margin-top: 35px;} 

#section1 .mySwiper .swiper-slide.slide1 .slide_bg {background-position: center right 25%;}
#section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .title_box h2 {font-size: 40px;margin-top: 10px;}
.control_wrap .arrow_box div {min-width: 54px;height: 54px;} 
#section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .title_box p {font-size: 30px;} 
.control_wrap .arrow_box div:after {font-size: 20px;} 
#section1 .cursor_circle {bottom: -18px;left: calc(50% - 67px);width: 134px;height: 134px;} 
#section1 .cursor_circle:after {width: 134px;height: 134px;}

#section2.section:before {top: -12vw;width: 57vw;height: 57vw;} 
#section2.section .content_area, #section3.section .content_area, #section4.section .content_area, #section5.section .content_area {padding: 100px 0;} 
#section2.section .content_area {flex-direction: column-reverse;} 
#section2.section .content_area .txt {max-width: 100%;margin: 0 auto 45px;}
#section2.section .content_area .img iframe {height: 350px;}

#section3 .more {float: right;margin-top: 0;} 
#section3.section .content_area .img ul li {width: calc(100% / 2 - 30px);margin: 0 15px 30px;}  
#section3.section .content_area .img ul li a div.top h3 {font-size: 20px;margin-bottom: 10px;} 
#section3.section .content_area .img ul li a div.bottom img {height: 135px;} 
#section3.section .content_area .img ul li:last-child a div.bottom img {height: 95px;} 

#section4.section .content_area .img {top: calc(200px + 55px);}
#section4.section .content_area .img .mark {top: 40%;}
#section4.section .content_area .txt2 {margin-top: 35vw;} 
#section4.section .content_area .txt2 h3 {font-size: 20px;} 

#section5.section {margin-bottom: 0;}
#section5.section .content_area .banner {margin: 0 auto;} 
#section5.section .content_area .banner .txt:before {bottom: 45%;} 

#section6.section {display: none;}

#mainFooterCon.foot_sec:before {top: -7vw;}
}

@media all and (max-width: 767px) {
.section .content_area .txt h2, #section3.section .content_area .txt h2 {margin: 20px 0 25px;} 
.section .content_area .txt h2, #section4.section .content_area .txt h2 {font-size: 30px;} 
.section:not(#section5) .content_area .txt h2 span {font-size: 20px;}
.section .content_area .txt > span {font-size: 16px;} 
.section:not(#section5) .content_area .txt p {font-size: 18px;margin-bottom: 35px;} 
.more {max-width: fit-content;} 
.more a, #section5 .more p {font-size: 14px;} 
#section5 .more {float: unset;width: 100%;height: 50px;margin-top: 50px;} 

#section1 .mySwiper .swiper-slide .slide_bg {background-position: center right 10%;filter: brightness(0.7);}
#section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .title_box h2 {font-size: 30px;}
#section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .title_box p {font-size: 20px;} 

#section2.section .content_area .txt {margin: 0 auto 35px;}
#section2.section .content_area .img iframe {height: 250px;}

#section3.section .content_area .img ul {margin: 25px auto 0;} 
#section3.section .content_area .img ul li {width: 100%;margin: 0 auto 20px; box-shadow: 0px 4px 6px rgb(10 11 12 / 10%);} 
#section3.section .content_area .img ul li a {padding: 25px 20px;} 
#section3.section .content_area .img ul li a div.top h3 {font-size: 18px;} 
#section3.section .content_area .img ul li a div.top p {font-size: 16px;} 
#section3.section .content_area .img ul li a div.bottom {margin-top: 25px;} 
#section3.section .content_area .img ul li a div.bottom img {height: 115px;} 
#section3.section .content_area .img ul li:last-child a div.bottom img {height: 75px;} 

#section4.section .content_area .img {position: unset;margin: 35px auto 0;}
#section4.section .content_area .img .mark {top: 44%;right: 15%;}
#section4.section .content_area .img .mark:after {top: calc(-30px + -5px);right: calc(100% - (100px / 2));width: 100px;}
#section4.section .content_area .txt2 {margin-top: 0;} 
#section4.section .content_area .txt2 h3 {font-size: 18px;margin-bottom: 20px;} 
#section4.section .content_area .txt2 ul li {font-size: 16px;} 

#section5.section .content_area .banner.active {padding: 130px 25px 40px;}  
#section5.section .content_area .banner .txt:before {display: none;}

.foot_sec:before {width: 44vw;height: 44vw;} 
}

@media all and (max-width: 479px) {
.section .content_area .txt h2, #section4.section .content_area .txt h2 {font-size: 25px;} 
.section:not(#section5) .content_area .txt h2 span {font-size: 18px;}
.section .content_area .txt > span {font-size: 14px;} 
.section:not(#section5) .content_area .txt p {font-size: 16px;} 
.more a, #section5 .more p {font-size: 12px;} 

#section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .title_box h2 {font-size: 20px;}
#section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .title_box p {font-size: 16px;} 
.control_wrap .arrow_box div {min-width: 44px;height: 44px;} 
.control_wrap .arrow_box div:after {font-size: 16px;} 
#section1 .cursor_circle {bottom: -18px;left: calc(50% - 57px);width: 114px;height: 114px;} 
#section1 .cursor_circle .wrap img {width: 20px;} 
#section1 .cursor_circle:after {width: 114px;height: 114px;} 

#section2.section .content_area, #section3.section .content_area, #section4.section .content_area, #section5.section .content_area {padding: 80px 0;} 
#section2.section .content_area .img iframe {height: 200px;}
    
#section3.section .content_area .img ul li a div.bottom img {height: 95px;} 
}