@charset "utf-8";
/*==================================================================================================================
サブページ
==================================================================================================================*/
/*サブページ共通
------------------------------------------------------------------------------------------------------------------*/
/*枠*/
.container   {width:1000px;margin:0 auto 25px auto;background-color: #FFF;position: relative;}
.wrapper     {width:100%;padding:35px 60px;}
.wrapper:after{content:"";display:block;clear:both;}

/*Hタグ*/
h1.h1_a{margin:35px 0;text-align: center;line-hegiht:1;}
.container h1{
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
    font-size: 2.3em;
    font-weight:bold;
    letter-spacing: 0.1em;
    background-color: #d5d2be;
    background-image: url(../images/h1_bg.png);
    background-repeat: repeat;
	color:#000; 
    padding:12px 0px 12px 50px;
}


h2{font-size:2em;margin:20px 0;padding:8px;font-weight: normal;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
    border-left:5px solid #3c371c;
	background-color: #e3dfc9;
    color:#3c371c;
    padding-left:15px;
	line-height:1.4;
	margin:20px 0;
    
}
h2.read{font-size:2.2em;margin:20px 0;padding:8px;font-weight: normal;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
    background-color: #FFF;
    border: none;
    padding:0;
	line-height:1.4;
	margin:20px 0 30px 0;
}
h3{font-size:1.8em;color:#6f6b53;margin:20px 0;;font-weight: normal;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
	border-left:5px solid #e28604;
	padding-left:15px;
	line-height:1.4;
	margin:20px 0;
    font-weight:bold;
}
h4{font-size:1.7em;color:#000;margin:15px 0;font-weight:bold;}

/*文字サイズ
------------------------------------------------------------------------------------------------------------------*/
#contents p,#contents li,#contents th,#contents td{font-size:1.6em;}

#contents p.f12{font-size:1.2em;}
#contents p.f14{font-size:1.4em;}
#contents p.f20{font-size:2.0em;}
#contents p.f_stxt{font-size:85%;}

/*余白
------------------------------------------------------------------------------------------------------------------*/
.spc10{margin-bottom:10px;}
.spc20{margin-bottom:20px;}
.spc30{margin-bottom:30px;}

/*ボックス
------------------------------------------------------------------------------------------------------------------*/
hr
/*ボックス
------------------------------------------------------------------------------------------------------------------*/
.box_set  {}
.box2_left {float:left; width:470px;}
.box2_right{float:right;width:470px;}

.box3_left {float:left; width:425px;}
.box3_right{float:right;width:425px;}

.box_main {float:left; width:640px;}
.box_sub  {float:right;width:300px;}

.box_line{border:1px solid #CCC;background-color:#fffaef;padding:8px;}

.box_ol{border:1px solid #CCC;background-color:#fffaef;padding:15px 20px;}
.box_ol ol{margin-left:16px;}



/*テーブル
------------------------------------------------------------------------------------------------------------------*/
table.tbl_style1{border-top:1px dotted #928260;}
/*枠線*/
table.tbl_style1 th,table.tbl_style1 td{
	border:none;
	border-bottom:1px dotted #928260;
	padding:3px 10px;
}

.table_box{border:1px solid #bab29f;padding:13px;background-color:#FFF;}

.table_box table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}
.table_box table th,.table_box table td{
    border:0;
		background-color:inherit;
		padding:3px 10px;
}
.table_box table th {
		border-right: 1px solid #bab29f;
}
.table_box table td {
}

.table_box table tr:nth-child(2n+2) {
    background: #f7f3ea;
}


/*セル*/
table.all_center th,table.all_center td{text-align:center;}
.cell_center{text-align:center;vertical-align:middle;}




/*会社概要
------------------------------------------------------------------------------------------------------------------*/
/*会社概要*/
.txt_bold{
	font-weight:bold;
	color:#006C4E;
}

.border_btm {
	border-bottom: 1px dotted #928260;
	margin-bottom: 10px;
}

/*リスト
------------------------------------------------------------------------------------------------------------------*/



/*個人情報保護方針
------------------------------------------------------------------------------------------------------------------*/
#privacy ul{ margin-left:20px;}
#privacy ul li{
	background:url(../images/icon_list.jpg) left 9px no-repeat;
	padding-left:18px;
}




/*お問い合わせ・予約フォーム*/
#form_area{width:75%;margin:0 auto;}

.reserve_box{border:3px double #7A5B29;width:75%;margin:0 auto;background-color:#FFF;padding:15px; }


/*参考資料
------------------------------------------------------------------------------------------------------------------*/
ul.list_link{margin:0 0 40px 20px;}
ul.list_link li{
	background:url(../../service/images/icon_link.jpg) left center no-repeat;
	padding-left:15px;
}
.table_box table td.br{border-right: 1px solid #bab29f;}


/*構造設計料金
------------------------------------------------------------------------------------------------------------------*/
ul.txt_indent li{
	text-indent:-1em;
	padding-left:1em;
}
/*table#results_tbl td{text-align:right;}*/
table#results_tbl tbody th, table#results_tbl td{
    text-align: center;
    vertical-align: middle;
}


/*サポート情報（FAQ）
------------------------------------------------------------------------------------------------------------------*/
#faq dl{ font-size:1.6em;}
#faq dl dt{
	border-bottom:#8fc31f 1px dotted;
	margin-bottom:10px;
	font-weight:bold;
	color:#097c25;
}
#faq dl dt span.bg, #faq dl dd span.bg{
	font-size:110%;
	color:#fff;
	font-weight:bold;
	margin-right:10px;
	padding:0 10px;
    border-radius: 20px;        /* CSS3草案 */  
    -webkit-border-radius: 20px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 20px;   /* Firefox用 */  
}
#faq dl dt span.bg{background-color:#8fc31f;}
#faq dl dd span.bg{background-color:#f39700;}
#faq dl dd{
	margin:0 0 30px 100px;
	text-indent:-65px;
}



/*サイトマップ
------------------------------------------------------------------------------------------------------------------*/
ul.box_left > li, ul.box_right > li{
	background:url(../images/icon_list.jpg) left 9px no-repeat;
	padding-left:18px;
	margin-bottom:15px;
}
ul.box_left{
	float:left;
	width:400px;
}
ul.box_right{
	float:right;
	width:400px;
}
ul.inner_list{margin-bottom:20px;}
ul.inner_list li{
	background:none;
	background:url(../../service/images/icon_link.jpg) left center no-repeat;
	padding-left:15px;
	font-size:100%;
}
ul.box_right p{
	font-size: 100%;
	margin: 3px 0;
	line-height: 1.4;
}
ul.box_right p span{
	background-color:#63b753;
	color: #fff;
	padding: 2px 10px;
}


/*業務の流れ
------------------------------------------------------------------------------------------------------------------*/
#flow{
	background:url(../../flow/images/bg_flow_pc.jpg) center repeat-y;
	padding:35px;
	margin-bottom:30px;
	position:relative;
}
.flow_title {margin-bottom:20px;}
.flow_title p { display:inline-block; width:315px; text-align:center; font-weight:bold; font-size:2em;}
.flow_title_right { margin-left:175px; }
.flow_left, .flow_right{
	position:relative;
	margin-top:-15px;
}
.flow_left > div, .flow_right > div {
	width:40%;
	text-align:center;
	color:#fff;
	font-weight:bold;
	font-size:1.8em;
	line-height:1.4;
	background-color:#29abe2;
	border-radius: 10px;
	padding:10px;
}
.flow_left2{margin-top:-40px;}
.flow_right > div { background-color:#fbb03b;}
.flow_right{ left:480px;}
.flow_right2{margin-top:20px;}
.a_right, .a_left{
	width:120px;
	height:40px;
	text-indent:-9999px;
	overflow:hidden;
	position:relative;
	margin-top:-25px;
	left:350px;
}
.a_right{ background-image:url(../../flow/images/arrow01.png);}
.a_left{background-image:url(../../flow/images/arrow02.png);margin-top:-15px;}
.a_left_2{background-image:url(../../flow/images/arrow04.png); width:250px; left:220px; margin-top:-40px; }
.a_left_3{background-image:url(../../flow/images/arrow03.png); margin-top:-45px;}
.bg_w{
	background-color:#fff;
	color:#29abe2;
	font-weight:bold;
	padding:2px 10px 0 15px;
	border-radius: 20px;
}
.flow_left p, .flow_right p{
	font-size:100%;
	margin:10px 5px;
	text-align:center;
}
.txt_left{text-align:left;}
.txt_ss, #flow p.txt_ss{
	font-size:80%;
	text-align:left;
}
#flow .txt_bold{
	color:#fff;
	text-align:left;
	text-indent:-1em;
	padding-left:1em;
}
@media(max-width:1000px) {
	.container { width:100%; }
	.wrapper { padding:35px 3px; }
	#flow {
		max-width:600px;
		background:url(../../flow/images/bg_flow_smt.jpg) center repeat-y;
		padding:10px 0;
		margin:0 auto 30px auto;
 	}
	.flow_title p { width:50%; margin:0; }
	.flow_left , .flow_right{ margin-top:0; position:static; }
	.flow_right{ text-align:right; }
	.flow_left >div, .flow_right>div{ display:inline-block; width:100%; max-width:320px; }
	.a_right, .a_left{;margin-top:0; position:static;text-align:center;width:100%;font-size:2em;}
	.a_right { background:url(../../flow/images/arrow05.png) center center no-repeat; margin-left:-20px;}
	.a_left { background:url(../../flow/images/arrow06.png) center center no-repeat; margin-left:20px;}
}

/*インタビュー
------------------------------------------------------------------------------------------------------------------*/
.int_set{
	margin-bottom:30px;
	background-color:#EDFCED;
	padding:15px;
}
.int_set > p{
	font-size:1.8em;
}
.int_set dl{
	font-size:1.6em;
	background-color:#fff;
	padding:30px 40px 15px;
	border:#88B399   1px dotted;
}
.int_set dl dt{
	font-weight:bold;
	color:#097c25;
	background:url(../images/icon_list.jpg) left 9px no-repeat;
	padding-left:20px;
}
.int_set dl dd{
	margin-bottom:15px;
}
.int_set .img_right{ margin-top:-60px;}



/*採用情報
------------------------------------------------------------------------------------------------------------------*/
ul.link_area{
	text-align:center;
	margin-top:50px;
}
ul.link_area li{
	display:inline-block;
	width:250px;
	padding:2px 10px 0 15px;
	margin:0 10px 20px 10px;
	background-color:#006b99;
    border-radius: 20px;        /* CSS3草案 */  
    -webkit-border-radius: 20px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 20px;   /* Firefox用 */  
		
}
ul.link_area li:hover{
	background-color:#004a6a;
}
ul.link_area li.form_btn{
	background-color:#f7a400;
}
ul.link_area li a{
	color:#fff;
	text-decoration:none;
	display:block;
	text-align:center;
	font-weight:bold;
}

.h1_link{
	position: absolute;
	right: 50px;
	top: 20px;
	font-size: 1.6em;
	width:200px;
	background-color:#006b99;
    border-radius: 20px;        /* CSS3草案 */  
    -webkit-border-radius: 20px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 20px;   /* Firefox用 */  
}
.h1_link:hover{background-color:#004a6a;}
.h1_link a{
	color: #fff;
	text-decoration: none;
	text-align: center;
	display: block;
}


.bg_pdf{
	background:url(../../service/images/icon_pdf.png) left 5px no-repeat;
	padding-left:30px;
}
.bg_icon{
	background:url(../images/icon_list.jpg) left 5px no-repeat;
	padding-left:18px;
	margin-bottom:5px;
	line-height:1.5;
}

.rec_box{
	margin: 30px 0 50px;
	padding: 0 10px;
}
.rec_box h4{
	color:#669900;
	font-size:1.9em;
}
.rec_box h4 span{
	position: relative;
	display: inline-block;
	padding:0;
	width: 95px;
	height: 36px;
	color: #F6F6F6;
	line-height: 36px;
	text-align: center;
	background: #669900;
	z-index: 0;
	margin-right: 25px;
	font-weight: bold;
}
.rec_box h4 span:after {
	content: "";
	position: absolute;
	top: 50%; right: -18px;
	margin-top: -18px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 18px 0 18px 18px;
	border-color: transparent transparent transparent #669900;
}
.rec_box dl:after{content:"";display:block;clear:both;}
.rec_box dl{
	margin: 0 40px 30px;
	position: relative;
}
.rec_box dl dt{
	position: absolute;
	z-index: 1;
	font-size: 1.8em;
	font-weight: bold;
	width: 90px;
	height: 70px;
	line-height: 70px;
	text-align: center;
	background-color: #F9A51D ;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
}
.rec_box dl dt.kibou{
	border: #F9A51D  2px solid;
	background-color: #fff ;
}
.rec_box dl dt.point{
	color: #fff;
}

.rec_box dl dd{ margin-left: 75px;}
.rec_box dl dd span{color: #f7a400;}
.rec_box dl dd ul{width:100%;}
.rec_box dl dd ul li{
	line-height: 1.5;
	margin-bottom: 9px;
}
.rec_box dl dd ul.rec_list01{
	background-color: #FDF5E6;
	padding: 20px 20px 10px;
	position: relative;
	display: inline-block;
}
.rec_box dl dd ul.rec_list01:before {
	content: "";
	position: absolute;
	bottom: -30px; left: 50%;
	margin-left: -9px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 30px 20px 0 20px;
	border-color: #FCD58D transparent transparent transparent;
	z-index: 0;
}
.rec_box dl dd ul.rec_list01:after {
	content: "";
	position: absolute;
	bottom: -12px; left: 50%;
	margin-left: -10px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #FCD58D transparent transparent transparent;
	z-index: -1;
}
.rec_box dl dd ul.rec_list01 li{
	list-style: circle;
	margin-left: 20px;
}

.rec_box dl dd ul.rec_list02{
	border: #FCD58D  4px solid;
	padding: 20px 20px 10px;
}
.rec_box dl dd ul.rec_list02 li{
	text-indent: -20px;
	padding-left: 20px;
}
.rec_left, .rec_right{width: 45%;}
.rec_left{
	float: left;
	margin-left: 15px;
}
.rec_right{
	float: right;
	margin-right: 15px;
}
.rec_left ul, .rec_right ul{
	padding:0 20px;
}
.rec_left ul li, .rec_right ul li{
	background: url(../images/icon_list.jpg) left 9px no-repeat;
	padding-left: 20px;
	margin-bottom: 10px;
}

/*新着情報*/
.news_detail { font-size:1.4em; }
.news_detail img{margin:20px 0;}
.news_detail img.i_l{ float:left; margin:20px 20px 20px 0;}
.news_detail img.i_r{ float:right; margin:20px 0 20px 20px;}
.news_detail img.i_c{ display:block; margin:20px auto;}
.news_detail:after {content:"";display:block;clear:both;}
#news_nav   { font-size:1.4em; text-align:center; margin:20px 0; }