/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}


html,body{
	
	
	-webkit-overflow-scrolling: touch;
}



html{
	width:100%;
	height:100%;
	font-size:120%;
	
	background-color:#000;

	
}

html#siteTop{}




@font-face {
	
}



body{
	font-family: 'Questrial',"游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	
	letter-spacing:0.025em;
	
	

	width:100%;
	color:#fff;
	line-height:160%;

	
		
	
	
}

.font10px{ font-size:0.75rem;}
.font11px{ font-size:0.82rem;}
.font12px{ font-size:0.9rem;}
.font14px{ font-size:1.02rem;}
.font16px{ font-size:1.2rem;}
.font18px{ font-size:1.35rem;}
.font20px{ font-size:1.48rem;}
.font21px{ font-size:1.55rem;}
.font22px{ font-size:1.65rem;}
.font24px{ font-size:1.75rem;}
.font27px{ font-size:2rem;}
.font30px{ font-size:2.2rem;}

     


/* H1 - H5 p strong big
----------------------------------------------- */

h2{ font-size:1.75rem; line-height:160%;}
h3{ font-size:1.65rem; line-height:140%; margin-bottom:15px;}
h4{ font-size:1.35rem; line-height:120%; margin-bottom:15px;}
h5{ font-size:1.2rem; line-height:110%; margin-bottom:15px;}

h2,
h3,
h4,
h5{ font-weight:normal;}

b,
strong{ font-weight:bold;}

big{ font-size:150%;}

p{ margin-bottom:20px;line-height:180%;}


div{ position:relative;}







b{
	font-weight:900;
}

a,
a:link,
a:visited{
	color:#818181;
	text-decoration:none;
}

a:hover{
	color:#ed0973;
	text-decoration:none;
}




/* load
----------------------------------------------- */

#loading{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background:url(../img/ajax/loading.gif) center center no-repeat #000;
	z-index:9999;
	color:#000;
	font-size:0.75rem !important;
}

#loading_count{
	width: 200px;
	color: #fff;
	font-size: 3em;
	position: absolute;
	top: 30%;
	left: 50%;
	z-index: 9999;
	color:#000;
	font-size:0.75rem !important;
	display:none;
}
#loading_bar{
	width: 0;
	height: 1px;
	margin-top: -0.5px;
	position: absolute;
	top: 50%;
	left: 0;
	background: #000;
	z-index: 9999;
	opacity:0;
}



#preload{ position:fixed; width:0; height:0; top:0; left:0; overflow:hidden; opacity:0;} 




/* base
----------------------------------------------- */

.globalInner{ width:1000px; min-width:750px; height:inherit; margin:auto; position:relative;}


#container{ width:100%; min-width:1000px; padding:0 0px; margin:auto; opacity:1;}

#header{ width:100%; height:100px;  }
.header h1#logo{ width:360px; height:0px; padding-top:40px; overflow:hidden; position:relative; top:30px;background:url(/inc/img/common/logo_site.png) no-repeat; line-height:200%;}

.readArea{ padding-top: 3rem; margin-bottom: 5rem}
.readArea h2{ font-size: 3.5rem; font-weight: bold; color: #ed0973;}

dl.companyList{	display: grid;grid-template-columns: 220px 1fr; margin-bottom: 3em;font-size: 0.8em;}
dl.companyList dt{ padding: 0.2em 0.5em 0.2em 0em; }
dl.companyList dd{ border-left:solid 1px #fff; padding:0.2em 0 0.2em 2em; line-height: 1.5; display: grid; align-items: center;}
dl.companyList .en{ font-size: 1.0rem;margin-bottom: 0.7rem; line-height: 1;color: #ed0973;}
dl.companyList .jp{font-size: 0.7rem; line-height: 1;}



.contentWrap{ padding: 100px; line-height: 1.5; color: #fff;}




@media print{
  html{ background: #fff; font-size: 12px;}
  body{ color: #000;}
  
  .readArea{ padding-top: 1rem; margin-bottom: 2rem}
.readArea h2{ font-size: 2.0rem; font-weight: bold; color: #ed0973;}

dl.companyList{	display: grid;grid-template-columns: 1fr; margin-bottom: 0em;font-size: 0.8em;}
dl.companyList dt{ padding: 2rem 0 1rem 0;border-top:solid 1px #ccc;  }
dl.companyList dd{ border-left:0; padding:0rem 0 2rem 0; line-height: 1.5; display: grid; align-items: center;}

  
  			dl.companyList .en{ margin-bottom: 0rem;  display: inline-block;}
			dl.companyList .jp{ margin-bottom: 0rem; display: inline-block;}
			dl.companyList dt .en:after{ content: '/'; display: inline-block;   padding: 0 0.4rem 0 0.2rem;}
			
			
  
  
  
}