#container {
  overflow: hidden;
  padding-bottom: 0 !important;
}
#container .wrap01 {
  max-width: none;
  width: 71.4vw;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  #container .wrap01 {
    width: 81.3vw;
  }
}

#mv {
  width: 100%;
  background-image: url(../images/voice/mv_bg_pc.jpg);
  background-size: 100% auto;
  background-position: center top;
  background-repeat: no-repeat;
  background-color: #DFDED9;
  padding-top: 50vw;
  padding-bottom: 6.8vw;
}
@media screen and (max-width: 768px) {
  #mv {
    background-image: url(../images/voice/mv_bg_sp.jpg);
    padding-top: 70.4vw;
    padding-bottom: 6vw;
  }
}
#mv h1 {
  width: 42.5vw;
}
@media screen and (max-width: 768px) {
  #mv h1 {
    width: 79.3vw;
  }
}
#mv .txt01 {
  font-size: 1.4vw;
  line-height: 1.8em;
  margin-top: 3.6vw;
  letter-spacing: 0;
}
@media screen and (max-width: 768px) {
  #mv .txt01 {
    font-size: 3.3vw;
    margin-top: 9.7vw;
  }
}
#mv .img_box01 {
  margin-top: 4.3vw;
  position: relative;
}
#mv .img_box01 .img01 {
  width: 100%;
}
@media screen and (max-width: 768px) {
  #mv .img_box01 .img01 {
    width: 94.7vw;
    margin-left: -6.7vw;
    margin-right: -6.7vw;
  }
}
#mv .img_box01 .icon01 {
  position: absolute;
  right: -8vw;
  top: -26.5vw;
  width: 29.3vw;
}
@media screen and (max-width: 768px) {
  #mv .img_box01 .icon01 {
    width: 43.7vw;
    top: -39.5vw;
    right: -6.7vw;
  }
}

#place {
  background-image: url(../images/voice/place_bg_pc.jpg);
  background-size: 100% auto;
  background-position: center top;
  background-repeat: no-repeat;
  background-color: #fff;
  position: relative;
}
@media screen and (max-width: 768px) {
  #place {
    background-image: url(../images/voice/place_bg_sp.jpg);
  }
}
#place .icon {
  position: absolute;
  left: 11.4vw;
  top: -1.8vw;
  width: 20vw;
}
@media screen and (max-width: 768px) {
  #place .icon {
    width: 33.7vw;
    top: -3.7vw;
    left: 59.1vw;
  }
}
#place .wrap01 {
  padding-top: 10.7vw;
  padding-bottom: 7.1vw;
}
@media screen and (max-width: 768px) {
  #place .wrap01 {
    padding-top: 39.3vw;
    padding-bottom: 6vw;
    width: 100%;
  }
}
#place .txt_box01 {
  width: 32.7vw;
  margin-left: auto;
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  #place .txt_box01 {
    width: 81.3vw;
    margin-left: auto;
    margin-right: auto;
  }
}
#place .txt_box01 .txt01 {
  width: 100%;
}
@media screen and (max-width: 768px) {
  #place .txt_box01 .txt01 {
    width: 66.7vw;
  }
}
#place .txt_box01 .txt02 {
  font-size: 1.1vw;
  line-height: 1.8em;
  margin-top: 3.6vw;
}
@media screen and (max-width: 768px) {
  #place .txt_box01 .txt02 {
    font-size: 3.3vw;
    margin-top: 2.7vw;
  }
}
#place .img01 {
  width: 100%;
  margin-top: 17.9vw;
}
@media screen and (max-width: 768px) {
  #place .img01 {
    margin-top: 2.7vw;
  }
}
#place .txt_box02 {
  margin-top: 2.1vw;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  #place .txt_box02 {
    width: 81.3vw;
    margin-left: auto;
    margin-right: auto;
    margin-top: 4vw;
    display: block;
  }
}
#place .txt_box02 .txt_block {
  width: 51%;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  #place .txt_box02 .txt_block {
    width: 100%;
  }
}
#place .txt_box02 .txt_block .txt03 {
  width: 100%;
}
@media screen and (max-width: 768px) {
  #place .txt_box02 .txt_block .txt03 {
    width: 73.2vw;
  }
}
#place .txt_box02 .txt_block .txt04 {
  width: 55.9%;
  margin-top: 2.9vw;
  font-size: 1.1vw;
  line-height: 1.8em;
}
@media screen and (max-width: 768px) {
  #place .txt_box02 .txt_block .txt04 {
    width: 100%;
    font-size: 3.3vw;
    margin-top: 2.7vw;
  }
}
#place .txt_box02 .img02 {
  width: 66.5%;
  margin-left: -17.5%;
  padding-top: 2vw;
}
@media screen and (max-width: 768px) {
  #place .txt_box02 .img02 {
    width: 100%;
    margin-left: 0;
    padding-top: 2.4vw;
  }
}

#merit {
  background-color: #f9eae9;
  background-image: url(../images/voice/merit_bg_pc.jpg);
  background-size: 100% auto;
  background-position: center bottom;
  background-repeat: no-repeat;
  padding-bottom: 7.9vw;
  position: relative;
}
@media screen and (max-width: 768px) {
  #merit {
    background-image: url(../images/voice/merit_bg_sp.jpg);
    padding-bottom: 13.1vw;
  }
}
#merit .icon {
  position: absolute;
  left: 11.4vw;
  top: -5.7vw;
  width: 20vw;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  #merit .icon {
    width: 33.7vw;
    top: -3.7vw;
    left: 59.1vw;
  }
}
#merit .img_box01 {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  #merit .img_box01 {
    display: block;
  }
}
#merit .img_box01 .img01 {
  width: 55.7vw;
}
@media screen and (max-width: 768px) {
  #merit .img_box01 .img01 {
    width: 100%;
  }
}
#merit .img_box01 .txt_box01 {
  width: 28.4vw;
  margin-left: 3.6vw;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
@media screen and (max-width: 768px) {
  #merit .img_box01 .txt_box01 {
    width: 81.3vw;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
}
#merit .img_box01 .txt_box01 .txt_block {
  width: 100%;
}
@media screen and (max-width: 768px) {
  #merit .img_box01 .txt_box01 .txt_block {
    width: 100%;
    margin-top: -4.3vw;
  }
}
#merit .img_box01 .txt_box01 .txt_block .txt01 {
  width: 35.1vw;
  margin-left: -6.7vw;
}
@media screen and (max-width: 768px) {
  #merit .img_box01 .txt_box01 .txt_block .txt01 {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}
#merit .img_box01 .txt_box01 .txt_block .txt02 {
  font-size: 1.8vw;
  font-weight: 500;
  line-height: 1.8em;
  letter-spacing: 0;
  color: #ca475c;
  margin-top: 2.1vw;
}
@media screen and (max-width: 768px) {
  #merit .img_box01 .txt_box01 .txt_block .txt02 {
    font-size: 4.4vw;
    margin-top: 2.7vw;
  }
}
#merit .img_box01 .txt_box01 .txt_block .txt03 {
  font-size: 1.1vw;
  line-height: 1.8em;
  margin-top: 1.8vw;
}
@media screen and (max-width: 768px) {
  #merit .img_box01 .txt_box01 .txt_block .txt03 {
    font-size: 3.3vw;
    margin-top: 2.7vw;
  }
}
#merit .img_box01 .txt_box01 .txt_block .img02 {
  width: 100%;
  margin-top: 2.9vw;
}
@media screen and (max-width: 768px) {
  #merit .img_box01 .txt_box01 .txt_block .img02 {
    margin-top: 4vw;
  }
}
#merit .img_box02 {
  margin-top: 4.3vw;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 768px) {
  #merit .img_box02 {
    display: block;
    margin-top: 4.5vw;
    position: relative;
  }
}
#merit .img_box02 .txt_box01 {
  width: 52%;
}
@media screen and (max-width: 768px) {
  #merit .img_box02 .txt_box01 {
    width: 100%;
  }
}
#merit .img_box02 .txt_box01 .txt01 {
  font-size: 1.8vw;
  font-weight: 500;
  line-height: 1.8em;
  letter-spacing: 0;
  color: #ca475c;
}
@media screen and (max-width: 768px) {
  #merit .img_box02 .txt_box01 .txt01 {
    font-size: 4.4vw;
  }
}
#merit .img_box02 .txt_box01 .txt02 {
  width: 100%;
  margin-top: 2.1vw;
}
@media screen and (max-width: 768px) {
  #merit .img_box02 .txt_box01 .txt02 {
    margin-top: 2.7vw;
  }
}
#merit .img_box02 .img01 {
  width: 37%;
}
@media screen and (max-width: 768px) {
  #merit .img_box02 .img01 {
    width: 31.1vw;
    position: absolute;
    right: -5.3vw;
    top: -2vw;
  }
}
#merit hr {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 3.6vw;
  margin-bottom: 3.6vw;
  border: none;
  height: 1px;
  background-color: #9fa0a0;
}
@media screen and (max-width: 768px) {
  #merit hr {
    margin-top: 6vw;
    margin-bottom: 6vw;
  }
}
#merit .img_box03 {
  margin-top: 4.3vw;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  #merit .img_box03 {
    margin-top: 5.3vw;
    display: block;
  }
}
#merit .img_box03 .img_block {
  width: 30%;
}
@media screen and (max-width: 768px) {
  #merit .img_box03 .img_block {
    width: 100%;
  }
  #merit .img_box03 .img_block:nth-child(n+2) {
    margin-top: 6vw;
  }
}
#merit .img_box03 .img_block .txt01 {
  font-size: 1.2vw;
  font-weight: 500;
  line-height: 1.8em;
  letter-spacing: 0;
  color: #ca475c;
}
@media screen and (max-width: 768px) {
  #merit .img_box03 .img_block .txt01 {
    font-size: 4.4vw;
  }
}
#merit .img_box03 .img_block .txt02 {
  font-size: 1vw;
  line-height: 1.8em;
  margin-top: 1vw;
}
@media screen and (max-width: 768px) {
  #merit .img_box03 .img_block .txt02 {
    margin-top: 1.7vw;
    font-size: 3.3vw;
  }
}
#merit .img_box03 .img_block .img01 {
  width: 100%;
  margin-top: 2.2vw;
}
@media screen and (max-width: 768px) {
  #merit .img_box03 .img_block .img01 {
    margin-top: 4vw;
  }
}
#merit .big_img02 {
  width: 100%;
}
@media screen and (max-width: 768px) {
  #merit .big_img02 {
    width: 81.3vw;
    margin-left: auto;
    margin-right: auto;
  }
}

#point {
  background-color: #E4D5BE;
  padding-bottom: 7.1vw;
}
@media screen and (max-width: 768px) {
  #point {
    padding-top: 13.3vw;
    padding-bottom: 10vw;
    overflow: hidden;
  }
}
#point .title {
  width: 52.5vw;
}
@media screen and (max-width: 768px) {
  #point .title {
    width: 46.7vw;
  }
}
#point .img_box01 {
  position: relative;
  margin-top: 4.6vw;
}
@media screen and (max-width: 768px) {
  #point .img_box01 {
    width: 94.7vw;
    margin-left: auto;
    margin-right: auto;
    margin-top: 4vw;
  }
}
#point .img_box01 .icon {
  position: absolute;
  right: 3.6vw;
  top: -25.3vw;
  width: 29.3vw;
}
@media screen and (max-width: 768px) {
  #point .img_box01 .icon {
    width: 43.7vw;
    top: -39.3vw;
    right: -3vw;
  }
}

#security {
  background-image: url(../images/voice/security_bg_pc.jpg);
  background-size: 100% auto;
  background-position: center top;
  background-repeat: no-repeat;
  background-color: #fff;
  padding-top: 22.1vw;
  padding-bottom: 7.1vw;
  position: relative;
}
@media screen and (max-width: 768px) {
  #security {
    background-image: url(../images/voice/security_bg_sp.jpg);
    padding-top: 30vw;
    padding-bottom: 13.3vw;
  }
}
#security .icon {
  position: absolute;
  left: 11.4vw;
  top: 5.7vw;
  width: 20vw;
}
@media screen and (max-width: 768px) {
  #security .icon {
    width: 33.7vw;
    top: -5.7vw;
    left: 57.1vw;
  }
}
#security .title {
  width: 32.1vw;
}
@media screen and (max-width: 768px) {
  #security .title {
    width: 65.2vw;
  }
}
#security .img_box01 {
  margin-top: 20vw;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  #security .img_box01 {
    margin-top: 6.7vw;
    display: block;
  }
}
#security .img_box01 .img01 {
  width: 50%;
}
@media screen and (max-width: 768px) {
  #security .img_box01 .img01 {
    width: 100%;
  }
}
#security .img_box01 .txt_box01 {
  width: 45.4%;
}
@media screen and (max-width: 768px) {
  #security .img_box01 .txt_box01 {
    width: 100%;
    margin-top: 5vw;
  }
}
#security .img_box01 .txt_box01 .txt01 {
  font-size: 1.8vw;
  font-weight: 500;
  line-height: 1.8em;
  letter-spacing: 0;
  color: #008a83;
}
@media screen and (max-width: 768px) {
  #security .img_box01 .txt_box01 .txt01 {
    font-size: 4.4vw;
  }
}
#security .img_box01 .txt_box01 .txt02 {
  font-size: 1vw;
  line-height: 1.8em;
  margin-top: 0.5vw;
}
@media screen and (max-width: 768px) {
  #security .img_box01 .txt_box01 .txt02 {
    margin-top: 1.7vw;
    font-size: 3.3vw;
  }
}
#security .img_box01 .txt_box01 .img02 {
  width: 103%;
  margin-top: 1.9vw;
  margin-left: -3%;
}
@media screen and (max-width: 768px) {
  #security .img_box01 .txt_box01 .img02 {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-top: 4vw;
  }
}
#security hr {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 3.6vw;
  margin-bottom: 3.6vw;
  border: none;
  height: 1px;
  background-color: #9fa0a0;
}
@media screen and (max-width: 768px) {
  #security hr {
    margin-top: 6vw;
    margin-bottom: 6vw;
  }
}
#security .img_box02 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  #security .img_box02 {
    display: block;
  }
}
#security .img_box02 .txt_box01 {
  width: 50.1%;
}
@media screen and (max-width: 768px) {
  #security .img_box02 .txt_box01 {
    width: 100%;
  }
}
#security .img_box02 .txt_box01 .txt01 {
  font-size: 1.8vw;
  font-weight: 500;
  line-height: 1.8em;
  letter-spacing: 0;
  color: #008a83;
}
@media screen and (max-width: 768px) {
  #security .img_box02 .txt_box01 .txt01 {
    font-size: 4.4vw;
  }
}
#security .img_box02 .txt_box01 .txt02 {
  font-size: 1vw;
  line-height: 1.8em;
  margin-top: 0.5vw;
}
@media screen and (max-width: 768px) {
  #security .img_box02 .txt_box01 .txt02 {
    margin-top: 1.7vw;
    font-size: 3.3vw;
  }
}
#security .img_box02 .txt_box01 .txt03 {
  font-size: 0.7vw;
  line-height: 1.8em;
  margin-top: 0.1em;
}
@media screen and (max-width: 768px) {
  #security .img_box02 .txt_box01 .txt03 {
    margin-top: 0.7vw;
    font-size: 2vw;
  }
}
#security .img_box02 .img03 {
  width: 45%;
}
@media screen and (max-width: 768px) {
  #security .img_box02 .img03 {
    width: 100%;
    margin-top: 4vw;
  }
}
#security .img_box03 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  #security .img_box03 {
    display: block;
  }
}
#security .img_box03 .img04 {
  width: 50%;
}
@media screen and (max-width: 768px) {
  #security .img_box03 .img04 {
    width: 100%;
  }
}
#security .img_box03 .txt_box01 {
  width: 45%;
}
@media screen and (max-width: 768px) {
  #security .img_box03 .txt_box01 {
    width: 100%;
    margin-top: 4vw;
  }
}
#security .img_box03 .txt_box01 .img02 {
  width: 25.9vw;
  margin-bottom: 1.4vw;
}
@media screen and (max-width: 768px) {
  #security .img_box03 .txt_box01 .img02 {
    width: 65.3vw;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 4vw;
  }
}
#security .img_box03 .txt_box01 .txt01 {
  font-size: 1.8vw;
  font-weight: 500;
  line-height: 1.8em;
  letter-spacing: 0;
  color: #008a83;
}
@media screen and (max-width: 768px) {
  #security .img_box03 .txt_box01 .txt01 {
    font-size: 4.4vw;
  }
}
#security .img_box03 .txt_box01 .txt02 {
  font-size: 1vw;
  line-height: 1.8em;
  margin-top: 0.5vw;
}
@media screen and (max-width: 768px) {
  #security .img_box03 .txt_box01 .txt02 {
    margin-top: 1.7vw;
    font-size: 3.3vw;
  }
}

#room {
  background-image: url(../images/voice/room_bg_pc.jpg);
  background-size: 100% auto;
  background-position: center top;
  background-repeat: no-repeat;
  background-color: #f7f3e9;
  padding-bottom: 11.4vw;
}
@media screen and (max-width: 768px) {
  #room {
    background-image: url(../images/voice/room_bg_sp.jpg);
    padding-bottom: 13.3vw;
  }
}
#room #parking {
  padding-top: 7.1vw;
  padding-bottom: 14vw;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  #room #parking {
    padding-top: 23.3vw;
    padding-bottom: 47.6vw;
    display: block;
  }
}
#room #parking .txt_box01 {
  width: 43%;
}
@media screen and (max-width: 768px) {
  #room #parking .txt_box01 {
    width: 100%;
  }
}
#room #parking .txt_box01 .txt01 {
  font-size: 1.8vw;
  font-weight: 500;
  line-height: 1.5em;
  letter-spacing: 0;
  color: #fff;
}
@media screen and (max-width: 768px) {
  #room #parking .txt_box01 .txt01 {
    font-size: 4.4vw;
  }
}
#room #parking .txt_box01 .txt02 {
  font-size: 0.9vw;
  line-height: 1.8em;
  margin-top: 0.5vw;
  color: #fff;
}
@media screen and (max-width: 768px) {
  #room #parking .txt_box01 .txt02 {
    font-size: 3.3vw;
  }
}
#room #parking .txt_box01 .txt03 {
  font-size: 1.2vw;
  line-height: 1.8em;
  text-align: center;
  background-color: #aa8420;
  padding: 0.2em 0 0.3em;
  margin-top: 1.1vw;
  color: #fff;
}
@media screen and (max-width: 768px) {
  #room #parking .txt_box01 .txt03 {
    font-size: 4vw;
    margin-top: 2vw;
  }
}
#room #parking .txt_box01 .txt04 {
  font-size: 0.9vw;
  margin-top: 0.5em;
  color: #fff;
}
#room #parking .img_block {
  width: 54%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  #room #parking .img_block {
    width: 100%;
    margin-top: 6vw;
  }
}
#room #parking .img_block .img01 {
  width: 48.1%;
}
#room .room_content {
  padding-bottom: 7.1vw;
  position: relative;
}
@media screen and (max-width: 768px) {
  #room .room_content {
    padding-bottom: 12vw;
  }
}
#room .room_content .icon {
  position: absolute;
  left: -2.9vw;
  top: -9.2vw;
  width: 20vw;
}
@media screen and (max-width: 768px) {
  #room .room_content .icon {
    width: 33.7vw;
    top: -45.7vw;
    left: 49.1vw;
  }
}
#room .room_content .txt01 {
  width: 24.3vw;
  margin-left: auto;
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  #room .room_content .txt01 {
    width: 48.9vw;
    margin-left: 0;
    margin-right: auto;
  }
}
#room .room_content .img_box01 {
  margin-top: 31.9vw;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  #room .room_content .img_box01 {
    display: block;
    margin-top: 5.3vw;
  }
}
#room .room_content .img_box01 .img_block {
  width: 31%;
}
@media screen and (max-width: 768px) {
  #room .room_content .img_box01 .img_block {
    width: 100%;
  }
  #room .room_content .img_box01 .img_block:nth-child(n+2) {
    margin-top: 6vw;
  }
}
#room .room_content .img_box01 .img_block .txt02 {
  width: 100%;
  font-size: 1.4vw;
  font-weight: 500;
  line-height: 1.5em;
  letter-spacing: 0;
  color: #e48e00;
}
@media screen and (max-width: 768px) {
  #room .room_content .img_box01 .img_block .txt02 {
    font-size: 4vw;
  }
}
#room .room_content .img_box01 .img_block .img01 {
  width: 100%;
  margin-top: 0.7vw;
}
@media screen and (max-width: 768px) {
  #room .room_content .img_box01 .img_block .img01 {
    margin-top: 2vw;
  }
}
#room .room_content .big_img01 {
  margin-top: 0.7vw;
  width: 100%;
}
@media screen and (max-width: 768px) {
  #room .room_content .big_img01 {
    margin-top: 4vw;
  }
}
#room .bg_scroll {
  width: 100%;
  height: 6.7vw;
  background-image: url(../images/voice/room_txt_bg_pc.png);
  background-repeat: repeat-x;
  background-size: auto 100%;
  background-position: left top;
  animation: infinity-scroll-left 2800s infinite linear 0.5s both;
}
@media screen and (max-width: 768px) {
  #room .bg_scroll {
    background-image: url(../images/voice/room_txt_bg_sp.png);
    height: 7.6vw;
  }
}

@keyframes infinity-scroll-left {
  from {
    background-position-x: right;
  }
  to {
    background-position-x: -100000px;
  }
}
#lounge {
  background-color: #fff;
  padding-bottom: 7.1vw;
}
@media screen and (max-width: 768px) {
  #lounge {
    padding-bottom: 26.1vw;
  }
}
#lounge .img_box01 {
  position: relative;
  top: -7.1vw;
}
#lounge .img_box01 .txt01 {
  width: 24.3vw;
  position: absolute;
  top: 7.1vw;
  right: 13.3vw;
}
@media screen and (max-width: 768px) {
  #lounge .img_box01 .txt01 {
    width: 62.5vw;
    top: 24vw;
    right: auto;
    top: auto;
    left: 9.3vw;
    bottom: -23.3vw;
  }
}
#lounge .img_box02 {
  position: relative;
  margin-top: -3.7vw;
}
@media screen and (max-width: 768px) {
  #lounge .img_box02 {
    margin-top: 24vw;
  }
}
#lounge .img_box02 .txt01 {
  width: 22.9vw;
  position: absolute;
  bottom: 6.4vw;
  left: 8.2vw;
}
@media screen and (max-width: 768px) {
  #lounge .img_box02 .txt01 {
    width: 45.7vw;
    left: 46vw;
    bottom: -13.3vw;
  }
}

.animate,
.animate3 {
  opacity: 1;
  transition-property: opacity, transform;
  transition-duration: 1s;
  transition-timing-function: ease-in-out;
  transform: translateY(0);
}

.animate.deactive,
.animate3.deactive {
  opacity: 0;
  transition: 0s;
  transform: translateY(2vw);
}

#mv .img_box01 .img01 {
  opacity: 1;
  transition-property: opacity, transform;
  transition-duration: 1s;
  transition-timing-function: ease-in-out;
  transform: scale(1);
}
#mv .img_box01 .icon01 {
  opacity: 1;
  transition-property: opacity, transform;
  transition-duration: 1s;
  transition-timing-function: ease-in-out;
  transition-delay: 1.1s;
  transform: translateY(0);
}
#mv .img_box01.deactive .img01 {
  opacity: 0;
  transition: 0s;
  transition-delay: 0s;
  transform: scale(1.1);
}
#mv .img_box01.deactive .icon01 {
  opacity: 0;
  transition: 0s;
  transition-delay: 0s;
  transform: translateY(2vw);
}

#place .icon {
  opacity: 1;
  transition-property: opacity, transform;
  transition-duration: 1s;
  transition-timing-function: ease-in-out;
  transition-delay: 2.2s;
  transform: translateY(0);
}
#place .txt_box01 {
  opacity: 1;
  transition-property: opacity, transform;
  transition-duration: 1s;
  transition-timing-function: ease-in-out;
  transition-delay: 1.1s;
  transform: translateX(0);
}
#place.deactive .icon {
  opacity: 0;
  transition: 0s;
  transition-delay: 0s;
  transform: translateY(2vw);
}
#place.deactive .txt_box01 {
  opacity: 0;
  transition: 0s;
  transition-delay: 0s;
  transform: translateX(2vw);
}
#place .txt_box02 .txt_block {
  opacity: 1;
  transition-property: opacity, transform;
  transition-duration: 1s;
  transition-timing-function: ease-in-out;
  transform: translate(0, 0);
}
#place .txt_box02 .img02 {
  opacity: 1;
  transition-property: opacity, transform;
  transition-duration: 1s;
  transition-timing-function: ease-in-out;
  transform: translate(0, 0);
}
#place .txt_box02.deactive .txt_block {
  opacity: 0;
  transition: 0s;
  transition-delay: 0s;
  transform: translate(-2vw, 0);
}
@media screen and (max-width: 768px) {
  #place .txt_box02.deactive .txt_block {
    transform: translate(0, 2vw);
  }
}
#place .txt_box02.deactive .img02 {
  opacity: 0;
  transition: 0s;
  transition-delay: 0s;
  transform: translate(2vw, 0);
}
@media screen and (max-width: 768px) {
  #place .txt_box02.deactive .img02 {
    transform: translate(0, 2vw);
  }
}

#merit .icon {
  opacity: 1;
  transition-property: opacity, transform;
  transition-duration: 1s;
  transition-timing-function: ease-in-out;
  transition-delay: 1.1s;
  transform: translateY(0);
}
#merit .img_box01 .img01 {
  opacity: 1;
  transition-property: opacity, transform;
  transition-duration: 1s;
  transition-timing-function: ease-in-out;
  transform: translate(0, 0);
}
#merit .img_box01 .txt_box01 {
  opacity: 1;
  transition-property: opacity, transform;
  transition-duration: 1s;
  transition-timing-function: ease-in-out;
  transform: translate(0, 0);
}
#merit.deactive .icon {
  opacity: 0;
  transition: 0s;
  transition-delay: 0s;
  transform: translateY(2vw);
}
#merit.deactive .img_box01 .img01 {
  opacity: 0;
  transition: 0s;
  transition-delay: 0s;
  transform: translate(-2vw, 0);
}
@media screen and (max-width: 768px) {
  #merit.deactive .img_box01 .img01 {
    transform: translate(0, 2vw);
  }
}
#merit.deactive .img_box01 .txt_box01 {
  opacity: 0;
  transition: 0s;
  transition-delay: 0s;
  transform: translate(2vw, 0);
}
@media screen and (max-width: 768px) {
  #merit.deactive .img_box01 .txt_box01 {
    transform: translate(0, 2vw);
  }
}
#merit .img_box03 .img_block {
  opacity: 1;
  transition-property: opacity, transform;
  transition-duration: 1s;
  transition-timing-function: ease-in-out;
  transform: translateY(0);
}
#merit .img_box03 .img_block:nth-child(2) {
  transition-delay: 0.3s;
}
#merit .img_box03 .img_block:nth-child(3) {
  transition-delay: 0.6s;
}
#merit .img_box03.deactive .img_block {
  opacity: 0;
  transition: 0s;
  transition-delay: 0s;
  transform: translateY(2vw);
}
#merit .img_box03.deactive .img_block:nth-child(2) {
  transition-delay: 0s;
}
#merit .img_box03.deactive .img_block:nth-child(3) {
  transition-delay: 0s;
}
#merit .big_img02 {
  opacity: 1;
  transition-property: opacity, transform;
  transition-duration: 1s;
  transition-timing-function: ease-in-out;
  transform: scale(1);
}
#merit .big_img02.deactive {
  opacity: 0;
  transition: 0s;
  transition-delay: 0s;
  transform: scale(1.1);
}

#point .img_box01 .img01 {
  opacity: 1;
  transition-property: opacity, transform;
  transition-duration: 1s;
  transition-timing-function: ease-in-out;
  transform: scale(1);
}
#point .img_box01 .icon {
  opacity: 1;
  transition-property: opacity, transform;
  transition-duration: 1s;
  transition-timing-function: ease-in-out;
  transform: translateY(0);
  transition-delay: 1.1s;
}
#point .img_box01.deactive .img01 {
  opacity: 0;
  transition: 0s;
  transition-delay: 0s;
  transform: scale(1.1);
}
#point .img_box01.deactive .icon {
  opacity: 0;
  transition: 0s;
  transition-delay: 0s;
  transform: translateY(2vw);
}

#security .icon {
  opacity: 1;
  transition-property: opacity, transform;
  transition-duration: 1s;
  transition-timing-function: ease-in-out;
  transition-delay: 1.1s;
  transform: translateY(0);
}
#security .title {
  opacity: 1;
  transition-property: opacity, transform;
  transition-duration: 1s;
  transition-timing-function: ease-in-out;
  transform: translate(0, 0);
}
#security.deactive .icon {
  opacity: 0;
  transition: 0s;
  transition-delay: 0s;
  transform: translateY(2vw);
}
#security.deactive .title {
  opacity: 0;
  transition: 0s;
  transition-delay: 0s;
  transform: translate(2vw, 0);
}
@media screen and (max-width: 768px) {
  #security.deactive .title {
    transform: translate(0, 2vw);
  }
}
#security .img_box01 .img01 {
  opacity: 1;
  transition-property: opacity, transform;
  transition-duration: 1s;
  transition-timing-function: ease-in-out;
  transform: translate(0, 0);
}
#security .img_box01 .txt_box01 {
  opacity: 1;
  transition-property: opacity, transform;
  transition-duration: 1s;
  transition-timing-function: ease-in-out;
  transform: translate(0, 0);
}
#security .img_box01.deactive .img01 {
  opacity: 0;
  transition: 0s;
  transition-delay: 0s;
  transform: translate(-2vw, 0);
}
@media screen and (max-width: 768px) {
  #security .img_box01.deactive .img01 {
    transform: translate(0, 2vw);
  }
}
#security .img_box01.deactive .txt_box01 {
  opacity: 0;
  transition: 0s;
  transition-delay: 0s;
  transform: translate(2vw, 0);
}
@media screen and (max-width: 768px) {
  #security .img_box01.deactive .txt_box01 {
    transform: translate(0, 2vw);
  }
}
#security .img_box02 .txt_box01 {
  opacity: 1;
  transition-property: opacity, transform;
  transition-duration: 1s;
  transition-timing-function: ease-in-out;
  transform: translate(0, 0);
}
#security .img_box02 .img03 {
  opacity: 1;
  transition-property: opacity, transform;
  transition-duration: 1s;
  transition-timing-function: ease-in-out;
  transform: translate(0, 0);
}
#security .img_box02.deactive .txt_box01 {
  opacity: 0;
  transition: 0s;
  transition-delay: 0s;
  transform: translate(-2vw, 0);
}
@media screen and (max-width: 768px) {
  #security .img_box02.deactive .txt_box01 {
    transform: translate(0, 2vw);
  }
}
#security .img_box02.deactive .img03 {
  opacity: 0;
  transition: 0s;
  transition-delay: 0s;
  transform: translate(2vw, 0);
}
@media screen and (max-width: 768px) {
  #security .img_box02.deactive .img03 {
    transform: translate(0, 2vw);
  }
}
#security .img_box03 .img04 {
  opacity: 1;
  transition-property: opacity, transform;
  transition-duration: 1s;
  transition-timing-function: ease-in-out;
  transform: translate(0, 0);
}
#security .img_box03 .txt_box01 {
  opacity: 1;
  transition-property: opacity, transform;
  transition-duration: 1s;
  transition-timing-function: ease-in-out;
  transform: translate(0, 0);
}
#security .img_box03.deactive .img04 {
  opacity: 0;
  transition: 0s;
  transition-delay: 0s;
  transform: translate(-2vw, 0);
}
@media screen and (max-width: 768px) {
  #security .img_box03.deactive .img04 {
    transform: translate(0, 2vw);
  }
}
#security .img_box03.deactive .txt_box01 {
  opacity: 0;
  transition: 0s;
  transition-delay: 0s;
  transform: translate(2vw, 0);
}
@media screen and (max-width: 768px) {
  #security .img_box03.deactive .txt_box01 {
    transform: translate(0, 2vw);
  }
}

#room #parking .txt_box01 {
  opacity: 1;
  transition-property: opacity, transform;
  transition-duration: 1s;
  transition-timing-function: ease-in-out;
  transform: translate(0, 0);
}
#room #parking .img_block {
  opacity: 1;
  transition-property: opacity, transform;
  transition-duration: 1s;
  transition-timing-function: ease-in-out;
  transform: translate(0, 0);
}
#room #parking.deactive .txt_box01 {
  opacity: 0;
  transition: 0s;
  transition-delay: 0s;
  transform: translate(-2vw, 0);
}
@media screen and (max-width: 768px) {
  #room #parking.deactive .txt_box01 {
    transform: translate(0, 2vw);
  }
}
#room #parking.deactive .img_block {
  opacity: 0;
  transition: 0s;
  transition-delay: 0s;
  transform: translate(2vw, 0);
}
@media screen and (max-width: 768px) {
  #room #parking.deactive .img_block {
    transform: translate(0, 2vw);
  }
}
#room .room_content .icon {
  opacity: 1;
  transition-property: opacity, transform;
  transition-duration: 1s;
  transition-timing-function: ease-in-out;
  transform: translateY(0);
  transition-delay: 1.1s;
}
#room .room_content .txt01 {
  opacity: 1;
  transition-property: opacity, transform;
  transition-duration: 1s;
  transition-timing-function: ease-in-out;
  transform: translate(0, 0);
}
#room .room_content.deactive .icon {
  opacity: 0;
  transition: 0s;
  transition-delay: 0s;
  transform: translateY(2vw);
}
#room .room_content.deactive .txt01 {
  opacity: 0;
  transition: 0s;
  transition-delay: 0s;
  transform: translate(2vw, 0);
}
#room .room_content .img_box01 .img_block {
  opacity: 1;
  transition-property: opacity, transform;
  transition-duration: 1s;
  transition-timing-function: ease-in-out;
  transform: translate(0, 0);
}
#room .room_content .img_box01 .img_block:nth-child(2) {
  transition-delay: 0.3s;
}
#room .room_content .img_box01 .img_block:nth-child(3) {
  transition-delay: 0.6s;
}
#room .room_content .img_box01.deactive .img_block {
  opacity: 0;
  transition: 0s;
  transition-delay: 0s;
  transform: translate(0, 2vw);
}
#room .room_content .img_box01.deactive .img_block:nth-child(2) {
  transition-delay: 0s;
}
#room .room_content .img_box01.deactive .img_block:nth-child(3) {
  transition-delay: 0s;
}

#lounge .img_box01 .img01 {
  opacity: 1;
  transition-property: opacity, transform;
  transition-duration: 1s;
  transition-timing-function: ease-in-out;
  transform: translate(0, 0);
}
#lounge .img_box01 .txt01 {
  opacity: 1;
  transition-property: opacity, transform;
  transition-duration: 1s;
  transition-timing-function: ease-in-out;
  transform: translate(0, 0);
  transition-delay: 1.1s;
}
#lounge .img_box01.deactive .img01 {
  opacity: 0;
  transition: 0s;
  transition-delay: 0s;
  transform: translate(0, 2vw);
}
#lounge .img_box01.deactive .txt01 {
  opacity: 0;
  transition: 0s;
  transition-delay: 0s;
  transform: translate(2vw, 0);
}
#lounge .img_box02 .img01 {
  opacity: 1;
  transition-property: opacity, transform;
  transition-duration: 1s;
  transition-timing-function: ease-in-out;
  transform: translate(0, 0);
}
#lounge .img_box02 .txt01 {
  opacity: 1;
  transition-property: opacity, transform;
  transition-duration: 1s;
  transition-timing-function: ease-in-out;
  transform: translate(0, 0);
}
#lounge .img_box02.deactive .img01 {
  opacity: 0;
  transition: 0s;
  transition-delay: 0s;
  transform: translate(0, 2vw);
}
#lounge .img_box02.deactive .txt01 {
  opacity: 0;
  transition: 0s;
  transition-delay: 0s;
  transform: translate(2vw, 0);
}/*# sourceMappingURL=style_voice.css.map */