/*
Theme Name:神戸リノベーション
Description:神戸リノベーションのテーマ
Template:twentytwelve
Version:1.0
Author:FORC CREATIVE
Author URI:http://forc-creative/
*/


/* COMMON */

/* clearfix */
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
  margin-bottom:24px;
}
 /* IE6 */
* html .clearfix { zoom: 1;}
 /* IE7 */
*:first-child+html .clearfix { zoom: 1;}

body{
	background:#F6F4F0;
	font-size:62.5%;
	line-height:2;
	font-family:YuGothic, '游ゴシック',"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif !important;
	color:#342D1D;
	border-top:4px solid #d05a49;
}

a:link,a:visited{
	color:#509256;
}

a:hover{
	color:#79b67e;
	text-decoration: underline;
}

p{
	font-size:16px;
	margin-bottom:16px;
}

li{
	list-style: none;
	font-size: 16px;
	margin-bottom:8px;
}

 hr{
	background: none;
	border-bottom:2px dotted #dfdcdc ;
	height: 1px;
	margin: 56px 0;
 }

#main.contents-wrapper{
	max-width:1024px;
	margin:0 auto;
}

#masthead.site-header{
	width:100%;
	height:auto;
	display:block;
	box-sizing: border-box;
	overflow: hidden;
	margin:0 auto;
	padding:8px 0 0 0;
	text-align: left;
	position: relative;
	background:#fff;
}

div.top-contact{
	width:100%;
	height:auto;
	display:block;
	overflow: hidden;
}

a.contact-tel{
	width:46%;
	height:30px;
	display:block;
	float:left;
	margin:0 2%;
	padding-bottom:24px;
	background:url(images/top-tel.png) no-repeat center;
	background-size:165px 30px;
	text-indent:-9999px;
	border-bottom:2px solid #56A046;
}

a.contact-form{
	width:46%;
	height:30px;
	display:block;
	float:left;
	margin:0 2%;
	padding-bottom:24px;
	line-height:0;
	background:url(images/top-mail.png) no-repeat center;
	background-size:165px 30px;
	text-indent:-9999px;
	border-bottom:2px solid #56A046;
}


h1.site-title a{
	width:52px;
	height:70px;
	display:block;
	overflow: hidden;
	margin:8px auto 16px auto;
	padding:0;
	line-height:0;
	background:url(images/logo-small.png) no-repeat;
	background-size:52px 70px;
	text-indent:-9999px;
}

h2.site-description{
	display:none;
}

a.menu-btn{
	width:71px;
	height:14px;
	display:block;
	position: absolute;
	top:32px;
	left:20px;
	z-index: 9999;
	text-indent: -9999px;
	padding:16px 12px;
	background:url(images/menu-btn@2x.png) no-repeat center #d05a49;
	background-size:71px 14px;
	border-radius:4px;
	box-shadow: 1px 1px 2px #802e24;
	-webkit-transition: 0.3s ease-in-out;  
	-moz-transition: 0.3s ease-in-out;  
	-o-transition: 0.3s ease-in-out;  
	transition: 0.3s ease-in-out; 
}

a.menu-btn:hover{
	box-shadow:none;
	top:33px;
	left:21px;
}

.offerarea{
	width:107px;
	height:auto;
	display:block;
	overflow: hidden;
	position: absolute;
	top:16px;
	right:16px;
}

.header-tel {
	width:40px;
	height:40px;
	display:block;
	float:left;
	margin:0 26px 0 0;
}

.header-tel a{
	width:40px;
	height:40px;
	display:block;
	background: url(images/icon-tel@2x.png) no-repeat center;
	background-size:40px 40px;
	text-indent: -9999px;
}

.header-mail{
	width:40px;
	height:40px;
	display:block;
	float:left;
	margin:0;
}

.header-mail a{
	width:40px;
	height:40px;
	display:block;
	background: url(images/icon-mail@2x.png) no-repeat center;
	background-size:40px 40px;
	text-indent: -9999px;
}

.header-buy{
	display: none;
}

.header-sale{
	display: none;
}

ul.mm-listview li.navi-btn{
	width:90%;
	height:auto;
	display: block;
	padding:0;
	margin:16px auto 16px auto;
	box-shadow: 0 0 4px #999;
	color:#fff;
	background:#509256;
	text-align: center;
	border-radius: 4px;
	-webkit-transition: 0.3s ease-in-out;  
	-moz-transition: 0.3s ease-in-out;  
	-o-transition: 0.3s ease-in-out;  
	transition: 0.3s ease-in-out; 
}

ul.mm-listview>li.navi-btn>a{
	padding:12px auto!important;
}

.header-facebook{
	width:40px;
	height:40px;
	display:none;
	float:left;
	margin:0;
}

.header-facebook a{
	width:40px;
	height:40px;
	display:block;
	background: url(images/header-facebook@2x.png) no-repeat center;
	background-size:40px 40px;
	text-indent: -9999px;
}

.header-fudosan{
	display: none;
}

	.header-eyecatch figure{
		line-height:0;
	}
	
	.header-eyecatch img{
		width:100%;
		height:auto;
	}

nav#site-navigation.global-navigation{
	display:none;
}

ul.sub-navigation{
	display: none;
}

.header-image{
	width:100%;
	height:96px;
	overflow: hidden;
	box-sizing:border-box;
	padding: 48px 16px 0 16px;
	margin: 0 0 0px 0;
	background:#c2d94e;
	color:#d05a49;
	font-size:18px;
	letter-spacing:1px;
	text-indent:1px;
	line-height:0;
	text-align: center;
}

.header-image h1{
	color:#fff;
	text-shadow:0 0 0px #000;
}

.breadcrumble{
	width:100%;
	height:auto;
	box-sizing:border-box;
	padding: 8px 24px;
	margin: 0 0 32px 0;
	font-size:12px;
	background:#ece8e0;
}

#primary.single-content{
	max-width:980px;
	height:auto;
	display:block;
    overflow:hidden;
    box-sizing: border-box;
    padding:0;
    margin:0 8px 80px 8px;
}

#primary.single-content article{
	max-width:980px;
	height:auto;
	display:block;
    padding:32px 0px;
    margin-bottom:24px;
    background:#fff;
    border:1px solid #eee;   
    border-radius:8px; 	
}

#primary.page-content{
	max-width:980px;
	height:auto;
	display:block;
    overflow:hidden;
    box-sizing: border-box;
    margin:16px 8px 80px 8px;
    padding:0 0 24px 0px;
    background:#fff;
    border:1px solid #eee;   
    border-radius:8px; 
}

#primary.page-content h1{
	width:auto;
	display: block;
	text-align:center;
	letter-spacing:1px;
	font-size:20px;
	font-weight:bold;
	line-height: 1.75;
	letter-spacing: 3px;
	padding: 0 0 16px 0;
	margin:32px auto 8px auto;
	text-align: center;
	color:#000;
	border-bottom:2px dotted #999;
}

p.data{
	font-size:14px;
	text-align: center;
	color:#999;
	margin-bottom:16px !important;
}

#primary.page-content p{
	width:90%;
	margin: auto;
}

#primary.page-content p.nomargin{
	width:100%;
}

.border{padding:16px;}

.border img{
	border:1px solid #999;
}

.entry-header figure{
	margin:0 20px;
}

#secondary.widget-area{
	padding:0 16px;
}

	div.widget-bnr{
		text-align: center;
		margin-bottom:40px;
	}
	
	div.widget-bnr img{
		width:100%;
		max-width:222px;
		margin:0 auto;
		height:auto;
	}
	

div.action-wrapper{
	width:auto;
	height:auto;
	display: block;
	overflow: hidden;
	margin:24px 0;
}

img.actionbtn{
	margin:8px 0;
}

img.actionbtn:hover{
}

.footer-contact{
	width:100%;
	max-width:1024px;
	margin:0 auto;
	height:auto;
	display:block;
	overflow: hidden;
	box-sizing:border-box;
	padding:16px;
	margin-bottom:24px;
}


footer[role="contentinfo"]{
	width:100%;
	max-width:100%;
	height:auto;
	display:block;
	overflow: hidden;
	box-sizing:border-box;
	margin:0;
	padding:0;
	background:#403827;
	text-align: center;
}

.footer-access{
	width:100%;
	height:auto;
	display:block;
	overflow: hidden;
	padding:32px 0;
	background:#ece8e0;
	text-align: left;
}

.footer-access p{
	font-size:13px;
}

.footer-access p.site-description{
	font-size:15px;
	font-weight: bold;
	margin-bottom:0;
}

.site-info{
	color:#fff;
	padding:40px 16px;
}

.footer-navigation{
	width:auto;
	max-width:960px;
	height:auto;
	display:block;
	padding:0;
	margin:0 auto 24px auto;
	text-align: center;
}

.footer-navigation li{
	width:100%;
	border-bottom:1px dotted 	#F6F4F0;
}

.footer-navigation li a{
	 width:100%;
	 display:block;
	padding:8px;
	  color:#F6F4F0;
	  text-decoration: none;
  }
  
.footer-navigation li a:hover{
	background:#504631;
	color:#F6F4F0;
}

footer h2{
	font-size: 21px;
	font-weight: bold;
	color: #d05a49;
	letter-spacing: 2px;
	text-align: center;
	margin-bottom: 24px;
}

footer h2{
	padding:40px 0 0 0;
	background:url(images/header-illust_red.png) no-repeat center top;
	background:32px auto;
}
  
  h3.footer-logo{
	width:245px;
	height:50px;
	background:url(images/logo-large.png) no-repeat;
	background-size:245px auto;
	text-indent: -9999px;
	text-align:left;
	margin:0 0 16px 0;	  
  }

div.annotation{
	width:auto;
	height:auto;
	display:block;
	overflow: hidden;
	padding:8px;
	margin:auto 16px;
	font-size:13px;
	background: #fff;
	border: 3px solid #d05a49;
}

.works-comment{
	width:auto;
	height:auto;
	display:block;
	font-size: 12px;
	text-align: center;
	clear: both;
}

#first-bnr .header-home-seminor{
	font-size: 21px;
	font-weight: bold;
	color: #d05a49;
	letter-spacing: 2px;
	text-align: center;
	margin: 24px 0;
}

/* ITEMBOX */

.itembox01{
	width:100%;
	height:auto;
	display:block;
	box-sizing: border-box;
	border:2px solid #dfdcdc;
	background:#fff;
	padding:8px;
	margin-bottom:32px;
	border-radius:5px;
	}
	
.itembox01.consulting{

}

.itembox01.openseminer{
}

.itembox01.event{

}
	
.page-content .itembox01 h2{
	margin:4px auto 24px auto;
	padding-bottom:12px;
	border:0;
	background:#F6F4F0;
	letter-spacing:1px;
}

div.dokuji .itembox02{
	width:50%;
	height:auto;
	display:block;
	box-sizing: border-box;
	float:left;
	margin:0 0 16px 0;
	}
	
.page-content .dokuji h3{
	width:100%;
	max-width: 660px;
	display: block;
	padding:0;
	margin: 0 auto 32px auto;
	text-align: center;
	border-left:0;
}

.itembox02{
	width:90%;
	height:auto;
	display:block;
	box-sizing: border-box;
	float:left;
	margin:0 5% 16px 5%;
	}
	
.container .itembox02{
	
}
	
.contents-index .itembox02 h2{
	margin:4px 0;
}

.itembox02-large{
	width:98%;
	height:auto;
	display:block;
	box-sizing: border-box;
	float:left;
	margin:0 1% 16px 1%;
	}

	
.itembox02 img,.itembox02-large img,.itembox3-1 img,.itembox-primary img,.itembox-secondary img{
	width:100%;
	height:auto;
}

.itembox-primary{
	width:98%;
	height:auto;
	display:block;
	box-sizing: border-box;
	float:left;
	margin:0 1% 16px 1%;
	}
	
.itembox-secondary{
	width:98%;
	height:auto;
	display:block;
	box-sizing: border-box;
	float:left;
	margin:0 1% 16px 1%;
	}
	
.itembox03{
	width:94%;
	height:auto;
	display:block;
	box-sizing: border-box;
	vertical-align:top;
    margin:0 auto;
	}
	
.itembox03 img{
	width:100%;
	height:auto;
	border-radius: 8px;
}

.itembox03 a img,.itembox04 a img{
	border:2px solid #fff;
	-webkit-transition: 0.3s ease-in-out;  
	-moz-transition: 0.3s ease-in-out;  
	-o-transition: 0.3s ease-in-out;  
	transition: 0.3s ease-in-out; 
}

.itembox03 a img:hover,.itembox04 a img:hover{
	border:2px solid #509256;
}
	
.itembox04{
	width:45%;
	height:auto;
	display:block;
	box-sizing: border-box;
	margin:16px 2.5%;
    float:left;
    text-align:center;
	}
	
div.flame .itembox04{
	width:45%;
	height:auto;
	display:inline-block;
	box-sizing: border-box;
	margin:16px 2.5%;
	float:none;
    text-align:center;	
}
	
.entry-content .itembox04 p{
	margin-bottom:8px !important;
	font-size:12px;
}
	
.itembox04-large{
	width:98%;
	height:auto;
	display:block;
	box-sizing: border-box;
	margin:16px 1%;
    float:left;
    text-align:center;
	}
	
.itembox04-large img{
	width:100%;
	height:auto;
}

.itembox04 p a,.itembox04 p a:visited{
	font-size: 12px;
	font-weight: bold;
	color:#509256;
}
	
.itembox04 img{
	width:100%;
	height:auto;
	max-width: 200px;
	border-radius:50%;
}

p.example-text{
	padding:8px;
	background:#F6F4F0;
	border-left:2px solid #d05a49;
}

p.example-flame{
	width:100% !important;
	box-sizing: border-box;
	margin:16px 0 !important;
	padding:8px;
	border:2px solid #d05a49;
}

.itembox04 img.storyimage{
	width:100%;
	height:auto;
	max-width: 200px;
	border-radius:0;
}

.entry-content ol{
	margin:0 auto;
	padding:0 16px;
	list-style: decimal inside;
}

.entry-content ol li{
	margin:4px 0;
	padding:4px 0;
	border-bottom:1px dotted #ccc;
	list-style: decimal;
	}
	
.entry-content ol li strong{
	color:#d05a49;
	}
	
.entry-content li{
	margin:0;
}

.itembox3-1{
	width:94%;
	height:auto;
	display:block;
	margin:0 auto 16px auto;
}

.itembox3-2{
	width:94%;
	height:auto;
	display:block;
	margin:0 auto;
}
	
.page-content .iteminfo h2{
	border:0px;
	font-size:13px;letter-spacing: 0;
	margin:0px;
	padding:0;
	}
	
.iteminfo dl{
	width:100%;
	height:auto;
	display: block;
	overflow: hidden;
}

.iteminfo dt{
	width:20%;
	height:auto;
	display: block;
	overflow: hidden;
	float:left;
}

.iteminfo dd{
	width:80%;
	height:auto;
	display: block;
	overflow: hidden;
	float:left;
}

.wrapper.column h3{
	font-size:16px;
	text-align: center;
}
	
.page-content .iteminfo dl{
	font-size:12px;
}
	
button.linkbtn{
	width:100%;
	height:auto;
	display:block;
	box-sizing:border-box;
	position:relative;
	padding:16px;
	margin:16px 0 24px 0;
	background:#fff;
	font-size:14px;
	font-weight: bold;
	color:#509256;
	text-align:center;
	text-decoration:none;
	letter-spacing:2px;
	border:2px solid #509256;
	border-radius:4px;
	-webkit-transition: 0.3s ease-in-out;  
	-moz-transition: 0.3s ease-in-out;  
	-o-transition: 0.3s ease-in-out;  
	transition: 0.3s ease-in-out; 
}

button.linkbtn:hover{
	background:#509256;
	color:#fff;
}

button.linkbtn:before{
content: '▼';
border: 2px solid transparent;
display: inline-block;
width: 8px;
height: 8px;
position: absolute;
left:0px;
top: 50%;
margin-top:-4px;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg); 
}

button.mapbtn{
	width:90%;
	height:auto;
	display:block;
	box-sizing:border-box;
	padding:8px 16px;
	margin:4px 5%;
	background:#23AC38;
	font-size:12px;
	color:#fff;
	border:0;
	text-align:center;
	text-decoration:none;
	letter-spacing:2px;
	border-radius:3px;
	-webkit-transition: 0.3s ease-in-out;  
	-moz-transition: 0.3s ease-in-out;  
	-o-transition: 0.3s ease-in-out;  
	transition: 0.3s ease-in-out; 
}

button.mapbtn:hover{
	background:#2ed447;
}

button.applybtn{
	width:100%;
	height:auto;
	display:block;
	box-sizing:border-box;
	padding:16px;
	margin:16px 0;
	background:#56A046;
	font-size:14px;
	color:#fff;
	text-align:center;
	text-decoration:none;
	letter-spacing:2px;
	border-radius:3px;
	-webkit-transition: 0.3s ease-in-out;  
	-moz-transition: 0.3s ease-in-out;  
	-o-transition: 0.3s ease-in-out;  
	transition: 0.3s ease-in-out; 
}

button.applybtn:hover{
	background:#90c983;
}

.wrapper.bnr-seminor{
	width:100%;
	display: block;
	box-sizing: border-box;
	padding:0 24px;
}

.bnr-seminor p strong{
	display: block;
	margin:8px auto; 
}

.wrapper.bnr-seminor img{
	width:100%;
	height:auto;
}

dl.seminorlist{
	width:100%;
	height:auto;
	display: block;
	box-sizing: border-box;
	font-size:16px;
	margin-bottom:24px;
	padding:16px;
	border:4px solid #509256;
	border-radius:8px;
	background:#fff;
}

dl.seminorlist dd{
	font-size:12px;
	margin-bottom:0px;
}

dl.seminorlist dd span{
	padding:4px 8px;
	margin:0 4px;
	background:#d05a49;
	border-radius:3px;
	text-decoration: none;
	color:#fff;
	font-size:12px;
}

dl.seminorlist dt{
	padding-bottom:4px;
	margin-bottom:8px;
	border-bottom:1px solid #eee;
}

ul.seminor-category{
	width:100%;
	height:auto;
	display:auto;
	box-sizing: border-box;
	overflow: hidden;
	padding:8px 0;
	text-align: center;
	border:4px solid #509256;
	border-radius: 8px;
	background:#fff;
}

ul.seminor-category li{
	width:31%;
	height:auto;
	display:inline-block;
	box-sizing: border-box;
	vertical-align: top;
	margin:0%;
	text-align: center;
	border-right:1px solid #eee;
}

ul.seminor-category li:last-child{
	border-right:none;
}

ul.seminor-category li a{
	width:auto;
	height:auto;
	display:block;
	font-size:10px;
	font-weight: bold;
	color:#509256;
	text-decoration: none;
	letter-spacing: 1px;
	text-indent: 1px;
	padding-top:40px;
}

ul.seminor-category li.navi-fudosan a{
	background:url(images/icon-fudosan.png) no-repeat center top #509256;
	background-size:40px 40px;
	color:#fff;
	border-radius: 4px;
}

ul.seminor-category li.navi-personal a{
	background:url(images/icon-personal.png) no-repeat center top;
	background-size:40px 40px;
}

ul.seminor-category li.navi-open a{
	background:url(images/icon-open.png) no-repeat center top;
	background-size:40px 40px;
}

ul.seminor-category li.navi-workshop a{
	background:url(images/icon-workshop.png) no-repeat center top;
	background-size:40px 40px;
}

.search-category{
	width:100%;
	height:auto;
	display:auto;
	box-sizing: border-box;
	overflow: hidden;
	padding:0;
	margin-bottom:16px;
	text-align: center;
	border:4px solid #509256;
	box-shadow: 0 4px 8px #999;
	border-radius: 8px;
	background:url(images/bg-search.png);
}

.search-category h3{
	font-size:21px;
	text-align: center;
	background:#509256;
	color:#fff;
	margin-bottom:8px;
}

.search-category ul{
	padding:0;
	margin:0;
}

.search-category ul li{
	width:100%;
	height:auto;
	display: block;
}

.search-category ul li a{
	color:#fff;
	font-weight: bold;
}

.search-link{
	width:100%;
	height:auto;
	display:block;
	box-sizing: border-box;
	box-shadow: 0 4px 8px #999;
	border:3px solid #d05a49;
	border-radius: 4px;
	padding:16px;
	margin-botoom:24px;
}

.search-link p{
	font-weight:bold;
	text-align: center;
	color:#d05a49;
}

.search-link p span{
	width:100%;
	height:auto;
	display:block;
	font-size:13px;
	color:#000;
	}


.search-link a{
	width:100%;
	height:auto;
	display:block;
	box-sizing: border-box;
	background:#d05a49;
	border-radius: 4px;
	color:#fff;
	padding:16px 0;
	margin: 0 0 16px 0;
	font-size:18px;
	text-align: center;
	text-decoration: none;
	-webkit-transition: 0.3s ease-in-out;  
	-moz-transition: 0.3s ease-in-out;  
	-o-transition: 0.3s ease-in-out;  
	transition: 0.3s ease-in-out; 
	box-shadow: 0 0 4px #ddd;
	}

.search-link a span{
	font-size:13px;
}

.search-link a:hover{
	background:#7a2b20;
}

dl.newslist{
	font-size:16px;
	margin-bottom:24px;
	padding:0;
}

dl.newslist dd{
	margin-bottom:4px;
	font-size:12px;
}

dl.newslist dd span{
	padding:4px 8px;
	margin:0 4px;
	background:#d05a49;
	border-radius:3px;
	text-decoration: none;
	color:#fff;
}

dl.newslist dt{
	padding-bottom:16px;
	margin-bottom:16px;
	border-bottom:1px solid #ccc;
	line-height:1.5;
}
	
/* 	HOME */
#first{
	background: #fff;
}

#first h2{
	font-size: 15px;
	font-weight: bold;
	color: #d05a49;
	letter-spacing: 2px;
	text-align: center;
	margin-bottom: 24px;
}

#second h2,#third h2,p.header-first{
	font-size: 21px;
	font-weight: bold;
	color: #d05a49;
	letter-spacing: 2px;
	text-align: center;
	margin-bottom: 24px;
}

#second h2,#third h2,p.header-first{
	padding:40px 0 0 0;
	background:url(images/header-illust_red.png) no-repeat center top;
	background:32px auto;
}
#second h2,#third h2,p.header-first2{
	font-size: 21px;
	font-weight: bold;
	color: #d05a49;
	letter-spacing: 2px;
	text-align: center;
	margin-bottom: 24px;
}
#second h2,#third h2,p.header-first2{
	background:32px auto;
}

#first h2 span{
	width:auto;
	height:auto;
	display: block;
	background:#d05a49;
	color:#fff;
	padding:0 8px;
	margin-bottom:24px;
}

#first .iteminfo p,#second .iteminfo p,#third .iteminfo p{
	font-size:13px;
	line-height:1.3;
}

p.itemprice{
	font-size:18px;
	font-weight: bold;
	color:#d05a49;
	margin-bottom:4px;
}

#first h3,#second .iteminfo p.feature-title,#third .iteminfo p.feature-title{
	font-size: 16px;
	font-weight: bold;
	color: #509256;
	letter-spacing: 1px;
	line-height:1.75;
	text-align: left;
	padding-bottom:8px;
	margin-bottom: 8px;
	border-bottom:1px dotted #ccc;
}

/* -----add ------ */
#third .itembox03 {
	font-size: 12px;
}

#third .itembox03 h3-2{
	font-size: 16px;
	font-weight: bold;
}

#third .home-works.itembox03 img{
	width:100%;
	height:auto;
	border-radius: 8px;
}

#third .itembox03 img{
	width:100%;
	height:auto;
	border-radius: 8px;
}

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

.home-image{
	width:100%;
	height:auto;
	display:block;
	padding:0 0 0 0;
	background:#c3da4e;
	text-align: center;
	position: relative;
}

.home-image img.header-image-house{
	width:100%;
	max-width:960px;
	height:auto;
	display: none;
	z-index:10;
}

.home-image img.header-image-text{
	width:100%;
	max-width:960px;
	height:auto;
	display: none;
	position: absolute;
	top:0px;
	left:0;
	z-index:9;
}


section.home-seminor{
	width:auto;
	height:auto;
	box-sizing:border-box;
	overflow: hidden;
	padding:16px 0px;
	background-color: #F6F4F0;
	border-bottom:1px solid #ddd;
}

section.home-fudosan{
	width:auto;
	height:auto;
	box-sizing:border-box;
	overflow: hidden;
	padding:16px 0px;
	background-color: #fff;
	border-bottom:1px solid #ddd;
}

section.home-works{
	width:auto;
	height:auto;
	box-sizing:border-box;
	overflow: hidden;
	padding:16px 0px;
	background-color: #ece8e0;
	border-bottom:1px solid #ddd;
}

.home-image img{
	width:100%;
	height:auto;
	display: block;
	margin:0 auto;
	padding:0;
}

.home-image-inner img{
	width:100%;
	height:auto;
	}

.home-bnr img{
	width:100%;
	height:auto;
}

h2.header-kashikoi{
	width:300px;
	height:80.5px;
	display:block;
	background:url(images/header-kashikoi@2x.png) no-repeat;
	background-size:300px 80.5px;
	text-indent:-9999px;
	font-size:20px;
	text-align: center;
	color:#d05a49;
	letter-spacing: 2px;
	margin:-32px auto 24px auto;
}

.wrapper{
	max-width:1024px;
	padding:0 24px;
	margin:0 auto;
}

.wrapper.banner{
	max-width:600px;
	padding:0 24px;
	margin:0 auto 40px auto;
}

.wrapper.works{
	font-size:0;
}

.wrapper.usp{
	font-size:0;
}

#main.home-wrapper{
	width:100%;
	margin:0 auto;
}

section.home-information{
	padding:24px 0;
}

section.home-feature{
	width:auto;
	height:auto;
	box-sizing:border-box;
	overflow: hidden;
	padding:32px 0px;
	background-color: #ece8e0;
	border-bottom:1px solid #ddd;
}

section.home-feature .itembox03{
	width:100%;
	margin:16px 0;
	padding:16px;
	background:#fff;
	border-radius: 8px;
	box-shadow: 0 0 4px #ddd;
	font-weight:bold;
}

section.home-feature .itembox03 img{
	width:100%;
	height:auto;
	border-radius: 8px;
}

.itembox03 p.feature-title,.statement .itembox03 p.feature-title{
	text-align: center;
	color:#d05a49;
	font-weight: bold;
	letter-spacing: 1px;
	text-indent:-1px;
	padding-bottom:4px;
	border-bottom:1px dotted #ccc;
}

.itembox03 p.feature-title a,.statement .itembox03 p.feature-title a{
	text-decoration: none;
}

.wrapper.works .itembox03{
	font-size:14px;
}


section.home-feature .itembox03 p.feature-text,.statement .itembox03 p.feature-text{
	text-align: left;
	font-size:14px;
	line-height:1.5;
}

.googlemaps ifrane{
	width:100%;
	height:auto;
	box-sizing: border-box;
	border:5px solid #fff;
}

.goolemaps a{
	margin-top:16px;
}

/* ENTRY */

header .entry-meta{
	padding:8px 16px;
	font-size:12px;
	border-bottom:1px solid #ccc;
}

h1.entry-title{
	margin-top:0px;
	padding:0 16px 8px 16px;
	color:#d05a49;
}

.entry-meta p.entry-time{
	font-size:13px;
	margin-bottom:0;
}

.contents-index{
	width:100%;
	height:auto;
	display:block;
	overflow: hidden;
	box-sizing: border-box;
}

.entry-content img,.story-content img,.comment-content img, .widget img, img.header-image, .author-avatar img{
	max-width:100%;
	height:auto;
	border-radius: 0px;
	box-shadow: none;
	margin:0 auto;
}

.entry-content{
	overflow: visible;
}

 img.wp-post-image{
 	width:100%;
	height:auto;
	border-radius: 0px;
	box-shadow: none;
	margin:0 auto;
 }

.entry-content p.image-caption{
	max-width: 400px;
	font-size:12px;
	text-align: center;
	line-height:2;
	letter-spacing:0;
}

.entry-content p,.story-content p{
	margin-bottom:24px !important;
}

.page-content.entry-header{
	border-bottom: 2px dotted #dfdcdc;
	margin-bottom:40px;
}

.single-content.entry-header{
	border-bottom: 1px dotted #dfdcdc;
	margin-bottom:40px;
}

.entry-header img.wp-post-image{
	margin:0;
}


.widget-area .widget h3{
	font-size:16px;
	padding-bottom:4px;
	margin-bottom:12px;
	color:#d05a49;
	border-bottom:3px solid #d05a49;
}

.widget-area .widget li{
	font-size:16px;
	border-bottom:1px dotted #999;
}

.widget-area .widget li a,.widget-area .widget li a:visited{
	color:#509256;
}

.widget-area .widget li a:hover{
	color:#79b67e;
}

.single-content .entry-content{
	padding:0 24px 64px 24px;
	margin-bottom:16px;
	border-bottom:1px solid #dfdcdc
}

.page-content .entry-content.,page-content .story-content{
	overflow: hidden;
	padding:0 24px 64px 24px;
	margin-bottom:32px;
	border-bottom:1px solid #dfdcdc
}

nav.nav-single{
	width:auto;
	box-sizing: border-box;
	padding: 0 16px;
	font-size:14px;
}

.entry-back{
	width:90%;
	margin:0 5%;
}

/* PAGE */

.page-content h2{
	height: auto;
	width: 100%;
	color: #000;
	font-size: 21px;
	text-align: center;
	letter-spacing:1px;
	margin: 32px 0 16px 0px;
}

.page-content h2.header-news{
	text-align: left;
	border-bottom:1px dotted #ccc;
	padding:0 0 8px 8px;
	margin-bottom:32px;
}

.page-content h2.header-news span{
	border-bottom:2px solid #d05a49;
	padding:0 4px 15px 4px;
}

.page-content h2.header-message{
	text-align: center;
	color:#d05a49;
	margin-bottom:16px;
	font-size:15px;
}

.page-content p.message{
	font-size:20px;
	font-weight: bold;
	text-align: center;
	margin-bottom:56px !important;
}

 h3.header-middle{
	text-align: left;
	border-bottom:1px dotted #ccc;
	padding:0 0 0px 0;
	margin:0 0 16px 0;
	font-size:20px;
	letter-spacing: 1px;
	color:#d05a49;
}
h3.header-middle span{
	border-bottom:2px solid #d05a49;
	padding:0 4px 8px 4px;
}

.page-content h3{
	width: 100%;
	height:auto;
	border-left: 3px solid #d05a49;
	color: #3b3b3b;
	font-size: 20px;
	letter-spacing:1px;
	margin: 35px 0 20px -24px;
	padding: 7px 0 7px 64px;
}

.page-content h4{
	width:auto;
	height:auto;
	display: block;
	padding:4px 16px 0px 32px;
	margin:0 5% 32px 5%;
	border-bottom:1px solid #d05a49;
	background:url(images/header-illust.png) no-repeat 8px bottom #d05a49;
	background-size:24px auto;
	color:#fff;
	font-size:16px;
	letter-spacing: 1px;
	text-indent: 2px;
	text-align: center;
}

ul.dokuji-list{
	width:90%;
	height:auto;
	display:block;
	box-sizing: border-box;
	overflow: hidden;
	margin:24px 5%;
	padding:16px;
}

ul.dokuji-list li{
	border-bottom:1px dotted #ccc;
	padding-bottom:8px;
	margin:8px 0px;
	}

.page-content dl{
	width:auto;
	height:auto;
	display: block;
	overflow: hidden;
	font-size:16px;
	margin: 0;
}

.page-content dt{
	font-size:14px;
	padding-bottom:2px;
	margin-bottom:2px;
	border-bottom:1px dotted #ccc;
}

.page-content dd{
	font-size:14px;
	padding-bottom:4px;
	margin-bottom:4px;
	border-bottom:2px solid #eee;
}

dl.jisseki dt{
	width:100%;
	height:auto;
	display: block;
	padding-bottom:4px;
	margin-bottom:4px;
	float:left;
	border-bottom:1px dotted #ccc;
}

dl.jisseki dd{
	width:100%;
	height:auto;
	display: block;
	padding-bottom:4px;
	margin-bottom:4px;
	float:left;
	border-bottom:1px dotted #ccc;
}

ul.checklist li{
	font-size:18px;
	font-weight: bold;
	color:#000;
	padding:8px 0 8px 56px;
	margin-bottom:16px;
	background:url(images/icon-checkmark.png) no-repeat left center;
}

ul.checklist li strong{
	color:#d05a49;
	font-weight: bold;
}

ul.checklist li strong span{
	font-size:20px;
	text-decoration: underline;
}

ul.compair li{
	margin:8px 0;
	font-size:16px;
	font-weight: bold;
	text-align: center;
	border-bottom:1px dotted #ccc;
}

h3.facegrey{
	width:100%;
	height:40px;
	padding:40px 0 8px 0px;
	margin: 0 !important;
	border-left:0;
	text-align: center;
	background:url(images/face02.png) no-repeat left center;	
	font-size:16px;
}

.itembox02.poor{
	width:90%;
	margin:0 5% 24px 5%;
	padding:8px 16px;
	border:4px solid #509256;
	border-radius:4px;
}

.itembox02.good{
	width:90%;
	margin:0 5% 24px 5%;
	padding:8px 16px;
	border:4px solid #d05a49;
	border-radius:4px;
}

h3.facegreen{
	width:100%;
	height:40px;
	padding:40px 0 8px 0px;
	margin: 0 !important;
	border-left:0;
	text-align: center;
	background:url(images/face01.png) no-repeat left center;	
	font-size:16px;
}

/* WORKS */
.cases-conteiner h3{
	width:80%;
	font-size:24px;
	text-align: center;
	padding:16px;
	margin:40px auto;
	border-top:2px solid #d05a49;
	border-left:none;
	border-bottom:2px solid #d05a49;
}

.works-comment{
	width:auto;
	height:auto;
	display:block;
	padding:16px;
	margin:0 24px 16px 24px;
	background:#F6F4F0;
	border-radius: 8px;
}

.works-comment h3{
	width:200px;
	padding:4px;
	margin:-36px 0 16px 0;
	font-size:16px;
	font-weight: bold;
	color:#fff;
	text-align: center;
	border:none;
	border-radius: 8px;
	background:#d05a49;
}

.works-comment p,.works-comment dl{
	width:100% !important;
	font-size:14px;
	margin: 0 0 16px 0 !important;
	padding:0 8px;
	text-align: left;
	clear: left;
}

.works-comment dt{
	color:#d05a49;
}

.works-comment dd{
	padding-bottom:8px;
	margin-bottom:8px;
	border-bottom:1px dotted #ccc;
}

/* ESTATE */

.estate-info{
	padding:16px;
	font-size:16px;
	margin-bottom:40px;
}

.estate-info dl{
	margin-bottom:40px;
}

.estate-info dt{
	background:#eee;
	padding:2px 8px;
	margin-bttom:8px;
	font-size: 13px;
}

.estate-info dd{
	margin-bttom:4px;
}

/* STORY */

.story-header{
	width:100%;
	height:auto;
	display:block;
	overflow: hidden;
	margin-bottom:40px;
	padding-top:32px;
}

p.story-num{
	font-size:13px;
	text-align: center;
	margin-bottom:24px !important;
	letter-spacing: 1px;
}

h3.story-title{
	padding:0;
	margin:0 16px 16px 16px;
	border-left:none;
	color:#509256;
}

.story-content h3{
	width: 90%;
	height:auto;
	border-left: none;
	color: #3b3b3b;
	font-size: 20px;
	letter-spacing:1px;
	margin: 16px auto 40px auto;
	padding: 8px 16px;	
	background:#F6F4F0;
	border-bottom:3px solid #d05a49;
	}	
	
#primary p.story-lead{
	font-size:21px;
	font-weight:bold;
	color:#509256;
	letter-spacing:2px;
	text-align: center;
	margin-bottom:24px;
}
	
.story-atogaki{
	width:90%;
	height:auto;
	display:block;
	box-sizing:border-box;
	overflow: hidden;
	padding:16px;
	margin:32px auto;
	border:3px dotted #d05a49;
}

.story-atogaki h3{
	width: 90%;
	height:auto;
	border-left: none;
	color: #3b3b3b;
	font-size: 20px;
	letter-spacing:2px;
	margin: 8px auto 16px auto;
	padding: 7px 0 7px 0px;
	background:none;
	border-bottom:3px dotted #d05a49;
}

.story-atogaki h4{
	width: 90%;
	height:auto;
	border-left: none;
	color: #d05a49;
	font-size: 16px;
	letter-spacing:2px;
	margin: 8px auto 16px auto;
	padding: 4px 8px 4px 16px;
	background:#fff;
	border:1px solid #d05a49;
	border-left:5px solid #d05a49;
}


.story-atogaki p{
	margin-bottom:16px;
}

.information-flame{
	width:100%;
	height:auto;
	display:block;
	box-sizing: border-box;
	padding:0 16px;
	margin:0 auto;
	background:#fff;
	border:3px solid #d05a49;
	border-radius: 8px;
	}
	
.information-flame h3{
	font-size:16px;
	font-weight: bold;
	color:#d05a49;
	padding-bottom:8px;
	border-bottom:1px solid #ddd;
}
	
.story-flame p{
	width:100% !important;
	font-size:14px;
	text-align: left;
	margin-bottom:0 !important;
}

.story-flame{
	width:90%;
	height:auto;
	display:block;
	box-sizing: border-box;
	padding:16px;
	margin:0 auto;
	background:#fff;
	border:3px solid #d05a49;
	border-radius:3px;
	}
	
.story-flame h4{
	font-size:14px;
	letter-spacing: 1px;
	padding-bottom:8px;
	margin:0 0 16px 0;
	border-bottom: 1px solid #d05a49;
	}

.story-flame li{
		font-size:13px;
		margin-bottom:4px;
		border-bottom:1px dotted #ccc;
		}

/* STATEMENT */

p.header-statement{
	padding:40px 0 0 0;
}

/* 独自サービス */

p.header-dokuji{
	width:auto;
	height:auto;
	display: block;
	background:#d05a49;
	color:#fff;
	font-size:24px;
	padding:0 8px;
	margin-bottom:24px;
}

/* STATMENT */

div.flame{
	width:auto;
	height:auto;
	display:block;
	overflow: hidden;
	padding:0 8px 8px 8px;
	margin:0 8px 40px 8px;
	border:4px solid #509256;
	border-radius: 8px;
	font-size:0;
}

div.flame h2{
	color:#509256;
	font-size:20px;
}

div.flame p{
	font-size:16px;
}

h2.question{
	letter-spacing: 0;
}

h2.question span{
	font-size:14px;
	display:block;
	margin-bottom:4px;
}

div.question-image{
	width:90%;
	height:auto;
	display:block;
	box-sizing:border-box;
	padding:0 5%;
	margin:0 auto 16px auto;
}

div.question-image img{
	width:100%;
	height:auto;
}

h3.answer{
	width:90%;
	height:auto;
	box-sizing: border-box;
	padding:16px 8px;
	margin:16px auto 32px auto;
	border:none;
	text-align:center;
	color:#fff;
	background:#509256;
	border-radius:5px;
}

h3.answer span{
	font-size:14px;
	display:block;
	letter-spacing: 0;
	margin-bottom:4px;
}

/* FLOW */

ul.step{
	width:auto;
	max-width:600px;
	height:auto;
	display:block;
	padding:0;
	margin:0 auto 40px auto;
	border:1px solid #d05a49;
}

ul.step li{	
	width:auto;
	height:auto;
	display:block;
	margin:0 0 8px 0;
	padding:8px;
	text-align: center;
	border-bottom:1px dotted #ccc;
	position: relative;
}

ul.step li a{
	text-decoration: none;
}

ul.step li:after{
content: '▼';
border: 1px solid transparent;
display: inline-block;
width: 8px;
height: 8px;
font-size:14px;
color:#d05a49;
position: absolute;
right:50%;
top: 50%;
margin-top:-8px;
}

ul.step li.none:after{
	content:none;
	}

ul.step li span{
	width:100%;
	height:auto;
	display: block;
	background:#d05a49;
	padding:8px 0;
	margin-bottom:12px;
	color:#fff;
	text-align: center;
}

.flow-index{
	width:94%;;
	height:auto;
	display:block;
	overflow:hidden;
	box-sizing: border-box;
	padding:16px 8px;
	margin:0 auto 40px auto;
	border:1px solid #dfdcdc;
	background:#F6F4F0;
	border-radius:5px;
}

ul.flow-primary{
	width:100%;
	height:auto;
	display:block;
	box-sizing: border-box;
	padding:0 8px 8px 8px;
	margin-bottom:16px;
	border-bottom:1px solid #dfdcdc;
}

ul.flow-secondary{
	width:100%;
	height:auto;
	display:block;	
	box-sizing: border-box;
	padding:0 8px;
}

.free{
	width:100%;
	height:auto;
	display:block;
	padding:8px 0;
	margin:0 0 16px 0;
	border-radius:5px;
	background:#509256;
	color:#fff;
	font-size:13px;
	font-weight: bold;
	letter-spacing:2px;
	text-align: center;
	clear:both;
}

.nofree{
	width:100%;
	height:auto;
	display:block;
	padding:8px 0;
	margin:0 0 16px 0;
	border-radius:5px;
	background:#d05a49;
	color:#fff;
	font-size:13px;
	font-weight: bold;
	letter-spacing:2px;
	text-align: center;
	clear:both;
}

ul.flow-primary li span{
	width:30px;
	height:auto;
	display:inline-block;
	padding:8px 0;
	margin-right:16px;
	background:#509256;
	border-radius:5px;
	color:#fff;
	text-align:center;
	line-height:1;
}

ul.flow-secondary span{
	width:30px;
	height:auto;
	display:inline-block;
	padding:8px 0;
	margin-right:16px;
	background:#d05a49;
	border-radius:5px;
	color:#fff;
	text-align:center;
	line-height:1;
}

div.before-contruct h2,div.after-contruct h2{
	width:100%;
	box-sizing: border-box;
	padding:40px 16px 0px 16px;
	margin-bottom:16px;
	border-top:2px dotted #dfdcdc;
	border-bottom:none;
	text-align: left;
	letter-spacing: 2px;
	background:url(images/flow-triangle.png) no-repeat center top;
}

div.before-contruct h2 span{
	width:40px;
	height:auto;
	display:inline-block;
	padding:8px 0;
	margin-right:16px;
	background:#509256;
	border-radius:5px;
	color:#fff;
	text-align:center;
	line-height:1;
	letter-spacing: 0;
}

div.after-contruct h2 span{
	width:40px;
	height:auto;
	display:inline-block;
	padding:8px 0;
	margin-right:16px;
	background:#c31319;
	border-radius:5px;
	color:#fff;
	text-align:center;
	line-height:1;
	letter-spacing: 0;
}

/* COMPANY */
dl.company-info{
	width: 94%;
	height:auto;
	display:block;
	box-sizing: border-box;
	font-size:16px;
	margin:40px auto;
}

.company-info dt{
	box-sizing: border-box;
	padding:4px 16px;
	margin:8px 0;
	background:#d05a49;
	color:#fff;
	text-align: center;
	letter-spacing:1px;
	}
	
.company-info dd{
	box-sizing: border-box;
	padding:4px;
	margin:8px 0;
	}
	
/* CONTACT */
img.ajax-loader{
	width:10px;
	height:auto;
}

div.wpcf7{
	width:90%;
	height:auto;
	overflow: hidden;
	box-sizing:border-box;
	margin:0 auto;
}

div.wpcf7-response-output{
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
	clear: both;
	font-size:16px;	
}

#primary.page-content .wpcf7 p{
	width:100%;
}

input.wpcf7-form-control.wpcf7-text{
	width:95%;
	font-size:16px;
}

input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required{
	width:95%;
	font-size:16px;
	margin-bottom:16px;
}

input.wpcf7-form-control.wpcf7-text.address01{
	width:95%;
	font-size:16px;
	margin-bottom:16px;
}

input.wpcf7-form-control.wpcf7-text.zip01,input.wpcf7-form-control.wpcf7-text.zip02{
	width:30%;
}

textarea.wpcf7-form-control.wpcf7-textarea,span.wpcf7-form-control-wrap.radio-495{
	margin-bottom:16px;
}

textarea.wpcf7-form-control.wpcf7-textarea{
	width:95%;
}

input.wpcf7-form-control.wpcf7-submit{
	width:96%;
	padding:16px 0;
	margin:24px 0;
	font-size:24px;
	letter-spacing:2px;
}

div.contact-tel{
	width:90%;
	margin:24px 5% 32px 5%;
	text-align: center;
}

div.contact-tel img{
	width:100%;
	max-width: 400px;
	height:auto;
}


@media screen and (min-width: 375px){
  h3.footer-logo{
	width:300px;
	height:58.5px;
	background:url(images/logo-large.png) no-repeat;
	background-size:300px auto;
	margin:0 0 24px 0;	  
  }	
}

@media screen and (min-width: 768px) {
	div.top-contact{
		width:362px;
		float:right;
	}

		
	a.contact-tel{
		width:165px;
		height:30px;
	}

	a.contact-form{
		width:165px;
		height:30px;
	}

	#menu,a.menu-btn{
		display:none;
	}

	.header-tel{
		width:208px;
		height:44px;
		display: block;
		padding:20px 0 0 0;
		margin-right:52px;
	}

	.header-tel a{
		width:208px;
		height:44px;
		display: block;
		background: url(images/header-tel@2x.png) no-repeat center;
		background-size:208px 44px;
		text-indent: -9999px;
	}

	.header-mail{
		margin: 8px 24px 0 0;
		display: none;
		}
		
	.header-buy{
		width:160px;
		display: block;
		position: absolute;
		top:40px;
		left:50%;
		margin-left:140px;
	}

	.header-sale{
		width:160px;
		display: block;
		position: absolute;
		top:40px;
		left:50%;
		margin-left:320px;
	}
		
	.header-buy a,.header-sale a{
		width:100%;
		height:auto;
		display:block;
		box-sizing: border-box;
		font-size:12px;
	　font-weight: bold;
		color:#fff;
		text-decoration: none;
		border:1px solid #509256;
		border-radius: 4px;
		background:#509256;
		padding:8px 2px;
		text-align: center;
		letter-spacing: 1px;
		text-indent: 1px;
		-webkit-transition: 0.3s ease-in-out;  
		-moz-transition: 0.3s ease-in-out;  
		-o-transition: 0.3s ease-in-out;  
		transition: 0.3s ease-in-out; 
		box-shadow: 2px 2px 8px #ccc;
	}
	
	.header-buy a:hover,.header-sale a:hover{
		background:#234025;
		border:1px solid #234025;
	}

	.header-buy:hover a,.header-sale:hover a{
		color:#fff;
	}

	.header-facebook{
		display: block;
		margin-top:8px;
	}

	.header-fudosan{
		width:178px;
		height:32px;
		display:block;
		box-sizing: border-box;
		position: absolute;
		margin:0;
		top:8px;
		right:16px;
		background:#509256;
		border-radius:4px;
		box-shadow:1px 1px 2px #234025;
	}

	.header-fudosan:hover{
		background:#234025;
	}

	.header-fudosan a{
		width:153px;
		height:16px;
		display:block;
		padding:8px 12px;
		background:url(images/header-fudosan@2x.png) no-repeat center;
		background-size:153px 16px;
		text-indent:-9999px;
	}

	.itembox02.poor{
		width:40%;
		margin:0 5%;
		padding:8px 16px;
		border:4px solid #509256;
		border-radius:4px;
	}

	.itembox02.good{
		width:40%;
		margin:0 5%;
		padding:8px 16px;
		border:4px solid #d05a49;
		border-radius:4px;
	}

	h1.site-title{
		max-width:300px;
		margin:0;
		float:left;
	}

	h1.site-title a{
		width:300px;
		height:58px;
		background:url(images/logo-large.png) no-repeat;
		background-size:300px 58px;
		margin:7px 0 0 0;
		text-align:left;
	}

	.offerarea{
		width:420px;
		position: static;
		float:right;
	}

	ul.sub-navigation{
		width:auto;
		height:auto;
		display:block;
		position:absolute;
		top:0;
		left:50%;
		margin-left:130px;
	}

	ul.sub-navigation li{
		width:auto;
		height:auto;
		display:inline-block;
		padding:0 16px;
		margin:0;
		border-right:1px dotted #000;
		font-size:13px;	
		}
		
		ul.sub-navigation li a{
			color:#000;
	}


	h2.site-description{
		width:50%;
		height:auto;
		display:block;
		margin-bottom:16px;
		float:left;
		font-size:11px;
		font-weight: normal;
	}

	#masthead.site-header{
		width:100%;
		height:auto;
		display:block;
		box-sizing: border-box;
		overflow: hidden;
		margin:0 auto;
		padding:0;
	}
	
	#test .header-inner{
		width:auto;
		max-width:960px;
		display: block;
		overflow: hidden;
		padding:24px 16px 16px 16px;
		margin:0 auto;
	}
	
	.header-inner{
		width:auto;
		max-width:960px;
		display: block;
		overflow: hidden;
		padding:16px;
		margin:0 auto;
	}

	
	nav#site-navigation.global-navigation{
	display:block;
	overflow: hidden;
	clear: both;
	background:#d05a49;
	border-bottom:2px solid #8e3225;
	}
	
	nav#site-navigation.global-navigation ul{
		width:100%;
		max-width:960px;
		display:block;
		overflow: hidden;
		box-sizing: border-box;
		padding:0;
		margin:0px auto;
		border-left:1px solid #8e3225;;
		border-right:1px solid #8e3225;;
		line-height:0;
		text-align: center;
	}
	
/* 20180529add start */
	nav#site-navigation.global-navigation ul li{
	width:16.3%;
	height:auto;
	display:inline-block;
	overflow: hidden;
	box-sizing: border-box;
	padding:0;
	margin:0 auto;
	text-align: center;
	line-height:1;
	}
/*
	nav#site-navigation.global-navigation ul li.navi-test a{
		background:url(images/navi-test.png) no-repeat center #d05a49;
		background-size: 67px 33px;
		text-indent: -9999px;
	}
		nav#site-navigation.global-navigation ul li.navi-test a:hover{
		background:url(images/navi-test.png) no-repeat center #8e3225;
		background-size: 67px 33px;
		text-indent: -9999px;
	}

	nav#site-navigation.global-navigation ul li{
	width:20%;
	height:auto;
	display:inline-block;
	overflow: hidden;
	box-sizing: border-box;
	padding:0;
	margin:0 auto;
	text-align: center;
	line-height:1;
	}
*/
/* 20180529add End */

	nav#site-navigation.global-navigation ul li a{
		width:100%;
		height:auto;
		float:left;
		box-sizing: border-box;
		background:none;
		padding:20px 16px;
		line-height:1;
	    font-size:12px;
	    letter-spacing: 1px;
	    color:#fff;
	    text-decoration: none;
		-webkit-transition: 0.3s ease-in-out;  
		-moz-transition: 0.3s ease-in-out;  
		-o-transition: 0.3s ease-in-out;  
		transition: 0.3s ease-in-out; 
		border-right:1px solid #8e3225;
		border-bottom:none;
	}
	
	nav#site-navigation.global-navigation ul li:last-child a{
		border-right:none;
	}
	
	nav#site-navigation.global-navigation ul li.navi-statement a{
		background:url(images/navi-statement@2x.png) no-repeat center #d05a49;
		background-size: 134px 35px;
		text-indent: -9999px;
	}
	
	

	nav#site-navigation.global-navigation ul li.navi-works a{
		background:url(images/navi-works.png) no-repeat center #d05a49;
		background-size: 120px 35px;
		text-indent: -9999px;
	}
/*
	nav#site-navigation.global-navigation ul li.navi-works a{
		background:url(images/navi-works@2x.png) no-repeat center #d05a49;
		background-size: 56px 14px;
		text-indent: -9999px;
	}
*/
	nav#site-navigation.global-navigation ul li.navi-flow a{
		background:url(images/navi-flow@2x.png) no-repeat center #d05a49;
		background-size: 97px 15px;
		text-indent: -9999px;
	}
	
	nav#site-navigation.global-navigation ul li.navi-information a{
		background:url(images/navi-information@2x.png) no-repeat center #d05a49;
		background-size: 56px 14px;
		text-indent: -9999px;
	}
	
	nav#site-navigation.global-navigation ul li.navi-blog a{
		background:url(images/navi-blog@2x.png) no-repeat center #d05a49;
		background-size: 98px 15px;
		text-indent: -9999px;
	}
	
	nav#site-navigation.global-navigation ul li.navi-melit a{
		background:url(images/navi-melit@2x.png) no-repeat center #d05a49;
		background-size: 67px 33px;
		text-indent: -9999px;
	}
	
	nav#site-navigation.global-navigation ul li.navi-service a{
		background:url(images/navi-service.png) no-repeat center #d05a49;
		background-size:120px 35px;
		text-indent: -9999px;
	}

	nav#site-navigation.global-navigation ul li.navi-cases a{
		background:url(images/navi-cases@2x.png) no-repeat center #d05a49;
		background-size: 83px 35px;
		text-indent: -9999px;
	}
	
	nav#site-navigation.global-navigation ul li.navi-workflow a{
		background:url(images/navi-workflow@2x.png) no-repeat center #d05a49;
		background-size: 83px 35px;
		text-indent: -9999px;
	}
	
	nav#site-navigation.global-navigation ul li.navi-greeting a{
		background:url(images/navi-greeting@2x.png) no-repeat center #d05a49;
		background-size: 56px 35px;
		text-indent: -9999px;
	}

	nav#site-navigation.global-navigation ul li.navi-statement a:hover{
		background:url(images/navi-statement@2x.png) no-repeat center #8e3225;
		background-size: 134px 35px;
		text-indent: -9999px;
	}
	nav#site-navigation.global-navigation ul li.navi-works a:hover{
		background:url(images/navi-works.png) no-repeat center #8e3225;
		background-size: 120px 35px;
		text-indent: -9999px;
	}
/*	
	nav#site-navigation.global-navigation ul li.navi-works a:hover{
		background:url(images/navi-works@2x.png) no-repeat center #8e3225;
		background-size: 56px 14px;
		text-indent: -9999px;
	}
*/
	nav#site-navigation.global-navigation ul li.navi-flow a:hover{
		background:url(images/navi-flow@2x.png) no-repeat center #8e3225;
		background-size: 97px 15px;
		text-indent: -9999px;
	}
	
	nav#site-navigation.global-navigation ul li.navi-information a:hover{
		background:url(images/navi-information@2x.png) no-repeat center #8e3225;
		background-size: 56px 14px;
		text-indent: -9999px;
	}
	
	nav#site-navigation.global-navigation ul li.navi-blog a:hover{
		background:url(images/navi-blog@2x.png) no-repeat center #8e3225;
		background-size: 98px 15px;
		text-indent: -9999px;
	}
	
		nav#site-navigation.global-navigation ul li.navi-melit a:hover{
		background:url(images/navi-melit@2x.png) no-repeat center #8e3225;
		background-size: 67px 33px;
		text-indent: -9999px;
	}
	
	nav#site-navigation.global-navigation ul li.navi-service a:hover{
		background:url(images/navi-service.png) no-repeat center #8e3225;
		background-size:  120px 35px;
		text-indent: -9999px;
	}

	nav#site-navigation.global-navigation ul li.navi-cases a:hover{
		background:url(images/navi-cases@2x.png) no-repeat center #8e3225;
		background-size: 83px 35px;
		text-indent: -9999px;
	}
	
	nav#site-navigation.global-navigation ul li.navi-workflow a:hover{
		background:url(images/navi-workflow@2x.png) no-repeat center #8e3225;
		background-size: 83px 35px;
		text-indent: -9999px;
	}
	
	nav#site-navigation.global-navigation ul li.navi-greeting a:hover{
		background:url(images/navi-greeting@2x.png) no-repeat center #8e3225;
		background-size: 56px 35px;
		text-indent: -9999px;
	}

	.wrapper{
	padding:0;
	}
	
	#primary.single-content{
		width:70%;
		float:left;
	}
	
	#secondary.widget-area{
		width: 26%;
		float: right;
		padding:0;
	}
	
	#primary.single-content{
	    padding:0;
	}

	.search-category ul li{
		width:30%;
		height:auto;
		display: inline-block;
	}


	#primary.page-content{
	    padding:0 0 40px 0;
	    margin:16px auto 32px auto;
	}

	.footer-access p.site-description{
		text-align: left;
		margin-bottom:0;
	}
		
	.footer-contact p{
		max-width:640px;
		margin:0 auto 40px auto;
		text-align: center;
	}

	.footer-navigation li{
		width:33%;
		display: inline-block;
		box-sizing: border-box;
		border-bottom:0;
		border-right:1px dotted #F6F4F0;
	}

	.footer-navigation li:last-child{
		border:0;
	}

	.footer-navigation li a{
		 width:100%;
		 display:block;
		padding:0 8px;
		  color:#F6F4F0;
		  text-decoration: none;
	  }
	  
	.footer-navigation li a:hover{
		background:#504631;
		color:#F6F4F0;
	}
	  
		
	/* 	ITEMBOX */

	.itembox02{
	width:50%;
	padding:2%;
	margin:0;
	}

	.itembox02-large{
	width:50%;
	padding:0% 1%;
	margin:0;
	}


	.itembox03{
		width:33.1%;
		padding:2%;
		display: inline-block;
		}

	.itembox04{
		width:25%;
		padding:1%;
		margin:0 0 24px 0;
	}

	div.flame .itembox04{
		width:25%;
		padding:1%;
		margin:0 0 24px 0;
	}


	.itembox04-large{
		width:25%;
		padding:1%;
		margin:24px 0;
	}

	.itembox3-1{
		width:31%;
		height:auto;
		display:block;
		float:left;
		margin:0 2% 24px 0;
	}

	.itembox3-2{
		width:66%;
		height:auto;
		display:block;
		float:right;
	}

	.itembox-primary{
		width:65%;
		height:auto;
		display:block;
		box-sizing: border-box;
		float:left;
		margin:0 0 16px 0;
		}
		
	.itembox-secondary{
		width:35%;
		height:auto;
		display:block;
		box-sizing: border-box;
		float:left;
		margin:0 0 16px 0;
		}

	/* ENTRY */

	h1.entry-title{
		padding:0 0px 8px 16px;
	}

	header .entry-meta{
		margin-top:0px;
		padding:0 0 0 16px;
		}
		
		span.nav-previous{
			box-sizing: border-box;
			border-right:1px solid #dfdcdc;
		}
		
		
	/* 	HOME */

	section.home-seminor{
		padding:16px;
	}

	.home-bnr{
		width:332px;
		height:auto;
		display:block;
		position: absolute;
		right:16px;
		margin-top:-64px;
	}

	h2.header-kashikoi{
		width:541.5px;
		height:115.5px;
		display:block;
		background:url(images/header-kashikoi-large@2x.png) no-repeat;
		background-size:541.5px 115.5px;
		position: absolute;
		margin:48px 0 24px 16px;
	}

	#first h2{
		font-size: 21px;
	}

	#first-bnr .header-home-seminor{
		width:427px;
		height:82px;
		display:block;
		margin:24px auto;
		padding:0;
		background:url(images/header-seminor@2x.png) no-repeat center;
		background-size:100%;
		text-indent:-9999px;
	}

	section.home-feature{
		padding:40px 0;
	}

	section.home-information{
		padding:40px 0;
	}

	section.home-feature .itembox03{
		width:31.3%;
		margin:0 1%;
		padding:16px;
		background:#fff;
		border-radius: 8px;
		box-shadow: 0 0 4px #ddd;
	}

	dl.seminorlist{
		width:66%;
		margin-bottom:24px;
		margin-top:176px;
		padding:8px 16px;
		float:left;
	}

	ul.seminor-category{
		width:34%;
		height:auto;
		display:block;
		float:right;
		margin-top:176px;
		border:none;
		padding:0;
		background:none;
	}

	ul.seminor-category li{
		width:100%;
		height:auto;
		display:block;
		margin-bottom:16px;
		text-align: center;
		color:#fff;
		border:none;
	}

	ul.seminor-category li a{
		width:90%;
		height:auto;
		display:block;
		box-sizing: border-box;
		padding:12px 0;
		margin:0 0 0 9%;
		color:#509256;
		font-size:14px;
		border-radius: 4px;
		border:2px solid #ece8e0;
		-webkit-transition: 0.3s ease-in-out;  
		-moz-transition: 0.3s ease-in-out;  
		-o-transition: 0.3s ease-in-out;  
		transition: 0.3s ease-in-out; 	
	}

	ul.seminor-category li a:hover{
		border:2px solid #509256;	
	}

	ul.seminor-category li.navi-fudosan a{
		background:url(images/icon-fudosan.png) no-repeat left  8px center #509256;
		background-size:40px 40px;
	}


	ul.seminor-category li.navi-personal a{
		background:url(images/icon-personal.png) no-repeat left  8px center #fff;
		background-size:40px 40px;
	}

	ul.seminor-category li.navi-open a{
		background:url(images/icon-open.png) no-repeat left  8px center #fff;
		background-size:40px 40px;
	}

	ul.seminor-category li.navi-workshop a{
		background:url(images/icon-workshop.png) no-repeat left  8px center #fff;
		background-size:40px 40px;
	}

	
	/* PAGE */

	#primary.page-content h1{
		font-size:28px;
	}

	.page-content h2.header-message{
		font-size:24px;
	}

	.page-content h2.header-news{
		padding:0 0 8px 40px;
	}

	ul.checklist li strong span{
		font-size:24px;
	}

	/* STATMENT */

	div.flame{
		margin:0 40px 40px 40px;
	}

	p.header-statement{
		padding:80px 0 0 0;
	}


	div.question-image{
		width:70%;
		padding:0 15%;
	}
	
	/* 	FLOW */

	ul.flow-primary{
		width:50%;
		float:left;
		padding:0 16px;
		border-bottom:0;
	}

	ul.flow-secondary{
		width:50%;
		float:left;
		padding:0 16px;
		border-left:1px solid #dfdcdc;
	}

	div.before-contruct,div.after-contruct{
		padding:0 40px 0px 40px;
	}

	div.before-contruct h2,div.after-contruct h2{
		padding:32px 0 0px 0;
	}
	
	/* COMPANY */
	
	
	.company-info dt{
		width:30%;
		float:left;
		border-bottom:1px solid #fafafa;
		padding:8px 24px;
		margin:0;
	}
	
	.company-info dd{
		width:70%;
		float:left;
		border-bottom:1px solid #F6F4F0;
		padding:8px 24px;
		margin:0
	}
	
	p.message span{
		display:block;
	}
	
	dl.jisseki dt{
		width:20%;
	}

	dl.jisseki dd{
		width:80%;
	}
	
	/* 	INFORMATION */
	
	.home-information dl.newslist{
		padding:0 ;
	}
	
	
	dl.newslist{
		padding:0 24px;
	}
		
	/* CONTACTFORM */
	
	#primary.page-content .wpcf7 p{
		width:47%;
		margin:0 1.5%;
		box-sizing: border-box;
		float:left;
	}

	input.wpcf7-form-control.wpcf7-text.name{
		max-width:160px;
	}
	.mfonly{
		display:none;
	}
}

@media screen and (min-width: 960px) {

	/* 	HOME */
	.home-image-inner{
		width:960px;
		height:auto;
		display: block;
		margin:0 auto;
	}
	
	.home-image img.header-image-text{
		left:50%;
		margin-left:-480px;
	}
	
	.header-fudosan{
		position: absolute;
		top:-2px;
		left:50%;
		margin:8px 0 0 302px;
	}

	.home-bnr{
		position: absolute;
		width:420px;
		left:50%;	
		margin:-64px 0 0 88px;
	}
	
	h2.header-kashikoi{
		position: absolute;
		margin:auto 0 24px 16px;
	}
	dl.seminorlist{
		margin-top:144px;
	}
	ul.seminor-category{
		margin-top:144px;
	}
}

	/* KR add */
@media screen and (max-width: 768px){
	.pconly{
		display:none;
	}
}