@charset "UTF-8";
/* =====================================
	product-detail
===================================== */

.visual{
    position: relative;
    width: 100%;
    height: 100vh;
    max-height: 900px;
    display: flex;
    align-items: center;
    padding-left: 7.8125%;
}

.airyfan-basic .visual{
    background: url("../img/product/airyfan-basic/visual01.jpg") no-repeat center;
    background-size: cover;
}

.airyfan-basic-plus .visual{
    background: url("../img/product/airyfan-basic+/visual01.jpg") no-repeat center;
    background-size: cover;
}

.airyfan-highgrade .visual{
    background: url("../img/product/airyfan-highgrade/visual01.jpg") no-repeat center;
    background-size: cover;
}

.visual p{
    font-size: 27px;
    font-weight: 500;
    line-height: 1.704;
    display: block;
    color: #fff;
}

.visual h1{
    position: absolute;
    bottom: 42px;
    left: 7.8125%;
    font-size: 76px;
    font-weight: 500;
    line-height: 1;
    color: #fff;
    display: flex;
}

.visual h1 img{
    width: 176px;
    margin: 18px 28px 0 0;
}

.description{
    width: 100%;
    padding: 168px 40px;
    background: #f3f5f7;
}

.description .description-wrap{
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.description .description-wrap .txt-area{
    width: 28.57143%;
    padding-left: min(1.25vw, 20px);
}

.description .description-wrap .txt-area h2{
    font-size: 30px;
    font-weight: 500;
    line-height: 1.567;
}

.description .description-wrap .txt-area p{
    font-size: 16px;
    font-weight: 500;
    line-height: 2.1875;
    margin-top: 28px;
}

.description .description-wrap .txt-area a{
    width: 100%;
    height: 80px;
    border-radius: 40px;
    background: #a4becd;
    padding-left: 22px;
    display: flex;
    align-items: center;
    margin-top: 40px;
}

.description .description-wrap .txt-area a::before{
    content: "";
    width: 43px;
    height: 43px;
    background: url("../img/common/icon03.svg") no-repeat center;
    background-size: contain;
    margin-right: 22px;
}

.description .description-wrap .txt-area a .ja{
    font-size: 25px;
    font-weight: 500;
    line-height: 29px;
    border-right: 1px solid #fff;
    color: #fff;
    padding-right: 18px;
}

.description .description-wrap .txt-area a .en{
    font-size: 25px;
    font-weight: 500;
    color: #fff;
    padding-left: 18px;
}

.description .description-wrap .img-area{
    width: 58.857143%;
}

.movie{
  width: 100%;
  height: 900px;
  overflow: hidden;
}

.movie .movie-video{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.features{
    width: 100%;
    padding: 154px 40px 0;
}

.features .features-list{
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
}

.features .features-list .features-item{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.features .features-list .features-item:nth-child(even){
    flex-direction: row-reverse;
}

.features .features-list .features-item + .features-item{
    margin-top: 185px;
}

.features .features-list .features-item .txt-area{
    width: 34.25%;
    padding-left: min(7.1875vw, 115px);
}

.features .features-list .features-item:nth-child(even) .txt-area{
    width: 38.125%;
    padding: 0 min(6.25vw, 100px) 0 0;
}

.features .features-list .features-item .txt-area h2{
    font-size: 30px;
    font-weight: 500;
    line-height: 1.567;
}

.features .features-list .features-item .txt-area h2 small{
    font-size: 16px;
    font-weight: 500;
    line-height: 32px;
    color: #a2bbc9;
    padding-left: 45px;
    display: block;
    background: url("../img/product/airyfan-highgrade/icon01.svg") no-repeat center left;
    background-size: 32px auto;
    margin-top: 14px;
}

.features .features-list .features-item .txt-area p{
    font-size: 16px;
    font-weight: 500;
    line-height: 2.1875;
    margin-top: 28px;
}

.features .features-list .features-item .txt-area > img{
    margin-top: 44px;
}

.features .features-list .features-item .txt-area .link-type01{
    font-size: 18px;
    font-weight: bold;
    line-height: 65px;
    color: #a4becd;
    margin-top: 30px;
    background: url("../img/common/arrow05.svg") no-repeat center right;
    background-size: 65px auto;
    padding-right: 80px;
    display: inline-block;
}

.features .features-list .features-item .txt-area .link-type02{
    font-size: 34px;
    font-weight: normal;
    line-height: 65px;
    color: #a4becd;
    margin-top: 30px;
    background: url("../img/common/arrow05.svg") no-repeat center right;
    background-size: 65px auto;
    padding-right: 80px;
    display: inline-flex;
}

.features .features-list .features-item .txt-area .link-type02 img{
    width: 96px;
    margin: 6px 17px 0 0;
}

.features .features-list .features-item .txt-area ul{
    margin-top: 24px;
    width: 94.4186%;
}

.features .features-list .features-item .txt-area ul li{
    display: flex;
    align-items: center;
    gap: min(3.375vw, 54px);
    font-size: 16px;
    font-weight: 500;
    line-height: 2.1875;
}

.features .features-list .features-item .txt-area ul li + li{
    margin-top: 14px;
}

.features .features-list .features-item .img-area{
    width: 61.375%;
}

.features .features-list .features-item:nth-child(even) .img-area{
    width: 55.1875%;
}

.function{
    width: 100%;
    padding: 190px 0 178px;
    position: relative;
    z-index: 10;
    overflow: hidden;
}

.function h2{
    width: 100%;
    max-width: 1434px;
    margin: 0 auto 54px;
    padding: 0 40px;
    font-size: 35px;
    font-weight: 500;
    line-height: 1;
    color: #a4becd;
}

.function h2 small{
    font-size: 25px;
    line-height: 1;
    display: block;
    margin-top: 19px;
}

.function ul{
    width: 100%;
    max-width: 1354px;
    margin: 84px auto 0;
    overflow: visible;
}

.function ul li{
    width: 452px;
    margin-right: 36px;
}

.function ul li h3{
    font-size: 24px;
    font-weight: 500;
    line-height: 1.67;
    margin-top: 26px;
}

.function ul li p{
    font-size: 16px;
    font-weight: 500;
    line-height: 2.1875;
    margin-top: 20px;
}

.function .slick-list{
    overflow: visible!important;
}

.function .slick-prev,
.function .slick-next {
    top: -97px;
    width: 23px;
    height: 21px;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
}

.function .slick-prev{
    right: 77px;
    left: auto;
}

.function .slick-next{
    right: 0;
    left: auto;
}

.function .slick-prev::before,
.function .slick-next::before{
    content: "";
    opacity: 1;
    width: 23px;
    height: 21px;
    display: block;
    transition: 0.5s all ease;
}

.function .slick-prev.slick-disabled::before,
.function .slick-next.slick-disabled::before{
    opacity: 0;
}

.function .slick-prev::before,
.function .slick-prev.slick-disabled::before{
    background: url("../img/common/arrow06.svg") no-repeat center;
    background-size: contain;
    transform: scale(-1, 1);
}

.function .slick-next::before,
.function .slick-next.slick-disabled::before{
    background: url("../img/common/arrow06.svg") no-repeat center;
    background-size: contain;
}

.product-img{
    width: 100%;
    padding-bottom: 126px;
}

.product-img > img{
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
}

.product-img > ul{
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    display: none;
}

.product-img > ul li{
    margin-top: 60px;
}

.product-img a{
    font-size: 23px;
    font-weight: 500;
    color: #a4becd;
    width: 203px;
    height: 64px;
    border: 1px solid #a4becd;
    border-radius: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 60px auto 0;
}

.lineup{
    width: 100%;
    background: #f3f5f7;
    padding: 150px 0 146px;
}

.lineup .lineup-ttl{
    width: 100%;
    max-width: 1280px;
    padding: 0 40px;
    margin: 0 auto;
}

.lineup .lineup-ttl h2{
    font-size: 35px;
    font-weight: 500;
    color: #a4becd;
    line-height: 1;
}

.lineup .lineup-ttl h2 small{
    font-size: 25px;
    line-height: 1;
    display: block;
    margin-top: 16px;
}

.lineup .lineup-description{
    width: 100%;
    max-width: 1280px;
    padding: 0 40px;
    margin: 90px auto 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.lineup .lineup-description .slide-area{
    width: 52%;
}

.lineup .lineup-description .slide-area .slick-dots{
    bottom: -82px;
    right: auto;
    left: 50%;
    transform: translateX(-50%);
}

.lineup .lineup-description .slide-area .slick-dots li{
    width: 18px;
    height: 18px;
    margin: 0 11px;
}

.lineup .lineup-description .slide-area .slick-dots li button::before{
    width: 18px;
    height: 18px;
    border-radius: 9px;
    background: #231815;
    opacity: .5;
}

.lineup .lineup-description .slide-area .slick-dots li.slick-active button::before{
    background: #231815;
    border: none;
    margin-top: 0;
    opacity: 1;
}

.lineup .lineup-description .txt-area{
    width: 36.67%;
}

.lineup .lineup-description .txt-area h3{
    font-size: 76px;
    font-weight: 500;
    line-height: 1;
    display: flex;
}

.lineup .lineup-description .txt-area h3 img{
    width: 176px;
    margin: 18px 43px 0 0;
}

.lineup .lineup-description .txt-area p{
    font-size: 18px;
    font-weight: 500;
    line-height: 2.33;
    margin-top: 20px;
}

.lineup .lineup-description .txt-area a{
    height: 80px;
    border-radius: 40px;
    background: #a4becd;
    padding: 0 26px 0 22px;
    display: inline-flex;
    align-items: center;
    margin-top: 52px;
}

.lineup .lineup-description .txt-area a::before{
    content: "";
    width: 43px;
    height: 43px;
    background: url("../img/common/icon03.svg") no-repeat center;
    background-size: contain;
    margin-right: 22px;
}

.lineup .lineup-description .txt-area a .ja{
    font-size: 25px;
    font-weight: 500;
    line-height: 29px;
    border-right: 1px solid #fff;
    color: #fff;
    padding-right: 18px;
}

.lineup .lineup-description .txt-area a .en{
    font-size: 25px;
    font-weight: 500;
    color: #fff;
    padding-left: 18px;
}

.lineup .spec{
    width: 100%;
    max-width: 1280px;
    padding: 0 40px;
    margin: 228px auto 0;
}

.lineup .spec h4{
    font-size: 25px;
    font-weight: 500;
    line-height: 1;
    color: #a4becd;
}

.lineup .spec dl{
    margin-top: 53px;
    border-top: 1px solid #bbced9;
    border-bottom: 1px solid #bbced9;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.lineup .spec dl div{
    border-bottom: 1px solid #e4ebef;
    display: flex;
    align-items: center;
    width: 50%;
}

.lineup .spec dl div.wide{
    border-bottom: 1px solid #bbced9;
    width: 100%;
}

.lineup .spec dl div.setup{
    width: 100%;
    align-items: flex-start;
}

.lineup .spec dl div:last-child{
    border-bottom: none;
}

.lineup .spec dl div dt{
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    width: 43.33%;
    padding: 23px 0 23px min(1vw, 16px);
}

.lineup .spec dl div.wide dt,
.lineup .spec dl div.setup dt{
    width: 21.665%;
}

.lineup .spec dl div dd{
    font-size: 14.5px;
    font-weight: 500;
    line-height: 1.54483;
    width: 56.67%;
    padding: 9px 0;
    letter-spacing: 0;
}

.lineup .spec dl div.wide dd,
.lineup .spec dl div.setup dd{
    width: 78.335%;
}

.lineup .spec dl div.setup dd{
    font-size: 15px;
    line-height: 1.9;
    display: flex;
    align-items: center;
    padding: 23px 0;
}

.lineup .spec dl div.setup dd img{
    margin-right: 8%;
}

.lineup .bnr{
    width: 100%;
    max-width: 1280px;
    height: 405px;
    padding: 0 40px;
    margin: 184px auto 0;
}

.lineup .bnr a{
    width: 100%;
    height: 100%;
    background: url("../img/product/airyfan-basic/pic13.jpg") no-repeat center;
    background-size: 100% auto;
    padding: min(10.625vw, 170px) 0 0 min(5.75vw, 92px);
    display: block;
}

.lineup .bnr a:hover{
    background: url("../img/product/airyfan-basic/pic13.jpg") no-repeat center;
    background-size: 110% auto;
    opacity: 1;
}

.lineup .bnr a h4{
    font-size: 45px;
    font-weight: 500;
    line-height: 1;
    display: flex;
    align-items: center;
}

.lineup .bnr a h4 img{
    width: 84px;
    margin-right: 28px;
}

.lineup .bnr a p{
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
    margin-top: 23px;
}

.lineup .link{
    width: 100%;
    max-width: 1480px;
    padding: 0 40px;
    margin: 162px auto 0;
}

.lineup .link ul{
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.lineup .link ul li{
    width: 49%;
}

.lineup .link ul li a h4{
    display: flex;
    justify-content: center;
    gap: 18px;
    font-size: 57px;
    font-weight: 500;
    line-height: 1;
}

.lineup .link ul li a h4 img{
    width: 160px;
    margin-top: 9px;
}

.lineup .link ul li a:hover{
    opacity: 1;
}

.lineup .link ul li a .img-area{
    width: 100%;
    overflow: hidden;
    margin-top: 35px;
}

.lineup .link ul li a .img-area img{
    transition: 0.5s all ease;
}

.lineup .link ul li a:hover .img-area img{
    transform: scale(1.1);
}

.lineup .link ul li a p{
    font-size: 18px;
    font-weight: 500;
    line-height: 1.89;
    min-height: 65px;
    display: flex;
    align-items: center;
    background: url("../img/common/arrow05.svg") no-repeat center right 10px;
    background-size: 65px auto;
    margin-top: 38px;
}

.lineup .support{
    width: 100%;
    max-width: 1480px;
    padding: 0 40px;
    margin: 88px auto 0;
}

.lineup .link + .support{
    margin: 160px auto 0;
}

.lineup .support .support-wrap{
    width: 100%;
    padding-top: 68px;
    background: #fff;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.lineup .support h4{
    font-size: 26px;
    font-weight: 500;
    line-height: 1;
    color: #a4becd;
    margin-left: min(6.25vw, 100px);
}

.lineup .support a{
    font-size: 17px;
    font-weight: 500;
    line-height: 1;
    color: #a4becd;
    margin-right: min(5.625vw, 90px);
    padding-right: 40px;
    background: url("../img/common/arrow06.svg") no-repeat center right 10px;
    background-size: 16px auto;
    display: flex;
    align-items: center;
}

.lineup .support a:hover{
    background: url("../img/common/arrow06.svg") no-repeat center right 0;
    background-size: 16px auto;
    opacity: 1;
}

.lineup .story{
    width: 100%;
    padding: 184px 0 0;
    position: relative;
    z-index: 10;
    overflow-x: hidden;
}

.lineup .story .ttl-area{
    width: 100%;
    max-width: 1434px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto 54px;
    padding: 0 40px;
}

.lineup .story .ttl-area h2{
    font-size: 30px;
    line-height: 1;
    color: #a4becd;
}

.lineup .story .ttl-area a{
    font-size: 17px;
    font-weight: 500;
    line-height: 1;
    color: #a4becd;
    padding-right: 35px;
    background: url("../img/common/arrow06.svg") no-repeat center right 5px;
    background-size: 16px auto;
}

.lineup .story .ttl-area a:hover{
    background: url("../img/common/arrow06.svg") no-repeat center right 0;
    background-size: 16px auto;
    opacity: 1;
}

.lineup .story ul{
    width: 100%;
    max-width: 1434px;
    margin: 45px auto 0;
    overflow: visible;
    padding-left: 80px;
}

.lineup .story ul li{
    width: 576px;
    margin-right: 12px;
}

.lineup .story ul li a{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.lineup .story ul li a:hover{
    opacity: 1;
}

.lineup .story ul li a .img-area{
    width: 100%;
    position: relative;
    display: block;
    overflow: hidden;
}

.lineup .story ul li a .img-area img{
    width: 100%;
    display: block;
    transition: transform .4s ease;
}

.lineup .story ul li a:hover .img-area img{
    transform: scale(1.1);
}

.lineup .story ul li span{
    font-size: 16px;
    line-height: 1;
    color: #5f8da9;
    margin-top: 27px;
    padding-bottom: 5px;
    border-bottom: 1px solid #5f8da9;
    display: inline-block;
}

.lineup .story ul li h3{
    font-size: 24px;
    font-weight: 500;
    line-height: 1.65;
    margin-top: 26px;
    padding-right: 100px;
    background: url("../img/common/arrow07.svg") no-repeat center right;
    background-size: 68px auto;
    min-height: 68px;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    box-sizing: border-box;
}

.lineup .story ul li h3 small{
    font-size: 18px;
    display: block;
}

.lineup .story .slick-list{
    overflow: visible!important;
}
.lineup .story ul li.nothing{
    width: auto;
    margin-right: 0;
    font-size: 16px;
    color: #5f8da9;
}




@media screen and (max-width: 768px) {

.visual{
    max-height: 117.1875vw;
    padding-left: 6.51vw;
}

.visual p{
    display: none;
}

.visual h1{
    bottom: 8.854167vw;
    left: 6.51vw;
    font-size: 9.895833vw;
}

.visual h1 img{
    width: 22.9167vw;
    margin: 1.8vw 3.645833vw 0 0;
}

.description{
    padding: 24.87vw 6.51vw 26.04167vw;
}

.description .description-wrap{
    display: block;
}

.description .description-wrap .txt-area{
    width: 100%;
    padding-left: 0;
}

.description .description-wrap .txt-area h2{
    font-size: 5.859375vw;
}

.description .description-wrap .txt-area p{
    font-size: 3.645833vw;
    margin-top: 4.167vw;
}

.description .description-wrap .txt-area a{
    height: 15.625vw;
    border-radius: 7.8125vw;
    padding-left: 10.9375vw;
    margin-top: 6.51vw;
}

.description .description-wrap .txt-area a::before{
    width: 8.33vw;
    height: 8.33vw;
    margin-right: 4.427vw;
}

.description .description-wrap .txt-area a .ja{
    font-size: 4.99vw;
    line-height: 5.729167vw;
    padding-right: 3.90625vw;
}

.description .description-wrap .txt-area a .en{
    font-size: 4.99vw;
    padding-left: 3.645833vw;
}

.description .description-wrap .img-area{
    width: 100%;
    margin-top: 19.0104167vw;
}

.movie{
    height: 84.375vw;
}

.features{
    padding: 20.833vw 0 0;
}

.features .features-list .features-item{
    flex-direction: column-reverse;
    align-items: flex-start;
}

.features .features-list .features-item:nth-child(even){
    flex-direction: column-reverse;
}

.features .features-list .features-item + .features-item{
    margin-top: 22.1354167vw;
}

.features .features-list .features-item .txt-area{
    width: 93.4895833vw;
    padding: 0 6.51vw 0 0;
    margin: 10.6770833vw 0 0 auto;
}

.features .features-list .features-item:nth-child(even) .txt-area{
    width: 93.4895833vw;
    padding: 0 6.51vw 0 0;
}

.features .features-list .features-item .txt-area h2{
    font-size: 5.20833vw;
}

.features .features-list .features-item .txt-area h2 small{
    font-size: 3.125vw;
    line-height: 6.25vw;
    padding-left: 8.854167vw;
    background: url("../img/product/airyfan-highgrade/icon01.svg") no-repeat center left;
    background-size: 6.25vw auto;
    margin-top: 3.3854167vw;
}

.features .features-list .features-item .txt-area p{
    font-size: 3.3854167vw;
    margin-top: 4.167vw;
}

.features .features-list .features-item .txt-area > img{
    margin-top: 5.729167vw;
}

.features .features-list .features-item .txt-area .link-type01{
    font-size: 3.046875vw;
    line-height: 11.0677vw;
    margin-top: 2.8645833vw;
    background: url("../img/common/arrow05.svg") no-repeat center right;
    background-size: 11.0677vw auto;
    padding-right: 15.104167vw;
}

.features .features-list .features-item .txt-area .link-type02{
    font-size: 4.47395833vw;
    line-height: 11.0677vw;
    margin-top: 2.8645833vw;
    background: url("../img/common/arrow05.svg") no-repeat center right;
    background-size: 11.0677vw auto;
    padding-right: 15.104167vw;
}

.features .features-list .features-item .txt-area .link-type02 img{
    width: 12.5vw;
    margin: 0.78125vw 2.21354167vw 0 0;
}

.features .features-list .features-item .txt-area ul{
    margin-top: 5.20833vw;
    width: 100%;
}

.features .features-list .features-item .txt-area ul li{
    gap: 5.9895833vw;
    font-size: 3.3854167vw;
}

.features .features-list .features-item .txt-area ul li img{
    width: 25vw;
}

.features .features-list .features-item .txt-area ul li + li{
    margin-top: 1.3vw;
}

.features .features-list .features-item .img-area{
    width: 93.4895833vw;
    margin: 0 0 0 auto;
}

.features .features-list .features-item:nth-child(even) .img-area{
    width: 93.4895833vw;
    margin: 0;
}

.function{
    padding: 20.833vw 0;
}

.function h2{
    margin: 0 auto 7.03125vw;
    padding: 0 5.2vw;
    font-size: 5.92448vw;
}

.function h2 small{
    font-size: 4.231770833vw;
    margin-top: 4.167vw;
}

.function ul{
    margin: 7.16145833vw auto 0;
    padding-left: 5.2vw;
}

.function ul li{
    width: 81.770833vw;
    margin-right: 5.2vw;
}

.function ul li h3{
    font-size: 4.6875vw;
    margin-top: 5.078125vw;
}

.function ul li p{
    font-size: 3.125vw;
    margin-top: 2vw;
}

.function .slick-prev,
.function .slick-next {
    top: -11.945313vw;
    right: 5.2vw;
    width: 4.4921875vw;
    height: 4.1015625vw;
}

.function .slick-prev{
    right: 15.0390625vw;
}

.function .slick-prev::before,
.function .slick-next::before{
    width: 4.4921875vw;
    height: 4.1015625vw;
}

.product-img{
    padding-bottom: 23.177vw;
}

.product-img > ul li{
    margin-top: 7.8125vw;
}

.product-img a{
    font-size: 3.89323vw;
    width: 34.24479167vw;
    height: 10.9375vw;
    border-radius: 5.46875vw;
    margin: 9.765625vw auto 0;
}

.lineup{
    padding: 17.4479167vw 0;
}

.lineup .lineup-ttl{
    padding: 0 6.51vw;
}

.lineup .lineup-ttl h2{
    font-size: 5.92448vw;
}

.lineup .lineup-ttl h2 small{
    font-size: 4.231770833vw;
    margin-top: 4.167vw;
}

.lineup .lineup-description{
    padding: 0 6.51vw;
    margin: 15.104167vw auto 0;
    flex-direction: column;
}

.lineup .lineup-description .slide-area{
    width: 100%;
}

.lineup .lineup-description .slide-area .slick-dots{
    bottom: -11.06770833vw;
}

.lineup .lineup-description .slide-area .slick-dots li{
    width: 2.47395833vw;
    height: 2.47395833vw;
    margin: 0 1.43229167vw;
}

.lineup .lineup-description .slide-area .slick-dots li button::before{
    width: 2.47395833vw;
    height: 2.47395833vw;
    border-radius: 1.236979165vw;
}

.lineup .lineup-description .txt-area{
    width: 100%;
    margin-top: 25.2604167vw;
}

.lineup .lineup-description .txt-area h3{
    font-size: 9.375vw;
}

.lineup .lineup-description .txt-area h3 img{
    width: 19.921875vw;
    margin: 1.5625vw 5.2vw 0 0;
}

.lineup .lineup-description .txt-area p{
    font-size: 3.125vw;
    margin-top: 4.4270833vw;
}

.lineup .lineup-description .txt-area a{
    height: 15.625vw;
    width: 100%;
    border-radius: 7.8125vw;
    padding: 0 0 0 10.9375vw;
    margin-top: 6.640625vw;
}

.lineup .lineup-description .txt-area a::before{
    width: 8.33vw;
    height: 8.33vw;
    margin-right: 4.427vw;
}

.lineup .lineup-description .txt-area a .ja{
    font-size: 4.99vw;
    line-height: 5.729167vw;
    padding-right: 3.90625vw;
}

.lineup .lineup-description .txt-area a .en{
    font-size: 4.99vw;
    padding-left: 3.645833vw;
}

.lineup .spec{
    padding: 0 6.51vw;
    margin: 16.145833vw auto 0;
}

.lineup .spec h4{
    font-size: 4.23177vw;
}

.lineup .spec dl{
    margin-top: 8.854167vw;
}

.lineup .spec dl div{
    width: 100%;
}

.lineup .spec dl div dt{
    font-size: 3.125vw;
    width: 36.418%;
    padding: 3.90625vw 0;
}

.lineup .spec dl div.wide dt,
.lineup .spec dl div.setup dt{
    width: 36.418%;
}

.lineup .spec dl div dd{
    font-size: 3.125vw;
    width: 63.582%;
    padding: 1.3vw 0;
}

.lineup .spec dl div.wide dd,
.lineup .spec dl div.setup dd{
    width: 63.582%;
}

.lineup .spec dl div.setup dd{
    font-size: 3.125vw;
    padding: 3.9vw 0;
    display: block;
}

.lineup .spec dl div.setup dd img{
    margin: 0 0 2.6vw;
}

.lineup .bnr{
    height: 108.97067vw;
    padding: 0;
    margin: 16vw auto 0;
}

.lineup .bnr a{
    background: url("../img/product/airyfan-basic/sp/pic13.jpg") no-repeat center;
    background-size: 100% auto;
    padding: 14.5833vw 5.2vw 0 5.2vw;
}

.lineup .bnr a:hover{
    background: url("../img/product/airyfan-basic/sp/pic13.jpg") no-repeat center;
    background-size: 100% auto;
}

.lineup .bnr a h4{
    font-size: 8.7890625vw;
}

.lineup .bnr a h4 img{
    width: 16.40625vw;
    margin-right: 5.46875vw;
}

.lineup .bnr a p{
    font-size: 3.2vw;
    line-height: 1.8;
    margin-top: 5.33vw;
}

.lineup .link{
    padding: 0;
    margin: 31.640625vw auto 0;
}

.lineup .link ul {
    flex-wrap: wrap;
    gap: 10vw;
}

.lineup .link ul li {
    width: 100%;
}

.lineup .link ul li a h4{
    gap: 3.515625vw;
    font-size: 11.1328125vw;
}

.lineup .link ul li a h4 img{
    width: 31.25vw;
    margin-top: 1.7578125vw;
}

.lineup .link ul li a .img-area{
    margin-top: 4vw;
}

.lineup .link ul li a:hover .img-area img{
    transform: scale(1.0);
}

.lineup .link ul li a p{
    font-size: 3.125vw;
    min-height: 11.0677vw;
    background: url("../img/common/arrow05.svg") no-repeat center right 5.2vw;
    background-size: 11.0677vw auto;
    margin-top: 6vw;
    padding: 0 18vw 0 5.2vw;
}

.lineup .support{
    padding: 0;
    margin: 17.1875vw auto 0;
}

.lineup .link + .support{
    margin: 31.25vw auto 0;
}

.lineup .support .support-wrap{
    padding-top: 12.5vw;
}

.lineup .support h4{
    font-size: 4.6875vw;
    line-height: 1.67;
    font-weight: bold;
    margin: 0 0 7.552vw 6.51vw;
}

.lineup .support a{
    display: none;
}

.lineup .story{
    padding: 16.145833vw 0 0;
}

.lineup .story .ttl-area{
    margin: 0 auto 7.03125vw;
    padding: 0 5.2vw;
}

.lineup .story .ttl-area h2{
    font-size: 5.2vw;
}

.lineup .story .ttl-area a{
    font-size: 3.125vw;
    padding-right: 5.2vw;
    background: url("../img/common/arrow06.svg") no-repeat center right 0;
    background-size: 2.734375vw auto;
}

.lineup .story .ttl-area a:hover{
    background: url("../img/common/arrow06.svg") no-repeat center right 0;
    background-size: 2.734375vw auto;
}

.lineup .story ul{
    margin: 7.16145833vw auto 0;
    padding-left: 5.2vw;
}

.lineup .story ul li{
    width: 81.770833vw;
    margin-right: 2.0833vw;
}

.lineup .story ul li a:hover .img-area img{
    transform: scale(1.0);
}

.lineup .story ul li span{
    font-size: 2.74479167vw;
    margin-top: 5.859375vw;
    padding-bottom: 1.4323vw;
}

.lineup .story ul li h3{
    font-size: 4.1171875vw;
    margin-top: 3.125vw;
    padding-right: 18.23vw;
    background: url("../img/common/arrow07.svg") no-repeat center right;
    background-size: 11.8489vw auto;
    min-height: 11.8489vw;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    box-sizing: border-box;
}

.lineup .story ul li h3 small{
    font-size: 3.08854167vw;
}

.lineup .story ul li.nothing{
    font-size: 3.125vw;
}

}