@charset "utf-8";

/**
 *
 *  会社情報
 *
 */

/*--------------------------------------------------------------------------
   overwrite  - 共通CSSの上書き -
---------------------------------------------------------------------------*/


/*--------------------------------------------------------------------------
  #Info
---------------------------------------------------------------------------*/

#information{
	padding: 68px 0 80px;
	border-bottom: 1px solid #fff;
}

/*--------------------------------------------------------------------------
  #access
---------------------------------------------------------------------------*/

#access{
	padding: 67px 0 55px;
	background: #fafafa;
}

/* tab
-----------------------------------------------------------------*/
#mapTab{
	position: relative;
	width: 960px;
	height: 352px;
	margin: 0 auto 53px;
}
.tab-nav{
	position: absolute;
	z-index: 1;
	width: 959px;
	border:1px solid #e7e7e7;
	border-width: 0 1px 0 1px;
}
.tab-nav li{
	float: left;
}
.tab-nav li a{
	display: block;
	float: left;
	width: 320px;
	height: 50px;
	padding: 12px 0 11px;
	box-sizing: border-box;
	border-top: 2px solid #ededed;
	border-left: 1px solid #e5e5e5;
	background: #ededed;
	text-align: center;
	text-decoration: none;
	color: #8f8f8f;
	font-family: 'Noto Sans Japanese',"メイリオ","Meiryo", serif;
	font-size: 108%;
	transition: all 0.3s;
}
/* IE9・10 */
.tab-nav li a:not(:target){
	padding: 14px 0 13px\9;
}
/* IE11 */
@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, .tab-nav li a{
		padding: 14px 0 13px;
	}
}
.tab-nav li:first-child a{
	width: 319px;
	border-left:none;
}
.tab-nav li a:hover,
.tab-nav li.active a{
	border-top: 2px solid #f69600;
	background: #fff;
	text-decoration: none;
	color: #efb556;
}
.tab-nav li.active a{
	cursor: default;
	pointer-events:none;
}
.tab-contents{
	position: absolute;
	top: 50px;
	left: 50%;
	width: 959px;
	height: 300px;
	margin-left: -480px;
	box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.3);
	border: 1px solid #e7e7e7;
	border-width: 0 1px 1px 1px;
	background: #fff;
}
.tab-contents .tab-section{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
	padding: 0;
	opacity: 0;
}
.tab-contents .tab-section .inner{
	position: relative;
	width: 959px;
	height: 300px;
}
.tab-contents .active{
	z-index: 1;
}

/* large-map(地図拡大ボタン)
-----------------------------------------------------------------*/
.large-map{
	text-align: center;
}
.large-map a span{
	padding: 18px 25px 20px 55px;
	border: 1px solid #c9c9c9;
	border-radius: 3px;
	font-family: 'Noto Sans Japanese',"メイリオ","Meiryo", serif;
	background: url(../images/information/ico_pin.png) no-repeat 35px 46% #fff;
	font-size: 108%;
	transition: all 0.3s;
}
/* IE9・10 */
.large-map a span:not(:target){
	padding: 19px 32px 14px 61px\9;
}
/* IE11 */
@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, .large-map a span{
		padding: 19px 32px 14px 61px;
	}
}



/** -----------------------------------------------------------------
 *
 *  [sp]レスポンシブ 740px
 *
 ----------------------------------------------------------------- */
@media screen and (max-width:740px) {


	/*--------------------------------------------------------------------------
	  #information
	---------------------------------------------------------------------------*/

	#information{
		padding: 20px 0 40px;
	}


	/*--------------------------------------------------------------------------
	  #access
	---------------------------------------------------------------------------*/

	#access{
		padding: 27px 0 34px;
	}


	/* tab
	-----------------------------------------------------------------*/
	#mapTab{
		width: 281px;
		height: 245px;
		margin-bottom: 25px;
	}
	.tab-nav{
		width: 280px;
	}
	.tab-nav li a{
		width: 94px;
		padding: 12px 0 11px;
		height: 43px;
		border-top: 2px solid #ededed;
		font-size: 11px;
	}
	.tab-nav li:first-child a{
		width: 92px;
		border-left:none;
	}
	.tab-contents{
		top: 42px;
		width: 280px;
		height: 199px;
		margin-left: -140px;
	}
	.tab-contents .tab-section .inner{
		width: 280px;
		height: 200px;
	}


	/* large-map
	-----------------------------------------------------------------*/
	.large-map{
		width: 100%;
	}
	.large-map a{
		display: block;
		overflow: hidden;
		padding: 9px 0 10px 0;
		border: 1px solid #c9c9c9;
		border-radius: 3px;
		background: #fff;
	}
	.large-map a span{
		padding: 1px 17px 1px 39px;
		border: none;
		background: url(../images/information/ico_pin_sp.png) no-repeat 22px 50% #fff;
		background-size: 10px 15px;
		font-size: 13px;
		line-height: 13px;
	}
}