@charset "utf-8";

#main {padding-top:100px;}
/* main-visual */
.main-visual {height:100%; position:relative;}
.main-visual .origin .item {height:calc(100vh - 100px);}
.main-visual .origin .item .secting-img {height:100%; position:relative; background-repeat:no-repeat; background-size:cover; background-position:center center;}
.main-visual .origin .item .secting-img01 {background-image:url('../img/main/main-visual01.jpg');}
.main-visual .origin .item .secting-img02 {background-image:url('../img/main/main-visual02.jpg');}
.main-visual .origin .item .secting-img03 {background-image:url('../img/main/main-visual03.jpg');}
.main-visual .thumb {position:absolute; width:100%; height:100%; top:0; left:0; display:flex; align-items:center; z-index:10;}
.main-visual .thumb .wrap {width:100%; max-width:1450px; padding:0 15px; margin:0 auto; color:#fff;}
.main-visual .thumb .items {margin-bottom:70px;}
.main-visual .thumb h2 {font-size:70px; font-weight:600; line-height:1.2em; margin-bottom:36px; position:relative; opacity:0; filter:blur(10px); transition:all 1s;}
.main-visual .thumb p {font-size:22px; line-height:1.6em; position:relative; opacity:0; filter:blur(10px); transition:all 1s;}
.main-visual .thumb .item.slick-active h2 {opacity:1; filter:blur(0); transition-delay:0.4s;}
.main-visual .thumb .item.slick-active p {opacity:1; filter:blur(0); transition-delay:0.8s;}
.main-visual .slick-dots {display:flex;}
.main-visual .slick-dots li {padding-right:30px; transition:all 0.4s; position:relative;}
.main-visual .slick-dots li.slick-active {padding-right:100px;}
.main-visual .slick-dots li:after {content:''; width:0; height:1px; background:#fff; position:absolute; top:50%; left:30px; opacity:1;}
.main-visual .slick-dots li.slick-active:after {opacity:1; width:60px; transition:all 4.5s;}
.main-visual .slick-dots li .count {font-size:14px; font-weight:700; opacity:0.6; transition:all 0.4s; line-height:20px; display:block; cursor:pointer;}
.main-visual .slick-dots li.slick-active .count {opacity:1;}
.main-visual .scrolldown {position:absolute; bottom:0; left:50%; margin-left:-26px; padding-bottom:70px; z-index:15; height:10px;}
.main-visual .scrolldown span {width:2px; height:50px; position:absolute; bottom:0; left:50%; margin-left:-1px; background:rgba(255,255,255,0.5); overflow:hidden;}
.main-visual .scrolldown span:after {content:''; width:2px; height:20px; background:#fff; position:absolute; top:0; left:0; animation:scrolldown 2s linear infinite both}
@keyframes scrolldown{0%{transform:translateY(-25px);}100%{transform:translateY(55px);}}
/* section common */
.section {padding:150px 0 170px;}
.sec-tit h3 {font-size:64px; line-height:1.2em; color:#000; font-family:'Poppins'; position:relative;}
.sec-tit h3:after {content:''; width:10px; height:10px; display:inline-block; vertical-align:top; background:#013a70; margin-top:5px; margin-left:20px;}
/* section01 */
.section01 .col {display:flex;}
.section01 .tit-box {width:100%; max-width:430px;} 
.section01 .tit-box .sec-tit {margin-bottom:52px;}
.section01 .tit-box ul {}
.section01 .tit-box ul li {margin-bottom:8px;}
.section01 .tit-box ul li a {font-size:20px; width:290px; line-height:70px; background:#ddd; color:#999; font-weight:600; transition:all 0.4s; text-align:center;}
.section01 .tit-box ul li:first-child a {border-radius:30px 0 0 0;}
.section01 .tit-box ul li:last-child a {border-radius:0 0 30px 0;}
.section01 .tit-box ul li.active a {color:#fff; background:#013a70;}
.section01 .txt-box {width:1%; flex:1 1 auto;}
.section01 .tab-content {background:#f7f7f7; border:1px solid #ddd; border-radius:50px 0 50px 0; padding:30px; display:flex; align-items:center;}
.section01 .tab-content .img {width:100%; max-width:460px; border-radius:30px 0 30px 0; overflow:hidden;}
.section01 .tab-content .row {width:1%; flex:1 1 auto; padding-left:70px;}
.section01 .tab-content .tit {margin-bottom:30px;}
.section01 .tab-content .tit p {font-size:16px; line-height:1.8em; font-weight:600; color:#013a70; margin-bottom:8px;}
.section01 .tab-content .tit h4 {font-size:36px; line-height:1.2em; color:#111; font-weight:600;}
.section01 .tab-content .txt p {font-size:18px; line-height:1.6em; color:#666; margin-bottom:54px;}
.section01 .tab-content .txt a {width:180px; line-height:58px; font-size:20px; color:#013a70; font-weight:500; border:1px solid #013a70; border-radius:16px 0 16px 0; transition:all 0.4s; padding:0 30px; position:relative;}
.section01 .tab-content .txt a:hover {background:#013a70; color:#fff;}
.section01 .tab-content .txt a:after {content:''; width:10px; height:10px; background-image:url('../img/main/sec01-more.png'); background-repeat:no-repeat; background-size:cover; transition:all 0.4s; position:absolute; top:50%; margin-top:-5px; right:30px;}
.section01 .tab-content .txt a:hover:after {background-image:url('../img/main/sec01-more-on.png');}
/* section02 */
.section02 {background:url('../img/main/sec02bg.jpg') center center no-repeat; background-size:cover;}
.section02 .col {display:flex;}
.section02 .tit-box {width:100%; max-width:630px;}
.section02 .tit-box img {margin-bottom:30px;}
.section02 .tit-box h3 {font-size:46px; line-height:1.2em; color:#fff; font-weight:600; margin-bottom:32px;}
.section02 .tit-box p {font-size:22px; line-height:1.4em; color:rgba(255,255,255,0.6);}
.section02 .txt-box {width:1%; flex:1 1 auto; position:relative; padding-top:480px;}
.section02 .txt-box .slide {position:absolute; top:0; left:0; width:1120px;}
.section02 .txt-box .slick-list {padding-top:20px; margin-top:-20px;}
.section02 .txt-box .items {margin:0 -10px;}
.section02 .txt-box .item {padding:0 10px;}
.section02 .txt-box .inner {padding:40px; border-radius:30px 0 30px 0; background:rgba(255,255,255,0.05); position:relative; transition:all 0.4s;}
.section02 .txt-box .inner:hover {transform:translateY(-20px); background:rgba(255,255,255,0.15);}
.section02 .txt-box .inner img {box-shadow:5px 5px 20px rgba(44,44,44,0.35);}
.section02 .btns {display:flex; align-items:center; margin-top:50px;}
.section02 .btns .bar {width:1%; flex:1 1 auto; height:4px; background:rgba(255,255,255,0.3); margin-right:50px;}
.section02 .btns .bar .progress-bar {height:100%; background:rgba(255,255,255,1); width:0; transition:width 3.8s;}
.section02 .btns .arrows {width:100%; max-width:60px; margin-right:20px; display:flex; justify-content:space-between; align-items:center;}
.section02 .btns .arrows .slick-arrow {width:10px; height:20px; background-repeat:no-repeat; background-size:cover; background-color:transparent; font-size:0; border:0; cursor:pointer; z-index:11; transition:all 0.4s; opacity:0.3;}
.section02 .btns .arrows .slick-arrow:hover {opacity:1;}
.section02 .btns .arrows .slick-prev {background-image:url('../img/main/sec02-prev.png');}
.section02 .btns .arrows .slick-next {background-image:url('../img/main/sec02-next.png');}
.section02 .btns .more a {width:30px; height:30px; border-radius:50%; background:rgba(255,255,255,0.3); transition:all 0.4s; position:relative;}
.section02 .btns .more a:hover {background:rgba(255,255,255,1);}
.section02 .btns .more a:before,
.section02 .btns .more a:after {content:''; width:10px; height:2px; background:#013a70; position:absolute; top:50%; margin-top:-1px; left:50%; margin-left:-5px;}
.section02 .btns .more a:after {transform:rotate(90deg);}
/* section03 */
.section03 {padding:170px 0 200px; background:url('../img/main/sec03bg.jpg') center center no-repeat; background-size:cover;}
.section03 .sec-tit h3 {color:#fff; margin-bottom:32px;}
.section03 .sec-tit h3:after {background:#fff;}
.section03 .sec-tit p {font-size:22px; line-height:1.4em; color:rgba(255,255,255,0.6); margin-bottom:66px;}
.section03 .sec-tit a {width:180px; line-height:58px; font-size:20px; color:#fff; background:#013a70; font-weight:500; border:1px solid #013a70; border-radius:16px 0 16px 0; transition:all 0.4s; padding:0 30px; position:relative;}
.section03 .sec-tit a:hover {background:#fff; color:#013a70; border-color:#fff;}
.section03 .sec-tit a:after {content:''; width:10px; height:10px; background-image:url('../img/main/sec01-more-on.png'); background-repeat:no-repeat; background-size:cover; transition:all 0.4s; position:absolute; top:50%; margin-top:-5px; right:30px;}
.section03 .sec-tit a:hover:after {background-image:url('../img/main/sec01-more.png');}
/* section04 */
.section04 .tit-box {margin-bottom:56px;}
.section04 .tit-box h3 {font-size:54px; line-height:1.2em; color:#000;}
.section04 .tit-box h3:after {content:''; width:50px; height:50px; background:url('../img/main/sec04-tit.png') no-repeat; display:inline-block; vertical-align:middle; margin-top:-4px; margin-left:16px;}
.section04 .box {border:1px solid #ddd; border-radius:50px 0 50px 0; padding:76px 145px 90px; text-align:center;}
.section04 .box .txt {margin-bottom:46px;}
.section04 .box .txt p {font-size:22px; line-height:1.4em; color:#666;}
.section04 .box .txt p strong {color:#013a70; font-weight:600;}
.section04 .box ul {display:flex; margin:0 -10px;}
.section04 .box ul li {width:50%; padding:0 10px;}
.section04 .box ul li a {line-height:58px; border:1px solid #013a70; font-size:20px; font-weight:500; transition:all 0.4s; border-radius:10px;}
.section04 .box ul li a.pop {background:#fff; color:#013a70;}
.section04 .box ul li a.tel {background:#013a70; color:#fff;}
.section04 .box ul li a.pop:hover {background:#013a70; color:#fff;}
.section04 .box ul li a.tel:hover {background:#fff; color:#013a70;}
.section04 .box ul li a:before {content:''; width:18px; height:18px; background-repeat:no-repeat; background-size:cover; display:inline-block; vertical-align:middle; margin-top:-2px; margin-right:10px; transition:all 0.4s;}
.section04 .box ul li a.pop:before {background-image:url('../img/main/sec04-icon01.png');}
.section04 .box ul li a.tel:before {background-image:url('../img/main/sec04-icon02.png');}
.section04 .box ul li a.pop:hover:before {background-image:url('../img/main/sec04-icon01-on.png');}
.section04 .box ul li a.tel:hover:before {background-image:url('../img/main/sec04-icon02-on.png');}
.sec04-pop {position:fixed; display:none; width:100vw; height:100vh; background:rgba(0,0,0,.5); top:0; left:0; z-index:91; align-items:center; justify-content:center; padding:15px;}
html.sec04_open .sec04-pop {display:flex;}
.sec04-pop .wrap {height:80vh; display:block; position:relative;}
.sec04-pop .wrap img {height:100%; object-fit:contain;}
.sec04-pop .wrap .sec04-closed {width:60px; height:60px; background:#fff; position:absolute; top:0; right:-80px; border-radius:50%; border:1px solid #013a70; z-index:20;}
.sec04-pop .wrap .sec04-closed:before,
.sec04-pop .wrap .sec04-closed:after {content:''; width:24px; height:2px; background:#013a70; position:absolute; top:50%; left:50%; margin-top:-1px; margin-left:-12px;}
.sec04-pop .wrap .sec04-closed:before {transform:rotate(-45deg);}
.sec04-pop .wrap .sec04-closed:after {transform:rotate(45deg);}


.sec04-pop .wrap .zoom-controls {position:absolute; top:80px; right:-80px; display:flex; flex-direction:column; gap:10px; z-index:20;}
.sec04-pop .wrap .zoom-btn {width:60px; height:60px; background:#fff; border-radius:50%; border:1px solid #013a70; display:flex; align-items:center; justify-content:center; font-size:24px; color:#013a70; cursor:pointer; transition:all 0.3s;}
.sec04-pop .wrap .zoom-btn:hover {background:#013a70; color:#fff;}
.sec04-pop .wrap img {transition:transform 0.3s ease;}
.sec04-pop .wrap img.zoom-in {transform:scale(2); cursor:move;}
.sec04-pop .wrap img.zoom-in.dragging {transition:none; cursor:grabbing;}
html.sec04_open {overflow:hidden;}

/* section05 */
.section05 {background:#f8f8f8; padding:80px 0;}
.section05 .col {display:flex;}
.section05 .tit-box {width:100%; max-width:230px;}
.section05 .tit-box h3 {font-size:24px; line-height:1.4em; color:#000; font-weight:600; margin-bottom:16px;}
.section05 .tit-box .btns {display:flex;}
.section05 .tit-box .arrows {display:flex; justify-content:space-between; width:100%; max-width:90px; margin-right:10px;}
.section05 .tit-box .slick-arrow {width:40px; height:40px; border:1px solid #ddd; background-color:#fff; border-radius:50%; position:relative; background-size:contain; background-position:center center; background-repeat:no-repeat; font-size:0; cursor:pointer; z-index:11; transition:all 0.4s;}
.section05 .tit-box .slick-arrow:hover {background:#013a70; border-color:#013a70;}
.section05 .tit-box .slick-prev {background-image:url('../img/main/sec05-prev.png');}
.section05 .tit-box .slick-next {background-image:url('../img/main/sec05-next.png');}
.section05 .tit-box .slick-prev:hover {background-image:url('../img/main/sec05-prev-on.png');}
.section05 .tit-box .slick-next:hover {background-image:url('../img/main/sec05-next-on.png');}
.section05 .tit-box .bt {width:40px; height:40px; border-radius:50%; background:#013a70; position:relative;}
.section05 .tit-box .btnw {width:14px; height:14px; background-repeat:no-repeat; background-size:cover; background-position:center center; cursor:pointer; z-index:10; position:absolute; top:50%; left:50%; margin-top:-7px; margin-left:-7px;}
.section05 .tit-box .btnw.bt-pause {background-image:url('../img/main/sec05-pause.png');}
.section05 .tit-box .btnw.bt-play {background-image:url('../img/main/sec05-play.png');}
.section05 .tit-box .btnw.bt-play {display:none;}
.section05 .txt-box {width:1%; flex:1 1 auto;}
.section05 .txt-box .items {margin:0 -5px;}
.section05 .txt-box .item {padding:0 5px;}
.section05 .txt-box .inner {border:1px solid #ddd; border-radius:10px; overflow:hidden;}