@charset "utf-8";
@import url(drawerMenu.css);

/**********************************************************************　スマホ　*******************************************************************************/
.pc {display: none;}

.kaig { display: block; }

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

h1  { font-size: 2.0em;line-height: 1.0em ;  }**/

h1, h2, h3, h4 { text-align: left!important; }
h1.eng { font-size: 1.2em;line-height: 1.4em ;  }
h2  { font-size: 1.2em; line-height: 1.4em; padding: 0 0 10px 0 } 
h3  { font-size: 1.1em; line-height: 1.2em; }
h4  { font-size: 0.9em; line-height: 1.2em; }

h1 {  }
body#index h1 {  }

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

body { margin: 0 ; padding: 0 }
article { width: 100% } 

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

article#imagevideo > div  { width: 100%;margin: 0 }
#index .swiper-slide img { width: 100% ; }

.read { text-align: justify; width: calc( 100% - 60px ); margin: 30px 30px 30px 30px; }
.abso-box { position: relative; padding: 20px 0px 0px 20px; }

.jp .blk { margin: 0 0 0 0; padding: 10px 12px; }
.jp .wht { margin: 0 0 40px 30px; padding: 10px 20px; }
.en .blk { margin: 0 0 0 30px; padding: 10px 12px; }
.en .wht { margin: 0 0 40px 30px; padding: 10px 20px; }

.photobg img { width: 100%!important; }

/****************************　　lang　　****************************/

.lang { position: absolute;top: 0; left: 0; z-index: 4; width: 120px; }
.lang .init-bottom:before { margin: 0 15px 4px 0; }
.multi { padding: 0 0 20px 0 }
.multi img { width: 42%; padding: 4% }

/***********************************************************************　固定ヘッダー　******************************************************************************/

header { border-bottom: solid 1px #000 ; z-index: 10 ; } 
header { padding: 15px 0 0 0 ; height:45px ; }
header ul li  { padding: 0 }
header ul li a { font-size: 1.6em;line-height: 1.0em ; padding: 20px 0; color: #fff }
header nav ul li { border-bottom: 1px solid hsla(0,0%,50%,.7); background-color: hsla(0,0%,20%,.7); }
header.sp ul li.active { background-color: hsla(0,0%,40%,.7); }
header.sp ul li.active a { }

.logol { top: 30px; right: 20px; width: 25%; }
#index .logol { width: 40%; }

/**********************************************************************　イレギュラー　*******************************************************************************/

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

}