@charset "utf-8";

.header_bg {background: rgba(0,0,0, 0);}
.header_bg:hover {background: #fff !important;}
.header_logo a {background:url('/images/common/logo_w.png') no-repeat;}
#Language {color:#fff;background-image: url('/images/common/menu_active2.png');}

.fp-viewing-Page2 .header_bg,
.fp-viewing-Page3 .header_bg,
.fp-viewing-Page4 .header_bg,
.fp-viewing-Page5 .header_bg,
.fp-viewing-Page6 .header_bg,
.fp-viewing-Page7 .header_bg,
.fp-viewing-Page8 .header_bg {background: rgba(0,0,0, 0.5);}
.header-menu_item>a {color:#fff;}

.header_bg:hover .header-menu_item>a {color:#000;}
.header_bg:hover .header_logo a {background:url('/images/common/logo.png') no-repeat;}
.header_bg:hover #Language {color:#000;background-image: url('/images/common/menu_active.png');}


.fp-slidesNav {display: none !important;}

/*fullpage*/
#fullpage {transform:translateY(0);top:0;}
#callbacksDiv  {position: fixed;top: 50px;left: 50px;color: white;z-index: 999;}
#menu {position: fixed;top: 0;left: 0;height: 40px;z-index: 70;width: 100%;padding: 0;margin: 0;display: none;}
#menu li  {display: inline-block;margin: 10px;color: #262d37;background: #fff;background: rgba(255,255,255, 0.5);}
#menu li.active {background: #666;background: rgba(0,0,0, 0.5);color: #fff;}
#menu li a {text-decoration: none;color: #262d37;}
#menu li.active a:hover {color: #262d37;}
#menu li:hover {background: rgba(255,255,255, 0.8);}
#menu li a,
#menu li.active a {padding: 9px 18px;display: block;}
#menu li.active a {color: #fff;}

#fp-nav ul li,
.fp-slidesNav ul li { position: relative;display: block;width: 10px;height: 10px;margin: 0 0 15px 0;position:relative;}

#fp-nav ul li a span,
.fp-slidesNav ul li a span  {background: #fff;}

#fp-nav.fp-right {right: 35px;}

.fp-viewing-Page2 #fp-nav ul li a span,
.fp-viewing-Page2 .fp-slidesNav ul li a span,
.fp-viewing-Page4 #fp-nav ul li a span,
.fp-viewing-Page4 .fp-slidesNav ul li a span,
.fp-viewing-Page5 #fp-nav ul li a span,
.fp-viewing-Page5 .fp-slidesNav ul li a span  {background: #333;}

#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span {height: 12px;width: 12px;background:#fff;border:2px solid #b6602b;margin: 0px;}

.fp-viewing-Page2 #fp-nav ul li a.active span,
.fp-viewing-Page2 .fp-slidesNav ul li a.active span,
.fp-viewing-Page2 #fp-nav ul li:hover a.active span,
.fp-viewing-Page2 .fp-slidesNav ul li:hover a.active span,
.fp-viewing-Page4 #fp-nav ul li a.active span,
.fp-viewing-Page4 .fp-slidesNav ul li a.active span,
.fp-viewing-Page4 #fp-nav ul li:hover a.active span,
.fp-viewing-Page4 .fp-slidesNav ul li:hover a.active span,
.fp-viewing-Page5 #fp-nav ul li a.active span,
.fp-viewing-Page5 .fp-slidesNav ul li a.active span,
.fp-viewing-Page5 #fp-nav ul li:hover a.active span,
.fp-viewing-Page5 .fp-slidesNav ul li:hover a.active span {background: #333;}

.fp-viewing-Page2 #fp-nav ul li .fp-tooltip, 
.fp-viewing-Page4 #fp-nav ul li .fp-tooltip, 
.fp-viewing-Page5 #fp-nav ul li .fp-tooltip  {color:#333;}

#fp-nav ul li a span,
.fp-slidesNav ul li a span  {height: 7px;width: 7px;background: #b39137;margin: 0 2px;}
#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span {width: 10px;height: 10px;margin: 0 }
#fp-nav ul li .fp-tooltip  {display: none;padding:0  0 0 5px;top: 2px;font-weight:600;}
#fp-nav ul li a.active + .fp-tooltip  {display:inline-block;opacity: 1;width: auto;}


.section  {transform:translateY(0);background-repeat: no-repeat !important;/*background-size: cover !important;*/transform: translate3d(0px, 0px, 0px);}
.section h2 {font-family:'Montserrat', sans-serif;font-size:60px;font-weight:700;text-align:center;margin-bottom:30px;font-weight:900;}
.section a.more {position:absolute;right:0;top:20px;background:url('../images/main/more.png') center center no-repeat;width:40px;height:40px;font-size:0;}
.section p.sti {margin-bottom:50px;font-size:19px;line-height:1.5;}

.fp-viewing-Page1 .section.active,
.fp-viewing-Page2 .section.active,
.fp-viewing-Page3 .section.active,
.fp-viewing-Page4 .section.active,
.fp-viewing-Page5 .section.active,
.fp-viewing-Page6 .section.active,
.fp-viewing-Page7 .section.active,
.fp-viewing-Page8 .section.active,
.fp-viewing-Page9 .section.active,
.fp-viewing-Page10 .section.active {opacity: 1;}

.fp-tableCell {-webkit-animation:fadeIn 2s 1;animation: fadeIn 2s 1;position:relative;}

@media all and (min-width: 1025px) {
.section, .fp-tableCell  {height: 100vh !important;}
body #section8, #section8 .fp-tableCell  {height: auto !important;}
}

@keyframes slick-scale {
	0% {
		transform: scale(1.2);
	}
	100% {
		transform: scale(1);
	}
}
@keyframes slick-scale {
	0% {
		transform: scale(1.2);
	}
	100% {
		transform: scale(1);
	}
}
@keyframes slick-h {
	0% {
        transform: translateX(30px);
        opacity: 0;
    }
    30% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.section_wrap {position:relative;display:flex;align-items: center;justify-content: space-between;}

.main_visual {position:relative;margin:0;height:100vh;z-index:0;}
.main_visual .swiper-container {width: 100%;height: 100%;}
#section1 .swiper-wrapper {height: 100%;}
.main_visual .swiper-slide {text-align: center;background:#000;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-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;}
.frame {position: absolute;width: 100%;height: 100%;overflow: hidden;z-index: 1;}
.rolling li a {display: block;width:100%;height:100%;}
.rolling .text {text-align:left;max-width: 1400px;width:100%;z-index: 1;position: absolute;margin: auto;right:0;margin-left: auto;margin-right: auto;top: 50%;left: 50%;transform: translate(-50%, -50%);opacity: 0;text-align:center;margin-top:-100px;}
.rolling .text h2 {color:#fff;font-size:60px;font-weight: 700;margin-bottom:30px;}
.rolling .text p {color:#fff;font-size:23px;font-weight: 600;}
.rolling .text img {display: block;margin:50px auto 0;width:30%;}
.rolling .text p {/*text-align:left;position: absolute;opacity: 0;top: 100px;left:0;right:0;display: block;width:100%;*/}

.rolling li.swiper-slide-active .text {opacity: 1;transition: all .7s linear .2s;/*top: 100px;*/ margin-top:0px;}

.rolling li .img_board {width: 100%;height: 100%;overflow: hidden;}
.rolling li .img_board .bg {height: 100%;transform: scale(1.2,1.2);-webkit-transition: all 2.5s ease .1s;-ms-transition: all 2.5s ease .1s;-moz-transition: all 2.5s ease .1s;transition: all 2.5s ease .1s;}
.rolling li.swiper-slide-active .img_board .bg {transform: scale(1.01,1.01);}
.rolling .visual01 .img_board .bg {background:url('../images/main/main_visual01.jpg') center center no-repeat;background-size: cover}
.rolling .visual02 .img_board .bg {background:url('../images/main/main_visual02.jpg') center center no-repeat;background-size: cover}
.rolling .visual03 .img_board .bg {background:url('../images/main/main_visual03.jpg') center center no-repeat;background-size: cover}
.rolling .visual04 .img_board .bg {background:url('../images/main/main_visual04.jpg') center center no-repeat;background-size: cover}

.swiper-container-horizontal > .swiper-pagination-bullets {position: absolute;bottom:0;width:100%;max-width:100%;background: rgba(0,0,0,0.5);height:70px;font-size:0;border-bottom:0;border-right:1px solid rgba(255,255,255,0.1);z-index:2;}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet  {padding:0;margin:0;width:25%;height:100%;background:transparent;border:0;border-radius:0;display:inline-block;font-size:0;text-align:left;color:#fff;vertical-align:top;text-align:center;position: relative;}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet > div:first-child:after {display:none;}

.main_visual .v_pagination h2{width:100%;display:block;font-size:20px;font-weight:600;height:70px;line-height:70px;padding:0;margin-bottom:0;color:#fff;display:flex;align-items: center; justify-content: center;}
.main_visual .v_pagination .swiper-pagination-bullet-active h2 {/*color:rgba(255,255,255,1.0);*/ background:#8cc043;}
.main_visual .v_pagination h2:after {content: '';width: 1px;height: 60%;background: rgba(255,255,255,0.1);position: absolute;top: 20%;right:0;}
.main_visual .swiper-pagination-bullet::after {display:none;}
.main_visual .v_pagination .swiper-pagination-bullet {opacity: 1;}
.main_visual .v_pagination .swiper-pagination-bullet:hover,
.main_visual .v_pagination .swiper-pagination-bullet-active, 
.main_visual .v_pagination > div a:hover {color: #66ccff;}
.main_visual .v_pagination .swiper-pagination-bullet:hover h2:after,
.main_visual .v_pagination .swiper-pagination-bullet-active h2:after,
.main_visual .v_pagination > div a:hover h2:after{position:absolute;bottom: 20px;right: -20px;width: 88px;height: 17px;background: url('../images/main/arr.png') ;display: block;content: "";}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: translate(0, 0);
                 transform: translate(0, 0);}
  50% {
    -webkit-transform: translate(10px, 0);
                 transform: translate(10px, 0);}
  100% {
    -webkit-transform: translate(0, 0);
                 transform: translate(0, 0);} }

@keyframes pulse {
  0% {
    -webkit-transform: translate(0, 0);
                 transform: translate(0, 0);}
  50% {
    -webkit-transform: translate(10px, 0);
                transform: translate(10px, 0);}
  100% {
    -webkit-transform: translate(0, 0);
                 transform: translate(0, 0);} 
}

.visual_control_prev {background: url("../images/prev.png") no-repeat;width: 100px;height: 100px;font-size:0;border-radius:0;padding: 0px;position: absolute;top: 50%;left: 10px;margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));-webkit-transform: translateY(-50%);transform: translateY(-50%);z-index: 2;-webkit-transition: all 0.4s;transition: all 0.4s;}
.visual_control_next {background: url("../images/next.png") no-repeat;width: 100px;height: 100px;font-size:0;border-radius:0;padding: 0px;position: absolute;top: 50%;right: 10px;margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));-webkit-transform: translateY(-50%);transform: translateY(-50%);z-index: 2;-webkit-transition: all 0.4s;transition: all 0.4s;}
.visual_control_prev, .visual_control_next {display:none;}
.m_scroll  {background: url("../images/scroll.png") center bottom no-repeat;position: absolute;bottom: 150px;display: block;cursor: pointer;right: 5%;z-index: 9;/*-webkit-animation: pulse 2s infinite;animation: pulse 2s infinite;*/ width: 27px;padding-bottom:50px;}
.m_scroll i  {color: #fff;font-size:16px;width:100%;writing-mode: vertical-rl;text-orientation: mixed;padding-right:3px;}


#section1 svg {position:absolute;animation: rotation 10s linear infinite;width: 400px;height: 400px;border-radius:50%;top: -200px;right:50px;}
#section1 svg text {font-size: 25px;font-weight: 500;text-transform: uppercase;fill: #aaa;}
@keyframes rotation {
100% {
transform: rotate(360deg);
}
}

#section2 {background: url('../images/main/section2_01.jpg') ;}
.section2_left {display:flex;flex-direction: column;justify-content: center;float:left;width:50%;height:100%;position:relative;z-index:9;}
#section2 h2 {text-align:left;color:#fff;font-size:40px;}
#section2 h2 strong {display: block;font-size:65px;}
#section2 h3 {line-height: 1.5;font-size:35px;font-weight:800;margin-bottom:50px;}
#section2 p.sti  {color:#a5a2a3;margin-bottom:150px;}
a.btn_go {border:1px solid #fff;padding:15px 35px;display: inline-block;color:#fff;font-family: 'Montserrat', sans-serif;font-weight:600;text-align:center;width:220px;}
a.btn_go:hover {background:rgba(0,0,0,0.5);border:1px solid rgba(0,0,0,0)}
.section2_right {position:absolute;left:50%;bottom:0;width:50%;height:100%;z-index:8;overflow:hidden;display:flex;flex-wrap: wrap; background:#eee;}
.section2_right > div {width:50%;height:50%;padding:100px 70px;}
.section2_right > div:nth-child(1) {background: url('../images/main/section2_02.jpg');}
.section2_right > div:nth-child(2) {background:#8cc043;}
.section2_right > div:nth-child(3) {background:#405a9d;}
.section2_right > div:nth-child(4) {background: url('../images/main/section2_03.jpg') right bottom;}
.section2_right li {margin-bottom:30px;}
.section2_right li a {font-size:22px;font-weight:500;}
.section2_right li a:hover {text-decoration:underline}
.section2_right > div:nth-child(2) h3, .section2_right > div:nth-child(3) h3,
.section2_right > div:nth-child(2) li a, .section2_right > div:nth-child(3) li a {color:#fff;}


#section3 {}
#section3 h3 {line-height: 1.5;color:#4d4d4d;text-align:center;font-size:28px;font-weight:500;margin-bottom:50px;}
#section3 .wrap div {display:flex;justify-content: space-between;}
#section3 dl {width:30%;text-align:center;box-shadow:1px 4px 7px rgba(0,0,0,0.08);padding:50px;font-weight:500;}
#section3 dt  {font-size:25px;}
#section3 dt span {display:block;margin:15px 0;}
#section3 dd {font-size:28px;font-weight:700;}
#section3 dd strong {font-size:65px;font-weight:900;}
#section3 dl:nth-child(1) dd {color:#8cc043;}
#section3 dl:nth-child(2) dd {color:#405a9d;}
#section3 dl:nth-child(3) dd {color:#3d416c;}

#section4 {background: #3d416c;background: url('../images/main/section4.png') #3d416c 27% 90% no-repeat;}
.section4_left {display:flex;flex-direction: column;justify-content: center;float:left;width:50%;height:100%;position:relative;z-index:9;}
#section4 h2 {text-align:left;color:#fff;}
#section4 p.sti  {color:#fff;margin-bottom:80px;}
#section4 .v_pagination2 {width:95%;}
#section4 .v_pagination2 > div {margin-bottom:40px;cursor:pointer;position:relative;display: block;font-size:20px;color:rgba(255,255,255,0.7)}
#section4 .v_pagination2 > div.swiper-pagination-bullet {width:100%;text-align: left;padding-top: 0px;border-radius:0;background:transparent;font-size:25px;font-weight:600;}
#section4 .v_pagination2 > div.swiper-pagination-bullet-active {color:rgba(255,255,255,1);font-size:35px;font-weight:700;}
#section4 .v_pagination2 > div > span {position:relative;display: inline-block;}
#section4 .v_pagination2 > div.swiper-pagination-bullet-active:before {background: #fff;}
#section4 .v_pagination2 > div.swiper-pagination-bullet-active:after {background: #fff;;}

.section4_right {background:#fff;position:absolute;left:50%;bottom:0;width:50%;height:100%;z-index:8;overflow:hidden;}
.section4_right .swiper-slide {background:#fff;opacity:0 !important;}
.section4_right .swiper-slide.swiper-slide-active {opacity:1 !important;}
.section4_right .swiper-slide img {}
.section4_right .swiper-slide dl {float:right;padding:60px 100px;}
.section4_right .swiper-slide dt {font-size:55px;margin-bottom:10px;text-align:center;font-weight:800;}
.section4_right .swiper-slide dd{font-size:18px;margin-top:20px;text-align:center;line-height:1.3;}
.section4_right .swiper-slide dd + dd {margin-top:40px;}
.section4_right .swiper-slide dd a {display: inline-block;padding:12px 20px;font-family: 'Montserrat', sans-serif;font-weight:600;width:170px}
.btn_view {background: linear-gradient(45deg,  #4764af 0%,#8cc042 100%);color:#fff;}
.btn_down {background:#6d6d6d;color:#fff;}
.section4_right .swiper-slide dd a + a {margin-left:10px;}


#section5 {background: #eff4e7;text-align:center;}
#section5 ul {display:flex;align-items: flex-start;justify-content: space-between;}
#section5 ul li {background: #fff;width:22%;box-shadow:3px 4px 10px rgba(0,0,0,0.08);}
#section5 ul li:nth-child(5),
#section5 ul li:nth-child(6) {display:none }
#section5 p {display:block;}
#section5 p.issue_img {width:100%;height:auto;aspect-ratio:4/2.1;min-height:162px;background-size:100% auto !important;background-repeat:no-repeat !important;background-position:center 20% !important;}
#section5 p.issue_txt {padding:20px 15px;}
#section5 span {display:block;}
#section5 span.issue_title {text-align:left;font-size:19px;font-weight:600;line-height:1.6;min-height:65px;}
#section5 span.issue_date {text-align:right;margin-top:15px;}

#section6 {text-align:center;background: url('../images/main/section6.png') #f6f6f6 center bottom 50px}
#section6 .wrap {/*background: url('../images/main/section6.png') center center ;*/}
#section6 ul {display:flex;align-items: center;justify-content: space-around;font-size:50px;font-weight:800;margin-top:150px;}
#section6 ul li {background:rgba(71 ,100,175,0.5);padding:10px;border-radius:50%;width:20%;height:auto;aspect-ratio:1/1;}
#section6 ul li span {display:block;background:rgba(71 ,100,175,1);border-radius:50%;width:100%;height:auto;aspect-ratio:1/1;display:flex;justify-content: center;align-items: center;}
#section6 ul li:nth-child(1) {background: linear-gradient(45deg, #4764af 0%,#8cc042 100%);}
#section6 ul li:nth-child(1) span {background:transparent;}
#section6 ul li a {width:100%;height:100%;display:flex;justify-content: center;align-items: center;}
#section6 ul li:hover {opacity:0.9;}

#section7 {}
#section7 ul {display:flex;justify-content: space-between;justify-content: space-between;flex-wrap: wrap;}
#section7 li {width:49%;margin-bottom:15px;background-size: cover !important} 
#section7 li:nth-child(1), #section7 li:nth-child(2) {margin-bottom:25px;}

#section7 li:nth-child(1) {background: url('../images/main/section7_01.png') no-repeat;}
#section7 li:nth-child(2) {background: url('../images/main/section7_02.png') no-repeat;}
#section7 li:nth-child(3) {background: url('../images/main/section7_03.png') no-repeat;}
#section7 li:nth-child(4) {background: url('../images/main/section7_04.png') no-repeat;}

#section7 li a {position: relative;height:23vh;}
#section7 p {position:absolute;left:70px;bottom:70px;color:#fff;font-size:35px;font-weight:600;}
#section7:before {content:"NKTech";position:absolute;font-size:240px;font-weight:800;right:0;bottom:-60px;color:rgba(0,0,0,0.08);}





@media all and (max-width: 1800px) {
#section2 .right {max-width:50%;}
}




@media all and (max-width: 1450px) {
.section h2  {font-size: 55px;margin-bottom:40px;}
.section h3 {font-size:45px;margin-bottom:40px;}
.section p.sti {font-size:18px;}

.rolling .text h2 {font-size:55px;}
.rolling .text p {font-size:20px;}

.swiper-container-horizontal > .swiper-pagination-bullets {height:60px}
.main_visual .v_pagination h2{font-size:19px;height:60px;line-height:60px;}








#section2 h2 {font-size:35px;}
#section2 h2 strong {font-size:60px;}
#section2 h3 {font-size:30px;margin-bottom:40px;}
#section2 p.sti  {margin-bottom:100px;}
.section2_left {padding-right:2%}
.section2_right > div {padding:80px 5%;}
.section2_right li a{font-size:18px;}

#section3 .wrap div {justify-content: space-around;}
#section3 h3 {font-size:25px;}
#section3 dl {padding:40px;}
#section3 dt  {font-size:22px;}
#section3 dd {font-size:30px;}
#section3 dd strong {font-size:60px;}


#section4 .v_pagination2 > div.swiper-pagination-bullet {font-size:20px;margin-bottom:30px;}
#section4 .v_pagination2 > div.swiper-pagination-bullet-active {font-size:35px;}
.section4_right .swiper-slide dl {float:right;padding:60px 2.5%;}
.section4_right .swiper-slide dt {font-size:50px;}
.section4_right .swiper-slide dd{font-size:17px;margin-top:15px;}

#section5 span.issue_title {font-size:18px;min-height:65px;line-height: 1.5;}

#section6 ul {margin-top:100px;}





}





@media all and (max-width: 1280px) {
.section h2  {font-size: 47px;margin-bottom:30px;}
.section h3 {font-size:40px;margin-bottom:30px;}

.rolling .text h2 {font-size:50px;}
.rolling .text p {font-size:18px;}

#section3 h3 {font-size:22px;}
#section3 dt  {font-size:20px;}
#section3 dd {font-size:28px;}
#section3 dd strong {font-size:55px;}

}


@media all and (max-width: 1024px) {
.header_bg {background:#fff;}
.header_logo a {background:url('/images/common/logo.png') no-repeat;}
#Language {color:#000;background-image: url('/images/common/menu_active.png');}

.fp-viewing-Page2 .header_bg,
.fp-viewing-Page3 .header_bg,
.fp-viewing-Page4 .header_bg,
.fp-viewing-Page5 .header_bg,
.fp-viewing-Page6 .header_bg,
.fp-viewing-Page7 .header_bg,
.fp-viewing-Page8 .header_bg {background: #fff;}

#fullpage  {transform: none !important;width: 100%;}
.section  {opacity: 1 !important;overflow:hidden;padding:70px 0;height: auto !important;}

.fp-section.fp-table,
.fp-tableCell {height: auto !important;}

.section h2  {font-size: 42px;}
.section h3 {font-size:35px;}
.section p.sti {font-size:16px;}

#section1 {padding:0;}
.main_visual {}
.swiper-container-horizontal > .swiper-pagination-bullets {height:55px}
.main_visual .v_pagination h2{font-size:17px;height:55px;line-height:55px;}




.rolling .text h2 {font-size:40px;}
.rolling .text p {font-size:17px;}


#section2 {padding: 0;}
#section2 h2 {font-size:22px; font-weight: 600;}
#section2 h2 strong {font-size:55px;}
#section2 h3 {font-size:23px;margin-bottom: 30px;}
.section2_left {padding:70px 2.5% 70px 0;}
#section2 p.sti  {margin-bottom:80px;}
.section2_right > div {padding:50px 5%;}
.section2_right li {margin-bottom:15px;}
.section2_right li a{font-size:16px;}

#section3 h3 {font-size:19px;}
#section3 h3 br {display:none;}
#section3 .wrap div {justify-content: space-around;}

#section4 .v_pagination2 > div.swiper-pagination-bullet {font-size:18px;margin-bottom:25px;}
#section4 .v_pagination2 > div.swiper-pagination-bullet-active {font-size:30px;}

#section3 dl {padding:30px;}
#section3 dt img {width:70px;}
#section3 dd {font-size:28px;}
#section3 dd strong {font-size:45px;}

#section4 {padding: 0;background-size:auto 60%}
.section4_left {padding:70px 2.5% 70px 0;}
#section4 p.sti  {margin-bottom:50px;}
#section4 p.sti br {display:none;}
.section4_right .swiper-slide dl {float:right;padding:10px 2.5% 50px;}

.section4_right .swiper-slide dt {font-size:38px;}
.section4_right .swiper-slide dd{font-size:15px;}
.section4_right .swiper-slide dd + dd {margin-top:25px;}
.section4_right .swiper-slide dd a {padding:10px 18px;width:150px}

.section4_right .swiper-wrapper {height: auto;}


#section5 ul li {width:31%;}
#section5 ul li:nth-child(4) {display:none}
#section5 p.issue_txt {padding:15px 10px;}
#section5 span.issue_title {font-size:16px;min-height:65px;line-height: 1.3;}
#section5 span.issue_date {margin-top:10px;}
#section6 {background-size:95%;}
#section6 ul {margin-top:50px;}
#section6 ul li {width:23%;}
#section6 ul li span img {width:80%;}

#section7 li:nth-child(1), #section7 li:nth-child(2) {margin-bottom:15px;}
#section7 li a {height:150px;}
#section7 p {left:40px;bottom:40px;font-size:23px;}
#section7:before {font-size:150px;bottom:-60px;}



#section8 {padding: 0;}




}






@media all and (max-width: 768px) {
.section  {padding:50px 0;}

.section h2  {font-size: 40px;margin-bottom: 20px;}
.section h3 {font-size:30px;}
.section p.sti {font-size:16px;}

.rolling .text h2 {font-size:35px;}
.rolling .text p {font-size:16px;}
.main_visual .v_pagination h2{font-size:17px;}

.section2_left {width:100%;}
#section2 h2 {font-size:22px;margin-bottom: 25px;}
#section2 h2 strong {font-size:45px;display:inline-block;}
#section2 h3 {font-size:20px;margin-bottom: 15px;}
#section2 p.sti  {margin-bottom:30px;}
.section2_left {padding:50px 0;}
.section2_right  {position:relative;width:100%;left: auto;bottom: auto;display:flex;}
.section2_right > div {padding:30px 2.5%;}
.section2_right  ul {min-height:50px;}
.section2_right li {margin-bottom:10px;}
.section2_right li a{font-size:15px;}
a.btn_go {padding:10px 30px;width:150px;float:right;position:absolute;right:30px;bottom:50px;}


#section3 h3 {font-size:18px;margin-bottom: 30px;line-height: 1.3;}
#section3 dl {padding:25px;}
#section3 dt  {font-size:18px;}
#section3 dt img {width:50px;}
#section3 dd {font-size:25px;}
#section3 dd strong {font-size:35px;}

.section4_left {width:100%;padding:30px 0;}

.section4_right  {position:relative;width:100%;height:auto;left: auto;bottom: auto;display:flex;}
#section4 p.sti  {margin-bottom:25px;}

#section4 .v_pagination2 {width:100%;display:flex;justify-content: space-between;}
#section4 .v_pagination2 > div.swiper-pagination-bullet {width:24%;font-size:25px;font-size:17px;margin-bottom:0;}
#section4 .v_pagination2 > div.swiper-pagination-bullet-active {font-size:17px;}
.section4_right .swiper-slide dt {font-size:30px;}
.section4_right .swiper-slide dd a {padding:10px 15px;width:120px}

#section5 ul li {width:49%;}
#section5 ul li:nth-child(3) {display:none}
#section5 p.issue_txt {padding:15px 10px;}
#section5 span.issue_title {font-size:16px;min-height:45px;line-height: 1.3;}

#section6 ul li {padding:5px;}

#section7 li a {height:120px;}
#section7 p {left:30px;bottom:30px;font-size:20px;}
#section7:before {font-size:100px;bottom:-30px;}
}


@media all and (max-width: 650px) {
.section h2  {font-size: 35px;margin-bottom: 15px;}
.section h3 {font-size:30px;}
.section p.sti {font-size:15px;}

.rolling .text h2 {font-size:27px;}
.rolling .text p {font-size:15px;}
.swiper-container-horizontal > .swiper-pagination-bullets {height:45px}
.main_visual .v_pagination h2{font-size:15px;height:45px;line-height:1.2;}

.section2_left {padding:30px 0;}
#section2 h2 {font-size:18px;margin-bottom: 15px;}
#section2 h2 strong {font-size:35px;}
a.btn_go {padding:8px 25px;width:120px;right:2.5%;bottom:20px;}
.section2_right li a{font-size:14px;}

#section3 .wrap div {/*flex-direction: column;*/}
#section3 h3 {font-size:16px;margin-bottom: 25px;}
#section3 h3 br {display:none;}
#section3 dl {/*display:flex;align-items: center;justify-content: space-around;width:100%;*/ padding: 15px;}

#section3 dt {/*display:flex;align-items: center;*/}
#section3 dt  {font-size:17px;}
#section3 dt img {/*margin-right:10px;*/ width:40px;height:40px;}
#section3 dd {/*width:50%;*/text-align:center;font-size:20px;}
#section3 dd strong {font-size:30px;}

#section7 li a {height: 100px;}
#section7 p {left:25px;bottom:25px;font-size:18px;}
#section7:before {font-size:80px;bottom:-20px;}
}

@media all and (max-width: 460px) {
.rolling .text {padding:0 3%;}
.rolling .text h2 {font-size:22px;}
.rolling .text p {font-size:14px;}

.swiper-container-horizontal > .swiper-pagination-bullets {flex-wrap: wrap; height:80px;}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{width:50%; height:40px;}
.main_visual .v_pagination h2 {line-height:40px; height:40px; font-size:13px;}

.section h2  {font-size: 30px;}
.section h3 {font-size:25px;}
.section p.sti {font-size:14px;}
.section a.more {top: 0px;}

.rolling .text h2 {font-size:25px;}
.rolling .text p {font-size:14px;}

#section2 h2 {font-size:16px;}
#section2 h2 strong {font-size:25px;}
.section2_right li a{font-size:13px;}

#section3 h3 {font-size:15px;}
#section3 dl {padding: 10px;}
#section3 dt  {font-size:16px;}
#section3 dd {font-size:18px;}
#section3 dd strong {font-size:25px;}

#section4 .v_pagination2 {flex-wrap: wrap;}
#section4 .v_pagination2 > div.swiper-pagination-bullet {width:49%;font-size:16px; margin-bottom: 10px;}
#section4 .v_pagination2 > div.swiper-pagination-bullet-active {font-size:16px;}
.section4_right .swiper-slide dt {font-size:25px;}
.section4_right .swiper-slide dd a {padding:8px 15px;width:110px}

#section5 ul li {width:100%;}
#section5 ul li:nth-child(2) {display:none;}
#section5 span.issue_title {font-size:15px;min-height:auto;}

#section6 ul {margin-top:15px;flex-wrap: wrap;}
#section6 ul li {width:40%;margin-bottom:5px;}

#section7 li {width:100%;margin-bottom:5px}
#section7 li a {height: 90px;}
#section7 p {left:15px;bottom:15px;font-size:16px;}
#section7:before {font-size:70px;bottom:-20px;}
}

@media all and (max-width: 360px) {
.section h2  {font-size: 25px; margin-bottom: 10px;}
.section h3 {font-size:20px;}
.section p.sti {font-size:13px;}

#section2 h2 {font-size:15px;}
#section2 h2 strong {font-size:22px;}

#section3 h3 {font-size:14px;}
#section3 dt  {font-size:15px;}
#section3 dd {font-size:17px;}
#section3 dd strong {font-size:20px;}

#section4 .v_pagination2 > div.swiper-pagination-bullet {font-size:14px; }
}