@charset "UTF-8";
/*reset css*/
body,h1,h2,h3,h4,p,ul,li,a,dl,dt,dd,table,tr,th,td,span{
  margin: 0;
  padding: 0;
  color: #333;
  text-decoration: none;
  list-style: none;
  line-height: 1;
  outline: none;
  box-sizing: border-box;
}
button,input,select,textarea{
  background-color: unset;
  border: none;
  outline: none;
  -webkit-appearance: none;
}
/*common*/
html,body{
  font-size: 62.5%;
  letter-spacing: 0;
  color: #333;
  font-family: "futura-pt","游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}
a{
  -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
a span{
  -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
.furuta{
  font-family: futura-pt, sans-serif;
  font-weight: 500;
  font-style: normal;
}
.furuta{
  font-family: futura-pt, sans-serif;
font-weight: 500;
font-style: italic;
}

a:hover{
  opacity: 0.7;
}
a:hover span{
  opacity: 0.7;
}
.green{color: #009E3B;}
.white{color: #fff;}
.bg_blue{background: #4285f4;}
.bg{color: #f7f9fc;}
.mainBg{
  background: #E4542C;
}
.mainCol{
  color: #E4542C;
}
img{width: 100%;}
.only_sp{display: none;}
.flx{display: flex;}
.aic{align-items: center;}
.aife{align-items: flex-end;}
.jcc{justify-content: center;}
.jcsb{justify-content: space-between;}
.jcsa{justify-content: space-around;}
.jcfe{justify-content: flex-end;}
.fdrl{flex-direction: row-reverse;}
.fdrc{flex-direction: column;}
.fww{flex-wrap: wrap;}
.tal{text-align: left;}
.tac{text-align: center;}
.tar{text-align: right;}
.wsn{white-space: nowrap;}

.inner{
  margin: 0 auto;
  width: 120rem;
}
@media (max-width: 767px){
  .inner{
    width: 100%;
    box-sizing: border-box;
  }
}
main{overflow: hidden;}
/* オープニングアニメーション */





/* 

.cls-1,.cls-11{
  fill:#fff;
}
.cls-10,.cls-2,.cls-3,.cls-4,.cls-5,.cls-6,.cls-7,.cls-8,.cls-9{
  fill:none;stroke-linecap:round;stroke-linejoin:round;
}.cls-2,.cls-3,.cls-4{
  stroke: #ffffff;}
  .cls-2{
    stroke-width:18px;
  }.cls-3{
    stroke-width:17px;
  }.cls-11,.cls-4{
    stroke-width:11px;
  }.cls-5,.cls-6,.cls-7{
    stroke:#fff;
  }.cls-10,.cls-5{
    stroke-width:13px;}
    .cls-6{stroke-width:26px;}
    .cls-7{stroke-width:10px;}
    .cls-10,.cls-11,.cls-8,.cls-9{stroke:#fff;}
    .cls-8{stroke-width:16px;}
    .cls-9{stroke-width:5px;}
    .cls-11{stroke-miterlimit:10;} */

#mask{
  width: 100%;
  height: auto;
}
image{
  width: 100%;
  height: auto;
}
.secTtl{
  font-size: 8rem;
  letter-spacing: 0.04em;
  font-weight: 500;
  font-style: italic;
  text-align: center;
}
.secTtl .subTtl{
  font-style: normal;
  font-size: 2.4rem;
  font-weight: bold;
  margin-top: 1.8rem;
  display: flex;
  justify-content: center;
  align-items: center;
  letter-spacing: 0;
}
.secTtl .subTtl::before,
.secTtl .subTtl::after{
  content: "";
  width: 5rem;
  height: 0.3rem;
  background: #000;
  margin: 0 2.5rem;
  border-radius: 60px;
}
@media (max-width: 767px){
.secTtl{
  font-size: 12rem;
}
.secTtl .subTtl{
  font-style: normal;
  font-size: 4.8rem;
  margin-top: 2.5rem;
  line-height: 1.5;
}
.about .secTtl .subTtl{
  font-feature-settings:"palt";
  letter-spacing: 0.1em;
}
.secTtl .subTtl::before,
.secTtl .subTtl::after{
  content: "";
  width: 7rem;
  height: 0.5rem;
  background: #000;
  margin: 0 5rem;
  border-radius: 60px;
}
}


@media screen and (min-width: 767px){
  .sp{display: none !important;}
}
@media screen and (max-width: 767px){
  html,body{font-size: calc(10 * (100vw / 750));}
  .pc{display: none;}
  .sp{display: block;}
}
@media screen and (min-width: 768px) and (max-width: 1920px){
  html,body{font-size: calc(10 * (100vw / 1920));}
}

/* アニメーション */
.jsTop{
  opacity: 0;
  transition: 1.5s;
}
.opacity{
  opacity: 1;
}
.jsUnder{
  transform:translateY(70px); 
  opacity:0;
  transition:opacity 1s,transform 1s;
}
.fadeIn{
  opacity:1;
  transform:translate(0);
}
.anime{
  background-color: #E4542C;
  width: 100%;
  height: 100vh;
  position: relative;
}
.animation{
  transform: scale(0);
  animation-name: bound-anim;
  animation-duration: 2s;
  transform-origin: 55% 35%;
  animation-fill-mode:forwards
}
.delay1{animation-delay: 0.2s;}
.delay2{animation-delay: 0.4s;}
.delay3{animation-delay: 0.6s;}
.delay4{animation-delay: 0.8s;}
.delay5{animation-delay: 1s;}
.delay6{animation-delay: 2.2s;}

.animation.op{
  opacity: 0;
  transform: scale(1);
  transform-origin: unset;
  animation: opa-anim 1s 2.5s forwards;
}

@keyframes opa-anim {
  0%{opacity: 0;}
  100% {opacity: 1;}
}
@keyframes bound-anim {
  0%{transform: scale(0);}
  50% {transform: scale(1.2);}
  100% {transform:  scale(1);}
}
.animation.op.ful{
  opacity: 1;
  animation: hurueru 1.5s 2.5s forwards;
  transform: scale(1.0, 1.0) translate(-70vw, 0%);
}
@keyframes hurueru {
  /* 0% {transform: translate(0px, 0px) rotateZ(0deg)}
  25% {transform: translate(2px, 2px) rotateZ(1deg)}
  50% {transform: translate(0px, 2px) rotateZ(0deg)}
  75% {transform: translate(2px, 0px) rotateZ(-1deg)}
  100% {transform: translate(0px, 0px) rotateZ(0deg)} */
  /* 0% {transform: translate(0px, 0px) rotateZ(0deg)}
  25% {transform: translate(2px, 2px) rotateZ(1deg)}
  50% {transform: translate(0px, 2px) rotateZ(0deg)}
  75% {transform: translate(2px, 0px) rotateZ(-1deg)}
  100% {transform: translate(0px, 0px) rotateZ(0deg)} */
  /* 少しぴょん */
  /* 0%   { transform: scale(1.0, 1.0) translate(0%, 0%); }
  20%  { transform: scale(1.0, 1.06) translate(-5%, -4%) skew(6deg, 0deg); }
  50%  { transform: scale(1.0, 0.94) translate(5%, 4%) skew(-6deg, 0deg); }
  65%  { transform: scale(1.0, 1.03) translate(2%, -2%) skew(-3deg, 0deg); }
  80%  { transform: scale(1.0, 0.97) translate(-2%, 2%) skew(3deg, 0deg); }
  100% { transform: scale(1.0, 1.0) translate(0%, 0%); } */
  0%   { transform: scale(1.0, 1.0) translate(-70%, 0%); }
  5%  { transform: scale(1.1, 0.9) translate(-70%, 2%); }
  20%  { transform: scale(1.2, 0.8) translate(-70%, 15%); }
  25%  { transform: scale(1.0, 1.0) translate(-70%, 0%); }
  30%  { transform: scale(0.9, 1.2) translate(-51%, -15%); }
  37%  { transform: scale(0.9, 1.2) translate(-51%, -15%); }
  42%  { transform: scale(1.2, 0.8) translate(-35%, -10%); }
  50% { transform: scale(1.0, 1.0) translate(-35%, 0%); }
  55%  { transform: scale(1.1, 0.9) translate(-35%, 2%); }
  70%  { transform: scale(1.2, 0.8) translate(-35%, 15%); }
  75%  { transform: scale(1.0, 1.0) translate(-35%, 0%); }
  80%  { transform: scale(0.9, 1.2) translate(-32%, -25%); }
  87%  { transform: scale(0.9, 1.2) translate(-18%, -25%); }
  92%  { transform: scale(1.2, 0.8) translate(-9%, -10%); }
  100% { transform: scale(1.0, 1.0) translate(0%, 0%); }
  
  /* 0%   { transform: scale(1.0, 1.0) translate(0%, 0%); }
  10%  { transform: scale(1.1, 0.9) translate(0%, 5%); }
  40%  { transform: scale(1.2, 0.8) translate(0%, 15%); }
  50%  { transform: scale(1.0, 1.0) translate(0%, 0%); }
  60%  { transform: scale(0.9, 1.2) translate(0%, -50%); }
  75%  { transform: scale(0.9, 1.2) translate(0%, -20%); }
  85%  { transform: scale(1.2, 0.8) translate(0%, 15%); }
  100% { transform: scale(1.0, 1.0) translate(0%, 0%); } */


}
.circle{
  position: fixed;
  z-index: 1000;
  animation: circle 1s cubic-bezier(.4, 0, .2, 1) 4.5s forwards;
}
/* circle 1s cubic-bezier(.4, 0, .2, 1) 4s forwards */
/* まるで切り抜くアニメーション */
@keyframes circle {
  0% {
    clip-path: circle(100% at 50% 50%);
    -webkit-clip-path: circle(100% at 50% 50%);
  }
  100% {
    clip-path: circle(0 at 50% 50%);
    -webkit-clip-path: circle(0 at 50% 50%);
  }
}
svg{
  overflow: unset;
  width: 90rem;
  position: absolute;
  top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

@media (max-width: 767px){
  svg{
    width: 65rem;
    top: 42%;
  }
  /* アニメーション */
  h2.jsUnder{
    transform:translateY(0px); 
    transform:translateX(-70px); 
  }
  .forAreaBox h3{
    transform:translateY(0px); 
    transform:translateX(-70px); 
  }
  .boothList li:nth-child(odd){
    transition-delay: 0.2s !important;
    transform:translateY(0px); 
    transform:translateX(-70px); 
  }
  .boothList li:nth-child(even){
    transition-delay: 0.2s !important;
    transform:translateY(0px); 
    transform:translateX(70px); 
  }
  main section .fadeIn{
    opacity:1;
    transform:translate(0) !important;
  }

}






/*header*/
.hide{
  display: none;
}
header.hide{
  transform: translateY(-100%);
}/*header*/
header{
  width: 100%;
}
.headerBox{
  position: fixed;
  z-index: 50;
  display: flex;
  justify-content: space-between;
  width: 100%;
  background: #fff;
}
.headerBox .ttlIcon{
  margin: 1.8rem 0;
  margin-left: 5rem;
  width: 11.2rem;
  display: block;
}

#global_nav ul{
  display: flex;
  margin-top: 4rem;
  align-items: center;
  height: 100%;
}

#global_nav ul li{
  font-size: 1.6rem;
  padding: 1.2rem 1.5rem;
}

#global_nav ul li a{
  color: #000;
  font-weight: bold;
  display: block;
  text-align: center;
}
#global_nav ul li a .en{
  display: block;
  margin-top: 0.8rem;
  font-weight: 500;
}
/* #global_nav ul li:last-of-type{
  background: #E4542C;
  border-radius: 0.5rem;
  margin-right: 6.6rem;
  position: relative;
  overflow: hidden;
  z-index: 12;
  padding: 1.5rem 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
#global_nav ul li:last-of-type a{
  color: #fff;
  font-weight: normal;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1.1;
} */

/* #global_nav ul li:last-of-type a::before{
  content: "";
  background: url(../images/arrow_w.png) center center no-repeat;
  background-size: contain;
  width: 1rem;
  height: 2rem;
  margin-right: 0.9rem;
} */

#global_nav ul li:not(last-of-type){
  margin-right: calc(150 * (100vw / 1920));
}

#global_nav .hovac:after{
  width: 100%;
  height: 0;
  content:"";
  position: absolute;
  top: 50%;
  left: 50%;
  background : #FFF;
  opacity: 0;
  transform: translateX(-50%) translateY(-50%) rotate(45deg) scale(1.35);
  transition: .4s;
  z-index: -1;
}
#global_nav .hovac:hover{
  color: #1a6591;
  opacity: 1;
  border: none;
}
#global_nav .hovac:hover:after{
  height: 240%;
  opacity: 1;
}
#global_nav .hovac:active:after{
  height: 340%;
  opacity: 1;
}
@media screen and (max-width: 767px){
  .headerBox{
    height: 10rem;
    background: #E4542C;
    justify-content: center;
  }
  .headerBox .ttlIcon{
    margin-top: 0;
    margin-left: 0;
    width: 13.5rem;
    display: block;
  }
  .gnavi nav{
    position: fixed;
    top: 0;
    right: -630px;
    height: 100%;
    padding-top: 5rem;
    background: #E4542C;
    box-sizing: border-box;
    z-index: 10;
    width: 62rem;
  }
  .gnavi {
    position: fixed;
    top: 2.5rem;
    right: 3rem;
    width: 8rem;
    height: 4.8rem;
    z-index: 3;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-transition: all 400ms;
    transition: all 400ms;
  
  }
  .gnavi .jsHumb{
    position: absolute;
    width: 8rem;
    height: .8rem;
    background: #fff;
    border-radius: 10px;
    -webkit-transition: all 400ms;
    transition: all 400ms;
    z-index: 300;
  }
  .gnavi .jsHumb:nth-of-type(1){top: 2%;}
  .gnavi .jsHumb:nth-of-type(2){top: 40%;}
  .gnavi .jsHumb:nth-of-type(3){top: 80%;}
  .gnavi.open .jsHumb{
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    top: 20%;
    background-color: #fff !important;
  }
  .gnavi.open .jsHumb:nth-of-type(2){display: none;}
  .gnavi.open .jsHumb:nth-of-type(3){
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
  }
  #global_nav ul{
    display: block;
  }
  #global_nav ul li{
    margin-bottom: 7rem;
    margin-left: 2rem;
    width: auto;
    height: auto;
    display: block;
  }
  /* #global_nav ul li:last-of-type {
    background-color: transparent;
    overflow: unset;
    display: block;
  } */
  #global_nav ul li a{
    font-size: 3.6rem;
    color: #fff;
  }
  #global_nav ul li:nth-of-type(1) a, #global_nav ul li:nth-of-type(2) a, #global_nav ul li:nth-of-type(3) a, #global_nav ul li:nth-of-type(4) a,#global_nav ul li:nth-of-type(5) a {
    font-size: 3.6rem;
  }
  #global_nav ul li:nth-of-type(1) a, #global_nav ul li:nth-of-type(2) a, #global_nav ul li:nth-of-type(3) a, #global_nav ul li:nth-of-type(4) a {
    margin-left: 0;
  }
  #global_nav ul li:nth-of-type(5) a {
    margin-left: 0rem;
  }
  .gnavi ul span{
    text-align: left;
    display: block;
    color: #fff;
    font-size: 3.6rem;
  }
 
  #global_nav ul li:last-of-type a::before {
    content: "";
    display: none;
}
}


/* 下層ページMV */
.mv .mainTtl{
  margin: 18rem 0 9rem 14rem;
  font-size: 8rem;
  line-height: 1;
}
.mv .mainTtl span{
  font-size: 6.4rem;
  font-style: italic;
  display: block;
  margin-bottom: 2rem;
}
@media (max-width: 767px){
  .mv .mainTtl{
    margin: 27rem 0 11rem 3.2rem;
    font-size: 12rem;
    line-height: 1;
    line-height: 1.25;

  }
  #about .mv .mainTtl{
    font-size: 11rem;
    white-space: nowrap;

  }
  .mv .mainTtl span{
    font-size: 9rem;
    margin-bottom: 4rem;
  }
}

/* ABOUT */
.about{
  padding: 16rem 0 18rem;
}
.about h2{
  margin-bottom: 16rem;
}
.about .leadArea{
  text-align: center;
  margin-bottom: 8rem;
}
.about .leadArea p{
  font-size: 2.4rem;
  line-height: 2;
  font-weight: bold;
}
.about .leadArea p:not(:last-of-type){
  margin-bottom: 4.5rem;
}
.about .keyWord{
  font-size: 8rem;
  font-weight: bold;
  display: inline-block;
  margin: 0 auto 6rem;
  position: relative;
}
.keyWord.m-b{
  margin-bottom: 9rem;
}
.about .keyWord::after{
  content: "";
  width: 97%;
  height: 2.4rem;
  background: #E4542C;
  position: absolute;
  top: 6.5rem;
  left: -0.8rem;
  z-index: -1;
}
.about .txt{
  width: 102rem;
  margin: 0 auto;
  font-size: 2.4rem;
  line-height: 2;
}
@media (max-width: 767px){

.about{
  padding: 24rem 0 24rem;
}
.about h2{
  margin-bottom: 20rem;
}
.about .leadArea{
  padding: 0 3.2rem;
  margin-bottom: 9rem;
}
.about .leadArea p{
  font-size: 4.8rem;
  line-height: 1.5;
  font-weight: bold;
}
.about .leadArea p:not(:last-of-type){
  margin-bottom: 6rem;
}
.about .keyWord{
  font-size: 9rem;
  margin: 0 auto 9rem;
  position: relative;
  /* letter-spacing: -0.05em; */
  margin-left: 1rem;
  white-space: nowrap;
  line-height: 1.22;
  font-feature-settings: "palt";
}
.keyWord.m-b{
  margin-bottom: 14rem;
}
.about .keyWord::after{
  content: "";
  width: 72%;
  height: 3.7rem;
  position: absolute;
  top: 7rem;
  left: 7rem;

}
.about .keyWord::before{
  content: "";
    background: #E4542C;
    height: 3.7rem;
    z-index: -1;
    position: absolute;
    top: 18rem;
    left: 0;
    width: 98%;
}
.about .txt{
  width: 65.6rem;
  margin: 0 auto;
  font-size: 4.8rem;
  line-height: 2;
}
}






/* FOOTER */
footer .footerTopBlock{
  padding: 4.5rem 0 4.5rem;
  background-color: #F4F4F4;
}
footer .footerList{
  width: 100%;
  margin: 0 auto;
}

/* footer ul .telBlock{
  padding: 0 3rem;
} */
footer ul .telBlock p{
  font-size: 1.4rem;
  line-height: 3.8rem;
  border-top: 1px dotted #707070;
  border-bottom:dotted 1px  #707070;
  margin-bottom: 1rem;
}
footer ul .telBlock a{
  font-size: 3.5rem;
  color: #E4542C;
  letter-spacing: -0.04em;
}
footer ul .telBlock a span{
  font-size: 1.8rem;
  color: #E4542C;
  letter-spacing: -0.07em;
  display: inline-block;
  margin-right: 0.5rem;
}
@media (min-width: 768px){
  footer ul li:nth-of-type(2){
    margin: 0 3.5rem;
  }
  footer ul li:nth-of-type(3){
    margin-right: 3.5rem;
  }
}

footer ul .bnrBlock a{
  display: block;
  width:  27rem;
}

footer .staff p{
  font-size: 1.4rem;
  line-height: 1.5;
}
footer .copy{
  background: #E4542C;
  color: #fff;
  font-size: 1.2rem;
  padding: 2rem;
}
@media (max-width: 767px){
  footer .footerTopBlock{
    padding: 18rem 0 18rem;
    background-color: #F4F4F4;
  }
  footer .footerList{
    width: 100%;
    padding: 0 3.2rem;
    margin: 0 auto;
    display: block;
    text-align: center;
  }
 
  footer ul .telBlock{
    padding: 0;
    margin-bottom: 8rem;
  }
  footer ul .telBlock p{
    font-size: 2.8rem;
    line-height: 7rem;
    margin-bottom: 1.4rem;
  }
  footer ul .telBlock a{
    font-size: 7rem;
    letter-spacing: -0.04em;
  }
  footer ul .telBlock a span{
    font-size: 3.6rem;
    letter-spacing: -0.07em;
    display: inline-block;
    margin-right: 0.5rem;
  }
  footer ul .bnrBlock{
    margin: 0 auto;
    width: 44rem;
    margin-bottom: 8rem;
  }
  footer ul .bnrBlock a{
    display: block;
    width:  100%;
  }
  footer .staff p{
    font-size: 2.8rem;
    line-height: 2;
    text-align: left;
  }
  footer .copy{
    background: #E4542C;
    color: #fff;
    font-size: 2rem;
    padding: 4.7rem 0 5.2rem;
  }
}




/* modal */
.modal{
  display: none;
  height: 100vh;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
}
.movie-wrap.show{
  -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
}
.modal.is_show{display: block;}
.modal_bg{
  background: unset;
  height: 100vh;
  position: absolute;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.7);
}
.modal-content{
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  position: absolute;
  width: 70%;
  
}
.movie-wrap{
  position: relative;
  background-color: #000;
  width: 100%;
  padding-top: 56.25%;
  /* transform: scale(0.7,0.7); */
  -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    -o-transition: -o-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease, -o-transform 0.3s ease;
}
.movie-wrap iframe{
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.4s ease 0.5s;
  -moz-transition: all 0.4s ease 0.5s;
  -ms-transition: all 0.4s ease 0.5s;
  -o-transition: all 0.4s ease 0.5s;
  transition: all 0.4s ease 0.5s;
  opacity: 0;
}
.movie-wrap iframe.show{
  opacity: 1;
}
.close{
  font-size: 20px;
  width: 1.4em;
  height: 1.4em;
  border-radius: 100%;
  position: absolute;
  right: -3rem;
  top: -3rem;
  background: #000;
  cursor: pointer;
  transition-duration: 0.3s;
}
.close::before {
  position: absolute;
  top: 0.2em;
  left: 0.6em;
  width: 0.2em;
  height: 1em;
  content: "";
  background-color: #FFF;
  transform: rotate(45deg);
}
.close::after {
  position: absolute;
  top: 0.6em;
  left: 0.2em;
  width: 1em;
  height: 0.2em;
  content: "";
  background-color: #FFF;
  transform: rotate(225deg);
}

@media screen and (max-width: 768px){
  .modal-content{
    width: 100%;
  }
  .close{
    top: -8rem;
    right: 3rem;
  }
  
  .movieLink{
    padding-top: 36.2rem;
  }
  .movieLink h2{
    width: 39.2rem;
    margin-left: 0;
    position: relative;
    margin-bottom: 7rem;
  }
  .movieLink .lead{
    font-size: 3rem;
    line-height: 1.6;
    margin-left: 0;
    margin-bottom: 9rem;
  }
  .movieWrap{
    display: block;
    margin-bottom: 4.3rem;
  }
  .movieBox a{
    width: 100%;
    margin-bottom: 2.6rem;
  }
  .movieBox a::after{
    width: 8rem;
    height: 8rem;
  }
  .movieBox p{
    text-align: center;
    font-size: 2.8rem;
    font-family: YuGothic, "Yu Gothic Medium","游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro",'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W6','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
    margin-bottom: 10rem;
  }
}
@media all and (-ms-high-contrast: none) {
  .ie {
    display: none;
 }
}