@charset "utf-8";

/* main-visual */
.main-visual {position:relative;}
.main-visual .item {position:relative; height:100vh; padding-top:100px;}
.main-visual .secting-img {position:relative; width:100%; height:100%; background-repeat:no-repeat; background-size:cover; background-position:center center; z-index:1; transform:scale(1.05);}
.main-visual .item.slick-active .secting-img {transform:scale(1); transition:all 4s;}
.main-visual .secting-img01 {background-image:url('../img/main/main-visual01.jpg');}
.main-visual .secting-img02 {background-image:url('../img/main/main-visual02.jpg');}
.main-visual .secting-img03 {background-image:url('../img/main/main-visual03.jpg');}
.main-visual .txt-box {width:100%; height:100%; position:absolute; top:0; left:0; padding:0 15px; text-align:center; display:flex; justify-content:center; align-items:center; color:#fff; z-index:11;}
.main-visual .txt-box h2 {font-size:60px; line-height:1.2em; margin-bottom:32px; opacity:0; position:relative; top:30px;}
.main-visual .txt-box p {font-size:28px; line-height:1.4em; font-weight:500; opacity:0; position:relative; top:30px;}
.main-visual .item.slick-active .txt-box h2 {opacity:1; transition:all 1s 0.4s; top:0;}
.main-visual .item.slick-active .txt-box p {opacity:1; transition:all 1s 0.8s; top:0;}
.main-visual .btns {position:absolute; bottom:60px; left:50%; transform:translateX(-50%); display:flex; align-items:center; z-index:12;}
.main-visual .btns .paging {padding-right:50px;}
.main-visual .btns .slick-dots {display:flex; margin:0 -13px;}
.main-visual .btns .slick-dots li {padding:0 13px;}
.main-visual .btns .slick-dots li button {display:block; width:15px; height:15px; background:rgba(102,102,102,0.7); border-radius:8px; transition:all 0.4s; font-size:0; border:0; cursor:pointer;}
.main-visual .btns .slick-dots li.slick-active button {background:#F00;}
.main-visual .bt {width:32px; height:32px; border-radius:50%; background:rgba(102,102,102,0.6); position:relative;}
.main-visual .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;}
.main-visual .btnw.bt-pause {background-image:url('../img/main/visual-pause.png');}
.main-visual .btnw.bt-play {background-image:url('../img/main/visual-play.png');}
.main-visual .btnw.bt-play {display:none;}
/* section01 */
.section01 {padding:120px 0 140px;}
.section01 .tit-box {margin-bottom:30px;}
.section01 .tit-box h3 {font-size:50px; line-height:1.3em; color:#000;}
.section01 .col {display:flex; margin:0 -20px;}
.section01 .col .row {width:25%; padding:0 20px;}
.section01 .inner {transition:all 0.4s; overflow:hidden; position:relative;}
.section01 .inner:hover {border-radius:20px;}
.section01 .inner:after {content:''; width:100%; height:100%; position:absolute; top:0; left:0; border:2px solid #0070C0; transition:all 0.4s; opacity:0; border-radius:20px; }
.section01 .inner:hover:after {opacity:1;}
.section01 .inner .txt {text-align:center; height:80px; padding:10px; display:flex; align-items:center; justify-content:center; background:#fff; transition:all 0.4s; border-radius:0 0 20px 20px;}
.section01 .inner:hover .txt {background:#0070C0;}
.section01 .inner .txt p {font-size:24px; line-height:1.4em; font-weight:700; color:#222; transition:all 0.4s;}
.section01 .inner:hover .txt p {color:#fff;}
/* section02 */
.section02 {padding:140px 0 120px; background:url('../img/main/sec02bg.jpg') center center no-repeat; background-size:cover;}
.section02 .cont {width:100%; max-width:1430px; padding:0 15px; margin:0 auto;}
.section02 .tit-box h3 {font-size:60px; line-height:1.2em; color:#fff; text-align:center;}
.section02 .icon {margin:30px 0; text-align:center;}
.section02 .box {background:rgba(13,48,131,0.5); backdrop-filter: blur(8px); border:1px solid #309fee; padding:35px; border-radius:20px; text-align:center; margin-bottom:48px;}
.section02 .box p {font-size:32px; font-weight:700; line-height:1.4em; margin-bottom:4px; color:#fff;}
.section02 .box p:last-child {margin-bottom:0;}
.section02 .col {display:flex;}
.section02 .col .row {width:25%; padding:0 28px; border-left:1px solid #eee;}
.section02 .col .row p {font-size:20px; line-height:1.6em; color:#fff;}
.section02 .txt-box {margin-top:40px; padding-top:40px; border-top:1px dashed rgba(255, 255, 255, 0.40); text-align:center;}
.section02 .txt-box p {font-size:22px; font-weight:500; color:#fff; line-height:1.6em;}
/* section03 */
.section03 {padding:140px 0; background:url('../img/main/sec03bg.jpg') center center no-repeat; background-size:cover;} 
.section03 .col {display:flex; align-items:center; justify-content:space-between; text-align:center; flex-wrap:wrap;}
.section03 .tit-box {width:100%; max-width:700px; padding:32px 0; position:relative;}
.section03 .tit-box:before {content:''; width:80px; height:2px; background:#d30000; position:absolute; top:0; left:50%; margin-left:-40px; border-radius:2px;}
.section03 .tit-box h3 {font-size:50px; line-height:1.3em; color:#00165d; margin-bottom:32px;}
.section03 .tit-box p {font-size:32px; line-height:1.5em; color:#444; font-weight:500;}
.section03 .txt-box {width:100%; max-width:760px;}
.section03 .txt-box li {padding-bottom:60px; position:relative;}
.section03 .txt-box li:last-child {padding-bottom:0;}
.section03 .txt-box li:after {content:''; width:60px; height:40px; background:url('../img/main/sec03-arrow.png') no-repeat; background-size:cover; position:absolute; bottom:10px; left:50%; margin-left:-30px;}
.section03 .txt-box li:last-child:after {display:none;}
.section03 .txt-box li p {font-size:24px; line-height:1.4em; color:#fff; height:116px; display:flex; align-items:center; justify-content:center; padding:5px; background:rgba(0,112,192,0.8); box-shadow:0 0 20px 0 rgba(0,0,0,0.1); backdrop-filter: blur(5px); opacity:0.7; border-radius:16px; font-weight:700; position:relative;}

.section03 .txt-box li .logo {position: absolute; bottom:60px; right:0; opacity:0.1;}