@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+JP:wght@400;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Public+Sans:wght@400;700&display=swap");body#experienceDesign{position:relative;width:100%;height:auto;overflow-x:hidden}body#experienceDesign .lower_visual::before{content:"";position:absolute;z-index:-1;top:170px;left:50%;-webkit-transform:translateX(-38%);transform:translateX(-38%);z-index:0;width:1030px;height:949px;background-image:url(/assets/img/experienceDesign/bg_01.webp);background-repeat:no-repeat;background-size:contain}@media screen and (min-width: 750px) and (max-width: 1440px){body#experienceDesign .lower_visual::before{top:11.80556vw;width:71.52778vw;height:65.90278vw}}@media screen and (max-width: 750px){body#experienceDesign .lower_visual::before{top:45.33333vw;width:274.66667vw;left:0;-webkit-transform:translateX(0%);transform:translateX(0%);z-index:0;width:100vw;height:287.2vw;background-image:url(/assets/img/experienceDesign/bg_01_sp.webp);background-repeat:no-repeat;background-size:contain;height:253.06667vw}}body#experienceDesign .lower_visual::after{content:"";position:absolute;z-index:0;top:-186px;left:50%;margin-left:-1368px;z-index:0;width:1549px;height:1161px;background-image:url(/assets/img/common/bg_arrow.svg);background-repeat:no-repeat;background-size:contain}@media screen and (min-width: 750px) and (max-width: 1440px){body#experienceDesign .lower_visual::after{top:-12.91667vw;margin-left:-95vw;width:107.56944vw;height:80.625vw}}@media screen and (max-width: 750px){body#experienceDesign .lower_visual::after{top:-76.26667vw;margin-left:-139.2vw;width:227.73333vw;height:170.66667vw;-webkit-transform:rotate(90deg);transform:rotate(90deg)}}body#experienceDesign .lower_button_link._color_white_border{width:372px;height:64px}@media screen and (min-width: 750px) and (max-width: 1440px){body#experienceDesign .lower_button_link._color_white_border{width:25.83333vw;height:4.44444vw}}@media screen and (max-width: 750px){body#experienceDesign .lower_button_link._color_white_border{width:64vw;height:13.33333vw}}body#experienceDesign .summary{position:relative;padding-top:140px;color:#fff}@media screen and (min-width: 750px) and (max-width: 1440px){body#experienceDesign .summary{padding-top:9.72222vw}}@media screen and (max-width: 750px){body#experienceDesign .summary{padding-top:18.66667vw}}body#experienceDesign .summary .summary_inner{width:1120px;margin:0 auto}@media screen and (min-width: 750px) and (max-width: 1440px){body#experienceDesign .summary .summary_inner{width:77.77778vw}}@media screen and (max-width: 750px){body#experienceDesign .summary .summary_inner{width:100%;padding:0 6.66667vw}}body#experienceDesign .summary .lower_page_title._experienceDesign{position:relative;z-index:1;color:#000}body#experienceDesign .summary .summary_contents{position:relative;margin-top:-232px;padding-left:405px;padding-right:84px}@media screen and (min-width: 750px) and (max-width: 1440px){body#experienceDesign .summary .summary_contents{margin-top:-16.11111vw;padding-left:28.125vw;padding-right:5.83333vw}}@media screen and (max-width: 750px){body#experienceDesign .summary .summary_contents{margin-top:8vw;padding-left:0vw;padding-right:0vw}}body#experienceDesign .summary .summary_title{width:140px;margin:0 0 0 auto}@media screen and (min-width: 750px) and (max-width: 1440px){body#experienceDesign .summary .summary_title{width:9.72222vw}}@media screen and (max-width: 750px){body#experienceDesign .summary .summary_title{width:19.2vw}}body#experienceDesign .summary .summary_title>img{width:100%;height:auto}body#experienceDesign .summary .summary_experienceDesign{margin-top:50px}@media screen and (min-width: 750px) and (max-width: 1440px){body#experienceDesign .summary .summary_experienceDesign{margin-top:3.47222vw}}@media screen and (max-width: 750px){body#experienceDesign .summary .summary_experienceDesign{margin-top:-17.6vw}}body#experienceDesign .summary .summary_experienceDesign_title{margin-bottom:40px;font-family:"Public Sans",sans-serif;font-size:40px;font-weight:700;line-height:120%;letter-spacing:0.03em}@media screen and (min-width: 750px) and (max-width: 1440px){body#experienceDesign .summary .summary_experienceDesign_title{margin-bottom:2.77778vw;font-size:2.77778vw}}@media screen and (max-width: 750px){body#experienceDesign .summary .summary_experienceDesign_title{margin-bottom:8vw;font-size:6.4vw;line-height:150%}}body#experienceDesign .experienceDesignSystem{position:relative;padding:146px 0 154px}@media screen and (min-width: 750px) and (max-width: 1440px){body#experienceDesign .experienceDesignSystem{padding:10.13889vw 0 10.69444vw}}@media screen and (max-width: 750px){body#experienceDesign .experienceDesignSystem{padding:21.33333vw 0 32vw}}body#experienceDesign .experienceDesignSystem .experienceDesignSystem_inner{width:955px;margin:0 auto}@media screen and (min-width: 750px) and (max-width: 1440px){body#experienceDesign .experienceDesignSystem .experienceDesignSystem_inner{width:66.31944vw}}@media screen and (max-width: 750px){body#experienceDesign .experienceDesignSystem .experienceDesignSystem_inner{width:100%;padding:0 6.66667vw}}body#experienceDesign .experienceDesignSystem .experienceDesignSystem_wrap{margin-bottom:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media screen and (min-width: 750px) and (max-width: 1440px){body#experienceDesign .experienceDesignSystem .experienceDesignSystem_wrap{margin-bottom:4.16667vw}}@media screen and (max-width: 750px){body#experienceDesign .experienceDesignSystem .experienceDesignSystem_wrap{margin-bottom:16vw;display:block}}body#experienceDesign .experienceDesignSystem .experienceDesignSystem_title{width:207px}@media screen and (min-width: 750px) and (max-width: 1440px){body#experienceDesign .experienceDesignSystem .experienceDesignSystem_title{width:14.375vw}}@media screen and (max-width: 750px){body#experienceDesign .experienceDesignSystem .experienceDesignSystem_title{width:28.8vw;margin:0 0 0 auto}}body#experienceDesign .experienceDesignSystem .experienceDesignSystem_textGroup{width:632px;color:#fff}@media screen and (min-width: 750px) and (max-width: 1440px){body#experienceDesign .experienceDesignSystem .experienceDesignSystem_textGroup{width:43.88889vw}}@media screen and (max-width: 750px){body#experienceDesign .experienceDesignSystem .experienceDesignSystem_textGroup{width:100%}}body#experienceDesign .experienceDesignSystem .experienceDesignSystem_subtitle{margin-bottom:47px;font-family:"Public Sans",sans-serif;font-size:40px;font-weight:700;line-height:120%;letter-spacing:0.03em}@media screen and (min-width: 750px) and (max-width: 1440px){body#experienceDesign .experienceDesignSystem .experienceDesignSystem_subtitle{margin-bottom:3.26389vw;font-size:2.77778vw}}@media screen and (max-width: 750px){body#experienceDesign .experienceDesignSystem .experienceDesignSystem_subtitle{margin-top:-36.26667vw;margin-bottom:8vw;font-size:6.4vw;line-height:150%}}body#experienceDesign .experienceDesignSystem .experienceDesignSystem_text02{margin-top:60px;color:#fff;font-size:18px;font-weight:500;line-height:200%;letter-spacing:0.03em}@media screen and (min-width: 750px) and (max-width: 1440px){body#experienceDesign .experienceDesignSystem .experienceDesignSystem_text02{margin-top:4.16667vw;font-size:1.25vw}}@media screen and (max-width: 750px){body#experienceDesign .experienceDesignSystem .experienceDesignSystem_text02{margin-top:6.4vw;font-size:3.73333vw}}body#experienceDesign .experienceDesignSystem .experienceDesignSystem_slider{margin-bottom:40px}@media screen and (min-width: 750px) and (max-width: 1440px){body#experienceDesign .experienceDesignSystem .experienceDesignSystem_slider{margin-bottom:2.77778vw}}@media screen and (max-width: 750px){body#experienceDesign .experienceDesignSystem .experienceDesignSystem_slider{margin-bottom:4.26667vw}}body#experienceDesign .exdModalSwiper.swiper,body#experienceDesign .exdSwiper.swiper{width:100%;height:100%;padding-bottom:2px}body#experienceDesign .exdModalSwiper .swiper-slide,body#experienceDesign .exdSwiper .swiper-slide{text-align:center;font-size:18px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body#experienceDesign .exdModalSwiper .swiper-slide img,body#experienceDesign .exdSwiper .swiper-slide img{display:block;width:100%;height:100%}body#experienceDesign .exdModalSwiper .swiper-pagination,body#experienceDesign .exdSwiper .swiper-pagination{top:inherit;bottom:0;background:rgba(255,255,255,0.3);height:2px}body#experienceDesign .exdModalSwiper .swiper-pagination-progressbar-fill,body#experienceDesign .exdSwiper .swiper-pagination-progressbar-fill{background:#fff}body#experienceDesign .exdModalSwiper .swiper-button-next,body#experienceDesign .exdModalSwiper .swiper-button-prev,body#experienceDesign .exdSwiper .swiper-button-next,body#experienceDesign .exdSwiper .swiper-button-prev{color:#fff}body#experienceDesign .exdModalSwiper .swiper-button-next::after,body#experienceDesign .exdModalSwiper .swiper-button-prev::after,body#experienceDesign .exdSwiper .swiper-button-next::after,body#experienceDesign .exdSwiper .swiper-button-prev::after{font-size:20px}@media screen and (min-width: 750px) and (max-width: 1440px){body#experienceDesign .exdModalSwiper .swiper-button-next::after,body#experienceDesign .exdModalSwiper .swiper-button-prev::after,body#experienceDesign .exdSwiper .swiper-button-next::after,body#experienceDesign .exdSwiper .swiper-button-prev::after{font-size:1.38889vw}}@media screen and (max-width: 750px){body#experienceDesign .exdModalSwiper .swiper-button-next::after,body#experienceDesign .exdModalSwiper .swiper-button-prev::after,body#experienceDesign .exdSwiper .swiper-button-next::after,body#experienceDesign .exdSwiper .swiper-button-prev::after{font-size:2.66667vw}}body#experienceDesign .exdModalSwiper .swiper-button-next,body#experienceDesign .exdSwiper .swiper-button-next{right:0}body#experienceDesign .exdModalSwiper .swiper-button-prev,body#experienceDesign .exdSwiper .swiper-button-prev{left:0}
