@charset "utf-8";


/* 基本要素	---------------- */
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
body {
	margin: 0;
	color: #000;
	background: #fff;
	-webkit-text-size-adjust: none;
  font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS P Gothic",sans-serif;
	text-align:justify;
	font-feature-settings: "palt" 1;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
li {
}
img {
	border: 0;
	vertical-align:bottom;
	max-width:100%;
	height:auto;
}
table {
	font-size: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
th, td {
	vertical-align: top;
	line-height: 150%;
}
caption, th {
	text-align: left;
}
address, caption, cite, code, dfn, em, th, var {
	font-style: normal;
	font-weight: normal;
}
p {
	line-height: 160%;
	line-break: strict;
	word-break: normal;
	margin:1em 0;
}
a:link {
	color: #06f;
	text-decoration: none;
}
a:visited {
	color: #60f;
	text-decoration: none;
}
a:hover {
	color: #06f;
	text-decoration: underline;
}

input, textarea, select {
	padding: 3px;
	boder: 1px solid #999;
}
input:focus, textarea:focus, select:focus {
	background-color: #ffe;
	border: 1px solid #999;
}
label {
	cursor: pointer;
}

.clfx:after {
	display: block;
	clear: both;
	height: 0px;
	visibility: hidden;
	content: ".";
	overflow: hidden;
	font-size: 0.1em;
	line-height: 0;
}
.clfx {
	min-height: 1px;
}
* html .clfx {
	height: 1px;
	/*¥*//*/ /*MAC IE5.x対策*/
	height: auto;
	overflow: hidden;
	/**/
}

main,header,footer,nav{
	display:block;
}
#skip {
	position: absolute;
	left: -9999em;
}
#to_top{
	z-index:8888;
	position:fixed;
	right:50px;
	bottom:-50px;
}
#to_top a{
	display:block;
	transition:0.3s ease;
	opacity:0.5;
	width:50px;
	height:50px;
}
#to_top a:hover{
	opacity:1;
}


/* 基本レイアウト---------------- */
h1 {
	min-height: 20px;
	padding: 3px 0 0 0;
	text-align: left;
	font-size: 12px;
	font-weight: normal;
	color: #333;
}
#skip {
	position: absolute;
	left: -9999em;
}
#wrapper {
	width: 1020px;
	margin: 0 auto;
}
.wrapper {
	padding: 0 15px;
	width: 1020px;
	margin: 0 auto;
}
.container {
	width: 1020px;
	margin-bottom: 50px;
	overflow:hidden;
}

#top-main {
	width: 939px;
	margin: 0 auto;
	padding-top:80px;
}
#top-bg {
	width: 100%;
	min-width:1003px;
	margin: 0 auto;
	background: url(../images/bg-top.jpg);
	background-size: cover;
}

#main {
	margin: 0 auto;
}
#main-area{
	width:780px;
	float:right;
}

#side-area{
	width:200px;
	float:left;
	margin-top:20px;
}

@media(max-width:1020px){

header .wrapper {
	padding: 0 0px;
}
.wrapper {
	padding: 0 15px;
	width: 100%;
	margin: 0 auto;
	box-sizing:border-box;
}
}
/* ヘッダー---------------- */

#header-logo {
	color:#fff;
	background:#056a3b;
}
#header-logo img{
	width:234px;
}
#header-logo div{
	display:flex;
	align-items:center;
	height:40px;
}
#header-nav {
	margin-bottom:50px;
}
#header-nav ul {
	display:flex;
	flex-wrap:wrap;
	width:100%;
}
#header-nav ul li{
	width:170px;
	line-height: 40px;
	text-align: center;
	box-sizing:border-box;
}
#header-nav ul li:last-child {
	border-right: none;
}
#header-nav ul li a{
	color:#7E757D;
	display:block;
	text-decoration:none;
	font-weight:500;
	transition:0.3s ease;
}
#header-nav ul li a:hover{
	color:#fff;
	background:#009646;
}
@media(max-width:1020px){

#header-logo {
	padding-left:2.5%;
}
#header-nav {
	margin-bottom:0;
	position:fixed;
	right:-100%;
	top:50px;
	background:#fff;
	z-index:9999;
	width:100%;
}

#header-nav ul {
	display:block;
	width:100%;
}
#header-nav ul li{
	width:100%;
}
}
#header-search {
	float: right;
	margin-top:3px;
}


#cse-search-box {
	width: 160px !important;
}
 
#cse-search-box div {
    padding: 0 !important;
}
 
#cse-search-box input[type="text"] {
	float:left;
	height: 16px !important;
	padding: 0 !important;
	width: 106px !important;
	border:2px solid  #787878 !important;
}
 
#cse-search-box input[type="submit"] {
	margin-left:10px;
	text-align:center;
	float:left;
	height: 20px !important;
	width: 36px !important;
	background:#D5D5D5;
	padding: 0 !important;
		font-size: 90%;
		color:#787878;
	border:0;
	cursor:pointer;
}

/* スマホボタン---------------- */
#sp-menu{
	display:none;
}
@media(max-width:1020px){
	#sp-menu{
		display:block;
		position: fixed;
		top: 0;
		right: 2.5%;
		cursor:pointer;
		border-radius:5px;
		
		z-index:9999;
	}
	#header-button{
		display:block;
		cursor:pointer;
		width:40px;
		height:40px;
		position:relative;
		left:0;
		border-radius:10px;
		background:#159647;
	}
	#header-button p{
		text-align:center;
		width:100%;
		position:absolute;
		top:50%;
		left:0;
		transform:translateY(-50%);
		font-size:10px;
		color:#000;
	}
	.hnbgmenu {
		position: relative;
		display: inline-block;
		width: 100%;
		height: 100%;
		cursor: pointer;
	}
	.menu-line {
		top: 50%;
		top: calc(50% - 2px);
	}
	.menu-inner::after,
	.menu-inner::before {
		content: "";
	}
	.menu-line,
	.menu-inner::after,
	.menu-inner::before {
		position: absolute;
		display: block;
		width: 66%;
		left: 17%;
		height: 2px;
		transition: .15s ease-out;
		background-color: #fff;
	}
	.menu-inner::before {
		top: 25%;
		top: calc(25% - 2px);
	}
	.menu-inner::after {
		top: 75%;
		top: calc(75% - 2px);
	}
	.hnbgmenu.active .menu-line {
		width: 0;
		opacity: 0;
		transform: translateX(20px) rotate(90deg);
	}
	.hnbgmenu.active .menu-inner::before {
		transform: translateY(10px) translateX(0px) rotate(-135deg);
	}
	.hnbgmenu.active .menu-inner::after {
		transform: translateY(-10px) translateX(0px) rotate(135deg);
	}
}
/* フッター---------------- */

#footer {
	width: 100%;
	margin: 0 auto;
	color:#fff;
}
#footer-nav{
	margin: auto;
	padding: 30px 0 50px;

}
#footer-nav div{
	display:flex;
	justify-content:space-between;
}
#footer-nav ul{
	flex:1;
	line-height:1.6;
	font-size:0.9em;
}
#footer-nav ul a{
	color:#7E757D;
}
#footer-nav div > ul > li > a:before{
	content:"●";
	color:#0C6A3C;
}
#footer-nav div > ul > li > ul{
	margin-left:1em;
}
#footer-copy{
	margin: 0 auto;
	background:#0C6A3C;
	padding: 0.5em 0;
	text-align:center;
}
#footer-copy p{
	margin: 0;
}

@media(max-width:680px){

#footer-nav div{
	flex-wrap:wrap;
}
#footer-nav ul{
	flex:47%;
}
}
@media(max-width:360px){

#footer-nav ul{
	flex:100%;
	margin-left:15px;
}
}
/* トップページ------------- */
#top-logo {
	text-align:center;
	margin: 0 0 30px;
}
#top-title{
	position:relative;
}
#top-title img.title{
	position:absolute;
	top:11.125%;
	left:3.9125%;
	width:560px;
	max-width:94%;
	height:auto;
}
#top-text {
	text-align:center;
	margin: 0 0 60px;
}
#top-nav ul{
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}

#top-nav ul li img{
	width:100%;
	max-width:100%;
}
#top-nav ul li{
	width:49%;
	margin-bottom:40px;
	position:relative;
}
#top-nav ul li a{
	text-decoration:none;
}
#top-nav ul li p{
	font-weight:500;
	font-size:1.875em;
	color:#fff;
	display:block;
	line-height:50px;
	height:50px;
	margin:0;
	padding:0 15px;
	text-align:center;
	transition:0.3s ease;
	position:absolute;
	bottom:0;
	width:100%;
	box-sizing:border-box;
}
#top-nav ul #jyuutaku p{
	background:rgba(38,80,162,0.8);
	border:2px solid rgba(38,80,162,0.8);
	display:flex;
	justify-content: center;
	align-items:center;
}
#top-nav ul #jyuutaku:hover p{
	color:#2550A2;
	background:rgba(255,255,255,0.8);
}
#top-nav ul #jyuutaku svg{
	width:100%;
	transition: 0.3s ease;
}
#top-nav ul #jyuutaku:hover svg .a{
	fill:#2550A2;
}

#top-nav ul #oki p{
	background:rgba(14,107,98,0.8);
	border:2px solid rgba(14,107,98,0.8);
}
#top-nav ul #oki:hover p{
	color:#0E6B62;
	background:rgba(255,255,255,0.8);
}


#top-nav ul #precut p{
	background:rgba(116,67,33,0.8);
	border:2px solid rgba(116,67,33,0.8);
}
#top-nav ul #precut:hover p{
	color:#744321;
	background:rgba(255,255,255,0.8);
}


#top-nav ul #mokuseihin p{
	background:rgba(147,196,34,0.8);
	border:2px solid rgba(147,196,34,0.8);
}
#top-nav ul #mokuseihin:hover p{
	color:#93C422;
	background:rgba(255,255,255,0.8);
}


#top-nav ul #boufu p{
	background:rgba(12,106,60,0.8);
	border:2px solid rgba(12,106,60,0.8);
}
#top-nav ul #boufu:hover p{
	color:#0C6A3C;
	background:rgba(255,255,255,0.8);
}


#top-nav ul #superhouse p{
	background:rgba(232,85,21,0.8);
	border:2px solid rgba(232,85,21,0.8);
}
#top-nav ul #superhouse:hover p{
	color:#E85515;
	background:rgba(255,255,255,0.8);
}

#top-nav ul #gaiyou p{
	background:rgba(0,204,153,0.8);
	border:2px solid rgba(0,204,153,0.8);
}
#top-nav ul #gaiyou:hover p{
	color:#00cc99;
	background:rgba(255,255,255,0.8);
}

#top-nav ul #morinokakera p{
	background:rgba(28,150,213,0.8);
	border:2px solid rgba(28,150,213,0.8);
}
#top-nav ul #morinokakera:hover p{
	color:#1C96D5;
	background:rgba(255,255,255,0.8);
}

#top-nav ul #recruit p{
	background:rgba(26,33,131,0.8);
	border:2px solid rgba(26,33,131,0.8);
}
#top-nav ul #recruit:hover p{
	color:#172384;
	background:rgba(255,255,255,0.8);
}

#top-nav ul #chanel p{
	background:rgba(231,36,16,0.8);
	border:2px solid #E72410cc;
}
#top-nav ul #chanel:hover p{
	color:rgba(231,36,16,0.8);
	background:rgba(255,255,255,0.8);
}
.top-youtube{
	position:relative;
	width:100%;
	height: 100%;
	box-sizing:border-box;
}
.top-youtube iframe{
	position:absolute;
	top:0;
	left:0;
	width:100% !important;
	height:100% !important;
}
@media(max-width:860px){
#top-nav ul li{
	width:100%;
	margin-bottom:40px;
}
.top-youtube{
	position:relative;
	width:100%;
	height: 0%;
	padding-top:50%;
}
}

@media(max-width:640px){
#top-nav ul li p{
	position:relative;
	bottom:0;
}

}
@media(max-width:380px){
#top-nav ul li p{
	font-size:1.5em;
}
}
@media(max-width:340px){
#top-nav ul li p{
	font-size:1.3em;
}
}
@media(max-width:290px){
#top-nav ul li p{
	font-size:1.15em;
}
}
#bottom-nav ul{
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
#bottom-nav ul li{
	width:31.5%;
	height: 140px;
	margin-bottom:30px;
}
#bottom-nav ul li a{
	text-decoration:none;
	display:flex;
	justify-content:center;
	align-items:center;
	box-sizing:border-box;
	width:100%;
	height:100%;
	color:#fff;
	transition: 0.3s ease;
}

#bottom-nav ul li a svg{
	width:auto;
	height:100px;
	transition: 0.3s ease;
} 
#bottom-nav ul li a#ipros img{
	width:80%;
	height:auto;
} 
#bottom-nav ul li a#ipros{
	background:#DFDFDE;
	border:2px solid #DFDFDE;
}

#bottom-nav ul li a#ipros:hover .a{
	background:#fff;
}
#bottom-nav ul li a#ipros:hover{
	background:#fff;
}
#bottom-nav ul li a#jasaq{
	background:#18AD65;
	border:2px solid #18AD65;
}
#bottom-nav ul li a#jasaq:hover{
	background:#fff;
}
#bottom-nav ul li a#jasaq:hover .a{
	fill:#18AD65;
	background:#fff;
}
#bottom-nav ul li a#instagram{
	background:#DF1678;
	border:2px solid #DF1678;
}
#bottom-nav ul li a#instagram:hover .a{
	fill:#DF1678;
	background:#fff;
}
#bottom-nav ul li a#instagram:hover{
	background:#ffffff;
}
#bottom-nav ul li a#twitter{
	background:#448DC4;
	border:2px solid #448DC4;
}
#bottom-nav ul li a#twitter:hover{
	background:#fff;
}
#bottom-nav ul li a#twitter:hover .a{
	fill:#448DC4;
}
#bottom-nav ul li a#recruit{
	background:#1E2A6E;
	border:2px solid #1E2A6E;
}
#bottom-nav ul li a#recruit:hover{
	background:#fff;
}
#bottom-nav ul li a#recruit:hover .d{
	fill:#1E2A6E;
	background:#fff;
}

@media(max-width:640px){
#bottom-nav ul li{
	width:48%;
	margin-bottom:20px;
}
}

#top-topics{
	margin-bottom:85px;
}
#top-topics h2{
	color:#7E757D;
	font-size:1.5em;
	font-weight:500;
	text-align:center;
	border-bottom:2px solid #93C422;
	margin:0 auto 30px;
	display:table;
	letter-spacing:0.5em;
	padding-left:0.5em;
}

@media(max-width:1020px){
	#top-topics h2{
		margin-top:30px;
	}
}
#top-topics-box{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
#top-topics-box > div{
	width:240px;
	position:relative;
}

#top-topics-box div.sticky{
	height:auto;
	margin-bottom:20px;
	border:none;
	box-sizing:border-box;
	order:1;
}
#top-topics-box div.box{
	height:200px;
	margin-bottom:20px;
	border:1px solid #7E757D;
	box-sizing:border-box;
	order:2;
}
#top-topics-box div.box div.new{
	position: absolute;
	right: 5px;
	top: 5px;
	color: #fff;
	background: #f33;
	border-radius: 5px;
	padding: 5px;
	line-height: 1;
	display: inline-block;
	text-align: center;
	width: 3em;
	font-weight: 600;
	font-size: 1.25em;
}
#top-topics-box div.box a{
	display:flex;
	justify-content:space-between;
	align-items:center;
	width:100%;
	height:100%;
}
#top-topics-box div.box a img{
	width:100%;
}
#top-topics-box div.box a.link{
	position:absolute;
	top:0;
	height:50px;
}
#top-topics-box div.box a.logo{
	background:#056a3b;
}
#top-topics .backnumber{
	text-align:right;
	margin-bottom:0;
}
#top-topics .backnumber a{
	color:#7E757D;
	font-size:0.875em;
}

@media(max-width:860px){
#top-topics-box{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-around;
}
}
@media(max-width:640px){
#top-topics-box{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-around;
}
#top-topics-box > div{
	width:240px;
	position:relative;
}

#top-topics-box > div.box{
	height:200px;
}
}
@media(max-width:640px){
	width:
}
/* メニューボタン------------- */

#button{
	margin-bottom:30px;
	display:flex;
	justify-content:space-between;
}
#button li{
	width:25%;
	margin-bottom:30px;
}
#button li:last-child{
	margin-right:0;
}
#button li a{
	text-decoration:none;
	color:#000;
}
#button li img{
	margin-bottom:10px;
	width:100%;
	height:auto;
}
#button li p{
	line-height:1.6;
	margin:0 20px 0;;
}
#button li.now{
	opacity:0.7;
}

@media(max-width:860px){

#button{
	flex-wrap:wrap;
}
#button li{
	width:47%;
}
}

@media(max-width:640px){

#button{
	flex-wrap:wrap;
}
#button li{
	width:100%;
}
}
/* 住宅資材------------- */
table.shizai01{
	border:none;
	margin-bottom:15px;	
}
table.shizai01 td
{
	vertical-align:top;
	padding:5px;
}

table.shizai02{
	border:1px solid #000;
	margin-bottom:15px;	
}

table.shizai02 td,
table.shizai02 th
{
	padding:5px;
	border:1px solid #000;
	text-align:center;
}
table.shizai02 th
{
	background:#ccc;
}

/* 公園修景------------- */
table.kouen01{
	border:none;
	margin-bottom:15px;	
}
table.kouen01 td
{
	vertical-align:top;
	padding:5px;
}

table.kouen02{
	border:1px solid #000;
	margin-bottom:15px;	
}

table.kouen02 td,
table.kouen02 th
{
	padding:5px;
	border:1px solid #000;
}
table.kouen02 th
{
	text-align:center;
}

table.kouen02 td
{
	text-align:left;
}


/* 森のかけら------------- */
#kakera-nav {
	width: 1003px;
	margin: 30px auto 25px;
}
#kakera-nav:after {
	display: block;
	clear: both;
}
#kakera-nav ul {
	width: 1003px;
	margin: 0 auto;
	display: table;
}
#kakera-nav ul li{
	display: table-cell;
	color: #000;
	font-size: 13px;
	text-decoration: none;
	width: 143px;
	height: 25px;
	text-align: center;
	vertical-align: middle;
	border-right: 1px solid #000;
}
#kakera-nav ul li a{
	display: table-cell;
	color: #000;
	text-decoration: none;
	width: 167px;
	text-align: center;
	vertical-align: middle;
}
#kakera-nav ul li:last-child{

	border-right: none;
}
#kakera-nav ul li:hover {
	transition:0.2s;
	color:#0B7E55;
}
#kakera-nav ul li:hover a{
	transition:0.2s;
	color:#0B7E55;
}
.kakera-waku{
	padding: 0 10px 5px;
	background:#E5DAC1;
	margin-bottom:15px;
}

/* リクルート------------- */
.recruit{
		width:100%;
	border-spacing: 1px;
	border-collapse: separate;
	border:1px solid grey;
}
.recruit th{
	background:#ccc;	
	
	border:1px solid grey;
	padding:10px;
}.recruit td{
	border:1px solid grey;
	padding:10px;
}
.recruit th.w200{
	width:200px;	
}
.recruit td{
	white-space:nowrap;
	vertical-align:top;	
}
.tel{
	border:none;
}
.tel th{
	width:80px;
	border:none;
	background:none;
	padding:0;
}.tel td{
	border:none;
	padding:0;
}
/* お問い合わせ------------- */
.mail {
    padding-left: 20px;
    color: #F00;
	line-height:3;
}


dl.waku {
	border: 3px solid #07392E;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 10px;
}
dl.waku dt {
	float: left;
	width: 12em;
	font-weight: bold;
	text-indent: 0;
	line-height: 150%;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}
dl.waku dd {
	line-height: 150%;
	border-bottom: 1px #CCCCCC solid;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 14em;
}

/*概要マップ*/

dl.gMap dd .withMap {
	float: left;
	width: 350px;
}

dl.gMap dd .mapContainer {
	margin-left: 30px;
	float: left;
}

dl.gMap dd .mapContainer small {
	color: #0000FF;
	text-align: left;
}
dl.gMap {
	position:relative;
}


#mapA {
	position: absolute;
    top: 80px;
    right: 20px;
}
#mapB {
	width: 325px;
	height: 200px;
}
#mapC {
	width: 325px;
	height: 200px;
}
#mapD {
	width: 325px;
	height: 200px;
}
#mapE {
	width: 325px;
	height: 200px;
}
#mapF {
	width: 325px;
	height: 200px;
}

#mapABigMapLink {
	position: absolute;
    top: 380px;
    left: 518px;
}

/*隠岐住建センター*/
.okiList_imageLeft {
	margin-top: 50px;
	margin-left: 30px;
}
.okiList_imageLeft dl {
	width: 100%;
	font-size: 14px;
}
.okiList_imageLeft dt {
	float: left;
	margin-left: 30px;
}
.okiList_imageLeft dd {
	float: left;
	margin-left: 20px;
	width: 350px;
}
.okiList_imageLeft p {
	background-image: url("../images/dash.gif");
	line-height: 25px;
	margin: 0;
}

.okiList_imageRight {
	margin-top: 50px;
	margin-left: 30px;
}
.okiList_imageRight dl {
	width: 100%;
	font-size: 14px;
}
.okiList_imageRight dt {
	float: left;
	margin-left: 30px;
	width: 350px;
}
.okiList_imageRight dd {
	float: left;
	margin-left: 20px;
}
.okiList_imageRight p {
	background-image: url("../images/dash.gif");
	line-height: 25px;
	margin: 0;
}


/* 木製品 */
#mokuseihin-nav1 {
}
#mokuseihin-nav1 li{
	float:left;
	margin: 0 36px 0 0;
	width:310px;
	
	text-align:left;
}
#mokuseihin-nav1 li:nth-child(3n){

	margin: 0;
}
#mokuseihin-nav1 li a{
	display:block;
	width:100%;
	height:100%;
	color:#000;
	text-decoration:none;
}
#mokuseihin-nav2 {
}
#mokuseihin-nav2 li{
	float:left;
	margin: 0 18px 0 0;
	width:152px;
	text-align:center;
}
#mokuseihin-nav2 li:nth-child(6n){

	margin: 0;
}
#mokuseihin-nav2 li a{
	display:block;
	width:100%;
	height:100%;
	color:#000;
	text-decoration:none;
}

#mokuseihin-nav3 {
}
#mokuseihin-nav3 li{
	float:left;
	margin: 0 23px 0 0;
	width:490px;
	
	text-align:left;
}
#mokuseihin-nav3 li:nth-child(2n){

	margin: 0;
}
#mokuseihin-nav3 li a{
	display:block;
	width:100%;
	height:100%;
	color:#000;
	text-decoration:none;
}

.seihin-box{
	float: left;
    margin: 20px 0px 20px 20px;
    width: 300px;
    height: 300px;
}
.seihin-ul{
	float: right;
	margin: 0 0 0 25px;
	width: 75px;
	list-style-type: disc;
}
.seihin-imgbox {
    float: left;
    margin: 20px 0px 10px 20px;
    padding: 0;
    width: 200px;
    height: 230px;
}




/* 森のかけら */
.morinokakera-box{
	border:5px solid #00B051;
	border-radius: 20px;
	padding:5px 15px;
	background: #E2F0D9;
	margin-bottom:10px;
	width:370px;
}
.morinokakera-box p{
	line-height:1.5;
	margin:0;
}
.morinokakera-box .hinmei{
	color:#00B051;
	font-size:1.5em;
	font-weight:bold;
	line-height:1.2;
}
.morinokakera-box .price{
	color:#FF0000;
	font-size:1.5em;
	line-height:1.2;
	margin-bottom:5px;
}
.morinokakera-box .button{
	text-align:right;
	line-height:1;
	padding: 10px 0;
}
.morinokakera-box .button span{
	color:#fff;
	font-size:1.1em;
	font-weight:bold;	
	background:#00B0F0;
	padding: 5px 30px;
}

.morinokakera-box .button span:hover{
	background:#0080E0;
}

.kouza-box{
	padding:1em 15px;
	background: #E2F0D9;
	margin:10px auto;
	width:400px;
}
.kouza-col01{
	width:150px;
}
.kouza-col02{
	width:250px;
}



/* Wordpress---------------- */
.wpcf7-list-item {
	display: inline-block;
	margin-right: 1em;
	white-space: nowrap;
}
#counter aside, #counter div {
	display: inline;
}


.wp-pagenavi {
margin:1em 0;	
}
.wp-pagenavi a{
	color:#0B7E55;
}

#wp-calendar{
width:100%;	
}
#wp-calendar a{
	color:#0B7E55;
}
#wp-calendar caption,
.widget h3 {
    border-top: 1px solid #3B7C74;
    border-right: 5px solid #3B7C74;
    border-bottom: 1px solid #3B7C74;
    border-left: 5px solid #3B7C74;
    padding-left: 10px;
    margin-bottom: 7px;
}
.widget ul li {
    margin: 0 0 5px 5px;
    padding: 0 0 0 5px;
    font-size: 100%;
    line-height: 1.5;
    list-style-type: none;
}
.widget ul li a {
	color:#0B7E55;
}
.entry-meta {
	margin:10px 0 20px;
	border-top:1px solid #000;
}
.entry-meta a {
	color: #0B7E55;
}
/* 共通スタイル---------------- */
.clear1 {
	clear: both;
}
.clfx:after {
	display: block;
	clear: both;
	height: 0px;
	visibility: hidden;
	content: ".";
}
.clfx {
	min-height: 1px;
}
* html .clfx {
	height: 1px;
	/*¥*//*/ /*MAC IE5.x対策*/
	height: auto;
	overflow: hidden;
	/**/
}
.center1 {
	text-align: center;
}
.right {
	text-align: right;
}
.left {
	text-align: left;
}
.h-img01 {
	margin: 0 0 10px 0;
}
.h1-box{
	display:flex;
	justify-content:space-between;
}

.h1-box .h1-left{
	width:50%;
	margin-bottom:30px;
	position:relative;
}
.h1-box .h1-left h1{
	position:absolute;
	left:0;
	top:20px;
	font-size:3rem;
	font-weight:600;
	color:#fff;
	padding:0 30px;
	height:70px;
	width:100%;
	box-sizing:border-box;
}
.h1-box .h1-left h1 span:first-letter{
	font-size:5.62rem;
	color:#e63826;
}
.h1-box .h1-left h1 span{
	position:absolute;
	left:30px;
	bottom:-0.35em;
}
.h1-box .h1-right{
	width:48%;
	margin-bottom:30px;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
}
.h1-box .h1-right h2{
	display:flex;
	justify-content:center;
	align-items:center;
	height:190px;
	font-size:2em;
	font-weight:400;
}
@media(max-width:860px){

.h1-box{
	flex-wrap:wrap;
}

.h1-box .h1-left{
	width:100%;
}
.h1-box .h1-right{
	width:100%;
	margin-bottom:30px;
}
.h1-box .h1-right video{
	width:100%;
}
}




.h1-top {

	display:table;
}
.h1-kakera {
	margin-bottom:40px;
}
.h1-kakou {
	background:rgba(115,66,32,0.9);
	padding:0;
	margin:0;
}
.h1-boufu {
	display:table-cell;
	width:248px;
	height:245px;
	background:#9B8359;
	color:#fff;
	text-align:center;
	vertical-align:middle;
	position:relative;
	font-size:300%;
	padding:0;
	margin:0;
}
.h1-oki {
	display:table-cell;
	width:248px;
	height:245px;
	background:#3E7C77;
	color:#fff;
	text-align:center;
	vertical-align:middle;
	position:relative;
	font-size:185%;
	padding:0;
	margin:0;
}
.h1-img {
	display:table-cell;
}
.h1-small {
	font-size:60%;
}
.h1-01 {
	margin: 25px 0 20px;
	font-size: 280%;
	font-weight:bold;
	text-align:center;
}
.h1-02 {
	font-size: 280%;
	font-weight:bold;
	text-align:center;
	margin: 15px 0 20px;
	
}
.h1-03 {
	margin: 15px 0 20px;
	font-size: 200%;
	font-weight:bold;
	text-align:center;
}
.h2-01 {
	margin: 25px 0 20px;
	font-size: 280%;
	font-weight:bold;
	text-align:center;
	
}

.h2-02 {
	font-size: 260%;
	font-weight:normal;
}
.h2-02 a{
	color:#000;
	text-decoration:none;
}
.h2-lead {
	margin: 0 0 35px;
	font-size: 140%;
	font-weight:bold;
	text-align:center;
}

.h2-03 {
    line-height: 20px;
    border-left:20px solid #9d8559;
    color: #9d8559;
	font-size: 140%;
    font-weight: bold;
    padding: 0px 0px 0px 5px;
    margin: 20px 0 5px;
}
.h2-03 a {
    color: #9d8559;
	text-decoration:none;
}
.h2-04 {
    line-height: 20px;
    border-left:20px solid #0B7E55;
    color: #0B7E55;
	font-size: 140%;
    font-weight: bold;
    padding: 0px 0px 0px 5px;
    margin: 20px 0 5px;
}
.h2-04 a {
    color: #0B7E55;
	text-decoration:none;
}
.h2-05 {
    color: #f00;
	font-size: 140%;
    font-weight: bold;
    margin: 20px 0 5px;
}
.h3-kakou{
	margin:0px 20px 15px;
	padding-bottom:5px;
	border-bottom:4px solid #815050;
	text-align:center;
	font-size:1.6em;
}
.h3-boufu{
	display:table-cell;
	width:223px;
	height:110px;
	background:#9B8359;
	color:#fff;
	text-align:center;
	vertical-align:middle;
	position:relative;
	font-size:180%;
}
.h3-oki{
	display:table-cell;
	width:223px;
	height:110px;
	background:#3E7C77;
	color:#fff;
	text-align:center;
	vertical-align:middle;
	position:relative;
	font-size:120%;
}
.h3-01{
	height:35px;
	font-size:180%;
	font-weight:bold;
	line-height:1.2;
	padding:5px 10px 5px 35px;
	margin-bottom:20px;
	border-bottom:1px solid #0B7E55;
	position:relative;
}
.h3-01:after{
	position:absolute;
	content:"";
	height:65px;
	width:5px;
	top:0;
	left:20px;
	background:#0B7E55;
}
@media(max-width:640px){

	.h3-01{
		height:auto;
		font-size:160%;
		font-weight:bold;
		line-height:1.2;
		padding:5px 10px 5px 15px;
		margin-bottom:20px;
		border-bottom:none;
		position:relative;
	}
	.h3-01:after{
		position:absolute;
		content:"";
		height:100%;
		width:5px;
		top:0;
		left:0;
		background:#0B7E55;
	}
}
.h3-02{
	font-weight: bold;
	font-size:1.6em;
	color:#594645;
}
.h3-03{
	font-weight: normal;
	font-size:1.4em;
}
.h3-04{
	font-weight: normal;
	font-size:1.4em;
	color:#0B7E55;
}
.h3-05{
	font-weight: normal;
	font-size:1.2em;
	color:#f00;
}
.h4-01{
	font-weight: bold;
	border-left-color: #CCC;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	padding-left: 5px;
}

.h4-02{
	font-weight: bold;
	font-size:1.2em;
}
.h4-03{
    border-top: 2px #9A5F60 solid;
    border-right: 3px #9A5F60 ridge;
    border-bottom: 5px #9A5F60 ridge;
    border-left: 12px #9A5F60 solid;
    padding: 1px 10px 1px 10px;
    font-size: 1.2em;
    color: #714647;
    font-weight: bold;
    margin-bottom: 18px;
}
.h4-04{
	font-weight: normal;
	font-size:1.15em;
	color:#0B7E55;
}
.h5-01{
    border-top: 1px solid #3B7C74;
    border-right: 5px solid #3B7C74;
    border-bottom: 1px solid #3B7C74;
    border-left: 5px solid #3B7C74;
    padding-left: 10px;
    margin-bottom: 7px;	
}
.table01{
	border:1px solid #0B7E55;
	width:500px;
	margin:0 auto;
}

.table01 th,
.table01 td{
	border:1px solid #0B7E55;
	padding:5px;
}
.table01 th{
	text-align:center;
	vertical-align:middle;
	background:#8fdfb5;
}

.table01 td{
	text-align:right;
	vertical-align:middle;
}

.table01 td:nth-child(-n+2){
	text-align:center;
}

.table01 tr:nth-child(2n+2){
	background:#eafff0;
}
.box01 {
		margin-bottom: 30px; 
}
.box02 {
		margin: 0px 0px 40px 35px;
}
.box03 {
		margin: 20px 0 20px;
}
.box04 {
		margin: 0 0 40px;
}

.col01-01 {
	float: right;
	margin:0 0 15px 15px;
}
.col01-01 img {
	vertical-align:top;
}
.col02-01 {
	float: left;
	width:140px;
}
.col02-02 {
	float:right;
	width:863px;
}
.col03-01 {
	float: left;
	width:630px;
	margin-right:10px;
}
.col03-02 {
	float:left;
	width:161px;
	margin-top:30px;
}
.col03-03 {
	float:right;
	width:161px;
	margin-top:30px;
}
.col03-04 {
	float:right;
	margin-top:15px;
}

.col04-01 {
	float: left;
	width:572px;
	margin-top:75px;
	margin-left:5px;
}
.col04-02 {
	float:left;
	width:163px;
	margin-left:5px;
	margin-bottom:5px;
}
.col04-02 a {
	color:#000;
	text-decoration:none;
}
.col05-01 {
	float: left;
	width:150px;
	margin-right:5px;
}
.col05-02 {
	float: left;
	width:813px;
}

.col06-01 {
	float: left;
	width:425px;
}

.col06-02 {
	float: right;
	width:522px;
}

.col07-01 {
	float: left;
	width:490px;
}
.col07-02 {
	float: right;
	width:490px;
}
.col08-01 {
	float: left;
	width:150px;
}
.col09-01 {
	float: left;
	width:213px;
	padding:0 10px;
}
.col09-02 {
	float: left;
	width:750px;
	padding:0 10px;
}
.col10 {
	display:table;
	width:100%;
}
.col10-01 {
	display:table-cell;
	min-width:213px;
	padding:0 10px;
	border:1px solid #0B7E55;
}
.col10-02 {
	display:table-cell;
	min-width:213px;
	padding:0 10px;
	border:1px solid #0B7E55;
}
.hr01 {
	border-top:1px solid #0B7E55;
    margin: 1em 0;
	
}
.ul01 {
	line-height: 170%;	
}

.ul02 {
	width:100%;
}

.ul02 li{
	margin:0 auto 20px;
	width:863px;
}
.ul03 {
	line-height: 170%;
}
.ul03 li{
	margin-left:1.1em;
	text-indent:-1.1em;
}

.ol01 {
	line-height: 170%;	
	margin-bottom:1em;
}
.ol01 li{
	margin-left:1.5em;
	text-indent:-1.5em;
}
.dl01 dt {
	width: 4em;
	margin-bottom: 0.5em;
}
.dl01 dd {
	margin: -2em 0 0.5em 8em;
}
.line01 {
	padding-bottom:3px;
	border-bottom: 2px solid #000;
}
.line01 a{
	text-decoration: none;
	white-space:nowrap;
}
.color01 {
	color: #7d7d7d;;
}
.color02 {
	color: #f00;
}
.bold01 {
	font-weight: bold;
}
.big01 {
	font-size: 120%;
}
.big02 {
	font-size: 175%;
}
.small01 {
	font-size: 50%;
}
.small02 {
	font-size: 70%;
}
.small03 {
	font-size: 90%;
}
.img01 {
	vertical-align:middle;
}
.mb00 {
	margin-bottom: 0;
}
.mb10 {
	margin-bottom: 10px;
}
.mb20 {
	margin-bottom: 20px;
}
.mb25 {
	margin-bottom: 25px;
}
.mb30 {
	margin-bottom: 30px;
}
.mb35 {
	margin-bottom: 35px;
}
.mb40 {
	margin-bottom: 40px;
}
.mb45 {
	margin-bottom: 45px;
}
.mb50 {
	margin-bottom: 50px;
}
.mb60 {
	margin-bottom: 60px;
}

.ml40 {
	margin-left: 40px;
}
.pb25 {
	padding-bottom: 25px;
}
.ls05{
	letter-spacing:0.5em;
}
.mincho {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.f14ac {
    border-left-color: #9A5F60;
    border-bottom-width: 5px;
    border-bottom-style: ridge;
    border-top-width: 2px;
    border-right-width: 3px;
    border-left-width: 12px;
    border-top-style: solid;
    border-right-style: ridge;
    border-left-style: solid;
    border-top-color: #9A5F60;
    border-right-color: #9A5F60;
    border-bottom-color: #9A5F60;
    padding-top: 1px;
    padding-right: 10px;
    padding-bottom: 1px;
    padding-left: 10px;
    font-size: 1.2em;
    color: #714647;
    font-weight: bold;
    margin-bottom: 18px;
}
.f14r {
    border-top-width: 1px;
    border-right-width: 5px;
    border-bottom-width: 1px;
    border-left-width: 5px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #3B7C74;
    border-right-color: #3B7C74;
    border-bottom-color: #3B7C74;
    border-left-color: #3B7C74;
    width: auto;
    padding-left: 10px;
    margin-bottom: 7px;
}

.form01 {
	width:100%;
	margin-bottom:1em;
}
.form01 li{
	display:table;
	border-left:1px solid #0B7E55;
}
.form01 li:first-child{
	border-top:1px solid #0B7E55;
}
.form01 .head{
	background:#8fdfb5;
}
.form01 .head span{
	text-align:center;
	padding:4px 10px;
	border-right:1px solid #0B7E55;
	border-bottom:1px solid #0B7E55;
	display:table-cell;
}
.form01 .code{
	width:120px;
	padding:4px 10px;
	border-right:1px solid #0B7E55;
	border-bottom:1px solid #0B7E55;
	display:table-cell;
}
.form01 .name{
	width:538px;
	padding:4px 10px;
	border-right:1px solid #0B7E55;
	border-bottom:1px solid #0B7E55;
	display:table-cell;
}
.form01 .amount{
	width:150px;
	padding:4px 10px;
	border-right:1px solid #0B7E55;
	border-bottom:1px solid #0B7E55;
	display:table-cell;
	text-align:center;
}
.form01 .price{
	width:110px;
	padding:4px 10px;
	border-right:1px solid #0B7E55;
	border-bottom:1px solid #0B7E55;
	display:table-cell;
	text-align:center;
}

.form02 {
	width:100%;
	margin-bottom:1em;
}
.form02 li{
	display:table;
	border-left:1px solid #0B7E55;
}
.form02 li:first-child{
	border-top:1px solid #0B7E55;
}
.form02 .head{
	background:#8fdfb5;
	width:170px;
	padding:4px 10px;
	border-right:1px solid #0B7E55;
	border-bottom:1px solid #0B7E55;
	display:table-cell;
	vertical-align:top;
}
.form02 .data{
	width:790px;
	padding:4px 10px;
	border-right:1px solid #0B7E55;
	border-bottom:1px solid #0B7E55;
	display:table-cell;
	vertical-align:top;
}
.input01{
	width:50px;
	text-align:right;
}

.input02{
	width:150px;
}
.sitemap{
	margin-left:3em;
	margin-bottom:1em;
}
.sitemap li{
	list-style:circle;
	line-height:1.5;
	margin-left:1.5em;
	margin-right:1em;
	float:left;
	min-width:5em;
}
.sitemap li li{
	list-style:circle;
	line-height:1.5;
	margin-left:1.5em;
	margin-right:1em;
	min-width:5em;
}
.sitemap li.nostyle{
	list-style:none;
	line-height:1.5;
	margin-left:0;
	margin-right:0;
}
.sitemap ul{
	margin-bottom:1em;
}

.sitemap ul ul{
	margin-bottom:1em;
}
.sitemap ul ul ul{

margin-bottom:0.5em;
}
.sitemap li li li{
	float:none;
}


.catalog {
margin: 2em 0;
}
.catalog_cell {
display: table-cell;
width:600px;
vertical-align: top;
white-space: nowrap;
}
.catalog ul {
margin: 1em 0;
padding-left: 15px;
}
.catalog a {
margin: 1em 0;
margin-left: 15px;
}
.dai {
margin-left: -10px;
font-size: 140%;
}

#sdgs-banner{
	width:100%;
	padding-top:20%;
	background:url(../images/sdgs-banner-pc.png);
	background-repeat:no-repeat;
	background-size: 100% auto;
	background-position:center center;
	margin:40px auto;
	position:relative;
}
#sdgs-banner a{
	display:block;
	position:absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
#sdgs-banner p{
	display:none;
}
#sdgs-head{
	width:100%;
	padding-top:25.19%;
	background:url(../images/sdgs-head.svg);
	background-repeat:no-repeat;
	background-size: 90% auto;
	background-color:#2EA7E0;
	background-position:center center;
	margin-top: 35px;
	margin-bottom: 50px;
}
#sdgs-head p{
	display:none;
}
#sdgs-foot{
	background-color:#2EA7E0;
	border-top:5px solid #fff;
	margin-bottom: 35px;
}
#sdgs-foot p{
	color:#ffffff;
	font-size:1em;
	font-weight:600;
	text-align:center;
	line-height:2;
	padding:1.5em 1.5em 2.5em;
	margin:0;
	
	letter-spacing: .05em;
}
.sdgs-column {
	gap:0;
	justify-content: space-between;
}
.sdgs-column .wp-block-columns .wp-block-column:first-child{
	margin-right:0px;
}
.sdgs-column .wp-block-columns{
	gap:0;
	
}
.sdgs-column p.has-background{
	margin:0 0 20px;
	padding:15px 20px;
}
#sdgs-body{
	display:flex;
}
.sdgs-box{
	margin-bottom:50px;
}
#sdgs-sycle{
	margin-bottom:50px;
	width:51.78%;
}
#sdgs-sycle figure{
	margin-bottom:0px;
}
#sdgs-icons{
	flex:1;
	display:flex;
	flex-direction:column;
	border-right:5px solid #ffffff;
}
.sdgs-icon{
	display:flex;
	border-bottom:5px solid #fff;
}
.sdgs-icon:last-child{
	border-bottom:none;
}
.icon11{
	background:#F5A200;
}
.icon12{
	background:#D39200;
}
.icon15{
	background:#28A838;
}
.sdgs-icon .image{
	border-right:5px solid #ffffff;
}
.sdgs-icon .image img{
	width:100%;
	height:auto;
}
.sdgs-icon .text{
	width:40%;
	display:flex;
	align-items:end;
}
.sdgs-icon .text p{
	color:#ffffff;
	padding:5%;
	font-size:0.85em;
	line-height:1.75em;
	text-align:justify;
}

#sdgs-sycle2{
	padding-top:109%;
	background:url(../images/sdgs-cycle2.jpg);
	background-repeat:no-repeat;
	background-size: cover;
	background-position:center center;
}
#sdgs-sycle2 p{
	display:none;
}
.sdgs-lead{
	text-align:center;
	font-size:1.2em;
	font-weight:600;
	margin:50px auto 50px;
	line-height:2;
}
@media(max-width:1020px){
	#sdgs-foot p{
		color:#ffffff;
		font-size:1em;
	}
}
@media(max-width:860px){
	h2.sdgs{
		font-size:220%;
		line-height:1.42;
	}
	#sdgs-head{
		width:100%;
		padding-top:75%;
		background:url(../images/sdgs-head-sp.svg);
		background-repeat:no-repeat;
		background-size: 83.33% auto;
		background-color:#2EA7E0;
		background-position:center center;
	}
	#sdgs-foot{
		border-top:30px solid #fff;
		margin-bottom: 70px;
	}
	#sdgs-foot p{
		text-align:justify;
		font-size:1em;
		line-height:1.75;
		padding:1em 1.5em 1em;
	}
	#sdgs-foot .pc{
		display:none;
	}
	#sdgs-body{
		flex-direction:column;
	}

#sdgs-sycle{
	margin-bottom:50px;
	width:51.78%;
}

.sdgs-column .wp-block-columns .wp-block-column:first-child{
	margin-right:00px;
}
	#sdgs-icons{
		flex-direction:column;
		border:none;
	}
	.sdgs-icon{
		border-bottom:30px solid #fff;
	}
	.sdgs-icon:last-child{
		border-bottom:30px solid #fff;
	}
	.sdgs-icon .image{
		flex:1;
	}
	.sdgs-icon .text{
		width:40%;
		display:flex;
		align-items:end;
	}
	.sdgs-icon .text p{
		text-align:justify;
		font-size:1em;
		line-height:1.45;
	}
	#sdgs-sycle{
		flex:1;
		padding-top:193%;
		background:url(../images/sdgs-cycle.jpg);
		background-repeat:no-repeat;
		background-size: cover;
		background-position:center center;
	}
	.sdgs-lead{
		text-align:left;
		margin:0px auto 50px;
	}
}
@media(max-width:640px){
	#sdgs-banner{
		width:100%;
		padding-top:75.1%;
		background:url(../images/sdgs-banner-sp.png);
		background-repeat:no-repeat;
		background-size: 100% auto;
		background-position:center center;
		margin:30px auto;
	}
	.sdgs-icon{
		flex-direction:column;
	}
	.sdgs-icon .image{
		border-right:none;
		border-bottom:10px solid #ffffff;
	}
	.sdgs-icon .text{
		width:100%;
		display:block;
	}
	.sdgs-icon .text p{
		margin:0;
		padding: 1em 1.5em;
	}
	#sdgs-sycle2{
		padding-top:193%;
		background:url(../images/sdgs-cycle2-sp.jpg);
		background-repeat:no-repeat;
		background-size: cover;
		background-position:center center;
	}
}

.jas-aq img{
	box-shadow: 0 0 4px #666;;
}
#top-instagram-box{
	margin-bottom: 50px;
}