@charset "UTF-8";

/* ライブラリ
-------------------------------------------------------------------------------------------------------- */

.hide{ display: none; }
.clear{ clear: both; }
.clear-L{clear:left;}
.clear-R{clear:right;}
.ta-C{text-align:center;}
.ta-R{text-align:right;}
.ta-L{text-align:left;}
.fl-R{float:right;}
.fl-L{float:left;}

hr {
	border:0;
	border-top: 1px dotted #222;
	margin: 0 0 19px 0;
	min-height: 0px;
	height: 1px;
	display:block;
}


.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
  *zoom:1;
}



/* base
-------------------------------------------------------------------------------------------------------- */
body{
	color:#222;
}
a{
	color:#222;
	text-decoration:none;
}
a:hover,a:active{
	text-decoration:underline;
}
ul{
	list-style:none;
	padding:0;
	margin:0;
}
li em{
	font-style:normal;
	font-size:0.8em;
	margin-right:0.2em;
}

/* header
-------------------------------------------------------------------------------------------------------- */
#header{
	overflow:hidden;
	margin-bottom:42px;
	height:138px;
}

#header_inner{
	max-width:980px;
	margin:0 auto;
	position:relative;
	text-align:center;
	_width:980px;
}
#header h1{
	width:210px;
	height:138px;
	top:0;
	left:0;
	position:absolute;
	background:#3E3A39;
	text-align:center;
}
#header h1 img{
	margin-top:60px;
}
#header_img{
	background-color:#000;
	background-image:url(../../comapny/img/header_img.jpg);
	background-position:50% 50%;
	background-repeat:no-repeat;
	height:115px;
	clear:both;
	font-size:9px;
	text-indent:-999em;
	
}

/* #wrapper
-------------------------------------------------------------------------------------------------------- */
#wrapper{
	width:980px;
	margin:0 auto;
}

/* nav
-------------------------------------------------------------------------------------------------------- */

#nav{
	width:210px;
	float:left;
}
#nav h2{
	margin-bottom:15px;
}
#nav li.m{
	margin-bottom:5px;
}
#nav li{
	font-size:100%;
}
#nav li a.ttl{
	background:#3E3A39;
	color:#FFF;
	display:block;
	padding:2px 5px;
	font-size:108%;
}
#nav li a.return_f{
	cursor:default;
}
#nav li a.ttl:hover{
	text-decoration:none;
}
#nav li a span{
	display:block;
	float:right;
	padding-top:3px;
	font-size:10px;
	*margin-top:-1.9em;
	*margin-right:3px;
}
#nav .submenu{
	margin:5px 0 5px 0;
	
}
#nav .submenu li{
	
}
#nav .submenu li:hover{
	background-color:#E6E6E6;
}
#nav .submenu li a{
	display:block;
	padding-left:10px;
	_zoom:1
}
#nav .submenu li a:hover{
	text-decoration:none;
}

/* .nav_m : tablet & smart phone / .nav_m_a : tablet / .nav_m_b : smart phone */
#nav .nav_m{
	display:none;
}
#nav .nav_m_a{
	width:50%;
	float:left;
}
#nav .nav_m1 li{
	margin-right:2px;
}
#nav .nav_m2 li{
	margin-left:2px;
}
#nav .nav_m li.m{
	margin-bottom:0;
	background-image: -webkit-gradient(linear, center top, center bottom, from(#3E3A39), to(#383433));
	background-image: -webkit-linear-gradient(top, #3E3A39, #383433);
	background-image: -moz-linear-gradient(top, #3E3A39, #383433);
	background-image: -o-linear-gradient(top, #3E3A39, #383433);
	background-image: -ms-linear-gradient(top, #3E3A39, #383433);
	background-image: linear-gradient(to bottom, #3E3A39, #383433);
}
#nav .nav_m li.m>a{
	width:auto;
	height:auto;
	padding:5px 10px;
	color:#EEE;
	font-size:14px;
	display:block;
	text-indent:0;
	text-shadow:0px 1px #000;
	border-bottom:2px solid #B3B3B3;
	background:none;
	cursor:pointer;
}
#nav .nav_m li.m span{
	display:block;
	font-size:10px;
	color:#EEE;
}
#nav .nav_m .submenu{
	color:#FFF;
	display:none;
	text-shadow:0px -1px #666;
	padding:5px 10px;
	font-size:12px;
	background:none #727171;
	margin:0;
}
#nav .nav_m .submenu li{
	display:block;
	padding:5px 0;
		background-color:transparent;
}
#nav .nav_m .submenu a{
	color:#FFF;
	font-size:12px;
	padding-left:0;
}
#nav .nav_m .submenu a:hover{
	text-decoration:none;
}
#nav .nav_m .submenu a:before{
	content:'▶';
}

/*smart phone*/
#nav .nav_m_b li span{
	display:block;
	color:#727171;
	float:right;
	padding-top:3px;
	font-size:9px;
}
#nav .nav_m li.m>a{
	border-bottom:1px solid #B3B3B3;
}

/* main
-------------------------------------------------------------------------------------------------------- */
#main{
	width:700px;
	float:right;
	overflow:hidden;
	_zoom:1;
}
#main h1,
#main h2,
#main h3,
#main h4,
#main h5,
#main h6,
#main p{
	margin-bottom:1em;
}
#main #content_head{
	border-bottom:1px solid #333;
	padding-bottom:5px;
	margin-bottom:25px;
	overflow:hidden;
	_zoom:1;

}
#main #content_head h2{
	width:60%;
	float:left;
	height:22px;
	margin-bottom:0;
}
#main #content_head h3{
	width:40%;
	float:right;
	text-align:right;
	font-weight:normal;
	margin-top:5px;
	margin-bottom:0;
}
#main .subhead {
	padding: 4px 8px;
	background-color: #e6e6e6;
}

/*margin-top*/
#main .mt0	, .grid .mt0	{margin-top:0px;}
#main .mt5	, .grid .mt5	{margin-top:5px;}
#main .mt10	, .grid .mt10	{margin-top:10px;}
#main .mt15	, .grid .mt15	{margin-top:15px;}
#main .mt20	, .grid .mt20	{margin-top:20px;}

/*margin-bottom*/
#main .mb0	, .grid .mb0	{margin-bottom:0px;}
#main .mb5	, .grid .mb5	{margin-bottom:5px;}
#main .mb10	, .grid .mb10	{margin-bottom:10px;}
#main .mb15	, .grid .mb15	{margin-bottom:15px;}
#main .mb20	, .grid .mb20	{margin-bottom:20px;}

/* 700px 12grid
-------------------------------------------------------------------------------------------------------- */
.grid {
	margin-right: -20px;
	overflow:hidden;
	*zoom: 1;
	*margin-bottom:20px;
	_margin-bottom:0px;	
}
.grid:before, .grid:after{
	display: table;
	content: "";
}
.grid:after{
	clear: both;
}

.grid .grid1,
.grid .grid2,
.grid .grid3,
.grid .grid4,
.grid .grid5,
.grid .grid6,
.grid .grid7,
.grid .grid8,
.grid .grid9,
.grid .grid10,
.grid .grid11,
.grid .grid12{
	float:left;
	margin-right:20px;
	margin-bottom:20px;
	overflow:hidden;
	_display:inline;
}
.grid .grid1	{ width:40px; }
.grid .grid2	{ width:100px; }
.grid .grid3	{ width:160px; }
.grid .grid4	{ width:220px; }
.grid .grid5	{ width:280px; }
.grid .grid6	{ width:340px; }
.grid .grid7	{ width:400px; }
.grid .grid8	{ width:460px; }
.grid .grid9	{ width:520px; }
.grid .grid10	{ width:580px; }
.grid .grid11	{ width:640px; }
.grid .grid12	{ width:700px; }
.grid .offset1	{ margin-left: 60px; }
.grid .offset2	{ margin-left: 120px; }
.grid .offset3	{ margin-left: 180px; }
.grid .offset4	{ margin-left: 240px; }
.grid .offset5	{ margin-left: 300px; }
.grid .offset6	{ margin-left: 360px; }
.grid .offset7	{ margin-left: 420px; }
.grid .offset8	{ margin-left: 480px; }
.grid .offset9	{ margin-left: 540px; }
.grid .offset10 { margin-left: 600px; }
.grid .offset11 { margin-left: 660px; }

/* other
-------------------------------------------------------------------------------------------------------- */
#pagetop{
	clear:both;
	text-align:right;
	margin:20px 0;
}
#pagetop .backtotop{
	margin-right:15px;
}

/* #footer -------------------------------------------------------------------------------------------------------- */
#footer {
	padding:15px 0 0 0;
	background:#EFEFEF;
	color:#727171;
	clear:both;
}
#footer a{
	color:#727171;
}
#footer .footer_container{
	max-width:980px;
	margin:0 auto;
	overflow:hidden;
	padding-bottom:7px;
	_zoom:1;
	_width:980px;
}
#footer #am_credit,
#footer #group_link{
	float:left;
	overflow:hidden;
	_zoom:1;
}
#footer #am_credit{
	width:48%;
	padding-top:8px;
}
#footer #am_credit h1{
	margin-right:15px;
}
#footer #am_credit h1,
#footer #am_credit h2{
	display:inline-block;	
	*display: inline;
	*zoom: 1;
	font-weight:normal;
}
#footer #group_link{
	text-align:right;
	width:52%;
}
#footer #group_link h3{
	width:165px;
	float:left;
	padding-top:9px;
}
#footer #group_link ul{
	padding-top:8px;
}
#footer #group_link ul li{
	display:inline-block;	
	*display: inline;
	*zoom: 1;
	margin-left:10px;
}


#footer .copy{
	background:#3E3A39;
	color:#FFF;
	margin-top:10px;
}
#footer .copy p{
	text-align:right;
	width:980px;
	font-size:9px;
	padding:3px 0;
	margin:0 auto;
}


/* responsive
-------------------------------------------------------------------------------------------------------- */
@media (max-width: 980px) {
	/* #header */
	#header{
		height:115px;
		margin-bottom:3px;
	}
	#header h1{
		height:70px;
		padding-top:35px;
		left:20px;
	}
	#header h1 img {
		margin-top: 0px;
	}
	
	
	/* #wrapper */
	#wrapper{
		width:auto;
	}
	
	/* #nav */
	#nav{
		width:auto;
		float:none;
		margin-bottom:20px;
	}
	#nav #sidemenu{
		display:none;
	}
	#nav .nav_m_a{
		display:block;
	}
	
	/* #main */
	#main{
		float:none;
		margin:0 auto;
		clear:both;
	}
	
	/* other */
	#pagetop{
		padding:0 20px;
	}
	
	/* #footer */
	#footer .footer_container{
		padding:0 20px;
	}
	#footer #am_credit{
		padding-top:0;
		width:40%;
	}
	#footer #am_credit h1,
	#footer #am_credit h2{
		display:block;
		float:none;
	}
	#footer #group_link{
		width:60%;
		text-align:left;
	}
	#footer #group_link ul{
		padding-top:0px;
	}
	
	#footer .copy p{
		width:97%;
	}
}
@media (max-width: 710px) {
	/* #header */
	#header{
		height:60px;
		margin-bottom:1px;
	}
	#header h1{
		left:0;
		width:100%;
		height:60px;
		padding-top:0px;
		background:none;
	}
	#header h1 a{
		display:block;
		width:auto;
		height:45px;
		text-align:left;
		padding:15px 0 0 20px;
	}
	#header h1 img{
		display:none;
	}
	#header h1 a:after{
		content:url("../img/logo2.png");
	}
	
	#header_img{
		height:60px;
		background-size:cover;
	}
	
	/* #nav */
	#nav .nav_m_a{
		display:none;
	}
	#nav .nav_m_b{
		display:block;
	}
	
	/* #main */
	#main{
		width:auto;
		padding:0 15px;
	}
	
	/* grid */
	.grid {
		width:100%;
		margin-right: 0;
	}
	.grid > [class*="grid"] {
		clear:both;
		float:none;
		margin-right:0;
		width:100%;
	}
	.grid > [class*="grid"] img{
		max-width:100%;
		height:auto;
		display:block;
		margin:0 auto;
	}
	.grid > [class*="grid"] .ta-L img,
	.grid > [class*="grid"] .ta-C img,
	.grid > [class*="grid"] .ta-R img{
		display:inline;
	}
	.grid_sp .grid6,
	.grid_sp_force .grid6{
		clear:none;
		width:48%;
		float:left;
		margin-left:4%;
	}
	.grid_sp .grid4,
	.grid_sp_force .grid4{
		clear:none;
		width:31%;
		float:left;
		margin-left:3%;
	}
	.grid_sp > [class*="grid"]:first-child,
	.grid_sp_force > [class*="grid"]:first-child {
		margin-left:0;
	}

	.grid > [class*="offset"] {
		margin-left:0px;
	}
	
	/* other */
	#pagetop{
		display:none;
	}
	
	/* #footer */
	#footer {
		padding:10px 0 5px 0;
		margin:0;
		background:#727171;
	}
	
	#footer .footer_container{
		display:none;
	}
	#footer .copy{
		margin-top:0px;
		background:#727171;
	}
	#footer .copy p{
		text-align:center;
		width:97%;
	}
}
@media (max-width: 320px) {
	/* #header*/
	#header{
		height:40px;
		margin-bottom:1px;
		background:#3E3A39;

	}
	#header h1{
		height:30px;
		text-align:left;
	}
	#header h1 a{
		height:30px;
		padding:10px 0 0 12px;
	}
	#header h1 a:after{
		content:url("../img/logo.png");
	}
	#header_img{
		display:none;
	}
	
	/* grid */
	.grid > [class*="grid"] {
		clear:both;
		float:none;
		width:100%;
	}
	.grid_sp .grid6,
	.grid_sp_force .grid6{
		clear:none;
		width:48%;
		float:left;
		margin-left:4%;
	}
	.grid_sp .grid4{
		clear:none;
		width:100%;
		float:none;
		margin-left:0%;
	}
	.grid_sp_force .grid4{
		clear:none;
		width:31%;
		float:left;
		margin-left:3%;
	}
}
.footer-top{padding:15px 0;text-align:center;background:#efefef}.footer-top .container{display:table}.footer-top .left{display:table-cell;width:42%;padding-top:3px;padding-right:10px;text-align:left;vertical-align:top}.footer-top .left ul{display:block;width:100%;margin:10px 0 0 0;padding:0;list-style:none}.footer-top .left li{font-size:12px;display:inline-block;margin-right:10px;white-space:nowrap;margin-bottom:2px}.footer-top .left a{color:#727171}.footer-top .left a:hover{text-decoration:underline}@media screen and (max-width:1029px){.footer-top .left{display:block;width:auto;margin-bottom:14px;padding:0}}.footer-top .right{font-size:12px !important;display:table-cell;width:58%;margin:0;padding:0 0 0 15px;text-align:left;vertical-align:top;color:#727171}@media screen and (max-width:1029px){.footer-top .right{display:block;width:auto;padding:0}}.copy{font-size:10px !important;margin:0;padding:5px;text-align:center;color:#fff;background:#403c3b}.lang-en .header .menu1 li a{background:0 0}.lang-en .header .menu1 li a:hover span{opacity:.8}.en-footer-top{background:#eeefef}.en-footer-top-inner{display:-webkit-box;display:-ms-flexbox;display:flex;max-width:1600px;margin:0 auto;padding:20px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (max-width:1029px){.en-footer-top-inner{display:block}}.en-footer-top .left{font-size:14px;max-width:1100px;margin:0}.en-footer-top .right{padding-left:20px;text-align:right;white-space:nowrap;-webkit-box-flex:1;-ms-flex:1;flex:1}@media screen and (max-width:1029px){.en-footer-top .right{padding-top:20px;padding-left:0}}
#gFooter .container, .copy{font-family: 'Noto Sans Japanese','ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','メイリオ',Meiryo,'游ゴシック',YuGothic,'Helvetica Neue',Helvetica,Arial,sans-serif;}
.container{margin-right:auto;margin-left:auto;padding-right:15px;padding-left:15px}.container:after,.container:before{display:table;content:' '}.container:after{clear:both}@media (max-width:767px){.container{padding-right:10px;padding-left:10px}}@media (min-width:768px){.container{width:768px}}@media (min-width:1030px){.container{width:1030px}}

#gFooter{
  background: #efefef;
  font: 13px/1.5 Verdana, Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'メイリオ',Meiryo,'ＭＳ Ｐゴシック', sans-serif;
  line-height: 1.5;
}
#gFooter img{
  max-width: 100%;
}
.gFooter-copy-inner {
  margin:30px auto 30px;
  text-align:left;
  width: 1030px;
}
.gFooter-copy-inner ul {
  list-style:none;
  margin-left:0;
  padding-left:0;
}
.gFooter-copy-inner p, .gFooter-copy-inner li {
  color:#727171;
  font-family: "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.gFooter-copy-inner p{
  font-size:12px !important;
  font-weight: bold !important;
  margin-bottom: 5px !important;
}

.gFooter-copy-inner ul li{
  font-size:10px !important;
  line-height: 1.6em;
  text-indent: -1em;
  margin-left: 1em;
  margin-bottom: 5px;
}

@media (max-width: 1199.98px) {
  .gFooter-copy-inner {
    background:#efefef;
    padding:0 2% 20px;
    width:92%
  }
}