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

.-------------------------------------{}


/* ウィンドウ幅が0〜479pxの場合に適用するCSS */
@media screen and ( max-width:480px )
{
	
	
/*基本となるフォントサイズの変更*/	
html, body {
	font-size: 54.7%;
}
/*1rem が 8.75px*/
	
#logo {
	position: absolute;
	left: 20px;
	top: 20px;
	width: 200px;
}
	
#slide, header {
	width: 100%;
	height: 400px;
	max-width: 100%;
	min-width: 100%;
}
	
img{
	max-width: 100%;
	padding-right: 0px;
	padding-left: 0px;
	height: auto;
}

.---ページタイトル-----{}

h1{
	position: absolute;
	top: 323px;
	left: auto;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	bottom: auto;
	width: 35px;
	right: 15px;
}
#blog_page_title
{
	width: 68px;
}
	

.---タイトルイラスト-----{}

#index_header #head_illst {
	right: 101px;
	left: auto;
	top: 376px;
	margin-top: 0px;
	width: auto;
	}

#index_header #head_illst img {
	width: 80px;
	height: auto;
}

#concept_header #head_illst {
	right: 49px;
	left: auto;
	top: 361px;
	margin-top: 0px;
	}

	
#concept_header #head_illst img {
	width: 28px;
	height: auto;
}


#flow_header #head_illst {
	right: 71px;
	left: auto;
	top: 416px;
	margin-top: 0px;
	width: auto;
	}

#flow_header #head_illst img {
	width: 80px;
	height: auto;
}
	
#flow_works #head_illst {
	right: 71px;
	left: auto;
	top: 410px;
	margin-top: 0px;
	width: auto;
	}

#flow_works #head_illst img {
	width: 80px;
	height: auto;
}

#contact_header #head_illst {
	right: 71px;
	left: auto;
	top: 387px;
	margin-top: 0px;
	width: auto;
	}

#contact_header #head_illst img {
	width: 50px;
	height: auto;
}

#voice_header #head_illst {
	right: 78px;
	left: auto;
	top: 419px;
	margin-top: 0px;
	width: auto;
	height: auto;
	}

#voice_header #head_illst img {
	width: 80px;
	height: 80px;
}



.---見出し-----{}
	
h2 {
	margin-bottom: 50px;
}

.h2_eng {
	width: 90%;
	background-position: 0% 7px;
}

	
.---バック・コンテンツボックス-----{}
	
.bg_color_a,
.bg_color_b,
.bg_color_c,
.bg_color_d,
.conts, 
.conts_3, 
.conts_860,
.conts_940,
#profile_pt,
#map 
{
	max-width: 100%;
	min-width: 100%;
	padding-right: 0px;
	padding-left: 0px;
	height: auto;
}

.bg_color_a,
.bg_color_b
	{
	padding-top: 70px;
	padding-bottom: 70px;
}
	

.bg_color_a:nth-of-type(1)
	{
	padding-top: 90px;
}
	
.conts,
.conts_860
{
	padding-right: 7%;
	padding-left: 7%;
}

	
.---ページ内イラスト-----{}

.illst,
#illst_1,
#illst_2,
#illst_3,
#illst_4
	{
	clear: both;
	float: none;
	position: static;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 50px;
	text-align: center;
	padding-right: 0px;
	padding-left: 0px;
}

* th {
	width: 30%;
}

.---フッター等-----{}

#foot_pt {
	background-attachment: scroll;
	height: 300px;
	max-width: 100%;
	min-width: 0px;
}
#go_top {
	max-width: 100%;
	min-width: 0px;
}
footer {
	min-width: 0px;
	max-width: 100%;
}




.---設計室について----------------------------------{}
.award_pt_item {
	margin-bottom: 30px;
}
.award_pt_item:nth-last-of-type(1) {
	margin-bottom: 0px;
}
.award_pt_item,
.award_pt_item > img
	{
	min-width: 100%;
}
.award_pt_item p {
	text-align: center;
}
.award_pt_item p img {
	height: 56px;
	width: auto;

}


.---家ができるまで----------------------------------{}

.flow_item {
	max-width: 90%;
	margin-left: 5%;
	margin-right: 5%;
}
.step_area {
	clear: none;
	width: 100%;
	height: 130px;
	border-style: none none dotted;
	border-bottom-width: 1px;
}
.txt_area_a, .txt_area_b {
	clear: both;
	float: none;
	width: 100%;
	margin-top: 130px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 41px;
	padding-right: 33px;
	padding-bottom: 40px;
	padding-left: 33px;

}
.illst_area {
	position: static;
	width: 100%;
	clear: both;
	float: none;
	height: auto;
	padding-top: 0px;
	padding-bottom: 45px;
	text-align: center;
}
.illst_area img {
	padding-top: auto;
	padding-right: auto;
	padding-bottom: auto;
	padding-left: auto;
	position: static;
}
.arrow {
	width: 100%;
}
.table_fee .thead {
	width: 100%;
}



.---お問い合わせ----------------------------------{}
#hm {
	margin-left: 0px;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
}

#hm_logo_area {
	width: 100%;
	height: 200px;

}
#hm_txt_area {
	margin-left: 0px;
	margin-top: 200px;
}
.hm_td {
	width: 100%;

}

















	
}