@charset "utf-8";
/* CSS Document */

/*------------ 初期設定 ------------*/
p {
	line-height: 1.7;
}

/*------------ 全体 ------------*/
html {
}
html>body {
  font-size: 16px;
}
._hover{
	transition: opacity 0.3s linear;
	opacity: 1;
}
._hover:hover{
	opacity: 0.7;
}
a{
  color: #af7bb2;
}
*{
  box-sizing: border-box;
}
.anim-fadeUp {
    -webkit-transition: opacity .8s,-webkit-transform .8s;
    transition: opacity .8s,-webkit-transform .8s;
    transition: transform .8s,opacity .8s;
    transition: transform .8s,opacity .8s,-webkit-transform .8s;
    opacity: 0;
    -webkit-transform: translateY(60px);
    -ms-transform: translateY(60px);
    transform: translateY(60px);
}
.anim-fadeUp.is-show {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
.anim-fade {
    transition: opacity .8s;
    opacity: 0;
}
.anim-fade.is-show {
    opacity: 1;
}
img{
  max-width: 100%;
  height: auto;
}

/*------------ WRAPPER ------------*/
#wrapper {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.content-inner{
	width:1000px;
	margin:0 auto;
  position: relative;
}
.content-inner-960{
	width:960px;
	margin:0 auto;
}
.content-inner-750{
	width:750px;
	margin:0 auto;
}

/*------------ HEADER ------------*/
header{
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
  padding: 20px;
}
.flex-header{
  display: flex;
  justify-content: flex-end;
  align-content: center;
  align-items: center;
}
.list-sns{
  display: flex;
}
.list-sns>li{
  margin-right: 15px;
}

/*------------ NAVI ------------*/
#btn_menu{
  width: 64px;
  height:64px;
	display:block;
	z-index:2000;
  background-color: #af7bb2;
  border: 2px solid #FFF;
  position: relative;
  cursor: pointer;
}
#btn_menu span {
    display: block;
    background: #FFF;
    width: 38px;
    height: 2px;
    position: absolute;
    left: 11px;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
}
#btn_menu span:first-child {
    top: 20px;
}
#btn_menu span:nth-child(2) {
    margin-top: -1px;
    top: 50%;
}
#btn_menu span:last-child {
    bottom: 20px;
}
#btn_menu.active span:first-child {
    -webkit-transform: translateY(9px) rotate(45deg);
    -moz-transform: translateY(9px) rotate(45deg);
    -ms-transform: translateY(9px) rotate(45deg);
    transform: translateY(9px) rotate(45deg);
}
#btn_menu.active span:nth-child(2) {
    opacity: 0;
}
#btn_menu.active span:last-child {
    -webkit-transform: translateY(-9px) rotate(-45deg);
    -moz-transform: translateY(-9px) rotate(-45deg);
    -ms-transform: translateY(-9px) rotate(-45deg);
    transform: translateY(-9px) rotate(-45deg);
}
#gnav_sp{
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  background-color: rgba(0,0,0,0.8);
  transform: scale(0.7);
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s linear;
}
#btn_menu.active ~ nav #gnav_sp{
  transform: scale(1);
  opacity: 1;
  visibility: visible;
}
#gnav_sp_inner{
  position: absolute;
  text-align: center;
  width: 710px;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
#gnav_sp li a{
  display: block;
  padding: 10px 0;
  text-align: center;
  font-size: 32px;
  letter-spacing: .2em;
  color: #FFF;
  text-decoration: none;
}
#gnav_sp li{
  border-bottom: 1px solid #FFF;
  opacity: 0;
  -webkit-transition-delay: 200ms;
  transition-delay: 200ms;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
  -webkit-transition-property: opacity,-webkit-transform;
  transition-property: opacity,-webkit-transform;
  transition-property: opacity,transform;
  transition-property: opacity,transform,-webkit-transform;
  -webkit-transform: translateY(20px);
  transform: translateY(20px);
}
#gnav_sp li:first-child{
  border-top: 1px solid #FFF;
}
#btn_menu.active ~ nav #gnav_sp li{
  transform: translateY(0px);
  opacity: 1;
}
#btn_menu.active ~ nav #gnav_sp li:nth-child(1){
  -webkit-transition-delay: 400ms;
  transition-delay: 400ms;
}
#btn_menu.active ~ nav #gnav_sp li:nth-child(2){
  -webkit-transition-delay: 550ms;
  transition-delay: 550ms;
}
#btn_menu.active ~ nav #gnav_sp li:nth-child(3){
  -webkit-transition-delay: 700ms;
  transition-delay: 700ms;
}
#btn_menu.active ~ nav #gnav_sp li:nth-child(4){
  -webkit-transition-delay: 850ms;
  transition-delay: 850ms;
}
#btn_menu.active ~ nav #gnav_sp li:nth-child(5){
  -webkit-transition-delay: 1000ms;
  transition-delay: 1000ms;
}
#btn_menu.active ~ nav #gnav_sp li:nth-child(6){
  -webkit-transition-delay: 1150ms;
  transition-delay: 1150ms;
}
#btn_menu.active ~ nav #gnav_sp li:nth-child(7){
  -webkit-transition-delay: 1300ms;
  transition-delay: 1300ms;
}
#btn_menu.active ~ nav #gnav_sp li:nth-child(8){
  -webkit-transition-delay: 1450ms;
  transition-delay: 1450ms;
}
#btn_menu.active ~ nav #gnav_sp li:nth-child(9){
  -webkit-transition-delay: 1600ms;
  transition-delay: 1600ms;
}
#btn_menu.active ~ nav #gnav_sp li:nth-child(10){
  -webkit-transition-delay: 1750ms;
  transition-delay: 1750ms;
}


/*------------ TOP ------------*/
.content-mv{
  background: url("../2021/images/bg_mv_new.png") no-repeat center top;
  text-align: center;
}
.content-mv .content-inner{
  min-height: 1000px;
}
.content-mv .ttl-wrap{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  align-items: center;
  padding-top: 45px;
}
.content-mv .lead{
  font-size: 24px;
  font-weight: 700;
  color: #FFF;
  text-shadow: 0px 2px 0px rgba(175, 123, 178, 0.004);
  margin-top: 30px;
}
.pic-artist{
  margin-top: 20px;
}
.content-mv .intro .line1{
  font-size: 24px;
  font-weight: 700;
  color: #FFF;
  margin-top: 5px;
}
.content-mv .intro .line2{
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
}
.content-mv .intro .line2>div{
  color: #fadc00;
  font-size: 32px;
  font-weight: 700;
  margin: 0 5px;
}
small{
  font-size: .8em;
}
.content-mv .intro .line2:before,
.content-mv .intro .line2:after{
  content: "";
  width: 17px;
  height: 41px;
  background: url("../2021/images/img_lead_kazari.png") no-repeat center center;
}
.content-mv .intro .line2:after{
  transform: rotateY(180deg);
}
.img-scroll{
  position: absolute;
  left: 50%;
  bottom: 40px;
  transform: translateX(-50%);
}
.img-scroll>div{
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
  justify-content: center;
	animation: scroll 2.5s ease-in-out infinite;
  position: relative;
}
@keyframes scroll {
  0% {
    top:0px;
  }
  
  50% {
    top:10px;	
  }

  100% {
    top:0px;	
  }
}
.img-scroll>div>span{
  font-size: 12px;
  margin-top: 5px;
  color: #FFF;
}

.content-news{
  padding-top: 80px;
  position: relative;
  z-index: 5;
}
.ttl-content{
  text-align: center;
  padding-bottom: 60px;
  background: url("../2021/images/icon_ttl_p.png") no-repeat center bottom;
  margin-bottom: 20px;
}
.ttl-content__w{
  background-image: url("../2021/images/icon_ttl_w.png");
}
.list-news{
  border-top: 1px dotted #af7bb2;
}
.list-news>li{
  border-bottom: 1px dotted #af7bb2;
}
.flex-news{
  display: flex;
  padding: 20px 0;
  align-content: center;
  align-items: center;
}
.flex-news .date{
  display: flex;
  width: 160px;
  height: 40px;
  justify-content: center;
  align-content: center;
  align-items: center;
  color: #af7bb2;
  border: 1px solid #af7bb2;
  flex-shrink: 0;
  flex-grow: 0;
  margin-right: 40px;
}
.flex-news .body,
.flex-news .body a{
  color: #af7bb2;
}
.btn-more-wrap{
  text-align: center;
  margin-top: 35px;
  font-weight: 700;
}
.btn-more-wrap a{
  color: #af7bb2;
  text-decoration: none;
}
.btn-more-wrap a:hover{
  text-decoration: underline;
}
.btn-more-wrap i{
  margin-left: .5em;
  position: relative;
  top: -1px;
}
.content-whats{
  background: url("../2021/images/bg_whats.png") no-repeat center top;
  min-height: 1149px;
  padding-top: 265px;
  position: relative;
  z-index: 3;
  margin-top: -85px;
  text-align: center;
  color: #FFF;
}
.whats-lead p+p{
  margin-top: 1em;
}
.whats-flex{
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
}
.whats-flex__li__pic{
  position: relative;
}
.whats-flex__li__pic .caption{
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  background-color: #a050be;
  z-index: 2;
  font-size: 24px;
  font-weight: 700;
  padding: 0 .5em .1em;
}
.whats-flex__li__body{
  margin-top: 15px;
}
.content-mov{
  background: url("../2021/images/bg_mov.png") no-repeat center top;
  min-height: 1191px;
  padding-top: 245px;
  position: relative;
  z-index: 2;
  margin-top: -325px;
  text-align: center;
}
.ttl-mov{
  font-size: 32px;
  font-weight: 700;
  text-align: center;
  color: #FFF;
  margin-bottom: 15px;
}
.ttl-mov__p{
  color: #af7bb2;
  font-weight: normal;
  margin-bottom: 45px;
}
.mov-wrap>*{
  width: 100%;
}
.mov-info{
  padding: 0 35px;
  margin-top: 40px;
}
.mov-flex{
  display: flex;
  justify-content: space-between;
}
.mov-flex__li{
  width: 320px;
}
.mov-flex__li>a{
  width: 100%;
  height: 60px;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  background-color: #FFF;
  position: relative;
  text-decoration: none;
  font-size: 24px;
  font-weight: 700;
  color: #000;
}
.mov-flex__li>a:before{
  content: "";
  border: 1px solid #000;
  left: 3px;
  top: 3px;
  right: 3px;
  bottom: 3px;
  position: absolute;
  z-index: 2;
}
.mov-flex__li>a>span{
  display: flex;
  align-content: center;
  align-items: center;
}
.mov-flex__li>a .icon{
  margin-right: 10px;
}
.mov-flex__li>a .icon img{
  display: block;
}
.mov-btn-channel{
  margin-top: 30px;
}
.content-request{
  margin-top: -80px;
}
.request-lead{
  text-align: center;
}
.request-theme{
  border: 1px solid #af7bb2;
  position: relative;
  margin-top: 60px;
  text-align: center;
}
.request-theme .label{
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%,-50%);
}
.request-theme .inner{
  padding: 55px 40px 5px;
}
.request-theme .ttl{
  font-size: 40px;
  font-weight: 700;
  color: #af7bb2;
}
.request-theme .notes{
  font-size: 14px;
  color: #af7bb2;
  margin-top: 25px;
}
.lead-contact{
  text-align: center;
  margin-top: 35px;
  margin-bottom: 15px;
}
.form-wrap{
  padding: 25px 115px 60px;
  color: #FFF;
  background-image: -moz-linear-gradient( 90deg, rgb(106,95,176) 0%, rgb(143,94,176) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(106,95,176) 0%, rgb(143,94,176) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(106,95,176) 0%, rgb(143,94,176) 100%);
}
.table-form{
  width: 100%;
}
.table-form th,
.table-form td{
  vertical-align: top;
  padding-top: 20px;
}
.table-form th{
  width: 150px;
}
.table-form input,
.table-form textarea{
  width: 100%;
  padding: 10px;
  border: none;
}
.table-form textarea{
  height: 160px;
}
.contact-btn-wrap{
  margin-top: 40px;
}
.contact-btn-wrap button{
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  width: 400px;
  height: 60px;
  position: relative;
  background-color: #FFF;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
}
.contact-btn-wrap button:before{
  content: "";
  border: 1px solid #af7bb2;
  position: absolute;
  left: 3px;
  top: 3px;
  right: 3px;
  bottom: 3px;
}
.contact-btn-wrap button>span{
  display: flex;
  align-content: center;
  align-items: center;
}
.contact-btn-wrap button>span .ttl{
  font-size: 24px;
  font-weight: 700;
  color: #af7bb2;
}
.contact-btn-wrap button>span .icon{
  margin-left: 1em;
}
.list-notes{
  font-size: 12px;
  margin-top: 1em;
}
.content-cast{
  background: url("../2021/images/bg_cast02.png") no-repeat center top;
  min-height: 1790px;
  padding-top: 245px;
  position: relative;
  z-index: 3;
  margin-top: -40px;
  text-align: center;
}
.cast-flex{
  display: flex;
  justify-content: center;
}
.cast-flex__li{
  width: calc((100% - (28px * 2)) / 3);
  margin-left: 28px;
  border: 1px solid #FFF;
  text-decoration: none;
}
.cast-flex__li:nth-child(1){
  margin-left: 0;
}
.cast-flex__li .pic img{
  width: 100%;
}
.cast-flex__li .name{
  background-color: #6f3572;
  color: #FFF;
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
  padding: .3em 0 .4em;
}
.block-cast + .block-cast{
  margin-top: 75px;
}
.content-timeline{
  position: relative;
  z-index: 3;
  margin-top: -90px;
}
.content-information{
  background: url("../2021/images/bg_footer.png") no-repeat center top;
  min-height: 594px;
  padding-top: 200px;
  position: relative;
  z-index: 2;
  margin-top: -70px;
  text-align: center;
  color: #FFF;
}
.content-information p+p{
  margin-top: 1em;
}
.anchor{
  display: block;
  position: absolute;
  width: 100%;
  padding-top: 80px;
  margin-top: -80px;
  left: 0;
  z-index: -1;
}

/*modal*/
.ps-modal {
    -webkit-transition: .5s;
    height: 100vh;
    position: fixed;
    top: 0;
    transition: .5s;
    opacity: 0;
    visibility: hidden;
    width: 100%;
    z-index: 9999;
}
.ps-modal__scroll {
    overflow: auto!important;
}
.ps-modal.is-active {
    opacity: 1;
    visibility: visible;
}
.ps-modal__bg {
    background: rgba(0,0,0,.8);
    height: 100vh;
    position: absolute;
    width: 100%;
}
.ps-modal__scroll .ps-modal__bg {
    position: fixed!important;
}
.ps-modal__wrap {
    -webkit-transform: translate(-50%,-50%);
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 90%;
}
.ps-modal__wrap-wide {
    -webkit-transform: translate(-50%,-50%)!important;
    max-width: 750px!important;
    top: 50%!important;
    transform: translate(-50%,-50%)!important;
}
.ps-modal__content-img {
    background-color: #fff;
    max-height: 90vh;
    overflow: auto;
    padding: 55px;
}
.ps-modal__content__close-keycolor {
    -ms-flex-align: center;
    -ms-flex-line-pack: center;
    -ms-flex-pack: center;
    -webkit-align-content: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    align-content: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    justify-content: center;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 40px;
}
.ps-modal__content__close-keycolor>span {
    -webkit-transform: rotate(45deg);
    height: 40px;
    position: relative;
    transform: rotate(45deg);
    width: 40px;
}
.ps-modal__content__close-keycolor>span:before {
    -webkit-transform: translateY(-50%);
    background-color: #c8c8c8;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}
.ps-modal__content__close-keycolor>span:after {
    -webkit-transform: translateX(-50%);
    background-color: #c8c8c8;
    content: "";
    height: 100%;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    width: 2px;
}
.ps-modal .pic{
  position: relative;
}
.ps-modal .pic .name{
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  color: #FFF;
  font-size: 32px;
  font-weight: 700;
  text-align: center;
  background-color: #af7bb2;
  z-index: 2;
  padding: .1em 0 .2em;
}
.ps-modal .profile .ttl{
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  color: #af7bb2;
  border-bottom: 1px solid #af7bb2;
  padding-bottom: .2em;
  margin-bottom: .2em;
}
.ps-modal .profile .ttl span{
  margin: 0 1em;
  font-size: 24px;
  font-weight: 700;
}
.ps-modal .profile .ttl:before,
.ps-modal .profile .ttl:after{
  content: "";
  width: 16px;
  height: 15px;
  background: url("../2021/images/icon_star.png") no-repeat center center;
}
.ps-modal .profile .body p + p{
  margin-top: 1em;
  margin-bottom: 1em;
}
.ps-modal .profile .body a{
  color: inherit;
}
.ps-modal .profile .body a:hover{
  text-decoration: none;
}
.ps-modal .profile .body a i{
  margin-left: .5em;
}

/*------------ NEWS ------------*/

.page-news{
  background-color: #f7f2f7;
}
.content-mv__detail{
  background-position: center bottom;
}
.content-mv__detail .content-inner{
  min-height: 240px;
}
.content-mv__detail .logo{
  text-align: center;
}
.content-mv__detail .logo img{
  width: 320px;
}
.content-mv__detail .lead{
  font-size: 16px;
  margin-top: 10px;
}
.content-mv__detail .ttl-wrap {
  padding-top: 40px;
}
.content-news-detail{
  padding: 80px 0;
  font-size: 14px;
}
.list-news-detail{
  border-top: 1px solid #af7bb2;
  margin: 20px 0;
}
.list-news-detail>li{
  padding: 35px 0;
  border-bottom: 1px solid #af7bb2;
  color: #3c3c3c;
}
.list-news-detail .body p+p{
  margin-top: 2em;
}
.list-news-detail .date{
  margin-bottom: 30px;
}
.list-news-detail .ttl{
  font-size: 24px;
  font-weight: normal;
  color: #af7bb2;
  margin-bottom: 30px;
}
.pagenation{
  display: flex;
  justify-content: flex-end;
}
.pagenation>li{
  color: #af7bb2;
  margin-left: 1em;
}
.pagenation>li:nth-child(1){
  margin-left: 0;
}
.pagenation>li a{
  color: inherit;
}
.pagenation>li a:hover{
  text-decoration: none;
}
.archive-wrap{
  color: #af7bb2;
  font-size: 14px;
}
.list-archive{
  display: flex;
}
.list-archive>li{
  margin-left: .5em;
}
.list-archive>li:nth-child(1){
  margin-left: 0;
}
.list-archive>li:after{
  content: "/";
  margin-left: .5em;
}
.list-archive>li a{
  color: inherit;
}
.list-archive>li a:hover{
  text-decoration: none;
}

.thanks-wrap{
  position: relative;
  color: #ff7e7e;
}
.thanks-wrap .thanks{
  position: absolute;
  left: 0;
  top: 5px;
  width: 100%;
}
.iframe-form{
  width: 100%;
  height: 640px;
  border: none;
  overflow: hidden;
}
.coming{
  position: relative;
  pointer-events: none;
}
.coming:after{
  content: "Coming soon";
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(0,0,0,.8);
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  color: #FFF;
  z-index: 2;
  font-weight: normal;
}




/*------------ FOOTER ------------*/

footer{
  text-align: center;
  padding: 40px 0;
  background-color: #FFF;
}
.list-sns__footer{
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.list-sns__footer>li{
  margin: 0 10px;
}
address{
  color: #b17eb3;
  font-weight: 700;
  margin-top: 15px;
}
.footer-flex{
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.footer-flex__li{
  margin: 0 20px;
}
.footer-flex__li a{
  font-size: 12px;
  color: #5a5a5a;
}


@media (min-width:769px) {
  .sp{
    display:none !important;
  }
}
@media (max-width:768px) {
  .pc{
    display:none !important;
  }
  html>body {
    font-size: 4vw;
  }
  body{
    -webkit-text-size-adjust: 100%;
    overflow: auto;
  }
  img{
    max-width:100%;
    height:auto;
  }
  #wrapper{
    width: 100%;
    min-width: 0;
    position: relative;
    overflow: hidden;
  }
  .content-inner,
  .content-inner-960,
  .content-inner-750{
    width:100%;
    padding: 0 4vw;
  }

/*------------ HEADER ------------*/
  header{
    padding: 10px;
  }
  .list-sns>li{
    margin-right: 10px;
    width: 30px;
  }

/*------------ NAVI ------------*/
  #btn_menu{
    width: 30px;
    height:30px;
    border: 1px solid #FFF;
  }
  #btn_menu span {
      display: block;
      background: #FFF;
      width: 20px;
      left: 4px;
  }
  #btn_menu span:first-child {
      top: 8px;
  }
  #btn_menu span:last-child {
      bottom: 8px;
  }
  #btn_menu.active span:first-child {
      -webkit-transform: translateY(5px) rotate(45deg);
      -moz-transform: translateY(5px) rotate(45deg);
      -ms-transform: translateY(5px) rotate(45deg);
      transform: translateY(5px) rotate(45deg);
  }
  #btn_menu.active span:nth-child(2) {
      opacity: 0;
  }
  #btn_menu.active span:last-child {
      -webkit-transform: translateY(-5px) rotate(-45deg);
      -moz-transform: translateY(-5px) rotate(-45deg);
      -ms-transform: translateY(-5px) rotate(-45deg);
      transform: translateY(-5px) rotate(-45deg);
  }
  #gnav_sp_inner{
    width: 90%;
  }
  #gnav_sp li a{
    padding: 2vw 0;
    font-size: 6vw;
  }

/*------------ TOP ------------*/
  .content-mv{
    background-size: auto 100%;
  }
  .content-mv .content-inner{
    min-height: 0;
    padding-bottom: 14vw;
  }
  .content-mv .ttl-wrap{
    padding-top: 60px;
  }
  .content-mv .newproject{
    width: 60%;
    margin-bottom: 1vw;
  }
  .content-mv .lead{
    font-size: 5vw;
    margin-top: 6vw;
  }
  .pic-artist{
    margin-top: 4vw;
  }
  .content-mv .intro .line1{
    font-size: 5vw;
    margin-top: 1vw;
  }
  .content-mv .intro .line2>div{
    font-size: 6vw;
    margin: 0 1vw;
  }
  .content-mv .intro .line2:before,
  .content-mv .intro .line2:after{
    width: 3vw;
    height: 6vw;
    background-size: contain;
  }
  .img-scroll{
    bottom: 4vw;
  }
  .img-scroll img{
    width: 4vw;
  }
  .img-scroll>div>span{
    font-size: 3vw;
    margin-top: 1vw;
  }

  .content-news{
    padding-top: 16vw;
  }
  .ttl-content{
    padding-bottom: 12vw;
    margin-bottom: 4vw;
    background-size: auto 8vw;
  }
  .ttl-content img{
    width: auto;
  }
  .flex-news{
    padding: 4vw 0;
    flex-direction: column;
    align-content: flex-start;
    align-items: flex-start;
  }
  .flex-news .date{
    display: flex;
    width: 32vw;
    height: 8vw;
    margin-right: 0;
    margin-bottom: 2vw;
  }
  .btn-more-wrap{
    margin-top: 7vw;
  }
  
  .content-whats{
    background-size: auto 100%;
    min-height: 0;
    padding-top: 70vw;
    padding-bottom: 70vw;
    margin-top: -40vw;
  }
  .whats-flex{
    flex-direction: column;
    justify-content: flex-start;
    margin-top: 8vw;
  }
  .whats-flex__li{
    width: 100%;
  }
  .whats-flex__li:nth-child(n+2){
    margin-top: 6vw;
  }
  .whats-flex__li__pic .caption{
    font-size: 4.8vw;
  }
  .whats-flex__li__body{
    margin-top: 3vw;
  }
  
  .content-mov{
    background-size: auto 100%;
    min-height: 0;
    padding-top: 40vw;
    padding-bottom: 40vw;
    margin-top: -80vw;
  }
  .ttl-mov{
    font-size: 4.6vw;
    white-space: nowrap;
    margin-bottom: 3vw;
  }
  .ttl-mov__p{
    margin-bottom: 4vw;
  }
  .mov-info{
    padding: 0 4vw;
    margin-top: 4vw;
  }
  .mov-flex{
    flex-direction: column;
    justify-content: flex-start;
  }
  .mov-flex__li{
    width: 100%;
  }
  .mov-flex__li:nth-child(n+2){
    margin-top: 2vw;
  }
  .mov-flex__li>a{
    height: 14vw;
    font-size: 6vw;
  }
  .mov-flex__li>a .icon{
    margin-right: 2vw;
    width: 6vw;
  }
  .mov-flex__li>a .icon img{
    display: block;
  }
  .mov-btn-channel{
    margin-top: 4vw;
  }
  
  .content-request{
    margin-top: -12vw;
  }
  .request-theme{
    margin-top: 12vw;
  }
  .request-theme .label{
    width: 48vw;
  }
  .request-theme .inner{
    padding: 10vw 4vw 2vw;
  }
  .request-theme .ttl{
    font-size: 8vw;
  }
  .request-theme .notes{
    font-size: 3vw;
    margin-top: 4vw;
  }
  .lead-contact{
    margin-top: 6vw;
    margin-bottom: 3vw;
  }
  .form-wrap{
    padding: 4vw;
  }
  .table-form{
    width: 100%;
  }
  .table-form th,
  .table-form td{
    vertical-align: top;
    padding-top: 0;
    display: block;
    width: 100%;
  }
  .table-form th{
    width: 100%;
  }
  .table-form tr:nth-child(n+2) th{
    padding-top: 4vw;
  }
  .table-form td{
    padding-top: 2vw;
  }
  .table-form input,
  .table-form textarea{
    padding: 4vw;
  }
  .table-form textarea{
    height: 40vw;
  }
  .contact-btn-wrap{
    margin-top: 8vw;
  }
  .contact-btn-wrap button{
    width: 100%;
    height: 14vw;
  }
  .contact-btn-wrap button>span .ttl{
    font-size: 5vw;
  }
  .contact-btn-wrap button>span .icon{
    width: 10vw;
  }
  .list-notes{
    font-size: 3vw;
  }
  
  .content-cast{
    background-size: auto 100%;
    min-height: 0;
    padding-top: 55vw;
    padding-bottom: 55vw;
    margin-top: -25vw;
  }
  .cast-flex{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
  .cast-flex__li{
    width: calc((100% - 4vw) / 2);
    margin-left: 4vw;
  }
  .cast-flex__li:nth-child(1){
    margin-left: 0;
  }
  .cast-flex__li:nth-child(n+3){
    margin-top: 4vw;
  }
  .cast-flex__li .name{
    font-size: 4.8vw;
    padding: .3em 0 .4em;
  }
  .block-cast + .block-cast{
    margin-top: 8vw;
  }
  .content-timeline{
    margin-top: -25vw;
  }
  .content-information{
    background-size: auto 100%;
    min-height: 0;
    padding-top: 50vw;
    padding-bottom: 6vw;
    margin-top: -25vw;
  }
  .anchor{
    padding-top: 14vw;
    margin-top: -14vw;
  }

  /*modal*/
  .ps-modal__content-img {
      max-height: 80vh;
      padding: 4vw;
  }
  .ps-modal__content__close-keycolor {
      height: 8vw;
      right: 0;
      top: -2vw;
      width: 8vw;
    transform: translateY(-100%);
  }
  .ps-modal__content__close-keycolor>span {
      height: 8vw;
      width: 8vw;
  }
  .ps-modal__content__close-keycolor>span:before {
      -webkit-transform: translateY(-50%);
      background-color: #c8c8c8;
      content: "";
      height: 2px;
      left: 0;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 100%;
  }
  .ps-modal__content__close-keycolor>span:after {
      -webkit-transform: translateX(-50%);
      background-color: #c8c8c8;
      content: "";
      height: 100%;
      left: 50%;
      position: absolute;
      top: 0;
      transform: translateX(-50%);
      width: 2px;
  }
  .ps-modal .pic{
    position: relative;
  }
  .ps-modal .pic .name{
    font-size: 6vw;
  }
  .ps-modal .profile .ttl span{
    font-size: 4.8vw;
  }
  .ps-modal .profile .ttl:before,
  .ps-modal .profile .ttl:after{
    width: 3vw;
    height: 3vw;
    background-size: contain;
  }

  /*------------ NEWS ------------*/

  .content-mv__detail .content-inner{
    min-height: 64vw;
    padding-bottom: 0;
  }
  .content-mv__detail .logo img{
    width: 50vw;
  }
  .content-mv__detail .lead{
    font-size: 4vw;
    margin-top: 2vw;
  }
  .content-mv__detail .ttl-wrap {
    padding-top: 50px;
  }
  .content-news-detail{
    padding: 12vw 0;
    font-size: 4vw;
  }
  .list-news-detail{
    margin: 4vw 0;
  }
  .list-news-detail>li{
    padding: 4vw 0;
  }
  .list-news-detail .date{
    margin-bottom: 4vw;
  }
  .list-news-detail .ttl{
    font-size: 5vw;
    margin-bottom: 6vw;
  }
  .archive-wrap{
    font-size: 4vw;
  }
.thanks-wrap .thanks{
  top: 0;
}
.iframe-form{
  height: 120vw;
}

/*------------ FOOTER ------------*/

  footer{
    padding: 8vw 0;
  }
  footer .logo img{
    width: 30vw;
  }
  .list-sns__footer{
    margin-top: 4vw;
  }
  .list-sns__footer>li{
    margin: 0 5px;
    width: 30px;
  }
  address{
    margin-top: 3vw;
  }
  .footer-flex{
    margin-top: 2vw;
  }
  .footer-flex__li{
    margin: 0 2vw;
  }
  .footer-flex__li a{
    font-size: 3vw;
  }
}