#mv {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: auto;
  width: 100%;
}

#mv .first_wrap {
  position: relative;
}
#mv .first_wrap .mv_bnr a {
  -webkit-animation: bnr_dvd 3.5s infinite;
          animation: bnr_dvd 3.5s infinite;
  position: absolute;
}
#mv .first_wrap .mv_bnr a:hover {
  -webkit-filter: brightness(1.5);
          filter: brightness(1.5);
  -webkit-transition: .5s;
  transition: .5s;
}

@keyframes bnr_dvd {
  /* main keyframe animation for bouncing */
  0% {
    -webkit-transform: scale(0.9, 1.05) translateY(0);
            transform: scale(0.9, 1.05) translateY(0);
  }
  15% {
    -webkit-transform: scale(1.1, 0.9) translateY(10%);
            transform: scale(1.1, 0.9) translateY(10%);
  }
  30% {
    -webkit-transform: scale(1, 1) translateY(0);
            transform: scale(1, 1) translateY(0);
  }
  45% {
    -webkit-transform: scale(1.05, 0.95) translateY(5%);
            transform: scale(1.05, 0.95) translateY(5%);
  }
  60% {
    -webkit-transform: scale(1, 1) translateY(0);
            transform: scale(1, 1) translateY(0);
  }
  75% {
    -webkit-transform: scale(1.02, 0.98) translateY(2%);
            transform: scale(1.02, 0.98) translateY(2%);
  }
  90% {
    -webkit-transform: scale(1, 1) translateY(0);
            transform: scale(1, 1) translateY(0);
  }
  100% {
    -webkit-transform: scale(1, 1) translateY(0);
            transform: scale(1, 1) translateY(0);
  }
}


#mv .sec_wrap {
  position: relative;
}

#mv .sec_wrap .sec_wrap_inner .menu_wrap .menu_list li a:hover {
  -webkit-filter: brightness(1.5);
          filter: brightness(1.5);
  -webkit-transition: .5s;
  transition: .5s;
}

#mv .sec_wrap .sec_wrap_inner .bnr_wrap {
  margin-top: 30px;
}

#mv .sec_wrap .sec_wrap_inner .bnr_wrap .bnr_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: auto;
  width: 100%;
}

#mv .sec_wrap .sec_wrap_inner .bnr_wrap .bnr_list li {
  width: 40%;
}

#mv .sec_wrap .sec_wrap_inner .bnr_wrap .bnr_list li:nth-child(odd) {
  margin-right: 6%;
}

#mv .sec_wrap .sec_wrap_inner .bnr_wrap .bnr_list li a {
  display: block;
  height: 100%;
  width: 100%;
}

#mv .sec_wrap .sec_wrap_inner .bnr_wrap .bnr_list li a:hover figure img {
  -webkit-filter: brightness(1.5);
          filter: brightness(1.5);
  -webkit-transition: .6s all ease;
  transition: .6s all ease;
}

#mv .sec_wrap .sec_wrap_inner .bnr_wrap .bnr_list li a figure {
  color: #000;
  height: 100%;
  width: 100%;
}

#mv .sec_wrap .sec_wrap_inner .sns_wrap .item_name {
  font-family: 'Oswald', sans-serif;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 10px;
  text-align: center;
}

#mv .sec_wrap .sec_wrap_inner .sns_wrap .sns_list {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#mv .sec_wrap .sec_wrap_inner .sns_wrap .sns_list li a:hover {
  -webkit-filter: brightness(1.5);
          filter: brightness(1.5);
  -webkit-transition: .5s;
  transition: .5s;
}

#mv .sec_wrap .sec_wrap_inner .movie_box .movieModal {
  display: block;
  height: auto;
  width: 100%;
}

#mv .sec_wrap .sec_wrap_inner .movie_box .movieModal figure {
  background: #fff;
  position: relative;
}

#mv .sec_wrap .sec_wrap_inner .movie_box .movieModal figure:before {
  background: url(../img/common/btn_play.png) no-repeat;
  background-size: contain;
  content: '';
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: .6s ease;
  transition: .6s ease;
  z-index: 10;
}

#mv .sec_wrap .sec_wrap_inner .movie_box .movieModal figure:after {
  background: url(../img/index/movie_cover.png) repeat;
  background-size: 3px auto;
  content: '';
  height: 100%;
  left: 0;
  opacity: .8;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 5;
}

#mv .sec_wrap .sec_wrap_inner .movie_box .movieModal:hover figure:after {
  opacity: 0;
  -webkit-transition: .5s;
  transition: .5s;
}

/* ##############################
        C O N T E N T S
###############################*/
.orange {
  color: #ea531e;
}

.green {
  color: #009250;
}

#contents {
  background: url(../img/common/bg_pt02.jpg) repeat;
  background-size: 600px auto;
  margin: auto;
}

.main_lead {
  color: #ea531e;
  font-weight: bold;
  text-align: center;
}

.sub_lead {
  color: #ea531e;
  font-weight: 700;
  text-align: center;
}

/* STORY */
#story {
  background: url(../img/index/story_bg.png) no-repeat #fff;
  background-position: left bottom;
}

#story .story_inner .story_wrap {
  line-height: 1.8;
}

#story .story_inner .story_wrap .sub_lead {
  line-height: 2;
}

/* widget */

#widget #mvtk-widgets-container {
  margin: auto;
}

#widget .mvtk_bnr {
  margin: auto;
  width: 250px;
}

#widget .mvtk_bnr a:hover img {
  -webkit-filter: brightness(1.5);
          filter: brightness(1.5);
  -webkit-transition: .5s;
  transition: .5s;
}

/* COMMENT MODAL */
.modal__content .movieList {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

/*.modal__content .movieList li {
  margin-left: 1em;
}*/

.modal__content .movieList li .is-active {
  background: #ea531e;
}

.modal_box .comme_box {
  background: #fff;
  width: 100%;
}

/*@media screen and (max-width: 374px) {
    .mv_catch {
        top: -79%;
    }
}*/

@media only screen and (min-width: 769px) {
  #mv .first_wrap {
    width: 62%;
  }
  #mv .first_wrap .mv_bnr a {
    left: -35px;
    min-width: 300px;
    top: -70px;
    width: 35%;
  }
  #mv .sec_wrap {
    /*background: url(../img/index/mv_bgimg01.png) no-repeat, url(../img/index/mv_bg-pc.jpg) no-repeat;
    background-position: bottom left, top center;
    background-size: 65%, 100% auto;
    width: calc(100% - 62%);*/
	 width: calc(100% - 62%);
	background:url(../img/index/mv_bg_pc.jpg) no-repeat;
	background-size:cover;
  }
  #mv .sec_wrap .sec_wrap_inner {
    padding: 40px;
  }
  #mv .sec_wrap .sec_wrap_inner .menu_wrap {
    margin: 0 auto 40px;
    width: 20vw;
  }
  #mv .sec_wrap .sec_wrap_inner .menu_wrap .menu_list li:not(:last-child) {
    margin-bottom: 20px;
  }
  #mv .sec_wrap .sec_wrap_inner .bnr_wrap {
    position: relative;
    width: 100%;
  }
  #mv .sec_wrap .sec_wrap_inner .bnr_wrap .bnr_list {
    max-width: 29vw;
  }
  #mv .sec_wrap .sec_wrap_inner .bnr_wrap .bnr_list li:not(:nth-last-child(-n+2)) {
    margin-bottom: 10px;
  }
  #mv .sec_wrap .sec_wrap_inner .sns_wrap {
    margin-top: 30px;
  }
  #mv .sec_wrap .sec_wrap_inner .sns_wrap .sns_list li {
    height: 24px;
    width: 24px;
  }
  #mv .sec_wrap .sec_wrap_inner .sns_wrap .sns_list li:not(:last-child) {
    margin-right: 20px;
  }
  #mv .sec_wrap .sec_wrap_inner .movie_box {
    margin-top: 50px;
  }
  #mv .sec_wrap .sec_wrap_inner .movie_box .movieModal figure:before {
    height: 75px;
    width: 80px;
  }
  #mv .sec_wrap .sec_wrap_inner .movie_box .movieModal:hover figure:before {
    height: 95px;
    width: 100px;
  }
  #contents {
    margin-top: 100px;
  }
  .con_ttl {
    margin-bottom: 40px;
  }
  .main_lead {
    font-size: 40px;
    font-size: 4.0rem;
    margin-bottom: 50px;
  }
  .sub_lead {
    font-size: 24px;
    font-size: 2.4rem;
  }
  #story {
    background-size: 60% auto;
  }
  #story .story_inner {
    margin: auto;
    max-width: 1200px;
    padding-bottom: 100px;
    width: 100%;
  }
  #story .story_inner .story_wrap {
    margin: auto;
    max-width: 1000px;
    width: 100%;
  }
  #story .story_inner .story_wrap .sub_lead {
    margin: 50px 0;
  }
  #widget {
    padding: 120px 0 0;
  }
  #widget .mvtk_bnr {
    padding-top: 50px;
  }
  .modal_box .comme_box {
    left: 50%;
    padding: 40px;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .modal_box .comme_box .name_wrap {
    margin-bottom: 50px;
  }
  .modal_box .comme_box .modal_txt {
    font-size: 1.6rem;
  }
}

@media only screen and (max-width: 768px) {
  #mv .first_wrap {
    width: 100%;
  }
  #mv .first_wrap .mv_bnr a {
    left: -20px;
    top: -29px;
    width: 134px;
  }
  #mv .sec_wrap {
    background: url(../img/index/mv_bgimg01.png) no-repeat, url(../img/index/mv_bg-sp.jpg) no-repeat;
    background-position: bottom left, top center;
    background-size: 50%, 100% auto;
    padding-bottom: 80px;
    width: 100%;
  }
  #mv .sec_wrap .sec_wrap_inner {
    padding: 8vw 5vw 5vw;
  }
  #mv .sec_wrap .sec_wrap_inner .menu_wrap .menu_list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  #mv .sec_wrap .sec_wrap_inner .menu_wrap .menu_list li:not(:last-child) {
    margin-bottom: 3vw;
  }
  #mv .sec_wrap .sec_wrap_inner .menu_wrap .menu_list li {
    width: 47%;
  }
  #mv .sec_wrap .sec_wrap_inner .menu_wrap .menu_list li:nth-child(even) {
    margin-left: 6%;
  }
  #mv .sec_wrap .sec_wrap_inner .bnr_wrap {
    width: 100%;
  }
  #mv .sec_wrap .sec_wrap_inner .bnr_wrap .bnr_list li:not(:nth-last-child(-n+2)) {
    margin-bottom: 5%;
  }
  #mv .sec_wrap .sec_wrap_inner .sns_wrap {
    margin-top: 5vw;
  }
  #mv .sec_wrap .sec_wrap_inner .sns_wrap .sns_list li {
    height: 42px;
    width: 42px;
  }
  #mv .sec_wrap .sec_wrap_inner .sns_wrap .sns_list li:not(:last-child) {
    margin-right: 5vw;
  }
  #mv .sec_wrap .sec_wrap_inner .movie_box {
    margin-top: 45px;
  }
  #mv .sec_wrap .sec_wrap_inner .movie_box .movieModal figure:before {
    height: 95px;
    width: 100px;
  }
  #mv .sec_wrap .sec_wrap_inner .movie_box .movieModal:hover figure:before {
    height: 115px;
    width: 120px;
  }
  #contents {
    margin-top: 80px;
  }
  .con_ttl {
    margin-bottom: 30px;
  }
  .main_lead {
    font-size: 22px;
    font-size: 2.2rem;
    margin-bottom: 30px;
  }
  .sub_lead {
    font-size: 16px;
    font-size: 1.6rem;
  }
  #story {
    background-size: 80% auto;
  }
  #story .story_inner {
    padding: 0 5vw 10vw;
  }
  #story .story_inner .story_wrap {
    margin: 0 6vw;
  }
  #story .story_inner .story_wrap .sub_lead {
    margin: 5vw 0;
  }
  #widget {
    padding-top: 80px;
  }
  #widget .mvtk_bnr {
    padding-top: 30px;
  }
  .modal_box .comme01 .position {
    height: 37px;
    width: 154px;
  }
  .modal_box .comme02 .position {
    height: 37px;
    width: 154px;
  }
  .modal_box .comme03 .position {
    height: 37px;
    width: 192px;
  }
  .modal_box .comme04 .position {
    height: 37px;
    width: 153px;
  }
  .modal_box .comme_box {
    padding: 3vw;
  }
  .modal_box .comme_box .comme_inner {
    padding: 5vw;
  }
  .modal_box .comme_box .name_wrap {
    margin-bottom: 25px;
  }
  .modal_box .comme_box .modal_txt {
    font-size: 1.4rem;
  }
}



/*----------TOP PC----------------*/

@media only screen and (min-width: 769px) {








  #mv .sec_wrap .sec_wrap_inner {
    padding: 2vw;
  }
  #mv .sec_wrap .sec_wrap_inner .menu_wrap {
    margin: 0 auto 2vw;
    width: 20vw;
  }
  #mv .sec_wrap .sec_wrap_inner .menu_wrap .menu_list li:not(:last-child) {
    margin-bottom: 1vw;
  }
  #mv .sec_wrap .sec_wrap_inner .bnr_wrap {
    position: relative;
    width: 100%;
  }
  #mv .sec_wrap .sec_wrap_inner .bnr_wrap .bnr_list {
    max-width: 29vw;
  }
  #mv .sec_wrap .sec_wrap_inner .bnr_wrap .bnr_list li:not(:nth-last-child(-n+2)) {
    margin-bottom: 10px;
  }
  #mv .sec_wrap .sec_wrap_inner .sns_wrap {
    margin-top: 2vw;
  }
  #mv .sec_wrap .sec_wrap_inner .sns_wrap .sns_list li {
    height: 24px;
    width: 24px;
  }
  #mv .sec_wrap .sec_wrap_inner .sns_wrap .sns_list li:not(:last-child) {
    margin-right: 20px;
  }
  #mv .sec_wrap .sec_wrap_inner .movie_box {
    margin-top: 2vw;
  }

#stage, #mv{
  min-width: 1280px;
}
.menu_list{
  margin: 0 auto;
  text-align: center;
}
.menu_list li img{
  width: 71%;
  min-width: 320px;
}

#mv .sec_wrap {
    width: 38%;
    background: url(../img/index/mv_bg_pc.jpg) no-repeat;
    background-size: auto;
    background-size: cover;
}
#mv .sec_wrap .sec_wrap_inner .menu_wrap {
    margin: 0 auto 1vw;
    width: 100%;
}
#mv .sec_wrap .sec_wrap_inner .bnr_wrap .bnr_list {
    max-width: 30vw;
}
#mv .sec_wrap .sec_wrap_inner .sns_wrap .sns_list li {
    height: auto;
    width: 10%;
}
#mv .sec_wrap .sec_wrap_inner .bnr_wrap {
    margin-top: 2vw;
}



#contents {
    margin-top: 0;
    font-size: 1.8rem;
}

#snsArea{
  background: url(../img/index/sns_bg.png) no-repeat center bottom;
  background-size: 100% auto;
  z-index: 10;
  position: relative;
  padding: 100px 0;
}
#snsArea .inner{
  display: flex;
  justify-content: space-between;
}
#snsArea .snsBox{
     Xwidth: 450px;
      margin-bottom: 50px;
}
#snsArea .snsBox_wrap{
    Xwidth: 450px;
      width: 380px;

}
#snsArea .sns_inner{
  background: #FFF;
  border: 5px solid #009250;
  border-radius: 5px;
  margin-top: -7px;
  position: relative;
  z-index: 10;
}

#snsArea .twBox .sns_inner{
  width: 380px;
  height: 350px;
  overflow: hidden;
}
#snsArea .igBox .sns_inner{
  width: 380px;
  height: 350px;
  overflow: hidden;
  overflow-y: scroll;
  }


#snsArea .ttBox .sns_inner{
  width: 572px;
  padding:10px;
}



/*#snsArea .snsBox .tiktok_wrap ._embed_video_wrapper {
  width: 100% !important;
  min-width: 450px !important;
}
#snsArea .snsBox .tiktok_wrap ._embed_video_wrapper iframe{
  width: 100% !important;
  min-width: 450px !important;
  height: 1030px!important;
}
.tiktok_wrap ._embed_video_wrapper {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    min-width: 450px!important;
    border: 1px solid rgba(22,24,35,0.12);
    box-sizing: border-box;
    border-radius: 8px;
}*/
#snsArea .follow_link{
  text-align: right;
  margin-top: -5px;
}
#snsArea .follow_link a{
  display: inline-block;
  background: #009250;
  text-align: center;
  width: 200px;
  padding: 20px;
  line-height: 1rem;
}
#snsArea .follow_link a:hover {
  -webkit-filter: brightness(1.5);
          filter: brightness(1.5);
  -webkit-transition: .5s;
  transition: .5s;
}

#snsArea .follow_link span{
  font-family: 'Oswald', sans-serif;
  color: #FFF;
  position: relative;
  padding-right: 3rem;
  font-weight: bold;
}
#snsArea .follow_link span::after{
  content: "▶︎";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 60%;
}

#introArea{
  background-image: url(../img/index/intro_ttl_ph.png),url(../img/index/intro_bg2.jpg) ;
  background-position:center top, center 58vw;
  background-repeat: no-repeat no-repeat;
  background-size: 100% auto,100% auto;
  padding-top: 48vw;
  margin-top: -50px;
  padding-bottom: 270px;
  position: relative;
  z-index: 9;
}
.inner{
  width: 1000px;
  margin: 0 auto;
  line-height: 3.8rem;
}
#introArea .inner{
  width: 1000px;
  margin: 0 auto;
  padding: 170px 0 50px 0;
  background: #FFF;
  position: relative;
  margin-top: -150px;
}
#aboutArea{
  background: url(../img/index/about_bg.png) no-repeat center top;
  background-size: 100% auto;
  z-index: 10;
  position: relative;
  padding-top: 12vw;
  margin-top: -8vw;
  padding-bottom: 340px;
}
#aboutArea .inner{
  padding: 100px 0 150px 0;
  background: #107d48;
  color: #FFF;
  position: relative;
}
#aboutArea .aboutBox{
  padding:0 50px;
  position: relative;

}
.ab{
  position: absolute;
}
.intro_1{
  width: 1000px;
  margin:auto;
  text-align: center;
  position: relative;
  padding-right: 300px;
  background: url(../img/index/intro_ttl_deco.png) no-repeat right 100px;
  z-index: 10;
}
.intro_1 img{
  display: inline-block;
  margin-left: -50px;
}

.intro_2{
  text-align: center;
  background: url(../img/index/intro_ttl_deco.png) no-repeat right 100px;
  margin-bottom: 50px;
}
.txt p{
  margin-bottom: 40px;
  font-weight: bold;
}
.introBox{
  padding: 0 50px;
}
#introArea .txt1{
  color: #d60449;
}
#introArea .txt2{
  color: #00963d;
}
.introBox.box2{
  background: url(../img/index/intro_ttl_arasuji_deco.png) no-repeat left top;
  background-size: 95% auto;
  padding-top: 140px;
  margin-top: -140px;
  position:relative;
}
.introBox.box2 .txt3{
  padding-right: 315px;
}
.introBox.box2 .txt4{
  font-size: 2.4rem;
  font-weight: bold;
}
#introArea .introBox.box2 .deco1{
  top: 80px;
  right: -120px;
}
#introArea .introBox.box2 .deco2{
  top: 500px;
  right: -100px;
}
#introArea .introBox.box2 .deco3{
  bottom: -230px;
  right: -160px;
}

#aboutArea .deco4{
  top: -400px;
  left: -100px;
}
#aboutArea .deco5{
  top: -450px;
  right: -100px;
}
#aboutArea .deco6{
  top: 0px;
  right: -100px;
}
#aboutArea .txt1{
  margin-bottom: 60px;
}
#aboutArea .txt2{
  margin-bottom: 30px;
  padding-top: 90px;
}
#aboutArea .txt3{
  text-align: right;
  margin-bottom: 30px;
}
#aboutArea .txt4{
  padding-left: 450px;
}
.deco7{
  left: -90px;
  top: 230px;

}
.deco9{
  left: -50px;
  top: 0;
}
.deco8{
  right: 0;
  top: -350px;
}


#widget{
  background: url(../img/index/ft_bg.png) no-repeat center top;
  background-size: 100% auto;
  z-index: 10;
  position: relative;
  padding-top: 12vw;
  margin-top: -8vw;
}

.modal__content .movieList li {
  width: 24%;
}
.modal__content .movieList li:not(:nth-child(4n)) {
  padding-right: 1vw;
}
.modal__content .movieList li:nth-child(n+5) {
  padding-top: 0.5vw;
}
.modal__content .movieList .btn_hover {
  font-size: 16px;
  font-size: 1.6rem;
}
}






/*----------TOP SP----------------*/









@media only screen and (max-width: 768px) {
  #contents {
    margin-top: 0;
    font-size: 1.4rem;
    line-height: 2.5rem;
  }
 #mv .sec_wrap {
  background:url(../img/index/mv_bg_sp.jpg) no-repeat;
  background-size:cover;
}

#snsArea{
  background: url(../img/index/sns_bg_sp.png) no-repeat left bottom;
  background-size: cover;
  z-index: 10;
  position: relative;
  padding: 15vw 0;
}
#snsArea .sns_inner{
  background: #FFF;
  border: 5px solid #009250;
  border-radius: 5px;
  margin-top: -7px;
  position: relative;
  z-index: 10;
}

#snsArea .sns_ttl{
  Xwidth: 100%;

}
#snsArea .snsBox{
      margin-bottom: 10vw;
}
#snsArea .snsBox_wrap{
}
#snsArea .tiktokBox{
}
#snsArea .sns_inner{
  width: 100%;
  height: 90vw;
  overflow: hidden;
  background: #FFF;
}
#snsArea .sns_inner iframe{
width: 100%!important;
Xheight: 80vw!important;
}
#snsArea .instagram-media{
border-radius: 0!important;
box-shadow: 0!important;
}


#snsArea .ttBox .sns_inner{
  height: inherit!important;
}
#snsArea .follow_link{
  text-align: right;
  margin-top: -5px;
}
#snsArea .follow_link a{
  display: inline-block;
  background: #009250;
  text-align: center;
  width: 38vw;
  padding: 3%;
  line-height: 1;
}
#snsArea .follow_link span{
  color: #FFF;
  font-family: 'Oswald', sans-serif;
  position: relative;
  padding-right: 3rem;
  font-weight: bold;
}
#snsArea .follow_link span::after{
  content: "▶︎";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 80%;
}
#introArea{
  background-image: url(../img/index/intro_ttl_ph_sp.png),url(../img/index/intro_bg2_sp.jpg) ;
  background-position:center top, center 45vw;
  background-repeat: no-repeat, repeat-y;
  background-size: 100% auto,100% auto;
  padding-top: 45vw;
  margin-top: -50px;
  padding-bottom: 20vw;
  position: relative;
  z-index: 9;
}
.inner{
  margin: 0 5vw;
  line-height: 2.5rem;
}
#introArea .inner{
  padding: 20vw 0 50px 0;
  margin-top: -25vw;
  background: #FFF;
  position: relative;
  z-index: 8;
}

#aboutArea{
  background: url(../img/index/about_bg_sp.png) repeat center top;
  background-repeat: repeat-y;
  background-size: 100% auto;
  z-index: 10;
  position: relative;
  margin-top: -8vw;
  padding-top: 10vw;
  padding-bottom: 35vw;
}
#aboutArea .inner{
  padding: 30vw 0 10vw 0;
  background: #107d48;
  color: #FFF;
  position: relative;
}
#aboutArea .aboutBox{
  padding:0 5vw;
  position: relative;

}
.ab{
  Xposition: absolute;
}
.intro_1{
  z-index: 10;
  position: relative;
}
.intro_2{
  text-align: center;
  background: url(../img/index/intro_ttl_deco.png) no-repeat right 100px;
  margin-bottom: 50px;
  margin-top: -5vw;
}
#introArea .intro_2 img{
  width: 66vw;

}
.txt p{
  margin-bottom: 8vw;
  font-weight: bold;
}
.introBox .txt{
  padding: 0 5vw;
}
#introArea .txt1{
  color: #d60449;
}
#introArea .txt2{
  color: #00963d;
}
.introBox.box2{
  background: url(../img/index/intro_ttl_arasuji_deco_sp.png) no-repeat -5vw -10vw;
  background-size: 50vw auto;
  position:relative;
}
.introBox.box2 .txt3{
}
.introBox.box2 .txt4{
  font-size: 2.4rem;
  font-weight: bold;
}
#introArea .deco1{
  position: relative;
  z-index: -1;
  margin-top: -10vw;
}
#introArea .introBox.box2 .deco2{
  top: 0;
  right: 0;
}

#aboutArea .deco4{
  position: absolute;
  z-index: 10;
  top: -10vw;
}
#aboutArea .deco5{
  top: 0;
  right: 0;
}
#aboutArea .deco6{
  top: 0px;
  right: 0;
}
#aboutArea .txt1{
  margin-bottom: 5vw  ;
}

#aboutArea .txt2{
  margin-bottom: 5vw;
}
#aboutArea .txt2 img{
  display: inline-block;
  width: 60vw;
}
#aboutArea .txt3{
  margin-bottom: 5vw;
}
#aboutArea .txt4{
  padding-left: 0;
}
.deco7{
  left: 0;
  top: 0;

}
.deco9{
  left: 0;
  top: 0;
}
.deco8{
  position: absolute;
  right: 0;
  top: -40vw;
}


#widget{
  background: url(../img/index/ft_bg_sp.png) no-repeat left top;
  background-size: 100% auto;
  z-index: 10;
  position: relative;
  padding-top: 25vw;
  margin-top: -15vw;
}

.modal__content .movieList li {
  width: 47%;
}
.modal__content .movieList li:not(:nth-last-child(-n+2)) {
  margin-bottom: 3vw;
}
.modal__content .movieList li:nth-child(odd) {
  padding-right: 2vw;
}
.modal__content .movieList .btn_hover {
  font-size: 14px;
  font-size: 1.4rem;
}


}