@charset "utf-8";

@import "reset.css";
@import "common.css";
/*----部品----*/
/*見出し*/
/*レベル1*/
.level1_heading{
	font-size:2.2rem;
	margin-bottom:40px;
	text-align:center;
}
.level1_heading span{
	color:rgb(47 87 129);
	margin-left:20px;
	margin-right:20px;
}
.level1_heading span:before,
.level1_heading span:after{
	content:'';
	display:inline-block;
	width:80px;
	height:1px;
	background-color:rgb(47 87 129);
	vertical-align:middle;
}

.level1_heading span:before{margin-right:20px;}
.level1_heading span:after{margin-left:20px;}

/*レベル2*/
.level2_heading{
	font-size:1.5rem;
	margin-bottom:20px;
}


/*縦並びリスト*/
.vertical_list > *{margin-bottom:5px;}
.vertical_list > *:last-child{margin-bottom:0;}


/*横並びリスト*/
.holizontail_list{
	display:flex;
	align-items:center;
	flex-wrap:wrap;
}
.holizontail_list > *:last-child{margin-right:0;}
.holizontail_list > *{
	margin-right:10px;
	margin-bottom:10px;
}

/*ラベル（お知らせ）*/
.label{
	display:inline-block;
	padding:.3em .10em;
	font-size:.8rem;
	font-weight:bold;
	background-color:#ddd;
}

/*ラベル（お知らせ new）*/
.label-new{background-color:rgb(243,152,0);}
/*ラベル（お知らせ 採用情報）*/
.label-recruit{background-color:rgb(0,191,255);}


/*メディア(画像とテキストが横並びのコンテンツ)*/
.media{
	display:flex;
	flex-wrap:wrap;
}
.media_body{
	flex:1;
	margin-right:1.6em;
}
.media_body > *:last-child{margin-bottom:0;}
.media_title{
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:20px;
}
.media_txt{margin-bottom:20px;}
.media_sub_title{
	font-size:1.4em;
	margin-bottom:10px;
}
.media_link{
	margin-bottom:20px;
}
.media_img img{width:100%;}

/*テキスト、画像が逆のタイプ*/
.media_reverse{flex-direction:row-reverse;}
.media_reverse .media_body{margin-right:0;}
.media_reverse .media_img{margin-right:1.6em;}


/*カード（コンテンツの横並び）*/
.card_body > *:last-child{margin-bottom:0;}
.card_title{
	font-size:1.5em;
	font-weight:bold;
	margin-bottom:10px;
}


/*トップイメージ*/
.jumbotron_inner{
	max-width:1000px;
	width:90%;
	height:100%;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}


/*お知らせ*/
.vertical-posts_item{
	display:flex;
	algn-items:center;
	margin-bottom:20px;
}
.vertical-posts_header{
	display:flex;
	align-items:center;
}
.vertical-posts_header time{margin-right:20px;}
.vertical-posts_header .label{
	text-align:center;
	width: 5em;
	margin-right:20px;
	border-radius:5px;
}
.vertical-posts_title{
	font-size:1.125rem;
	font-weight:500;
}
/*テーブル*/
table{
	border: solid 1px #ccc;
	width:100%;
}
table th,
table td{
	border:solid 1px #ccc;
}
table th{
	width:20%;
	font-weight:bold;
	text-align:center;
	padding:1em 0;
}
table td{padding:1em;}
/*テーブルend*/

/*支店紹介*/
.branch_sec .card_title{
	text-transform: uppercase;
	margin-bottom:0;
	margin-left:auto;
}
.branch_sec .card_header{
	margin-bottom:15px;
	padding:10px;
	border:solid 1px #000;
	
	display:flex;
	align-items:center;
}
.branch_sec .card_header span{
	margin-left: auto;
	width:30px;
}
.branch_sec .card_header span a{
	background:#ccc;
	font-weight:bold;
	padding-top:20px;
	line-height:1;
	margin-left:auto;
	position:relative;
	display:block;
	
	/*テキスト非表示*/
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
.branch_sec .card_header span a:before{
	content:'';
	display:block;
	width:2px;
	height:15px;
	background-color:#fff;
	
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50% , -50%);
}
.branch_sec .card_header span a:after{
	content:'';
	display:block;
	width:15px;
	height:2px;
	background-color:#fff;
	
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50% , -50%);
}


.branch_sec .card_sub-title{
	font-size:1em;
}
.branch_sec .card_body > *{margin-bottom:5px;}
.branch_sec .card_body > *:last-child{margin-bottom:0;}
/*=====================共通 end=====================*/


/*=====================各ページ=====================*/
/*------トップページ------*/
/*トップイメージ*/
/*新着情報*/
.news_sec .content{
	max-width:700px;
}
/*------トップページ end------*/
/*------企業理念ページ------*/
.philosophy_body p{
	font-size:1.2em;
	margin-bottom:10px;
}

/*------企業理念ページ end------*/
/*------会社概要ページ------*/

/*挨拶*/
.greeting_body p{
	font-size:1.2em;
	line-height:1.8;
	margin-bottom:1em;
}
.greeting_body > *:last-child{margin-bottom:0;}
.president_area{
	text-align:right;
	font-weight:bold;
	margin-top:1em;
	margin-bottom:1em;
}


/*会社概要*/
.profile_list{
	max-width:700px;
	margin-right:auto;
	margin-bottom:40px;
	margin-left:auto;
}
.profile_list li{
	border-top:solid 1px #000;
	padding-top:10px;
	padding-bottom:10px;
	display:flex;
	align-items:center;
}
.profile_list li:last-child{border-bottom:solid 1px #000;}
.profile_list h3{
	font-weight:inherit;
	margin-right:20px;
	width:30%;
}
.profile_list h3:before{
	content:'';
	width:10px;
	height:10px;
	margin-right:10px;
	display:inline-block;
	background-color:#ccc;
}


/*沿革*/
.history_list{
	display:flex;
	flex-wrap:wrap;
	max-width:700px;
	margin-right:auto;
	margin-left:auto;
}
.history_list dt{
	width:30%;
	margin-bottom:10px;
}
.history_list dd{
	width:70%;
	margin-bottom:10px;
}


/*広告賞受賞歴*/
.awardhistory_list{
	display:flex;
	flex-wrap:wrap;
	max-width:700px;
	margin-right:auto;
	margin-left:auto;
}
.awardhistory_list dt{
	width:30%;
	margin-bottom:10px;
}
.awardhistory_list dd{
	width:70%;
	margin-bottom:10px;
}
/*------会社概要ページ end------*/


/*------事業項目------*/
.work_body{
	border:solid 1px #ccc;
	padding:30px;
	margin-bottom:30px;
}
.work_body_title{
	margin-bottom:20px;
	font-size:1.8em;
}
.work_body_title span{
	margin-left:20px;
}

.work_body_txt{margin-bottom:20px;}
.work_body_list{margin-bottom:20px;}
.work_body_list li{
	background-color:#2997a9;
	padding:5px 1em;
	color:#fff;
}

.torihiki_body h4{
	margin-bottom:10px;
}
.torihiki_body .holizontail_list li{margin-bottom:5px;}
/*------事業項目 end------*/


/*------ネットワーク------*/
.network_body{
	max-width:700px;
	margin-left:auto;
	margin-right:auto;
	border:solid 5px #ccc;
	padding:20px;
}
.network_body_title{margin-bottom:20px;}
/*------ネットワーク end------*/


/*------ハイライト------*/
.highlight {
    background: linear-gradient(transparent 50%, #fec1fe 0%);
    line-height: 1.3em;
}
/*------ハイライト end------*/