@charset "utf-8";
/* ===================================================================

 file name  :style.css
 style info :コンテンツエリア関係 他

=================================================================== */
.page_ttl{
	background: url(../img/ttl.jpg) no-repeat #FFFFFF;
	background-position:right -18px;
	}
/* -----------------------------------------------------------
	# 流れ
----------------------------------------------------------- */
.frowlist {
	padding-left: 35px;
}
.frowlist li {
	list-style: decimal;
	font-family: italic 1.4em Georgia, Times, serif;
	font-size: 125.0%;
	color: #F37900;
	line-height: 1.2;
	margin-bottom: 10px;
}
.frowlist li span {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	font-size: 80.0%;
	color: #222222;
}


/* -----------------------------------------------------------
	# 利用率テーブル
----------------------------------------------------------- */
.hoken_table table th, .hoken_table table td {
	border: 1px solid #ccc;
	padding: 3px 6px;
	font-weight: normal;
	text-align: right;
}
.hoken_table table th, table .td_bg {
	padding: 3px 6px;
	background: url(../../img/bg_table_01.gif) #FFE3C8;
	text-align: center;
}

.t01{width:88px;}
.t02{width:151px;}
.t03{width:226px;}
.t04{width:185px;}

.yori{
	font-size:13px;
	text-align:right;
	}

@media screen and (min-width: 768px) and (max-width: 959px) {
/*-- タブレット --*/

}



@media screen and (max-width: 767px) {
/*-- スマホ --*/
table{font-size:90%;}
.t01{width:330px;}
.t02{width:90px;}
.t03{width:90px;}
.t04{width:360px;}

.hoken_table table th, .hoken_table table td {padding: 3px 1px;}
}



/* -----------------------------------------------------------
	# 一時的
----------------------------------------------------------- */
.tempo ul {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	max-width: 500px;
	margin: 0 auto;
}
.tempo ul li {
	width: 100%;
}
.tempo ul li a {
	display: block;
	border: 1px solid #ff9b3b;
	color: #333;
	padding: 8px 0 8px 30px;
	text-decoration: none !important;
	background: url(../../img/sidenavi_arrow_off.png) no-repeat;
    background-position: 10px 17px;
}
.tempo ul li a:hover {
	opacity: .7;
}
@media screen and (max-width: 767px) {
.tempo ul li a {
	background-position: 10px 14px;
}
}