html.is-loading{
    overflow: hidden;
}
.fancybox__container {
    --f-arrow-width: 2vw;
    --f-arrow-height: 2vw;
    --f-button-width: 2vw;
    --f-button-height: 2vw;
    --f-button-svg-width: 1.6vw;
    --f-button-svg-height: 1.6vw;
}
.f-caption{
    font-size: 1vw;
}

.play{
    position: absolute;
    cursor: pointer;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) rotate(0deg);
    background-image: url(../images/triangle_solid_867452.svg);
    background-size: 43%;
    background-position: 59% 49%;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-color: #ffffff66;
    width: 5vw;
    height: 5vw;
    border: 1px #867452 solid;
    opacity: 0.5;
    transition: all 0.2s ease;
}
.play:hover{ 
    background-image: url(../images/triangle_solid_white.svg); 
    background-color: #ac9960; 
    opacity: 1;
}

.play{
    background-image: url(../images/triangle_solid_white.svg);
    border: 1px solid #fff;
    opacity: 1;
    background-color: #ffffff57;
} 
.play:hover{
    background-image: url(../images/triangle_solid_b4b8c0.svg);
    background-color: #fff;
    opacity: 1;
}






body.is-loading{
    overflow: hidden;
}
img{
    width: 100%;
}

.loading{
    position: absolute;top: 4.166666vw;
    width: 100%;height: calc(100vh - 4.166666vw);overflow: hidden;    z-index: 1000;
    background-color: #f2f9fe;
/*    display: none;*/
}
.loading .dotlottie-wc{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.loading .loading-img{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 100%;
    width: auto;
}
.loading .loading-img .loading-1{

}
.loading .motion{
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 2vw;
    width: 100px;
    height: 100px;
    position: absolute;
    left: 50%;
    top: 50%; 
    z-index: 20;
}
.loading .motion.motion-1{
    width: 36.3vw;
    height: 19.4vw;
    left: 31.4vw;
    top: 13.8vw;
}
.loading .motion.motion-2{
    height: 30.2vw;
    width: 16.3vw;
    left: 46.5vw;
    top: 8vw;
}
.loading .motion.motion-3{
    height: 29.6vw;
    width: 6.9vw;
    border-radius: 2vw;
    left: 37.7vw;
    top: 11.2vw;
}
.loading .motion.motion-4{
    height: 18vw;
    width: 29.8vw;
    left: 32.9vw;
    top: 20.1vw;
}
.loading .motion.motion-5{
    height: 26.8vw;
    width: 22.1vw;
    left: 36.8vw;
    top: 16vw;
}
.loading .motion.motion-6{
    height: 11.8vw;
    width: 7.7vw;
    left: 53vw;
    top: 33vw;
}
.loading .motion.motion-7{
    height: 15.1vw;
    width: 8.1vw;
    left: 8.4vw;
    top: -2vw;
}
.loading .motion.motion-8{
    height: 26.6vw;
    width: 20.6vw;
    left: -2.4vw;
    top: 3vw;
}
.loading .motion.motion-9{
    height: 20.7vw;
    width: 12.1vw;
    left: -2.4vw;
    top: 25.3vw;
}
.loading .motion.motion-10{
    height: 6.4vw;
    width: 12.2vw;
    left: 2.6vw;
    top: 42.3vw;
} 
.loading .motion.motion-11{
    height: 26.9vw;
    width: 21.2vw;
    left: 73.2vw;
    top: -2.5vw;
}
.loading .motion.motion-12{
    height: 23.9vw;
    width: 19.2vw;
    left: 82.9vw;
    top: 17.7vw;
}
.loading .motion.motion-13{
    height: 8vw;
    width: 19.2vw;
    left: 86.6vw;
    top: 37.1vw;
}
.loading .motion.motion-14{
    height: 12vw;
    width: 13.6vw;
    left: 68.1vw;
    top: 42.6vw;
}
.loading .motion.blue-motion{
    background-color: rgba(216,224,239,1);
    z-index: 10;
/*    background-color: rgba(0,224,239,0.4);*/
/*    border: 1px solid blue; */
}
.loading .motion.blue-motion.blue-motion-1{ 
    height: 8vw;
    width: 7.8vw;
    left: -0.4vw;
    top: -6.4vw;
}
.loading .motion.blue-motion.blue-motion-2{ 
    height: 27vw;
    width: 26.2vw;
    left: 5.1vw;
    top: -2.4vw;
}
.loading .motion.blue-motion.blue-motion-3{ 
    height: 27vw;
    width: 26.2vw;
    left: 12vw;
    top: -11.2vw;
}
.loading .motion.blue-motion.blue-motion-4{ 
    height: 17.6vw;
    width: 19.2vw;
    left: 36.7vw;
    top: -11.2vw;
}
.loading .motion.blue-motion.blue-motion-5{ 
    height: 31.3vw;
    width: 26vw;
    left: 50vw;
    top: -11.2vw;
}
.loading .motion.blue-motion.blue-motion-6{ 
    height: 19.1vw;
    width: 20vw;
    left: 61.5vw;
    top: -11.2vw;
}
.loading .motion.blue-motion.blue-motion-7{ 
    height: 19.6vw;
    width: 21.1vw;
    left: 66.7vw;
    top: -11.2vw;
}
.loading .motion.blue-motion.blue-motion-8{ 
    height: 13.4vw;
    width: 16.1vw;
    left: 66.7vw;
    top: -11.2vw;
}
.loading .motion.blue-motion.blue-motion-9{ 
    height: 25.8vw;
    width: 16.1vw;
    left: 85.7vw;
    top: -11.2vw;
}
.loading .motion.blue-motion.blue-motion-10{ 
    height: 26.5vw;
    width: 16.1vw;
    left: -8vw;
    top: 5vw;
}
.loading .motion.blue-motion.blue-motion-11{ 
    height: 15.9vw;
    width: 16.1vw;
    left: -3vw;
    top: 13vw;
}
.loading .motion.blue-motion.blue-motion-12{ 
    height: 15.9vw;
    width: 16vw;
    left: 23.5vw;
    top: 19.7vw;
}
.loading .motion.blue-motion.blue-motion-13{    
    height: 15.9vw;
    width: 16vw;
    left: 62.7vw;
    top: 18.7vw; 
}
.loading .motion.blue-motion.blue-motion-14{ 
    height: 15.9vw;
    width: 16vw;
    left: 76.1vw;
    top: 10.4vw;
}
.loading .motion.blue-motion.blue-motion-15{ 
    height: 15.9vw;
    width: 16vw;
    left: 86.3vw;
    top: 19.7vw;
}
.loading .motion.blue-motion.blue-motion-16{ 
    height: 20.5vw;
    width: 16vw;
    left: -10.7vw;
    top: 20.3vw;
}
.loading .motion.blue-motion.blue-motion-17{ 
    height: 9vw;
    width: 9vw;
    left: 2.4vw;
    top: 28.1vw;
}
.loading .motion.blue-motion.blue-motion-18{ 
    height: 8.8vw;
    width: 8.8vw;
    left: 18.4vw;
    top: 32.1vw;
}
.loading .motion.blue-motion.blue-motion-19{ 
    height: 23.8vw;
    width: 8.8vw;
    left: 96.6vw;
    top: 7.7vw;
}
.loading .motion.blue-motion.blue-motion-20{ 
    height: 6.1vw;
    width: 10.4vw;
    left: -3vw;
    top: 42.4vw;
}
.loading .motion.blue-motion.blue-motion-21{ 
    height: 16vw;
    width: 16vw;
    left: 6.8vw;
    top: 36.1vw;
}
.loading .motion.blue-motion.blue-motion-22{ 
    height: 16vw;
    width: 16vw;
    left: 25.2vw;
    top: 45.6vw;
}
.loading .motion.blue-motion.blue-motion-23{ 
    height: 26vw;
    width: 26vw;
    left: 36.8vw;
    top: 31vw;
}
.loading .motion.blue-motion.blue-motion-24{ 
    height: 16vw;
    width: 26vw;
    left: 45.6vw;
    top: 32.1vw;
}
.loading .motion.blue-motion.blue-motion-25{  
    height: 18vw;
    width: 26vw;
    left: 70.4vw;
    top: 50.7vw;
}
.loading .motion.blue-motion.blue-motion-26{ 
    height: 18vw;
    width: 13.2vw;
    left: 71.9vw;
    top: 48.1vw;
}
.loading .motion.blue-motion.blue-motion-27{ 
    height: 12vw;
    width: 13.2vw;
    left: 74.9vw;
    top: 39.1vw;
}
.loading .motion.blue-motion.blue-motion-28{ 
    height: 8.7vw;
    width: 13.2vw;
    left: 81.1vw;
    top: 31.7vw;
}
.loading .motion.blue-motion.blue-motion-29{ 
    height: 26vw;
    width: 26vw;
    left: 82.8vw;
    top: 26.9vw;
}
.loading .motion.blue-motion.blue-motion-30{ 
    height: 7.9vw;
    width: 26vw;
    left: 96.6vw;
    top: 37.6vw;
} 
.loading .motion.blue-motion.blue-motion-31{ 
    height: 7.9vw;
    width: 13vw;
    left: -5vw;
    top: -0.4vw;
}
.loading .motion.blue-motion.blue-motion-32{ 
    height: 10.9vw;
    width: 17vw;
    left: 35vw;
    top: 5.6vw;
}
.loading .motion.blue-motion.blue-motion-33{ 
    height: 23.9vw;
    width: 36vw;
    left: 30vw;
    top: 11.6vw;
}
.loading .motion.blue-motion.blue-motion-34{ 
    height: 23.9vw;
    width: 36vw;
    left: 65vw;
    top: 7.6vw;
}
.loading .motion.blue-motion.blue-motion-35{ 
    height: 23.9vw;
    width: 30vw;
    left: 3vw;
    top: 15.6vw;
}
.loading .motion.blue-motion.blue-motion-36{ 
    height: 23.9vw;
    width: 30vw;
    left: -8vw;
    top: 29.6vw;
}
.loading .motion.blue-motion.blue-motion-37{ 
    height: 23.9vw;
    width: 30vw;
    left: 17vw;
    top: 29.6vw;
}
.loading .motion.blue-motion.blue-motion-38{ 
    height: 11.9vw;
    width: 16vw;
    left: 67vw;
    top: 29.6vw;
}
.loading .motion.blue-motion.blue-motion-39{ 
    height: 11.9vw;
    width: 16vw;
    left: 60vw;
    top: 40.6vw;
}
.loading .text{
    font-size: 3.2vw; 
    color: #657ce8;
    position: absolute;
    width: 100%;
    text-align: center;
    top: 50%;
    z-index: 99;
}
.loading .text small{
    font-size: 2.56vw;
}



.block-content{
    position: relative;
}
.section{ 
    position: relative; 
}
.section .regAlign{
    font-size: 2vw;
}
.section .bg-img{opacity: 0.5;}
.section > .title{
    position: absolute;
    left: 0%;
    line-height: 1.15;
    top: 13%;
    font-size: 3.1vw;
    transform: skewX(-8deg);
    transform: none;
    font-weight: 100;
    margin-left: 15%;
    z-index: 50;
}
.section > .sub-title{
    position: absolute;
    color: #657ce8;
    left: 1%;
    line-height: 1.15;
    top: 12.2%;
    text-shadow: 0 0 10px #657ce8;
    font-size: 2.8vw;
    font-weight: 400;
    margin-left: 17.67676767676768%;
    z-index: 50;
}
.section > .title .small{
    font-size: 2vw;
} 
.section > .content {
    position: absolute;
    left: 0%;
    top: 21.2%;
    display: flex;
    margin-left: 15%;
    margin-right: 15%;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    z-index: 50;
    width: 70%;
}
.section > .content .text-container .title {
    font-size: 1.7vw;
    line-height: 1;
    font-weight: bolder;
}
.section > .content .text-container .text {
    margin-top: 13%;
    font-size: 1.14vw;
}
.section > .content .video-container { 
    position: relative;
    
}
.section > .content .video-container .img{
    border-radius: 0vw;
    overflow: hidden;
}

.section > .bg{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;  
    /*border-radius: 38vw 38vw 0 0;*/
} 
.section .ribbon {
    position: absolute;
    z-index: 0;
    overflow: hidden;
}

.section.kv{
    height: calc(100vh - 4.166666vw);
    background-image: url(../images/kv_pc.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.section.kv .title{ 
    color: #fff;
    text-shadow: 0 0 6px #000;
    left: 50%;
    top: 84%;
    transform: translate(-50%, -50%);
    margin: auto;
    width: 100%;
    text-align: center;
    font-size: 2vw;
    font-weight: 500;
    letter-spacing: 1.5rem;
}
.section.kv .titlesl{ 
    color: #fff;
    text-shadow: 0 0 6px #000;
    left: 50%;
    top: 50%;
    transform: translate(-16%, 0%);
    margin: auto;
    width: 100%;
    text-align: center;
    font-size: 4vw;
    font-weight: 400;
}
.section.kv .titlesa{ 
    color: #fff;
    text-shadow: 0 0 6px #000;
    left: 50%;
    top: 50%;
    transform: translate(-27%, -50%);
    margin: auto;
    width: 100%;
    text-align: center;
    font-size: 4vw;
    font-weight: 400;
}

.section.kv .kv_arrow{
    position: absolute;
    left: 50%;
    bottom: 4%;
    width: 3%;
    transform: translateX(-50%);
}


.brand-purpose .ribbon-brand-purpose {
    top: -52%;
    right: -14%;
    width: 2.8vw;
}
.brand-purpose .ribbon-brand-purpose svg {
    width: 145%;
    transform: translate(-14%, -9%) rotate(-2deg) scale(0.7);
}
.brand-purpose{
    position: relative;margin-top:-100vh ;    padding-bottom: 54%;    background-color: rgba(218, 225, 239, 0.45);
}

.brand-purpose .bg{
    background-image: url(../images/brand_purpose_bg_pc.jpg);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.brand-purpose > .title{/*    transform: none;*/top: 8%;font-weight:normal}
.brand-purpose > .title .small{ 
}
.brand-purpose > .content{ 
}
.brand-purpose > .content .text-container{
    width: 44%;
    padding-top: 0%;
    position: relative;
} 
.brand-purpose > .content .text-container .title{
    font-size: 1.7vw;
    line-height: 1;
    font-weight: normal;
} 
.brand-purpose > .content .text-container .text{
    margin-top: 8%;
    font-size: 1.14vw;
} 
.brand-purpose > .content .text-container .text p{
    margin-bottom: 1vw;
}
.brand-purpose > .content .text-container .brand-purpose-btn{
    margin-top: auto;
    width: 60%;
    position: absolute;
    bottom: 0px;
}
.brand-purpose > .content .video-container{
    width: 55%;
}




.new-life {
    position: relative;
    background-color: rgba(218, 225, 239, 0.45); 
    padding-bottom: 64%;
}
.new-life .bg {
    background-image: url(../images/new_life_bg_pc.jpg);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.new-life .title{
    top: 6%;
    width: auto;
    left: 50%;
    margin: auto;
    font-size: 2.4vw;
    transform: translateX(-50%);
	font-weight:normal
}
.new-life .ribbon-new-life {
    top: -51%;
    right: -5%;
    width: 1.8vw;
}
.new-life .ribbon-new-life svg {
    width: 145%;
    transform: translate(-14%, -9%) rotate(-2deg) scale(0.7);
}
.new-life .title-text{
    position: absolute;
    top: 14%;
    width: 100%;
    text-align: center;
    font-size: 1.14vw;
    color: #636466;
} 
.new-life .invitation{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 92.4vw;
    bottom: 21%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: stretch;
}
.new-life .invitation .invitation-images {
    width: 46.46vw;
}  
.new-life .invitation .invitation-images > .swiper .swiper-pagination .swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 0.8vw));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 0.8vw)); 
    opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.42);
}
.new-life .invitation .invitation-images > .swiper .swiper-pagination .swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1) 
}
.new-life .invitation .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .new-life .invitation .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 0.2vw);
}
.new-life .invitation  .invitation-content {
    width: 25.2424vw;
    background-color: #fefafa;
    padding-left: 4.2929vw;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
} 
.new-life .invitation  .invitation-content .title{display: flex;flex-direction: row;flex-wrap: nowrap;align-content: center;font-size: 1vw;justify-content: space-between;align-items: stretch;width: 88%;transform: none;margin: 0;margin-top: 1.4vw;}
.new-life .invitation  .invitation-content .sub-title{font-size: 0.9vw;font-weight: normal;margin-top: 0.5vw;padding-bottom: 0.5vw;border-bottom: 2px solid #000;width: 88%;}
.new-life .invitation  .invitation-content .position{
    margin-top: 8%;
    padding: 4% 8%;
    border: 2px solid #c1ced6;
    border-radius: 3vw;
    font-size: 0.9vw;
}
.new-life .invitation  .invitation-content .time{
    font-size: 1vw;
    margin-top: 6%;
}
.new-life .invitation  .invitation-content .address{
    font-size: 1vw;
    margin-top: 5%;
}
.new-life .invitation  .invitation-content .time,
.new-life .invitation  .invitation-content .address{
    position: relative;
    padding-left: 1.8vw;
}
.new-life .invitation  .invitation-content .time .img,
.new-life .invitation  .invitation-content .address .img{width: 1.4vw;position: absolute;top: calc(1.4vw / 9);left: 0px;}
.new-life .invitation  .invitation-content .new-life-btn{
    margin-top: 12%;
    padding: 0.9vw 1.1vw;
    width: 88%;
}
.new-life .invitation .opening-date {
    width: 7.8282vw;
    background-image: url(../images/new_life_opening_date_bg_pc.jpg);
    background-repeat: repeat;
    background-size: contain;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.new-life .invitation .opening-date .month{
    font-size: 2vw;
    font-weight: 100;
}
.new-life .invitation .opening-date .day{
    font-size: 4vw;
    font-weight: 100;
    line-height: 1;
}
.new-life .invitation .opening-date .line{
    border: 2px solid;
    width: 62%;
    margin: 0.4vw 0;
}
.new-life .invitation .opening-date .year{
    font-size: 2vw;
    font-weight: 100;
}

 
  
.store-locator-dot {
    position: relative;
    background-color: rgba(218, 225, 239, 0.45);
    padding-bottom: 72.8%;
}
.store-locator-dot .bg {
    background-image: url(../images/store_locator_dot_bg_pc.jpg);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.store-locator-dot .title{
    top: 6%;
    width: auto;
    left: 50%;
    margin: auto;
    font-size: 2.4vw;
    transform: translateX(-50%);
	font-weight:normal
}
.store-locator-dot .ribbon-store-locator-dot{
    top: -51%;
    right: -5%;
    width: 1.8vw;
}
.store-locator-dot .ribbon-store-locator-dot svg {
    width: 145%;
    transform: translate(-14%, -9%) rotate(-2deg) scale(0.7);
}
.store-locator-dot .title-text{
    position: absolute;
    top: 14.5%;
    width: 100%;
    text-align: center;
    font-size: 1.14vw;
    color: #636466;
} 
.store-locator-dot .dot{
  width: 1vw;
  height: 1vw;
  background-color: #1a5192;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transform: scale(2);
  font-size: 0.6vw;
  cursor: pointer;
  align-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  position: absolute;
  transition: all 0.35s;
}
.store-locator-dot .map{position: absolute;width: 76.2424vw;top: 23%;left: 50%;transform: translateX(-50%);}
.store-locator-dot .map .dot.current{
    transform: scale(2.6);
}
.store-locator-dot .map .dot:before{
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 80px;
    height: 80px;
    margin-left: -40px;
    margin-top: -40px;
    border: 2px solid #2E69B8;
    border-radius: 50%;
    box-sizing: border-box;
    pointer-events: none;
    /*transition: transform .8s cubic-bezier(.215, .61, .355, 1);   */ transform: scale(0);
}
@keyframes dotScale {
  0%   { transform: scale(0); }
  90%  { transform: scale(0.44); }
  100% { transform: scale(0.4); }
}
.store-locator-dot .map .dot.current:before{
    /*transform: scale(0.8);*/
    animation: dotScale .8s cubic-bezier(.215, .61, .355, 1) ;animation-fill-mode: forwards;
}
.store-locator-dot .map .dot.dot-1{
    top: 80%;
    left: 48%;
}
.store-locator-dot .map .dot.dot-2{
    top: 43%;
    left: 31%;
}
.store-locator-dot .map .dot.dot-3{
    top: 17%;
    left: 31%;
}
.store-locator-dot .map .dot.dot-4{
    top: 18%;
    left: 51.5%;
}
.store-locator-dot .map .dot.dot-5{top: 18%;left: 65.5%;}
.store-locator-dot .map .dot.dot-6{
    top: 68%;
    left: 74.5%;
}
.store-locator-dot .map .dot.dot-7{
    top: 73%;
    left: 56.5%;
}
.store-locator-dot .store-locator-swiper{position: absolute;bottom: 7%;width: 76.2424vw;left: 50%;transform: translateX(-50%);padding-top: 2vw;}
.store-locator-dot > .swiper .swiper-slide {
    /* transform: scale(0.8); */
    transform-origin: center bottom;
    /* margin: 0 0.51vw; */
    /*overflow: hidden;*/
}
.store-locator-dot > .swiper .swiper-slide .container{
    margin: 0 0.51vw;
    overflow: hidden;
    transition: all .8s cubic-bezier(.215, .61, .355, 1);
    position: relative;
}
.store-locator-dot > .swiper .swiper-slide .lightbox{
    position: absolute;left: 0;right: 0;top: 0;bottom: 0;
}
.store-locator-dot > .swiper .swiper-slide .img{
    transition: all .8s cubic-bezier(.215, .61, .355, 1);
}
.store-locator-dot > .swiper .swiper-slide:hover .img{
    transform: scale(1.2);
}
.store-locator-dot > .swiper .swiper-slide .foot-text{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    padding: 0 0.4vw;
    margin-bottom: 0.2vw;
    line-height: 1.2;
    color: #fff;
    font-size: 1vw;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: flex-end;
}
.store-locator-dot > .swiper .swiper-slide-active .foot-text{
    /* padding: 0 1vw; */
    /* margin-bottom: 0.4vw; */
}
.store-locator-dot > .swiper .swiper-slide .foot-text .dot{
    position: static;
    transform: scale(1.2);
    margin-bottom: 0.25vw;
}
.store-locator-dot > .swiper .swiper-slide-active{
    margin-left: 0;
    margin-right: 0;
    /* transform: translateX(0.51vw); */ /* 补偿右边 margin */
}
.store-locator-dot > .swiper .swiper-slide-active .container {
    transform: scale(1.2);
    margin: 0 0.91vw;
}
.store-locator-dot .swiper-scrollbar{
    position: absolute;
    bottom: 4%;
    width: 76.2424vw;
    left: 50%;
    transform: translateX(-50%);
}
.store-locator-dot .swiper-scrollbar .swiper-scrollbar-drag{
    background-color: #1a5192;
}



.exhibition-preview {
    position: relative;
    background-color: rgba(218, 225, 239, 0.45);
    padding-bottom: 37.8%
}
.exhibition-preview .bg {
    background-image: url(../images/exhibition_preview_bg_pc.jpg);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.exhibition-preview .title{
    top: 6%;
    width: auto;
    left: 50%;
    margin: auto;
    font-size: 2.4vw;
    transform: translateX(-50%);
	font-weight:normal
}
.exhibition-preview .ribbon-exhibition-preview{
    top: -50%;
    right: -22%;
    width: 2.4vw;
}
.exhibition-preview .ribbon-exhibition-preview svg {
    width: 130%;
    transform: translate(-14%, -9%) rotate(-2deg) scale(0.7);
}
.exhibition-preview > .video-container{
    position: absolute;
    width: 34.7916vw;
    left: 50%;
    transform: translateX(-50%);
    top: 20%;

}









.sns {
    position: relative;
    background-color: rgba(218, 225, 239, 0.45);
    padding-bottom: 70.8%;
}
.sns .bg {
    background-image: url(../images/sns_bg_pc.jpg);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.sns .title{
    top: 7.5%;
    width: auto;
    left: 50%;
    margin: auto;
    font-size: 2.4vw;
    transform: translateX(-50%);
	font-weight:normal
} 
.sns  .sub-title{
    top: 12.5%;
    width: auto;
    left: 50%;
    color: #333;
    margin: auto;
    font-weight: 200;
    font-size: 1.6vw;
    transform: translateX(-50%);
    text-shadow: none;
	font-weight:normal
}
.sns .ribbon-sns{
    top: -50%;
    right: 0%;
    width: 2.4vw;
}
.sns .ribbon-sns svg {
    width: 130%;
    transform: translate(-14%, -9%) rotate(-2deg) scale(0.7);
}
.sns .title-text{
    position: absolute;
    top: 17%;
    width: 100%;
    text-align: center;
    font-size: 1.14vw;
    color: #636466;
} 
.sns .sns-icon-container{
    position: absolute;
    top: 27%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    transform: translateX(-50%);
    left: 50%;
    gap: 2vw;
    align-content: center;
    justify-content: center;
    align-items: center;
} 
.sns .sns-icon-container a {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 8vw;
    display: block;
    height: 8vw;
} 
.sns .sns-icon-container a.redbook {background-image: url(https://www.toto.com.cn/global_common/common/images/icon_redbook.png);}
.sns .sns-icon-container a.tiktok {background-image: url(https://www.toto.com.cn/global_common/common/images/icon_tiktok.png);}
.sns .sns-icon-container a.zhihu {background-image: url(https://www.toto.com.cn/global_common/common/images/icon_zhihu.png);}
.sns .sns-icon-container a.weixin {position: relative;cursor: pointer;  background-image: url(https://www.toto.com.cn/global_common/common/images/icon_wechat.png);}
.sns .sns-icon-container a.weixin .img {
    display: none;
    right: -181%;
    position: absolute;
    opacity: 1 !important;
    top: -50%;
    width: 178%;
    max-width: inherit;
}
.sns .sns-icon-container a.weixin:hover .img{
    display: block;
} 
.sns .line{
    position: absolute;
    top: 45%;
    height: 2px;
    background-color: black;
    width: 82vw;
    left: 50%;
    transform: translateX(-50%);
} 
.sns .banner-container{
    position: absolute;
    top: 52%;
    transform: translateX(-50%);
    left: 50%;
    gap: 3vw;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}  
.sns .banner-container .banner{background-color: #fff;width: 19vw;text-decoration: none;} 
.sns .banner-container .banner .img{
}
.sns .banner-container .banner .text{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    font-size: 1.2vw;
    padding: 6% 8%;
    align-content: center;
    justify-content: space-between;
    align-items: center;
} 
.sns .banner-container .banner .text .regAlign{
    font-size: 100%;
}
.sns .banner-container .banner .text .img{
    width: 13%;
}
.sns .stores-container{
    position: absolute;
    left: 50%;
    top: 86%;
    transform: translateX(-50%);
    display: flex;
    flex-direction: row;
    gap: 2vw;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-around;
    align-items: center;
}  
.sns .stores-container .sale,
.sns .stores-container .tmall,
.sns .stores-container .jd{
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
    display: flex;
    height: 4vw;
    padding-left: 4.2vw;
    text-decoration: none;
    font-size: 1.6vw;
    align-items: center;
    justify-content: flex-start;
    align-content: center;
    flex-direction: row;
    flex-wrap: nowrap;
}
.sns .stores-container .sale{background-image: url(../images/map_pin_icon.svg);padding-left: 2.2vw;background-size: 22%;}
.sns .stores-container .tmall{background-image: url(/global_common/common/images/icon_tmall.png);}
.sns .stores-container .jd{background-image: url(/global_common/common/images/icon_jd.png);}



.vr{
    position: relative;background-color: rgba(218, 225, 239, 0.45);padding-bottom: 58%;
/*    到时候注释去掉*/
    padding-bottom: 51%;
}
.vr > .title{ 
    left: 1%; 
    top: 5%; 
}
.vr > .title .small{ 
}
.vr > .content{
    position:static;
}
.vr > .content .tips{
    position: absolute;
    color: #657ce8;
    left: 40%;
    top: 80%;
    z-index: 78;
    font-size: 2vw;
/*    到时候注释去掉*/
    display: none;
}
.vr > .content .img{
    position: absolute;
    left: 50%;
    top: 20%;    z-index: 50;
    transform: translateX(-50%);
    border-radius: 2vw;
    width: 63vw;
    box-shadow: 0 0 14px #657ce8;
}
.vr > .content .vr-btn{
    position: absolute;
    left: 50%;
    top: 89%;    z-index: 50;
    transform: translateX(-50%);
    width: 10%;
}
.vr > .bg{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; 
    background: #CCDCEF;
    background: linear-gradient(180deg,rgba(204, 220, 239, 0.45) 0%, rgba(186, 214, 239, 0.45) 100%); 
}

.neorest{
    position: relative;padding-bottom: 80%;
    background-color:rgba(218, 225, 239, 0.35);
}
.neorest > .bg{
    background: #BAD6EF;
    background: linear-gradient(180deg,rgba(186, 214, 239, 0.45) 0%, rgba(150, 205, 239, 0.15) 100%);
    border-radius: 0;
}
.neorest > .title{ 
    left: 1%; 
    top: 2%;  
}
.neorest > .title .small{  
}
.neorest > .sub-title{
    
}
.neorest > .sub-title .skewX{
    transform: skewX(-14deg);
    display: inline-block;
    font-size: 2.2vw;
}
.neorest > .content{
    position: absolute; 
    width: 63vw;
    margin-left: 17.67676767676768%;
}
.neorest > .content .pic{
    border-radius: 2vw; 
    box-shadow: 0 0 14px 8px #c0d9fa;
}
.neorest > .content.pic-content-1{
/*    left: 50%;*/
    top: 17%;
/*    transform: translateX(-50%);  */
}
.neorest > .content.video-content{  
    top: 16%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
}
.neorest > .content.video-content .text-container{ 
    position: relative;    margin-left: 1.4%;
}
.neorest > .content.video-content .text-container .title{
    font-size: 2.4vw;
    color: #657ce8;
}
.neorest > .content.video-content .text-container .sub-title{
    font-size: 1.8vw;margin-top: 9%;
}
.neorest > .content.video-content .text-container .text{
    margin-top: 3%;font-size: 1.14vw;
}
.neorest > .content.video-content .text-container .neorest-btn{
    bottom: 0;
    width: 88%;
    position: absolute;
}
.neorest > .content.video-content .video-container{ 
    position: relative; width: 66%;
}
.neorest > .content.video-content .video-container .img{ 
    box-shadow:0 0 14px 8px #c0d9fa; 
}
.neorest > .content.pic-content-2{ 
/*    left: 50%;*/
    top: 53.5%;
/*    transform: translateX(-50%); */
}
.neorest > .content.pic-content-2 a{
    width: 100%;
}
.neorest > .content.pic-content-2 a:hover .pic{
   opacity: 1 !important;filter: brightness(50%);
}
.neorest > .content.btn-container{
    top: 92.5%;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 6%;
}
.neorest > .neorest-btn{
    display: none;
}
.neorest > .content.btn-container .neorest-btn{
    width: 39%;
}

.cv{
    background-color: rgba(195, 219, 239, 0.447);    padding-bottom: 53%;
} 
.cv > .bg{
    background: rgba(150, 205, 239, 0.45);
    background: linear-gradient(180deg, rgb(207,217,246,0.45) 0%, rgb(51,119,255,0.15) 100%);
}
.cv > .title{
    top: 3vw;
} 
.cv > .content{ 
    top: 12vw;
    align-items: stretch;
    flex-direction: column-reverse; 
}
.cv > .content .text-container{
    display: flex;
    flex-direction: row;
    justify-content: center;
    position: relative;    width: 100%;align-items: flex-end;
}
.cv > .content .text-container .title { 
    margin-top: -18%;
}
.cv > .content .text-container .text { 
    margin-top: 3%;width: 80%;
}
.cv > .content .text-container .cv-btn { 
    width: 20%;
} 
.cv > .content .video-container{ 
    width: 100%;
}
 

.remodel{
    background-color:rgba(155, 191, 244, 0.53);    padding-bottom: 70%;
} 
.remodel > .bg{
    background: #cddcef;
    background: linear-gradient(180deg, rgb(158,196,244,0.45) 0%, rgb(31,147,249,0.05) 100%); 
}
.remodel > .title{
    top: 5.5vw;    width: 100%;
}  
.remodel > .title br{
    display: none;
}

.remodel > .content.video-content{  
    top: 14vw;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.remodel > .content.video-content .text-container{ 
    position: relative;    margin-left: 1.4%;
}
.remodel > .content.video-content .text-container .title{
    font-size: 2.4vw;
    color: #657ce8;
}
.remodel > .content.video-content .text-container .sub-title{
    font-size: 1.8vw;margin-top: 9%;
}
.remodel > .content.video-content .text-container .text{
    margin-top: 3%; 
}
.remodel > .content.video-content .text-container .remodel{
    bottom: 0;
    width: 88%;
    position: absolute;
}
.remodel > .content.video-content .video-container{ 
    position: relative; width: 58%;
}
.remodel > .content.video-content .video-container .img{ 
    box-shadow:0 0 14px 8px #c0d9fa; 
}
.remodel > .swiper{
    width: 90%;
    margin: 0;
    top: 43vw;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
}
.remodel > .swiper .swiper-wrapper{
    padding: 2vw 0;
}
.remodel > .swiper .swiper-slide{
    transform: scale(0.8);   
}
.remodel > .swiper .swiper-slide-active{
    transform: scale(1.1);
}
.remodel > .swiper .swiper-slide .img{
    border-radius: 2vw;border: 4px solid transparent;
}
.remodel > .swiper .swiper-slide-active .img{
    border: 4px solid #9db3f2;
} 
.remodel > .swiper .swiper-slide .title{
    position: absolute;
    top: 29%;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 0.6vw;
    padding: 0.6vw 0;
    background-color: #5673e999;
    font-size: 1.14vw;
    width: 60%;
    text-align: center;
    color: #fff;
    display: none;
}
.remodel > .swiper .swiper-slide-active .title{
    display: block;
}
.remodel > .swiper .swiper-slide .remodel-btn{ 
    top: 76%;
    width: 40%;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    background-color: #fff;
    display: none;
}
.remodel > .swiper .swiper-slide-active .remodel-btn{
    display: flex;
}
.remodel > .swiper-pagination{
    top: 66vw;
}
.remodel > .swiper-pagination .swiper-pagination-bullet{
    background-color: #5673e955;
    width: 1.666vw;
    border-radius: 0;
    opacity: 1;
    transition: all .5s ease-out;
}
.remodel > .swiper-pagination .swiper-pagination-bullet-active{
    background-color: #5673e9;
    width: calc( 1.666vw * 1.8);
    border-radius: 0.6vw;
    opacity: 1;
}


.links{
    padding-bottom: 38%;background-color: rgba(145, 186, 244, 0.553);
}
.links > .bg{
    background: #dae1ef;
    background: linear-gradient(180deg, #9ebdfb55, #c2d6ff55); 
}
.links > .links-container{
    position: absolute;
    display: flex;
    top: 7.5vw;
    border-top: solid 1px #8f9ee1;
    border-bottom: solid 1px #8f9ee1;
    padding: 3.4vw 0 2.9vw 0;
    margin: 0 18.5vw;
    gap: 2%;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: space-around;
    justify-content: space-around;
    align-items: center;
}
.links > .links-container .link{
    font-size: 1.4vw;
    text-align:center;
/*    font-weight: bolder;    */
    width: 25%;
}
.links > .links-container .link .img{
    border-radius: 1vw; 
    box-shadow: 0 0 8px #fff;   margin-bottom: 0.5vw;
} 
.links > .links-container .link a:hover{
    text-decoration: none;color: #262626;
}
.links > .links-container .link a:hover .img{
    opacity: 1 !important;filter: brightness(50%);
}
.links > .e-shops{
    position: absolute;
    top: 28.5vw;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: flex-start;
} 
.links > .e-shops a{
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 6vw;
    display: block;
    height: 6vw;
}
.links > .e-shops .tmall{
    background-image: url(/global_common/common/images/icon_tmall.png);
}
.links > .e-shops .jd{
    background-image: url(/global_common/common/images/icon_jd.png);
}
.links > .e-shops .redbook{
    background-image: url(https://www.toto.com.cn/global_common/common/images/icon_redbook.png);
}
.links > .e-shops .tiktok{
    background-image: url(https://www.toto.com.cn/global_common/common/images/icon_tiktok.png);
}
.links > .e-shops .zhihu{
    background-image: url(https://www.toto.com.cn/global_common/common/images/icon_zhihu.png);
}
.links > .e-shops .weixin{
    position: relative;cursor: pointer;
    background-image: url(https://www.toto.com.cn/global_common/common/images/icon_wechat.png);
}
.links > .e-shops .weixin .img{
    display: none;right: -181%;
    position: absolute;
    opacity: 1 !important;
    top: -50%;
    width: 178%;
    max-width: inherit;
}
.links > .e-shops .weixin:hover .img{
    display: block;
} 

.blocks{
    position: -webkit-sticky;
    position: sticky;
    top: 0; 
    left: 0;
    height: 100vh;
    width: 100vw;    
    overflow: hidden;opacity: 0;
}
/*.blocks{
    height: 100vh;width: 100vw;position: relative;overflow: hidden;
}*/
.blocks .block{
    transition: all 1.5s ease-out;
    position: absolute;
    left: 10%;top: 0;
    border-radius: 1vw;
    width: 10vw;height: 10vw;
    background-color: rgba(236, 240, 255, 1);
    z-index: 20;
    box-shadow: 0 0 5px #657ce8;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    font-size: 6vw;
}
.blocks .block.block-a{
    width: 28vw;
    left: -2%;
    top: -2vw;
    transform-origin: left bottom; 
}
.blocks .block.block-b{
    width: 6vw;
    height: 29vw;
    left: -1%;
    top: 18vw;
    transform-origin: left bottom; 
}
.blocks .block.block-c{
    width: 17vw;
    height: 14vw;
    left: -1%;
    top: 41vw;
    transform-origin: left bottom;

}
.blocks .block.block-d{
    width: 10vw;
    height: 22vw;
    left: auto;
    top: 5vw;
    right: 0%;
    transform-origin: left bottom;
}
.blocks .block.block-e{
    width: 15vw;
    height: 28vw;
    left: auto;
    top: 20vw;
    right: 0%;
    transform-origin: left bottom;
}
.blocks .block.block-f{
    width: 7vw;
    height: 14vw;
    left: auto;
    top: 45vw;
    right: 3%;
    transform-origin: left bottom;
}



@keyframes float {
    0% {
        transform: translate(0)
    }

    50% {
        transform: translateY(-20px)
    }

    to {
        transform: translate(0)
    }
}

.blocks .block{
/*    animation: float 3s linear infinite;*/
/*    transform-origin: center center*/
}
.blocks .block.block-a{
/*    animation-delay: 0.2s;*/
}
.blocks .block.block-b{
/*    animation-delay: 0.1s;*/
}
.blocks .block.block-c{
/*    animation-delay: -0.2s;*/
}
.blocks .block.block-d{
/*    animation-delay: -0.1s;*/
}
.blocks .block.block-e{
/*    animation-delay: 0.3s;*/
}


@keyframes floatShowBlockA {
    0% {
        transform: rotate(90deg);
    }

    50% {
        transform: rotate(90deg) translateX(-20px)
    }

    to {
        transform: rotate(90deg);
    }
}
.blocks.show .block.block-a{
    transform: rotate(90deg);
    animation: floatShowBlockA 3s linear infinite;
    animation-delay: 0.2s;
    left: 0%;
    top: 17%;
    width: 37vw;
}
.blocks.show .block.block-b{
    transform: rotate(90deg);
    animation: floatShowBlockA 3s linear infinite;
    animation-delay: 0.2s;
}

@keyframes floatShowBlockC {
    0% {
        transform: rotate(-90deg);
    }

    50% {
        transform: rotate(-90deg) translateX(-20px)
    }

    to {
        transform: rotate(-90deg);
    }
}
.blocks.show .block.block-c{
    left: 100%;
    transform: rotate(-90deg);
    width: 24vw;
    animation: floatShowBlockC 3s linear infinite;
    animation-delay: 0.1s;
}
.blocks.show .block.block-d{ 
    top: -1%;
    right: 74%;
    transform: rotate(-90deg);
    animation: floatShowBlockC 3s linear infinite;
    animation-delay: -0.2s;
}
.blocks.show .block.block-e{
    transform: rotate(-90deg);
    top: -8%;
    right: -20%;
    width: 19vw; 
    animation: floatShowBlockC 3s linear infinite;
    animation-delay: 0.16s;
}
.blocks.show .block.block-f{
    transform: rotate(-90deg);
    animation: floatShowBlockC 3s linear infinite;
    animation-delay: -0.2s;
    top: -11%;
    right: 13%;
}

 



.popup-container{
    width: 100vw;height: 100vh;position: fixed;top: 0;left: 0;z-index: 99999;
    opacity: 0; visibility: hidden;transform: translateZ(0);backface-visibility: hidden;
}

.popup-container .popup{
    border-radius: 1vw;
    background-color: #fff;
    box-shadow: 0px 0px 8px 0px #00000042;
    width: 80vw; 
    position: fixed;
    left: 50%;top: 50%;
    transform: translate(-50%,-50%);
    padding:  7vw 3vw 4vw 3vw;z-index: 999;
}
.popup-container .overlay{
    width: 100%;height: 100%;
    background-color: #00000055;
}
.popup-container .popup .close{
    width: 5%;
    padding-bottom: 5%;
    border: 1px #867452 solid;
    border-radius: 25%;
    position: absolute;
    right: 3%;
    top: 9%;
    background-color: #fff;
    cursor: pointer; 
    transition: all 0.35s;
} 
.popup-container .popup .close:hover{
    transform:rotate(90deg);
}
.popup-container .popup .close:after,
.popup-container .popup .close:before{
    content: " ";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 80%; 
    height: 1px;
    background-color: #867452;
}
.popup-container .popup .close:after{
    transform: translate(-50%,-50%) rotate(45deg);
}
.popup-container .popup .close:before{
    transform: translate(-50%,-50%) rotate(-45deg);
}
.popup-container .popup .content{
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    justify-content: space-between;
    align-items: center;
}
.popup-container .popup .content .text-container{
    width: 100%;     
}
.popup-container .popup .content .text-container .title{
    font-size: 1.8vw;color: #000;
}
.popup-container .popup .content .text-container .text{
    font-size: 1.2vw;color: #000;
}
.popup-container .popup .content .video-container{
    display: flex;
    flex-direction: row;
    align-content: flex-start;
    justify-content: center;
    align-items: center;
    margin-top: 2%;
    width: 100%;
}
.popup-container .popup .content .video-container .video{
    width: 48%;
    margin-right: 1%;
    position: relative;
}
.popup-container .popup .content .video-container .video .img{
    transition: all 0.25s;
    border-radius: 0;
}

.popup-container.popup1{
    /*opacity: 1; visibility: visible;*/
}
.popup-container.popup1 .overlay{
    background-color: #e6f6fb;
    background-image: url(../images/popup_popup1_bg.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
}
.popup-container.popup1 .popup{
    margin-left: 11.676768%;
    margin-right: 11.676768%;
    transform: none;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: auto;
    position: absolute;
    color: #fff;
    background-color: transparent;
    box-shadow: none;
    padding-top: 1.4%;
    padding-bottom: 1.4%;
}
.popup-container.popup1 .popup .content{

}
.popup-container.popup1 .popup .content .title{
    margin-bottom: 1vw;
    font-size: 3vw;
    font-weight: normal;
    color: #000;
}
.popup-container.popup1 .popup .content .text{
    line-height: 2;
    font-size: 1.2vw;
    color: #000;
}
.popup-container.popup1 .popup .content .video-container{
    justify-content: center;
}
.popup-container.popup1 .popup .content .overflow-scroll{
    /*background-color: #00ff00cc;*/
    overflow: auto;
    height: calc(100vh - 9vw);
}
.popup-container.popup1 .popup .close{
    width: 2vw;
    height: 2vw;
    border: 0px none;
    text-align: center;
    box-shadow: 0 0 black;
    border-radius: 10vw;
    color: #657ce8;
    padding-bottom: 0;
    display: flex;
    border: 1px solid #000;
    flex-direction: row;
    flex-wrap: nowrap;
    background-color: transparent;
    align-content: center;
    align-items: center;
    font-style: italic;
    justify-content: center;
    font-size: 0;
    right: -11.5%;
    top: 4.4%;
}
.popup-container.popup1 .popup .close:before, 
.popup-container.popup1 .popup .close:after{
    background-color: #000;
    width: 55%;
    height: 2px;
    /*    background-color: #657ce8; width: 1vw;height: 1vw;transform: translateY(-50%);left: 16%;*/
}
.popup-container.popup1 .pictures{display: flex;flex-direction: row;flex-wrap: nowrap;gap: 1vw;margin-top: 2vw;align-content: center;justify-content: space-around;align-items: center;}
.popup-container.popup1 .pictures .img{width: calc(90% / 7);}


.popup-container.remodel-popup .content.sp{
    display: flex!important;
}

.popup-container.remodel-popup .popup{
    width: 67.1875vw;
/*    height: 79.6296vh;*/
    border: 4px solid #5673e8;
    border-radius: 3vw;
    padding: 3.33333vw 2.33333vw;
}
.popup-container.remodel-popup .popup .content{
    align-items: flex-start;    flex-direction: row;
}
.popup-container.remodel-popup .popup .content .text-container.left-container{
    width: 36%;
}
.popup-container.remodel-popup .popup .content .text-container.right-container{
    width: 63%;
    padding-top: 2vw;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: center;
    align-items: flex-end;
    gap: 0.2vw;
}
.popup-container.remodel-popup .popup .content .text-container.right-container .pic:first-child{
    width: 90%;
}
.popup-container.remodel-popup .popup .content .text-container.right-container .pic:nth-of-type(2){
    width: 100%;
}
.popup-container.remodel-popup .popup .close{
    width: 4%;
    padding-bottom: 4%;
    border: 1px #5d71e2 solid;
    border-radius: 25%;
    position: absolute;
    right: 2%;
    top: 3%;
    background-color: #fff;
    cursor: pointer;
    font-size: 0;
}
.popup-container.remodel-popup .popup .close:after, .popup-container.remodel-popup .popup .close:before{
    background-color: #5d71e2;
} 
    
.popup-container.remodel-popup .popup .title{
    font-size: 3.125vw;    margin-left: -2vw;    margin-bottom: 2vw;
}
.popup-container.remodel-popup .popup .title .first-letter{
    font-size: 120%;    vertical-align: super;
}
.popup-container.remodel-popup .popup .title,
.popup-container.remodel-popup .popup .blue{
    color: #4d66d9; 
}
 



.popup-container.remodel-popup.remodel-popup-up-down .popup .title{
    margin-bottom: 1vw;
}
.popup-container.remodel-popup.remodel-popup-up-down .popup .content .text-container .title{
/*    font-size: 3.125vw;*/
}
.popup-container.remodel-popup.remodel-popup-up-down .popup .content{
    flex-direction: column;
}
.popup-container.remodel-popup.remodel-popup-up-down .popup .content .up-container{
    display: flex;
    flex-direction: row;
    align-content: flex-end;
    align-items: flex-end;
    justify-content: space-between;
}
.popup-container.remodel-popup.remodel-popup-up-down .popup .content .up-container .pic{
    width: 60%;
}
.popup-container.remodel-popup.remodel-popup-up-down .popup .content .up-container .text{
    width: 38%;
} 
.popup-container.remodel-popup.remodel-popup-up-down .popup .content .down-container{
    margin-top: 0.2vw;
}
.popup-container.remodel-popup.remodel-popup-up-down .popup .content .down-container .pic{
    width: 72%;
}



.popup-container.remodel-popup.remodel-popup-up-down.remodel-popup-4 .popup .title{
    white-space: nowrap;
    position: relative;
    left: -17%;
}