@charset "UTF-8";

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

/* -------------------------------------------------------------------------------------------
*
* ヘッダー 
*
* ----------------------------------------------------------------------------------------- */

.alHeader{
	background: url(../img/about/header_img.jpg) 0 center no-repeat;
	background-size: cover;
}
.alHeader_ttl_catch{
	top: 50px;
	margin-left: 126px;
	width: 139px;
}

@media screen and (max-width : 768px){
	.alHeader{
		background: url(../img/about/header_img_sp.jpg) 0 center no-repeat;
		background-size: cover;
	}
}

/* -------------------------------------------------------------------------------------------
*
* コンテンツ 
*
* ----------------------------------------------------------------------------------------- */

.alMain{
	padding: 80px 0 0 0;
}
.about{
	padding-bottom: 120px;
}
.about_inner{
	margin: 0 auto;
	width: 1040px;
}
.outline_clm{
	display: flex;
	margin-bottom: 10px;
}
.outline_clm:last-child{
	margin-bottom: 90px;
}
.outline_clm_item{
	margin-right: 64px;
	width: 488px;
}
.outline_clm_item:last-child{
	margin-right: 0;
}
.outline_clm_item_label{
	padding: 13px 20px;
	font-size: 14px;
	line-height: 1em;
	font-weight: 600;
	letter-spacing: 0.06em;
	background: rgba(0,0,0,.05);
}
.mode-night .outline_clm_item_label{
	background: rgba(0,0,0,.2);
}
.outline_clm_item_data{
	position: relative;
	padding: 21px 0;
	font-size: 14px;
	line-height: 32px;
	letter-spacing: 0.06em;
}
.outline_clm_item_data_link{
	position: absolute;
	top: 21px;
	right: 0;
	width: 96px;
	height: 32px;
}
.outline_clm_item_data_link .more_btn{
	height: 32px;
}
.outline_img{
	display: flex;
}
.outline_img_item{
	width: 50%;
}
.history_clm{
	margin-bottom: 25px;
	overflow: hidden;
}
.history_clm:last-child{
	margin-bottom: 0;
}
.history_clm_year{
	float: left;
	margin-right: 30px;
	padding: 13px 0;
	width: 92px;
	font-size: 14px;
	line-height: 1em;
	text-align: center;
	letter-spacing: 0.06em;
	background: rgba(0,0,0,.05);
}
.mode-night .history_clm_year{
	background: rgba(0,0,0,.2);
}
.history_clm_txt{
	padding: 4px 0;
	font-size: 14px;
	line-height: 32px;
	letter-spacing: 0.06em;
}

@media screen and (max-width : 768px){
	.alMain{
		padding: 60px 0 0 0;
	}
	.about{
		padding-bottom: 80px;
	}
	.about_inner{
		padding: 0 20px;
		width: 100%;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.outline_clm{
		display: block;
		margin-bottom: 8px;
	}
	.outline_clm:last-child{
		margin-bottom: 50px;
	}
	.outline_clm_item{
		margin-right: 0;
		margin-bottom: 8px;
		width: 100%;
	}
	.outline_clm_item:last-child{
		margin-bottom: 0;
	}
	.outline_clm_item_label{
		padding: 10px 15px;
		font-size: 11px;
		line-height: 1em;
	}
	.outline_clm_item_data{
		padding: 13px 0;
		font-size: 11px;
		line-height: 24px;
	}
	.outline_clm_item_data-narrow{
		padding-right: 80px;
	}
	.outline_clm_item_data_link{
		top: 13px;
		width: 72px;
		height: 24px;
	}
	.outline_clm_item_data_link .more_btn{
		height: 24px;
	}
	.outline_img{
		display: block;
	}
	.outline_img_item{
		width: 100%;
	}
	.history_clm{
		margin-bottom: 20px;
	}
	.history_clm:last-child{
		margin-bottom: 0;
	}
	.history_clm_year{
		margin-right: 20px;
		padding: 10px 0;
		width: 92px;
		font-size: 11px;
		line-height: 12px;
	}
	.history_clm_txt{
		padding-left: 112px;
		font-size: 11px;
		line-height: 24px;
	}
}

/* ----------------------------- モーダル ----------------------------- */

#map{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99999;
}
.map_overlay{
	cursor: pointer;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.88);
}
.map_content{
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin: auto;
	width: 800px;
	background: #fff;
	-webkit-transform: translate(0, -50%) scale(.9);
	transform: translate(0, -50%) scale(.9);
	-webkit-transition: all .6s cubic-bezier(.4,.01,0,1.2);
	transition: all .6s cubic-bezier(.4,.01,0,1.2);
}
.mode-night .map_content{
	color: #fff;
	background: #1a1a1a;
}
.map_content.active{
	-webkit-transform: translate(0, -50%) scale(1);
	transform: translate(0, -50%) scale(1);
}
#closeBtn{
	position: absolute;
	top: 0;
	right: 0;
	width: 48px;
	height: 48px;
	background: #af1930;
	z-index: 100;
	overflow: hidden;
}
#closeBtn:after{
	position: absolute;
	content: '';
	top: 50%;
	left: 50%;
	width: 150px;
	height: 150px;
	background: #ed1537;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: all .6s ease;
	transition: all .6s ease;
	-webkit-transform: translate(-50%, -50%) scale(0);
	transform: translate(-50%, -50%) scale(0);
	opacity: 0.3;
	z-index: 5;
}
#closeBtn:hover:after{
	-webkit-transform: translate(-50%, -50%) scale(1);
	transform: translate(-50%, -50%) scale(1);
	opacity: 1;
}
.closeBtn_top,.closeBtn_mid{
	display: block;
	position: absolute;
	left: 17px;
	width: 20px;
	height: 2px;
	background: #fff;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	z-index: 10;
}
.closeBtn_top{
	top: 16px;
	margin: 7px 0 0 -3px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.closeBtn_mid{
	top: 23px;
	margin: 0 0 0 -3px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
#closeBtn:hover .closeBtn_top{
	top: 23px;
	margin: 0;
	width: 14px;
	-webkit-transform: rotate(0);
	transform: rotate(0);
}
#closeBtn:hover .closeBtn_mid{
	margin: 0;
	width: 14px;
	-webkit-transform: rotate(0);
	transform: rotate(0);
}
.map_content_main{
	min-height: 490px;
}
.map_content_info{
	position: relative;
	padding: 40px;
}
.map_content_info_logo{
	margin-bottom: 36px;
	width: 149px;
}
.map_content_info_list_item{
	display: block;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 0.06em;
}
.map_content_info_list_item.item-add{
	margin-bottom: 16px;
	padding-left: 32px;
	background: url(../img/common/icon_add_bk_s.png) 3px center no-repeat;
	background-size: 13px auto;
}
.mode-night .map_content_info_list_item.item-add{
	background: url(../img/common/icon_add_wt_s.png) 3px center no-repeat;
	background-size: 13px auto;
}
.map_content_info_list_item .item-tel{
	display: inline-block;
	padding-left: 32px;
	vertical-align: top;
	background: url(../img/common/icon_tel_bk_s.png) 3px center no-repeat;
	background-size: 12px auto;
}
.mode-night .map_content_info_list_item .item-tel{
	background: url(../img/common/icon_tel_wt_s.png) 3px center no-repeat;
	background-size: 12px auto;
}
.map_content_info_list_item .item-fax{
	display: inline-block;
	padding-left: 32px;
	vertical-align: top;
	background: url(../img/common/icon_fax_bk_s.png) 1px center no-repeat;
	background-size: 15px auto;
}
.mode-night .map_content_info_list_item .item-fax{
	background: url(../img/common/icon_fax_wt_s.png) 1px center no-repeat;
	background-size: 15px auto;
}
.map_content_info_link{
	position: absolute;
	top: 40px;
	right: 40px;
	width: 96px;
	height: 32px;
}
.map_content_info_link .more_btn{
	height: 32px;
}
.map_content_info_link .more_btn_txt{
	font-size: 14px;
	line-height: 1em;
	font-weight: 600;
	letter-spacing: 0.06em;
}