/* CSS Document */


/* WEBフォント
–––––––––––––––––––––––––––––––––––––––––––––––––– */
    @font-face {
    font-family: 'Optima';
    font-style: normal;
    font-weight: normal;
    src: local('Optima'), url('../font/OPTIMA.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Optima Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Optima Italic'), url('../font/Optima_Italic.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Optima Medium';
    font-style: normal;
    font-weight: normal;
    src: local('Optima Medium'), url('../font/Optima Medium.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Optima Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Optima Bold'), url('../font/OPTIMA_B.woff') format('woff');
    }

/* 全体の設定
–––––––––––––––––––––––––––––––––––––––––––––––––– */
body {
	background: url(../img/common/body_bg.webp) repeat-x left top #393636;
/*	font-family: 'Cormorant', serif;*/
	color:#FFF;
/*	font-family: 'Noto Serif JP', serif;
	font-family: 'Noto Serif JP', serif;
    font-family: 'Shippori Mincho B1', serif;*/
	/*font-family: 'Cormorant Garamond', serif;*/
   /* font-family: 'Noto Serif JP', serif;*/
    /*font-family: 'Shippori Mincho B1', serif;*/
	/*font-family: 'Marcellus', serif;*/
	  font-family:"Optima","ヒラギノ明朝 Pro",serif;
}

/*body#home {
	background: url(../img/common/body_bg_home.webp) repeat-x left top #393636;
}*/

a {
    display:block;
    color: #8ecdf0;
    text-decoration-line: none;
}
a:hover { 
    color: #99dbff;
}

section{
	margin-bottom:60px;
}

/* グリッド
–––––––––––––––––––––––––––––––––––––––––––––––––– */
main{
	margin:0;
}
section.container {
	background:url(../img/common/split_line1.webp) top center no-repeat;
	padding-top:50px;
	padding-bottom:50px;
	/*margin-top:50px;*/
}
article.inner-container{
	text-align:center;
	margin-bottom:60px;
}

.container p,.container li,.container td{
    color:#FFFFFF;
	letter-spacing:0.2rem;
	line-height:2;
	font-size:80%;
}
.container p{
	font-size:100%;
}
.container{
	max-width:100%;
	padding:0;
}
.container .inner-container{
	max-width:1030px;
	margin:0 auto 60px;
	position:relative;
}

#main .wrap{
	max-width:1030px;
	margin:0 auto;
}

body header {
    position: fixed;
    background: url(../img/home/body_bg_home.webp) repeat-x center top #393636;
    z-index: 100;
    width: 100%;
}


/*ヘッダー
-------------------------------------*/
/*body header{
	position:relative;
	max-width:100%;
	background:url(../img/common/header_bg.webp)  #383735 repeat-x;
}*/
.head{
	padding-top:0.2rem;
}
header #headarea{
	max-width:1200px;
	margin:0 auto;
	position:relative;
}


/* ロゴ
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.head h1#logo,.head p#logo{
    padding: 0;
	width:auto;
	margin:10px auto 10px;
	text-align:center;
}

/* 問い合わせヘッダーナビ
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.hnavbox {
	position:absolute;
	top:80px;
	right:50px;
}

.hnavbox ul li {
	list-style:none;
	float:left;
	width:50px;
}

/* グローバルナビ
–––––––––––––––––––––––––––––––––––––––––––––––––– */
nav ul.gnavi-contents{
	max-width:1200px;
	margin:0 auto;
}

nav ul li {
	position:relative;
}
nav ul ul.dropdown-menu{
	display:none;
	position:absolute;
	top:50px;
	left:0;
	right:0;
	margin:auto;
	background:#666666;
	border-bottom:1px solid #CCCCCC;
	z-index:100;
}
nav ul ul.dropdown-menu li{
	border-top:1px solid #CCCCCC;
}
/*.dropdown-menu {
	display: none;
}
/*.openが付与された時、表示の設定*/
.menu .dropdown-menu.open {
 	display: block;
}*/

.menu {
    background-color: none;
}
/*.menu,body header .menu .container {
	background-color: #000000;
}*/
nav a {
    padding: 1rem 1rem;
    display: block;
	height:45px;
}
nav a:hover {
    background-color: #1b95d6;    
	color: #fff;
	/*opacity: 0.5;*/
}
nav li {
	/*border-bottom: 1px solid #ccc;*/
	/*background:url(../img/common/silver_bar.webp) top center no-repeat;*/
}
nav a img{
	width:auto;
}

/*メイン画像
-------------------------------------*/
.mainimg{
	text-align:center;
	margin-bottom:20px;
	padding-top:170px;
}
.mainimg img {
    width:auto;
	margin:0 auto;
}

/*スライダー
-------------------------------------*/

.slidewrap {
overflow: hidden;
    display: flex;
    align-items: center;
    /*height: 120px;*/
}
.slideshow {
  display: flex;
  animation: loop-slide 20s infinite linear 1s both;
}

.slideshow li{
	list-style:none;
}

.slide-paused:hover .slideshow {
  animation-play-state: paused;
}

@keyframes loop-slide {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
} 

.slide-content {
/*  width: 240px;
  height: 120px;*/
  width:100%;
}

.slide-content:nth-child(1) {
  background-color: black;
}

.slide-content:nth-child(2) {
  background-color:  black;
}

.slide-content:nth-child(3) {
  background-color:  black;
}

.slide-content:nth-child(4) {
  background-color:  black;
}
.slide-content:nth-child(5) {
  background-color:  black;
}

.slide-content:nth-child(6) {
  background-color: black;
}


/*問い合わせバナー
-------------------------------------*/
main#main div.contact_bnr{
	text-align:center;
	background-color:#1b96d5;
	padding-bottom:20px;
	margin-bottom:230px;
	padding-top:30px;
	background-image:none;
}
main#main div.contact_bnr p{
	font-size:3rem;
	line-height:1.2;
}
main#main div.contact_bnr p span{
	font-size:1.8rem;
}
main#main div.contact_bnr li img{
	width:60%;
}
main#main div.contact_bnr img#house_fig{
	position:absolute;
	top:180px;
	left:15%;
}

/*フッター
-------------------------------------*/
footer {
	background:url(../img/common/footer_bg.webp) bottom left repeat-x;
   text-align:center;
   border-top:1px dotted #FFF;
   padding:0 0 5rem;
}



footer #f_navi_contents{
	width:480px;
	margin:40px auto 20px;
	padding-bottom:10px;
	background:url(../img/common/split_line2.webp) bottom center no-repeat;
}

footer #f_navi_contents li {
	/*border-bottom: 1px solid #ccc;*/
	background:url(../img/common/split_line2.webp) top center no-repeat;
	/*margin-right:5px;*/
	color:#FFF;
	padding:0px;
	list-style:none;
	text-align:center;	
	margin-bottom:0;
	position:relative;
}
footer #f_navi_contents li a{
	color:#FFFFFF;
	padding:10px 5px 0;
}
footer #f_navi_contents li a:hover{
    /*background-color: #1b95d6;*/  
}
footer #f_navi_contents li a:hover img{
	opacity: 0.6;
}

footer #f_navi_contents li a{
	color:#FFFFFF;
	padding:10px 5px 0;
}

footer #f_info{
	text-align:center;
	background:url(../img/common/split_line5.webp) left bottom repeat-x #1b97d7;
	padding:2rem;
}

footer #f_info dl{
    color:#FFFFFF;
	letter-spacing:0.2rem;
	line-height:2;
	font-size:100%;	
	border-top:1px solid #FFF;
	padding:10px;
	margin:10px auto;
	width:1000px;
}

footer #f_info #company_info dd {
    text-align: left;
    font-size: 80%;
}

footer #f_info #company_info dt {
    float: left;
    font-size: 80%;
}

footer ul li {
	position:relative;
}
footer ul#f_navi_contents  ul.dropdown-menu{
	display:block;
	position:absolute;
	top:45px;
	left:0;
	right:0;
	margin:0;
	background:#666666;
	border-bottom:1px solid #CCCCCC;
	z-index:100;
}
footer #f_navi_contents ul.dropdown-menu li{
	border-top:1px solid #CCCCCC;
}
/*.dropdown-menu {
	display: none;
}
/*.openが付与された時、表示の設定*/
footer #f_navi_contents .dropdown-menu.open {
 	display: block;
}*/

footer #f_navi_contents {
    background-color: none;
}
/*.menu,body header .menu .container {
	background-color: #000000;
}*/
footer #f_navi_contents a {
    padding: 1rem 1rem;
    display: block;
	height:45px;
}
footer #f_navi_contents a:hover {
    background-color: #1b95d6;    
	color: #fff;
	/*opacity: 0.5;*/
}
footer #f_navi_contents li {
	/*border-bottom: 1px solid #ccc;*/
	/*background:url(../img/common/silver_bar.webp) top center no-repeat;*/
}
footer #f_navi_contents li li{
	background:none;
	
}
footer #f_navi_contents																																																																																																																																																																																													 a img{
	width:auto;
}


/*フッタープロフィール
-------------------------------------*/
/*.copyright {
    text-align: center;
    padding: 1rem 0;
    background-color: #000;
	color:#FFFFFF;
}
.copyright a {
    color: #fff;
    text-decoration: none;
	display: inline-block;
}*/

/*ページトップへ戻るボタン
-------------------------------------*/
#pagetop {
    position: fixed;
    bottom: 15px;
    right: 15px;
}
#pagetop a {
    display: block;
    background: #000000;
    color: #fff;
    width: 50px;
    padding: 10px 5px;
    text-align: center;
}
#pagetop a:hover {
    background: #3366FF;
}


/*問い合わせページへボタン
-------------------------------------*/
#tocontact {
    position: fixed;
    bottom: 80px;
    right: 0px;
}
#tocontact a {
    display: block;
    background: #d9534f;
    color: #fff;
    width: 80px;
    padding: 5px 5px;
    text-align: center;
}





/* 見出し
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1, h2, h3, h4, h5, h6 {
	color:#FFFFFF;
  margin-top: 0;
  margin-bottom: 2rem;
  font-weight: 300;
  letter-spacing: 0.1em;}
  
 /*h1*/
p#logo,h1 { font-size: 3rem; line-height: 1.2;  letter-spacing: 0.5rem;}
#home_5reasons h1,#faq_main h1,#home_design_gallery h1,#new_pickup h1,#home_form h1 {
    background-color: #1b96d5;
    padding: 25px;
    margin-top: 10px;
    text-align: center;
	line-height:1.5;
	font-size:2rem;
}
#home_5reasons h1{
	margin-top:0;
}
/*#about*/ section.container h1{
	background-color: #1b96d5;
    padding: 25px;
    margin-top: 10px;
    text-align: center;
    line-height: 1.5;
    font-size: 2.3rem;
}
#home_concept h1{
	font-size:2rem;
	text-align:center;
	color: #6ea8cf;
	line-height:1.5;
}
#home_concept h1 span{
	color:#FFFFFF;
}
#about #concept #spec h1,#about #concept #money h1{
	text-align:center;
	position:absolute;
	display:inline-block;
	top:50px;
	left:50%;
    transform: translate(-50%);
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
	padding:0 10px;
	background:#393636;
	z-index: 2;
	font-size:2.5rem;
}
#home_voice h1,#home_staff h1,#home_money h1{
	background:none;
	text-align:center;
	background:url(../img/common/title_line1.webp) center bottom no-repeat;
	padding-bottom:60px;
	background-size:400px;
}

 /*h2*/
#home_catch h2 {
    font-size: 1.5em;
}
#home_5reasons h2{
	padding:0;
	color:#6ea8cf;
	font-size:110%;
	line-height:1.3;
	letter-spacing:0.2rem;
	padding-bottom:10px;
}
h2 { font-size: 1.8rem; line-height: 1.25; letter-spacing: 0.6rem; text-align:center;/* background:url(../img/common/split01.webp) center top no-repeat #474343;*/  padding:0px 60px 40px; margin:0px; font-family: "Optima","ヒラギノ明朝 Pro";}
h2 span{display:block;padding-bottom:20px;}
#home_design_gallery #pickup_design h2{
	font-size:2rem;
}
#plan_detail h2 span,#gallery_wrap h2 span{font-size:1.2rem;padding-top:10px;}
#plan_detail h2,#gallery_wrap h2,#staff h2,#voice h2{
	background:url(../img/common/split_line4.webp) center bottom no-repeat;
	line-height:2;
	padding:30px 30px 0px;
	font-size:2rem;
	margin-bottom:40px;
	letter-spacing: 0.3rem;
}

#plan_detail #concept_house h2{ padding-bottom:30px;}
#needs_navi h2{
	background:none;
	line-height: 2;
    padding: 30px 30px 10px;
    font-size: 1.7rem;
	letter-spacing: 0.3rem;
}
#needs_navi h2 span {
    font-size: 0.5rem;
    padding-top: 10px;
}

#home_description h2{
	font-size:1.8rem;
	padding:20px 60px;
}
#home_voice .home-voice-contents h2{
	position:absolute;
	display:inline-block;
	top:-60px;
	left:40px;
	padding:0;
}
#faq_main h2{
	padding: 20px;
    font-size: 120%;
}
#new_pickup .inner-container h2 {
    font-size: 130%;
    padding: 30px;
    letter-spacing: 10px;
}

article.container h2,article.inner-container h2{background:url(../img/common/split_line1.webp) center bottom no-repeat; padding:50px 60px 30px; margin:/*6*/0px 0 30px;font-size:2rem; line-height:1.5;}

 /*h3*/
h3{font-family: "Optima Medium","ヒラギノ明朝 Pro";}
h3,#privacy h3{ font-size: 1rem; line-height: 1.3;  letter-spacing: 1.5rem; text-align:center; /*background:url(../img/common/split02.webp) center top no-repeat #474343;*/  padding:0px 60px 40px; margin:/*6*/0px 0 0px;}
h3 span{display:block; letter-spacing:0.8rem; padding:10px 10px 30px; background:url(../img/common/split_line3.webp) center bottom no-repeat;}
#new_pickup .pu-txt-box h3 {  font-size: 1.5rem; padding-bottom:20px;}
#about h3{ font-size: 2rem; line-height: 1.35; letter-spacing: 0.5rem;  padding:0px 0px 10px; margin:10px 0 20px; }
#staffinfo h3{ font-size: 2rem; line-height: 1.35; letter-spacing: 0.5rem;  padding:50px 0px 10px; margin:40px 0 20px;background:url(../img/common/split_line1.webp) center top no-repeat; }
#plan_detail h3{ letter-spacing: 1.2rem;  padding: 20px 0 20px;  margin: 10px 0 10px;font-size:1.1rem}
#plan_detail #concept h3,#plan_detail #planview h3,#plan_detail #overview h3,#plan_detail #price h3,#plan_detail #series_concept h3{ background:url(../img/common/split_line2.webp) center bottom no-repeat; padding-bottom:30px;margin-bottom:20px;}
#gallery_wrap .gallerybox h3{font-size:1.5rem;padding-bottom:0;letter-spacing: 1rem;}
#home #design_outside h3,#home #design_inside h3{ background:url(../img/home/home_title_bg.webp) center bottom no-repeat; font-size:1.2em; padding-bottom: 40px;}

 /*h4*/
h4{ font-size: 1rem; line-height: 1.35; letter-spacing: 0.5rem;  padding:10px; margin:10px 0; }
#gallery_wrap h4{font-size: 0.6rem;letter-spacing:0.2rem;text-align:center;}
#plan_detail h4{text-align:center; padding:0 0 20px;}
#voice h4{ font-size: 2rem; line-height: 1.35; letter-spacing: 0.5rem;  padding:0px 0px 10px; margin:10px 0 20px; }

 /*h5*/
h5 { font-size: 1.8rem; line-height: 1.5;  letter-spacing: -.05rem; }
#gallery_wrap h5{font-size: 0.9rem;letter-spacing:0.7rem;padding:0 0 10px;}

 /*h6*/
h6 { font-size: 1.5rem; line-height: 1.6;  letter-spacing: 0; }


/*パンくずリスト
-----------------------------------*/
.breadcrumb li a {
    color: #FFFFFF;
}
.breadcrumb li{
    color: #FFFFFF;
	font-size: 70%;
    margin-left: 50px;
}

/*キャッチ画像
-----------------------------------*/
.catch-fig{
	text-align:center;
	margin:30px 0;
}

/*.catch-fig img{
	width:80%;
}*/

.catch-fig img{
	width:1000px;
}

/*メイン画像
-----------------------------------*/
/*.mainimg{
	background:#1b95d6;
}*/
.mainimg .pc{
	/*max-width: 1030px;*/
	margin: /*45px*/ 0 auto 0;
}

/*バナー
-----------------------------------*/
.lp-single-bnr{
	width: 400px;
    margin: 50px auto 0;
}

																																																																																																																																																																																																																																																																																																																																																																																																																																																	/*----------------------------------------------
																																																																																																																																																																																																																																																																																																																																																																																																																																																	
																																																																																																																																																																																																																																																																																																																																																																																																																																																	ホーム
																																																																																																																																																																																																																																																																																																																																																																																																																																																	
																																																																																																																																																																																																																																																																																																																																																																																																																																																	-----------------------------------------------*/
body#home {
	background: url(../img/home/body_bg_home.webp) repeat-x left top #393636;
}
/*section#home_catch {
	background:none;
}*/

#home .inner-container,#home #blog_list{
	max-width:1030px;
	margin:0 auto;
	position:relative;
}

#home .mainimg {
	margin-bottom:0;
}
#home_catch,#needs_anvi,#top_concept{
	text-align:center;
}
#home_catch img.pc {
    margin: auto;
}
#home_catch .row{
	margin-left:1%;
}
#home_catch .row div.col{
	margin-left:1%;
}
.imageslide {
　width: 250px;
　height: 175px;
　position: relative;
}
.imageslide img {
　width: 250px;
　height: 175px;
　position: absolute;
　top: 0;
　left: 0;
　z-index: 8;
}
.imageslide img.active {
　z-index: 10;
}
.imageslide img.last-active {
　z-index: 9;
}
/*5つの理由*/

#home_5reasons{
	padding:0;
}

#home_5reasons p{
	line-height:1.5;
	font-size:90%;
}

#home_5reasons article.col.span-2\.4 {
    margin-left: 2%;
}

#home_design_gallery{
	padding:0;
}

#design_inside{
	background:none;
}

#design_outside li strong,#design_inside li strong{
	font-weight:bold;
	font-size:120%;
}

#design_inside {
	background:none;
	padding-top:0px;
	padding-bottom:50px;
	/*margin-top:50px;*/
}

/*構造別説明*/
#home_description{
	padding:0;
}
#home_description dl{
	max-width:600px;
	margin:0 auto;
	position:relative;
	background:url(../img/common/split_line1.webp) center bottom no-repeat;
	padding-bottom:40px;
}
#home_description dl dt{
	background:url(../img/common/listcircle_blue.webp) left center no-repeat;
	background-size:20px;
	padding:0px 0px 5px 30px;
	margin-right:20px;
	text-align:left;
	font-weight:bold;
	float:left;
	line-height:normal;
	height:30px;
	font-size:130%;
}
#home_description dl dd{
	padding:5px 0px 5px 30px;
	text-align:left;
}
#home_description dl dd:after{
	clear:both;
}

/*シャーロックホームズのコンセプト*/


#home_concept p{
	padding:0 5%;
	text-align:center;
}


#home_concept .row{
	text-align:center;	
}

#home_concept .row .col.span-3 {
    flex: 0 0 24%;
    max-width: 24%;
	margin-left:1%;
	display:inline-block;
}

#home_concept .fig-area .row{
	display:inline-block;
	text-align:center;
}

#concept .fig-area .row{
	display:inline-block;
	text-align:center;
}

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




/*問い合わせバナー*/
																																																																																																																																																																																																																																																																																																						/*div.contact_bnr{
																																																																																																																																																																																																																																																																																																							text-align:center;
																																																																																																																																																																																																																																																																																																							background-color:#1b96d5;
																																																																																																																																																																																																																																																																																																							padding-bottom:20px;
																																																																																																																																																																																																																																																																																																							margin-bottom:230px;
																																																																																																																																																																																																																																																																																																							padding-top:30px;
																																																																																																																																																																																																																																																																																																							background-image:none;
																																																																																																																																																																																																																																																																																																						}
																																																																																																																																																																																																																																																																																																						div.contact_bnr p{
																																																																																																																																																																																																																																																																																																							font-size:3rem;
																																																																																																																																																																																																																																																																																																							line-height:1.2;
																																																																																																																																																																																																																																																																																																						}
																																																																																																																																																																																																																																																																																																						div.contact_bnr p span{
																																																																																																																																																																																																																																																																																																							font-size:1.8rem;
																																																																																																																																																																																																																																																																																																						}
																																																																																																																																																																																																																																																																																																						div.contact_bnr li img{
																																																																																																																																																																																																																																																																																																							width:60%;
																																																																																																																																																																																																																																																																																																						}
																																																																																																																																																																																																																																																																																																						div.contact_bnr img#house_fig{
																																																																																																																																																																																																																																																																																																							position:absolute;
																																																																																																																																																																																																																																																																																																							top:180px;
																																																																																																																																																																																																																																																																																																							left:15%;
																																																																																																																																																																																																																																																																																																						}*/



/*お客様の声*/
#home_voice{
	background-color:#1b96d5;
	background-image:none;
	padding:40px;
}

#home_voice .home-voice-contents{
	border:1px solid #FFF;
	border-radius:10px;
	padding:40px 20px 0;
	background:none;
	position:relative;
	margin-bottom:50px;
}

/*デザイナー/クリエーター紹介*/
#home_staff{
	background:none;
}
#home_staff p{
	text-align:center;
}

/*資金計画について*/
#home_money{
	background:none;
}
#home_money ul{
	width:600px;
	margin:20px auto;
}
#home_money li{
	list-style:none;
	font-size:100%;
	text-align:left;
	background:url(../img/common/listcircle_blue.webp) left center no-repeat;
	padding-left:30px;
	background-size: 20px;
}
#home_money p{
	text-align:center;
}



/*よくある質問*/
#faq_main{
	background:none;
	padding:0;
}


#faq_main .accordionbox{
	padding:20px;
}

#faq_main .accordionlist dt{
	display:block;
	width:100%;
	height:50px;
	line-height:50px;
	text-align:left;
	padding-left:20px;
	border-color:#333;
	border-style:solid;
	border-width:1px 1px 0;
	cursor:pointer;
	background:/*url(../img/home/question.webp) left center no-repeat*/ #999;
}
#faq_main .accordionlist dd{
	background:none;
	width:100%;
	/*height:50px;*/
	line-height:2;
	text-align:left;
	border:#333 1px solid;
	display:none;
	padding-top:10px;
	padding-left:40px;
	padding-right:40px;
}

/*#faq_main .accordionlist dt div {
    width: 200px;
    background: skyblue;
    border-radius: 20px;
    text-align: center;
    padding: 10px 20px;
    cursor: pointer;
  }*/
  
#faq_main .accordionlist dt span {
    display: block;
    position: relative;
  }
  
  /* 二本の横棒を作成する */
#faq_main .accordionlist dt span::before,
#faq_main .accordionlist dt span::after {
    content: '';
    display: block;
    width: 15px;
    height: 3px;
    border-radius: 5px;
    background: #FFFFFF;
    position: absolute;
    right: 30px;
    top: -25px;
    transform: translateY(-50%);
  }
  
  /* 2本の横棒のうち一本は縦棒にする */
#faq_main .accordionlist dt span::after {
    background: #FFFFFF;
    /* 横棒を縦にするために90℃回転させる */
    transform: translateY(-50%) rotate(90deg);
    /* プラスからマイナスへの切り替えをゆっくり行いアニメーションさせる */
    transition: 0.5s;
  }
  
  
/*  プラスがクリックされたら縦棒を横にしてマイナスにする疑似要素
  jQueryで付け外しを行う*/
  
#faq_main .accordionlist dt.active span::after {
    transform: rotate(0);
    transition: 0.5s;
  }
  
  
ul#blog_list li {
    list-style: none;
    border-bottom: 1px dotted;
    margin-bottom: 20px;
}

a.blog-thumb {
    float: left;
    padding-right: 20px;
}

span.title a {
    font-size: 1.5em;
	
}
  
/*----------------------------------------------

LP

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

/*LP問い合わせ*/
#home_form .scr {
    width: 95%;
    overflow: scroll;
	margin: 10px auto;
    height: 150px;
    font-size: 0.8em;
    line-height: 1.4em;
    overflow-x: hidden;
    border: 1px #c7c7c7 solid;
    padding: 10px;
    background-color: #fff;
    margin-top: 30px;
	color:#333;
}

#home_form table{
	width:100%;
}

#home_form table.form-table th {
    width: 44%;
    text-align: left;
    position: relative;
}

#lp_img .pc{
	margin-top:45px;	
}


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

ニーズナビ

-----------------------------------------------*/
section#needs_navi{
	max-width:900px;
	margin-top:0;
	/*padding-bottom:20px!important;*/
}

section#needs_navi figcaption{
	font-size:60%;
}

section#needs_navi #needs-navi2{
	margin-left:180px;
}

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

ピックアップ

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

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

#new #new_pickup .pu-box{
	background:url(../img/common/split_line1.webp) bottom center no-repeat;
	clear:both;
	margin-bottom:80px
}

#new .col.span-6.pu-img-box {
    position: relative;
}

#new img.pu-l-pic {
    width: 475px;
}

#new img.pu-mrk {
    position: absolute;
    left: -60px;
    top: -60px;
}

#new li.col.span-4.pu-s-pic {
    margin-right: 2%;
    margin-left: 0;
}

#new .col.span-6.pu-txt-box {
    margin-left: 2%;
}

#new #new_pickup .pu-txt-box dt{
    font-size: 130%;
    letter-spacing: 0.2rem;
    padding: 10px 0;
    border-bottom: 1px dotted;
    margin-bottom: 10px;
}

#new #new_pickup .pu-txt-box dd{
	font-size:90%;
}

#new #new_pickup .pu-txt-box dd ul{
	margin-bottom:0;
	margin-top:1rem
}



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

ABOUTカテゴリ

-----------------------------------------------*/
#about #about_chiefdir{
	/*margin-top:-100px;*/
}
#about #about_chiefdir p,#about #about_chiefdir figure{
	margin-bottom:0;
}
#about .container{
	padding:0;
}
/*住宅コスト・仕様について*/
#about #spec,#about #money{
	background:none;
}
#about #spec .inner-container,#about #money .inner-container{
	border:1px solid #FFF;
	border-radius:10px;
	padding-top:40px;
	padding-bottom:0;
	background:none;
	position:relative;
	margin-bottom:0px;
}

#about #spec p,#about #money p{
	padding:0 10%;
}

#about section#spec,#about section#money{
    /*background: url(../img/common/split_line1.webp) top center no-repeat;*/
    padding-top: 80px;
    padding-bottom: 50px;
}

#about section#money ul{
	width:600px;
	margin:20px auto;
}
#about section#money li{
	list-style:none;
	font-size:100%;
	text-align:left;
	background:url(../img/common/listcircle_blue.webp) left center no-repeat;
	padding-left:30px;
	background-size: 20px;
}
#about section#money p{
	text-align:center;
}


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

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

-----------------------------------------------*/
#voice #customer_voice .voice-wrap{
	position:relative;
	padding-top:30px;
	background:url(../img/common/split_line1.webp) top center no-repeat;
	width: 1000px;
    margin: 20px auto;
}

#voice #customer_voice .voice-wrap h3{
	float:left;
	width:15%;
	padding:0px 10px 0px
}
#customer_voice h3 img {
    max-width: 100%;
}
#customer_voice section{
	margin-bottom:10px;
}
#voice #customer_voice .voice-wrap .voice-contents{
	float:left;
	text-align:left;
	width:85%;
}
#needs_navi{
	clear:both;
}
#voice h2 span img {
    position: absolute;
    right: 0;
    top: -220px;
}


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

ABOUTカテゴリ(スタッフ)

-----------------------------------------------*/
#staffinfo{
	padding-top:20px;
}
#staffinfo p{
	padding-top:20px;
	padding-bottom:20px;
	text-align:center;
	max-width:800px;
	margin:auto;
}
#staff h2 span img {
    position: absolute;
    right: 0;
    top: -180px;
}
#staffinfo .col:first-child{
    margin-left: 4%;
}
#staffinfo .col {
    margin-left: 0%;
}

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

PLANカテゴリ

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

#plan_detail .container{
	padding:0;
}


/*CONCEPT HOUSE PERTH
-----------------------------------*/
#plan_detail #concept_house_perth{
	max-width:1030px;
	margin:25px auto 0;
}


/*SERIES CONCEPT
-----------------------------------*/
#plan_detail #series_concept{
	padding-bottom:0px;
	text-align:center;
	margin-bottom:0;
}
#plan_detail #series_concept p{
	margin-bottom:1.5rem;
}

/*SERIES IMAGE
-----------------------------------*/
#plan_detail #series_exteriorimage{
	background:url(../img/common/triangle_down.webp) center top no-repeat;
	padding-top:30px;
	margin-bottom:30px;
	max-width: 780px;
	margin:auto;
}
#plan_detail #series_interiorimage{
		max-width: 780px;
		margin:10px auto 60px;
		padding-top:10px;
}
#plan_detail .col.span-2\.4 {
    margin-left: 1%;
}

/*EXAMPLE PLAN IMAGE
-----------------------------------*/
#plan_detail #exteriorimage{
	padding-bottom:20px;
	max-width: 780px;
    margin: 20px auto 0;
	background:url(../img/common/triangle_down.webp) center top no-repeat;
	padding-top:30px;
}
#plan_detail #interiorimage{
	padding-bottom:60px;
	max-width: 780px;
    margin: auto;
}
#interiorimage .span-6{
	text-align:center;
}


/*PLAN VIEW
-----------------------------------*/
/*#plan_detail .breadcrumb li {
	margin-top:40px;
}*/
	

#planview{
	max-width:1030px;
	text-align:center;
	margin:auto;
}
#planview p{
	letter-spacing: 0.5rem;
}

/*OVER VIEW
-----------------------------------*/
#overview p{
	text-align:center;
	letter-spacing: 0.5rem;
}

#planview figcaption{ font-size:80%; text-align:left; padding-left:30px;}




/*CONCEPT
-----------------------------------*/
#concept p{
	text-align:center;
	line-height:2;
	letter-spacing: 0.3rem;
}



/*ニーズ
-------------------------------------*/
nav#needs h2{
	padding:40px;
	margin:0;
}
nav#needs h3{
	padding:20px;
	letter-spacing:1rem;
	height:4em;
}
nav#needs a{
	background-color:#000000;
}

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

#concept_house_plan .wrap{
	max-width:1030px;
	margin:0 auto 50px;
}

#concept_house_plan .wrap  ul.row{
	padding-right:2%;
}

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

#concept_house #spec{
	position:relative;
	width:100%;
}

#concept_house #spec #price{
	float:left;
	width:30%;
	padding-right:30px;
}
#concept_house #spec #price span{
	display:block;
	color:#FFFFFF;
}
#concept_house #spec #price strong{
	font-size:250%;
}
#concept_house #spec #price p{
	color:#FF6666;
	font-size:120%;
	line-height:1.2;
}

#concept_house #spec #price .note{
	font-size:80%;
	color:#CCCCCC;
}

#concept_house #spec ul#spec_datail{
	float:right;
	width:65%;
}

#concept_house #spec ul#spec_datail li{
	list-style:none;

}

#concept_house_navi{
	padding:10px 0;
	border:1px solid #FFF;
	border-radius: 10px;
}

#concept_house_navi .col {
    margin-left: 2%;
    text-align: center;
}

#concept_house_plan1 #concept_house_navi #concept_house_navi1{ display:none;}
#concept_house_plan2 #concept_house_navi #concept_house_navi2{ display:none;}
#concept_house_plan3 #concept_house_navi #concept_house_navi3{ display:none;}
#concept_house_plan4 #concept_house_navi #concept_house_navi4{ display:none;}


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

GALLERYカテゴリ

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

.triangle-down{
	text-align:center;
	padding-top: 20px;
    padding-bottom: 0;
}

#gallery_wrap{
	max-width : 1000px;
}

#gallery_wrap .col {
    margin-left: 1%;
}

.gallery-exterior{
	margin-bottom:30px;
}

.gallerybox{
	background:url(../img/common/split_line1.webp) bottom center no-repeat;
	padding-bottom:20px;
	padding-top:40px;
}

#compact_gallery{
	background:none;
	padding-bottom:0;
}

#gallery_wrap #series_interiorimage{
	margin-bottom:10px;
}
#gallery_wrap #series_exteriorimage{
	margin-bottom:10px;
}

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

COMPANYカテゴリ

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

#company_profile{
	max-width:900px;
	margin:auto;
}
#company_profile table{
	width: 98%;
    margin: 0 auto;
}
#company_profile th{
	font-size:90%;
	white-space: nowrap;
}
#company_profile map{
	padding-bottom:50px;
}

#map {
  position: relative;
  width: 100%;
  padding-top: 75%; /* = height ÷ width × 100 */
}
#map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/*----------------------------------------------

CONTACTカテゴリ

-----------------------------------------------*/
#form_note{
	padding:10px;
	margin:auto;
	width:800px;
}
#form_note a{
	display:inline;
}
#policy{
	text-align:left;
	max-width:740px;
	margin:auto;
}

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

ブログ

-----------------------------------------------*/
.cf p{
p {
    font-family: "ヒラギノ明朝 Pro",Avenir, 'Helvetica neue', Helvetica, 'Segoe UI', '游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic Medium', 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', sans-serif;;
}
}

/* PC/スマホ切り替え
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* PCスタイル */
.pc { display: block !important; }
.sp { display: none !important; }