@charset "utf-8";
/* common */
.section3 {padding:120px 0; background:url('../../images/main/03-bg.png') no-repeat center / cover;}
@media screen and (max-width:1200px) {
    .section3 {padding:80px 0; background:url('../../images/main/03-bg2.png') no-repeat center / cover;}
}
@media screen and (max-width:768px) {
    .section3 {padding:43px 0 43px; background:url('../../images/main/03-bg3.png') no-repeat center / cover;}
}

.sec03-text {margin-bottom:-120px;}
.sec03-text span {color:#00B6AD; font-size: 16px; line-height: 20px; font-family: 'SUITE SemiBold'; margin-bottom: 10px;}
.sec03-text h1 {font-size: 40px; line-height: 50px; font-family: 'SUITE ExtraBold';}
@media screen and (max-width:1800px) {
    .sec03-text {margin:0 20px; margin-bottom:-120px;}
}
@media screen and (max-width:1200px) {
    .sec03-text {margin:0 40px; margin-bottom:-120px;}
    .sec03-text h1 {font-size: 36px; line-height: 43px;}
}
@media screen and (max-width:950px) {
    .sec03-text {margin:0 40px;}
}
@media screen and (max-width:768px) {
    .sec03-text {margin:0 20px;}
    .sec03-text h1 {font-size: 30px; line-height: 40px; margin-top: 5px; margin-bottom: 15px;}
}



/* Tween */
/* - Header - */
header {top:-100px}
/* - Visual - */
.wrap-visual .icon {opacity:0;}
.wrap-visual .text_0 {left:100px; opacity:0; position: relative;}
.wrap-visual .text_1 {left:100px; opacity:0; position: relative;}
.wrap-visual .detail-view {left:100px; opacity:0; position: relative;}
.wrap-visual .control {bottom:200px; opacity:0;}
/* - Notice - */
.wrap-notice .left {left:-50px; opacity:0; position: relative;}
.wrap-notice .right {bottom:-50px; opacity:0;}
/* - Quick - */
.wrap-quickservice .title {opacity:0; filter:blur(5px)}
.wrap-quickservice .list {position: relative; top:50px; opacity:0;}
/* - Quick2 - */
.sec03-text {opacity:0; left:-50px; position: relative;}
.wrap-link .text-box {position: relative; left:-50px; opacity:0;}
.wrap-link .main-slider .img-box {filter: blur(10px); opacity:0;}
.wrap-link .sub-slider li:nth-child(1) {top:-50px; opacity:0; position: relative;}
.wrap-link .sub-slider li:nth-child(2) {top:50px; opacity:0; position: relative;}
.wrap-link .slider .control {opacity:0; filter: blur(10px);}