@charset "UTF-8";
/* CSS Document */


/* ▼　スマホメニュー　▼ */
/* ▲　スマホメニュー　▲ */

/* ▼　ヘッダ　▼ */
/* ▲　ヘッダ　▲ */
		
/* ▼　ナビゲーション　▼ */
/* ▲　ナビゲーション　▲ */

/* ▼　メイン　▼ */
#main_img{
	background-image:url(../images/construction/construction-main-img.jpg);
}

#main #page_ttl{
	margin-bottom:60px;
}

#page_ttl .content{
	display: flex;
	display: -webkit-flex; /* Safari */
	justify-content: space-around;
	-webkit-justify-content: space-around; /* Safari */
	padding-bottom:40px;
	border-bottom:2px solid #f4eee8;
}

#page_ttl .img_area{
	margin-bottom:40px;
}


#page_ttl h4{
	background-color:#f4eee8;
	font-size:2.3em;
	font-weight:bold;
	padding:10px 14px;
	display:inline-block;
	margin-bottom:40px;
}

#page_ttl h5{
	font-size:1.53em;
	font-weight:bold;
	line-height:2.0;
	text-align:left;
}

#page_ttl p{
	text-align:left;
}

#page_ttl .area_cnt:first-child{
	margin-right:20px;
}

#page_ttl .area_cnt:last-child{
	margin-left:20px;
}

.sec_blog{
	margin-bottom:120px;
}

.sec_blog .link_btn{
	text-align:center;
	font-size:15px;
	color:#fff;
	width:210px;
	background-color:#116434;
	padding:10px 1em;
	border:none;
	-moz-border-radius: 5px;/*角丸指定 四隅を丸くすることで10pxの●に*/
	-webkit-border-radius: 5px;/*角丸指定*/
	border-radius: 5px;/*角丸指定*/	
	display: block;
	margin:0 auto;
}

#construction .sec_header h3::before{
	background-color:#fff;
}

#sec_flow{
	text-align:center;
}

#sec_flow table{
	border-spacing:0px;
	margin-bottom:40px;
}

#sec_flow th{
	border: 2px solid #907765;
	border-top:none;
	padding: 2em;
	vertical-align: top;
	width:1em;
	white-space: nowrap;
}

#sec_flow th p{
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
	writing-mode: tb-rl; /* IE用 */
    writing-mode: vertical-rl;/* Chrome、Firefox用 */
	-webkit-text-orientation: upright;
	text-orientation: upright;
	margin: 0 auto;/* [2]Chromeで中央に寄せたいときに指定 */
	display: block;/* [1]Safariで幅が広がるのを防止 */
	display: inline-block\9;/* IE9で高さが広がるのを防止 */
	width: 1em;/* firefox対策 */
    line-height: 1em;/* firefox対策 */
	font-size: 2.3em;
	font-weight: bold; /* [1]Safariで幅が広がるのを防止 */
}

/* IE10以降 */
	@media all and (-ms-high-contrast:none){
	  #sec_flow th p {
	    display:inline-block;/* IE10以降高さが広がるのを防止 */
	  }
	}

#sec_flow tr:first-child th{
	border-top:2px solid #907765;
}

#sec_flow td {
	text-align:left;
	vertical-align:top;
}

#sec_flow td.area_num{
	padding: 0 30px;
	font-size:2.3em;
	background: url(../images/construction/construction-sec01-arrow.png), -webkit-linear-gradient(to right, #fff 0%, #fff 49%, #907765 49%, #907765 50.5%, #fff 50.5%, #fff 100%);
	background: url(../images/construction/construction-sec01-arrow.png), linear-gradient(to right, #fff 0%, #fff 49%, #907765 49%, #907765 50.5%, #fff 50.5%, #fff 100%);
	background-position:bottom center;
	background-repeat:no-repeat;
}

#sec_flow td.area_num p{
	width:78px;
	height:78px;
	color:#fff;
	background-color:#907765;
	-moz-border-radius: 50%;/*角丸指定 四隅を丸くすることで10pxの●に*/
	-webkit-border-radius: 50%;/*角丸指定*/
	border-radius: 50%;/*角丸指定*/	
	text-align:center;
	line-height: 78px;
	font-weight:600;
}

#sec_flow td.area_head{
	height:78px;
	vertical-align:middle;
}

#sec_flow td.area_head h4{
	display:inline;
	font-size:1.53em;
	font-weight:bold;
}

#sec_flow .area_txt p{
	margin-bottom:20px;
}

#sec_flow .area_txt img{
	padding-bottom:20px;
}


/* ▲　メイン　▲ */

/* ▼　rss　▼ */
/* ▲　rss　▲ */	

	
/* ▼　フッタ　▼ */
/* ▲　フッタ　▲ */

/*===============================================
●smart.css  画面の横幅が1001pxから
===============================================*/
@media screen and (min-width:1001px){
}

/*===============================================
●smart.css  画面の横幅が1000pxまで
===============================================*/
@media screen and (max-width:1000px){


}

/*===============================================
●smart.css  画面の横幅が767pxまで
===============================================*/
@media screen and (max-width:800px){
	/* ▼　ヘッダ　▼ */
	/* ▲　ヘッダ　▲ */
			
	/* ▼　ナビゲーション　▼ */
	/* ▲　ナビゲーション　▲ */
	
	/* ▼　メイン　▼ */

		#page_ttl .content{
			display:block;
		}
		
		#page_ttl .area_cnt:first-child{
			margin-right:0px;
			margin-bottom:40px;
		}
		
		#page_ttl .area_cnt:last-child{
			margin-left:0px;
		}
		

	/* ▲　メイン　▲ */
			
	/* ▼　rss　▼ */
	/* ▲　rss　▲ */	
	
		
	/* ▼　フッタ　▼ */
	/* ▲　フッタ　▲ */	
}


/*===============================================
●smart.css  画面の横幅が460pxまで
===============================================*/
@media screen and (max-width:500px){
	#sec_flow th{
		padding: 1em;
	}
	
	#sec_flow th p{
		font-size: 1.54em;
	}
	
	#sec_flow td.area_num{
		padding: 0 15px;
		font-size:1.54em;
	}
	
	#sec_flow td.area_num p{
		width:50px;
		height:50px;
		line-height: 50px;
	}
	
	#sec_flow td.area_head{
		height:50px;
		vertical-align:middle;
	}
	
	#sec_flow td.area_head h4{
		line-height:1.2;
	}

}