@charset "UTF-8";

#interior .mv {padding: 40px 0; background: url(../../images/interior/bg_mv.jpg) no-repeat center center; background-size: cover;}
#interior .mv .inner {max-width: 1100px; width: calc(100% - 40px); margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; position: relative;}
#interior .mv .inner img {width: 41%;}
#interior .mv .inner .txt {position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); right: 0; width: 56%; letter-spacing: 0.1em; text-align: center; text-shadow: 0px 0px 20px #fff, 0px 0px 20px #fff, 0px 0px 20px #fff, 0px 0px 20px #fff, 0px 0px 20px #fff, 0px 0px 20px #fff;}
#interior .mv .inner .txt p:nth-of-type(1) {line-height: 1; letter-spacing: 3px;}
#interior .mv .inner .txt p:nth-of-type(1) span:nth-of-type(1) {font-size: 44px;}
#interior .mv .inner .txt p:nth-of-type(1) span:nth-of-type(2) {font-size: 36px;}
#interior .mv .inner .txt p:nth-of-type(1) span:nth-of-type(3) {font-size: 53px;}
#interior .mv .inner .txt p:nth-of-type(2) {line-height: 1; letter-spacing: 5px;}
#interior .mv .inner .txt p:nth-of-type(2) span:nth-of-type(1) {font-size: 81px;}
#interior .mv .inner .txt p:nth-of-type(2) span:nth-of-type(2) {font-size: 50px;}
#interior .mv .inner .txt p:nth-of-type(3) {text-align: center; font-size: 22px; margin: 30px 0;}
#interior .mv .inner .txt p:nth-of-type(3) span {font-size: 35px;}
#interior .mv .inner .txt p:nth-of-type(4) {font-size: 10px; text-align: left; line-height: 1.6; text-shadow: none;}


#interior .row {padding: 30px 0 50px; background: url(../../images/interior/bg1.jpg) no-repeat center center; background-size: cover; text-align: center;}
#interior .row .tit {padding: 15px 0; background: rgba(0, 0, 0, 0.3); color: #fff; margin-bottom: 30px;}
#interior .row .tit span {display: block;}
#interior .row .tit span:nth-of-type(1) {font-size: 18px;}
#interior .row .tit span:nth-of-type(2) {font-size: 30px;}
#interior .row figure {text-align: center;}
#interior #row2 {background-image: url(../../images/interior/bg2.jpg);}
#interior #row3 {background-image: url(../../images/interior/bg3.jpg);}

/* MEDIA */
@media (max-width: 1099px) {
  #interior .mv .inner .txt p:nth-of-type(1) span:nth-of-type(1) {font-size: 4vw;}
  #interior .mv .inner .txt p:nth-of-type(1) span:nth-of-type(2) {font-size: 2.5vw;}
  #interior .mv .inner .txt p:nth-of-type(1) span:nth-of-type(3) {font-size: 3vw;}
  #interior .mv .inner .txt p:nth-of-type(2) span:nth-of-type(1) {font-size: 5vw;}
  #interior .mv .inner .txt p:nth-of-type(2) span:nth-of-type(2) {font-size: 3vw;}
  #interior .mv .inner .txt p:nth-of-type(3) {font-size: 1.8vw; margin: 10px 0;}
  #interior .mv .inner .txt p:nth-of-type(3) span {font-size: 4vw;}

  #interior .row .tit span:nth-of-type(1) {font-size: 1.8vw;}
  #interior .row .tit span:nth-of-type(2) {font-size: 3vw;}
}

@media (max-width: 768px) {
  #interior .mv {background-image: url(../../images/interior/bg_mv_sp.jpg); padding: 30px 0;}
  #interior .mv .inner {width: 100%;}
  #interior .mv .inner img {width: 92%; margin: 0 auto 5%;}
  #interior .mv .inner .txt {width: 92%; position: static; transform: translateY(0); -webkit-transform: translateY(0); margin: 0 auto;}
  #interior .mv .inner .txt p:nth-of-type(1) {margin-bottom: 10px;}
  #interior .mv .inner .txt p:nth-of-type(1) span:nth-of-type(1) {font-size: 8vw;}
  #interior .mv .inner .txt p:nth-of-type(1) span:nth-of-type(2) {font-size: 5vw;}
  #interior .mv .inner .txt p:nth-of-type(1) span:nth-of-type(3) {font-size: 6vw;}
  #interior .mv .inner .txt p:nth-of-type(2) span:nth-of-type(1) {font-size: 15vw;}
  #interior .mv .inner .txt p:nth-of-type(2) span:nth-of-type(2) {font-size: 10vw;}
  #interior .mv .inner .txt p:nth-of-type(3) {font-size: 3vw; letter-spacing: unset; margin: 20px 0;}
  #interior .mv .inner .txt p:nth-of-type(3) span {font-size: 6vw;}
  
  #interior .row .tit span:nth-of-type(1) {font-size: 3.5vw;}
  #interior .row .tit span:nth-of-type(2) {font-size: 5vw;}
}