@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 { font-size: 1.3em; line-height: 1.4em; }
body#index h1 {  }
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; }


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

body { margin: 0 ; padding: 0 }
article { width: 100%; overflow-x: hidden!important } 

.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%; }

.info-box { padding: 120px 0px 0px 0px; }
.info-box .logol { padding-right: calc(25% + 20px); width: 25%; }

.inq-box { text-align: justify; width: 100%; margin: 0px 0px 20px!important; padding: 0!important }
.inq-box h2 { padding: 10px }

dl.toiawase { width: calc(100% - 0px); margin: 0!important; padding: 0 0px!important; }
dl.toiawase dd { margin: 0!important; padding: 0!important; }

body.wgtbg .hearing-box { padding: 0px; background-color: hsla(0,0%,100%,0); }
body.wgtbg .hearing-box dl.toiawase { padding: 0 0 10px!important }

.ppbox h3 { padding: 40px 0 20px; }

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

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

}