/* Visual */
.visual-container { overflow: hidden; position: relative; }

.visual-side-container{
    z-index: 2;
    display: -webkit-box; display: -ms-flexbox; display: flex;
    -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;
    -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
    position: absolute; top: 0; right: 0; bottom: 0; margin: auto;
    -webkit-transition: all .35s ease 2.2s; transition: all .35s ease 2.2s;
    -webkit-transform: translateX(100px); transform: translateX(100px);
    opacity: 0;
}
.visual-side{
    z-index: 2; display: block; position: relative; margin: 10px 0;
    width: 330px; height: 80px; line-height: 80px; padding-left: 64px; font-size: 40px; color: #ffffff; font-weight: 200;
}
.visual-side::before { content: ''; z-index: 1; position: absolute; top: 0; left: 0; width: 120%; height: 100%; background: #00acb5; -webkit-transform: skew(-45deg); transform: skew(-45deg); }
.visual-side span { display: block; z-index: 2; position: relative; }
.visual-side b { font-weight: 800; }
.visual-side:last-child::before { background: #5d6fb7; }


.visual-footnote { z-index: 2; position: absolute; bottom: 50px; left: 0; right: 0; margin: auto; max-width: 1550px; padding: 0 15px; width: 100%; line-height: 1; text-align: left; font-size: 12px; font-weight: 200; color: rgba(255,255,255,.5); }

.visual__pagination { z-index: 2; position: absolute; bottom: 50px; text-align: center; font-size: 0; }
.visual__pagination .swiper-pagination-bullet { margin: 0 5px; width: 80px; height: 2px; background: rgba(255,255,255,.3); border-radius: 0; opacity: 1; }
.visual__pagination .swiper-pagination-bullet-active { background: rgba(255,255,255,1); }

.visual-slide { position: relative; height: 980px; }
.visual-text { z-index: 2; position: relative; margin: auto; padding: 0 30px; max-width: 1580px; width: 100%; }
.visual-slide--1 { padding-top: 180px; text-align: center; background: url('/child/img/main/visual/v1.jpg') no-repeat center / cover; }
.visual-slide--1 .top { line-height: 1; font-size: 28px; font-weight: 200; opacity: 0; }
.visual-slide--1 .top b { font-weight: 800; }
.visual-slide--1 .line { display: block; margin: 20px auto 5px; width: 1px; height: 30px; background: rgba(0,0,0,.5); opacity: 0; }
.visual-slide--1 .title { line-height: 1.3; font-size: 80px; font-weight: 200; opacity: 0; }
.visual-slide--1 .title b { font-weight: 800; }
.visual-slide--1 .title em { display: inline-block; line-height: 0.9; font-style: normal; border-bottom: 4px solid #00dce8; }

.visual-pins { z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; }
.visual-pins [data-pin]{
    position: absolute; bottom: 0; right: 0; left: 0; margin: auto; width: 140px;
    -webkit-transition: all ease-out .2s; transition: all ease-out .2s;
}
.visual-pins [data-pin] span{
    overflow: hidden; display: inline-block; position: relative; padding: 12px 15px 9px; min-width: 120px; height: auto; line-height: 1.3;
    text-align: center; font-size: 18px; font-weight: 800;
    background: #fff56c; border-radius: 10px;
    -webkit-transition: all ease-out .2s; transition: all ease-out .2s;
    opacity: 0;
}
.visual-pins [data-pin] span::after{
    content: ''; position: absolute; top: 0; left: 0; width: 100px; height: 100%;
    background-image: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
    -webkit-transform: translateX(-125%) skew(-45deg); transform: translateX(-125%) skew(-45deg);
    -webkit-transition: all ease-out .15s; transition: all ease-out .15s;
}
.visual-pins [data-pin] i{
    display: block; margin: 10px auto 0; width: 21px; height: 30px;
    background: url('/child/img/main/visual/visual-pin.svg');
    -webkit-transition: all ease-out .2s; transition: all ease-out .2s;
    opacity: 0;
}
.visual-pins [data-pin="1"] { -webkit-transform: translate(-477px, -283px); transform: translate(-477px, -283px); }
.visual-pins [data-pin="2"] { -webkit-transform: translate(-316px, -335px); transform: translate(-316px, -335px); }
.visual-pins [data-pin="3"] { -webkit-transform: translate(-108px, -352px); transform: translate(-108px, -352px); }
.visual-pins [data-pin="4"] { -webkit-transform: translate(295px, -373px); transform: translate(295px, -373px); }
.visual-pins [data-pin="5"] { -webkit-transform: translate(387px, -256px); transform: translate(387px, -256px); }
.visual-pins [data-pin="6"] { -webkit-transform: translate(540px, -350px); transform: translate(540px, -350px); }

.swiper-container-initialized ~ .visual-side-container { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; }

.swiper-slide-active .visual-slide--1 .top { animation: fade .5s ease-out .3s forwards; }
.swiper-slide-active .visual-slide--1 .line { animation: fade .5s ease-out .3s forwards; }
.swiper-slide-active .visual-slide--1 .title { animation: fade-up .5s ease-in-out forwards; }
.swiper-slide-active .visual-pins [data-pin] i { animation: fade-down .3s ease-out forwards; }
.swiper-slide-active .visual-pins [data-pin="1"] i { animation-delay: .7s; }
.swiper-slide-active .visual-pins [data-pin="2"] i { animation-delay: .8s; }
.swiper-slide-active .visual-pins [data-pin="3"] i { animation-delay: .9s; }
.swiper-slide-active .visual-pins [data-pin="4"] i { animation-delay: 1s; }
.swiper-slide-active .visual-pins [data-pin="5"] i { animation-delay: 1.1s; }
.swiper-slide-active .visual-pins [data-pin="6"] i { animation-delay: 1.2s; }
.swiper-slide-active .visual-pins [data-pin] span { animation: fade-down .3s ease-out forwards; }
.swiper-slide-active .visual-pins [data-pin="1"] span { animation-delay: 1.2s; }
.swiper-slide-active .visual-pins [data-pin="2"] span { animation-delay: 1.3s; }
.swiper-slide-active .visual-pins [data-pin="3"] span { animation-delay: 1.4s; }
.swiper-slide-active .visual-pins [data-pin="4"] span { animation-delay: 1.5s; }
.swiper-slide-active .visual-pins [data-pin="5"] span { animation-delay: 1.6s; }
.swiper-slide-active .visual-pins [data-pin="6"] span { animation-delay: 1.7s; }
.swiper-slide-active .visual-pins [data-pin] span::after { animation: spotlight 3s ease-in-out 2s infinite; }

.visual-slide--2 { padding-top: 380px; background: url('/child/img/main/visual/v2.jpg') no-repeat center / cover; }
.visual-slide--2 .top { line-height: 1; font-size: 36px; font-weight: 200; color: #ffffff; opacity: 0; }
.visual-slide--2 .top b { font-weight: 800; }
.visual-slide--2 .line { display: block; margin: 16px 0 5px; width: 1px; height: 70px; background: rgba(255,255,255,.5); opacity: 0; }
.visual-slide--2 .title { line-height: 1.3; font-size: 80px; font-weight: 200; color: #ffffff; opacity: 0; }
.visual-slide--2 .title b { font-weight: 800; }

.swiper-slide-active .visual-slide--2 .top { animation: fade .5s ease-out .15s forwards; }
.swiper-slide-active .visual-slide--2 .line { animation: fade .5s ease-out .15s forwards; }
.swiper-slide-active .visual-slide--2 .title { animation: fade-up .5s ease-in-out forwards; }

@keyframes spotlight {
    0%, 20% { -webkit-transform: translateX(-125%) skew(-45deg); transform: translateX(-125%) skew(-45deg); }
    66%, 100% { -webkit-transform: translateX(160%) skew(-45deg); transform: translateX(160%) skew(-45deg); }
}
@media(max-width:1200px){
    .visual__pagination { bottom: 35px; }
    .visual__pagination .swiper-pagination-bullet { width: 65px; }
    .visual-footnote { bottom: 55px; }
    .visual-side { padding-left: 40px; width: 170px; height: 40px; line-height: 40px; font-size: 20px; }
    .visual-side2 { padding-left: 40px; width: 170px; height: 40px; line-height: 40px; font-size: 20px; }
    .visual-slide { height: 580px; }
    .visual-slide--1 { padding-top: 80px; }
    .visual-slide--1 .top,
    .visual-slide--2 .top { font-size: 22px; }
    .visual-slide--1 .line { margin: 12px auto 5px; height: 24px; }
    .visual-slide--1 .title,
    .visual-slide--2 .title { font-size: 46px; }
    .visual-slide--2 { padding-top: 230px; }
    .visual-slide--2 .line { height: 60px; }

    .visual-pins [data-pin] { width: 90px; }
    .visual-pins [data-pin="1"] { -webkit-transform: translate(-283px, -170px); transform: translate(-283px, -170px); }
    .visual-pins [data-pin="2"] { -webkit-transform: translate(-187px, -200px); transform: translate(-187px, -200px); }
    .visual-pins [data-pin="3"] { -webkit-transform: translate(-60px, -210px); transform: translate(-60px, -210px); }
    .visual-pins [data-pin="4"] { -webkit-transform: translate(175px, -223px); transform: translate(175px, -223px); }
    .visual-pins [data-pin="5"] { -webkit-transform: translate(230px, -156px); transform: translate(230px, -156px); }
    .visual-pins [data-pin="6"] { -webkit-transform: translate(325px, -210px); transform: translate(325px, -210px); }
    .visual-pins [data-pin] span { padding: 8px 10px 5px; min-width: 80px; font-size: 12px; }
    .visual-pins [data-pin] i { margin: 2px auto 0; width: 14px; height: 20px; }
}
@media(max-width:768px){
    .visual-footnote { line-height: 1.4; }
    .visual-side { top: 43%; bottom: auto; margin: 0; padding-left: 24px; width: 110px; height: 30px; line-height: 30px; font-size: 14px; }
    .visual-side2 { top: 43%; bottom: auto; margin: 0; padding-left: 24px; width: 110px; height: 30px; line-height: 30px; font-size: 14px; }
    .visual-slide { padding-top: calc(1136 / 640 * 100%); width: 100%; height: 0; }
    .visual-text { position: absolute; width: 100%; }
    .visual-slide--1 { background: url('/child/img/main/visual/v1-mo.jpg') no-repeat center / cover; }
    .visual-slide--2 { background: url('/child/img/main/visual/v2-mo.jpg') no-repeat center / cover; }
    .visual-slide--1 .visual-text { top: 10vh; }
    .visual-slide--2 .visual-text { top: 10vh; }
    .visual-slide--1 .top,
    .visual-slide--2 .top { font-size: 20px; }
    .visual-slide--1 .title,
    .visual-slide--2 .title { font-size: 36px; }

    .visual-pins [data-pin] { right: auto; bottom: auto; margin: 0; }
    .visual-pins [data-pin="1"],
    .visual-pins [data-pin="5"],
    .visual-pins [data-pin="6"] { display: none; }
    .visual-pins [data-pin="2"] { top: calc(57% - 27px); left: calc(15% - 45px); -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); }
    .visual-pins [data-pin="3"] { top: calc(61% - 70px); left: calc(52% - 45px); -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); }
    .visual-pins [data-pin="4"] { top: calc(55.5% - 27px); left: calc(78% - 45px); -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); }
}
@media(max-width:500px){
}


/* Section */
.section .title { position: relative; margin-top: -15px; margin-bottom: -15px; line-height: 1.2; font-size: 60px; font-weight: 200; }
.section .title::after { content: ''; display: inline-block; margin-left: 28px; width: 94px; height: 7px; background: url('/child/img/icon/section-title-symbol.svg') no-repeat right center / 94px auto; }
.section .title b { font-weight: 800; }
@media(max-width:1200px){
    .section .title { margin-top: -8px; margin-bottom: -8px; line-height: 1.2; font-size: 36px; }
    .section .title::after { margin-left: 20px; width: 84px; }
}
@media(max-width:768px){
    .section .title { margin-top: 0; margin-bottom: 0; font-size: 24px; }
    .section .title::after { margin-left: 16px; width: 64px; }
}


.section--intro { padding: 120px 0 80px; background: url('/child/img/main/section/section-intro-background.png') no-repeat center top; }
.section--intro .flex { display: flex; align-items: flex-end; justify-content: space-between; }
.section--intro .flex .button { width: 200px; height: 50px; font-size: 14px; }

.feature-box-list { margin: 65px 0; }

.feature-box__head { overflow: hidden; display: flex; align-items: center; position: relative; padding: 0 50px; height: 225px; }
.feature-box__background{
    z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background-image: linear-gradient(-45deg, #00acb5, #5d6fb7, #00acb5, #5d6fb7);
    background-size: 400% 100%;
    -webkit-transform-origin: left; transform-origin: left;
    -webkit-transition: all ease-in-out .8s; transition: all ease-in-out .8s;
    -webkit-transform: scaleX(0); transform: scaleX(0);
    animation: wave-right 10s linear infinite;
}
.feature-box__text{
    display: block;
    opacity: 0;
}
.feature-box__title { display: flex; align-items: center; z-index: 2; line-height: 1; font-size: 24px; color: #ffffff; font-weight: 400; }
.feature-box__title b { display: block; margin-bottom: 16px; font-size: 32px; font-weight: 800; }
.feature-box__icon{
    display: block; position: relative; margin-right: 30px; width: 80px; height: 80px;
    opacity: 0;
}
.feature-box__icon::before{
    content: ''; z-index: 1; position: absolute; top: -12px;
    width: 30px; height: 30px;
    background: rgba(181,251,255,.5); border-radius: 50%;
    -webkit-transition: all ease-out .15s; transition: all ease-out .15s;
}
.feature-box__icon--1::before { right: -12px; }
.feature-box__icon--2::before { right: 6px; }
.feature-box__icon--3::before { right: -6px; }
.feature-box__icon--4::before { right: -6px; top: 14px; }
.feature-box__icon svg { width: 100%; height: 100%; fill: #ffffff; }

.feature-box__body{
    z-index: 2; position: relative; margin: -100px 0 0 490px; padding: 25px 30px 5px;
    background: #ffffff;
    -webkit-transform-origin: bottom; transform-origin: bottom;
    -webkit-transform: scaleY(0); transform: scaleY(0);
    -webkit-transition: all .5s ease-out .5s; transition: all .5s ease-out .5s;
}
.feature-box__context{
    display: block; position: relative; margin-bottom: 14px; padding-left: 16px; line-height: 1.4; font-size: 18px;
    -webkit-transform: translateY(30px); transform: translateY(30px);
    -webkit-transition: all ease .3s; transition: all ease .3s;
    opacity: 0;
}
.feature-box__context:nth-child(1) { -webkit-transition-delay: 1s; transition-delay: 1s; }
.feature-box__context:nth-child(2) { -webkit-transition-delay: 1.2s; transition-delay: 1.2s; }
.feature-box__context:nth-child(3) { -webkit-transition-delay: 1.3s; transition-delay: 1.3s; }
.feature-box__context::before { content: ''; position: absolute; top: 8px; left: 0; width: 7px; height: 7px; background: url('/child/img/icon/list-style-diamond.gif') no-repeat; }
.feature-box__context:last-child { margin-bottom: 0; }

.aos-animate .feature-box__background { -webkit-transform: scaleX(1); transform: scaleX(1); }
.aos-animate .feature-box__body { -webkit-transform: scaleY(1); transform: scaleY(1); }
.aos-animate .feature-box__icon { animation: fade .5s linear .4s forwards; }
.aos-animate .feature-box__text { animation: fade .5s linear .5s forwards; }
.aos-animate .feature-box__context { -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1; }
@keyframes wave-right {
    0%, 100% { background-position-x: 0%; }
    50% { background-position-x: 100%; }
}
@media(max-width:1200px){
    .section--intro { padding: 100px 0 30px; }
    .section--intro .flex .button { font-size: 13px; }

    .feature-box__head { height: 200px; }
    .feature-box__icon { margin-right: 20px; width: 65px; height: 65px; }
    .feature-box__icon::before { width: 25px; height: 25px; }
    .feature-box__title { font-size: 20px; }
    .feature-box__title b { margin-bottom: 12px; font-size: 26px; }
    .feature-box__body { margin: -95px 0 0 420px; }
    .feature-box__context { font-size: 16px; }
}
@media(max-width:768px){
    .section--intro { padding: 60px 0 5px; }
    .section--intro .flex .button { width: 140px; height: 40px; }

    .feature-box-list { margin: 45px 0; }
    .feature-box__head { padding: 0 15px 50px; }
    .feature-box__body { margin: -60px 15px 0; padding: 20px 15px 5px; }
    .feature-box__icon { margin-right: 15px; width: 50px; height: 50px; }
    .feature-box__icon::before { top: -8px; width: 20px; height: 20px; }
    .feature-box__icon--4::before { top: 10px; }
    .feature-box__title { font-size: 16px; }
    .feature-box__title b { margin-bottom: 8px; font-size: 20px; }
    .feature-box__context { margin-bottom: 10px; padding-left: 14px; font-size: 13px; }
    .feature-box__context::before { top: 6px; width: 5px; height: 5px; background-size: auto 5px; }
}


.section--icon { overflow: hidden; padding: 130px 0 140px; background: url('/child/img/main/section/section-icon-background.jpg') no-repeat center / cover; }
.section--icon .title { color: #ffffff; }

.main-grid { margin: 100px auto 0; max-width: 1050px; }
.main-grid__lists { display: flex; flex-wrap: wrap; margin: -45px -40px; }
.main-grid__list { list-style: none; padding: 45px 40px; width: 25%; }
.main-grid__icon { overflow: hidden; display: block; position: relative; margin: auto; width: 200px; height: 200px; border: 1px solid rgba(0,172,181,.5); border-radius: 50%; }
.main-grid__icon span { display: block; width: 100%; height: 100%; }
.main-grid__icon svg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: auto; width: 80px; height: 80px; fill: #00acb5; }
.main-grid__name { display: block; margin-top: 20px; line-height: 1; text-align: center; font-size: 24px; color: #ffffff; font-weight: 800; }
.main-grid__name small { font-size: 16px; color: #999999; }
@media(max-width:1200px){
    .section--icon { padding: 100px 0; }

    .main-grid { margin-top: 60px; max-width: 850px; }
    .main-grid__lists { margin: -20px; }
    .main-grid__list { padding: 20px; }
    .main-grid__icon { width: 180px; height: 180px; }
    .main-grid__icon svg { width: 60px; height: 60px; }
    .main-grid__name { margin-top: 18px; font-size: 18px; }
}
@media(max-width:768px){
    .section--icon { padding: 60px 0; }

    .main-grid { max-width: 400px; }
    .main-grid__list { padding: 20px 5px; width: 50%; }
    .main-grid__icon { width: 140px; height: 140px; }
    .main-grid__icon svg { width: 50px; height: 50px; }
    .main-grid__name { font-size: 16px; }
}


.section--type { overflow: hidden; position: relative; padding: 120px 0; }
.section--type::before { content: ''; z-index: 1; position: absolute; bottom: 0; left: 0; width: 75%; height: 43%; background: #f9f9f9; pointer-events: none; }

.type-container { z-index: 2; position: relative; }
.type-container .tab-list { margin: 0 -5px; }
.type-container .tab-list > li{
    margin: 0 5px; flex: auto;
    -webkit-transform: translateY(-100px); transform: translateY(-100px);
    -webkit-transition: all ease-out .3s; transition: all ease-out .3s;
    opacity: 0;
}
.type-container .tab-list > li:nth-child(1) { -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }
.type-container .tab-list > li:nth-child(2) { -webkit-transition-delay: 0.6s; transition-delay: 0.6s; }
.type-container .tab-list > li:nth-child(3) { -webkit-transition-delay: 0.7s; transition-delay: 0.7s; }
.type-container .tab-list > li:nth-child(4) { -webkit-transition-delay: 0.8s; transition-delay: 0.8s; }
.type-container .tab-list > li:not(.on) { border-color: #d1d1d1; }
.type-container .tab-list > li .button { width: 120px; font-size: 14px; }
.type-container .tab-list > li.on .button { font-weight: 800; }
.type__head { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 60px; }
.type__title { overflow: hidden; display: flex; align-items: center; position: relative; padding-left: 25px; max-width: 510px; width: 100%; height: 60px; }
.type__title::before{
    content: ''; z-index: 1; position: absolute; top: 0; left: -30px;
    width: 100%; height: 100%; background: #007c82;
    -webkit-transform: translateX(-100%) skew(-45deg); transform: translateX(-100%) skew(-45deg);
    -webkit-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s;
    opacity: 0;
}
.type__title-text { z-index: 2; position: relative; line-height: 1; font-size: 24px; color: #ffffff; }
.type__title-text strong { display: inline-block; margin-right: 4px; padding-top: 2px; padding-right: 8px; line-height: 0.7; font-weight: 800; border-right: 3px solid #ffffff; }

.type-slide-container { position: relative; }
.type-slide-container .swiper-container { margin: -25px; padding: 25px; }
.type-slide-container .swiper-slide { opacity: 0; visibility: hidden; }
.type-slide-container .swiper-slide-active { visibility: visible; }
.type-slide-container__next{
    z-index: 2; position: absolute; top: 180px; right: -90px; width: 120px; height: 40px;
    background: url('/child/img/main/section/slide-arrow-right-point.svg') no-repeat right center; outline: none;
    -webkit-transform: translateX(-50px); transform: translateX(-50px);
    -webkit-transition: all .5s ease-out 1s; transition: all .5s ease-out 1s;
    opacity: 0;
}

.type__flex { display: flex; }
.type__context { padding-right: 40px; width: 31.6%; }
.type__image { width: 68.4%; }

.figure-spec-lists { overflow: hidden; margin-top: 30px; background: #ffffff; border: 1px solid #e6e6e6; }
.figure-spec-lists li{
    padding: 14px 30px 13px; border-bottom: 1px solid #e6e6e6;
    -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out;
    -webkit-transition-property: all; transition-property: all;
    -webkit-transition-duration: .5s; transition-duration: .5s;
    -webkit-transform: translateX(-100px); transform: translateX(-100px);
    opacity: 0;
}
.figure-spec-lists li:nth-child(1) { -webkit-transition-delay: .4s; transition-delay: .4s; }
.figure-spec-lists li:nth-child(2) { -webkit-transition-delay: .5s; transition-delay: .5s; }
.figure-spec-lists li:nth-child(3) { -webkit-transition-delay: .6s; transition-delay: .6s; }
.figure-spec-lists li:nth-child(4) { -webkit-transition-delay: .7s; transition-delay: .7s; }
.figure-spec-lists li:nth-child(5) { -webkit-transition-delay: .8s; transition-delay: .8s; }
.figure-spec-lists li:last-child { border-bottom: none; }
.figure-spec-lists .spec { display: block; position: relative; padding-left: 20px; font-size: 16px; }
.figure-spec-lists .spec::before { content: ''; position: absolute; top: 9px; left: 0; width: 7px; height: 7px; background: url('/child/img/icon/list-style-diamond.gif') no-repeat; }
.figure-spec-lists .spec strong { padding-right: 16px; font-size: 18px; }

.figure-box-lists { display: flex; margin: -10px; }
.figure-box-lists li{
    padding: 10px; width: 50%;
    -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out;
    -webkit-transition-property: all; transition-property: all;
    -webkit-transition-duration: .3s; transition-duration: .3s;
    opacity: 0;
}
.figure-box-lists li:nth-child(1) { -webkit-transition-delay: .4s; transition-delay: .4s; }
.figure-box-lists li:nth-child(2) { -webkit-transition-delay: .5s; transition-delay: .5s; }
.figure-box-lists .figure-box { overflow: hidden; position: relative; width: 100%; height: 346px; background: #ffffff; box-shadow: 0px 6px 22px 0px rgba(36,36,36,.15); }
.figure-box-lists .figure-box img { position: relative; left: 50%; max-width: none; width: auto; height: 100%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.aos-animate.type-container .tab-list > li { -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1; }
.aos-animate .swiper-slide-active .type__title::before { -webkit-transform: translateX(0%) skew(-45deg); transform: translateX(0%) skew(-45deg); -webkit-transition: all .5s ease-in-out .3s; transition: all .5s ease-in-out .3s; opacity: 1; }
.aos-animate .swiper-slide-active .figure-spec-lists li { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; }
.aos-animate .swiper-slide-active .figure-box-lists li { opacity: 1; }
.aos-animate .type-slide-container__next { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; }
@media(min-width:1201px){
	.type-container .tab-list > li .button { height: 50px; }
}
@media(max-width:1200px){
    .section--type { padding: 100px 0; }
    .section--type::before { width: 85%; height: 46%; }

    .type-container .tab-list > li { flex: 1 1; }
    .type-container .tab-list > li .button { font-size: 13px; }
    .type-slide-container__next { display: none; }

    .type__title { max-width: 460px; height: 50px; }
    .type__title-text { font-size: 18px; }

    .figure-spec-lists li { padding: 14px 26px 13px; }
    .figure-spec-lists .spec { padding-left: 15px; font-size: 14px; }
    .figure-spec-lists .spec::before { background-size: auto 5px; }
    .figure-spec-lists .spec strong { font-size: 16px; }

    .figure-box-lists .figure-box { height: 318px; }
}
@media(max-width:768px){
    .section--type { padding: 60px 0; }
    .section--type::before { height: 73%; }

    .type-container { flex-wrap: wrap; }
    .type-container .tab-list { margin: 30px -2px 0; width: 100%; }
    .type-container .tab-list > li { margin: 0 2px; }
    .type-container .tab-list > li .button { width: 100%; }

    .type__head { align-items: flex-start; flex-direction: column; margin-bottom: 15px; }
    .type__body { width: 100%; }
    .type__title { padding-left: 15px; height: 44px; }
    .type__title-text { font-size: 15px; }
    .type__title-text span:nth-child(2) { margin-left: -16px; }

    .type__flex { flex-direction: column; }
    .type__context { padding: 0 0 15px; width: 100%; }
    .type__image { width: 100%; }

    .figure-spec-lists { display: flex; flex-wrap: wrap; margin-top: 10px; }
    .figure-spec-lists li { padding: 10px 14px 9px; width: 50%; }
    .figure-spec-lists li:nth-child(odd) { border-right: 1px solid #e6e6e6; }
    .figure-spec-lists .spec { padding-left: 12px; font-size: 12px; }
    .figure-spec-lists .spec strong { padding-right: 6px; font-size: 14px; }

    .figure-box-lists { flex-wrap: wrap; margin: -7px 0; }
    .figure-box-lists li { padding: 7px 0; width: 100%; }
}


.section--inquiry { padding: 120px 0; background: url('/child/img/main/section/section-inquiry-background.jpg') no-repeat center / cover; }
.section--inquiry .flex { display: flex; }
.section--inquiry .flex .box:first-child { flex: 1 1; }
.section--inquiry .flex .box:last-child { width: 710px; }
.section--inquiry .title { color: #ffffff; }

.fommain-main-container { overflow: hidden; display: block; position: relative; padding: 4px; }
.fommain-main-container::before{
    content: ''; position: absolute; top: 0; left: 0;
    width: 0%; height: 0%;
    border-top: 1px solid #00acb5; border-right: 1px solid #00acb5;
    opacity: 0;
    pointer-events: none;
}
.fommain-main-container::after{
    content: ''; position: absolute; bottom: 0; right: 0;
    width: 0%; height: 0%;
    border-bottom: 1px solid #00acb5; border-left: 1px solid #00acb5;
    -webkit-transition: all 0s ease .5s; transition: all 0s ease .5s;
    opacity: 0;
    pointer-events: none;
}
.fommain-main { overflow: hidden; display: table; z-index: 2; position: relative; padding: 40px 50px; width: 100%; }
.fommain-main::before{
    content: ''; position: absolute; top: 0; left: 0;
    width: 0%; height: 0%;
    border-top: 1px solid #00acb5; border-right: 1px solid #00acb5;
    opacity: 0;
    pointer-events: none;
}
.fommain-main::after{
    content: ''; position: absolute; bottom: 0; right: 0;
    width: 0%; height: 0%;
    border-bottom: 1px solid #00acb5; border-left: 1px solid #00acb5;
    -webkit-transition: all 0s ease .5s; transition: all 0s ease .5s;
    opacity: 0;
    pointer-events: none;
}
.fommain-main .row { display: table-row; }
.fommain-main .th { display: table-cell; vertical-align: middle; padding: 20px 0; width: 80px; font-size: 16px; color: #ffffff; font-weight: 800; }
.fommain-main .td { display: table-cell; vertical-align: middle; padding: 20px 0; width: auto; font-size: 14px; color: rgba(255,255,255,.7); }
.fommain-main .row--agree .th,
.fommain-main .row--agree .td { padding: 0 0 10px; }
.fommain-main .select,
.fommain-main .input,
.fommain-main .button { width: 100%; height: 50px; }
.fommain-main .check i { width: 24px; height: 24px; border: 1px solid rgba(255,255,255,.7); background: transparent; background-repeat: no-repeat; background-position: center; }
.fommain-main .check input:checked ~ i { border-width: 2px; border-color: #00acb5; background-image: url('/child/img/icon/check-on.png'); }

.form-agree-lists li { margin: 10px 0; }
.form-agree-lists li:first-child { margin-top: 0; }
.form-agree-lists li:last-child { margin-bottom: 0; }
.form-agree-lists li .check { display: inline-block; vertical-align: middle; }
.form-agree-lists li .link { display: inline-block; vertical-align: middle; margin-left: 5px; text-decoration: underline; }

.aos-animate .fommain-main-container::before,
.aos-animate .fommain-main::before { animation: square-top .6s linear forwards; opacity: 1; }
.aos-animate .fommain-main-container::after,
.aos-animate .fommain-main::after { animation: square-bottom .6s linear .6s forwards; opacity: 1; }
@keyframes square-top {
    0% { width: 0%; height: 0%; }
    50% { width: 100%; height: 0%; }
    100% { width: 100%; height: 100%; }
}
@keyframes square-bottom {
    0% { width: 0%; height: 0%; }
    50% { width: 100%; height: 0%; }
    100% { width: 100%; height: 100%; }
}
@media(max-width:1200px){
    .section--inquiry { padding: 100px 0; }
    .section--inquiry .flex .box:last-child { width: 600px; }
}
@media(max-width:768px){
    .section--inquiry { padding: 60px 0; }
    .section--inquiry .flex { flex-wrap: wrap; }
    .section--inquiry .flex .box:first-child { flex: auto; width: 100%; }
    .section--inquiry .flex .box:last-child { padding-top: 30px; width: 100%; }

    .fommain-main { display: block; padding: 20px; }
    .fommain-main .row { width: 100%; }
    .fommain-main .th { display: block; padding: 12px 0 0; width: 100%; font-size: 14px; }
    .fommain-main .td { display: block; padding: 8px 0 12px; font-size: 13px; }
    .fommain-main .select,
    .fommain-main .input,
    .fommain-main .button { height: 40px; }
}


.section--location { padding: 120px 0; background: url('/child/img/main/section/section-location-background.jpg') no-repeat center / cover; }
.section--location .flex { display: flex; }
.section--location .flex .box:first-child { flex: 1 1; }
.section--location .flex .box:last-child { width: 710px; }
.section--location .title { color: #ffffff; }
.section--location .pr { margin-top: 100px; line-height: 1; font-size: 18px; color: #ffffff; font-weight: 800; }
.section--location .pr em { display: block; position: relative; margin-top: 24px; padding-left: 58px; font-style: normal; font-size: 48px; }
.section--location .pr em svg { position: absolute; top: 0; left: 0; bottom: 0; margin: auto; width: 40px; height: 40px; }
.section--location .button { margin-top: 60px; width: 200px; height: 50px; font-size: 14px; }

.main-map-container .map { width: 710px; height: 430px; }
@media(max-width:1200px){
    .section--location .flex .box:last-child { width: 600px; }
    .section--location .pr { font-size: 16px; }
    .section--location .pr em { margin-top: 20px; padding-left: 40px; font-size: 36px; }
    .section--location .pr em svg { width: 32px; height: 32px; }

    .main-map-container .map { width: 100%; height: 360px; }
}
@media(max-width:768px){
    .section--location { padding: 60px 0; }
    .section--location .flex { flex-wrap: wrap; }
    .section--location .flex .box:first-child { flex: auto; width: 100%; }
    .section--location .flex .box:last-child { padding-top: 30px; width: 100%; }
    .section--location .button { margin-top: 25px; height: 40px; }
    .section--location .pr { margin-top: 30px; font-size: 14px; }
    .section--location .pr em { margin-top: 10px; padding-left: 34px; font-size: 24px; }
    .section--location .pr em svg { width: 22px; height: 22px; }

    .main-map-container .map { height: 260px; }
}