@charset "utf-8";

/*会社概要ページ ここから*/
.company{
	width: 100%;
	height: auto;
	background-color: #fafafa;
}
.company .baskervville{
	font-family: 'Baskervville', serif;
}

/*=== 見出し＋メイン画像 ===*/
.company_head{
	width: 100%;
	height: auto;
	padding: 70px 0 0;
	display: block;
}
.company_head_inner{
	width: 1280px;
	height: auto;
	margin: 0 auto;
	display: block;
	text-align: center;
}
.company_en{
	font-size: 17px;
	line-height: 1;
	letter-spacing: 0.1em;
	color: #0e2155;
}
.company_ttl{
	margin-top: 30px;
	font-size: 32px;
	line-height: 41px;
	letter-spacing: 0.05em;
	color: #0f0f0f;
}
.company_hero{
	width: 100%;
	height: 490px;
	margin: 64px auto 0;
	display: block;
	overflow: hidden;
}
.company_hero img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
/* SP専用ヒーローはPCでは非表示 */
.company_hero img.company_hero_sp{ display: none; }

/*=== 挑戦×技術 リード ===*/
.company_intro{
	width: 100%;
	height: auto;
	margin: 100px 0 0;
	display: block;
}
.company_intro_inner{
	width: 1280px;
	height: auto;
	margin: 0 auto;
	display: block;
	text-align: center;
}
.company_intro_ttl{
	font-size: 28px;
	line-height: 1.4;
	letter-spacing: 0.05em;
	color: #0f0f0f;
	font-family: 'Noto Serif JP', 'Hiragino Mincho ProN', 'YuMincho', 'Yu Mincho', serif;
	font-weight: 600;
}
.company_intro_txt{
	margin-top: 36px;
	font-size: 15px;
	line-height: 30px;
	letter-spacing: 0.05em;
	color: #0f0f0f;
}
.company_intro_btn{
	width: 220px;
	height: 58px;
	margin: 46px auto 0;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #0e2155;
	border-radius: 29px;
	font-size: 15px;
	line-height: 1;
	color: #0e2155;
	position: relative;
}

/*=== 会社概要〜マップ グレー帯 ===*/
.company_gray{
	width: 100%;
	height: auto;
	margin: 93px 0 0;
	padding: 84px 0 70px;
	background-color: #f4f4f4;
	display: block;
}

/*=== 会社概要テーブル ===*/
.company_outline{
	width: 100%;
	height: auto;
	margin: 0;
	display: block;
}
.company_outline_inner{
	width: 1280px;
	height: auto;
	margin: 0 auto;
	display: block;
	text-align: center;
}
.company_outline_ttl{
	font-size: 28px;
	line-height: 42px;
	letter-spacing: 0.05em;
	color: #0f0f0f;
}
.company_table{
	width: 870px;
	height: auto;
	margin: 30px auto 0;
	display: block;
	border-top: 1px solid #d5d5d5;
	text-align: left;
}
.company_table_row{
	width: 100%;
	height: auto;
	padding: 19px 0;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	border-bottom: 1px solid #d5d5d5;
}
.company_table_row dt{
	width: 164px;
	height: auto;
	font-size: 15px;
	line-height: 24px;
	letter-spacing: 0.05em;
	color: #0f0f0f;
	font-weight: 700;
	flex-shrink: 0;
}
.company_table_row dd{
	width: auto;
	height: auto;
	font-size: 15px;
	line-height: 24px;
	letter-spacing: 0.05em;
	color: #0f0f0f;
}

/*=== Google map ===*/
.company_map{
	width: 100%;
	height: auto;
	margin: 78px 0 0;
	display: block;
}
.company_map_inner{
	width: 1280px;
	height: auto;
	margin: 0 auto;
	display: block;
	text-align: center;
}
.company_map_box{
	width: 1280px;
	height: 450px;
	display: block;
	overflow: hidden;
	background-color: #ededed;
}
.company_map_box iframe{
	width: 100%;
	height: 100%;
	border: 0;
	display: block;
}
.company_map_note{
	margin-top: 24px;
	font-size: 15px;
	line-height: 1.6;
	letter-spacing: 0.05em;
	color: #5a5959;
}

/*=== RECRUIT（共通・admin.css）会社概要用の上下余白調整 ===*/
.company .recruit{
	padding: 120px 0 99px;
}
/*会社概要ページ ここまで*/


/* ============================================================
   SP（〜767px） 会社概要
   ============================================================ */
@media only screen and (max-width: 767px){
	/* 見出し＋ヒーロー */
	.company_head{ padding: 56px 0 0; }
	.company_head_inner{ width: 100%; padding: 0 27px; }
	.company_en{ font-size: 16px; letter-spacing: 0.1em; }
	.company_ttl{ margin-top: 18px; font-size: 25px; line-height: 1.4; }
	.company_hero{ width: 100%; height: 200px; margin: 24px 0 0; }
	.company_hero img.company_hero_pc{ display: none; }
	.company_hero img.company_hero_sp{ display: block; }

	/* 挑戦×技術 リード */
	.company_intro{ margin-top: 50px; }
	.company_intro_inner{ width: 100%; padding: 0 27px; }
	.company_intro_ttl{ font-size: 24px; line-height: 1.5; white-space: nowrap; }
	.company_intro_txt{ margin-top: 24px; font-size: 15px; line-height: 28px; white-space: nowrap; }
	.company_intro_btn{ margin-top: 32px; }

	/* グレー帯＋会社概要テーブル */
	.company_gray{ margin-top: 50px; padding: 50px 0 50px; }
	.company_outline_inner{ width: 100%; padding: 0 27px; }
	.company_outline_ttl{ font-size: 24px; }
	.company_table{ width: 100%; margin-top: 24px; }
	.company_table_row{ flex-direction: column; align-items: flex-start; padding: 16px 0; }
	.company_table_row dt{ width: auto; margin-bottom: 6px; }
	.company_table_row dd{ width: 100%; }

	/* Google map */
	.company_map{ margin-top: 44px; }
	.company_map_inner{ width: 100%; padding: 0 27px; }
	.company_map_box{ width: 100%; height: 320px; }
	.company_map_note{ margin-top: 18px; font-size: 14px; line-height: 1.7; }

	/* RECRUIT 余白 */
	.company .recruit{ padding: 50px 0 54px; }
}