@charset "UTF-8";
/* 基本のCSS */

/* Typography for Japanese Font */

html[lang="ja"] body,
html[lang="ja"] button,
html[lang="ja"] input,
html[lang="ja"] select,
html[lang="ja"] textarea {
	font-family: "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;
}

html[lang="ja"] h1,
html[lang="ja"] h2,
html[lang="ja"] h3,
html[lang="ja"] h4,
html[lang="ja"] h5,
html[lang="ja"] h6 {
	font-weight: 700;
}

html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

*,
*:before,
*:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}

*:not(html):first-child
{ margin-top: 0; }

*:last-child
{ margin-bottom: 0; }


.alignleft,
.align-left { text-align: left;}
.alignright,
.align-right { text-align: right;}
.aligncenter,
.align-center{ text-align: center; }

img.aligncenter { display: block; margin: 0 auto; }
img.alignright { float: right; margin: 2em;  margin-right: 0; margin-top: 1em;}
img.alignleft { float: left; margin: 2em; margin-left: 0; margin-top: 1em; }

img[class*="wp-image-"],
img[class*="attachment-"] { height: auto; max-width: 100%;}

.clear{ display: block; clear: both; }

/* clearfix */
.clearfix { overflow: hidden; zoom: 1; }
.clearfix:after { content: ""; display: block; clear: both; }

.inner{
	width: 960px;
	margin: 0 auto;
	position: relative;
}
.inner::after
{
	display: block;
	content: '';
	clear: both;
	height: 1px;
	line-height: 1px;
}

.table,
.table-both
{
	display: table;
}

.cell,
.cell-both
{
	display: table-cell;
	vertical-align: top;
}

.table-sp,
.cell-sp{
	display: block;
}


/*注意事項*/
p.att,
div.att
{
	color:#e33;
}

ul.att{
	color:#e33;
	list-style: none;
	padding-left: 0 !important;
}
ul.att li{
	text-indent: -1em !important;
	padding-left: 1em !important;
}
ul.att li:before{
	content:"※";
}

div.notice{
	background: #ddd;
	border-radius: 1em;
	padding: 1.5em 2em;
	margin: 1em 0;
}


/*定義リストをテーブル風にレイアウト*/
dl.dltable{
	overflow: hidden;
	border-bottom: 1px dotted #666;
}
dl.dltable dt,
dl.dltable dd
{
	border-top: 1px dotted #666;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

dl.dltable dt{
	float: left;
	clear: both;
	width: 200px;
	padding: 1em;
	font-weight: 900;
}

dl.dltable dd{
	margin-left: 200px;
	padding: 1em;
}
dl.inner-dl,
dl.inner-dl dt:first-child,
dl.inner-dl dd:nth-child(2)
{
	border: none;
}

img,
img:focus {
	outline: 0;
	border:0;
}

figure img{ vertical-align: top; }


/*--------------------------------------------------------------
リンク
--------------------------------------------------------------*/

a {
	color: #7ebe27;
	text-decoration: none;
}

a:focus {
	outline: 0;
}

a:hover,
a:active {
	color: #a67c52;
	outline: 0;
	outline-width: 0;
}


/*リンクボタン*/
a.btn{
	display: inline-block;
	margin: 1em 0;
	padding: 1em;
	padding-right: 3em;
	border-radius: .5em;
	background: #FFF;
	color: #7ebe27;
	font-weight: 900;
	text-align: center;
	text-decoration: none;
	position: relative;
}
a.btn:hover{
	opacity: .8;
}

a.btn .icon{
	position: absolute;
	top:50%;
	right:15px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

a.btn-apply{
	background: #7ebe27;
	color: #FFF;
	font-size: 120%;
	padding-right: 1em;
	text-align: center;
	width: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}


/*コンテンツ枠でのテーブルスタイル*/
#content table{
	border-bottom: 1px dotted #666;
	width: 100%;
	margin: 1.5em auto;
}
#content table th,
#content table td
{
	border-top: 1px dotted #666;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 1em;
}

#content table th{
	font-weight: 900;
	width: 200px;
	text-align: left;
	vertical-align: middle;
}

#content table.inner-table,
#content table.inner-table tr:first-child th,
#content table.inner-table tr:first-child td
{
	border: none;
}

#content table.inner-table th{
	width: auto;
}


.for-pc { display:block !important; }
.for-sp { display:none !important; }

.br-sp-blank				{ display:inline; }
.br-sp-blank::before	{ content:'　'; }

.br-sp				{ display:inline; }
.br-sp::before	{ content:''; }

.br-pc				{ display:block; }
.br-pc::before	{ display:none; }


/* Media Query */
@media screen and (max-width: 480px) {

.for-pc { display:none !important; }
.for-sp { display:block !important; }
	
.br-pc				{ display:inline; }
.br-pc::before	{ content:''; }

.br-sp				{ display:block; }
.br-sp::before	{ display:none; }

.br-sp-blank				{ display:block; }
.br-sp-blank::before	{ display:none; }

.inner{
	width:90%;
	margin-left:auto;
	margin-right:auto;
}
	
.table,
.cell{
	display: block;
}
	
.table-sp
{
	display: table;
}

.cell-sp{
	display: table-cell;
	vertical-align: top;
}

#content table,
#content table tbody,
#content table tr,
#content table th,
#content table td
{
	display: block;
	width: 100%;
}
#content table th,
#content table td{
	border-top: none;
	
}
#content table th{
	background: #7ebe27;
	color: #fff;
	border-radius: .5em;
	padding: .3em .8em;
	text-align: center;
}
	
#content table td{
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
	
}
#content table td:last-child{
	padding-bottom: 2em;
}
#content table.inner-table tr:last-child td:last-child{
	padding-bottom: 0;
}
	
#content table.inner-table,
#content table.inner-table tbody,
#content table.inner-table tr,
#content table.inner-table th,
#content table.inner-table td
{
	display: block;
	width: 100%;
}
#content table.inner-table th{
	display: inline-block;
	width: auto;
	background: #ddd;
}


}/* EOF Media Query */


/*--------------------------------------------------------------
	フォント
----------------------------------------------------------------*/
@font-face{
	font-family:'Hui';
	src:url('fonts/HuiFontP109.eot');
	src:url('fonts/HuiFontP109.eot?#iefix') format('embedded-opentype'),
	url('fonts/HuiFontP109.woff') format('woff'),
	url('fonts/HuiFontP109.ttf') format('truetype'),
	url('fonts/HuiFontP109.svg#HuiFontP109') format('svg');
}
.hui{font-family:'Hui'; font-size:120%;}


/*--------------------------------------------------------------
	マップ
----------------------------------------------------------------*/

.map-container {
	width: 100%;
	height: 500px;
	border: #ccc solid 1px;
	margin: 1em 0;
}

/* fixes potential theme css conflict */
.map-container img {
   max-width: inherit !important;
}


/*--------------------------------------------------------------
	HTML,BODY
----------------------------------------------------------------*/

html{
	background: #acd674;
}

body{
	background: #fff;
	margin: 0;
	
	-webkit-text-size-adjust:100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
    
    font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo UI","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    font-size: 85%;
	margin: 0;
	padding: 0;
	background: #FFF;
	line-height:1.6;
}


a:hover{
	opacity: .8;
}

/******************************************************************************************************* breadcrumb */

.breadcrumb{
	width: 100%;
	font-size: 90%;
	border-top: 1px solid #CCC;
}
.breadcrumb .inner,
.breadcrumb ul{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 960px;
	margin: 0 auto;
	padding: 1em 0;
	
}
.breadcrumb li { display:inline-block; }
.breadcrumb a { color: #666; text-decoration:none; }
.breadcrumb a:hover { text-decoration:underline; }

.breadcrumb-bottom{
	border-top: 0;
}

@media screen and (max-width: 480px) {
	
	.breadcrumb{
		border-top:0;
	}
	.breadcrumb .inner,
	.breadcrumb ul{
		width: 90%;
	}
	.breadcrumb-bottom{
		display: none;
	}
}

/******************************************************************************************************* navigation */

.pagination{
    margin:2em 0;
    text-align:center;
}
.pagination .screen-reader-text { display:none; }

.pagination .nav-links {}

.nav-links .page-numbers {
	display:inline-block;
	text-decoration:none;
    border-radius:5px;
    padding:5px 10px;
    margin:0 2px;
	color: #736357;
	background: #e5dcd0;
}
.nav-links .page-numbers.current,
.pagination a:hover{
    color: #FFF;
    background-color: #acd674;
}


.nav-links .page-numbers {}
.nav-links .page-numbers.current {}


.next-previous { width:100%; display: table; border-spacing: 15px 0; margin-bottom: 1.5em; box-sizing: border-box;}
.next-previous a { color: #fff; text-decoration: none; font-weight: 900; }
.next-previous .next,
.next-previous .previous
{
	position: relative;
	display:table-cell;
	text-align: center;
	vertical-align: middle;
	width: 50%;
	/*border: 1px solid #CCC;*/
	background: #fcbc58;
	padding: 1em;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	
}
.next-previous .next		{ padding-left: 30px; border-radius: 1em; }
.next-previous .previous	{ padding-right: 30px; border-radius: 1em; }

.next-previous .next-icon,
.next-previous .previous-icon
{
	color: #fff;
	font-size: 150%;
	position: absolute;
	top:50%;
	transform:  translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.next-previous .next-icon{ left: 10px;}
.next-previous .previous-icon{ right: 10px;}



/*--------------------------------------------------------------
	フォームオブジェクト
----------------------------------------------------------------*/

button,
input,
optgroup,
select,
textarea {
	font-family: sans-serif;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

button,
input {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

fieldset {
	border: 1px solid #bbb;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

label {
	/*color: #333;
	display: block;
	font-weight: 800;
	margin-bottom: 0.5em;*/
}

fieldset {
	margin-bottom: 1em;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	/*color: #666;*/
	background: #fff;
	background-color: #f9efe0;
	/*background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));*/
	border: 1px solid #bbb;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	display: inline-block;
	padding: 1em;
	width: 100%;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	/*color: #222;*/
	border-color: #333;
	background-color: #FFF;
}

select {
	border: 1px solid #bbb;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	height: 3em;
	max-width: 100%;
	background-color: #f9efe0;
}
select:focus {
	/*color: #222;*/
	border-color: #333;
	background-color: #FFF;
}

input[type="radio"],
input[type="checkbox"] {
	margin-right: 0.5em;
}

input[type="radio"] + label,
input[type="checkbox"] + label {
	font-weight: 400;
}

a.btn,
button,
input[type="button"],
input[type="submit"] {
	background-color: #fcbc58;
	border: 0;
	-webkit-border-radius: 2px;
	border-radius: .5em;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 120%;
	font-weight: 800;
	line-height: 1;
	padding: 1em 2em;
	text-shadow: none;
	-webkit-transition: background 0.2s;
	transition: background 0.2s;
}

input + button,
input + input[type="button"],
input + input[type="submit"] {
	padding: 0.75em 2em;
}

input[type="submit"].btn-return{
	background: #999;
	margin-left: 2em;
}
input[type="submit"].btn-return{
	background: #999;
	margin-left: 2em;
}


button.secondary,
input[type="reset"],
input[type="button"].secondary,
input[type="reset"].secondary,
input[type="submit"].secondary {
	background-color: #ddd;
	color: #222;
}

button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="submit"].btn-return:hover,
input[type="submit"].btn-return:focus
{
	background: #767676;
}

button.secondary:hover,
button.secondary:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="button"].secondary:hover,
input[type="button"].secondary:focus,
input[type="reset"].secondary:hover,
input[type="reset"].secondary:focus,
input[type="submit"].secondary:hover,
input[type="submit"].secondary:focus
{
	background: #bbb;
}





.mw_wp_form .horizontal-item{
	display: inline-block !important;
	margin-left: 0 !important;
	margin-right: 1em !important;
}

.mw_wp_form .error{
	display: inline-block !important;
	color: #e33 !important;
}

.for_comfirm	{ display: none; }
.mw_wp_form_preview .for_comfirm	{ display: block; }
.mw_wp_form_preview .for_form		{ display: none; }


/* Placeholder text color -- selectors need to be separate to work. */
:placeholder-shown{
	color: #999;
}


::-webkit-input-placeholder {
	color: #999;
}

:-moz-placeholder {
	color: #999;
}

::-moz-placeholder {
	color: #999;
	opacity: 1;
}

:-ms-input-placeholder {
	color: #999;
}


.w100{ width: 100% !important; }
.w90{ width: 90% !important; }
.w80{ width: 80% !important; }
.w75{ width: 75% !important; }
.w70{ width: 70% !important; }
.w60{ width: 60% !important; }
.w50{ width: 50% !important; }
.w40{ width: 40% !important; }
.w30{ width: 30% !important; }
.w25{ width: 25% !important; }
.w20{ width: 20% !important; }
.w10{ width: 10% !important; }

.w10sp{ width: 10% !important; }

.require{}
.require:after{
	display: inline-block;
	margin:0 .5em;
	font-size: 90%;
	font-weight: 900;
	content:"＊必須";
	color: #e33;
}


/* Media Query */
@media screen and (max-width: 480px) {
	
	.w90,
	.w80,
	.w75,
	.w70,
	.w60,
	.w50,
	.w40,
	.w30,
	.w25,
	.w20,
	.w10
	{
		width: 100% !important;
	}
	
	.w10sp{ width: 25% !important; }
}


/*--------------------------------------------------------------
	サイトヘッダー
----------------------------------------------------------------*/

#site-header{
	padding: 15px 0;
}

#site-header .inner{
	display: table;
}
#site-header .inner img{
	vertical-align: bottom;
}
#site-header .inner #site-title,
#site-header .inner #tel,
#site-header .inner #nav-main
{
	display: table-cell;
	vertical-align: bottom;
}

#site-header .inner #site-title a{
	display: block;
}

#site-title h1{
	margin: 0;
}

#site-header .inner #nav-main ul{
	list-style: none;
	margin: 0;
	padding: 0;
	width:420px;
}

#site-header .inner #nav-main ul li{
	float: left;
	width: 140px;
	height: 40px;
}

#site-header .inner #nav-main ul li a{
	display: block;
	width: 140px;
	height: 40px;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	background:url(images/sprite-nav-header2.png) no-repeat 0 0;
}

#site-header .inner #nav-main ul li.nav-main-properties a{		background-position: 0 0; }
#site-header .inner #nav-main ul li.nav-main-works a{			background-position: -140px 0; }
#site-header .inner #nav-main ul li.nav-main-event a{			background-position: -280px 0; }
#site-header .inner #nav-main ul li.nav-main-contact-reform a{	background-position: 0 -40px; }
#site-header .inner #nav-main ul li.nav-main-faq a{				background-position: -140px -40px; }
#site-header .inner #nav-main ul li.nav-main-company-info a{		background-position: -280px -40px; }
#site-header .inner #nav-main ul li.nav-main-topics a{		background-position: -420px 0px; }

#nav-main-sp{ display: none; }

#nav-main-sp ul{
	list-style:none;
	margin: 0;
	padding: 0;
}
#nav-main-sp li{
	border-top:1px solid #FFF;
}
#nav-main-sp li a{
	width:100%;
	display:block;
	color: #FFF;
	background:#acd674;
	text-align:center;
	line-height: 40px;
	text-decoration: none;
}


#btn-sp-menu{
	display: none;
	background: url(images/sprite-menu-sp.png);
	width: 40px;
	height: 35px;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	position: absolute;
	top:5px;
	right: 15px;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}

/* Media Query */
@media screen and (max-width: 480px) {
	
	#site-header{ border-bottom: 1px solid #ccc; }
	
	#site-header .inner,
	#site-header .inner #site-title,
	#site-header .inner #tel
	{
		display: block;
		text-align: center !important;
		width: 100%;
	}
	#site-header .inner #tel img{
		display: block;
		margin: 0 auto;
	}
	
	#site-header .inner #nav-main{ display: none; }
	#btn-sp-menu{ display: block; }
}

/*--------------------------------------------------------------
	サイトフッター
----------------------------------------------------------------*/

#site-footer{
	background: #acd674;
	position: relative;
}

#site-footer a.btn-go-pagetop{
	position: absolute;
	top:-130px;
	right:25px;
	z-index: 100;
}

#site-footer,
#site-footer a
{
	color: #fff;
}

#site-footer dl,
#site-footer dt,
#site-footer dd{
	margin: 0;
	padding: 0;
}


#site-footer address
{
	font-style: normal;
	margin: 0;
}

#nav-site-footer,
#site-footer-address
{
	width: 960px;
	margin: 0 auto;
	
}

#nav-site-footer ul{
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 100%;
}




ul#nav-site-footer-ul{
	width:100%;
	display: table;
	padding: 2em 0;
}

ul#nav-site-footer-ul li.parent{
	display: table-cell;
	width: 25%;
	font-weight: 900;
}

ul#nav-site-footer-ul ul.sub-menu{
	font-weight: normal !important;
	padding: .5em 0;
}


#site-footer-contact{
	overflow: hidden;
}

#site-footer-company-name{
	float: left;
	width:400px;
}

#site-footer-company-name .site-footer-logo{
	display: inline-block;
	width: 185px;
	margin:0 10px 0 0;
	padding: 0;
}

#nav-site-footer-contact{
	float: right;
	width:550px;
}

#nav-site-footer-contact ul{
	list-style: none;
	margin: 0;
	padding: 5px 0 0;
	display: table;
	width: 100%;
}
#nav-site-footer-contact ul li{
	display: table-cell;
	width: 25%;
}
#nav-site-footer-contact ul li a{
	
	display: block;
	padding: .3em 0;
	width: 95%;
	margin: 0 auto;
	border-radius: 2em;
	background: #fff;
	color: #998675;
	font-weight: 900;
	font-size: 12px;
	text-align: center;
	text-decoration: none;
}

#site-footer-company-address{
	text-align: center;
	padding: 0 0 1.5em;
}

#site-footer-company-address address{
	display: inline;
	font-size: 90%;
}

#site-footer-company-address small{
	display: inline;
	padding-left: 1.5em;
	font-size: 90%;
}


/*---------------
	サイトフッター（固定）
*/

.sticky{
	position: fixed;
	bottom:0;
	left:0;
	z-index: 100;
	width: 100% !important;
	background: #acd674;
	padding: 10px 0 5px;
}


/* Media Query */
@media screen and (max-width: 480px) {
	
	#site-footer a.btn-go-pagetop{
		position: absolute;
		top:-100px;
		right:50%;
		margin-right: -65px;
	}
	
	#nav-site-footer{
		display: none;
	}
	#site-footer-address{
		width: 100%;
	}
	
	#site-footer-address,
	#site-footer-company-name,
	#nav-site-footer-contact{
		float: none;
		width:100%;
		text-align: center;
	}
	
	#nav-site-footer-contact ul{
		display: block;
		width: 100%;
		padding: 1em 0;
	}
	#nav-site-footer-contact ul li{
		display: block;
		width: 50%;
		margin: 5px auto;
	}
	#nav-site-footer-contact ul li a{
		font-size: 100%;
	}
	
	#site-footer-company-name .site-footer-logo{
		display: block;
		width: 185px;
		margin:0 auto;
		padding: 0;
	}
	
	#site-footer-company-address address,
	#site-footer-company-address small
	{
		display: block;
		margin: 0;
		padding: 0;
	}
	
}

/*--------------------------------------------------------------
	コンテンツ
----------------------------------------------------------------*/

#container{
	padding: 30px 0 100px;
}

/* Media Query */
@media screen and (max-width: 480px) {
	#container{
		padding-bottom: 120px;
	}
}

#container ul,
#container ol{
	padding-left: 2em;
}

.content-header{
	color: #736357;
	text-align: center;
	margin-bottom: 3em;
}

.content-header h1{ font-size: 100%;}

.content-header span.en,
.content-header span.ja { display: block; }

.content-header span.en{ font-family:'Hui'; font-weight: 900; font-size:280%; line-height: 1.1; margin-bottom: .3em;}
.content-header span.ja{ font-weight: 900; font-size:120%; }


.content-footer{
	text-align: center;
	margin: 50px 0 0;
}

.content-footer a.btn{
	background: #e5dbd0;
	color: #736357;
}

@media screen and (max-width: 480px) {
	
	.content-header{ margin-bottom: 1em; }
	.content-footer{ margin: 25px 0; }
	
}


/*--------------------------------------------------------------
	固定ページ　.page
----------------------------------------------------------------*/

.page:not(.home) .entry-title{
	color: #998675;
	font-size: 160%;
}

.page:not(.home) section{
	overflow: hidden;
}

.page:not(.home) h2{
	color: #534741;
	border-left:5px solid #998675;
	font-size: 140%;
	padding: .1em 0 .1em .5em;
	margin: 2em 0 1em;
}


/*--------------------------------------------------------------
	フロントページ　.home
----------------------------------------------------------------*/

.home{
	color: #736357;
}

.home .section{
	margin: 30px 0;
	border-top: 1px solid #ccc;
	padding: 30px 0;
}

.home .section img:not(.noflex){
	width: 100%;
	height: auto;
}

.home section#index-concept{
	border-top: 0;
}

.home section#index-customer{
	border-top: 0;
	padding-bottom: 80px;
	margin-bottom: 0;
}


.home section#index-concept .cell,
.home section#index-customer .cell
{
	vertical-align: middle;
}
.home section#index-concept .left-cell,
.home section#index-customer .left-cell
{
	padding-right: 50px;
}

.home section#index-staff{
	border-top: 0;
	border-bottom: 1px solid #ccc;
	margin-top: 0;
}

.home section#index-topics{
	border-top: 0;
}

.home .content-header .title{
	display: inline-block;
	font-size: 100%;
	text-align: left;
	background-repeat: no-repeat;
	background-position: 10px 50%;
}

.no-icon .title{ text-align: center !important; }

.works-header .title{ background-image: url( images/home-works-icon.png); padding-left: 110px; }

.properties-header .title{ background-image: url(images/home-properties-icon.png); padding-left: 95px; }


/* Media Query */
@media screen and (max-width: 480px) {

	.properties-header .title span.en{ letter-spacing: -0.1em;}
	
}


/* ----------------------------------------
	フロントページ ＞ スライドショー
*/

#main-banner{
	margin-bottom: 50px;
	width: 100%;
	position: relative;
}
#main-banner figure{
	margin: 0;
	padding: 0;
	position:absolute;
	top:0;
	left:0;
}
#main-banner figure img{
	border-radius: 10px;
	width: 100%;
	height: auto;
}
#main-banner figure figcaption{
	border-radius: 0 0 10px 10px;
	margin: 0;
	padding: 15px;
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	background-color: rgba(0,0,0,.5);
	color: #fff;
	text-shadow: 3px 3px 3px rgba(0,0,0,.7);
}

#main-banner figure figcaption h3{
	margin-bottom: .5em;
}


.home .slick-arrow {
    z-index: 100;
}


/*フェードタイプのArrow表示*/
.fade .slick-prev,
.fade .slick-next
{
	
	width: 70px;
	height: 100%;
	text-align: center;
	color: #736357;
}

.fade .slick-prev{left: 0px;}
.fade .slick-next{right: 0px;}

.fade .slick-prev .fa,
.fade .slick-next .fa
{
	width: 50px;
	height: 50px;
	line-height: 50px;
	border-radius: 25px;
	font-size: 30px;
	display: block;
	position: absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	background:rgba(76,60,49,0.80);
	color:#fff;
}


/* Media Query */
@media screen and (max-width: 480px) {
	
	#main-banner figure figcaption{
		padding: 10px 25px;
		font-size: 90%;
	}
	
	.fade .slick-prev{left: -20px;}
	.fade .slick-next{right: -20px;}
	
	.fade .slick-prev .fa,
	.fade .slick-next .fa
	{
		width: 30px;
		height: 30px;
		line-height: 30px;
		border-radius: 15px;
		font-size: 20px;
		
	}
	
}

/*カルーセルタイプのArrow表示*/
.carousel .slick-prev,
.carousel .slick-next
{
	background:rgba(255,255,255,.8);
	width: 100px;
	height: 100%;
	text-align: center;
	color: #736357;
}

.carousel .slick-prev{left: 0px;}
.carousel .slick-next{right: 0px;}

.carousel .slick-prev .fa,
.carousel .slick-next .fa
{
	font-size: 30px;
	display: block;
	position: absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
}

/* ----------------------------------------
	フロントページ ＞ バナー
*/
#index-banner {
	padding: 30px 0 0;
}
#index-banner .inner{
	max-width: 960px;
	margin: 0 auto;
}
@media screen and (max-width: 480px) {
	#index-banner {
		padding-bottom: 15px;
	}
	#index-banner .inner{
		max-width: 100%;
		margin: 0 auto;
	}
}

/* ----------------------------------------
	フロントページ ＞ コンセプト
*/

#index-concept figure img{ border-radius: 10px; }



/* ----------------------------------------
	フロントページ ＞ 「施工例」
*/

.home section#index-properties .content-articles,
.home section#index-works .content-articles
{
	/*overflow: hidden;*/
}
.home section#index-properties .content-articles article,
.home section#index-works .content-articles article
{
	/*float: left;
	width: 320px;*/
	border-left: 1px solid #fff;
	background: #e6e6d9;
}

.home section#index-properties .content-articles article:nth-child(3n+1),
.home section#index-works .content-articles article:nth-child(3n+1)
{
	/*clear: both;*/
}

.home section#index-properties .content-articles article a,
.home section#index-works .content-articles article a
{
	display: block;
	width: 100%;
	color: #534741;
	font-weight: 900;
}

.home section#index-properties .content-articles article figure,
.home section#index-works .content-articles article figure
{
	padding: 0;
	margin: 0;
}
.home section#index-properties .content-articles article figure img,
.home section#index-works .content-articles article figure img
{
	vertical-align: top;
}
.home section#index-properties .content-articles .article-content,
.home section#index-works .content-articles .article-content
{
	padding: 10px;
	/*font-size: 80%;*/
	white-space: nowrap;
	overflow: hidden;
}
.home section#index-properties .content-articles .article-content .title{
	margin-bottom: .2em !important;
	font-size: 100%;
}
.home section#index-properties .content-articles .article-content .term-item{
	font-size: 90%;
	font-weight: normal;
}




/* ----------------------------------------
	フロントページ ＞ 「お客様の声」
*/

.customer-header{
	/*text-align: left;*/
}

.customer-header .title			{ background-image: url(images/home-voice-icon.png); padding-left: 90px !important; }
.customer-header .description	{ /*text-align: left;*/ }
.customer-header figure{
	background: #fff;
	padding: 10px;
	border-radius: 10px;
	box-shadow: 5px 5px 5px 5px rgba(0,0,0,.3);
	transform: rotate(-3deg);
}
.customer-header figure img{ vertical-align: top; }



.home section#index-customer .content-articles{
	overflow: hidden;
}
.home section#index-customer .content-articles article{
	float: left;
	width: 220px;
	min-height: 220px;
	margin: 10px !important;
	
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.home section#index-customer .content-articles article a{
	display: block;
	/*
	background: #fff;
	border-radius: 110px;
	*/
	width: 220px;
	min-height: 220px;
	
	text-align: center;
	position: relative;
	color: #534741;
	font-weight: 900;
}

.home section#index-customer .content-articles article a span{
	display: block;
	position: absolute;
	top:50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 165px;
	
}

.home section#index-customer .fuki1{ background-image: url(images/home-voice-fuki-1.png); }
.home section#index-customer .fuki2{ background-image: url(images/home-voice-fuki-2.png); }
.home section#index-customer .fuki3{ background-image: url(images/home-voice-fuki-3.png); }




/* ----------------------------------------
	フロントページ ＞ 「トピックス」「ブログ」
*/

#index-topics a{ color: #534741; }
#index-topics time.date { display: block; font-size: 90%; }

.inbox{
	background: url(images/bg-paper.png) 50% 0;
	color: #736357;
	padding: 15px;
	border-radius: 10px;
}

.list-topics{
	list-style: none;
	padding: 10px !important;
	margin: 0;
}
.list-topics li a { 
	width: 100%;
	border-bottom: 1px dotted rgba(0,0,0,.5);
	padding: 12px 0;
}
.list-topics li:last-child a {
	border: 0;
}
.list-topics li .cell{
	padding: 5px;
	vertical-align: middle;
}
.list-topics li .term{
	width: 80px;
	padding-right: 10px;
}
.list-topics li .term span{
	display: inline-block;
	width: 100%;
	text-align: center;
	background: #666;
	color: #fff;
	padding: .2em .5em;
	border-radius: 5px;
}

.topic-post,
.topic-information	.term span { background: #ff839c !important; }
.topic-event		.term span { background: #CED348 !important; }
.topic-property		.term span { background: #8cc63f !important; }
.topic-staffblog	.term span { background: #77C8E4 !important; }
.topic-properties	.term span { background: #f5ac48 !important; }
.topic-works		.term span { background: #8cc63f !important; }

.topic-content h3{
	margin-bottom: .3em;
	font-size: 100%;
}

.entry-thumbnail img{
	width: 100%;
	height: auto;
	vertical-align: top;
}

#index-event{ 
	width: 560px;
	padding-right: 40px;
}
#index-event .content-header{ margin-bottom: 10px; }

#index-blog .inbox{
	margin-bottom: 15px;
}

#index-blog article { text-align: left; }
#index-blog .blog-title { font-size: 180%; }
#index-blog .entry-body { padding-left: 15px; }
#index-blog .entry-title { font-size: 120%; margin-bottom: .3em; }
#index-blog time.date { margin-bottom: 1em; }
#index-blog .entry-content { font-size: 90%; }
#index-blog figure{ width: 120px; }


/* Media Query */
@media screen and (max-width: 480px) {
	
	#index-event{ width: 100%; padding-right: 0; margin-bottom: 30px; }
	
	#index-concept{ text-align: center; }
	#index-concept figure { margin: 20px 0; }
	
	#main-banner{ margin-bottom: 20px; }
	
	#index-banner{ text-align: center; }
	
	.home .section{
	margin: 15px 0;
	padding: 15px 0;
	}
	
	.home section#index-customer{
	padding-bottom: 25px;
	}
	
	#index-customer .customer-header,
	#index-customer .customer-header .description { text-align: center; margin-bottom: 0; }
	#index-customer .customer-header figure{ display: none; }
	
	.home section#index-concept .left-cell,
	.home section#index-customer .left-cell
	{
		padding-right: 0;
	}
	
	.home .slick-prev,
	.home .slick-next
	{
	width: 50px;
	}
	
	.home section#index-customer .content-articles article{
		width: 50%;
		min-height: 170px;
		margin: 10px 0 !important;
		background-size: contain;
	}

	.home section#index-customer .content-articles article a{
	
		width: 100%;
		min-height: 170px;
	}
	
	.home section#index-customer .content-articles article a span{
		width: 130px;
	
	}
	
}/* Media Query */


/*--------------------------------------------------------------
	お問い合わせ　.contact
----------------------------------------------------------------*/

.notice{
	margin: 2em auto;
	padding: 1em;
	color: #333;
	background: #eee;
	border-radius: 1em;
}

.contact-tel{
	width: 100%;
	border: 1px dotted #999;
	border-left: 0;
	border-right: 0;
	padding: 1em 0;
	font-style: normal;
	font-size: 170%;
	font-weight: 900;
	color: #998675;
	
	text-align: center;
}

.contact-tel .contact-tel-inner{
	display: table;
	margin: 0 auto;
}

.contact-tel .title{ padding-right: 1em; display: table-cell;vertical-align: middle;}

.contact-tel a[href^='tel'],
.contact-tel span[data-action='call']
{
	display: table-cell;vertical-align: middle;
	color: #7ebe27;
	font-size: 150%;
	font-weight: 500;
	font-family: Futura, Century Gothic, Arial, Helvetica, "sans-serif";
	line-height: 1;
	text-decoration: none !important;
}

.contact-tel .time{
	display: table-cell;
	vertical-align: middle;
	font-size: 80%;
	font-weight: 500;
	padding-left: 1em;
}


/* Media Query */
@media screen and (max-width: 480px) {
	.contact-tel .contact-tel-inner,
	.contact-tel .title,
	.contact-tel a[href^='tel'],
	.contact-tel .time
	{
		display: block;
	}
	
	.contact-tel .title,
	.contact-tel a[href^='tel'],
	.contact-tel .time
	{
		padding: .3em 0;
		text-align: center;
		display: block;
	}
	
	.contact-tel span[data-action='call']
	{
		display: block;
		margin: 0 auto;
	}
	
}


/*--------------------------------------------------------------
	会社情報　.page-company-info
----------------------------------------------------------------*/

.page-company-info { color: #534741; }

.page-company-info section{ margin-bottom: 25px;}

.greetings .greetings-content{
	float: left;
	width: 60%;
	padding-right: 50px;
}
.greetings .president-photo{
	margin: 0;
	padding: 0;
	
	
	float: right;
	width: 40%;
}

.access .access-content{
	float: right;
	width: 60%;
	padding-left: 30px;
}
.access .company-photo{
	margin: 0;
	padding: 0;
	
	
	float: left;
	width: 40%;
}

.greetings .president-photo img,
.access .company-photo img
{
	width:100%;
	height: auto;
}

.company-profile table p:first-child{ margin-top: 0; }
.company-profile table p:last-child{ margin-bottom: 0; }

/* Media Query */
@media screen and (max-width: 480px) {
	
	.greetings .greetings-content,
	.greetings .president-photo,
	.access .access-content,
	.access .company-photo
	{
		float: none;
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
	
	.greetings .greetings-content,
	.access .access-content
	{ margin-bottom: 20px;}
}



/*--------------------------------------------------------------
	家づくり（コンセプト）　.concept
----------------------------------------------------------------*/

.page-concept {}

.page-concept .item-process{
	border: 2px solid #f7c074;
	border-radius: 15px;
	padding: 15px;
	width: 280px;
	margin: 60px 20px !important;
	float: left;
	position: relative;
}
.page-concept .item-process::after{
	display: block;
	content: "";
	width: 40px;
	height: 120px;
	background: url(images/bg-process-dots.png) no-repeat 50% 50%;
	position: absolute;
	top:50%;
	right: -40px;
	margin-top: -60px;
}
.page-concept .item-process:nth-child(3n)::after{
	width: 680px;
	top:auto;
	bottom:-120px;
	right: 130px;
}
.page-concept .item-process:last-child::after{
	display: none;
}

.page-concept .item-process .item-inner{
	
}

.page-concept .item-process .item-header{
	border-radius: 10px;
	background: #acd674;
	color: #fff;
	padding: 10px;
	text-align: center;
	margin-bottom: 10px;
}
.page-concept .item-process .item-header figure,
.page-concept .item-process .item-header h3{
	margin: 0;
}
.page-concept .item-process .item-content p:last-child{
	margin-bottom: 0;
}


/* Media Query */
@media screen and (max-width: 480px) {
	.page-concept .item-process{
		width: 100%;
		float: none;
		margin: 30px 0 !important;
	}
	.page-concept .item-process::after{
		width: 30px;
		height: 30px;
		background-position: 20px bottom;
		top:auto;
		right: auto;
		bottom:-32px;
		margin-top: -15px;
		margin-left: -15px;
		left:50%;
	}
	.page-concept .item-process:nth-child(3n)::after{
		width: 40px;
		top:auto;
		bottom:-32px;
		right: auto;
		left:50%;
	}
}



/*--------------------------------------------------------------
	コンテンツ「投稿」 .post
----------------------------------------------------------------*/

.post{
	color:#534741;
	/*color:#998675;*/
}

.more-link{
	display: block;
	width: auto;
	margin: 1em 0;
}


.post #container
{
	/*background: #dbe7ff;
	padding: 0 0 15px;
	min-width: 960px;*/
}



.post #container .inner
{
	/*padding: 0 25px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;*/
}

.post .content-header{/*
	margin: 0 auto;
	width: 910px;
	padding: 10px 25px 30px;*/
}
.post .content-header .inner{
	padding: 0 !important;
}

.post #content,
.post #content article
{
	width: 680px !important;
}

.error404 #content,
.error404 #content article
{
	width: 960px !important;
	margin: 0 auto !important;
	border: 0 !important;
}

.post #content article
{
	background: #FFF;
	margin: 3em 0;
	padding: 18px;
	border-radius: 1em;
	border: 1px solid #CCC;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.post #content article:first-child{ margin-top: 0; }
.post #content article:last-child{ margin-bottom: 0; }

.post #content article .article-title
{
	font-size: 160%;
	color: #534741;
	margin: 0;
}
/*.single #content article .article-title{ margin-bottom: 0;}*/

.post #content article .article-categories{
	margin-bottom: 30px;
}

.post #content article .article-categories,
.post #content article .article-categories a
{
	color: #666;
}
.post #content article .article-categories ul{
	display: inline;
	vertical-align: middle;
	font-size: 90%;
	margin: .5em 0 2em;
	padding: 0;
	list-style: none;
}
.post #content article .article-categories ul li{
	display: inline-block;
	margin-left: .5em;
}

.post #content article .date{
	color: #666;
}

.post #content article figure
{
	padding: 0;
	margin: 0;
	text-align: center;
}

.post #content article ul,
.post #content article ol
{
	padding-left: 1.5em;
	margin-top: 0;
	margin-bottom: 1em;
}
.post #content article ul:last-child,
.post #content article ol:last-child
{
	margin-bottom: 0;
}

.post #content img
{
	max-width: 640px;
	height: auto;
}


.post #aside
{
	padding: 0 15px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.post #aside .aside-item .item-title
{
	font-size: 120%;
	background: #7ebe27;
	color: #FFF;
	border-radius: 2em;
	padding: .2em .5em;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	margin-top: 0;
	margin-bottom: .5em;
}

.post #aside .aside-item
{
	margin: 2.5em 0;
}
.post #aside .aside-item:first-child
{
	margin-top: 0;
}
.post #aside .aside-item:last-child
{
	margin-bottom: 0;
}

.post #aside .aside-item ul
{
	list-style: none;
	margin: 0;
	padding: 0 0 0 .5em;
}
.post #aside .aside-item ul li
{
	border-bottom: 1px dotted rgba(0,0,0,0.50);
}
.post #aside .aside-item ul li a
{
	text-decoration: none;
	color: #534741;
	display: block;
	padding: .5em 0;
}
.post #aside .aside-item ul a:hover
{
	text-decoration: underline;
}

.post #aside .aside-item ul li.banner{
	border:0;
}
.post #aside .aside-item ul li.banner a{
	padding: 1.5em 0 0;
	
}

.post #aside .aside-item ul li.banner img{
	width: 100%;
	height: auto;
}





/* Media Query */
@media screen and (max-width: 480px) {
	.post #content,
	.post #content article
	{
		width: 100% !important;
	}
	
	.post #content img
	{
		max-width: 100%;
		width: 100%;
		height: auto;
	}
	
	.post #aside{ padding: 0; margin-top: 30px; }
}



/* ----------------------------------------
	コンテンツ「投稿」アーカイブページ
*/



/* ----------------------------------------
	コンテンツ「投稿」シングルページ
*/



/*--------------------------------------------------------------
	コンテンツ「物件情報」 .properties
----------------------------------------------------------------*/

.noentry{ padding: 3em; text-align: center; }

.properties{ color: #534741; }

.archive .property-title{
	font-size: 110% !important;
	margin: 0;
}

.single .property-title{
	font-size: 150%;
	margin: 0;
}

.mk-new{
	display: block;
	width: 50px;
	height: 50px;
	position: absolute;
	top:0;
	left:20px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background:#F14A4D url(images/icon-new.png) no-repeat 50% 50% / contain;
	border-radius: 25px;
	margin: -25px 0 0 -25px !important;
}


/* ----------------------------------------
	コンテンツ「物件情報」アーカイブページ
*/


.properties .nav-properties-item{
	border-bottom: 5px solid #acd674;
	margin: 2em 0;
}

.properties .nav-properties-item ul{
	list-style: none;
	display: table;
	margin: 0 auto;
	border-spacing: 10px 0;
	border-collapse: separate;
	padding-left: 0 !important;
}
.properties .nav-properties-item ul li{
	display: table-cell;
	width: 150px;
	text-align: center;
	font-weight: 900;
}

.properties .nav-properties-item ul li a{
	
	display: block;
	width: 100%;
	padding: 1em .5em;
	background: #e5dcd0;
	color: #736357;
	border-radius: 10px 10px 0 0;
}

.properties .nav-properties-item ul li a:hover,
.properties .nav-properties-item ul li.current-menu-item a
{
	background: #acd674;
	color: #fff;
	opacity: 1 !important;
}

.article-container{
	padding-top: 20px;
}

.article-container::after
{
	display: block;
	content: '';
	clear: both;
	height: 1px;
	line-height: 1px;
}

.article-container article{
	width: 33%;
	padding: 15px;
	float: left;
	position: relative;
	margin-bottom: 60px;
}
.article-container article:last-child{
	margin-bottom: 60px !important;
}
.article-container article:nth-child(3n+1)::after{
	display: block;
	width: 960px;
	content:'';
	border-top:1px dotted #666;
	position: absolute;
	bottom:-20px;
	left:0;
}

.article-container article a{
	position: relative;
	display: block;
	
	color: #534741;
	
}
.article-container article figure{
	margin: 0 0 .5em;
	padding: 0;
}
.article-container article figure img{
	width: 100%;
	height: auto;
}


/* ----------------------------------------
	コンテンツ「物件情報」シングルページ
*/

.properties h2{
	color: #534741;
	border-left:5px solid #998675;
	font-size: 140%;
	padding: .1em 0 .1em .5em;
	margin: 2em 0 1em;
}
.properties h2:first-child{ margin-top: 0; }

.property-header,
.property-description
{ margin: 2em 0; 
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}

.single-properties .slick-track{
	display:flex;
}

.property-header::after,
.property-description::after
{
	display: block;
	content: '';
	clear: both;
	height: 1px;
	line-height: 1px;
}

.property-header #intro,
.property-header #photos,
.property-description #geographies,
.property-description #description
{
	/*width: 50%;*/
}

.property-header #photos figure,
.property-description #geographies figure
{
	margin: 20px 0;
	padding: 0;
}

.property-header #photos figure:first-child,
.property-description #geographies figure:first-child{
	margin-top:0;
}

.property-header #photos figure:last-child,
.property-description #geographies figure:last-child{
	margin-bottom:0;
}

.property-description #geographies figure{
	padding: 10px;
	border: 1px solid #ccc;
}


.property-header #intro		{ /*float: left;*/ width: 450px;}
.property-header #photos	{ /*float: right;*/ width: 480px;}

.property-description #geographies	{ /*float: right;*/ width: 480px;}
.property-description #description	{ /*float: left;*/ width: 450px;}

@media screen and (max-width:480px){
	.property-header #intro,
	.property-header #photos,
	.property-description #geographies,
	.property-description #description
	{ width: 100%;}
}

.property-header #photos img,
.property-description #geographies img{ width: 100%; height: auto; }


.property-header #slides{
	position: relative;
	display: none;
}
.property-header #slides.slick-initialized{
  display: block; /*slick-initializedが付与されたら表示*/
}
.property-header #slides .fade{
	display: block;
	/*min-height: 360px;*/
	margin: 0;
	padding: 0;
	position:absolute;
	top:0;
	left:0;
}
.property-header #slides .slick-list{
	height:auto !important;
}



.property-header #intro{
	position: relative;
	background: #e7ded3;
	padding: 2em 1.5em;
	border-radius: 1em;
}

.property-item-list{
	margin-bottom: 10px;
}

.property-item-list ul{
	list-style: none;
	margin: 1em 0;
	padding: 0 !important;
}

.property-item-list ul li a{
	background:#7ebe27;
	color:#fff;
	display: inline-block;
	padding: 0em .5em;
	border-radius: 2em;
}



.property-header .property-price{
	font-weight: 900;
	font-size: 110%;
	margin: .5em 0;
}
.property-header .modified-date{
	display: block;
	margin: .5em 0;
	font-size: 85%;
}

.property-header .property-content{
	margin-top: 2em;
	line-height: 1.8;
}


#contact-from-this{
	text-align: center;
	margin: 30px 0 ;
}


.properties .slick-slider {
	margin: 15px 0 ;
}

#nav-slides{
	position: relative;
}
/*#nav-slides img{
	max-height: 720px;
	width: auto;
}*/

#arrows{
	position: absolute;
	width: 100%;
	top:50%;
	left:0;
	height: 30px;
	color: #000;
	margin-top: -15px;
}


#arrows .slick-next:before{content:""}
#arrows .slick-after:before{content:""}

#arrows .slick-prev, #arrows .slick-next {
    width:30px; /* 画像幅 */
    height:30px; /* 画像高さ */
	color: #534741 !important;
	font-size:28px !important;
	text-align: center;
}
.slick-prev:before, .slick-next:before {
    content:"";
}
button.slick-prev, button.slick-next {
    z-index:100;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}
.slick-prev{left:10px; /* 任意の値 */}
.slick-next{right:10px; /* 任意の値 */}

.slick-arrow{z-index:10;/* 値は適当に */}




#nav-slides-menu{
	padding: 0 50px !important;
	position: relative;
	z-index: 50;
	
}

#nav-slides-menu .thumb{
	/*
	width: 80px !important;
	height: 80px !important;
	display: block;
	margin: 0;
	
	*/
	padding: 5px;
	opacity: .5;
}

#nav-slides-menu .thumb.slick-current {
	opacity: 1;
}


.properties #slides a{
	display: block;
	position: relative;
	width: 100%;
	height: 360px;
}
.properties #slides img {
	max-width: 100%;
	max-height: 360px !important;
	display: block;
	position: absolute;
	top:50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.property-header #photos img{
	width: auto !important;
}

.properties #nav-slides .slick-slide img {
	width: 60px !important;
	height: 100%;
	margin: 0 auto;
	padding: 0;
	
    display: block;
	
	border: 0;
}



.property-description #description table th {
    width: 130px;
	padding-left: 0;
}
.property-description #description table td {
   
	padding-left: 0;
	padding-right: 0;
	
}
.property-description #description table td p:first-child{ margin-top:0; }
.property-description #description table td p:last-child{ margin-bottom:0; }

/* Media Query */
@media screen and (max-width: 480px) {
	
	.property-header #intro,
	.property-header #photos,
	.property-description #geographies,
	.property-description #description
	{
		float: none;
		width: 100%;
		margin-bottom: 30px;
	}
	
	.property-description #description table th {
    width: 100%;
	padding-left: 0;
		text-align: center;
	}
	
	#contact-from-this a.btn{
		padding-left: 1em;
		padding-right: 1em;
	}
}


/*--------------------------------------------------------------
	コンテンツ「施工例」 .works
----------------------------------------------------------------*/

.works #photos{
	width: 800px;
	
	margin: 30px auto;
	
}
/*.works #slides{
	height: 600px;
	overflow: hidden;
	text-align: center;
}
*/
.works #slides a{
	display: block;
	position: relative;
	width: 100%;
	height: 500px;
}
.works #slides img {
	max-width: 100%;
	max-height: 500px !important;
	display: block;
	position: absolute;
	top:50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.works #nav-slides .slick-slide img {
	width: 100px;
	height: 100%;
	margin: 0 auto;
	padding: 0;
	
    display: block;
	
	border: 0;
}

.works #nav-slides *:hover,
.works #nav-slides *:focus
{
	border: 0;
	outline: 0;
}


/* Media Query */
@media screen and (max-width: 480px) {
	
	.properties:not(.single) #container > .inner,
	.works:not(.single) #container > .inner
	{ width: 100%;}
	
	.properties .nav-properties-item ul li{
		width: 20%;
	}
	
	.article-container article:nth-child(3n+1)::after{
		display: none;
	}
	
	.article-container article{
		width: 50%;
		margin-bottom: 20px;
	}
	
	.works #photos{
		width: 100%;
	}
	
	.works #photos figure{
		margin: 0;
	}
	.works #slides a{
		height: 300px;
	}
	.works #nav-slides .slick-slide img {
		width: 80px;
		height: 100%;
	}
}




/*--------------------------------------------------------------
	コンテンツ「お客様の声」 .customer
----------------------------------------------------------------*/

.customer #container,
.home section#index-customer
{
	background: url(images/bg-paper.png) 50% 0;
	color: #736357;
}

.customer:not(.archive) #questionnaire img{
	border: 1px solid #ccc;
	border-radius:1em;
}

.customer:not(.archive) .title{
	color: #736357;
	margin-bottom: 1.5em;
}

ul.list-voice{
	overflow: hidden;
	list-style: none;
	padding-left: 0 !important;
	
}

ul.list-voice li.item-voice{
	width: 20%;
	float: left;
}

ul.list-voice li.item-voice a{
	display: block;
	padding: 5px;
	
}

ul.list-voice li.item-voice figure{
	margin: 0;
	padding: 0;
	border: none;
	vertical-align: top;
}
ul.list-voice li.item-voice img{
	margin:0 !important;
	width: 100%;
	height: auto;
	vertical-align: top;
	border-radius: 8px;
	border:1px solid #ccc;
}

/* Media Query */
@media screen and (max-width: 480px) {
	ul.list-voice li.item-voice{
	width: 50%;
	}
}


/*--------------------------------------------------------------
	コンテンツ「スタッフ紹介」 .staff
----------------------------------------------------------------*/

.staff #container,
.home section#index-staff
{
	background: url(images/bg-grid.png) 50% 0;
	border-bottom: 1px solid #ccc;
	color: #736357;
}



ul.list-staff{
	overflow: hidden;
	list-style: none;
	padding-left: 0 !important;
	
}

ul.list-staff li.item-staff{
	width: 20%;
	float: left;
}

ul.list-staff li.item-staff a{
	display: block;
	padding: 5px;
	
}

ul.list-staff li.item-staff figure{
	margin: 0;
	padding: 0;
	border: none;
	vertical-align: top;
}
ul.list-staff li.item-staff img{
	margin:0 !important;
	width: 100%;
	height: auto;
	vertical-align: top;
	border-radius: 8px;
	border:1px solid #ccc;
}

.staff:not(.archive) #container article:after{
	display: block;
	clear: both;
	content: "";
	
}

.staff:not(.archive) #container article .thumb{
	padding: 15px;
	float: left;
	width: 50%;
}

.staff:not(.archive) #container article .thumb figure{
	background: #fff;
	padding: 15px;
	border-radius: 10px;
	box-shadow: 5px 5px 5px 5px rgba(0,0,0,.3);
	/*transform: rotate(-5deg);*/
}

.staff:not(.archive) #container article figcaption{
	color:#000;
	font-size: 200%;
	text-align: center;
}
.staff:not(.archive) #container article figcaption p{
	margin: 0;
	padding: .3em 0;
}

.staff:not(.archive) #container article .entry{
	/*display: table-cell;
	vertical-align: top;*/
	float: right;
	width: 50%;
	padding-top: 20px;
}

.staff:not(.archive) #container article .entry dt{
	display: inline-block;
	padding: .2em 1em;
	font-size: 110%;
	font-weight: 900;
	color: #FFF;
	background: #736357;
	border-radius: 2em;
}

.staff:not(.archive) #container article .entry dd{
	margin: 0;
	padding: 1em 0;
}

.single-staff h1{
	margin-top: 0;
}

.single-staff .furigana{
	margin-bottom: .3em;
}

/* Media Query */
@media screen and (max-width: 480px) {
	
	ul.list-staff li.item-staff{
		width: 33%;
	}
	
	.staff:not(.archive) #container{ padding-top: 10px; }
	
	.staff:not(.archive) #container article .entry,
	.staff:not(.archive) #container article .thumb
	{
		float: none;
		width: 100%;
	}
	
	.staff:not(.archive) #container article .thumb{
		margin-bottom: 30px;
		padding-left: 0;
		padding-right: 0;
	}
}



/*--------------------------------------------------------------
	コンテンツ「リフォーム」 .page-contact-reform
----------------------------------------------------------------*/

.page-contact-reform .content-header{
	padding-top: 1.5em;
}

.page-contact-reform .content-header .title{
	display: inline-block;
	text-align: left;
	padding-left: 100px;
	position: relative;
	margin-bottom: 2em;
}
.page-contact-reform .content-header .title::before{
	content:'';
	display: block;
	width: 90px;
	height: 70px;
	margin-top: -35px;
	background: url(images/home-reform-icon.png) no-repeat 50% 50%;
	position: absolute;
	top:50%;
	left: 0;
}

.page-contact-reform .content-header .description{
	
	line-height: 1.8;
}


.page-contact-reform #greeting-section{
	overflow: hidden;
	margin-bottom: 3em;
}


.page-contact-reform #greeting-section .section-content{
	float: right;
	width: 50%;
	padding-top: 20px;
	padding-left: 15px;
}
.page-contact-reform #greeting-section  .section-content h2{
	color: #534741;
	margin-top: 0;
}
.page-contact-reform #greeting-section  .section-content p{
	color: #736357;
	line-height: 1.8;
}

.page-contact-reform #greeting-section .section-photo{
	float: left;
	width: 50%;
	padding-right: 20px;
}

.page-contact-reform #greeting-section .section-photo .photos{
	position: relative;
	min-height: 300px;
	
}
.page-contact-reform #greeting-section .section-photo .photos::after{
	content: '';
	display: block;
	width: 60px;
	height: 60px;
	background: url(images/img-arrow-before-after.png) no-repeat 50% 50%;
	position: absolute;
	top: 68%;
	left: 35%;
}

.page-contact-reform #greeting-section .section-photo .photos .photo{
	position: absolute;
	margin: 0;
	padding: 0;
}
.page-contact-reform #greeting-section .section-photo .photos .photo figcaption{
	color: #736357;
	font-weight: bold;
	font-size: 120%;
}

.page-contact-reform #greeting-section .section-photo .photos #photo-before{
	position: absolute;
	bottom:0;
	left: 0;
}

.page-contact-reform #greeting-section .section-photo .photos #photo-after{
	position: absolute;
	top:0;
	right: 0;
	text-align: right;
}
.page-contact-reform #greeting-section .section-photo .photos #photo-after img{
	border: 3px solid #fff;
}

.page-contact-reform #greeting-section .section-photo .comment{
	text-align: right;
	color: #736357;
	font-size: 90%;
	margin-top: -1em;
	margin-right: -1em;
}


.page-contact-reform #products-section{
	background:#F5F1E3 url(images/bg-grid-grad.png) repeat-y 0% 100%;
	padding: 2em;
	border-radius: 1em;
	overflow: hidden;
	color: #534741;
}

.page-contact-reform #products-section h2{
	color: #534741;
	border-left: 5px solid #7EBE27;
	padding: .1em 0 .1em .5em;
	margin-top: 0;
}

.page-contact-reform #products-section .section-content{
	float: left;
	width: 50%;
}

.page-contact-reform #products-section .section-content dl{
	margin-bottom: 20px;

}
.page-contact-reform #products-section .section-content dt{
	font-size: 130%;
	font-weight: bold;
	margin-bottom: .2em;

}
.page-contact-reform #products-section .section-content dd{
	margin: 0;
	padding: 0;
	font-size: 110%;
}


.page-contact-reform #products-section .section-photo{
	float: left;
	position: relative;
	width: 50%;
	min-height: 500px;
}
.page-contact-reform #products-section .section-photo .photos{

	
}
.page-contact-reform #products-section .section-photo .photos .photo{
	position: absolute;
	margin: 0;
	padding: 10px;
	border-radius: 10px;
	border: 1px solid #D0CFC2;
	background: #fff;
	box-shadow: 10px 10px 15px 0 rgba(0,0,0,0.30);
}
.page-contact-reform #products-section .section-photo #photo-image1{
	top:20px;
	left:0;
	z-index: 100;
	transform: rotate(-5deg);
}

.page-contact-reform #products-section .section-photo #photo-image2{
	bottom:20px;
	right:20px;
	transform: rotate(5deg);
}


.page-contact-reform #message{
	font-size: 120%;
	font-weight: bold;
	line-height: 1.8;
	margin: 3em 0;
	color: #736357;
	text-align: center;
}


/* Media Query */
@media screen and (max-width: 480px) {

	.page-contact-reform .content-header {
    	padding-top: 0;
		text-align: center;
	}

	.page-contact-reform .content-header .title{
		padding-left: 80px;
	}
	.page-contact-reform .content-header .title::before{
		background-size: contain;
		width: 70px;
		height: 60px;
		margin-top: -30px;
	}
	
	.page-contact-reform .content-header span.en { font-size: 200%; display: inline-block;}
	.content-header span.ja { font-size: 90%; display: inline-block; }
	
	.page-contact-reform #greeting-section{
		margin-top: 3em;
		margin-bottom: 1.5em;
	}

	.page-contact-reform #greeting-section .section-content{
		float: none;
		width: 100%;
		padding-top: 0;
		padding-left: 0;
	}
	
	.page-contact-reform #greeting-section .section-photo{
		float: none;
		width: 100%;
		padding-right: 0;
	}
	
	.page-contact-reform #greeting-section  .section-content h2{
		font-size: 140%;
		text-align: center;
	}
	.page-contact-reform #greeting-section .section-content p {
    	color: #736357;
    	line-height: 1.6;
	}
	
	.page-contact-reform #greeting-section .section-photo .photos {
    	position: relative;
    	min-height: 0;
		overflow: hidden;
		margin-top: 15px;
	}
	.page-contact-reform #greeting-section .section-photo .photos img{
    	width: 100%;
		height: auto;
		border: 5px solid #fff;
	}
	.page-contact-reform #greeting-section .section-photo .photos .photo figcaption{
		padding: 0 5px;
		font-size: 90%;
	}
	.page-contact-reform #greeting-section .section-photo .photos #photo-before,
	.page-contact-reform #greeting-section .section-photo .photos #photo-after {
		float: left;
		width:50%;
    	position: static;
    	text-align: left;
	}
	.page-contact-reform #greeting-section .section-photo .photos::after{ display: none; }
	
	.page-contact-reform #greeting-section .section-photo .comment{
		margin: 0;
		text-align: left;
		padding: 5px;
		font-size: 90%;
	}
	
	
	.page-contact-reform #products-section{
		padding: 1em;
	}
	
	.page-contact-reform #products-section .section-content,
	.page-contact-reform #products-section .section-photo{
    	float: none;
    	width: 100%;
	}
	
	.page-contact-reform #products-section .section-content dt {
    	font-size: 140%;
	}
	.page-contact-reform #products-section .section-content dd {
    	font-size: 100%;
	}
	
	.page-contact-reform #products-section .section-photo {
		min-height: 450px;
	}
	
	.page-contact-reform #products-section .section-photo .photos .photo {
		width: 80%;
	}
	.page-contact-reform #products-section .section-photo .photos .photo img{
		width: 100%;
		height: auto;
	}
	
}

/* Media Query */
@media screen and (max-width: 380px) {
	.page-contact-reform #products-section .section-photo {
		min-height: 380px;
	}
	
}


/* Media Query */
@media screen and (max-width: 320px) {

	.page-contact-reform #greeting-section  .section-content h2{
		font-size: 120%;
	}

	.page-contact-reform #products-section .section-content dt {
    	font-size: 120%;
	}
	.page-contact-reform #products-section .section-content dd {
    	font-size: 90%;
	}


	.page-contact-reform #products-section .section-photo {
		min-height: 350px;
	}
	
}


/* ママ */

.mama{
width:959px;
  display: flex;
  justify-content: center;
margin:0 auto;
background-image: url("images/DEDAC1.jpg");
}

.containermama {
width:770px;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-pack:justify;
    -moz-box-pack:justify;
    -webkit-flex-pack:justify;
    -moz-flex-pack:justify;
    -ms-flex-pack:justify;
    -webkit-justify-content:space-between;
    -moz-justify-content:space-between;
    justify-content:space-between;
}
.item img{
width:195px;
}

.for-pc { display:block !important; }
.for-sp { display:none !important; }

@media screen and (max-width: 480px) {
.containermama {
display: block;
}
.for-pc { display:none !important; }
.for-sp { display:block !important; }
.item{
	display: block;
	width: 100%;
margin-bottom:10px;
}

.mama{
width: 100%;
  display: flex;
  justify-content: center;
margin:0 auto;
background-image: url("images/DEDAC1.jpg");
}
.containermama {
width: 100%;
padding:8px;
}

.item{
width: 100%;
margin:5px 0;
}
.item img{
width: 100%;
margin:0 auto;
}

}