/* top-opening
********************************************* */
.top-opening { background-color: #fff; display: none; font-size: 0; line-height: 0; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 1600; }
.top-opening > img { display: none; }
.top-opening__inner { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.top-opening__flex { background: #fff url(/ldg/ja/air/products/multi/new-model/img/bg-opening.jpg) center center/cover no-repeat; display: flex; align-items: center; justify-content: center; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.top-opening__flex p { display: none; text-align: center; width: 100%; }
.top-opening__flex p img { width: 645px; height: auto; }
@media only screen and (max-width:767px) {
.top-opening__flex { background: #fff url(/ldg/ja/air/products/multi/new-model/img/bg-opening_sp.jpg) center center/cover no-repeat;; }
.top-opening__flex p img { width: 86vw; max-width: 645px; }
}

/* top-hero
********************************************* */
.top-hero { position: relative; padding: 65px 0 0 0;}
.top-hero::before { background: url(/ldg/ja/air/products/multi/new-model/img/bg-hero.jpg) center bottom/cover no-repeat; content: "";position:absolute;top: 0;left: 0;width: 100%;height: 100%;}
.top-hero__column { display: flex; justify-content: space-between;position: relative;z-index: +1; }
.top-hero__info { flex: 1; padding: 0 20px 3% 0; }
.top-hero__info-heading { font-size: calc((41 / 16) * 1em); font-weight: 500; line-height: calc(60 / 41); }
.top-hero__info-lead { line-height: calc(33 / 16); margin-top: 20px; }
.top-hero__img { display: flex; align-items: flex-end; align-self: flex-end; width: calc((410 / 1174) * 100%); min-width: 320px; }
.top-hero__img p { width: calc((196 / 410) * 100%); margin-left: 10px; }
.top-hero__img > dl { text-align: center; margin-bottom: 5%; }
.top-hero__img > dl > dt > small { display: block; font-size: calc((13 / 16) * 1em); font-weight: 700; }
.top-hero__img > dl > dt > span { display: block; margin-top: 8px; }
.top-hero__img > dl > dt > span > img { width: 154px; }
.top-hero__img > dl > dd > a { background: linear-gradient(90deg, rgba(37,129,148,1) 0%, rgba(78,173,165,1) 100%); border-radius: 20px; display: block; color: #fff; font-size: 14px; line-height: 1; text-align: center; margin-top: 15px; padding: 12px 0 14px 0; }
.top-hero__navi { display: flex; margin: 30px -1px 0 0;padding-bottom:100px;}
.top-hero__navi > li { position: relative; margin-right: 1px; width: calc(25% - 1px); }
.top-hero__navi > li::after { background: url(/ldg/ja/air/products/multi/new-model/img/bg-reflect.png) left top/cover no-repeat; content: ""; position: absolute; top: 100%; left: 0; width: 100%; padding-bottom: 34.8122%; }
.top-hero__navi > li > a { color: #fff; display: block; position: relative; }
.top-hero__navi-img { box-shadow: 0 0 18px 0 rgba(0,0,0,0); position: relative; }
.top-hero__navi-img::after { background: linear-gradient(45deg, rgba(35,123,140,1) 0%, rgba(75,166,158,1) 100%); content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.8; }
.top-hero__navi-text { text-align: center; text-shadow: 0 0 8px rgba(0,92,102,1), 0 0 8px rgba(0,92,102,1); position: absolute; bottom: 42%; left: 0; width: 100%; }
.top-hero__navi-text small { display: block; font-size: calc((14 / 1220) * 100vw); margin-top: 0; }
.top-hero__navi-text span { display: block; font-size: calc((22 / 1220) * 100vw); line-height: 1.5; }
.top-hero__navi-arw { background-color: #fff; border-radius: 50%; box-shadow: 0 0 7px 0 rgba(0,92,102,1); color: #09847f; display: flex; align-items: center; justify-content: center; font-size: calc((14 / 16) * 1em); position: absolute; top: 65%; left: calc(50% - ((20 / 1220) * 100vw)); width: calc((40 / 1220) * 100vw); height: calc((40 / 1220) * 100vw); }
@media only screen and (min-width:768px) {
.top-hero__navi > li > a:hover { z-index: +1; }
.top-hero__navi > li > a .top-hero__navi-img { transition: box-shadow .3s ease, transform .3s ease; }
.top-hero__navi > li > a:hover .top-hero__navi-img { box-shadow: 0 0 18px 0 rgba(0,0,0,0.2); transform: scale(1.1); }
.top-hero__navi > li > a .top-hero__navi-img::after { transition: opacity .3s ease; }
.top-hero__navi > li > a:hover .top-hero__navi-img::after { opacity: 0.3; }
.top-hero__navi > li > a .top-hero__navi-text { transition: text-shadow .3s ease, margin .3s ease; }
.top-hero__navi > li > a:hover .top-hero__navi-text { text-shadow: 0 0 8px rgba(0,46,51,1), 0 0 8px rgba(0,46,51,1); margin-bottom: 4%; }
.top-hero__navi > li > a .top-hero__navi-arw { transition: margin .3s ease; }
.top-hero__navi > li > a:hover .top-hero__navi-arw { margin-top: -4%; }
}
@media (min-width:1220px) {
.top-hero__navi-text small {  font-size: calc((14 / 16) * 1em); }
.top-hero__navi-text span { font-size: calc((22 / 16) * 1em); }
.top-hero__navi-arw { left: calc(50% - 20px); width: 40px; height: 40px; }
}
@media only screen and (max-width:767px) {
.top-hero { background: none; padding: 0 0 50px 0; position: relative;  z-index: +2;}
.top-hero::before { display: none;}
.top-hero__column { display: block; margin: 0 -30px; padding: 25px 30px 0 30px; }
.top-hero__column::before { background: url(/ldg/ja/air/products/multi/new-model/img/bg-hero_sp.jpg) center bottom/cover no-repeat; content: "";position:absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;}
.top-hero__info { flex: initial; padding: 0 0 0 0; }
.top-hero__info-heading { font-size: calc((31 / 16) * 1em); line-height: calc(86 / 66); }
.top-hero__info-lead { line-height: calc(60 / 32); margin-top: 20px; }
.top-hero__img { justify-content: center; margin-top: 35px; width: auto; min-width: 0%; }
.top-hero__img p { width: 124px; margin-left: 10px; }
.top-hero__img > dl { margin-bottom: 15px; }
.top-hero__img > dl > dt > small { font-size: calc((11 / 16) * 1em); }
.top-hero__img > dl > dt > span { margin-top: 7px; }
.top-hero__img > dl > dt > span > img { width: 130px; }
.top-hero__img > dl > dd > a { border-radius: 18px; font-size: 12px; line-height: 1; text-align: center; margin-top: 5px; padding: 11px 0 13px 0; }
.top-hero__navi { flex-wrap: wrap; margin: 30px -30px 0 -30px;padding-bottom:0; }
.top-hero__navi > li { position: relative; margin-right: 1px; width: calc(50% - 1px); }
.top-hero__navi > li:nth-of-type(n+3) { margin-top: 10px; }
.top-hero__navi > li::after { display: none; }
.top-hero__navi-img { box-shadow: none; }
.top-hero__navi-text { text-shadow: 0 0 4px rgba(0,92,102,1), 0 0 4px rgba(0,92,102,1); position: absolute; bottom:auto; top: calc((50 / 750) * 100vw); }
.top-hero__navi-text small { font-size: calc((24 / 750) * 100vw); line-height: 1.4; }
.top-hero__navi-text span { font-size: calc((40 / 750) * 100vw); line-height: 1.3; }
.top-hero__navi-arw { box-shadow: 0 0 4px 0 rgba(0,92,102,1); font-size: calc((22 / 750) * 100vw); top: auto; bottom: calc((20 / 750) * 100vw); left: calc(50% - ((30 / 1220) * 100vw)); width: calc((60 / 750) * 100vw); height: calc((60 / 750) * 100vw); }
}
@media only screen {
.top-hero::before { opacity: 0; transition: opacity 1s ease-out;}
.top-hero.is-play::before {opacity: 1;}
.top-hero__column::before{ opacity: 0; transition: opacity 1s ease-out;}
.is-play .top-hero__column::before {opacity: 1;}
.top-hero__info-heading{transform: translateX(-50px); opacity: 0; transition: transform .7s 1s ease-out, opacity .7s 1s ease-out;}
.is-play .top-hero__info-heading{transform: translateX(0px); opacity: 1;}
.top-hero__info-lead{transform: translateX(-50px); opacity: 0; transition: transform .7s 1.3s ease-out, opacity .7s 1.3s ease-out;}
.is-play .top-hero__info-lead{transform: translateX(0px); opacity: 1;}
.top-hero__img{opacity: 0; transition: opacity 1.5s 1.6s ease-out;}
.is-play .top-hero__img{opacity: 1;}
.top-hero__navi { -webkit-mask-image: linear-gradient(90deg, rgba(0,0,0,1) 50%, rgba(0,0,0,0) 75%); -webkit-mask-size: 400%; -webkit-mask-position: 100% center; }
.is-play .top-hero__navi { animation: wind 2.6s 1.9s ease forwards; }
}
@keyframes wind {
    0% { -webkit-mask-position: 100% center; }
    99% { -webkit-mask-position: 0% center; }
    100% { -webkit-mask-image: none; }
}


/* top-attempt
********************************************* */
.top-attempt { position: relative; z-index: +1; }
.top-attempt + .top-attempt { margin-top: 100px; }
.top-attempt__column { display: flex; justify-content: center; }
.top-attempt__img { display: flex; justify-content: flex-end; position: relative; padding: 70px 0; width: 50%; }
.top-attempt__img > span { display: block; margin-right: -160px; }
.top-attempt__img > small { box-sizing: border-box; display: block; position: absolute; top: 70px; right: 0; padding-left: 13px; width: 100%; max-width: 735px; z-index: +1; }
.top-attempt__text { display: flex; align-items: center; position: relative; padding: 70px 0; width: 50%; z-index: +1; }
.top-attempt__text::before { background: linear-gradient(180deg, rgba(233,242,241,0.9) 0%, rgba(233,242,241,0.9) 88%, rgba(233,242,241,0) 100%); border-radius: 10px; content: ""; position: absolute; top: 0; left: 0; width: 100vw; height: 100%; z-index: -1; }
.top-attempt__text-block { box-sizing: border-box; display: flex; justify-content: flex-end; padding: 0 13px 0 20px; width: 100%; max-width: 600px; }
.top-attempt__text-inner { width: 100%; max-width: 470px; }
.top-attempt__text-no { line-height: 0; }
.top-attempt__text-no > img { width: auto; height: 13px;}
.top-attempt__text-heading { font-size: 1em; font-weight: 500; margin-top: 35px; }
.top-attempt__text-heading > small { display: block; font-size: calc((14 / 16) * 1em); }
.top-attempt__text-heading > span { display: block; font-size: calc((38 / 16) * 1em); line-height: 1.5; }
.top-attempt__text-lead { margin-top: 35px; }
.top-attempt__text-note { font-size: calc((13 / 16) * 1em); position: relative; margin-top: 15px; padding-left: 1em; }
.top-attempt__text-note > span { position: absolute; top: 0; left: 0; }
.top-attempt__text-link { margin-top: 35px; }
.top-attempt__text-link > a { background: linear-gradient(-157deg, rgba(37,129,148,1) 0%, rgba(78,173,165,1) 100%); color: #fff; display: block; font-size: calc((20 / 16) * 1em); text-align: center; text-shadow: 0 0 2px rgba(26,114,128,1),0 0 2px rgba(26,114,128,1),0 0 2px rgba(26,114,128,1),0 0 2px rgba(26,114,128,1),0 0 2px rgba(26,114,128,1); }
.top-attempt__text-link > a > span { display: block; position: relative; padding: 33px 13px; }
.top-attempt__text-link > a > span::before { background-color: #fff; border-radius: 50%; content: ""; position: absolute; top: calc(50% - 6px); right: 45px; width: 12px; height: 12px; }
.top-attempt__column--reverse .top-attempt__img  { justify-content: flex-start; order: 2; }
.top-attempt__column--reverse .top-attempt__img > span { margin: 0 0 0 -160px; }
.top-attempt__column--reverse .top-attempt__img > small { text-align: right; right: auto; left: 0; padding: 0 13px 0 0; max-width: 700px; }
.top-attempt__column--reverse .top-attempt__text { justify-content: flex-end; order: 1; }
.top-attempt__column--reverse .top-attempt__text::before {  left: auto; right: 0; }
.top-attempt__column--reverse .top-attempt__text-block { justify-content: flex-start; padding: 0 20px 0 13px; }
.top-attempt--01 .top-attempt__img small img { margin-top: calc((65 / 722) * -100%); width: calc((385 / 722) * 100%); }
.top-attempt--02 .top-attempt__img small img { margin-top: calc((65 / 722) * -100%); width: calc((441 / 722) * 100%); }
.top-attempt--03 .top-attempt__img small img { margin-top: calc((65 / 722) * -100%); width: calc((492 / 722) * 100%); }
.top-attempt--04 .top-attempt__img small img { margin-top: calc((65 / 722) * -100%); width: calc((393 / 722) * 100%); }
.top-attempt__bg--1{ position: absolute; top: calc(100% - 500px); right: 0; width: 820px; height: 511px; }
.top-attempt__bg--1 span{ background: url(/ldg/ja/air/products/multi/new-model/img/bg-attempt_01.png) no-repeat; display: block;position: absolute; bottom: 0; left: 0; width: 820px; height: 511px; }
.top-attempt__bg--3 { position: absolute; top: calc(100% - 500px); left: 0; width: 1100px; height: 372px; }
.top-attempt__bg--3 span { background: url(/ldg/ja/air/products/multi/new-model/img/bg-attempt_02.png) no-repeat; display: block;position: absolute; bottom: 0; left: 0; width: 1100px; height: 372px; }
@media only screen and (min-width:768px) {
.top-attempt__text-link > a > span::before { transition: top .3s ease, right .3s ease, width .3s ease, height .3s ease; }
.top-attempt__text-link > a:hover > span::before { top: calc(50% - 14px); right: 35px; width: 28px; height: 28px; }
.top-attempt__text-link > a > span::after { background: url(/ldg/ja/air/products/multi/new-model/img/arw-details.png) no-repeat; content: ""; position: absolute; top: calc(50% - 2px); right: 54px; width: 10px; height: 5px; opacity: 0; transition: opacity .3s ease, right .3s ease; }
.top-attempt__text-link > a:hover > span::after { right: 44px; opacity: 1; }
}
@media only screen and (max-width:767px) {
.top-attempt + .top-attempt { margin-top: 75px; }
.top-attempt__column { display: block; }
.top-attempt__img { display: block; margin: 0; padding: 0; width: auto; }
.top-attempt__img > span { margin-right: 0; }
.top-attempt__img > small { box-sizing: border-box; top: 0; right: auto; left: 30px; padding: 0; width: calc(100% - 30px); max-width: none; }
.top-attempt__text { display: block; padding: 20px 0 0 0; width: auto; }
.top-attempt__text::before { border-radius: 5px 0 0 5px; top: -25px; left: 0; width: 100%; height: calc(100% + 15px); }
.top-attempt__text-block { display: block; padding: 0 30px; width: auto; max-width: none; }
.top-attempt__text-inner { width: auto; max-width: none; }
.top-attempt__text-no > img { height: 12px;}
.top-attempt__text-heading { margin-top: 25px; }
.top-attempt__text-heading > small { font-size: calc((14 / 16) * 1em); }
.top-attempt__text-heading > span { font-size: calc((36 / 16) * 1em); line-height: 1.5; }
.top-attempt__text-lead { margin-top: 25px; }
.top-attempt__text-note { font-size: calc((14 / 16) * 1em); margin-top: 10px; }
.top-attempt__text-link { margin-top: 35px; }
.top-attempt__text-link > a { font-size: calc((18 / 16) * 1em); }
.top-attempt__text-link > a > span { padding: 26px 0 27px 0; }
.top-attempt__text-link > a > span::before { top: calc(50% - 5px); right: 25px; width: 10px; height: 10px; }

.top-attempt__column--reverse .top-attempt__img > span { margin: 0; }
.top-attempt__column--reverse .top-attempt__img > small { text-align: right; right: 30px; left: auto; padding: 0; max-width: none; }
.top-attempt__column--reverse .top-attempt__text-block { padding: 0 30px; }
.top-attempt--01 .top-attempt__img small img { margin-top: calc((10 / 750) * -100vw); width: calc((385 / 750) * 100vw); }
.top-attempt--02 .top-attempt__img small img { margin-top: calc((0 / 750) * -100vw); width: calc((441 / 750) * 100vw); }
.top-attempt--03 .top-attempt__img small img { margin-top: calc((15 / 750) * -100vw); width: calc((492 / 750) * 100vw); }
.top-attempt--04 .top-attempt__img small img { margin-top: calc((45 / 750) * -100vw); width: calc((393 / 750) * 100vw); }
.top-attempt--01::before { background: url(/ldg/ja/air/products/multi/new-model/img/bg-attempt_sp_01.png) center right/cover no-repeat; content: ""; position: absolute; top: calc((320 / 750) * -100vw); right: 0; width: 100%; height: calc((434 / 750) * 100vw); }
.top-attempt--01::after { background: url(/ldg/ja/air/products/multi/new-model/img/bg-attempt_sp_02.png) center right/cover no-repeat; content: ""; position: absolute; top: 95%; right: 0; width: 100%; height: calc((364 / 750) * 100vw); }
.top-attempt--02::after { background: url(/ldg/ja/air/products/multi/new-model/img/bg-attempt_sp_01.png) center right/cover no-repeat; content: ""; position: absolute; top: 76%; right: 0; width: 100%; height: calc((434 / 750) * 100vw); }
.top-attempt--03::before { background: url(/ldg/ja/air/products/multi/new-model/img/bg-attempt_02.png) center right/cover no-repeat; content: ""; position: absolute; top: 89%; left: 0; width: 100%; height: calc((364 / 750) * 100vw); }
.top-attempt__bg--1{ display: none; }
.top-attempt__bg--3{ display: none; }
}