/**********************************************************************　コモン　*******************************************************************************/

body { margin: 0 0 0 0; font-size: 16px; } 
.sp {display: none;}

.kaig { display: inline; }


/**********************************************************************　大枠デザイン　*******************************************************************************/


/***** 　　　　　左右1366で縛るかどうか？ 　　　　　　*****/ 

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

}

.logol { top: 100px; right: 11%; width: 12%; }
#index .logol { top: 16%; right: 12%; width: 18%; }
#inquiry .logol { top: 16%; left: 45%; width: 10%; }
.lang { position: absolute; top: 0; right: 0; z-index: 4; width: 150px; margin: 0; }
.tti { font-size: 2.0em; position; top: 120px; left: 10%; }

.logof { width: 5%; margin: 0 auto; }

.slidedown { width: 100%; height: 60px; margin: 0; padding : 0 0 0 0; text-align: center; position: fixed; top: 0; z-index: 100 }
.slidedown { background: hsla(0,0%,20%,0.80); }

.slidedown nav { display: table; height: 100px; position: relative; margin: 0 auto; }
.slidedown nav { padding: 0; }

.slidedown  nav a { float: left; display: block; padding: 18px 2vw; text-align: center; }

.slidedown nav a { color: #fff; opacity: .6 }
.slidedown nav a.hit, .slidedown nav a:hover { opacity: 1 }

.lang .init-bottom:before { margin: 0 15px 4px 0; }

/**********************************************************************　デザイン　*******************************************************************************/

.abso-box { position: absolute; left: 0; width: 100%; }
body#index .photobg img { width: 55%; padding: 0 30% 30px 15%; }
body#index .abso-box { bottom: 0;  }
body#letter .photobg img { width: 100%; padding: 0; }
body#letter .abso-box { bottom: 0;  }
body#career .photobg img { width: 100%; padding: 0; }
body#career .abso-box { bottom: 0;  }
body#process .photobg img { width: 100%; padding: 0 0 200px 0; }
body#process .abso-box { bottom: 0;  }
body#sound .photobg img { width: 100%; padding: 0; }
body#sound .abso-box { top: 30vw; left: 0; }
body#inquiry .photobg img { width: 100%; padding: 0; }
body#inquiry .abso-box { top: 20vw; left: 0; }

.read { text-align: justify; max-width: 800px; width: 60%; margin: 0px auto 80px; }
.inq-box { text-align: justify; max-width: 800px; width: calc(60% - 80px); margin: 0px auto 20px; padding: 40px 40px 0px; }
.multi { padding: 20px }
.multi img { width: 21%; padding: 2% }
.blk { margin: 0 0 0 30%; padding: 12px 20px; }
.wht { margin: 0 0 40px 40%; padding: 15px 30px; }
body#inquiry .blk { margin: 0 0 0 38%; }
body#inquiry .wht { margin: 0 0 0 43%; }
.en .blk { margin: 0 0 0 30%; padding: 12px 20px 8px; }
.en .wht { margin: 0 0 40px 40%; padding: 15px 30px 10px; }

/**********************************************************************　動画　*******************************************************************************/

.video-box { position: relative }
.video-bt { position: absolute; top: 0;left: 0;z-index: 1;}
.video-bt a img { width: 100%; height: auto; opacity: 0; }
.video-bt a:hover img { opacity: 1; }

#myVideo {
/*position: absolute;
right: 0;
bottom: 0;
top:0;
right:0;*/
width: 100%;
height: auto;/*100%*/
/*background-size: auto 100%;
background-image: url(../img/pv.jpg) ;
background-position: center center;*/
object-fit: cover; /*cover video background */
z-index:1;
}

/**********************************************************************　フォントサイズ　*************************************************************************/

h1  { font-size: 1.6em;line-height: 1.2em ;  }
h2  { font-size: 1.1em;line-height: 1.2em ; padding-bottom: 10px ; } 
h3  { font-size: 1.1em;line-height: 1.2em ; padding-bottom: 10px ; }
h4  { font-size: 0.9em;line-height: 1.2em ; }

.lft { float: left;  }.rgt { float: right ; }/*background-color: #ff0000 */

/**************************************************************　スライドショー　******************************************************************/

.swiper-pagination{ height: 30px; position: absolute;left: 0;bottom: 0 }

/******************************************************************************* 　マルチ　 *********************************************************************************/

/**　　　　　左右２列　　　　　　　**/

.lft{float: left;width: 48%;}
.rgt{float: right;width: 48%;}