@charset "utf-8";
/* ================================================ CSS Information
 File Name:      pages.css
 Author:         Akira Honda
 Last updated:   2015/4/6
 Style Info:     基本共通cssの定義
 Notes:          
================================================================ */


/* ---------------------------------------------------

 スマホ向け

--------------------------------------------------- */

/* タッチイベント用のクラス */
.touchstyle {}
.notouchstyle {}



/* ---------------------------------------------------

 案件毎の汎用パーツ

--------------------------------------------------- */


/* 見出し */
.hl-main {
	display: flex;
	align-items: center;
	position: relative;
	width: 940px;
	margin: 0 auto 1em;
	padding: 0 0 13px;
	border-bottom: 1px solid #c7c7c7;
	font-size: 24px;
	color: #E20037;
	}
	.hl-main:before {
		display: block;
		width: 30px;
		height: 30px;
		margin-right: 15px;
		background: url('../img/shared/hl-marker.png') no-repeat 0/contain;
		content: '';
	}

.hl2 {
	display: block;
	clear: both;
	width: 900px;
	line-height: 42px;
	margin:0 auto 16px;
	padding: 0 20px;
	border-radius: 6px;
	background: #e20034;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
}
.hl3 {
	display: block;
	clear: both;
	margin: 0 0 .5em;
	color: #0a1043;
}

.hl4 {
	display: block;
	margin-top: 30px;
	padding: .2em 0 .2em 2em;
	border: 1px solid #c8c5Bf;
	border-width: 4px 0 1px;
	border-bottom-style: dashed ;
	border-color: #0a1043;
	background: url(../img/shared/icon-marker1.png) no-repeat 10px 50%;
	color: #0a1043;
	font-size: 16px;
	font-weight: bold;
	}

.read-txt {
	padding: 0;
	color: #0a1043;
	font-size: 16px;
}


/* リストのリセット */
.ul-reset {
	list-style:none;
	margin:0;
	padding:0;
}



/* リスト */
.list {
	list-style: none;
	position: relative;
	margin: 0 0 .5em;
	padding: 0 8px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	   		box-sizing: border-box;
	border-radius: 6px;
	border: 2px solid #dac0a7;
	background: #fff;
	}
	.list li {
		position: relative;
		padding: .3em 0 .3em 1.4em;
		border-top: 1px solid #d9d9d9;
		line-height: 1.6;
		text-indent: 0;
	}
	.list li:first-child {
		border-top: none;
	}
	.list li:before {
		display: inline-block;
		position: absolute;
		top: .7em;
		left: 4px;
		margin: 0 .3em 0 0;
		color: #dac0a7;
		font-size: 10px;
		content: '●';
	}
	
	/* オプション */
	.list.flat {
		padding: 0;
		border: none;
	}
	.list li.border-top { border-top:    1px solid #d9d9d9;	}
	.list li.border-btm { border-bottom: 1px solid #d9d9d9;	}
	.list[class*=arrow]:before {
		display: block;
		position: absolute;
		top: 10px;
		width: 26px;
		height: 25px;
		background: url(../img/shared/balloon-arrow.png) no-repeat 0 0;
		content: '';
		}
		.list.arrow-r:before { right: -24px; background-position: -27px 0; }
		.list.arrow-l:before { left: -24px; }
	
	/* テーブル化 */
	.list.tbl2col li {
		display: table;
		width: 100%;
		height: auto;
		padding: 0 0 0 1.4em;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		   		box-sizing: border-box;
	}
	.list li .col {
		display: table-cell;
		padding: .3em 8px;
		padding-left: 0;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		text-align: left;
		}
		.list.tbl2col.w60-40 li > .col:nth-child(1) { width: 60%; }
		.list.tbl2col.w60-40 li > .col:nth-child(2) { width: 40%; }


/* テーブル */
.tbl th {
	padding: .2em .5em;
	background: #f0f0f0;
	text-align: left;
}


/* 注釈 */
.notes, .notes > li {
	padding-left: 1em;
	text-indent: -.5em;
}
ol.notes, ul.notes { padding-left:0; text-indent:0;}

.notes.indent2 {
	padding-left: 2em;
	text-indent: -2em;
}


/* カラー */
.fc-red { color: #ff0000; }



/* アイコン */
.icons li {
	position: relative;
	padding-left: 24px;
	}
	.icons li:before {
		display: block;
		position: absolute;
		top: 4px;
		left: 0;
		width: 18px;
		height: 18px;
		line-height: 1;
		background: url(../img/shared/icon-sprite.png) no-repeat 0 0;
		content: '';
		}
		.icons .icon-fax:before  { background-position: 0 0; }
		.icons .icon-mail:before { background-position: 0 -16px; }
		.icons .icon-tel:before { background-position: 0 -32px; }


/* 番号 */
.number {
	display: inline-block;
	color: #3b4168;
	font-size: 30px;
	font-weight: bold;

	}
	.number._tel_ {
		line-height: 1;
		color: #3b4168;
		vertical-align: middle;
	}

	.number._fax_ {
		line-height: 1;
		vertical-align: middle;
	}


/* ボタン */

.btn,
.btn:link,
.btn:visited {
	display: inline-block;
	position: relative;
	min-width: 160px;
	height: 38px;
	margin: 0 10px 0 0;
	padding: 0 20px;
	overflow: hidden;
	line-height: 40px;
	border-radius: 4px;
	background: #3b4168;
	-webkit-box-shadow: 0 4px 0 #02040c;
		 -moz-box-shadow: 0 4px 0 #02040c;
				box-shadow: 0 4px 0 #02040c;
	color: #fff;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	}
	.btn:hover {
		background: #e10047;
	}
	.btn:active {
		top: 4px;
		background: #de003a;
		-webkit-box-shadow: none;
		   -moz-box-shadow: none;
		   		box-shadow: none;
	}