@charset "utf-8";
body {
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-family: 'Meiryo', sans-serif;
	color: #000;
	box-sizing: border-box;
	text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
	background: none;
	overflow-x: hidden;
}
.bg-body { background: url(../img/bg.jpg) top center; background-attachment: fixed;}
.container, .row, header, section, footer {
	width: 100%;
	float: left;
}
.cont {
	width: 100%;
	max-width: 1080px;
	margin: 0 auto;
}
.cont-1240 {
	width: 100%;
	max-width: 1240px;
	margin: 0 auto;
}
.cont-1100 {
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
}
.cont-970 {
	width: 100%;
	max-width: 970px;
	margin: 0 auto;
}
.cont-880 {
	width: 100%;
	max-width: 880px;
	margin: 0 auto;
}
.cont-logo {
	width: 100%;
	max-width: 1540px;
	margin: 0 auto;
}
.cont-news {
	width: 100%;
	max-width: 825px;
	margin: 0 auto;
}

img { max-width:100%; height:auto;}
* { box-sizing:border-box;}
a { text-decoration:none; outline: none !important; outline: none !important; color: inherit;
-webkit-transition: all 0.35s ease 0s;
-moz-transition: all 0.35s ease 0s;
transition: all 0.35s ease 0s;
}
a:hover { text-decoration:none; color:inherit; transition: 0.5s ease-in-out; outline: none;}
a[href^="tel:"] { cursor: text;}
p { line-height: inherit;}
.hv-o:hover { opacity:0.7;}
.pc-show { display: inline-block;}
.sp-show { display: none !important;}
.wrap { font-size: 0;}
.wrap-flex { font-size: 0;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
align-items: center;
}

.head {}
.logo { display: inline-block; vertical-align: top; padding: 20px 0; position: relative;}
.menu-sp { display: none; background: #fff; padding: 7px 10px;
position:absolute; top:50%; right:0px;  -webkit-transform: translate(-0%, -50%); -ms-transform: translate(-0%, -50%); transform: translate(-0%, -50%);
}
.menu-sp i { font-size: 24px; color: #2A1607;}
.menu { background: rgba(255, 255, 255, 0.75); position: relative; border-bottom: 1px solid #2A1607;}
.menu ul { font-size: 0; padding: 10px 0; margin: 0;}
.menu ul li { width: 16.6%; display: inline-block; vertical-align: top; padding: 0 8px; border-left: 1px solid #2A1607;}
.menu ul li:last-child { border-right: 1px solid #2A1607;}
.menu ul li a { width: 100%; display: inline-block; font-size: 16px; color: #2A1607; text-align: center; line-height: 160%;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.menu ul li a.active, .menu ul li a:hover { background: #2A1607; color: #fff;}
.head-fixed { position: fixed; top: 0; left: 0; width: 100%; background: #fff; z-index: 999; border-bottom: 1px solid #2A1607;}
.slide { width: 100%; display: inline-block; vertical-align: top; position: relative;}
.slide-img { width: 100%; display: inline-block; vertical-align: top;}
.slide-text1 { position: absolute; left: 12%; top: 11%;}
.slide-text2 { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}

.banner { width: 100%; display: inline-block; background: rgba(255, 255, 255, 0.53); text-align: center; padding: 50px; margin-top: 25px;}

.banner-about { background: url(../img/banner-about.png) center center no-repeat; background-size: cover;}
.banner-furniture { background: url(../img/banner-furniture.png) center center no-repeat; background-size: cover;}
.banner-plywood { background: url(../img/banner-plywood.png) center center no-repeat; background-size: cover;}
.banner-recruit { background: url(../img/banner-recruit.png) center center no-repeat; background-size: cover;}
.banner-contact { background: url(../img/banner-contact.png) center center no-repeat; background-size: cover;}

.banner-img { text-align: center; max-width: 420px; margin: auto;}
.banner-text { margin-top: 15px; border-top: 1px solid #2A1607; font-size: 18px; line-height: 160%; padding-top: 10px;}

.ft-banner { margin: 100px 0;}
.ft-bn-item { width: 32.5%; display: inline-block; vertical-align: top; margin-right: 1.25%;}
.ft-bn-item:nth-child(3n) { margin-right: 0;}

.footer { background: url(../img/ft-bg.png) center top no-repeat; padding-top: 200px;}
.ft-menu {}

.ft-menu ul.ul-first { width: 25%; display: inline-block; vertical-align: top;}
.ft-menu ul.ul-first > li:before { content: "◆"; color: #79783F; font-size: 16px; position: absolute; left: 0; top: 3px;}
.ft-menu ul.ul-first li { width: 100%; display: inline-block; padding-left: 20px; position: relative;}
.ft-menu ul.ul-first li a { font-size: 16px; width: 100%; display: inline-block; line-height: 200%; font-weight: bold;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.ft-menu ul.ul-second { width: 100%; display: inline-block; vertical-align: top; margin-top: 5px; margin-left: -5px;}
.ft-menu ul.ul-second > li:before { content: "・"; color: #2A1607; font-size: 16px; position: absolute; left: 0; top: -2px;}
.ft-menu ul.ul-second li { width: 100%; display: inline-block; padding-left: 15px; position: relative;}
.ft-menu ul.ul-second li a { font-size: 14px; width: 100%; display: inline-block; line-height: 160%; font-weight: normal;}

.ft-logo { text-align: center;}
.ft-address { font-size: 16px; text-align: center; margin-top: 10px; line-height: 160%;}
.copyright { font-size: 10px; text-align: center; padding: 10px;}
.pagetop { position: fixed; right: 20px; bottom: 20px; display: none;}
.pagetop i { font-size: 30px; background: #fff; border: 1px solid #2A1607; color: #2A1607; padding: 5px 10px; border-radius: 3px; cursor: pointer;}

.main { padding: 48px 0;}
.title { background: url(../img/bg-title.png) center center no-repeat; text-align: center; padding: 10px;}
.text { font-size: 16px; line-height: 200%; color: #2A1607; margin-top: 20px;}
.text-mg10 { margin: 10px 0;}
.text-mg0 { margin: 0;}
.photo {}
.photo-center { text-align: center;}
.general-item { margin-top: 100px;}
.content { padding: 48px 50px 0 50px;}
.content-pdt0 { padding-top: 0;}
.content-spacing { margin: 0 -20px;}

.table { width: 100%; border-spacing: 18px; border-collapse: separate;}
.table tr td { font-size: 16px; line-height: 180%; padding: 15px; background: #fff; border: 1px solid #2A1607; padding-left: 70px;}
.table tr th { background: #2A1607; color: #fff; width: 280px; padding-left: 50px; vertical-align: middle; font-size: 18px; font-weight: normal; line-height: 100%; text-align: left;}
.table tr td span { display: inline-block; margin: 5px 0;}
.table tr td a { color: #0080B7; text-decoration: underline;}

.table2 { width: 100%; border-spacing: 0px; border-collapse: separate;}
.table2 tr td { font-size: 16px; line-height: 200%; padding: 0 5px; padding-left: 100px;}
.table2 tr th { color: #2A1607; width: 280px; padding-left: 70px; vertical-align: top; font-size: 18px; font-weight: normal; line-height: 160%; text-align: left;}
.table2 tr td span { display: inline-block; margin: 5px 0;}

.tag { position: relative;}
.tag-item { position: absolute; top: -50px; left: 0px;}

@media screen and (max-width:767px) {
	.pc-show { display: none !important;}
	.sp-show { display: inline-block !important;}
	.spanc-pc{
		display: none;
	}

	.cont-news, .cont-logo, .cont-970, .cont-1240, .cont-1100, .cont-880, .cont { width: 96%; margin: 0 2%;}

	.content-spacing { margin: 0;}

	.logo { width: 100%; padding-right: 80px;}
	.menu-sp { display: inline-block;}
	.menu ul { display: none; width: 100%; position: absolute; top: 0; left: 0; z-index: 20; padding: 0;}
	.menu ul li { width: 100%; text-align: left; padding: 0; border: none;}
	.menu ul li:last-child { border-right: none;}
	.menu ul li a { background: #fff; width: 100%; padding: 5px; border-bottom: 1px solid #2a1607;}

	.slide-img img { height: 350px; object-fit: cover;}
	.slide-text1 { width: 100%; text-align: center; position: absolute; top: 5%; left: 50%; -webkit-transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%); transform: translate(-50%, 0%);}
	.slide-text2 { width: 100%; text-align: center; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}

	.banner { margin-top: 0;}

	.ft-banner { margin: 0; margin-top: 30px;}
	.ft-bn-item { width: 100%; margin: 5px 0; text-align: center;}
	.ft-menu { display: none;}

	.ft-address { font-size: 14px;}

	.main { padding: 20px 0;}
	.general-item { margin-top: 30px;}
	.content { padding: 20px 0px 0 0px;}
	.text { font-size: 14px; line-height: 160%;}

  .table { border-spacing: 5px;}
  .table tr td { font-size: 14px; line-height: 160%; padding: 10px;}
  .table tr th { width: 140px; font-size: 14px; line-height: 160%; padding: 10px;}

  .table2 { border-spacing: 5px;}
  .table2 tr td { font-size: 14px; line-height: 160%; padding: 10px;}
  .table2 tr th { width: 140px; font-size: 14px; line-height: 160%; padding: 10px;}

}

@media screen and (max-width:640px) {
	.photo { text-align: center;}

	.table { border-spacing: 0px;}
	.table tr td { width: 100%; float: left; padding: 5px;}
	.table tr th { width: 100%; float: left; padding: 5px;}

	.table2 { border-spacing: 0px;}
	.table2 tr td { width: 100%; float: left; padding-top: 0;}
	.table2 tr th { width: 100%; float: left; font-weight: bold; padding-bottom: 0;}
}

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

}