/* CSS Document */

@media only screen and (max-width: 750px) {

 
/* スマホスタイル */
    .pc { display: none !important; }
    .sp { display: block !important; }
	
/* 全体の設定
–––––––––––––––––––––––––––––––––––––––––––––––––– */	
body{
	background-image:none;
	background-color: #393636;
}
	section {
    margin-bottom: 20px;
}
.container,section.container {
	padding-right:1rem;
	padding-left:1rem;
}
.container .inner-container {
	padding:0 10px;
}

 p{
	text-align:left;
}

.container .inner-container p{
	text-align:left;
}

.catch-fig {
	margin:10px 0;
}

.catch-fig img {
    width: 100%;
}

/* 見出し
–––––––––––––––––––––––––––––––––––––––––––––––––– */
	h1 { font-size: 2rem; line-height: 1.2;  letter-spacing: 0.3rem; font-weight:bold;}
	#home_5reasons h1, #home_faq h1, #home_design_gallery h1 {
	font-size:1.8rem;
    padding: 15px 5px;
    margin-top: 0px;
	line-height:1.3;
}
	#home_spec h1{
	white-space:nowrap;
	}
	#new_pickup h1 {
    padding: 10px 0;
}
	#about #concept h1{
	font-size:1.3rem;
	padding:25px 5px;
}
	#about #concept h1 span{
	font-size:1.8rem;
	}
	
#about #concept #spec h1, #about #concept #money h1{
	width:280px;
	top:20px;
}

section.container h1 {
    padding: 15px;
    font-size: 1.8rem;
}

	h2 { font-size: 1.8rem; line-height: 1.25; letter-spacing: 0.3rem; text-align:center; padding:0px; font-weight:bold;}
	article.container h2, article.inner-container h2 { padding:20px 5px; font-size:1.8rem;}
	#plan_detail h2, #gallery_wrap h2, #staff h2, #voice h2 {padding:0 0 20px; font-size:1.8rem;line-height:1.5;}
	#plan_detail h2 span, #gallery_wrap h2 span{font-size:1rem;padding:10px 0;}
	article.container h2{ padding:0px 0px 30px; margin:/*6*/0px 0 30px;}
	#needs_navi h2 span { font-size: 1rem;}
	#home_catch h2 {font-size: 1.2em; padding-top: 10px;}
	#home_design_gallery #pickup_design h2 { padding-bottom: 20px;}
	#new_pickup .inner-container h2 {
    font-size: 100%;
    padding: 0 10px 40px;
    letter-spacing: 5px;
	}
	#home_description h2 {
    font-size: 1.6rem;
    padding: 20px 0px;
	}
	h3 { font-size: 1.5rem; line-height: 1.3;  letter-spacing: 0.5rem; text-align:center; padding:30px 0 0; margin:20px 0 20px;}
	#gallery_wrap .gallerybox h3 {padding-top:0; margin:0;}
	#home #design_outside h3,#home #design_inside h3{ padding-bottom: 40px;}
	h4 { font-size: 1.3rem; line-height: 1.2; letter-spacing: 0.5rem;  margin:20px 0 0;  }
	#gallery_wrap .gallerybox h4{ font-size: 1rem; margin: 0 0 10px;}
	h5 { font-size: 1.2rem; line-height: 1.5;  letter-spacing: -.05rem; }
	h6 { font-size: 1rem; line-height: 1.6;  letter-spacing: 0; }

/* ロゴ
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#home .head h1#logo,.head p#logo{
	width:30%;
	margin:0 auto;
}


/*ヘッダー
-------------------------------------*/	
/* MENUボタン */
header .container{
	background-color:#1b97d5;
}	
header .container .head{
	margin:5px 0;
}
.head #open,#close  {
    position: absolute;
    top: 100%;
	left: 0px;
    right: 0px;
	margin:auto;
    }
.menu {
	padding-top:30px;
	margin-top: 0px;
    background: #000;
}
.hnavbox {
	top:5px;
	right:0;
}
.hnavbox ul li {
	border-bottom:none;
}

nav li.sp a {
    font-size: 0.9em;
    font-weight: lighter;
}

#open img{
/*	width:60%;*/
	margin:auto;
}
#open,#close  {
    width: 30px;
}

/*.slidewrap{
	  overflow-x: auto;
}*/

/*----------------------------------------------

パンくずリスト

-----------------------------------------------*/
.breadcrumb li {
	margin-left:0;
}

/*----------------------------------------------

ニーズナビ

-----------------------------------------------*/
section#needs_navi{
	padding-bottom:0;
}
section#needs_navi #needs_navi1, section#needs_navi #needs-navi2{
	padding:0 40px;
}

section#needs_navi #needs-navi2{
	margin-left:0px;
}
section#needs_navi figcaption {
	font-size:80%;
}
#needs_navi h2 {
	padding:20px 0 0 0;
}

/*----------------------------------------------

問い合わせバナー

-----------------------------------------------*/
main#main div.contact_bnr {
	margin-bottom:120px;
}																																																																																																									

main#main div.contact_bnr .row {
    display: block;
}

main#main div.contact_bnr p {
    font-size: 2rem;
    line-height: 1.2;
    text-align: center;
    margin-bottom: 1rem;
}

main#main div.contact_bnr p span {
    font-size: 1.5rem;
}

main#main div.contact_bnr img#house_fig {
	top:300px;
	left:0;
}

main#main div.contact_bnr li.col{
    width: 100%;
    float: left;
    padding: 0px 20px;
}

main#main div.contact_bnr li img {
    width: 100%;
}




/*----------------------------------------------

ホーム

-----------------------------------------------*/
body#home {
    background-size: 0;
}
#top_concept{
	/*text-align:left;*/
}
#home_catch{
	padding-top:20px;
	clear:both;
	padding-bottom:20px;
}
#home_catch img {
    width: 100%;
}
#home_catch img.sp {
    margin: auto;
	    width: 40%;
}


#home_catch p{
	font-size:100%;
}

#home .gallerybox div.span-2.4 img{
	width:48%;
	float:left;
}

#home_catch .row,#home_catch .row div.col {
	margin-left:0;
}

#home .gallerybox {
	padding-top:0;
}
 
#home .gallerybox .row .col {
    width: 49%;
	float:left;
}

#home .gallerybox .row {
    display: block;
}
#gallery_wrap .gallerybox h3 {
	clear:left;
}

#home_5reasons{
	padding:0px;
}

#home_5reasons .inner-container article{
	width:48%;
	float:left;
}

#home_5reasons .inner-container article.last{
	width:49%;
	float:none;
	margin:0 auto;
}

#home_5reasons .row{
	display:block;
}

#home_5reasons .inner-container article p{
	font-size:80%;
	padding:5px 10px;
}

#home_concept{
	padding-top:20px;
	padding-bottom:20px;
}

#home_concept h1 {
    font-size: 1.8rem;
}

#home_concept p {
	text-align:left;
	font-size:90%;
}

#home_concept .row{
	display:block;
}

#home_concept .row .col{
	margin-right: 1%;
    max-width: 49%;
    width: 49%;
	float:left;
}

#home_concept .row .col.span-3 {
	max-width:48%;
}

#home_design_gallery section{
	padding-top:20px;
}
#home main .contact_bnr{
	margin-bottom:100px;
}

#home_spec{
	padding-bottom:0;
}

#home_spec p{
	padding:5%;
	margin:0;
	font-size:90%;
}

#home_spec .inner-container {
	padding-top:0;
}

#home_spec .span-12{
	padding:0 20px;
}

#home_voice {
    padding-right: 1rem;
    padding-left: 1rem;
	padding-bottom:20px;
}

#home_voice p{
	font-size:90%;
}


#home_staff p, #home_money p{
    text-align: left;
	font-size:90%;
}	

#home_money li {
    text-align: left;
	font-size:90%;	
	margin-bottom:0;
	list-style:outside disc;
	margin-left:20px;
}	

#home_faq .accordionlist dt {
    height: auto;
    line-height: 1.5;
    text-align: left;
    padding: 15px 10px;
    background: #999;
}

#home_faq .accordionlist dt span::before, 
#home_faq .accordionlist dt span::after {
    right: -5px;
    top: 0;
	font-size:90%;
}

#home_faq .accordionlist dd {
	font-size:90%;
	text-align:left;
	padding:10px;
}	

#home #design_outside,#home #design_inside{
	padding-top:0px;
	padding-bottom:0px;
}




/*----------------------------------------------

LP

-----------------------------------------------*/
.lp-single-bnr{
	width: 100%;
    margin: 50px auto 0;
}

#home_description dl{
	padding: 0 5% 30px;
}

#home_description dl dt{
	float:none;
}

#home_description p,
#home_description dd {
	font-size:90%;
	padding: 0 5%;
}

#home_money ul {
    list-style: none;
    max-width: 100%;
}

#home_money li{
    list-style: none;
    max-width: 100%;
    background-position: top left;
}

#home_form {
	padding-bottom:0;
}

/*----------------------------------------------

NEWカテゴリ(新着情報)

-----------------------------------------------*/

#new section#new_pickup {
    padding: 0 0 0px;
}

#new .col.span-6.pu-img-box {
    position: relative;
    padding: 10px;
}
#new img.pu-mrk {
    position: absolute;
    left: 0px;
    top: -40px;
}
#new ul.row {
    display: block;
}
#new li.col.span-4.pu-s-pic {
    margin-right: 2%;
    margin-left: 0;
    float: left;
    width: 32%;
}
#new ul.row li.col.span-4.pu-s-pic:last-child {
    margin-right: 0;
}
#new_pickup .pu-txt-box h3 {
    padding:0;
	margin:0;
}
#new #new_pickup .pu-txt-box dd {
    font-size: 90%;
    padding: 5px 10px 5px 0;
}
#new #new_pickup .pu-txt-box dt {
    font-size: 100%;
}

#new #new_pickup article.row.pu-box:last-child {
    margin-bottom: 0;
}

#new .inner-container.contact_bnr.clearfix {
	background-color:#198fcb;
}

#new main .contact_bnr {
	margin-bottom:130px;
}

/*----------------------------------------------

ABOUTカテゴリ

-----------------------------------------------*/


#about #concept #spec, #about #concept #money{
	padding-top:40px;
}

#about section#money ul {
    width: 100%;
    margin: 20px auto;
}

#about section#money li {
	font-size:90%;
}


#about section#money p,#about section#spec p {
    text-align: left;
	padding:10px;
}

#about section#money li {
	    background: url(../img/common/listcircle_blue.webp) left top no-repeat;
		background-size:20px;
}

#about #concept .row {
    display: flex;
    flex-direction: row;
    padding: 0;
    width: 100%;
    justify-content: center;
}

#about #concept .row .col.span-3 {
    flex: 0 0 22%;
    max-width: 22%;
    margin: 1%;
}

#about #concept div.contact_bnr ul.row {
    display: block;
}

/*----------------------------------------------

ABOUTカテゴリ(お客様の声)

-----------------------------------------------*/

#voice #customer_voice .voice-wrap h3 {
     float:none; 
    width: 40%;
    margin: 0 auto;
}

#voice #customer_voice .voice-wrap .voice-contents {
    float: none;
    width: 100%;
}



/*----------------------------------------------

ABOUTカテゴリ(スタッフ)

-----------------------------------------------*/

#staffinfo{
	padding-top:0;
}

#staffinfo h3{
	font-size:1.8rem;
}

#staffinfo p{
	text-align:left;
}
#staffinfo .col:first-child{
    margin-left: 0%;
}
#concept #whatwedo .row .col.span-3 {
   flex:row;
}
	
/*----------------------------------------------

PLANページ

-----------------------------------------------*/

/*メイン画像
-----------------------------------*/
.mainimg {
    background: #000000;
    padding-top: 100px;
}

/*メインコンテンツ
-------------------------------------*/
main {
    margin: 0rem 0 5rem 0;
}

main .container p{
	letter-spacing:0rem}
	
#plan_detail h3 {
	font-size:1.5rem;
}

#plan_detail #interiorimage{
	padding-bottom:30px;
}


/*OVER VIEW
-----------------------------------*/
#overview p{
	text-align:center;
	font-size:100%;
	letter-spacing: 0rem;
	line-height:1.2;
	padding:0;
	margin:0 0 20px;
}
#overview p span{
	display:block;
	
}

/*CONCEPT
-----------------------------------*/
#concept p{
	text-align:left;
	font-size:90%;
	line-height:2;
	letter-spacing: 0rem;
}

/*コンセプトハウス
-------------------------------------*/

#concept_house_perth p#top_caption {
    font-size: 110%;
	text-align:center;
}

#concept_house #spec #price{
	float:none;
	width:100%;
	padding-right:0px;
}
#concept_house #spec #price .num{
	text-align:center;
}

#concept_house #spec ul#spec_datail{
	float:none;
	width:100%;
}

#concept_house_navi .col {
	margin-left:0;
}

#concept_house_navi figure {
    margin-bottom: 0;
}

#concept_house #spec ul#spec_datail li {
    margin-bottom:0;
}

/*----------------------------------------------

CONTACTカテゴリ

-----------------------------------------------*/
#form_note{
	width:100%;
}

/*フッター
-------------------------------------*/
#f_logo{
	text-align:center;
}
#f_logo img{
	width:60%;
}
footer{
	border-top:none;
	padding-top:0;
}
footer h5{
	font-size:1.8rem;
}
footer #f_navi_contents{
	width:100%;
	clear:both;
	margin-top:20px;
}
footer #f_info dl {
	width:100%;
}

footer #f_navi_contents li.sp a {
    font-size: 0.8em;
    padding: 15px 0 10px 0;
    font-weight: normal;
}

/*フッター固定ボタン
-------------------------------------*/
#sp-fixed-menu{
   position: fixed;
   width: 100%;
   bottom: 0px;
   font-size: 0;
   opacity: 0.9;
   z-index: 99;
}

/*メニューを横並びにする*/
#sp-fixed-menu ul{
   display: flex;
   list-style: none;
   padding:0;
   margin:0;
   width:100%;
}

#sp-fixed-menu li{
   justify-content: center;
   align-items: center;
   width: 50%;
   padding:0;
   margin:0;
   font-size: 14px;
   border-right: 1px solid #fff;
   text-align:center;
}
#sp-fixed-menu li#f_tel{
	border-right:none;
}
#sp-fixed-menu li a{
	padding:15px 0;
	color:#FFF;
}
#sp-fixed-menu #f_contanct a{
background:url(../img/common/icon_mail.webp) left center no-repeat #1b97d5;
	padding-left:30px;
}
#sp-fixed-menu #f_request a{
background:url(../img/common/icon_book.webp) left center no-repeat #1b97d5;
	padding-left:20px;
}
#sp-fixed-menu #f_tel a{
background:url(../img/common/icon_phone.webp) left center no-repeat #1b97d5;
	padding-left:10px;
}

/*ページトップ
-----------------------------------*/
#pagetop {
    position: fixed;
    bottom: 30px;
    right: 15px;
}

/*パンくずリスト
-----------------------------------*/
.breadcrumb ul {
    font-size:80%;
	margin-bottom:0;
}

}