@charset "UTF-8";

/* ========================================================================

  /special/eng/css/eng.css

======================================================================== */

/************************************************************************
  bgm
************************************************************************/
.bgm__logo { width:570px }

/* ============ smart phone ============ */
@media (max-width:768px){

.bgm__logo { width:80vw; }
}
/************************************************************************
  fv
************************************************************************/
.fv__ttl { width:calc(1310px /2); }
.fv__box .content .lead { margin:auto auto calc(12/840*100vh); width:calc(856px /2); top:calc(-23/840*100vh); }

/* ============ smart phone ============ */
@media (max-width:768px){
.fv__box .content h1 { width:calc(683/750*100vw); }
.fv__box .content h2 { margin-bottom:calc(-15/750*100vw); top:calc(-48/750*100vw); }
.fv__box .content .lead { width:calc(677/750*100vw); }
.fv__box .content .fv__bottom { top:calc(50/750*100vw) !important; }
}
/************************************************************************
  .cookie-consent
************************************************************************/
.cookie-consent.is-show { z-index:1000 !important; }
/************************************************************************
  #mainStory
************************************************************************/
/* #column-1 */
#mainStory ul li#column-1 h3 { width:calc(1057px /2); }
#mainStory ul li#column-1 p.text { width:calc(718px /2); height:calc(226px /2); }

/* #column-2 */
#mainStory ul li#column-2 h3 { width:calc(1652px /2); }
#mainStory ul li#column-2 p.text { width:calc(596px /2); height:calc(357px /2); }

/* #column-3 */
#mainStory ul li#column-3 h3 { width:calc(1538px /2); }
#mainStory ul li#column-3 p.text { width:calc(802px /2); height:calc(356px /2); }

/* #column-4 */
#mainStory ul li#column-4 h3 { width:calc(1568px /2); }
#mainStory ul li#column-4 p.text { width:calc(517px /2); height:calc(229px /2); }

/* #column-5 */
#mainStory ul li#column-5 h3 { width:calc(1408px /2); }
#mainStory ul li#column-5 p.text { width:calc(456px /2); height:calc(225px /2); }

/* #column-6 */
#mainStory ul li#column-6 h3 { width:calc(1446px /2); }
#mainStory ul li#column-6 p.text { width:calc(547px /2); height:calc(262px /2); }
/* ============ smart phone ============ */
@media (max-width:768px){
/* #column-1 */
#mainStory ul li#column-1 h3 { width:calc((759 /2)/750*100vw); }
#mainStory ul li#column-1 p.text { width:calc((1162 /2)/750*100vw); height:calc((345 /2)/750*100vw); }

/* #column-2 */
#mainStory ul li#column-2 h3 { width:calc((937 /2)/750*100vw); }
#mainStory ul li#column-2 p.text { width:calc((988 /2)/750*100vw); height:calc((540 /2)/750*100vw); }

/* #column-3 */
#mainStory ul li#column-3 h3 { width:calc((1086 /2)/750*100vw); }
#mainStory ul li#column-3 p.text { width:calc((1210 /2)/750*100vw); height:calc((635 /2)/750*100vw); }

/* #column-4 */
#mainStory ul li#column-4 h3 { width:calc((1086 /2)/750*100vw); }
#mainStory ul li#column-4 p.text { width:calc((857 /2)/750*100vw); height:calc((348 /2)/750*100vw); }

/* #column-5 */
#mainStory ul li#column-5 h3 { width:calc((1086 /2)/750*100vw); }
#mainStory ul li#column-5 p.text { width:calc((756 /2)/750*100vw); height:calc((344 /2)/750*100vw); }

/* #column-6 */
#mainStory ul li#column-6 h3 { width:calc((1086 /2)/750*100vw); }
#mainStory ul li#column-6 p.text { width:calc((909 /2)/750*100vw); height:calc((373 /2)/750*100vw); }

#mainStory ul li p.banner { width:calc(483/750*100vw); }
}
/************************************************************************
  .footer__logo
************************************************************************/
.footer__logo { margin:52px auto 0; width:236px; }
.footer__nav__a { font-size:14px; }

/************************************************************************
  
************************************************************************/
.playbackModal__item--1 ._strings, .playbackModal__item--2 ._strings { flex-direction:row; }
.playbackModal__item--1 .playbackModal__copy, .playbackModal__item--2 .playbackModal__copy { flex-direction:row; }
.playbackModal__item--2 ._strings--2 { margin-top:calc(35/1280*100vw); }