/* RWD 2018.9.17 */
.pc_none{
	display: none;
}
#sp_btn_fixed{
	display: none;
}
@media screen and (max-width: 768px){
	*{
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.sp_none{
		display: none;
	}
	.pc_none{
		display: block;
	}
	.sp_wrap{
		width: 95% !important;
		max-width: 980px !important;
	}
	.sp_full{
		width: 100% !important;
	}
	img{
		width: 100%;
		height: auto;
	}
	header{		
		padding-top: 10px;
		height: 53px;
	}
	#logo{
		width: 40%;
		max-width: 150px;
	}
	/* footer */
	.tri img{
		width: 16px;
	}
	#footer_wrap ul li{
		float: none;
		text-align: center;
	}
	#footer_logo{
		width: 70%;
		max-width: 200px;
		margin: 0 auto 20px;
	}
	#footer_wrap ul li:nth-of-type(4){
		margin: 10px auto;
		width: 200px;
	}
	#footer_tel{
		color: #fff;;
		font-size: 14px;
		text-align: center;
		border: #e3c88e solid 2px;
		display: block;
		padding: 10px 0;
		background: #e3c88e;
	}
	#footer_tel span{
		font-size: 25px;
		font-weight: bold;
	}
	/* navigation */
	#nav_back{
		height: auto;
		margin: 0;
		padding: 0;
	}
	nav{
		height: auto;
	}
	.nav_accordion dd{
		display: none;
	}
	#sp_navigation dt{
		position: fixed;
		top: 0;
		right: 0;
		width: 45px;
		height: 53px;
		background: #D3A12A;
		text-align: center;
		z-index: 9999;
		cursor: pointer;
	}
	#sp_navigation dt span{
		display: inline-block;
		transition: all .4s;
		box-sizing: border-box;
		position: absolute;
		left: 5px;
	}
	#sp_navigation dt span.border{
		width: 34px;
		height: 3px;
		background-color: #fff;
		border-radius: 3px;
	}
	#sp_navigation dt span.nav_txt{
		color: #fff;
		bottom: 0;
		font-size: 10px;
	}
	#sp_navigation dt span.border:nth-of-type(1) {
		top: 10px;
	}
	#sp_navigation dt span.border:nth-of-type(2) {
		top: 20px;
		opacity: 1;
	}
	#sp_navigation dt span.border:nth-of-type(3) {
		top: 30px;
	}
	#sp_navigation dt.open span:nth-of-type(1) {
		-webkit-transform: translateY(10px) rotate(-45deg);
		transform: translateY(10px) rotate(-45deg);
	}
	#sp_navigation dt.open span:nth-of-type(2) {
		opacity: 0;
	}
	#sp_navigation dt.open span:nth-of-type(3) {
		-webkit-transform: translateY(-10px) rotate(45deg);
		transform: translateY(-10px) rotate(45deg);
	}
	#sp_navigation dd{
		width: 100%;
		height: 100%;
		background: #D3A12A;
		z-index: 999;
		position: fixed;
		top: 0;
		left: 0;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
		border: #D3A12A solid 10px;
	}
	#sp_navigation ul li a{
		display: block;
		padding: 10px;
		font-size: 15px;
		background: #fff;
		border-bottom: #D3A12A solid 2px;
	}
	#sp_navigation ul.sub_nav li a{
		padding-left: 40px;
		background: #fff8dc;
	}
	/* top */
	.news_box img.alignleft{
		width: 30%;
	}
	.news_box .box_inner a.more{
		width: 80px;
	}
	#after{
		float: none;
	}
	#after li{
		width: 50%;
		float: left;
		margin: 0;
		padding: 2px;
	}
	#navi2 ul,
	#navi2 ul#smap_r{
		width: 100%;
	}
	#navi2 ul li{
		width: 100%;
	}
	#h_detail{
		margin: 15px auto 0;
		float: none;
	}
	#h_look{
		display: -webkit-flex;
		display: flex;
		height: auto;
		padding-right: 10px;
	}
	#h_b{
		display: -webkit-flex;
		display: flex;
	}
	#h_b li{
		padding: 0 3px;
	}
	#chara{
		float: none;
		height: auto;
		margin: 20px auto 0;
		background: #D3A12A;
		position: relative;
		padding: 50px 5px 10px;
		overflow: hidden;
	}
	#chara::before{
		content: '家づくりのこだわり';
		position: absolute;
		top: 10px;
		left: 20px;
		font-size: 25px;
		color: #800000;
	}
	#chara li{
		margin: 0;
		width: 50%;
		text-align: center;
		float: left;
		padding: 0 3px;
	}
	#chara li:first-child{
		margin: 0;
	}
	.ore{
		margin-right: 10px;
	}
	/* kodawari */
	#large_top_k{
		height: auto;
	}
	.ko_l{
		width: 100%;
		overflow: hidden;
	}
	.ko_l img{
		width: 100%;
		height: auto;
	}
	#koda_tou li{
		margin: 0;
	}
	#koda_tou li.ko_r{
		width: 100%;
		height: auto;
		padding-bottom: 40px;
		background: #a77b32;
		margin-bottom: 10px;
	}
	.ko_r a:hover{
		background: #a77b32;
		height: auto;
	}
	.idea{
		margin: 0 20px;
	}
	.koda_title{
		width: auto;
		margin: 0 20px;
	}
	.koda_txt{
		width: auto;
		margin: 0 20px;
	}
	#pagenation,
	.wp-pagenavi{
		width: 100%;
		margin-left: -50%;
		overflow: visible;
	}
	#pager{
		margin-left: -50%;
	}
	#kiji_be img, .previouspostslink img,
	#kiji_af img, .nextpostslink img{
		width: 13px;
		height: 18px;
	}
	#kiji_be,
	#kiji_af{
		position: relative;
		z-index: 5;
	}
	#list_c img{
		width: 14px;
		height: 14px;
	}
	#gallery,
	#gallery_o,
	#gallery_b{
		float: none;
		width: 70%;
		margin: 0 auto 20px;
	}
	#look_top{
		border: 0;
	}
	#look_section{
		margin-top: 0;
	}
	#photocat_nav{
		position: static;
		overflow: hidden;
		margin: 0 auto;
		width: 100%;
		display: -webkit-flex;
		display: flex;
	}
	#photocat_nav li{
		width: 33.33%;
		height: auto;
	}
	#photocat_nav li.btn_stories a,
	#photocat_nav li.btn_hiraya a,
	#photocat_nav li.btn_all a{
		width: 100%;
		background: none;
		text-indent: 0;
		text-align: center;
		border: #3F2100 solid 1px;
		height: auto;
		padding: 10px 0;
	}
	#look_link{
		position: static;
		overflow: hidden;
		margin: 0 auto 50px;
		width: 100%;
		display: -webkit-flex;
		display: flex;
	}
	#look_link li{
		width: 50%;
		margin: 0;
	}
	#look_link li:nth-of-type(1){
		margin: 0;
	}
	#look_content li{
		float: none;
		width: 100%;
		max-width: 300px;
		padding: 0 5px;
		height: auto;
		margin: 0 auto 30px;
	}
	#img_box,
	#img_box_o,
	#img_box_b{
		overflow: hidden;
	}
	.lk_date{
		margin-top: 0;
	}
	.lk_title,
	.lk_title_k{
		height: auto;
		margin: 0 auto;
	}
	#look_link li{
		height: auto;
	}
	.look_top_kansei{
		height: auto;
	}
	#look_in_section{
		margin-top: 0;
	}
	#bl_m_g img,
	#bl_m_o img,
	#bl_m_b img,
	#bk_sb_iti img{
		width: 14px;
		height: 14px;
	}
	#lk_in_img{
		overflow: hidden;
		margin-top: 10px;
	}
	#look_in_b_top,
	#look_in_o_top,
	#look_in_top{
		background: none;
		height: auto;
	}
	#look_in_title_base,
	#look_in_title{
		height: auto;
		width: 100%;
		margin: 0 0 30px;
		border-bottom: #2792BB solid 2px;
		padding: 10px;
		float: none;
		font-size: 20px;
	}
	#look_in_title{
		border-bottom: #EB785A solid 2px;
	}
	#look_in_top #look_in_title{
		border-bottom: #86C166 solid 2px;
	}
	#disability_content img{
		width: 100%;
	}
	#bk_t_con li{
		overfloe: hidden;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
	#bk_t_con li a{
		display: block;
		width: 32%;
		margin: 10px 0;
		text-align: center;
	}
	#su_maru{
		width: auto;
		height: auto;
		border: 0;
	}
	#bk_content li{
		width: 100%;
		height: auto;
		background: #fff;
		margin: 0 auto 20px;
		padding: 20px;
	}
	.bk_cont_class{
		width: 100%;
		height: auto;
		margin-top: 0;
	}
	.bk_cont_class:hover{
		border: 0;
		margin-top: 0;
	}
	.bk_cont_class .bk_p1, .bk_cont_txt{
		margin-left: 0;
	}
	.bk_cont_class h2{
		position: static;
		margin-bottom: 10px;
		width: 100%;
		font-size: 20px;
	}
	.bk_cont_class h2 br{
		display: none;
	}
	#book_img{
		float: none;
		width: 100%;
	}
	#book_img img{
		width: 100%;
		height: auto;
	}
	#seikou{
		width: 80%;
		max-width: 200px;
		margin: 0 auto;
		float: none;
	}
	#bk_sub_maintit h1{
		font-size: 25px;
	}
	#bk_sub_main li h1{
		width: 100%;
		font-size: 18px;
	}
	#bk_sub_main li h2{
		width: 100%;
		padding-left: 10px;
		font-size: 16px;
	}
	#process_txt1{
		font-size: 25px;
	}
	#step_text li{
		width: 100%;
		padding: 20px !important;
		float: none;
		margin-bottom: 20px !important;
	}
	.step_t{
		width: 100%;
		line-height: 1.7;
		font-size: 20px;
		float: none;
	}
	.step_num{
		font-weight: bold;
		background: #D3A12A;
		font-size: 14px;
		padding: 5px;
		width: 100px;
		text-align: center;
		margin-bottom: 10px;
	}
	#step_text li div{
		float: none;
		display: -webkit-flex;
		display: flex;
		margin-bottom: 10px;
		width: 100%;
	}
	#step_text li div img{
		width: 50%;
	}
	.step_img{
		width: 100%;
		float: none;
	}
	.step_s{
		fot-size: 13px;
	}
	.step_s br{
		display: none;
	}
	#after_box li:first-child{
		font-size: 20px;
	}
	#re_chara{
		padding: 20px;
		height: auto;
	}
	#re_cha_tri{
		float: none;
		display: inline;
		margin: 0;
	}
	#re_chara li img{
		width: 16px;
		height: 16px;
	}
	#re_chara li{
		margin: 0 0 10px 20px;
		width: 100%;
	}
	#re_chara li#re_chat1{
		margin-left: 0;
	}
	#re_chat1 p{
		display: inline;
	}
	.land-article_box{
		padding: 0;
	}
	.land-thumb{
		margin-bottom: 10px;
		width: 100%;
		float: none;
	}
	.land-ctn{
		width: 100%;
		float: none;
		margin: 0;
	}
	.land-desc.sort-fild{
		width: calc(100% - 103px);
	}
	.land-contact_box{
		padding: 20px 10px;
	}
	.land-sc_mdl{
		padding: 0;
	}
	.land-contact_title{
		font-size: 18px;
	}
	.land-contact_link{
		display: block;
	}
	.land-contact_link .land-contact_link--sub{
		width: 100%;
		font-size: 14px;
	}
	.land-contact_link .land-contact_link--sub:last-child{
		margin: 10px 0 0;
	}
	.land-slider_main{
		width: 100%;
		height: auto;
		max-height: 300px;
	}
	.land-slider_main img{
		width: auto;
		margin: 0 auto;
		max-height: 300px;
	}
	.land-slider_nav{
		width: 100%;
		margin: 0;
		padding: 0;
	}
	.land-info_tbl tr th{
		width: 100px;
	}
	.land-info_left, .land-info_right{
		float: none;
		width: 100%;
		margin: 0 0 10px;
	}
	#coun_c{
		margin-bottom: 10px;
	}
	#coun_g{
		margin-bottom: 10px;
	}
	#form_l{
		width: 100%;
		float: none;
		margin-bottom: 10px;
	}
	#form_r,
	#form_rg{
		width: 100%;
		float: none;
	}
	.sanka_chat2 img{
		width: 16px;
		height: 16px;
	}
	#sanka_chara{
		margin: 0 auto;
		padding: 10px;
	}
	#sanka_chara li{
		margin: 0;
	}
	#tell_toi{
		margin: 0 auto;
	}
	#form_box{
		padding: 20px 10px 38px;
	}
	#form_box li{
		width: 100%;
	}
	.formbox,
	.info input,
	#form_about textarea{
		width: 100%;
		float: none;
	}
	.zeh-title{
		font-size: 20px;
	}
	.zeh-top p{
		margin: 0 0 45px;
	}
	.zeh-info_wrap .land-info_left{
		width: 100%;
		margin-bottom: 40px;
	}
	.zeh-info_wrap .land-info_right{
		width: 100%;
		margin: 0;
	}
	#cont{
		width: 100%;
	}
	.sblog_date img{
		width: 16px;
		height: 16px;
		padding: 0;
		display: inline;
		float: none;
		margin: 0;
	}
	.sblog_date{
		float: none;
	}
	.sblog_date a p{
		display: inline;
	}
	.sblog_ti{
		width: 100%;
		float: none;
	}
	.sblog_ti p{
		border: 0;
		padding: 0;
	}
	.sblog_s_date{
		float: none;
	}
	.sblog_s_title{
		width: 100%;
		float: none;
		font-size: 22px;
	}
	#kiji_s_af img,
	#kiji_s_be img{
		width: 16px;
		height: 16px;
	}
	#kiji_link,
	#kiji_s_link{
		width: 100%;
		position: relative;
		text-align: center;
	}
	#kiji_s_be,
	#kiji_s_af,
	#kiji_be, 
	#kiji_af{
		width: 70px;
		position: absolute;
		float: none;
		top: 0;
		left: 0;
		z-index: 5;
	}
	#kiji_s_af,
	#kiji_af{
		left: auto;
		right: 0;
	}
	#kiji_li{
		float: none;
		margin: 0;
		width: 100%;
	}
	#kiji_list{
		width: 40%;
		max-width: 200px;
	}
	.pager{
		width: 100%;
	}
	.about_li{
		width: 60%;
		max-width: 200px;
		margin: 0 auto 30px;
	}
	#aisatu,
	#about_link,
	#staff_li{
		width: 100%;
		max-width: 100%;
	}
	#hello,
	img#about_link,
	#staff_link{
		width: 30%;
		max-width: 200px;
	}
	#presi{
		float: none;
		width: 60%;
		margin: 0 auto;
	}
	#hello_area{
		width: 100%;
		height: auto;
		padding: 20px;
	}
	#hello_txt{
		width: auto;
		padding: 0;
		margin: 0;
	}
	#map div{
		width: 100%;
		height: 300px;
	}
	iframe{
		width: 100%;
	}
	.staff_list{
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.staff_list li{
		float: none;
		margin: 0 !important;
		width: 33.33%;
		padding: 3px;
	}
	#form_l img{
		width: 60%;
		max-width: 200px;
	}
	.recruit-tbl th,
	.recruit-tbl td{
		padding: 10px;
		font-size: 14px;
	}
	.recruit-tbl th span{
		font-size: 14px;
	}
	#sp_btn_fixed{
		display: -webkit-flex;
		display: flex;
		position: fixed;
		width: 100%;
		height: 50px;
		bottom: 0;
		left: 0;
		z-index: 100;
	}
	#sp_btn_fixed li{
		width: 33.33%;
		border-left: #fff solid 2px;
	}
	#sp_btn_fixed li:first-child{
		border: 0;
	}
	#sp_btn_fixed li a{
		display: block;
		background: #e7795f;
		color: #fff;
		line-height: 50px;
		text-align: center;
		font-size: 13px;
		width: 100%;
		height: 100%;
	}
	#sp_btn_fixed li:first-child a{
		background: #3193ba;
	}
	#sp_btn_fixed li:last-child a{
		background: #8ac06a;
	}
	#sp_btn_fixed li a img{
		width: 14px;
		margin-right: 3px;
		vertical-align: middle;
	}
	footer{
		padding-bottom: 70px;
	}
}