#area-box{position:relative;width:100vw;overflow:hidden}@-webkit-keyframes scaleIn{from{-webkit-transform:scale(0);transform:scale(0);opacity:0}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes scaleIn{from{-webkit-transform:scale(0);transform:scale(0);opacity:0}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@-webkit-keyframes fadeIn-up{from{opacity:0;-webkit-transform:translateY(6rem);transform:translateY(6rem)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeIn-up{from{opacity:0;-webkit-transform:translateY(6rem);transform:translateY(6rem)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes fadeIn-left{from{opacity:0;-webkit-transform:translateX(-6rem);transform:translateX(-6rem)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeIn-left{from{opacity:0;-webkit-transform:translateX(-6rem);transform:translateX(-6rem)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes fadeIn-right{from{opacity:0;-webkit-transform:translateX(6rem);transform:translateX(6rem)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeIn-right{from{opacity:0;-webkit-transform:translateX(6rem);transform:translateX(6rem)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@media screen and (min-width: 750px){#area-box{height:75rem;padding:5.8333rem var(--size-padding-box) 7.0833rem}}@media screen and (max-width: 750px){#area-box{padding:10vw var(--size-padding-box)}}#area-box .area-type-box{position:relative;z-index:5}@media screen and (min-width: 750px){#area-box .area-type-box #area-type-swiper{margin:5.4166rem 0 6.25rem;height:14.1666rem}}@media screen and (max-width: 750px){#area-box .area-type-box #area-type-swiper{margin:8vw 0 10vw;height:26vw}}#area-box .area-type-box #area-type-swiper .swiper-slide{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden;cursor:pointer;font-size:1.5rem;background-color:#f6f6f6;-webkit-transition:background .3s;transition:background .3s}@media screen and (max-width: 750px){#area-box .area-type-box #area-type-swiper .swiper-slide{width:25vw;font-size:1.1666rem}}#area-box .area-type-box #area-type-swiper .swiper-slide:nth-child(1){-webkit-animation:scaleIn .8s ease 1 0.1s;animation:scaleIn .8s ease 1 0.1s;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}#area-box .area-type-box #area-type-swiper .swiper-slide:nth-child(2){-webkit-animation:scaleIn .8s ease 1 0.2s;animation:scaleIn .8s ease 1 0.2s;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}#area-box .area-type-box #area-type-swiper .swiper-slide:nth-child(3){-webkit-animation:scaleIn .8s ease 1 0.3s;animation:scaleIn .8s ease 1 0.3s;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}#area-box .area-type-box #area-type-swiper .swiper-slide:nth-child(4){-webkit-animation:scaleIn .8s ease 1 0.4s;animation:scaleIn .8s ease 1 0.4s;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}#area-box .area-type-box #area-type-swiper .swiper-slide:nth-child(5){-webkit-animation:scaleIn .8s ease 1 0.5s;animation:scaleIn .8s ease 1 0.5s;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}#area-box .area-type-box #area-type-swiper .swiper-slide:nth-child(6){-webkit-animation:scaleIn .8s ease 1 0.6s;animation:scaleIn .8s ease 1 0.6s;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}#area-box .area-type-box #area-type-swiper .swiper-slide:nth-child(7){-webkit-animation:scaleIn .8s ease 1 0.7s;animation:scaleIn .8s ease 1 0.7s;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}#area-box .area-type-box #area-type-swiper .swiper-slide:nth-child(8){-webkit-animation:scaleIn .8s ease 1 0.8s;animation:scaleIn .8s ease 1 0.8s;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}#area-box .area-type-box #area-type-swiper .swiper-slide:nth-child(9){-webkit-animation:scaleIn .8s ease 1 0.9s;animation:scaleIn .8s ease 1 0.9s;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}#area-box .area-type-box #area-type-swiper .swiper-slide:nth-child(10){-webkit-animation:scaleIn .8s ease 1 1s;animation:scaleIn .8s ease 1 1s;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}#area-box .area-type-box #area-type-swiper .swiper-slide:nth-child(11){-webkit-animation:scaleIn .8s ease 1 1.1s;animation:scaleIn .8s ease 1 1.1s;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}#area-box .area-type-box #area-type-swiper .swiper-slide:nth-child(12){-webkit-animation:scaleIn .8s ease 1 1.2s;animation:scaleIn .8s ease 1 1.2s;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}#area-box .area-type-box #area-type-swiper .swiper-slide:hover,#area-box .area-type-box #area-type-swiper .swiper-slide.active{background-color:var(--color-main)}#area-box .area-type-box #area-type-swiper .swiper-slide:hover img,#area-box .area-type-box #area-type-swiper .swiper-slide.active img{-webkit-filter:grayscale(1) invert(1) brightness(2);filter:grayscale(1) invert(1) brightness(2)}#area-box .area-type-box #area-type-swiper .swiper-slide:hover p,#area-box .area-type-box #area-type-swiper .swiper-slide.active p{color:#fff}#area-box .area-type-box #area-type-swiper .swiper-slide img{display:block;height:4.75rem;margin-bottom:1.5rem;-webkit-transition:-webkit-filter .4s;transition:-webkit-filter .4s;transition:filter .4s;transition:filter .4s, -webkit-filter .4s}@media screen and (max-width: 750px){#area-box .area-type-box #area-type-swiper .swiper-slide img{height:10vw;margin-bottom:2vw}}#area-box .area-type-box #area-type-swiper .swiper-slide p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#000;max-width:100%;-webkit-transition:color .2s;transition:color .2s}#area-box .area-type-box .swiper-btn-box{--swiper-navigation-size: 36px;--swiper-navigation-color: #b9b9b9;position:absolute;top:50%;left:-5rem;z-index:-1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:calc(100% + 10rem)}@media screen and (min-width: 750px){#area-box .tab-data>.item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}#area-box .tab-data>.item.active .item-img{-webkit-animation:fadeIn-left .8s ease 1 .2s;animation:fadeIn-left .8s ease 1 .2s;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}@media screen and (max-width: 750px){#area-box .tab-data>.item.active .item-img{-webkit-animation-name:fadeIn-up !important;animation-name:fadeIn-up !important;-webkit-animation-delay:0s;animation-delay:0s}}#area-box .tab-data>.item.active .info-box{-webkit-animation:fadeIn-right .8s ease 1 .2s;animation:fadeIn-right .8s ease 1 .2s;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}@media screen and (max-width: 750px){#area-box .tab-data>.item.active .info-box{-webkit-animation-name:fadeIn-up !important;animation-name:fadeIn-up !important}}@media screen and (min-width: 750px){#area-box .tab-data>.item .item-img{width:40rem;min-height:29.5833rem;margin-right:5rem}}@media screen and (max-width: 750px){#area-box .tab-data>.item .item-img{float:left;width:36vw;margin-right:3vw}}#area-box .tab-data>.item .info-box{line-height:1}@media screen and (min-width: 750px){#area-box .tab-data>.item .info-box{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}}#area-box .tab-data>.item .info-box .title{font-size:2.3333rem;color:var(--color-main)}@media screen and (max-width: 750px){#area-box .tab-data>.item .info-box .title{font-size:1.5833rem;font-weight:600;padding-top:2vw}}#area-box .tab-data>.item .info-box .text{color:#606060;font-size:1.5rem}@media screen and (min-width: 750px){#area-box .tab-data>.item .info-box .text{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;height:10rem;line-height:2.5rem;margin:2.5rem 0}}@media screen and (max-width: 750px){#area-box .tab-data>.item .info-box .text{line-height:1.7;margin:2vw 0 6vw;font-size:1.1666rem}}#area-box .tab-data>.item .info-box .btn{display:block;color:#fff;font-size:1.5rem;text-align:center;background-color:var(--color-main);-webkit-transition-duration:.3s;transition-duration:.3s}@media screen and (min-width: 750px){#area-box .tab-data>.item .info-box .btn{width:14.5rem;height:4.1666rem;line-height:4.1666rem}}@media screen and (max-width: 750px){#area-box .tab-data>.item .info-box .btn{width:70vw;line-height:10vw;height:10vw;font-size:1.1666rem;margin:0 auto}}#area-box .tab-data>.item .info-box .btn:hover{-webkit-transform:translate(0.5rem, 0.5rem);-ms-transform:translate(0.5rem, 0.5rem);transform:translate(0.5rem, 0.5rem)}