.is--mobile {
  display: none !important;
}

@media screen and (max-width: 1200px) {
  body {
    overflow-x: hidden;
  }
  .main-section-visual-new.fp-auto-height {
    /* height: 100dvh !important; */
  }
  .visual-slide{position : static;}
  .visual-inner{position : absolute;width : 100%;height : 100%;}
  .visual-title-list {
    gap: 15px;
    padding-left: 20px;
    align-items: flex-start;
  }
  .visual-title-list > li {
    font-size: 16px;
  }
  .visual-title-list > li.on {
    font-size: 24px;
    transform: translateX(24px);

  }
  .section {
    position: relative;
  }

  .brand1-inner {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 100px;
    /* min-height: 100dvh; */
  }

  .schedule-inner {
    flex-direction: column;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 50px;
  }
  .schedule-title > h2 {
    font-size: 28px;
  }

  .schedule-title {
    margin-bottom: 20px;
  }
  .schedule-list > li {
    padding: 0 1rem;
    height: 60px;
  }
  .schedule-right > p {
    writing-mode: inherit;
    font-size: 16px;
  }
  .schedule-list > li > b {
    font-size: 18px;
  }
  .schedule-list > li > p {
    font-size: 15px;
  }
  .schedule-right {
    padding-top: 30px;
    gap: 1rem;
    flex-direction: column;
  }
  .brand1-tit {
    font-size: 20px;
  }
  .brand1-desc br {
  }
  .amenity-inner-01,
  .amenity-slide-02 .amenity-video-title {
    padding-left: 0;
  }
  .amenity-inner-01{flex-direction : column;}
  .schedule-download{font-size : 14px;}

  .active .swiper-slide-active .amenity-inner-04,
  .active .swiper-slide-active .amenity-inner-02,
  .amenity-title-box,
  .amenity-inner-01 .amenity-left,
  .amenity-inner-02 .amenity-left,
  .amenity-inner-03 .amenity-left,
  .amenity-inner-04 .amenity-left {
    max-width: 100%;
  }
  .schedule-list,
  .brand2-inner,
  .amenity-inner-04 .amenity-left,
  .amenity-inner-03,
  .amenity-video-03.on,
  .amenity-title-box,
  .amenity-video-02.on {
    max-width: 100%;
  }
  .architecture-navigation {
    display: none;
  }
  .main-section-architecture .architecture-slide .swiper-slide,
  .brand-slide .swiper-wrapper,
  .archi-slide .swiper-wrapper,
  .amenity-concept-slide .swiper-wrapper,
  .archi-inner,
  .main-section-architecture .architecture-slide .swiper-wrapper,
  .unit-slide .swiper-wrapper{
    flex-direction: column;
  }
  .main-section-archi .archi-slide .pattern-text {
    font-size: 12px;
  }
  .main-section-archi .archi-title {
    font-size: 16px;
  }
  .main-section-architecture .architecture-slide .architecture-slide-01 .architecture-right {
    width: 100%;
    margin-top: 20px;
    margin-left: auto;
  }
  .main-section-architecture .architecture-slide .architecture-slide-02,
  .main-section-architecture .architecture-slide .architecture-slide-01 {
    padding: 100px 20px;
  }
  .main-section-archi .archi-slide .architecture-right ul {
    gap: 1em;
  }
  .main-section-archi .archi-slide .pattern-circle {
    width: 5em;
    height: 5em;
    margin: 0 auto;
  }
  .main-section-archi .archi-slide .pattern-circle img {
    width: 50%;
  }
  .main-section-architecture .architecture-slide,
  .archi-slide .swiper-slide,
  .archi-slide .archi-inner,
  .section-inner {
    height: auto;
  }
  .archi-right ul {
    margin-top: 40px;
  }
  .main-section-system,
  .main-section-brand2 {
    display: none !important;
  }

  /*brand1*/
  .brand1-inner {
    flex-direction: column;
    padding-top: 8dvh;
  }
  .active  .brand1-left > img {
    transition-delay: 0s;
  }
  .brand1-left > img {
    max-width: 200px;
    width: 50%;
  }
  .brand1-inner > div {
    width: 100%;
    height: auto;
    flex-direction: column;
	justify-content: start;
  }
  .brand1-left-box > p {
    margin: 20px 0;
    font-size: 20px;
  }
  .brand1-left > img {
    position: relative;
  }

  .brand1-left-box > ul > li {
    font-size: 14px;
    line-height: 1.2;
  }
  .brand1-inner > div.brand1-right {
    padding-top: 50px;
	height : auto;
  }

  .active .brand1-left-box > p {
    transform : translateY(0px);
    opacity : 1;
    transition : transform 1s 0.5s, opacity 1s 0.5s;
  }


  .active .brand1-left-box > ul > li:nth-child(1) {
    opacity : 1;
    transition : opacity 1s 1s;
  }

  .active .brand1-left-box > ul > li:nth-child(2) {
    opacity : 1;
    transition : opacity 1s 1.2s;
  }

  .active .brand1-left-box > ul > li:nth-child(3) {
    opacity : 1;
    transition : opacity 1s 1.4s;
  }
  .brand1-right-box::after {
    left: calc(50% - 13.5px);
  }
  .brand1-right-box {
    width: 100%;
    text-align: center;
    transform: translateX(0px) translateY(200px);
	font-size : 14px;
  }
  .brand1-right-box > b{font-size : 16px;}
  .active .brand1-right-box {
    transform: translateX(0px) translateY(0px);
    opacity: 1;
    -moz-transition-delay: 1.6s;
    transition-delay: 1.6s;
  }

  .brand1-bg > img:first-child {
    display: none;
  }
  .brand1-bg > img:nth-child(2) {
    opacity: 1;
  }
  .active .brand1-bg > img:nth-child(2) {
    transition: transform 7s 1s, opacity 1s;
  }

  .archi-inner::after,
  .archi-vertical,
  .archi-slide-01{
    display: none;
  }
  .archi-inner > div {
    width: 100%;
  }
  .archi-left {
    padding-top: 80px;
  }
  .archi-slide .swiper-slide > video {
    width: 100%;
    height: 280px;
    top: 300px;
    opacity: 0;
  }
  .active .archi-slide .swiper-slide.swiper-slide-active > video {
    opacity: 1;
    transition: opacity 1s;
  }
  .archi-con {
    padding-left: 20px;
  }
  .active .archi-con {
    transform : translateX(0px);
    opacity : 1;
    transition : transform 1s 1s, opacity 1s 1s;
  }
  .archi-con-tit {
    font-size: 20px;
  }

  .archi-desc {
    font-size: 15px;
  }
  .architecture-right-img{width : 50%;}

  .archi-right {
    padding: 0 20px;
    margin-top: 100px;
  }
  .active  .archi-right {
    opacity : 1;
    transform: translateX(0);
    transition: transform 1s 1s,opacity 1s 1s;
}
  .archi-img-02 {
    transform: translateY(0px) translateX(-100px);
  }

  .archi-img-01 {
    transform: translateY(0px) translateX(100px);
    position: relative;
    margin-bottom: 50px;
  }
  .active .archi-img-01, .active .archi-img-02, .active .archi-img-03, .active .archi-img-con {
    transform : translate(0);
    opacity : 1;
    transition : transform 1s 0s, opacity 1s 0s;
}

  .archi-last-slide .archi-inner > .archi-left {
    flex-direction: column-reverse;
  }

  .archi-last-slide .archi-inner > div {
    display: flex;

  }
  .archi-right2 {
    padding-left: 0;
  }
  .archi-img-box:first-child  {
    align-items: flex-start;
  }
  .archi-img-box:first-child .archi-img-con {
    padding-left: 20px;
  }

  .archi-img-box:nth-child(2)  {
    align-items: flex-end;
    flex-direction: column-reverse;
  }

  .archi-img-box:nth-child(2)  .archi-img-con {
    padding-right: 20px;
  }
  .archi-img-box {
    flex-direction: column;
    gap: 40px;
  }

  .designer-slide {
    display: none;
  }

  .designer-img-slide {
    flex-direction: column;
  }

  .designer-title > h2 {
    font-size: 20px;
  }
  .designer-title > h3,
  .designer-title > p {
    font-size: 14px;
  }
  .designer-top {
    flex-direction: column;
    height: auto;
  }
  .designer-title {
    position: static;
    padding: 100px 0 60px;
  }
  .active .designer-img-slide,
  .active .designer-img-slide {
    opacity: 1;
    transition: opacity 1s 1s;
  }

  .designer-bottom-inner {
    flex-direction: column;
  }
  .designer-bottom-inner > div,
  .designer-img-slide > div {
    width: 100%;
  }
  .designer-bottom {
    height: auto;
    margin-top: 30px;
  }
  .designer-bottom-inner > div {
    flex-direction: column;
  }
  .designer-img-left-02,
  .designer-right-con-01,
  .designer-right-con-02,
  .designer-img-right-01,
  .designer-img-right-02,
  .designer-left-con-01,
  .designer-img-left-01 {
    padding-left: 20px;
    padding-right: 20px;
  }
  .designer-right-con {
    margin-top: 30px;
    flex-direction: column;
  }
  .designer-img-left-02 {
    margin-top: 10px;
  }
  .designer-left-img-01,
  .designer-right-img-01 {
    transform: none;
  }
  .designer-bottom-inner {
    max-width: 100%;
  }
  .designer-right {
    padding-left: 0;
    margin-top: 60px;
  }
  .designer-right-con > div {
    width: 100%;
    position: static;
  }
  .designer-left {
    padding-right: 0;
  }
  .designer-left-con > div {
    width: 100%;
    position: static;
  }
  .designer-left-con {
    margin-top: 40px;
    flex-direction: column;
  }
  .designer-info {
    font-size: 12px;
  }
  .designer-desc {
    margin-bottom: 20px;
    font-size: 15px;
  }
  .designer-name {
    gap: 4px;
    font-size: 14px;
    flex-direction: column;
    width: 100%;
    align-items: flex-end;
  }
  .active .designer-title > p {
    transition-delay: 1s;
  }
  .designer-name .rect {
    display: none;
    width: 8px;
    height: 1px;
  }
  .designer-right-con-02,
  .designer-left-con-02 {
    padding-left: 20px;
    padding-right: 20px;
  }
  .designer-awards,
  .designer-portfolio {
    font-size: 13px;
  }
  .designer-img-right.is--mobile,
  .active .designer-01,
  .active .designer-02,
  .active .designer-name {
    opacity: 1;
    transition: opacity 1s 2s;
  }
  .designer-bottom .designer-right.active .designer-img-right.is--mobile {
    transition-delay: 0s;
  }
  .active .designer-01,
  .active .designer-02,
  .active .designer-img-right.is--mobile,
  .active .designer-name,
  .active .designer-name {
    opacity: 1;
  }
  .designer-bottom .designer-right.active .designer-name,
  .designer-bottom .designer-left.active .designer-name {
    transition-delay: 1s;
  }
  .active .designer-bottom::before {
    transition-delay: 1s;
  }
  .active   .designer-bottom .designer-right.active .designer-right-con-02 {
    opacity: 1;
    transform: translateX(0px);
    transition: opacity 1s 1s, transform 1s 1s;
  }
  .active .designer-left-con-02,
  .active .designer-right-con-02{
    opacity: 1;
    transform: translateX(0px);
    transition: opacity 1s 1s, transform 1s 1s;
  }
  .designer-01, .designer-02 {
    width: 60%;
    margin-left: auto;
    max-width: 262px;
  }
  .designer-bottom::after {
    display: none;
  }
  .designer-02 {
    order: 2;
  }
  .designer-img-right-02,
  .designer-img-right-01 {
    transform: none;
  }
  .is--mobile {
    display: block !important;
  }
  .is--pc {
    display: none !important;
  }
  .designer-img-right.is--mobile {
    display: flex !important;
    flex-direction: column-reverse;
    margin-bottom: 50px;
  }
  .designer-img-left-02.is--mobile {
    display: flex !important;
  }

  .concept-style0-bottom,
  .concept-navigation {
    display: none;
  }
  /**/
	.concept-bg{}
	.concept-bg > img{object-fit : cover;object-position : center 80%;width : 100%;height : 100%;transform : scale(1.25);transition : transform 1s .4s;}
	.active .concept-bg > img{transform : scale(1);transition : transform 5s}
	.type2 .concept-bg,.type3 .concept-bg{transform : translateX(100%);height : 330px;}

	.concept-title-box{position : static;transform : translateX(0)}

	.concept-inner{height : auto;padding-bottom: 0;padding : 150px 0 250px;}
	.concept-tit{font-size : 24px;margin-bottom: 10px;}
	.active .concept-tit{transition-delay : 0s;}
	.concept-desc{font-size : 16px;}
	/**/
f
  .main-section-amenity-concept .concept-style0 .concept-style0-top {
    padding-top: 70px;
    text-align: right;
    width: 100%;
  }
  .active.main-section-amenity-concept .concept-style0 .concept-style0-top{opacity :1;transform : translateX(0)}
  .concept-style0-bg-img {
    height: 180px;
    object-fit: cover;
    margin-bottom: 20px;
    object-position: center bottom;
  }
  .main-section-amenity-concept.on .swiper-slide-active .concept-style0-bg{
    transition-delay: 0.4s;
  }
  .concept-style1-inner-title {
    display: none;
  }
  .main-section-amenity-concept .concept-style1.amenity-concept-slide-04 .concept-style1-item-inner {
    display: flex;
    align-items: center;
  }
  .main-section-amenity-concept .concept-style1.amenity-concept-slide-04 .concept-style1-item-img {
    width: 30vw;
    margin: 0;
  }
  .main-section-amenity-concept .concept-style1 .concept-style1-item-img {
    width: 100%;
    max-width: 100%;
  }
  .main-section-amenity-concept .concept-style1.amenity-concept-slide-04 .concept-style1-item-top {
    position: absolute;
    top: 19%;
    left: 35vw;
    width: auto;
  }
  .main-section-amenity-concept .concept-style1 .concept-style1-item-top {
    text-align: right;
  }
  .main-section-amenity-concept .concept-style1.amenity-concept-slide-04 .concept-style1-item-text br {
    display: none;
  }
  .main-section-amenity-concept .concept-style1.amenity-concept-slide-04 .concept-style1-item-text {
    padding: 0 20px;
  }
  .main-section-amenity-concept .concept-style1.amenity-concept-slide-04 .concept-style1-item-text,
  .main-section-amenity-concept .concept-style1 .concept-style1-item-text {
    text-align: left;
  }
  .main-section-amenity-concept .concept-style1.amenity-concept-slide-04 .concept-style1-item,
  .main-section-amenity-concept .concept-style1 .concept-style1-item {
    position: relative;
    padding: 0 0 20px 0 !important;
  }
  .active.main-section-amenity-concept .concept-style1.amenity-concept-slide-04 .concept-style1-item,
  .active.main-section-amenity-concept .concept-style1 .concept-style1-item{clip-path : inset(0)}
  .main-section-amenity-concept .concept-style1.amenity-concept-slide-04 .concept-style1-item:before,
  .main-section-amenity-concept .concept-style1.amenity-concept-slide-04 .concept-style1-item:after {
    display: none;
  }

  .amenity-inner{height : auto;padding: 0px 0 350px;}
	.amenity-tit-new{font-size : 24px;margin-bottom: 10px;transition-delay : 0s;}
	.active .amenity-tit-new{transition-delay : 0s;}
	.amenity-desc-new{font-size : 16px;}

  .main-section-amenity {
    /* padding-top: 100px; */
    overflow: hidden !important;
  }
  .active .swiper-slide-active .amenity-inner-02,
  .active .swiper-slide-active .amenity-inner-01 {
    max-width: 100%;
    transition: none !important;
    flex-direction: column;
  }
  .amenity-inner-04 .amenity-right .amenity-video-title,
  .amenity-inner-03 .amenity-video-title,
  .amenity-slide-02 .amenity-video-title,
  .amenity-slide-01 .amenity-video-title {
    position: static;
    font-size: 20px;
    transform: none !important;
    text-align: right;
    margin-bottom: 20px;
    width: 100%;
  }
  .active .amenity-inner-04 .amenity-right .amenity-video-title{transform : translateX(0);opacity : 1;}
  .amenity-slide-00 .amenity-video-title{font-size : 24px;}
  .amenity-inner-03 .amenity-video-title{display: none;}
  .active .amenity-inner-03 .amenity-video-title {
    opacity : 1;transform : translateX(0);transition : transform 1s 1s, opacity 1s 1s;}

  .amenity-slide-01 .amenity-left {
    padding-bottom: 30px;
  }
  .amenity-left .amenity-con {
    padding-left: 20px;
  }
  .active .amenity-left .amenity-con{opacity : 1;transform : translateX(0)}
  .active .amenity-right .amenity-con{opacity : 1;transform : translateX(0)}
  .amenity-slide .swiper-slide {
    position: relative !important;
    min-height: auto !important;
    padding: 60px 20px 20px;
  }
  .amenity-slide .swiper-slide.amenity-slide-02{padding : 20px 20px 0;}
  .amenity-slide .swiper-slide.amenity-slide-03{padding : 20px;}
  .amenity-slide .swiper-slide.amenity-slide-04{padding : 20px;}

  .swiper-wrapper {    box-sizing: border-box;}
  .main-section-amenity-concept .amenity-concept-slide .swiper-wrapper,
  .main-section-amenity-concept .amenity-concept-slide {
    height: auto;
    overflow-x: hidden;
  }
  .amenity-video {
    opacity: 1;
    transform: translateX(0%);
    position: relative !important;
  }
  /* .amenity-video-01{padding : 20px 0;} */
  .swiper-slide-active .amenity-video {
    transform: translateX(0);
    opacity: 1;
    transition: transform 1s .4s, opacity 1s .4s !important;
  }
  .amenity-con-tit br {
    display: none;
  }
  .amenity-desc {
    font-size: 14px;
  }
  .amenity-inner-03 .amenity-left .amenity-con-tit,
  .amenity-slide-02 .amenity-right .amenity-con-tit,
  .amenity-con-tit {
    font-size: 20px;
    margin-bottom: 15px;
  }
  .amenity-inner-04 .amenity-right .amenity-con,
  .amenity-right .amenity-con {
    transition: transform 1s .4s, opacity 1s .4s;
    padding-left: 0;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    border-left: none;
    padding-right: 20px;
    margin: 20px 0;
  }
  .amenity-slide-02 .amenity-right .amenity-con {
    padding-left: 20px;
    padding-right: 0;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    border-right: none;
	margin : 40px 0 0;
  }
  .amenity-slide-01 .amenity-right .amenity-desc,
  .amenity-slide-01 .amenity-right .amenity-con-tit {
    text-align: right;
  }
  .active .amenity-img{opacity : 1;}
  .amenity-img-tit {
    display: none;
  }
  .amenity-video.amenity-video-03 ,
  .amenity-video.amenity-video-02 {
    padding : 0;
  }
  .amenity-video-02 .amenity-video-title {font-size : 24px;}
  .amenity-inner-04 .amenity-left {
    flex-direction: column-reverse;
  }
  .amenity-inner-04,
  .amenity-inner-02 {
    flex-direction: column;
  }

  .amenity-slide-02 .amenity-right {
    padding-bottom: 0px;
	padding-top: 0px;
  }
  .amenity-inner-03 {
    flex-direction: column;
  }
  .amenity-03-img-02 {
    flex-direction: column-reverse;
  }
  .active .amenity-03-img-02{opacity : 1;transform : translateX(0)}
  .amenity-inner-03 .amenity-left .amenity-con {
    margin-bottom: 40px;
  }
  .active .amenity-left .amenity-03-img {
    opacity: 1;
    transform: translateX(0px);}
  .amenity-03-img > div {
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
  }
  .amenity-03-img > div p  br {
    display: none;
  }
  .amenity-inner-03 .amenity-left {
    padding-bottom: 30px;
  }
  .amenity-slide-03 .amenity-right {
    text-align: right;
    gap: 40px;
  }
  .amenity-slide-03 .amenity-right .amenity-03-img > div {
    align-items: flex-end;
  }
  .amenity-03-img-02 > div > p:nth-child(2),
  .amenity-03-img > div p {
    font-size: 14px;
  }
  .amenity-03-img-02 > div > p:nth-child(1) {
    font-size: 18px;
    word-break: keep-all;
  }
  .amenity-title-box {
    transform: none;
    padding-right: 0;
    flex-direction: column;
  }
  .amenity-04-img > div > h3,
  .amenity-title-box > span {
    font-size: 18px;
  }
  .active .amenity-title-box > p,
  .active .amenity-title-box > span{opacity : 1;transform : translateX(0)}
  .amenity-inner-04 .amenity-right  {
    margin-top: 40px;
  }
  .amenity-right .amenity-03-img {
    transform: translateX(-100px) translateY(0);
  }
  .active .amenity-right .amenity-03-img{opacity : 1;transform : translateX(0)}
  .amenity-04-img > div > p,
  .amenity-title-box > p {
    font-size: 14px;
  }
  .amenity-04-img > div:nth-child(2) > p {
    text-align: left;
  }
  .amenity-04-img > div:nth-child(2) {
    align-items: flex-start;

  }
  .amenity-04-img > div > p {
    width: 100%;
  }
  .amenity-04-img {
    flex-direction: column;
    width: 100%;
    gap: 10px
  }
  .active .amenity-04-img{opacity : 1;}

  .amenity-con-title{font-family : brown;font-size : 24px;text-align : center;transform : translateX(0);}
  .active .amenity-con-title{opacity : 1;transition : opacity 1s 1s, transform 1s 1s;}
  .amenity-con-title-01{margin-bottom: 20px;}
  .amenity-con-title-02{color : #000;}

  .main-section-collaboration .section-inner {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .main-section-collaboration .collaboration-text-box .collaboration-title {
    font-size: 30px;
  }
  .main-section-collaboration .collaboration-sub-text-box p{
    font-size: 20px;
  }

  .visual-last-slide {
    position: relative;
  }
  .visual-slide-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  .visual-slide-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transform: scale(1.2);
    transition: transform 4s 0.5s;
  }
  .visual-slide .swiper-slide-active .visual-slide-bg img {
    transform: scale(1);
  }
  .unit-inner-01 {height: auto;padding: 100px 0}
  .unit-tit-01{font-size : 20px;}
  .unit-desc-01{font-size : 14px;}
  .unit-bg-dim{display : none;}
  .unit-inner{flex-direction : column;}
  .unit-box{width : 100%;pointer-events : all;padding : 50px 20px;}
  .active .unit-box{opacity : 1;}

  .unit-tit{font-size : 24px;}
  .active .unit-box .unit-tit {transform: translateX(0px);opacity: 1;transition: transform 1s .5s, opacity 1s .5s;}
  .unit-tit-box{display : flex;flex-direction : column;align-items : center;font-family : brown;width : 173px;white-space : nowrap;margin-bottom: 18px;transform : translateX(-50px);opacity : 0;transition : transform 1s, opacity 1s;}
  .active .unit-tit-box{transform : translateX(0px);opacity : 1;transition : transform 1s .5s, opacity 1s .7s;}
  .unit-tit-box > h4{font-size : 12px;margin-bottom: 10px;}
  .unit-tit-box > h2{font-size : 36px;padding : 12px 0;}
  .unit-desc{font-size : 14px;margin-bottom: 15px;}
  .active .unit-box .unit-desc {transform: translateX(0px);opacity: 1;transition: transform 1s .6s, opacity 1s .6s;}
  .active .unit-box .unit-btn-box {transform: translateX(0px);opacity: 1;transition: transform 1s .7s, opacity 1s .7s;}
  .unit-btn-box > li > a{font-size : 12px; padding : 10px 0 10px 10px}
}


@media screen and (max-width: 370px) {
  .main-section-collaboration .collaboration-brand-box {
    padding:20px 14px;
  }
  .main-section-collaboration .collaboration-brand-box .collaboration-logo-item .collaboration-logo-desc {
    font-size: 13px;
  }
}