/* --------------------- info_event --------------------- */
.info_event_ttl		{ margin-top:  5px; width: 100%; padding: 7px 10px; text-align: center; font-weight: bold; font-size: 1.4em; color: #FFF; background: #080; border-radius: 5px; }
.info_event_str		{ margin-top: 15px; text-align: left; font-size: 1.4em; 

}



/* --------------------- merit3 --------------------- */
.merit3_ttl		{ margin-top:  5px; width: 100%; padding: 7px 10px; text-align: center; font-weight: bold; font-size: 1.4em; color: #FFF; background: #F40; border-radius: 5px; }
.merit3_str		{ margin-top: 15px; text-align: left; font-size: 1.4em; }



/* --------------------- flow_contract --------------------- */
#_flow_contract		.flow												{ margin: 10px 0 }
#_flow_contract		.flow				.ttl							{ position: relative; margin-top: 10px; padding: 5px 10px 5px 55px; letter-spacing: 0.1em; line-height: 150%; font-size: 1.4em; font-weight: bold; color: #FFF; background: #3376C1; border-radius: 17px; }
#_flow_contract		.flow				.ttl		.num				{ position: absolute; top: -8px; left: -5px; }
#_flow_contract		.flow				div.str							{ float: left; margin-top: 0; margin-bottom: 10px; width: 60%; font-size: 1.1em; }
#_flow_contract		.flow				div.pht							{ float: left; margin-top: 0; margin-bottom: 10px; margin-right: 10px; width: 20%; }

/* --------------------- flow_paint --------------------- */
#_flow_paint		.flow												{ margin: 10px 0 }
#_flow_paint		.flow				.ttl							{ position: relative; margin-top: 10px; padding: 5px 10px 5px 55px; letter-spacing: 0.1em; line-height: 150%; font-size: 1.4em; font-weight: bold; color: #FFF; background: #3376C1; border-radius: 17px; }
#_flow_paint		.flow				.ttl		.num				{ position: absolute; top: -8px; left: -5px; }
#_flow_paint		.flow				div.str							{ float: left; margin-top: 0; margin-bottom: 10px; width: 60%; font-size: 1.1em; }
#_flow_paint		.flow				div.pht							{ float: left; margin-top: 0; margin-bottom: 10px; margin-right: 10px; width: 20%; }



/* --------------------- plan_comm --------------------- */
.plan_comm { margin: 0; padding: 10px 15px; width: 100%; color: #345; background: #FCF8E3; border: solid 1px #F8EEC0; border-radius: 10px; }

/* --------------------- work_comm --------------------- */
.work_comm { margin: 10px 0; padding: 10px 15px; width: 100%; color: #345; background: #FCF8E3; border: solid 1px #F8EEC0; border-radius: 10px; }

/* --------------------- show plan price --------------------- */
.show_plan_price {
	margin: 5px 0; text-align: center;
	color: #F00;
	font-size: 4.0em;;
	font-weight: bold;
	text-shadow: 2px 2px 0px #FD0,-2px 2px 0px #FD0,2px -2px 0px #FD0,-2px -2px 0px #FD0;
}


/* --------------------- case white-space --------------------- */
table.table.case		th													{ white-space: nowrap; }

/* --------------------- voice --------------------- */
.voice																		{  }
.voice					.ico												{ float: right; margin: 0 20px; width: 100px; }
.voice					.str												{ margin-right: 25%; padding: 0; }


/* --------------------- whats, knowledge ------------------- */
div.str					div.def												{ margin: 0; padding: 2px 10px; font-size: 14px; color: White; background: #5F7A99; border: solid 1px #5F7A99; }
div.str					div.def2											{ margin: 10px 0; padding: 3px 10px; font-size: 12px; font-weight: bold; text-align: center; background: Lightyellow; border-style: dashed; border-width: 1px 0; border-color: #5F7A99; }
div.str					div.exp												{ padding: 10px; border-style: dashed; border-width: 0 0 1px 0; border-color: #5F7A99; }

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


/* TEL / FAX */
@media(min-width:768px) {
	.container .navbar-header .tel_fax_num {
		position: absolute; top: 25px; right: 0px;
	}
	.navbar-telnum {
		display: none;
	}
}

@media(max-width:767px) {
	.container .navbar-header .tel_fax_num {
		display: none;
	}
	.navbar-telnum {												/* ★スマホサイズのトップ位置の電話番号 */
		position: absolute; top: 18px; right: 50px;
	}
}


	/* 画像に被せるタグライン */
#head_tagline_str {
	position: absolute;
	top: 30px;
	left: 35%;
	width: 30%;
	padding: 20px 30px;
	letter-spacing: 0.1em;
	line-height: 1.4em;
	font-size: 2.0em;
	font-weight: bold;
	color: #345;
	background: #FFF;
	border-radius: 20px;
	filter: alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9;
	z-index: 999;
}

#head_tagline_str:after {
	position: absolute; bottom: -24px; left: 80px; display: block; width: 54px; height: 26px; content: "　"; background: url('../img/top_fin_90.png') no-repeat; background-size: contain;				/* ★ fin */
}

@media(max-width:767px) {
	#head_tagline_str {
		position: absolute;
		top: 20px;
		left: 5%;
		width: 90%;
		padding: 15px 20px;
		font-size: 1.4em;
	}
}