/* MAIN
------------------------------------------------------------------------ */
.main {
  position: relative;
  z-index: 1;
}



@media screen and (max-width: 768px) {
 .pc{ display:none;}


   h2 img{ width:100%}

  h2{
	  text-align:center; 
	  margin-top:32px;
	  margin-bottom:37px;
  font-weight:bold;
  font-size:24px;
  font-style:normal;
}
  h2 span{
  font-family: arial;
  font-weight:bold;
  color:#e60012;
  line-height:1.2;
  font-size:18px;
  display:block;
  }
  
  h3{
	  text-align:center; margin-top:32px;margin-bottom:37px;
  }
 .main img{ max-width:100%; height:auto;}
   
}

@media print, screen and (min-width: 769px) {
 .smp{ display:none;}
 
.main {
    margin: -96px 0 0;
  }
  
  h2{
	text-align:center; margin-top:150px;margin-bottom:32px;
  font-weight:bold;
	font-size:24px;
	font-style:normal;
	}
  h2 span{
  font-family: arial;
  font-weight:bold;
  color:#e60012;
  line-height:1.9;
  font-size:18px;
  display:block;
  }
  
  
  h3{
	  text-align:center; margin-top:0;margin-bottom:32px;
  }
 
}

@media print, screen and (min-width: 769px) {
  .zoom{
    transition: all 0s linear;
    -webkit-transition: all 0s linear;
    -moz-transition: all 0s linear;
    -ms-transition: all 0s linear;
  }
  .zoom.animate{
    transition: all 1s linear;
    -webkit-transition: all 1s linear;
    -moz-transition: all 1s linear;
    -ms-transition: all 1s linear;
  }
  .zoomIn{
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
  }
}

/* COMPANY : message
------------------------------------------------------------------------ */

@media screen and (max-width: 768px) {
	#company_message{margin:0 12px;}
	#company_message dl{ width:auto;}
	#company_message dl img{ width:100%;}
	#company_message dt{ width:auto;}
	#company_message dd{ width:auto;}
 	#company_message p{ line-height:2em;padding:40px 0 32px;}
}

@media print, screen and (min-width: 769px) {
	
	#company_message{}
	#company_message dl{ width:800px; height:350px; position:relative; margin:0 auto 64px auto;}
	#company_message dt{ width:531px; height:350px; position:absolute; left:0; top:0;}
	#company_message dd{ width:202px; height:49px; position:absolute; right:32px; bottom:0;}
 	#company_message p{ line-height:3em; width:800px; margin:0 auto; font-size:14px;padding-bottom:55px;}
 	
 	#en	#company_message dd{ width:202px; height:75px; position:absolute; right:32px; bottom:0;}
}




/*  COMPANY : concept
 ------------------------------------------------------------------------ */
@media screen and (max-width: 768px) {
 	#company_concept_02 h2,
	#company_concept_03 h2,
	#company_concept_04 h2{ }
	
	.company_concept h2{margin-bottom:10px;}
	.company_concept h3{ margin-top:0;margin-bottom:15px;}
	.company_concept{margin:0 12px 50px 12px;}
	
	.company_concept p{ line-height:2em; font-size:14px;}
	
	.company_concept ul{ list-style:outside; margin-bottom:64px;}
	.company_concept li{ line-height:2em; font-size:14px; margin-left:20px;}
}
@media print, screen and (min-width: 769px) {
	
	#company_concept_02 h2,
	#company_concept_03 h2,
	#company_concept_04 h2{ margin-top:0;}
	
	.company_concept{ width:820px; margin:0 auto 0 auto; margin-bottom:64px;}
	
	.company_concept p{ line-height:2.4em; font-size:14px;}
	
	.company_concept ul{ list-style:outside; margin-bottom:64px;}
	.company_concept li{ line-height:2.4em; font-size:14px; margin-left:20px;}
 
}

/* COMPANY : ir
------------------------------------------------------------------------ */
@media screen and (max-width: 768px) {
 
}
@media print, screen and (min-width: 769px) {
 
}

/* COMPANY : com_data
------------------------------------------------------------------------ */
@media screen and (max-width: 768px) {
 #company_comdata{margin:0 12px 50px 12px;}
 #company_history{margin:0 12px 50px 12px;}
 #company_partner{margin:0 12px 50px 12px; font-style:normal;}
 
 .dltable{}
 .dltable dl{}
 .dltable dt{ background:#f2f2f2;padding:22px 15px;}
 .dltable dd{padding:22px 15px; line-height:2em;}

#company_a{ width:100%; margin:0 auto; display:table; margin-bottom:60px; font-style:normal;}
#company_c{ width:100%; margin:0 auto; display:table; margin-bottom:60px; font-style:normal;}
 
#company_a table,
#company_c table{ 
	display:table;
	margin-left:0;
	font-size:14px;
	line-height:2em;
	}

#company_a table th,
#company_c table th{ 
	padding:10px 8px 10px 8px;
	width:100%; 
	text-align:left;
	border-bottom:1px dotted #ddd; 
	background:#f2f2f2; 
	border-right:none;
	font-weight:normal;
	display:inline-block;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
}

#company_a table td,
#company_c table td{ 
	border-bottom:1px dotted #ddd; 
	padding:10px 8px;
	display:inline-block;
	width:100%; 
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
}



#company{ width:100%; margin:0 auto; display:table; margin-bottom:60px; font-style:normal;}
 
#company table{ 
	display:table;
	margin-left:0;
	font-size:14px;
	line-height:2em;
	}

#company table th{ 
	padding:10px 8px 10px 8px;
	width:100%; 
	text-align:left;
	border-bottom:1px dotted #ddd; 
	background:#f2f2f2; 
	border-right:none;
	font-weight:normal;
	display:inline-block;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
}

#company table td{ 
	border-bottom:1px dotted #ddd; 
	padding:10px 8px;
	display:inline-block;
	width:100%; 
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
}



}
@media print, screen and (min-width: 769px) {
 
 #company_comdata{ width:820px; margin:0 auto; display:table; margin-bottom:60px;}
 #en #company_comdata{ width:920px; margin:0 auto; display:table; margin-bottom:60px;}
  
 #company_history{ width:820px; margin:0 auto; display:table; margin-bottom:60px;}
 #company_partner{ width:820px; margin:0 auto; display:table; margin-bottom:60px; font-style:normal;}
 #en #company_partner{ width:920px; margin:0 auto; display:table; margin-bottom:60px; font-style:normal;}
 
 .dltable{ display:table;}
 .dltable dl{ display:table-row;margin-left:52px; font-size:14px; line-height:2em;}
 .dltable dt{ display:table-cell;padding:0 112px 0 51px; width:119px; height:100%; text-align:right;}
 .dltable dt span{ border-bottom:1px dotted #ddd; background:#f2f2f2; display: inline-block; width:100%; height:100%; padding:15px 8px;}
 .dltable dd{ display:table-cell;}
 .dltable dd span{ border-bottom:1px dotted #ddd; display:block; width:100%; height:100%;padding:15px 8px;} 
 
 #company_partner.dltable{ display:block;}
 #company_partner.dltable dl{ display:block;margin:0 10px 0 51px; font-size:14px; line-height:2em;}
 #company_partner.dltable dt{ background:#f2f2f2;padding:0; display:block; width:auto; text-align:left;}
 #company_partner.dltable dd{padding:22px 15px; line-height:2em; display:block;}
 #company_partner.dltable dt span{ border:none; padding:10px 15px;}
 #company_partner.dltable dd span{ border:none; padding:0;}


 #company_a{ width:820px; margin:0 auto; display:table; margin-bottom:60px; font-style:normal;}
 #company_c{ width:820px; margin:0 auto; display:table; margin-bottom:60px; font-style:normal;}
 
 #company_a table,
  #company_c table
  { display:table;margin-left:52px; font-size:14px; line-height:2em;}
 #company_a table th,
  #company_c table th { 
padding:15px 8px 15px 51px;
width:119px; 
height:100%; 
text-align:right;
border-bottom:1px dotted #ddd; 
background:#f2f2f2; 
border-right:112px solid #fff;
font-weight:normal;
}
 #company_a table td,
 #company_c table td{ 
border-bottom:1px dotted #ddd; 
padding:15px 8px;
}
 
 #company{ width:820px; margin:0 auto; display:table; margin-bottom:60px; font-style:normal;}

 #company table
  { display:table;margin-left:52px; font-size:14px; line-height:2em;}

  #company table th { 
padding:15px 8px 15px 51px;
width:119px; 
height:100%; 
text-align:right;
border-bottom:1px dotted #ddd; 
background:#f2f2f2; 
border-right:112px solid #fff;
font-weight:normal;
}

 #company table td{ 
border-bottom:1px dotted #ddd; 
padding:15px 8px;
}
 
 
}

/*COMPANY : com_list
------------------------------------------------------------------------ */
@media screen and (max-width: 768px) {
	
	#company_list_JP{padding:0 10px;}
	#company_list_GL{padding:0 10px;}
	
	.area h3{margin:0 0 0 0;padding:15px; background:#0068b7; color:#fff; text-align:left;}
	section.area dl{ padding:20px 0 0 15px;}
	
	section.area dl dt{ display:block; position:relative; margin-bottom:15px; font-weight:bold;}
	section.area dl dt a{ position:absolute; right:0;font-weight:normal;  color:#b8b8b8; font-size:12px;}
	section.area dl dd{ line-height:2em; margin-bottom:30px;}

   h2.pn{
	   font-size:14px;
	   font-weight:bold;
	   background:#f2f2f2;padding:10px 15px;
	   text-align:left; margin-top:32px;margin-bottom:25px;
  }
  .pnList{padding:0 15px; margin-bottom:60px}
  .pnList li{ margin-bottom:25px;font-size:14px;}
  
  
}
@media print, screen and (min-width: 769px) {
 
 #company_list_JP{ width:820px; margin:0 auto 0 auto; }
 
 #company_list_GL{ width:820px; margin:0 auto 0 auto; }
 
 #gmap{ width:820px; height:525px;  margin-bottom:32px;}
  #map2{ width:820px; height:525px; margin-bottom:32px;}


 .comListTable{ display:table; table-layout:fixed; width:100%;font-style:normal;}
 .comListTable .tableTR{ display:table-row; table-layout:fixed;}
 .comListTable .tableTR section{ display:table-cell; table-layout:fixed; width:50%; box-sizing:border-box; padding:0 30px 0 0;}
 .comListTable .tableTR section h3{margin:0 0 0 0;padding:5px; width:50px; height:50px; text-align:center; color:#fff; background:#0068b7; display:table-cell; vertical-align:middle; font-weight:bold; font-size:14px;}
 .comListTable .tableTR section dl{padding:32px 0 20px 0;}
 .comListTable .tableTR section dt{ font-size:14px; font-weight:bold; line-height:1.6;padding-bottom:8px; margin-left:-8px;}
 .comListTable .tableTR section dt a{ font-weight:normal;  color:#b8b8b8;}
 .comListTable .tableTR section dd{ font-size:12px; line-height:1.6em;padding-bottom:15px; }
 
 .comListTable .tableTR.global section dl{padding:0 0 20px 0;}
 
   h2.pn{
	   font-size:14px;
	   font-weight:bold;
	   background:#f2f2f2;padding:10px 15px;
	   text-align:left; margin-top:32px;margin-bottom:25px;
  }
  .pnList{padding:0 15px; margin-bottom:60px}
  .pnList li{ margin-bottom:25px;font-size:14px;}
  
}

/*COMPANY : csr
------------------------------------------------------------------------ */
@media screen and (max-width: 768px) {
	

	#company_csr{margin:64px 12px 62px 12px;}
	
	#mainvisual h3{margin:0; width:auto;} 
	#mainvisual h3 img{ width:100%;} 

 #company_csr dl{ padding-bottom:60px;}	
 #company_csr dl dt img{ width:100%}
 #company_csr dd h4{ color:#0068b7; font-size:14px; font-weight:bold; line-height:1.7em;}
 #company_csr dd p{ font-size:12px; line-height:1.5em; padding-top:10px;}
}
@media print, screen and (min-width: 769px) {
	
	
	#company_csr{ width:820px; margin:62px auto 0 auto;}
	
	#mainvisual{ height:266px; background:url(../../imgs/company/csr_mainvisual.jpg) no-repeat 50% 50%;
	background-size:cover; position:relative;}
	#mainvisual h3{ margin:0; width:244px; height:87px; position:absolute; top:50%; margin-top:-40px; left:60%;} 
 
 #company_csr dl{ height:210px; position:relative;}
 #company_csr dt{ width:298px; height:83px; position:absolute; top:0; left:0;}
 #company_csr dd{ width:403px; height:200px; position:absolute; top:0; right:0;}
 #company_csr dd h4{ color:#0068b7; font-size:14px; font-weight:bold; line-height:1.7em;}
 #company_csr dd p{ font-size:12px; line-height:1.5em; padding-top:10px;}
 
 
}





/*COMPANY : index
------------------------------------------------------------------------ */


@media screen and (max-width: 768px) {
 
	#company_index{ width:auto; margin:0 12px;margin-bottom:48px;}
	#company_index figure{ width:50%; height:auto; position:relative; overflow:hidden; display:block; margin-right:0; margin-bottom:0; float:left;}
	#company_index figure.right{margin-right:0;}
	#company_index figure img{ width:100%; height:auto;}
	#company_index figcaption{ width:100%; padding:12px 0; font-size:18px; font-weight:bold; text-align:center; background:rgba(0,0,0,0.6); display:block; position:absolute; bottom:0; left:0; color:#fff; line-height:1em;}
	#company_index figure a:hover{ background:rbga(0,0,0,0.5)}
	
	#company_index:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
	}
	

}
	#company_index{ width:815px; margin:0 auto 48px;}
	#company_index figure{ width:264px; height:165px; position:relative; overflow:hidden; display:block; margin-right:11px; margin-bottom:11px; float:left;}
	#company_index figure.right{margin-right:0;}
	#company_index figure img{ width:100%; height:100%;}
	#company_index figcaption{ width:100%; padding:12px 0; font-size:18px; font-weight:bold; text-align:center; background:rgba(0,0,0,0.6); display:block; position:absolute; bottom:0; left:0; color:#fff; line-height:1em;}
	#company_index figure a:hover{ background:rbga(0,0,0,0.5)}
	
	#company_index:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
	}
	
 @media screen and (max-width: 768px) {
	#company_index{ width:auto; margin:0 12px;margin-bottom:48px;}
	#company_index figure{ width:50%; height:auto; position:relative; overflow:hidden; display:block; margin-right:0; margin-bottom:0; float:left;}
	#company_index figure.right{margin-right:0;}
	#company_index figure img{ width:100%; height:auto;}
	#company_index figcaption{ width:100%; padding:12px 0; font-size:18px; font-weight:bold; text-align:center; background:rgba(0,0,0,0.6); display:block; position:absolute; bottom:0; left:0; color:#fff; line-height:1em;}
	#company_index figure a:hover{ background:rbga(0,0,0,0.5)}
	
	#company_index:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
	}
#en #company_index figcaption{ font-size:12px;line-height:1.2;}
	
 }