@charset "utf-8";



/* サブページ　幅640px用　CSS
--------------------------------------------------------------------------*/

@media screen and (max-width: 800px){
/*サイトマップ*/
#subpage.sitemap ul {
	font-size:14px;
}

#subpage.sitemap ul li a {
	padding: 10px;
}

/*お問い合わせ*/
#subpage.contact ul.call li {
	font-size: 20px;
}

/*事業内容*/
#subpage.service h2 + div{
	background: none;
}

/*用途別ナビゲーション*/
#subpage #service_nav {
	max-width: 800px;
	background: #EBEBED;
}

#subpage #service_nav ul li{
	width: 25%;
}
} /*max_800px_end*/


@media screen and (max-width: 640px){
/*--------------------------------------------------------------------------
		個人情報保護方針
--------------------------------------------------------------------------*/

#subpage.privacy .sec {
	padding: 20px 0 30px;
}

#subpage.privacy p {
	padding: 0 10px 20px 15px;
}

#subpage.privacy p.no_unsp {
	padding: 0 10px 10px 15px;
}

#subpage.privacy ul {
	padding: 0 20px 20px 20px;
}

/*--------------------------------------------------------------------------
		関連リンク集
--------------------------------------------------------------------------*/
/*タイトル*/
#subpage.link .linkblock {
	max-width: 1100px;
}

#subpage.link .linkblock h2 {
	margin: 0 auto 10px;
	padding: 5px 10px 5px;
	border-left: 3px solid #9999A4;
	font-size: 13px;
}


#subpage.link .linkblock .link_line {
	margin: 0 auto 20px;
}

#subpage.link .linkblock .link_line dl a dt {
	background: url(../img/linkmark.png) no-repeat 0 7px;
	
}

/*--------------------------------------------------------------------------
		サイトマップ
--------------------------------------------------------------------------*/
#subpage.sitemap section {
	margin: 0 auto 30px;
}

#subpage.sitemap h2 {
	margin: 0 0 10px;
	padding: 10px;
	font-size: 14px;
	border-left: 5px solid #55B9EA;
}

#subpage.sitemap h2 span {
	font-size: 12px;
}

#subpage.sitemap ul {
	max-width: 500px;
}

#subpage.sitemap ul li {
	float: left;
	padding: 5px 10px 5px;
	width: 100%;
	font-size: 13px;
}

/*--------------------------------------------------------------------------
		会社概要
--------------------------------------------------------------------------*/
#subpage.company .sub_topimg img {
	margin: 0 auto 30px;
}

#subpage.company h2 {
	margin: 0 auto 20px;
	width: 100px;
	font-size: 14px;
}

#subpage.company .co_prof dl dt {
	min-width: 90px;
}

#subpage.company .co_prof dl dd.co_name {
	font-size: 13px;
	font-weight: 500;
}

#subpage.company .co_his dl dt {
	display: table-cell;
	min-width: 90px;
}

#gmap {
	height: 200px;
}

#subpage.company .co_prof dl dd ul.list_tx li {
    background-position: left top 6px;
    background-size: 8px auto;
    padding: 0 0 0 12px;
	font-size: 12px;
}

/*--------------------------------------------------------------------------
		お問い合わせ
--------------------------------------------------------------------------*/

#subpage.contact .contact_text {
	margin: 0 auto 50px;
}

#subpage.contact h2 {
	margin: 0 0 10px;
	padding: 10px;
	font-size: 14px;
	border-left: 5px solid #55B9EA;
}

#subpage.contact #mailformpro p.l_30 {
	padding: 0 0 30px 0;
}

#subpage.contact ul.call {
	display: block;
	margin: 20px auto 0;
	width: 80%;
}

#subpage.contact ul.call li {
	display: block;
	padding: 10px;
	width: 100%;
	font-size: 18px;
}

/*送信完了----------------------------------------------------*/
#subpage.contact_thanks section {
	margin: 0 auto 30px;
}

#subpage.contact_thanks section.last {
	margin: 0 auto 50px;
}

/*メールフォーム 　※基本構造は　mailformpro.sccに記載*/

/*--------------------------------------------------------------------------
		　★事業内容共通
--------------------------------------------------------------------------*/
/*水色線タイトル*/
#subpage.earthquake h3,
#subpage.public h3,
#subpage.office h3,
#subpage.collective-housing h3,
#subpage.welfare h3,
#subpage.factory h3,
#subpage.residential h3 {
	margin: 0 auto 15px;
	padding: 5px 10px 5px;
	border-left: 3px solid #35A8C6;
}

/*主な実績*/
#subpage .performance h4 {
	border-bottom: 1px solid #35A8C6;
	font-size: 13px;
}

#subpage .performance .perf_list {
	display: block;
	font-size: 13px;
}

#subpage .performance .perf_list ul {
	display: block;
	margin: 0 auto 0;
	width: 100%;
}

/*事業内容　各ページリンク*/
#subpage .service_team {
	margin: 50px auto 0;
}

#subpage .service_team p {
	padding: 0 0 20px;
	font-size: 15px;
}

#subpage .service_team ul li {
	padding: 0 5px 0;
	height: 60px;
}

#subpage .service_team ul li a span {
	padding: 5px;
	height: 60px;
}

#subpage .service_team ul li a span.t_space {
	padding: 15px 5px 5px;
}


/*--------------------------------------------------------------------------
		　事業内容
--------------------------------------------------------------------------*/
#subpage.service h2 {
	margin: 0 auto 20px;
	padding: 10px;
	font-size: 13px;
}

#subpage.service h2 + div{
	margin: 0 auto 30px;
}

#subpage.service h2 + div ul li {
	padding: 0 0 10px;
	font-size: 14px;
}

#subpage.service .service_four ul {
	margin: 0 auto 10px;
}

#subpage.service .service_four ul li {
	float: left;
	padding: 0 10px 20px;
	width: 50%;
	height: auto;
}

#subpage.service .service_four ul li img {
	margin: 20px auto 0;
	max-width: 150px;
}

#subpage.service .service_four ul li a {
	padding: 10px 5px 10px;
}

#subpage.service h3 {
	margin: 0 auto 20px;
	font-size: 14px;
}


/*--------------------------------------------------------------------------
		耐震診断・耐震改修
--------------------------------------------------------------------------*/
#subpage.earthquake .resistant > p {
	padding: 0 0 30px;
}

#subpage.earthquake .resistant,
#subpage.earthquake .earth_rc {
	margin: 0 auto 30px;
}

#subpage.earthquake .earth_w,
#subpage.earthquake .er_const {
	margin: 0 auto 50px;
}

#subpage.earthquake dl {
	display: block;
}

#subpage.earthquake dl dt,
#subpage.earthquake dl dd {
	display: block;
}

#subpage.earthquake .earth_w dl dt,
#subpage.earthquake .earth_repair dl dt {
	width: 100px;
}

#subpage.earthquake .earth_w dl dt.long { width: 220px; }
#subpage.earthquake .earth_repair dl dt.long { width: 150px; }

#subpage.earthquake .earth_w dl dt.long br {
	display: none;
}

#subpage.earthquake dl dd {
	padding: 5px 0 0;
}

#subpage.earthquake .earth_rc dl.caution,
#subpage.earthquake .earth_w dl.caution {
	margin: 0 auto 10px;
}

#subpage.earthquake .earth_rc p,
#subpage.earthquake .earth_w p {
	font-size: 11px;
}

#subpage.earthquake .performance .perf_list ul {
	max-width: 350px;
}

/*タイトル、実績CSSは事業内容共通にあり*/


/*--------------------------------------------------------------------------
		事業内容　公共施設
--------------------------------------------------------------------------*/
#main_contents #subpage.public section.school {
	margin: 0 auto 30px;
}

#subpage.public .government {
	padding: 0;
}

#subpage.public .performance .perf_list ul {
	max-width: 250px;
}

#subpage.public .government h3 + p {
	padding: 0 0 30px;
}

/*タイトル、実績CSSは事業内容共通にあり*/

/*--------------------------------------------------------------------------
		事務所・店舗
--------------------------------------------------------------------------*/
#main_contents #subpage.office section.last {
	margin: 0 auto 30px;
}

#main_contents #subpage.office section.officebuil{
	margin: 0 auto 30px;
}

#subpage.office .performance .perf_list ul {
	max-width: 350px;
}

#subpage.office .officebuil h3 + p,
#subpage.collective-housing .apartment h3 + p {
	padding: 0 0 30px;
}

/*タイトル、実績CSSは事業内容共通にあり*/

/*--------------------------------------------------------------------------
		事業内容　集合住宅
--------------------------------------------------------------------------*/
/*#main_contents #subpage.collective-housing section.last {
	margin: 0 auto 30px;
}*/

#main_contents #subpage.collective-housing .apartment {
	margin: 0 auto 0;
}

#subpage.collective-housing .apartment h3 + p {
	padding: 0 0 30px;
}

#subpage.collective-housing .performance {
	margin: 0 auto 30px;
}

#subpage.collective-housing .performance .perf_list ul {
	max-width: 250px;
}

/*タイトル、実績CSSは事業内容共通にあり-----実績、画像CSSは事務所・店舗と共通*/

/*--------------------------------------------------------------------------
		事業内容　工場・倉庫・ターンテーブル　他
--------------------------------------------------------------------------*/
#subpage.factory .turn_movie {
	margin: 30px auto 30px;
}

#subpage.factory .turn_t .turn_t_drawing  {
	margin: 0 auto 50px;
}

#subpage.factory .performance .perf_list ul {
	max-width: 350px;
}

/*タイトル、実績CSSは事業内容共通にあり*/

/*--------------------------------------------------------------------------
		福祉・医療
--------------------------------------------------------------------------*/
#main_contents #subpage.welfare section {
	margin: 0 auto 30px;
}

#subpage.welfare .welfare_buil h3 + p {
	padding: 0 0 30px;
}

#subpage.welfare .welfare_plan {
	display: block;
	margin: 0 auto 30px;
	padding: 20px 0 10px;
	width: 100%;
}

#subpage.welfare .welfare_plan ul {
	display: block;
	margin: 0 auto 0;
	width: 100%;
	max-width: 350px;
}

#main_contents #subpage.welfare .performance .perf_list ul {
	width: 100%;
	max-width: 350px;
}

/*--------------------------------------------------------------------------
		戸建住宅
--------------------------------------------------------------------------*/
#subpage.residential .resid_schedule ul.schedule_list {
	margin: 0 auto 10px;
	max-width: 900px;
 }
 
#subpage.residential ul.schedule_list li p {
	font-size: 14px;
}

#main_contents #subpage.residential ul.schedule_list li p {
	background-size: 42px;
}

#subpage.residential .resid_schedule .resid_img {
	margin: 0 auto 30px;
}

#subpage.residential .resid_schedule .resid_img img.pc_no {
    display: inline-block;
	max-width: 200px;
}
    
#subpage.residential .resid_schedule .resid_img img.sp_no {
    display: none;
}

#subpage.residential .designfee p {
	margin: 0 0 20px;
}

#subpage.residential .designfee_list .b_shadow1 { margin: 0 0 10px; padding:5px 0 5px 30px; background: url(../img/b_sha1.png) left 7px no-repeat; background-size: 20px; }
#subpage.residential .designfee_list .b_shadow2 { margin: 0 0 10px; padding:5px 0 5px 30px; background: url(../img/b_sha2.png) left 7px no-repeat; background-size: 20px; }
#subpage.residential .designfee_list .b_shadow3 { margin: 0 0 10px; padding:5px 0 5px 30px; background: url(../img/b_sha3.png) left 7px no-repeat; background-size: 20px; }
#subpage.residential .designfee_list .b_shadow4 { margin: 0 0 10px; padding:5px 0 5px 30px; background: url(../img/b_sha4.png) left 7px no-repeat; background-size: 20px; }
#subpage.residential .designfee_list .b_shadow5 { margin: 0 0 10px; padding:5px 0 5px 30px; background: url(../img/b_sha5.png) left 7px no-repeat; background-size: 20px; }
#subpage.residential .designfee_list .b_shadow6 { margin: 0 0 10px; padding:5px 0 5px 30px; background: url(../img/b_sha6.png) left 7px no-repeat; background-size: 20px; }

#subpage.residential .designfee p.caution {
	font-size: 11px;
}

#subpage.residential .designfee ul.grayzone {
	padding: 10px;
}

#subpage.residential .basiccharge  ul.bc_title {
	background: #ECECFB;
	border-top: 1px solid #CACAD9;
}

#subpage.residential .basiccharge  ul.bc_details {
	display: block;
}

#subpage.residential .basiccharge  ul.bc_details li {
	display: block;
	vertical-align: middle;
	box-sizing:border-box;
}

#subpage.residential .basiccharge  ul.bc_details li.h_size {
	width: 100%;
	max-width: 100%;
	color: #ffffff;
	background: #35A8C6;
}

#subpage.residential .basiccharge  ul.bc_title li.h_size {
	color:#525261;
	background: #ECECFB;
}

#subpage.residential .basiccharge  ul.bc_details li table td {
	padding: 2px 5px 2px;
	border-left: 1px solid #CACAD9;
}

} /*max-640px_end*/


@media screen and (max-width: 500px){
#subpage.residential ul.schedule_list li p.block6 {
	padding: 8px 3px 8px 40px;
	line-height: 1.4;
	font-size: 12px;
	background: url(../img/block6_long.png) left center no-repeat;
}

/*事業内容　各ページリンク*/
#subpage .service_team ul li {
	margin: 0 auto 10px;
	width: 50%;
}

/*用途別ナビゲーション*/
#subpage #service_nav {
	margin: 50px auto 30px;
}

#subpage #service_nav img {
	padding: 5px 0 10px;
	max-width: 70px;
}

#subpage #service_nav ul li.sline a{
	padding: 5px 0 10px;
}

#subpage #service_nav ul li.sline img {
	padding: 5px 0 10px;
}

#subpage #service_nav ul {
	line-height: 3;
}

#subpage #service_nav ul li{
	width: 33.3%;
	font-size: 12px;
	box-sizing: border-box;
}

#subpage #service_nav ul li.adjust a {
	padding: 10px 0 0;
	line-height: 1.3;
	box-sizing: border-box;
}

#subpage #service_nav ul li a {
	display: block;
	padding: 0 0 10px;
	height: 90px;
}
} /*max_500px_end*/


@media screen and (max-width: 450px){
/*関連リンク*/
#subpage.link .linkblock .link_line dl a {
	display: block;
	width: 100%;
}

#subpage.link .linkblock .link_line dl a dt {
	display: block;
	padding: 0 0 10px 20px;
	width: 100%;
}

#subpage.link .linkblock .link_line dl a dd {
	display: block;
	width: 100%;
}


/*戸建住宅*/
#subpage.residential .basiccharge  ul.bc_title li table td {
	padding: 2px 5px 2px;
}

/*用途別ナビゲーション*/
#subpage #service_nav ul li a {
	display: block;
	padding: 0 0 10px;
	height: 110px;
}

}/*max_450px_end*/