/*--------------*/
/*共有*/
/*--------------*/
html {
	-webkit-text-size-adjust: none;
	word-break:break-all;
}

body {
	width:100%;
	height:100%;
	border: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left:0px;
	margin-right:0px;
	text-align: left;
	font-size: 14px;
	font-family: '游ゴシック体', 'Yu Gothic', 'YuGothic', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif;
	font-weight: 600;
	line-height: 1.8;
	width:100%;
	color:#00000;
	overflow-x: hidden;
	background-color:#FFFFFF;
}
.Mintyoufont{
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;

}
.Goshicfont{
	font-family: '游ゴシック体', 'Yu Gothic', 'YuGothic', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif;
	font-weight: 500;

}

pre {
     /* Mozilla */ 
     white-space: -moz-pre-wrap;  
 
     /* Opera 4-6 */ 
     white-space: -pre-wrap;  
 
     /* Opera 7 */ 
     white-space: -o-pre-wrap;  
 
     /* CSS3 */ 
     white-space: pre-wrap;  
 
     /* IE 5.5+ */ 
     word-wrap: break-word;  
}
*html body{ 
	font-size:90%;
	line-height:1.5;
}

a:link{
	color:#000000;
}
a:visited{
	color:#000000;
}
a:hover{
	color:#000000;
}

.bold{
	font-weight:bold;
}
/*フォントサイズ対策とか*/
table,h1,h2,h3,h4,h5,h6{
	font-size:100%;
}
img, h1, h2, h3, h4, h5, h6, p, form{
	border:none;
	margin:0 0 0 0;
	padding:0 0 0 0;
	vertical-align:bottom;
}

img{
	max-width: 100%;
	height: auto;
	width /***/:auto;
	transition: 0.5s;
}

article,aside,canvas,details,figcaption,figure,
header,footer,main,menu,nav,section,summary {
  display: block;
}
/*オーバーフロー対策*/
.clearfix {
	display: inline-block;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0.1em;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/*オーバーフロー対策*/

/****画像ロールオーバ*****/
a:hover img.over {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha( opacity=50 )";
	transition: 0.5s;
}
/*************************/

/************スマホ用ボタン表示非表示*************/
header{
	visibility:hidden;
}
/*ついてくるボタン*/
#totop{
	display:block;
}
#FixBT{
	width:41px;
	z-index:1500;
	position: fixed;
	top: 350px;
	right: 10px;
	display: block;
}
#FixBTOkeya{
	width:140px;
	z-index:1500;
	position: fixed;
	bottom: 170px;
	right: -20px;
	display: block;
}

.sp-ico-b{
	width:100%;
	margin:0 0 0 0;
	padding:5px;
	float:left;
	background-color:#000000;
	box-sizing:border-box;
	transition: 0.5s;
}
.sp-ico-txt{
	width:100%;
	font-size:10px;
	margin:0 0 0 0;
	padding:5px;
	float:left;
	color:#FFFFFF;
	box-sizing:border-box;
	transition: 0.5s;
}

.sp-ico-b:hover {
    filter:alpha(opacity=70);/* IE 6,7*/
    -ms-filter: "alpha(opacity=70)";/* IE 8,9 */
    -moz-opacity:0.7;/* FF , Netscape */
    -khtml-opacity: 0.7;/* Safari 1.x */
    opacity:0.7;
    zoom:1;/*IE*/
	transition: 0.5s;
}


#FixBTSP{
	z-index:1500;
	position: fixed;
	bottom:0px;
	left: 0px;
	width:100%;
	display: none;
	text-align:center;
	background-color:#491219;
	padding:10px;
	box-sizing:border-box;
}


/****トリミング（外装）*****/
.cover {
    display: inline-block;
    background-color: #ccc;
    background-position: center center;
    background-repeat: no-repeat;
    width: 180px;
    height: 140px;
    background-size: cover;
	vertical-align: bottom;
}
.newscover{
	display: inline-block;
	background-position: center center;
	background-repeat: no-repeat;
	width:100%;
	padding-top:70%;
	background-color:#FFFFFF;
	background-size: cover;
	overflow: hidden;
	vertical-align: bottom;
}
.newscoverse{
	display: inline-block;
	background-position: center center;
	background-repeat: no-repeat;
	width:100%;
	padding-top:70%;
	background-color:#FFFFFF;
	background-size: cover;
	overflow: hidden;
	vertical-align: bottom;
	border:3px solid #f8f8f2;
}
.newsworkcover {
	display: inline-block;
	background-position: center center;
	background-repeat: no-repeat;
	width:100%;
	padding-top:120%;
	background-size: cover;
	margin:0 0 0 0;
	vertical-align: bottom;
}
.evecover {
	display: inline-block;
	background-position: center center;
	background-repeat: no-repeat;
	width:100%;
	padding-top:100%;
	background-color:#FFFFFF;
	background-size: cover;
	overflow: hidden;
	vertical-align: bottom;
}
.evcoverbig{
	display: inline-block;
	background-position: center center;
	background-repeat: no-repeat;
	width:100%;
	padding-top:70%;
	background-size: contain;
	overflow: hidden;
	background-color:#FFFFFF;
	vertical-align: bottom;
	box-sizing: border-box;
	border:3px solid #f8f8f2;
}
.voicecover {
	display: inline-block;
	background-position: center center;
	background-repeat: no-repeat;
	width:100%;
	padding-top:70%;
	background-color:#FFFFFF;
	background-size: cover;
	overflow: hidden;
	vertical-align: bottom;
	box-sizing: border-box;
	border:3px solid #f8f8f2;
}
.staffcover {
	display: inline-block;
	background-position: center center;
	background-repeat: no-repeat;
	width:100%;
	padding-top:70%;
	background-color:#FFFFFF;
	box-sizing: border-box;
	background-size: cover;
	overflow: hidden;
	vertical-align: bottom;
}
.blogcover{
	display: inline-block;
	background-position: center center;
	background-repeat: no-repeat;
	width:100%;
	padding-top:70%;
	background-color:#FFFFFF;
	box-sizing: border-box;
	background-size: cover;
	overflow: hidden;
	vertical-align: bottom;
}

.worksewscover{
	display: inline-block;
	background-position: center center;
	background-repeat: no-repeat;
	width:100%;
	padding-top:68%;
	background-size: cover;
	overflow: hidden;
	vertical-align: bottom;
	border-radius:15px 15px 0 0;
}
.workspagecover{
	display: inline-block;
	background-position: center center;
	background-repeat: no-repeat;
	width:100%;
	padding-top:70%;
	background-size: cover;
	box-sizing: border-box;
	overflow: hidden;
	vertical-align: bottom;
}
.workscoverbig{
	display: inline-block;
	background-position: center center;
	background-repeat: no-repeat;
	width:100%;
	padding-top:80%;
	background-size: cover;
	overflow: hidden;
	background-color:#FFFFFF;
	box-sizing: border-box;
	vertical-align: bottom;
	border:3px solid #f8f8f2;
}
.workscoversum{
	display: inline-block;
	background-position: center center;
	background-repeat: no-repeat;
	width:100%;
	padding-top:80%;
	background-size: cover;
	overflow: hidden;
	background-color:#FFFFFF;
	box-sizing: border-box;
	vertical-align: bottom;
	border:2px solid #f8f8f2;
}
.pagenextA{
	display: inline-block;
	background-position: center center;
	background-repeat: no-repeat;
	width:100%;
	padding-top:80%;
	background-size: cover;
	overflow: hidden;
	background-color:#f7f7f7;
}
.productscoverB {
    display: inline-block;
    background-color: #f6f6f6;
    background-position: center center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    background-size: contain;
}
/*--------------*/
/*画像の回り込み*/
/*--------------*/

.leftimg{
	float: left;
	margin-right:5px;
}
.rightimg{
	float: right;
	margin-left:5px;
}
/************************************
** video
************************************/
/*動画の最大幅を指定する*/
.video-container{
  max-width:640px;
}
 
/*動画の大きさを調整*/
.video {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  height: auto;
}
 
/*動画を囲んでいるdiv目一杯に広げる*/
.video iframe,
.video object,
.video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/********/
/*ボタン拡大のエフェクト*/
/********/
.imgWrap {
	overflow: hidden;	/*拡大時にはみ出た部分を隠す*/
}
.imgWrap img {
	display: block;
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}
.imgWrap img:hover {
	transform: scale(1.1);	/*画像の拡大率*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}

/*中央ぞろえ*/
.centerbox {
	display: flex; /* 子要素をflexboxで揃える */
	flex-direction: column; /* 子要素をflexboxにより縦方向に揃える */
	justify-content: center; /* 子要素をflexboxにより中央に配置する */
	align-items: center;  /* 子要素をflexboxにより中央に配置する */
}
/*************************/
/*************************/
/*--------------*/
/*ブロック構成*/
/*--------------*/
/********/
/*全体枠*/
/********/
#wrap{
     width: 100%;
     position: relative;
     height:auto !important; /*IE6対策*/
     height: 100%; /*IE6対策*/
     min-height: 100%;
}
.spshow{
	display:none;
}
/********/
/*ヘッダ*/
/********/
/***スライド文字****/

.SlideTextA{
	width:20%;
	max-width:300px;
	margin:0 0 0 0;
	padding:0px;
	text-align:center;
	position: absolute;
	bottom: 5%;
	left: 5%;
	z-index:900;
}
.SlideTextB{
	width:100%;
	margin:0 0 0 0;
	padding:0px;
	text-align:center;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index:990;
}
.ServiceTxt{
	width:100%;
	margin:0 0 0 0;
	padding:10px;
	position: absolute;
	top: -160px;
	left: 0;
	box-sizing:border-box;
	color:#000000;
	font-size:36px;
	text-align:center;
}

/*ヘッダ全体*/
#headerWrapper{
	width:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:left;
	box-sizing:border-box;
	position: absolute;
	top:0;
	left:0;
	z-index: 999;
}

#headerBox{
	width:100%;
	margin:0px 0 0px 0;
	padding:0px;
	box-sizing:border-box;
	float:left;
}

#headerBox img{
	max-width: 100%;
	height: auto;
	width /***/:auto;
}
#headerBoxL{
	width:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	text-align:left;
	float:left;
	box-sizing:border-box;
}
#headerBoxR{
	width:50%;
	margin:0px 0 0 0;
	padding:10px 105px 0 0;
	box-sizing:border-box;
	text-align:left;
	float:right;
}
.headerBoxRL{
	width:90%;
	margin:0px 0 0 0;
	padding:0 0 0 0;
	box-sizing:border-box;
	text-align:left;
	float:right;
}
.headerBoxRR{
	width:10%;
	margin:0px 0 0 0;
	padding:20px 10px 20px 10px;
	box-sizing:border-box;
	text-align:center;
	float:right;
	background-color:#535d60;
}

/****/
/********/

/********/
/*下から現れるお問合せ*/
/********/

.fix-footer {
	bottom: -200px;/* 下にに隠す高さ */
	left: 0;
	text-align: center;
	width: 100%;
	margin: 0 auto;
	padding-top:0px;
	padding-bottom:0px;
	box-sizing:border-box;
	position: fixed;
	opacity:0;/* 	最初読み込んだときは透過 */
	z-index: 1900;/*　他のアイテムに対して最上位のレイヤーになるように */
	/*opacity: 0; */
	box-sizing:border-box;

}

/********/
/*入れ替え用ヘッダ*/
/********/
.fix-header {
	display:none;
	line-height: 20px;
	top: -200px;/* 上に隠す鷹さ */
	left: 0;
	text-align: center;
	width: 100%;
	margin: 0 auto;
	color:#FFFFFF;
	padding-top:10px;
	padding-bottom:5px;
	box-sizing:border-box;
	position: fixed;
	opacity:0;/* 	最初読み込んだときは透過 */
	z-index: 2000;/*　他のアイテムに対して最上位のレイヤーになるように */
	/*opacity: 0; */
	background-color:#FFFFFF;
	box-shadow: 0px 7px 7px -5px rgba(0,0,0,0.2);
	box-sizing:border-box;

}
 
.fix-header-contents{
	width:100%;
	margin: 0 0 0px 0;
	padding:0 0 0 0;
	float:left;
}
 
.fix-header ul{
	list-style-type: none;
}


.fix-header li{
	display:block;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:left;
	font-weight: 600;
}
 
.fix-header li a,.fix-header li a:visited{
	display:block;
	width:100%;
	padding:10px;
	box-sizing:border-box;
	text-decoration: none;
	color:#FFFFFF;
	transition: 0.5s;
}
.fix-header li a:hover{
	color:#ffdada;
}
.fix-header li:last-child{
	margin-right:0;
}
#fix-header-logo{
	float:left;
	padding:0px;
	box-sizing:border-box;
	width:25%;
	max-width:290px;
	padding:5px;
	text-align:center;
}
 
#fix-header-logo img{
	max-width:250px;
}
 
#fix-header-menus{
	width:75%;
	float:right;
	text-align: right;
}
#scroll-fix-menu{
	margin:0px 25px 0 0;
	text-align:left;
	float:right;
}
#scroll-fix-menu li{
	position:relative;
}
#scroll-fix-menu img{
	padding-bottom: 5px;
	border-bottom:2px solid #fff;
}
 
#scroll-fix-menu .current-menu-item img{
	border-bottom:2px solid #0f142a;
}
 
#scroll-fix-menu a img:hover{
	border-bottom:2px solid #0f142a;
	transition:border-color 0.6s ease-out;
}

/***アニメ***/
.iosSlider{
	display:block;
}
.iosSliderSP{
	width:100%;
	float:left;
	display:none;
}
.iosSliderSP img{
	max-width: 100%;
	height: auto;
	width /***/:auto;　
}
.AnimeSP{
	display:none;
	width:100%;
	padding:0 0 0 0;
	text-align:center;
	box-sizing:border-box;
	float:left;
	background-color:#FFFFFF;
}
/********/
/***ボタン***/

.LinkBT{
	font-size:16px;
	width:100%;
	text-align:center;
	margin:0px 0 0 0;
	box-sizing:border-box;
	padding:5px;
	float:left;
	background-color:none;
	font-weight:bold;
	background-color:#491219;
	transition: 0.5s;
	border-radius: 60px;        /* CSS3草案 */  
	-webkit-border-radius: 60px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 60px;   /* Firefox用 */  
}
.LinkBT a{
	display:block;
	width: 100%; /* 横幅 */
	padding:10px; /* a要素内の余白 */
	box-sizing:border-box;
	color:#FFFFFF;
	text-decoration: none;
	transition: 0.5s;
	position: relative;
}
.LinkBT:hover {
    filter:alpha(opacity=70);/* IE 6,7*/
    -ms-filter: "alpha(opacity=70)";/* IE 8,9 */
    -moz-opacity:0.7;/* FF , Netscape */
    -khtml-opacity: 0.7;/* Safari 1.x */
    opacity:0.7;
    zoom:1;/*IE*/
	transition: 0.5s;
}



.LinkBTYOYAKU{
	font-size:24px;
	width:100%;
	text-align:center;
	margin:0px 0 0 0;
	box-sizing:border-box;
	padding:15px;
	float:left;
	font-weight:bold;
	background-color:#fa9325;
	transition: 0.5s;
	border-radius: 30px;        /* CSS3草案 */  
	-webkit-border-radius: 30px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 30px;   /* Firefox用 */  
}
.LinkBTYOYAKU a {
	display:block;
	width: 100%; /* 横幅 */
	padding:10px; /* a要素内の余白 */
	box-sizing:border-box;
	color:#FFFFFF;
	text-decoration: none;
	transition: 0.5s;
	position: relative;
}
.LinkBTYOYAKU:hover {
    filter:alpha(opacity=70);/* IE 6,7*/
    -ms-filter: "alpha(opacity=70)";/* IE 8,9 */
    -moz-opacity:0.7;/* FF , Netscape */
    -khtml-opacity: 0.7;/* Safari 1.x */
    opacity:0.7;
    zoom:1;/*IE*/
	transition: 0.5s;
}

.LinkBTREQ{
	font-size:14px;
	width:100%;
	text-align:center;
	margin:0px 0 0 0;
	box-sizing:border-box;
	padding:3px;
	float:left;
	background-color:none;
	font-weight:bold;
	background-color:#111111;
	transition: 0.5s;
	border-radius: 30px;        /* CSS3草案 */  
	-webkit-border-radius: 30px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 30px;   /* Firefox用 */  
}
.LinkBTREQ a {
	display:block;
	width: 100%; /* 横幅 */
	padding:5px; /* a要素内の余白 */
	box-sizing:border-box;
	color:#FFFFFF;
	text-decoration: none;
	transition: 0.5s;
	position: relative;
}
.LinkBTREQ:hover {
    filter:alpha(opacity=70);/* IE 6,7*/
    -ms-filter: "alpha(opacity=70)";/* IE 8,9 */
    -moz-opacity:0.7;/* FF , Netscape */
    -khtml-opacity: 0.7;/* Safari 1.x */
    opacity:0.7;
    zoom:1;/*IE*/
	transition: 0.5s;
}
.LinkBTFLOW{
	font-size:14px;
	width:100%;
	text-align:center;
	margin:0px 0 0 0;
	box-sizing:border-box;
	padding:0px;
	float:left;
	background-color:none;
	font-weight:bold;
	background-color:#f58d1d;
	transition: 0.5s;
	border-radius: 30px;        /* CSS3草案 */  
	-webkit-border-radius: 30px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 30px;   /* Firefox用 */  
}
.LinkBTFLOW a {
	display:block;
	width: 100%; /* 横幅 */
	padding:10px; /* a要素内の余白 */
	box-sizing:border-box;
	color:#FFFFFF;
	text-decoration: none;
	transition: 0.5s;
	position: relative;
}
.LinkBTFLOW:hover {
    filter:alpha(opacity=70);/* IE 6,7*/
    -ms-filter: "alpha(opacity=70)";/* IE 8,9 */
    -moz-opacity:0.7;/* FF , Netscape */
    -khtml-opacity: 0.7;/* Safari 1.x */
    opacity:0.7;
    zoom:1;/*IE*/
	transition: 0.5s;
}

.arrow_r::after {
  content: '';
  width: 6px;
  height: 6px;
  border: 0;
  border-top: solid 2px #FFFFFF;
  border-right: solid 2px #FFFFFF;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -4px;
  transform: rotate(45deg);
}
.arrow_w::after {
  content: '';
  width: 6px;
  height: 6px;
  border: 0;
  border-top: solid 2px #FFFFFF;
  border-right: solid 2px #FFFFFF;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -4px;
  transform: rotate(45deg);
}
.arrow_b::after {
  content: '';
  width: 6px;
  height: 6px;
  border: 0;
  border-top: solid 2px #000000;
  border-right: solid 2px #000000;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -4px;
  transform: rotate(45deg);
}

.arrow_g::after {
  content: '';
  width: 6px;
  height: 6px;
  border: 0;
  border-top: solid 2px #ccb487;
  border-right: solid 2px #ccb487;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -4px;
  transform: rotate(45deg);
}

.LinkBTA{
	font-size:14px;
	width:100%;
	text-align:center;
	margin:0px 0 0 0;
	box-sizing:border-box;
	padding:10px;
	float:left;
	background-color:none;
	font-weight:bold;
	background-color:#ccb487;
	transition: 0.5s;
	border-radius: 30px;        /* CSS3草案 */  
	-webkit-border-radius: 30px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 30px;   /* Firefox用 */  
}
.LinkBTA a {
	display:block;
	width: 100%; /* 横幅 */
	padding:10px; /* a要素内の余白 */
	box-sizing:border-box;
	color:#FFFFFF;
	text-decoration: none;
	transition: 0.5s;
	position: relative;
}
.LinkBTA:hover {
    filter:alpha(opacity=70);/* IE 6,7*/
    -ms-filter: "alpha(opacity=70)";/* IE 8,9 */
    -moz-opacity:0.7;/* FF , Netscape */
    -khtml-opacity: 0.7;/* Safari 1.x */
    opacity:0.7;
    zoom:1;/*IE*/
	transition: 0.5s;
}

.LinkBTB{
	font-size:14px;
	width:100%;
	text-align:left;
	margin:0px 0 0 0;
	box-sizing:border-box;
	padding:5px;
	float:left;
	background-color:none;
	font-weight:bold;
	transition: 0.5s;
	border-bottom:1px solid #896b34;
}
.LinkBTB a {
	display:block;
	width: 100%; /* 横幅 */
	padding:5px; /* a要素内の余白 */
	box-sizing:border-box;
	color:#896b34;
	text-decoration: none;
	transition: 0.5s;
	position: relative;
}
.LinkBTB:hover {
    filter:alpha(opacity=70);/* IE 6,7*/
    -ms-filter: "alpha(opacity=70)";/* IE 8,9 */
    -moz-opacity:0.7;/* FF , Netscape */
    -khtml-opacity: 0.7;/* Safari 1.x */
    opacity:0.7;
    zoom:1;/*IE*/
	transition: 0.5s;
}

.LinkBTC{
	font-size:24px;
	width:100%;
	text-align:left;
	margin:0px 0 0 0;
	box-sizing:border-box;
	padding:5px;
	float:left;
	background-color:none;
	font-weight:bold;
	transition: 0.5s;
	border-bottom:1px solid #ccb487;
}
.LinkBTC a {
	display:block;
	width: 100%; /* 横幅 */
	padding:5px; /* a要素内の余白 */
	box-sizing:border-box;
	color:#000000;
	text-decoration: none;
	transition: 0.5s;
	position: relative;
}
.LinkBTC:hover {
    filter:alpha(opacity=70);/* IE 6,7*/
    -ms-filter: "alpha(opacity=70)";/* IE 8,9 */
    -moz-opacity:0.7;/* FF , Netscape */
    -khtml-opacity: 0.7;/* Safari 1.x */
    opacity:0.7;
    zoom:1;/*IE*/
	transition: 0.5s;
}

.LinkBTD{
	font-size:24px;
	width:100%;
	text-align:left;
	margin:0px 0 0 0;
	box-sizing:border-box;
	padding:5px;
	float:left;
	background-color:none;
	font-weight:bold;
	transition: 0.5s;
	border-bottom:1px solid #ccb487;
}
.LinkBTD a {
	display:block;
	width: 100%; /* 横幅 */
	padding:5px; /* a要素内の余白 */
	box-sizing:border-box;
	color:#000000;
	text-decoration: none;
	transition: 0.5s;
	position: relative;
}
.LinkBTD:hover {
    filter:alpha(opacity=70);/* IE 6,7*/
    -ms-filter: "alpha(opacity=70)";/* IE 8,9 */
    -moz-opacity:0.7;/* FF , Netscape */
    -khtml-opacity: 0.7;/* Safari 1.x */
    opacity:0.7;
    zoom:1;/*IE*/
	transition: 0.5s;
}


.LinkBTNext{
	font-size:16px;
	width:100%;
	text-align:center;
	margin:0px 0 0 0;
	box-sizing:border-box;
	padding:5px;
	float:left;
	background-color:none;
	font-weight:bold;
	transition: 0.5s;
	background-color:#FFFFFF;
	border:1px solid #000000;
}
.LinkBTNext a {
	display:block;
	width: 100%; /* 横幅 */
	padding:5px; /* a要素内の余白 */
	box-sizing:border-box;
	color:#000000;
	text-decoration: none;
	transition: 0.5s;
	position: relative;
}
.LinkBTNext:hover {
    filter:alpha(opacity=70);/* IE 6,7*/
    -ms-filter: "alpha(opacity=70)";/* IE 8,9 */
    -moz-opacity:0.7;/* FF , Netscape */
    -khtml-opacity: 0.7;/* Safari 1.x */
    opacity:0.7;
    zoom:1;/*IE*/
	transition: 0.5s;
}

.LinkBTgaisou{
	font-size:16px;
	width:100%;
	text-align:center;
	margin:0px 0 0 0;
	box-sizing:border-box;
	padding:10px;
	float:left;
	background-color:none;
	font-weight:bold;
	background-color:#fe9104;
	transition: 0.5s;
	border-radius: 30px;        /* CSS3草案 */  
	-webkit-border-radius: 30px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 30px;   /* Firefox用 */  
}
.LinkBTgaisou a {
	display:block;
	width: 100%; /* 横幅 */
	padding:10px; /* a要素内の余白 */
	box-sizing:border-box;
	color:#FFFFFF;
	text-decoration: none;
	transition: 0.5s;
	position: relative;
}
.LinkBTgaisou:hover {
    filter:alpha(opacity=70);/* IE 6,7*/
    -ms-filter: "alpha(opacity=70)";/* IE 8,9 */
    -moz-opacity:0.7;/* FF , Netscape */
    -khtml-opacity: 0.7;/* Safari 1.x */
    opacity:0.7;
    zoom:1;/*IE*/
	transition: 0.5s;
}


/********/
/*TOP*/
/********/
.SlideBoxALL{
	width:100%;
	margin:0 0 0 0;
	padding:0px;
	box-sizing:border-box;
	float:left;
	background-color:#FFFFFF;
}

.SlideBoxL{
	width:70%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:right;
	box-sizing:border-box;
}
.SlideBoxR{
	width:30%;
	height:100%;
	margin:0 0 0 0;
	padding:10px;
	box-sizing:border-box;
	float:left;
	background-color:#FFFFFF;
}

#ALLBGWrapper{
	width:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:left;
}
#ALLBGWrapper img{
	max-width: 100%;
	height: auto;
	width /***/:auto;　
}
#ALLBGWrapperNews{
	width:100%;
	margin:-80px 0 0 0;
	padding:0 0 0 0;
	float:left;
}


.TOPCONCEPTtext{
	width:100%;
	writing-mode: vertical-rl;
	text-orientation: upright;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:left;
	box-sizing:border-box;
}

.TOPmessegaeSlide{
	width:100%;
	text-align:center;
	margin:-100px 0 0 0;
	padding:0 0 0 0;
	float:left;
}
.MagoSlide{
	width:100%;
	text-align:center;
	margin:-100px 0 0 0;
	padding:0 0 0 0;
	float:left;
}

.TOPCABOXL{
	width:50%;
	text-align:left;
	margin:0 0 0 0;
	float:left;
}
.TOPCABOXR{
	width:50%;
	text-align:left;
	padding:25px;
	margin:100px 0 0 -40px;
	float:left;
	background-color:#FFFFFF;
	box-sizing:border-box;
}

.TOPbCABOXL{
	width:50%;
	text-align:left;
	margin:0 0 0 0;
	float:left;
}
.TOPbCABOXR{
	width:50%;
	padding:20px;
	box-sizing:border-box;
	font-size:22px;
	color:#595757;
	text-align:left;
	margin:0px 0 0px 0;
	float:left;
}

.RinenBG{
	background:url(../img/hiroshima_bg.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: contain;
}


.VoiceBG{
	background:url(../img/voice_bg.webp);
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: cover;
}

.IedukuriBG{
	background:url(../img/iedukuri_bg.webp);
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: cover;
}
.WakuMidashi{
	width:100%;
	padding:10px;
	margin:0 0 0 0;
	box-sizing:border-box;
	color:#FFFFFF;
	text-align:center;
	float:left;
	border:1px solid #FFFFFF;
}
.WakuMidashiPosi{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
}
.WakuMidashiA{
	font-size:14px;
	width:100%;
	padding:0px;
	margin:0 0 0 0;
	box-sizing:border-box;
	text-align:center;
	float:left;
}

.WakuMidashiB{
	font-size:30px;
	width:100%;
	padding:0px;
	margin:0 0 0 0;
	box-sizing:border-box;
	text-align:center;
	float:left;
}


.ConceptTOPBG{
	background:url(../img/concept_top_bg.png);
	background-position: top 50% center;
	background-repeat: no-repeat;
}
.AboutBG{
	width:100%;
	min-height:300px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	text-align:center;
	background:url(../img/about_bg.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	float:left;
}
.AboutBOX{
	width:100%;
	margin:0 0 0 0;
	text-align:center;
	float:left;
}
.AboutBOX li{
	display:inline-block;
	float: left;
	width: 33.3%;
	margin:20px 0 0 0;
	padding: 20px;
	text-align:center;
	text-decoration: none;
	position:relative;
	box-sizing:border-box;
	color:#FFFFFF;
}
.AboutIMG{
	width:100%;
	margin:0 0 0 0;
	text-align:center;
	float:left;
	box-sizing:border-box;
}
.AboutText{
	width:80%;
	margin:-15px 0 0 -15px;
	padding: 0px;
	text-align:left;
	float:left;
	color:#000000;
	box-sizing:border-box;
	background-color:#FFFFFF;
}
.AboutTextA{
	width:20%;
	font-size:30px;
	border-bottom:3px solid #000000;
	margin:0 0 0 0;
	padding: 3px;
	text-align:center;
	float:left;
	box-sizing:border-box;
}
.AboutTextB{
	width:80%;
	font-size:17px;
	margin:0 0 0 0;
	padding: 10px;
	text-align:left;
	float:left;
	box-sizing:border-box;
}



.ServiceBG{
	background-size: auto auto;
	background-color: rgba(255, 253, 248, 1);
	background-image: repeating-linear-gradient(130deg, transparent, transparent 10px, rgba(255, 247, 226, 1) 10px, rgba(255, 247, 226, 1) 17px );
}
.StrengthBG{
	background:url(../img/st_bg.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}
.WorksBG{
	background:url(../img/works_bg.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}
.BlogBG{
	background:url(../img/blog_bg.png);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}

.StrengthBox{
	width:100%;
	margin:0 0 0 0;
	padding:30px 0 30px 0;
	text-align:center;
	float:left;
	box-sizing:border-box;
	position:relative;
	background:url(../img/st_bg_1.png);
	background-position: left center;
	background-repeat: no-repeat;
}
.StrengthBoxSE{
	width:100%;
	margin:0 0 0 0;
	padding:0 0 0 0px;
	text-align:center;
	float:left;
	box-sizing:border-box;
	position:relative;
	background:url(../img/st_bg_2.png);
	background-position: right center;
	background-repeat: no-repeat;
}
.StrengthBoxSP{
	width:100%;
	margin:0 0 0 0;
	padding:30px 0 30px 0;
	text-align:center;
	float:left;
	box-sizing:border-box;
	position:relative;
	background:url(../img/st_bg_1.png);
	background-position: left top;
	background-repeat: no-repeat;
	background-size: cover;
}
.StrengthBoxSESP{
	width:100%;
	margin:0 0 0 0;
	padding:0 0 0 0px;
	text-align:center;
	float:left;
	box-sizing:border-box;
	position:relative;
	background:url(../img/st_bg_2.png);
	background-position: right top;
	background-repeat: no-repeat;
	background-size: cover;
}
.StrengthBoxA{
	width:50%;
	margin:0 0 0 0;
	padding:0px;
	text-align:center;
	float:right;
	box-sizing:border-box;
}
.StrengthBoxASE{
	width:50%;
	margin:0 0 0 5%;
	padding:0px;
	text-align:center;
	float:left;
	box-sizing:border-box;
}
.StrengthBoxB{
	width:90%;
	color:#535d60;
	border-radius:20px;
	font-size:18px;
	font-weight:bold;
	margin:0 0 0 0;
	padding:50px 10px 50px 10px;
	text-align:center;
	float:right;
	box-sizing:border-box;
	background-color:#FFFFFF;
}
.StrengthBoxBSP{
	width:100%;
	color:#535d60;
	border-radius:20px;
	font-size:18px;
	font-weight:bold;
	margin:0 0 0 0;
	padding:20px;
	text-align:center;
	float:right;
	box-sizing:border-box;
	background-color:#FFFFFF;
}
.StrengthBoxC{
	width:55%;
	margin:0 0 0 0;
	padding:0px;
	text-align:center;
	position: absolute;
	top: 20%;
	left: 0px;
}
.StrengthBoxCSP{
	width:100%;
	font-weight:bold;
	margin:-20px 0 0 0;
	padding:10px;
	text-align:center;
	float:left;
	box-sizing:border-box;
}
.StrengthBoxCSE{
	width:55%;
	margin:0 0 0 0;
	padding:0px;
	text-align:center;
	position: absolute;
	top: 20%;
	right: 0;
}

#TOPWrapper{
	width:100%;
	max-width:1400px;
	margin:20px auto;
	padding:0 0 0 0;
	text-align:center;
}

#TOPIMG{
	width:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;

}
#TOPIMG img{
	max-width: 100%;
	height: auto;
	width /***/:auto;　
}

#ALLTOPBTBOX{
	width:100%;
	max-width:1000px;
	margin:0 auto;
	text-align:center;
}

.TOPBTBOX{
	width:100%;
	margin:0 0 0 0;
	text-align:center;
	float:left;
}
.TOPBTBOX li{
	display:inline-block;
	float: left;
	width: 50%;
	margin:0px 0 0 0;
	padding:0px;
	text-align:center;
	text-decoration: none;
	position:relative;
	box-sizing:border-box;
	color:#FFFFFF;
}
.TOPBTBOX li a{
	color:#FFFFFF;
	text-decoration: none;
	transition: 0.5s;
}
.TOPBTBOX li a:hover{
    filter:alpha(opacity=70);/* IE 6,7*/
    -ms-filter: "alpha(opacity=70)";/* IE 8,9 */
    -moz-opacity:0.7;/* FF , Netscape */
    -khtml-opacity: 0.7;/* Safari 1.x */
    opacity:0.7;
    zoom:1;/*IE*/
	transition: 0.5s;
}
.TOPLINK{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999; /* 必要であればリンク要素の重なりのベース順序指定 */
}
.TOPBTimg{
	width:100%;
	text-align:center;
	padding:0px;
	box-sizing:border-box;
	float:left;
}
.TOPBTtext{
	width:100%;
	font-weight:bold;
	text-align:center;
	padding:10px;
	box-sizing:border-box;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
}
.TOPBTtextALL{
	width: 100%;
	text-align:left;
	float:left;
	padding:0px;
	box-sizing:border-box;
}
.TOPBTtextA{
	font-size:20px;
	width:100%;
	text-align:left;
	padding:5px 5px 5px 35px;
	box-sizing:border-box;
	line-height:1.0;
}
.TOPBTtextB{
	line-height:1.0;
	font-size:16px;
	width:100%;
	text-align:left;
	padding:5px 5px 5px 30px;
	box-sizing:border-box;
}

.TOPBTBOX li img{
	max-width: 100%;
	height: auto;
	width /***/:auto;
}


.TOPBTA{
	background:url(../img/concept_img_2.webp);
	background-position: 75% 0;
	background-repeat: no-repeat;
}


.TopCnceptMessage{
	width:50%;
	text-align:left;
	padding:10px;
	margin:0 0 0 0;
	box-sizing:border-box;
	float:left;
	border-radius:10px;
	background-color: rgba(255,255,255,0.8);
}
.TopCnceptMessageText{
	width:100%;
	color:#491219;
	font-size:16px;
	line-height:2.0;
	text-align:left;
	padding:10px;
	margin:0 0 0 0;
	box-sizing:border-box;
	float:left;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}

.TOPBTB{
	width:20%;
	position: absolute;
	top: 10%;
	left: -5%;
}


.TOPBTC{
	width:15%;
	position: absolute;
	top: 40%;
	left: 10px;
}
.TOPBTD{
	width:30%;
	position: absolute;
	top: 50%;
	right: 10px;
}
.TOPBTE{
	width:30%;
	position: absolute;
	bottom: 10%;
	left: 10%;
}


.TOPBTF{
	background:url(../img/bottom_dekirukoto.webp);
	background-position: bottom left;
	background-repeat:no-repeat;
}

.TOPBTG{
	width:10%;
	position: absolute;
	top: -10%;
	right: 2%;
}
.TOPBTH{
	width:20%;
	position: absolute;
	bottom: 40%;
	left: 2%;
}
.TOPBTI{
	width:20%;
	position: absolute;
	bottom: 10%;
	right: 2%;
}

.ContactBG{
	width:100%;
	float: left;
	margin:0px 0 0 0;
	padding:50px;
	box-sizing:border-box;
	background-color:#491219;
}
.ContactLine{
	width:100%;
	float: left;
	height:13px;
	margin:0px 0 0 0;
	padding:0px;
	box-sizing:border-box;
	background:url(../img/contact_line.webp);
	background-position: top left;
	background-repeat: repeat-x;
}

/********/
/*桶屋キャッチ*/
/********/

.OkeyaMaruBGA{
	width:100%;
	max-width:235px;
	margin:0 0 0 0;
	padding:0px;
	text-align:center;
	box-sizing:border-box;
	position: absolute;
	top: 0;
	left: 0;
}
.OkeyaMaruBGB{
	width:100%;
	max-width:205px;
	margin:0 0 0 0;
	padding:0px;
	text-align:center;
	box-sizing:border-box;
	position: absolute;
	top: 5%;
	right: 0;
}
.OkeyaMaruBGC{
	width:100%;
	max-width:230px;
	margin:0 0 0 0;
	padding:0px;
	text-align:center;
	box-sizing:border-box;
	position: absolute;
	bottom: 5%;
	left: 5%;

}

.OkeyaMaruBGD{
	width:100%;
	max-width:380px;
	margin:0 0 0 0;
	padding:0px;
	text-align:center;
	box-sizing:border-box;
	position: absolute;
	bottom: 0;
	right: 0;
}
.OkeyaMaruBGE{
	width:100%;
	max-width:230px;
	margin:0 0 0 0;
	padding:0px;
	text-align:center;
	box-sizing:border-box;
	position: absolute;
	bottom: 35%;
	left: 10%;

}

.OkeyaMaruBGF{
	width:100%;
	max-width:380px;
	margin:0 0 0 0;
	padding:0px;
	text-align:center;
	box-sizing:border-box;
	position: absolute;
	bottom:40%;
	right: 10%;
}
.OkeyaMaruBGG{
	width:20%;
	max-width:330px;
	margin:0 0 0 0;
	padding:0px;
	text-align:center;
	box-sizing:border-box;
	position: absolute;
	top:-15%;
	left: 15%;
}
.OkeyaMaruBGH{
	width:30%;
	max-width:480px;
	margin:0 0 0 0;
	padding:0px;
	text-align:center;
	box-sizing:border-box;
	position: absolute;
	bottom:0;
	right: 5%;
}
.OkeyaMaruBGI{
	width:15%;
	max-width:330px;
	margin:0 0 0 0;
	padding:0px;
	text-align:center;
	box-sizing:border-box;
	position: absolute;
	top:0%;
	left:5%;
}
.OkeyaMaruBGJ{
	width:20%;
	max-width:480px;
	margin:0 0 0 0;
	padding:0px;
	text-align:center;
	box-sizing:border-box;
	position: absolute;
	bottom:15%;
	left:25%;
}
.MasuLine{
	width:100%;
	float: left;
	height:98px;
	margin:0px 0 0 0;
	padding:0px;
	box-sizing:border-box;
	background:url(../img/masu_line.webp);
	background-position: top left;
	background-repeat: repeat-x;
}

.OkeyaTable th{
	color:#FFFFFF;
	padding:10px;
	box-sizing:border-box;
	border:1px solid #000000;
	background-color:#404040;
	line-height:1.2;
}
.OkeyaTable td{
	background-color:none;
	padding:0px;
	box-sizing:border-box;
	border:1px solid #000000;
	line-height:1.4;
}

/********/
/*TOPリニューアルコンセプト*/
/********/
.TOPCA{
	
	width:100%;
	min-height:500px;
	float: left;
	margin:10px 0 0 0;
	padding:50px;
	box-sizing:border-box;
	background:url(../img/topconcet_a.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}
.TOPCB{
	
	width:100%;
	min-height:500px;
	float: left;
	margin:10px 0 0 0;
	padding:50px;
	box-sizing:border-box;
	background:url(../img/topconcet_b.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}
.TOPCC{
	
	width:100%;
	min-height:500px;
	float: left;
	margin:10px 0 0 0;
	padding:50px;
	box-sizing:border-box;
	background:url(../img/topconcet_c.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}
.TOPCD{
	
	width:100%;
	min-height:500px;
	float: left;
	margin:10px 0 0 0;
	padding:50px;
	box-sizing:border-box;
	background:url(../img/topconcet_d.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}
.TOPCASP{
	width:100%;
	float: left;
	margin:10px 0 0 0;
	padding:0px;
	box-sizing:border-box;
	display:none;
}

.TOPCAtextA{
	width:100%;
	max-width:420px;
	margin:0 0 0 0;
	padding:40px;
	text-align:center;
	float:left;
	background-color:#FFFFFF;
	box-sizing:border-box;
}
.TOPCAtextAA{
	width:100%;
	margin:0 0 0 0;
	padding:0px;
	text-align:left;
	float:left;
	box-sizing:border-box;
	color:#820000;
	font-size:24px;
}
.catch {
  display: flex;
  align-items: center; /* 垂直中心 */
  justify-content: left; /* 水平中心 */
}
.catch:after {
  border-top: 3px solid;
  content: "";
  width: 5em; /* 線の長さ */
}
.catch:after {
  margin-left: 1em; /* 文字の左隣 */
}

.catchB {
  display: flex;
  align-items: center; /* 垂直中心 */
  justify-content: left; /* 水平中心 */
}
.catchB:after {
  border-top: 3px solid;
  content: "";
  width: 3em; /* 線の長さ */
}
.catchB:after {
  margin-left: 1em; /* 文字の左隣 */
}



.TOPCAtextAB{
	width:100%;
	margin:0 0 0 0;
	padding:0px;
	text-align:left;
	float:left;
	box-sizing:border-box;
	color:#000000;
	font-size:30px;
}
.TOPCAtextAC{
	width:100%;
	margin:10px 0 0 0;
	padding:0px;
	text-align:left;
	float:left;
	box-sizing:border-box;
	color:#000000;
	font-size:16px;
	font-weight:normal;
}
.TOPCAtextAD{
	width:100%;
	margin:15px 0 0 0;
	padding:0px;
	text-align:left;
	float:left;
	box-sizing:border-box;
}
/********/

/********/
/*リニューアル用*/
/********/
.TOPPUA{
	
	width:100%;
	min-height:80px;
	float: left;
	margin:0px 0 0 0;
	padding:0px;
	box-sizing:border-box;
	background:url(../img/toppu_a.png);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}
.TOPPUB{
	width:100%;
	float: left;
	margin:0px 0 0 0;
	padding:0px 0 100px 0;
	box-sizing:border-box;
	background:url(../img/toppu_b.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}

.PUBBOX{
	width:100%;
	float: left;
	margin:0 0 0 0;
	padding:10px;
	box-sizing:border-box;
	background-size: auto auto;
	background-color: rgba(130, 0, 0, 1);
	background-image: repeating-linear-gradient(45deg, transparent, transparent 10px, rgba(154, 48, 48, 1) 10px, rgba(154, 48, 48, 1) 11px );
}
.PUBBOXA{
	width:100%;
	float: left;
	margin:5px 0 0 0;
	padding:5px;
	box-sizing:border-box;
	font-size:16px;
	color:#FFFFFF;
}
.PUBBOXB{
	width:100%;
	float: left;
	margin:5px 0 40px 0;
	padding:5px;
	box-sizing:border-box;
	font-size:24px;
	color:#FFFFFF;
}


.Carib{
	font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
	letter-spacing: 0.08em;
}

.MarkerLine{
	background: linear-gradient(transparent 70%, #c5e4d6 70%);
}
.CommonMidashi{
	width:100%;
	margin:0 0 0 0;
	padding:10px;
	text-align:center;
	float:left;
	line-height:1.3;
	box-sizing:border-box;
	font-weight:bold;
}
.CommonMidashiA{
	width:100%;
	font-size:24px;
	color:#214436;
	margin:0 0 0 0;
	text-align:center;
	float:left;
	box-sizing:border-box;
	font-family: "Kaisei Opti", serif;
	font-weight: 400;
	font-style: normal;
	color:#8ccbae;

}
.CommonMidashiB{
	width:100%;
	font-size:40px;
	color:#000000;
	margin:10px 0 0 0;
	text-align:center;
	float:left;
	box-sizing:border-box;
	font-family: "Kaisei Opti", serif;
	font-weight: 400;
	font-style: normal;
	color:#491219;
}
.CommonMidashiC{
	width:100%;
	font-size:24px;
	color:#000000;
	margin:10px 0 0 0;
	text-align:center;
	float:left;
	box-sizing:border-box;
}

.head-border {
    display: flex;
    align-items: center;
}
 
.head-border:before,
.head-border:after {
    content: "";
    height: 1px;
    flex-grow: 1;
    background-color: #000000;
}
 
.head-border:before {
    margin-right: 1rem;
}
 
.head-border:after {
    margin-left: 1rem;
}



.CommonMidashiSEmax{
	width:100%;
	max-width:300px;
	text-align:left;
	margin:0 auto;
}

.CommonMidashiSE{
	width:100%;
	margin:-40px 0 100px 0;
	padding:10px;
	text-align:center;
	float:left;
	line-height:1.3;
	box-sizing:border-box;
}
.CommonMidashiSEKAI{
	width:100%;
	margin:0 0 0 0;
	padding:10px;
	text-align:center;
	line-height:1.3;
	box-sizing:border-box;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);

}
.CommonMidashiSEBOX{
	width:100%;
	margin:0 0 0 0;
	padding:5px;
	text-align:center;
	float:left;
	box-sizing:border-box;
}
.CommonMidashiSEA{
	width:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	text-align:center;
	float:left;
	line-height:1.3;
	box-sizing:border-box;
	color:#FFFFFF;
	font-size:18px;
	font-weight:bold;
	font-family: "Kaisei Opti", serif;
	font-weight: 400;
	font-style: normal;
}
.CommonMidashiSEB{
	width:100%;
	margin:5px 0 0 0;
	padding:0 0 0 0;
	text-align:center;
	float:left;
	line-height:1.3;
	box-sizing:border-box;
	color:#FFFFFF;
	font-size:30px;
	font-weight:bold;
	font-family: "Kaisei Opti", serif;
	font-weight: 400;
	font-style: normal;
}

/************平屋ページ*************/
.OneInfoBoxALL{
	width:100%;
	margin:0px 0 0 0;
	padding:0 0 0 0;
	text-align:center;
	float:left;
	box-sizing:border-box;
}
.OneInfoBox{
	width:50%;
	margin:20px 0 0 0;
	padding:30px;
	text-align:center;
	float:left;
	box-sizing:border-box;
}

.OneInfoBoxA{
	width:100%;
	margin:0px 0 0 0;
	padding:0 0 0 0;
	text-align:center;
	float:left;
	box-sizing:border-box;
	position:relative;
}
.OneInfoBoxAL{
	width:15%;
	color:#FFFFFF;
	font-size:30px;
	margin:0px 0 0 0;
	padding:10px 0 10px 0;
	text-align:center;
	float:left;
	box-sizing:border-box;
	background-color:#385723;
}
.OneInfoBoxAR{
	width:85%;
	font-size:24px;
	color:#385723;
	margin:0px 0 0 0;
	padding:15px 5px 5px 5px;
	text-align:left;
	float:left;
	box-sizing:border-box;
}
.OneInfoBoxB{
	width:100%;
	margin:-20px 0 0 0;
	padding:10px;
	text-align:left;
	float:left;
	box-sizing:border-box;
}
.OneInfoBoxC{
	width:100%;
	font-size:16px;
	background-color:#f8f8f8;
	margin:0px 0 0 0;
	padding:20px 10px 20px 10px;
	text-align:left;
	float:left;
	box-sizing:border-box;
}
/*******************************/


/****採用情報****/
.RecPageMidashiA{
	width:100%;
	margin:0 0 0 0;
	padding:10px;
	text-align:left;
	line-height:1.3;
	box-sizing:border-box;
	position: absolute;
	top: 50px;
	left: 50px;

}
.RecPageMidashiAA{
	width:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	text-align:left;
	float:left;
	line-height:1.3;
	box-sizing:border-box;
	color:#FFFFFF;
	font-size:30px;
	font-weight:bold;
}
.RecPageMidashiAB{
	width:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	text-align:left;
	float:left;
	line-height:1.3;
	box-sizing:border-box;
	color:#FFFFFF;
	font-size:18px;
	font-weight:bold;
}



.RecPageMidashiB{
	width:100%;
	margin:0 0 0 0;
	padding:10px;
	font-size:36px;
	color:#FFFFFF;
	text-align:center;
	line-height:1.3;
	box-sizing:border-box;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);

}

.RecSlideBox{
	width:100%;
	margin:-40px 0 0 0;
	padding:0 0 0 0;
	text-align:center;
	float:left;
	box-sizing:border-box;
	line-height:1.0;
}

.PersonBG{
	width:100%;
	margin:0px 0 0 0;
	padding:0 0 0 0;
	text-align:center;
	float:left;
	box-sizing:border-box;
	background:url(../img/person_bg.webp);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}



.RecVoiceBox{
	width:100%;
	margin:0px 0 0 0;
	padding:0 0 0 0;
	text-align:center;
	float:left;
	box-sizing:border-box;
}
.RecVoiceBoxMidashi{
	width:100%;
	font-size:18px;
	margin:0px 0 20px 0;
	padding:0 0 0 0;
	text-align:left;
	float:left;
	box-sizing:border-box;
}

.head-border-left {
    display: flex;
    align-items: center;
}
 
.head-border-left:after {
    content: "";
    height: 1px;
    flex-grow: 1;
    background-color: #000000;
}
 
.head-border-left:before {
    margin-right: 1rem;
}
 
.head-border-left:after {
    margin-left: 1rem;
}

.RecVoiceBoxL{
	width:55%;
	margin:0px 0 0 0;
	padding:10px;
	text-align:left;
	float:left;
	box-sizing:border-box;
}
.RecVoiceBoxR{
	width:45%;
	margin:0px 0 0 0;
	padding:10px;
	text-align:left;
	float:left;
	box-sizing:border-box;
}
.RecVoiceBoxA{
	width:100%;
	margin:0px 0 0 0;
	padding:10px;
	text-align:left;
	float:left;
	box-sizing:border-box;
}
.RecVoiceBoxB{
	width:100%;
	margin:0px 0 0 0;
	padding:10px;
	text-align:left;
	float:left;
	box-sizing:border-box;
}

.BosyuuStaffBox{
	width:100%;
	margin:0px 0 0 0;
	padding:0px;
	text-align:center;
	float:left;
	box-sizing:border-box;
}
.BosyuuStaffBoxMidashi{
	width:100%;
	margin:0px 0 0 0;
	color:#FFFFFF;
	padding:20px;
	text-align:center;
	float:left;
	box-sizing:border-box;
	background-color:#1f1f1f;
}


.BosyuuStaffBoxMidashiA{
	width:100%;
	font-size:30px;
	margin:0px 0 0 0;
	padding:0px;
	text-align:center;
	float:left;
	box-sizing:border-box;
}
.BosyuuStaffBoxMidashiB{
	width:100%;
	font-size:18px;
	margin:0px 0 0 0;
	padding:0px;
	text-align:center;
	float:left;
	box-sizing:border-box;
}
.BosyuuStaffBoxA{
	width:100%;
	margin:15px 0 0 0;
	padding:0px;
	text-align:center;
	float:left;
	box-sizing:border-box;
}

.BosyuuStaffBoxB{
	width:100%;
	font-size:16px;
	margin:30px 0 0 0;
	padding:0px;
	text-align:left;
	float:left;
	box-sizing:border-box;
}
.BosyuuStaffBoxC{
	width:100%;
	margin:50px 0 0 0;
	padding:0px;
	text-align:left;
	float:left;
	box-sizing:border-box;
}


.Bosyuutable th{
	width:25%;
	font-size:16px;
	color:#000000;
	padding:20px;
	text-align:left;
	box-sizing:border-box;
	border-bottom:1px solid #dedede;
}
.Bosyuutable td{
	width:75%;
	font-size:16px;
	padding:20px;
	color:#000000;
	background-color:none;
	text-align:left;
	box-sizing:border-box;
	border-bottom:1px solid #dedede;
}
.TopBorderTableA{
	border-top:1px solid #dedede;
}
.TopBorderTableB{
	border-top:1px solid #dedede;
}



.BosyuuFlowBox{
	width:100%;
	margin:0px 0 0 0;
	padding:10px;
	text-align:left;
	float:left;
	box-sizing:border-box;
}
.BosyuuFlowBoxL{
	width:25%;
	margin:0px 0 0 0;
	padding:10px;
	text-align:left;
	float:left;
	box-sizing:border-box;
	display:flex;
	align-items:center;
}
.BosyuuFlowBoxR{
	font-size:16px;
	width:75%;
	margin:0px 0 0 0;
	padding:10px;
	text-align:left;
	float:left;
	box-sizing:border-box;
	display:flex;
	align-items:center;
}



/********/

.TOPBTBOXtext{
	width:100%;
	position: absolute;
	top: 50%;
	left: 0%;
	transform: translate(0%, -50%);
	padding:15px;
	box-sizing:border-box;
	font-weight:600;
	text-align:left;
}

.REBTBOXtext{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding:40px 10px 40px 10px;
	box-sizing:border-box;
	font-weight:600;
	background-color: rgba(0,134,57,0.8);
	max-width:300px;
}

#SIDEBTBOX{
	width:100%;
	margin:10px 0 0 0;
	text-align:left;
}
#SIDEBTBOX li{
	display: block;
	float: left;
	width: 48%;
	margin: 10px 0 0 5px;
	padding: 0;
	text-align: center;
	text-decoration: none;
	position:relative;
}
#SIDEBTBOX li img{
	max-width: 100%;
	height: auto;
	width /***/:auto;　
}


/***コンテンツボタン****/
.ContentsBT{
	width:50%;
	float:left;
	padding:10px;
	margin:15px 0 0 0;
	box-sizing:border-box;
}


/***真ん中寄せボタン****/
.parentBOX {
	display: flex;
	justify-content: center;
	align-items: center;
	max-height: 300px;
	width:100%;
	height:100%;
	background: orange;
	
}
.exampleBOX {
	display: block;
	width: 100%;
	max-width: 300px;
	background: #FFF;
	text-align:left;
}

/********/
/*本文*/
/********/
/*全体*/
#TOPpageWrapper{
	position:relative;
	width:1000px;
	margin:0 auto;
	text-align:left;
}
#pageWrapper{
	position:relative;
	width:100%;
	max-width:1400px;
	margin:0 auto;
	text-align:left;
}
/*第一階層*/
#MainWrapper{
	width:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

#PageImg{
	width:100%;
	margin:0px 0 0 0;
	text-align:center;
	background-color:#FFFFFF;
	float:left;
	position:relative;
	overflow: hidden;
}
#PageImg img{
	max-width: 100%;
	height: auto;
	width :auto;
}
.PageImgNami{
	width:100%;
	margin:0 0 0 0;
	text-align:center;
	position:absolute;
	bottom:0;
	left:0;
}
#MidashiLine{
	width:100%;
	float:left;
	margin:0 0 50px 0;
	text-align:left;
	background:url(../img/midashi_line.png);
	background-position:right 0px top 40px;
	background-repeat:no-repeat;
}
.KugiriLine{
	width:100%;
	float:left;
	height:31px;
	margin:0 0 20px 0;
	text-align:left;
	background:url(../img/kugiri.png);
	background-position:top left;
	background-repeat:no-repeat;
}
.MidashiBG{
	width:100%;
	height:50px;
	float:left;
	padding:6px;
	margin:0 0 0 0;
	text-align:left;
	background:url(../img/midashi_bg.png);
	background-position:top left;
	background-repeat:no-repeat;
	box-sizing:border-box;
}
/**#PageImg img{
	width: 100%;
}*/
.PageTitle{
	position:absolute;
	top:35%;
	left:0;
	right:0;
	margin: auto;
	color:#FFFFFF;
	font-size:34px;
}
/********/
/*レフト*/

#LeftBox{
	display:inline;
	width:100%;
	margin:20px 0 50px 0;
	padding:0 0 0 0;
	float:left;
}
#LeftBoxBlog{
	display:inline;
	width:76%;
	margin:20px 0 50px 0;
	padding:0 0 0 0;
	float:left;
}
#BlogAllBox li{
	text-align:left;
	color:#00000;
	width:100%;
	margin:0 0 0 0;
	padding:5px;
	list-style-type: none;
	display:block;
	float:left;
	box-sizing:border-box;
}
/*ブログ用のリスト*/
.BlogNewsBox{
	width:100%;
	margin:20px 0 20px 0;
	padding:0 0 0 0;
	float:left;
	font-size:14px;
	box-shadow: 0 0 4px gray;
	position:relative;
	background-color:#FFFFFF;
}
.BlogNewsBoxL{
	width:30%;
	margin:0 0 0 0;
	padding:1px;
	float:left;
	box-sizing:border-box;
	text-align:center;
}
.BlogNewsBoxR{
	width:68%;
	margin:0 0 0 0;
	padding:5px;
	float:right;
	box-sizing:border-box;
	text-align:left;
}
.BlogNewsBoxL img{
	max-width: 100%;
	height: auto;
	width /***/:auto;　
}
.BlogNewsBoxR img{
	max-width: 100%;
	height: auto;
	width /***/:auto;　
}
.BlogBT{
	font-size:12px;
	width:150px;
	margin:0 0 0 0;
	text-align:center;
	position: absolute;
	bottom: 5px;
	right: 0px;

}
.BlogBT a:link, .BlogBT a:visited, .BlogBT a:hover{
	padding:5px;
	box-sizing:border-box;
	color:#4a340e;
	text-decoration: none;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */ 
}
.BlogBT a:hover{
	color:#5a5a5a;
	text-decoration: underline;
	background-color:#e9e9e9;
}
.BlogBTB{
	width:150px;
	margin:0 0 0 0;
	text-align:center;

}
.BlogBTB a:link, .BlogBTB a:visited, .BlogBTB a:hover{
	padding:5px;
	box-sizing:border-box;
	color:#4a340e;
	text-decoration: none;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */ 
}
.BlogBTB a:hover{
	color:#5a5a5a;
	text-decoration: underline;
	background-color:#e9e9e9;
}
/********/
/********/


.BlogNextBox{
	width:100%;
	margin:40px 0 0 0;
	padding:10px;
	text-align:left;
	box-sizing:border-box;
	float:left;
}
.BlogPrevBT{
	font-size:14px;
	width:100%;
	max-width:200px;
	text-align:center;
	margin:5px 0 0 0;
	box-sizing:border-box;
	padding:5px;
	float:left;
	background-color:#FFFFFF;
	font-weight:bold;
	color:#000000;
	border:1px solid #000000;
	transition: 0.5s;
}
.BlogPrevBT a {
	display:block;
	width: 100%; /* 横幅 */
	padding:5px; /* a要素内の余白 */
	box-sizing:border-box;
	color:#000000;
	text-decoration: none;
}
.BlogPrevBT:hover {
    filter:alpha(opacity=70);/* IE 6,7*/
    -ms-filter: "alpha(opacity=70)";/* IE 8,9 */
    -moz-opacity:0.7;/* FF , Netscape */
    -khtml-opacity: 0.7;/* Safari 1.x */
    opacity:0.7;
    zoom:1;/*IE*/
}
.BlogNextBT{
	font-size:14px;
	width:100%;
	max-width:200px;
	text-align:center;
	margin:5px 0 0 0;
	box-sizing:border-box;
	padding:5px;
	float:right;
	background-color:#FFFFFF;
	font-weight:bold;
	color:#000000;
	border:1px solid #000000;
	transition: 0.5s;
}
.BlogNextBT a {
	display:block;
	width: 100%; /* 横幅 */
	padding:5px; /* a要素内の余白 */
	box-sizing:border-box;
	color:#000000;
	text-decoration: none;
}
.BlogNextBT:hover {
    filter:alpha(opacity=70);/* IE 6,7*/
    -ms-filter: "alpha(opacity=70)";/* IE 8,9 */
    -moz-opacity:0.7;/* FF , Netscape */
    -khtml-opacity: 0.7;/* Safari 1.x */
    opacity:0.7;
    zoom:1;/*IE*/
}


/********/
/*ライト*/
#RightBox{
	display:inline;
	width:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	text-align:left;
	float:right;
}

#RightBox a:link, #RightBox a:visited, #RightBox a:hover{
	color:#4a340e;
	text-decoration: none;
}
#RightBox a:hover{
	color:#5a5a5a;
	text-decoration: underline;
}

#RightBoxBlog{
	display:inline;
	width:23%;
	margin:20px 0 0 0;
	padding:0 0 0 0;
	text-align:left;
	float:right;
}

#RightBoxBlog li{
	text-align:left;
	color:#00000;
	width:100%;
	margin:0 0 0 0;
	padding:10px;
	list-style-type: none;
	display:block;
	float:left;
	box-sizing:border-box;
}

#SideNavi{
	float: left;
	width: 100%;
}
#SideNaviSP{
	display:none;
	float: left;
	width: 100%;
}

#MenuListBox{
	display:inline;
	width:100%;
	margin:0 0 0 0;
	padding:0 0 40px 0;
	text-align:left;
	float:left;
	background-color:#FFFFFF;
}
#ListBoxM{
	width:100%;
	margin:0 0 0 0;
	padding:5px;
	box-sizing: border-box;
	text-align:left;
	float:left;
}
#ListBoxM li{
	display: block;
	float:left;
	width: 100%;
	font-size:12px;
	margin:5px 0 5px 0;
	padding:0 0 0 0;
	text-align: left;
	border-bottom: dotted 1px #000000;
	text-decoration: none;
}
#ListBoxM li a{
	display: block;
	text-decoration: none;
	color:#000000;
}
#ListBoxM li a:visited{
	color:#000000;
}
#ListBoxM li a:hover{
	color:#000000;
}


#SideBox{
	width:100%;
	margin:50px 0 10px 0;
	padding:0 0 0 0;
	text-align:center;
	float:left;
}
#SideBoxList{
	width:100%;
	margin:0 0 0 0;
	padding:10px 10px 20px 10px;
	text-align:left;
	float:left;
	background-color:#e87296;
	box-sizing:border-box;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */ 
}
#SideBoxList li{
	width:98%;
	float:left;
	margin: 10px 0 0 0;
	padding: 5px;
	text-align: left;
	text-decoration: none;
	list-style:none;
	border-bottom:1px dotted #FFFFFF;
	float: left;
}
#SideBoxList li img{
	max-width: 100%;
	height: auto;
	width /***/:auto;　
}
/********/
/***TOPメインコンテンツ***/

.TOPmidashi{
	display:none;
}

.TOPSP{
	display:none;
}


/********/
/*第2階層パンくず*/
.PankuzuBox{
	width:100%;
	margin:0 0 0 0;
	padding:15px 10px 15px 10px;
	box-sizing: border-box;
	text-align:center;
	float:left;
	background-color:#f8f8f2;
}
#Pankuzu{
	width:100%;
	max-width:1400px;
	margin:0 auto;
	padding:5px;
	text-align:left;
	box-sizing: border-box;
}
#Pankuzu a:link, #Pankuzu a:visited, #Pankuzu a:hover{
	color:#000000;
	text-decoration: none;
}
#Pankuzu a:hover{
	color:#5a5a5a;
	text-decoration: underline;
}
/*第2階層ページナビ*/
#PageNavi{
	width:100%;
	max-width:860px;
	margin:20px 0 50px 0;
	color:#333c41;
	font-size:14px;
	text-align:center;
	float:left;
}
#PageNavi a:link, #PageNavi a:visited{
	color:#f4a102;
}
#PageNavi a:hover{
	color:#f4a102;
	cursor:pointer;
}
/*第2階層ページTopへ*/
.PageUp{
	width:100%;
	max-width:860px;
	margin:30px 0 0 0;
	padding:0 0 0 0;
	float:left;
}
.PageUp ul{
	width:100%;
	max-width:860px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:left;
}
.PageUp li{
  display: block;
  float: right;
  width: 120px;
  border-bottom: 1px solid #93232a;
  margin: 0;
  padding: 0; }
.PageUp li a{
  display: block;
  padding: 12px 0 10px;
  background-color:#a4333a;
  color: #fff;
  text-align: center;
  text-decoration: none;
}
.PageUp li a:hover{
  background: #e6858b;
}



/*TOP初めての方へ*/


.WelcomeTextBoxA{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
}

.WelcomeTextA{
	width:100%;
	color:#FFFFFF;
	text-align:center;
	font-size:30px;
	font-weight:bold;
	margin:0 0 0 0;
	padding:0 0 0 0;
	box-sizing:border-box;
	float:left;
}
.WelcomeTextB{
	width:100%;
	color:#FFFFFF;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	margin:0 0 0 0;
	padding:0 0 0 0;
	box-sizing:border-box;
	float:left;
}


.WelcomeTextBoxB{
	position: absolute;
	bottom: 0;
	right: 0;
}

/*初めての方へ*/


.WelcomeBTBox{
	width:100%;
	text-align:center;
	margin:0 0 0 0;
	padding:0 0 0 0;
	box-sizing:border-box;
	float:left;
	position:relative;
}
.WelcomeBTBoxL{
	width:70%;
	text-align:center;
	margin:0 0 0 0;
	padding:0 0 0 0;
	box-sizing:border-box;
	float:left;
}
.WelcomeBTBoxR{
	width:100%;
	max-width:500px;
	text-align:left;
	margin:0 0 0 0;
	padding:0 0 0 0;
	box-sizing:border-box;
	position: absolute;
	bottom: -30px;
	right: 0;
}
.WelcomeBTBoxLSE{
	width:70%;
	text-align:center;
	margin:0 0 0 0;
	padding:0 0 0 0;
	box-sizing:border-box;
	float:right;
}
.WelcomeBTBoxRSE{
	width:100%;
	max-width:500px;
	text-align:left;
	margin:0 0 0 0;
	padding:0 0 0 0;
	box-sizing:border-box;
	position: absolute;
	bottom: -30px;
	left: 0;
}

.WelcomeBTBoxText{
	width:100%;
	text-align:left;
	margin:0 0 0 0;
	padding:20px;
	box-sizing:border-box;
	float:left;
	background-color:#f8f8f2;
}

.WelcomeBTBoxTextA{
	width:100%;
	text-align:left;
	margin:0 0 0 0;
	padding:5px;
	box-sizing:border-box;
	float:left;
}
.WelcomeBTBoxTextB{
	width:100%;
	text-align:left;
	margin:0 0 0 0;
	padding:5px;
	box-sizing:border-box;
	float:left;
	background-color:#f8f8f2;
}


.ShindanBox{
	width:100%;
	text-align:left;
	margin:20px 0 0 0;
	padding:10px;
	float:left;
	box-sizing:border-box;
}
.ShindanBox li{
	text-align:center;
	color:#000000;
	width:50%;
	margin:10px 0 0 0;
	padding:20px;
	list-style-type: none;
	overflow:hidden;
	float:left;
	box-sizing:border-box;
}



/*モデルハウス*/

.ModelSlide{
	width:100%;
	text-align:center;
	margin:-40px 0 0 0;
	padding:0px;
	box-sizing:border-box;
	float:left;
}

.ModelBTBG{
	background:url(../img/model_bt_bg.webp);
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: cover;
}






/****本文****/
.MidashiSP{
	width:100%;
	float:left;
	text-align:left;
	background:url("../img/bg_line.jpg");
	background-position:bottom left;
	background-repeat:repeat-x;
}
#TextBox{
	width:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	text-align:left;
	float:left;
}
#TextBox img{
	max-width: 100%;
	height: auto;
	width /***/:auto;　
}
#HonbunBox{
	width:100%;
	max-width:780px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	text-align:left;
	float:left;
}
.HonbunText{
	width:100%;
	max-width:780px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	text-align:center;
	float:left;
}
.HonbunText li{
	display: block;
	float: left;
	width: 33%;
	margin: 30px 0 0 0;
	padding: 0;
	text-align: center;
	text-decoration: none;
}
.HonbunText img{
	max-width: 100%;
	height: auto;
	width /***/:auto;　
}
.HonbunIMGSP{
	display:none;
	width:100%;
	max-width:860px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	text-align:center;
	float:left;
}
/*****/

/********/
.CompanyMapBoxL{
	width:50%;
	margin:0 0 0 0;
	padding:10px;
	text-align:center;
	box-sizing:border-box;
	float:left;
}
.CompanyMapBoxR{
	width:50%;
	margin:0 0 0 0;
	padding:10px;
	text-align:center;
	box-sizing:border-box;
	float:left;
}
.iframe-css {
	margin:0px 0 0px 0;
	position: relative;
	width: 100%;
	padding-top:80%;
	float:left;
}
 
.iframe-css iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.iframe-css-footer {
	margin:0 0 0px 0;
	position: relative;
	width: 100%;
	height:600px;
	float:left;
}
 
.iframe-css-footer iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


.iframe-css-map {
	margin:0px 0 0px 0;
	position: relative;
	width: 100%;
	padding-top:60%;
	float:left;
}
 
.iframe-css-map iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/***価格表****/


.ToryouALLBox{
	width:100%;
	text-align:center;
	padding:10px;
	margin:0 0 0 0;
	float:left;
	box-sizing:border-box;
}


.ToryouBox{
	width:100%;
	text-align:center;
	padding:0px;
	margin:50px 0 0 0;
	float:left;
	box-sizing:border-box;
}
.ToryouBoxL{
	width:35%;
	text-align:center;
	padding:10px;
	margin:0px 0 0 0;
	float:left;
	box-sizing:border-box;
}
.ToryouBoxR{
	width:65%;
	text-align:center;
	padding:10px;
	margin:0px 0 0 0;
	float:left;
	box-sizing:border-box;
}

.ToryouBoxA{
	width:100%;
	text-align:left;
	padding:10px;
	font-size:24px;
	margin:0px 0 0 0;
	float:left;
	box-sizing:border-box;
	border-bottom:1px solid #000000;
	background-color:#ededed;

}
.ToryouBoxB{
	width:100%;
	text-align:left;
	padding:5px;
	font-size:18px;
	margin:0px 0 0 0;
	float:left;
	box-sizing:border-box;
}
.ToryouBoxC{
	width:100%;
	text-align:left;
	padding:5px;
	font-size:16px;
	margin:0px 0 0 0;
	float:left;
	box-sizing:border-box;
}
.ToryouBoxD{
	width:100%;
	text-align:left;
	padding:5px;
	font-size:16px;
	margin:0px 0 0 0;
	float:left;
	box-sizing:border-box;
}


.SekouStepALLBox{
	width:100%;
	text-align:center;
	padding:10px;
	margin:0 0 0 0;
	float:left;
	box-sizing:border-box;
}


.SekouStepBox{
	width:100%;
	text-align:center;
	padding:0px;
	margin:50px 0 0 0;
	float:left;
	box-sizing:border-box;
}
.SekouStepMidashi{
	width:100%;
	text-align:left;
	padding:0px;
	margin:0px 0 0 0;
	float:left;
	box-sizing:border-box;
	border-bottom:1px dotted #000000;
}
.StepMidashi{
	font-size:18px;
	color:#000000;
	text-align:left;
	padding:10px;
	margin:0px 0 0 0;
	float:left;
	box-sizing:border-box;
	background-color:#ededed;
}
.SekouStepBoxL{
	width:35%;
	text-align:center;
	padding:10px;
	margin:0px 0 0 0;
	float:left;
	box-sizing:border-box;
}
.SekouStepBoxR{
	width:65%;
	font-size:16px;
	text-align:left;
	padding:20px 10px 10px 10px;
	margin:0px 0 0 0;
	float:left;
	box-sizing:border-box;
}


/***土地について****/
.LandBG{
	background:url(../img/land_img_3.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}


/***コンセプト****/

.MainBGA{
	width:30%;
	position: absolute;
	top: 10%;
	left: 10%;
}
.MainBGB{
	width:30%;
	position: absolute;
	top: 40%;
	left: 10%;
}
.MainBGC{
	width:30%;
	position: absolute;
	bottom: 10%;
	right: 0%;
}

.MainBGD{
	width:20%;
	position: absolute;
	top: 10%;
	left: -5%;
}


.MainBGE{
	width:15%;
	position: absolute;
	top: 40%;
	left: 10px;
}
.MainBGF{
	width:30%;
	position: absolute;
	top: 50%;
	right: 10px;
}
.MainBGG{
	width:30%;
	position: absolute;
	bottom: 10%;
	left: 10%;
}

.FeatBoxALL{
	width:100%;
	text-align:center;
	padding:0 0 0 0;
	margin:0 0 0 0;
	float:left;
	box-sizing:border-box;
	list-style:none;
}
.FeatBoxALL li{
	width:50%;
	text-align:center;
	padding:20px;
	margin:10px 0 0 0;
	float:left;
	box-sizing:border-box;
}
.FeatBox{
	width:100%;
	text-align:center;
	padding:0px;
	margin:0px 0 0 0;
	float:left;
	box-sizing:border-box;
	position:relative;
}
.FeatBoxL{
	width:40%;
	text-align:center;
	padding:0px;
	margin:0px 0 0 0;
	float:left;
	box-sizing:border-box;
	position:relative;
}
.FeatBoxR{
	width:60%;
	text-align:center;
	padding:20px 20px 20px 40px;
	margin:50px 0 0 -20px;
	float:left;
	box-sizing:border-box;
	border-radius:5px;
	background-color:#e6f3ed;
}


.CopnceptMesBG{
	background:url(../img/concept_main_img_2.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}


.CONCEPTaBOXL{
	width:45%;
	text-align:center;
	padding:10px;
	margin:0 0 0 0;
	float:left;
	box-sizing:border-box;
}
.CONCEPTaBOXR{
	width:55%;
	text-align:left;
	padding:10px;
	margin:0 0 0 0;
	float:left;
	box-sizing:border-box;
}
.CONCEPTbBOXL{
	width:50%;
	text-align:left;
	padding:25px;
	margin:0px 0px 0 0px;
	background-color:#FFFFFF;
	box-sizing:border-box;
	position: absolute;
	top: 40px;
	left: 40px;
}
.CONCEPTbBOXR{
	width:50%;
	text-align:left;
	margin:0 0 0 0;
	float:right;
}

.CONCEPTBG{
	width:100%;
	text-align:center;
	padding:0 0 0 0;
	margin:0 0 0 0;
	float:left;
	box-sizing:border-box;
	background: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 50%, #f9f9f0 50%, #f9f9f0 100%);
}


.CONCEPTBGA{
	width:100%;
	text-align:center;
	padding:40px;
	margin:0 0 0 0;
	float:left;
	box-sizing:border-box;
	background-color:#f8f8fa;
	position:relative;
}
.CONCEPTBGAL{
	width:50%;
	text-align:center;
	padding:10px;
	margin:0 0 0 0;
	float:left;
	box-sizing:border-box;
}
.CONCEPTBGAR{
	width:50%;
	text-align:center;
	padding:10px;
	margin:0 0 0 0;
	float:left;
	box-sizing:border-box;

}

.CONCEPTBGB{
	width:100%;
	text-align:center;
	padding:80px 30px 80px 30px;
	margin:0 0 0 0;
	float:left;
	box-sizing:border-box;
	background:url(../img/tuyomi_bg.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}
.CONCEPTBGC{
	width:100%;
	text-align:center;
	padding:0px 30px 0px 30px;
	margin:-20px 0 0 0;
	float:left;
	box-sizing:border-box;
}

.CONCEPTLIST{
	width:100%;
	text-align:center;
	padding:20px;
	margin:0 0 0 0;
	float:left;
	box-sizing:border-box;
	background-color:#b6ab88;
}
.CONCEPTLIST li{
	display: block;
	float: left;
	width: 25%;
	margin: 20px 0 20px 0;
	padding: 0;
	text-align: center;
	text-decoration: none;
	box-sizing:border-box;
}
.CONCEPTLIST li:nth-child(2){
	border-left:1px solid #cabe9a;
	border-right:1px solid #cabe9a;
}
.CONCEPTLIST li:nth-child(3){
	border-right:1px solid #cabe9a;
}

.CONCEPTLISTA{
	font-size:20px;
	color:#FFFFFF;
	width:100%;
	text-align:center;
	padding:5px;
	margin:0 0 0 0;
	float:left;
	box-sizing:border-box;
}
.CONCEPTLISTB{
	font-size:16px;
	color:#e8dfc2;
	width:100%;
	text-align:center;
	padding:5px;
	margin:0 0 0 0;
	float:left;
	box-sizing:border-box;
}
.CONCEPTLISTC{
	width:100%;
	text-align:center;
	padding:5px;
	margin:0 0 0 0;
	float:left;
	box-sizing:border-box;
}


.ARTBOXA{
	width:100%;
	text-align:center;
	padding:10px;
	margin:140px 0 0 0;
	float:left;
	box-sizing:border-box;
}
.ARTBOXB{
	width:100%;
	text-align:center;
	padding:10px;
	margin:0px 0 0 0;
	float:left;
	box-sizing:border-box;
}
.ARTBOXL{
	width:50%;
	text-align:left;
	padding:10px;
	margin:0 0 0 0;
	float:left;
	box-sizing:border-box;
}
.ARTBOXR{
	width:50%;
	text-align:left;
	padding:20px;
	margin:0 0 0 0;
	float:left;
	box-sizing:border-box;
}
.ARTBOXRA{
	width:100%;
	text-align:left;
	padding:0px;
	margin:10px 0 0 0;
	float:left;
	box-sizing:border-box;
	font-size:36px;
	color:#820000;
}
.ARTBOXRB{
	width:100%;
	text-align:left;
	padding:0px;
	margin:10px 0 0 0;
	float:left;
	box-sizing:border-box;
	font-size:16px;
	color:#820000;
}
.ARTBOXRC{
	width:100%;
	text-align:left;
	padding:0px;
	margin:10px 0 0 0;
	float:left;
	box-sizing:border-box;
}

.ARTBOXBA{
	width:100%;
	text-align:left;
	padding:10px;
	margin:10px 0 0 0;
	float:left;
	box-sizing:border-box;
	font-size:20px;
	color:#820000;
	border-bottom:1px solid #820000;
}
.ARTBOXBB{
	width:100%;
	text-align:left;
	padding:10px;
	margin:10px 0 0 0;
	float:left;
	box-sizing:border-box;
	font-size:16px;
}


/*即日買取*/

.PUBBOXSE{
	width:100%;
	float: left;
	margin:0 0 0 0;
	padding:10px;
	box-sizing:border-box;
	background-size: auto auto;
	background-color: rgba(130, 0, 0, 1);
	background-image: repeating-linear-gradient(45deg, transparent, transparent 10px, rgba(154, 48, 48, 1) 10px, rgba(154, 48, 48, 1) 11px );
}
.PUBBOXSEA{
	color:#820000;
	font-size:30px;
	background:linear-gradient(transparent 60%, #ffcccc 60%);
}
.PUMidashi{
	width:100%;
	float: left;
	margin:0 0 10px 0;
	padding:10px;
	box-sizing:border-box;
	font-size:18px;
	background-color:#820000;
	color:#FFFFFF;
}


/*家づくりの流れ*/


.FlowBox{
	width:100%;
	margin:40px 0 0 0;
	padding:0px;
	box-sizing:border-box;
	float:left;
}
.FlowMidashiBox{
	width:100%;
	margin:0 0 0 0;
	padding:0;
	box-sizing:border-box;
	float:left;
	font-size:24px;
	border-bottom:1px solid #ccb487;
}
.FlowMidashiBoxA{
	width:20%;
	margin:0 0 0 0;
	padding:10px;
	box-sizing:border-box;
	float:left;
	font-size:24px;
	background-color:#ccb487;
	text-align:center;
	color:#FFFFFF;
	display: flex;
	justify-content: center;
	align-items: center;
}
.FlowMidashiBoxB{
	width:80%;
	margin:0 0 0 0;
	padding:10px 10px 10px 30px;
	box-sizing:border-box;
	float:left;
	font-size:24px;
	color:#000000;
	text-align:left;
	display: flex;
	justify-content: left;
	align-items: center;
}
.FlowBoxL{
	width:30%;
	margin:10px 0 0 0;
	padding:10px;
	box-sizing:border-box;
	float:left;
}
.FlowBoxR{
	width:70%;
	margin:10px 0 0 0;
	padding:10px;
	box-sizing:border-box;
	float:right;
}
.FlowArrowBox{
	width:100%;
	margin:20px 0 0 0;
	padding:10px;
	box-sizing:border-box;
	text-align:center;
	float:left;
}
.Flowth{
	width:20%;
	padding:10px;
	background-color:#63843e;
	color:#FFFFFF;
	box-sizing:border-box;
	border-bottom:1px solid #63843e;
}
.Flowtd{
	width:80%;
	padding:10px;
	color:#63843e;
	box-sizing:border-box;
	border-bottom:1px solid #63843e;
}


/*標準仕様*/

.StandBox{
	display:inline;
	width:100%;
	margin:0px 0 0 0;
	padding:0 0 0 0;
	float:left;
}
.StandBox li{
	text-align:center;
	color:#00000;
	width:33%;
	margin:0 0 0 0;
	padding:10px;
	list-style-type: none;
	display:block;
	float:left;
	box-sizing:border-box;
	display:flex;
}
.StandBoxF{
	width:100%;
	height:100%;
	margin:0px 0 0 0;
	padding:10px;
	float:left;
	box-sizing:border-box;
	border:3px solid #f6f6f6;
}





/*ブログ*/
#MonthList{
	display:inline;
	width:100%;
	padding:0 0 0 0;
	margin:0 0 0 0;
	float:left;
	list-style-type:none;
	text-align:left;
}
#MonthList li{
	width:100%;
	text-align:left;
	padding:0 0 0 0;
	margin:0 0 0 0;
	float:left;
}


.Retable th{
	width:25%;
	color:#000000;
	background-color:#fcfbf7;
	text-align:left;
	box-sizing:border-box;
	border:1px solid #dedede;
}
.Retable td{
	width:75%;
	color:#000000;
	background-color:none;
	text-align:left;
	box-sizing:border-box;
	border:1px solid #dedede;
}

.RetableA{
	width:100%;
	text-align:left;
	padding:0 0 0 0;
	margin:0 0 0 0;
	float:left;
}

/*スタッフ紹介*/
.KadomaruA{
	border-radius:10px;
	
}
.StaffBox{
	width:100%;
	margin:20px 0 0 0;
	padding:0 0 0 0;
	text-align:left;
	float:left;
	box-sizing:border-box;
}
.StaffBox li{
	width:100%;
	margin:80px 0 0 0;
	padding:20px;
	text-align: center;
	text-decoration: none;
	list-style:none;
	float: left;
	box-sizing:border-box;
	background-color:#fdfbf6;
	border-radius:10px;
}
.StaffBox li img{
	max-width: 100%;
	height: auto;
	width /***/:auto;
}

.StaffBoxL{
	width:45%;
	margin:0 0 0 0;
	padding:10px;
	text-align:center;
	float:left;
	box-sizing:border-box;
}
.StaffBoxR{
	width:55%;
	margin:0 0 0 0;
	padding:10px;
	text-align:center;
	float:left;
	box-sizing:border-box;
}
.StaffBoxLL{
	width:45%;
	margin:0 0 0 0;
	padding:10px;
	text-align:center;
	float:right;
	box-sizing:border-box;
}
.StaffBoxRR{
	width:55%;
	margin:0 0 0 0;
	padding:10px;
	text-align:center;
	float:left;
	box-sizing:border-box;
}


/*動画の投稿*/
.MovieListF{
	display:inline;
	width:100%;
	margin:30px 0 0 0;
	padding:0 0 0 0;
	float:left;
}
.MovieListF li{
	text-align:center;
	color:#00000;
	width:33%;
	margin:0 0 0 0;
	padding:10px;
	list-style-type: none;
	display:block;
	float:left;
	box-sizing:border-box;
}
.MovieBoxALL{
	width:100%;
	margin:0px 0 0 0;
	padding:0 0 0 0;
	float:left;
}
.MovieBox{
  position:relative;
  width:100%;
  padding-top:56.25%;
}
.MovieBox iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}
.frame-wrapper__video {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
}

.frame-wrapper__video iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.MovieTitleF{
	width:100%;
	margin:5px 0 0 0;
	padding:3px;
	box-sizing:border-box;
	float:left;
	border:1px solid #000000;
}
/************/


/*イベントの投稿*/
.EveBox{
	width:100%;
	margin:0px 0 0 0;
	padding:10px;
	float:left;
	box-sizing:border-box;
}
.EveBox li{
	text-align:center;
	color:#00000;
	width:50%;
	margin:0 0 0 0;
	padding:20px;
	list-style-type: none;
	display:block;
	float:left;
	box-sizing:border-box;
}

.EveBoxALL{
	width:100%;
	height:100%;
	margin:0px 0 0 0;
	padding:10px 10px 30px 10px;
	float:left;
	box-sizing:border-box;
	background-color:#f8f8f2;
	position:relative;
}
.EveBoxL{
	width:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:left;
	box-sizing:border-box;
	position:relative;
}
.EveBoxR{
	width:100%;
	margin:0px 0 0 0;
	padding:0;
	float:left;
	box-sizing:border-box;
}
.EvePhoto{
	width:100%;
	margin:0px 0 0 0;
	padding:0 0 0 0;
	float:left;
	box-sizing:border-box;
}

.EveBoxA{
	width:100%;
	text-align:left;
	font-size:14px;
	color:#FFFFFF;
	margin:10px 0 0 0;
	padding:10px;
	float:left;
	box-sizing:border-box;
	background-color:#7f4613;
}
.EveBoxB{
	width:100%;
	text-align:left;
	font-size:18px;
	margin:0px 0 0 0;
	padding:5px 5px 0px 5px;
	float:left;
	box-sizing:border-box;
}
.EveBoxC{
	width:100%;
	text-align:left;
	font-size:14px;
	margin:0px 0 0 0;
	padding:5px;
	float:left;
	box-sizing:border-box;
}
.EveBT{
	text-align:right;
	width:100%;
	margin:5px 0 5px 0;
	padding:3px;
	float:left;
	box-sizing:border-box;
	position:relative;
	border-bottom:2px solid #63843e;
}
.EveBT a{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999; /* 必要であればリンク要素の重なりのベース順序指定 */
}


/******施工事例***/
#ProList{
	width: 100%;
	margin: 0;
	padding: 0;
	float:left;
	list-style:none;
}
#ProList li{
	width:25%;
	box-sizing: border-box;
	padding:10px;
	box-sizing:border-box;
	transition: 0.5s;
	float:left;
}
#ProList li a{
	display:block;
	width: 100%; /* 横幅 */
	padding:10px; /* a要素内の余白 */
	box-sizing:border-box;
	background-color:#3f1e10;
	color:#FFFFFF;
	text-decoration: none;
	transition: 0.5s;
}
#ProList li:hover {
    filter:alpha(opacity=70);/* IE 6,7*/
    -ms-filter: "alpha(opacity=70)";/* IE 8,9 */
    -moz-opacity:0.7;/* FF , Netscape */
    -khtml-opacity: 0.7;/* Safari 1.x */
    opacity:0.7;
    zoom:1;/*IE*/
	transition: 0.5s;
}


#TagList{
	width:100%;
	margin:0 0 0 0;
	padding:10px;
	box-sizing:border-box;
	float:left;
	text-align:center;
}
#TagList li{
	text-align:center;
	color:#00000;
	width:20%;
	margin:10px 0 0 0;
	padding:5px;
	list-style-type: none;
	float:left;
	box-sizing:border-box;
}

.LinkBTtag{
	display:inline-block;
	font-size:14px;
	text-align:center;
	margin:5px;
	box-sizing:border-box;
	padding:10px 13px 10px 13px;
	background-color:#000000;
	font-weight:bold;
	color:#FFFFFF;
	transition: 0.5s;
	border-radius: 20px;        /* CSS3草案 */  
	-webkit-border-radius: 20px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 20px;   /* Firefox用 */  
}
.LinkBTtag a{
	color:#FFFFFF;
	text-decoration: none;
}
.LinkBTtag:hover {
    filter:alpha(opacity=70);/* IE 6,7*/
    -ms-filter: "alpha(opacity=70)";/* IE 8,9 */
    -moz-opacity:0.7;/* FF , Netscape */
    -khtml-opacity: 0.7;/* Safari 1.x */
    opacity:0.7;
    zoom:1;/*IE*/
	transition: 0.5s;
}
.LinkBTtagA{
	display:inline-block;
	font-size:14px;
	text-align:center;
	margin:5px;
	box-sizing:border-box;
	padding:10px 13px 10px 13px;
	background-color:#401f0f;
	font-weight:bold;
	color:#FFFFFF;
	transition: 0.5s;
	border-radius: 20px;        /* CSS3草案 */  
	-webkit-border-radius: 20px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 20px;   /* Firefox用 */  
}
.LinkBTtagA a{
	color:#FFFFFF;
	text-decoration: none;
}
.LinkBTtagA:hover {
    filter:alpha(opacity=70);/* IE 6,7*/
    -ms-filter: "alpha(opacity=70)";/* IE 8,9 */
    -moz-opacity:0.7;/* FF , Netscape */
    -khtml-opacity: 0.7;/* Safari 1.x */
    opacity:0.7;
    zoom:1;/*IE*/
	transition: 0.5s;
}

.LinkBTtagON{
	display:inline-block;
	font-size:14px;
	text-align:center;
	margin:5px;
	box-sizing:border-box;
	padding:10px 13px 10px 13px;
	background-color:#FFFFFF;
	border:1px solid #41200d;
	font-weight:bold;
	color:#41200d;
	transition: 0.5s;
	border-radius: 20px;        /* CSS3草案 */  
	-webkit-border-radius: 20px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 20px;   /* Firefox用 */  
}
.LinkBTtagICO{
	display:inline-block;
	font-size:18px;
	text-align:center;
	margin:5px;
	box-sizing:border-box;
	padding:10px 13px 10px 13px;
	background-color:#41200d;
	font-weight:bold;
	color:#FFFFFF;
	transition: 0.5s;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */  
}


.WorkSum{
	display:inline;
	width:100%;
	margin:5px 0 0 0;
	padding:0 0 0 0;
	float:left;
}
.WorkSum li{
	text-align:center;
	color:#00000;
	width:25%;
	margin:0 0 0 0;
	padding:5px;
	list-style-type: none;
	display:block;
	float:left;
	box-sizing:border-box;
}
.WorkinfoBox{
	width:33.3%;
	margin:0 0 0 0;
	padding:10px;
	float:left;
	box-sizing:border-box;
}

.AfBeBox{
	display:inline;
	width:100%;
	margin:20px 0 0 0;
	padding:10px;
	box-sizing:border-box;
	float:left;
}

.ListPhotoBox{
	width:100%;
	height:300px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:left;
}
.ListPhoto{
	width:100%;
	text-align:center;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:left;
}


/******お問合せフォーム***/
.ToiBox{
	width:100%;
	max-width:730px;
	margin:15px 0 0 200px;
	padding:5px; 
	text-align:left;
	float:left;
	box-sizing: border-box;
}



/********/
/*フッタBOX*/
/********/
#footer{
	width:100%;
	margin:0 0 0 0;
	padding:0px 0 0px 0;
	text-align:center;
	float:left;
	box-sizing:border-box;
}

#FooterBox{
	width:100%;
	margin:0 0 0 0;
	padding:0px 0 0px 0;
	text-align:left;
	color:#491219;
	float:left;
}
#FooterBoxSP{
	display:none;
	width:100%;
	line-height:1.3;
	margin:0 0 0 0;
	padding:5px 0 0 0;
	color:#491219;
	text-align:left;
}
#FooterBT{
	width:100%;
	font-size:80%;
	margin:10px 0 0 0;
	padding:0 0 0 0;
	text-align:center;
	color:#491219;
}


#FooterBTSP{
	width:100%;
	margin:10px 0 0 0;
	color:#491219;
	padding:0 0 0 0;
	text-align:left;
	transition: 0.5s;
	font-weight:normal;
}
#FooterBTSP a{
	font-weight:normal;
	color:#491219;
	text-decoration: none;
	transition: 0.5s;
}
#FooterBTSP a:hover{
	color:#7e3a43;
	transition: 0.5s;
}
/**上側**/
#FooterBoxA{
	width:50%;
	color:#491219;
	text-align:center;
	margin:0 0 0 0;
	padding:0px;
	float:left;
	color:#FFFFFF;
	box-sizing:border-box;
	transition: 0.5s;
}
#FooterBoxA a{
	font-size:14px;
	color:#491219;
	transition: 0.5s;
	text-decoration: none;
}
#FooterBoxA a:hover{
	color:#7e3a43;
	transition: 0.5s;
}
#FooterBoxB{
	width:50%;
	color:#491219;
	text-align:center;
	margin:0 0 0 0;
	padding:10px;
	float:right;
	box-sizing:border-box;
	transition: 0.5s;
	display: flex;
	justify-content: center;
	align-items: center;
}


#FooterBoxB a{
	color:#491219;
	transition: 0.5s;
	text-decoration: none;
}
#FooterBoxB a:hover{
	color:#7e3a43;
	transition: 0.5s;
}

.FooterInfoBox{
	width:100%;
	text-align:center;
	margin:0 0 0 0;
	padding:10px;
	float:left;
	box-sizing:border-box;
}

#FooterLink li{
	text-align:center;
	color:#00000;
	width:12.5%;
	margin:10px 0 10px 0;
	padding:5px;
	list-style-type: none;
	display:block;
	float:left;
	color:#FFFFFF;
	box-sizing:border-box;
	border-left:1px solid #d9d9d9;
	transition: 0.5s;
}

#FooterLink li a{
	color:#FFFFFF;
	text-decoration: none;
	transition: 0.5s;
}
#FooterLink li a:hover{
	color:#666666;
	transition: 0.5s;
}

#FooterBoxASP{
	width:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	text-align:center;
	float:left;
	color:#FFFFFF;
}
#FooterBoxBSP{
	width:100%;
	margin:10px 0 80px 0;
	padding:0 0 0 5px;
	color:#491219;
	text-align:left;
	float:left;
	box-sizing: border-box;
}
/********/


/************/
/*グローバルNAVIブロック*/

.MainFont{
	text-align:center;
	color:#FFFFFF;
	font-size:15px;
	transition: 0.5s;
}
.MainFont:hover{
	color:#686868;
}
.MainFontCon{
	text-align:center;
	color:#FFFFFF;
	font-size:16px;
	transition: 0.5s;
}
.MainFontCon:hover{
	color:#686868;
}
.SubFont{
	text-align:center;
	font-size:12px;
	transition: 0.5s;
	color:#FFFFFF;
}

.MainFontSE{
	text-align:center;
	color:#FFFFFF;
	font-size:16px;
	transition: 0.5s;
}
.MainFontSE:hover{
	color:#686868;
}
.SubFontSE{
	text-align:center;
	font-size:12px;
	transition: 0.5s;
	color:#FFFFFF;
}

#GlobalWrapper{
	display:inline;
	margin:0 auto;
	padding:0 0 0 0;
	text-align:right;
	width:100%;
}
#GlobalNavi{
	margin:0 0 0 0;
	padding:5px;
	box-sizing:border-box;
	margin:0 0 0 0;
	text-align:right;
	float:left;
	width:100%;
}
#GlobalNavi.center {
  margin: 0;  /* 余分なマージンを消去 */
  padding: 0; /* 余分なパディングを消去 */
  text-align: center; /* 中央寄せ */
}

#GlobalNavi li{
	font-size:18px;
	display:block;
	margin:0 0 0 0;
	padding:0 0 0 0;
	display: inline-block; 
	font-weight: 600;
	position:relative;
	line-height:1.3;
	transition: 0.5s;
	text-align:right;
	color:#FFFFFF;
}
#GlobalNavi li a{
	font-size:18px;
	text-align:center;
	display:block;
	width:100%;
	padding:10px;
	box-sizing:border-box;
	text-decoration: none;
	color:#FFFFFF;
	border-bottom:1px solid transparent;
	transition: 0.5s;
}
#GlobalNavi li a:hover{
	color:#b6ab88;
	border-bottom:1px solid transparent;
}

.ContactBT{
	color:#FFFFFF;
	padding:0px 10px 0px 10px;
	background-color:#b6ab88;
	border-radius:10px;
}


#SubNavi{
	width:100%;
	margin:0 0 0 0;
	padding:0px;
	box-sizing:border-box;
	float:left;
}
#SubNavi li{
	font-size:10px;
	width:20%;
	display:block;
	margin:0 0 0 0;
	padding:0px;
	float:left;
	font-weight:600;
	background-color:#63843e;
	border-right:1px solid #FFFFFF;
	box-sizing:border-box;
}
#SubNavi li a{
	display:block;
	width:100%;
	padding:5px;
	box-sizing:border-box;
	text-decoration: none;
	color:#FFFFFF;
}
#SubNavi li a:hover{
}
/************/

/*****ニュース&FACEBOOK囲む*******/
#ALLNEWSFACEBOX{
	width:100%;
	min-width:1000px;
	margin:50px 0 0 0;
	float:left;
}

.InstaBox{
	width:100%;
	margin:0 0 0 0;
	padding:10px;
	text-align:center;
	float:left;
	box-sizing:border-box;
	background-color:#f4f2f1;
}
/****ニュース******/

#NEWSWrapper{
	width:100%;
	max-width:1000px;
	margin:30px auto;
	padding:0 0 0 0;
	text-align:center;
}

/**お知らせ**/


.TopNewsBox{
	width:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	text-align:left;
	float:left;
	box-sizing:border-box;
}


.TopNewsList{
	display:inline;
	width:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:left;
	text-align:left;
	box-sizing:border-box;
}
.TopNewsList li{
	text-align:left;
	font-size:16px;
	color:#000000;
	width:100%;
	margin:20px 0 0 0;
	padding:15px;
	list-style-type: none;
	overflow:hidden;
	float:left;
	box-sizing:border-box;
	transition: 0.5s;
	border-bottom:1px solid #dddddd;
}

.TopNewsList a:link, .TopNewsList a:visited, .TopNewsList a:hover{
	color:#000000;
	text-decoration: none;
	transition: 0.5s;
}

.TopNewsList a:hover{
	color:#a8a8a8;
	text-decoration: underline;
	transition: 0.5s;
}

.TopNewsListALL{
	width:100%;
	margin:0 0 0 0;
	padding:0px;
	float:left;
	text-align:left;
	box-sizing:border-box;
}
.TopNewsListL{
	width:20%;
	margin:0 0 0 0;
	padding:5px;
	float:left;
	text-align:left;
	box-sizing:border-box;
}
.TopNewsListR{
	width:80%;
	margin:0 0 0 0;
	padding:5px;
	float:left;
	text-align:left;
	box-sizing:border-box;
}
.TopNewsListA{
	width:12%;
	margin:0 0 0 0;
	padding:5px;
	float:left;
	text-align:left;
	box-sizing:border-box;
}
.TopNewsListB{
	width:88%;
	margin:0 0 0 0;
	padding:5px;
	float:left;
	text-align:left;
	box-sizing:border-box;
}
.TopNewsListC{
	width:100%;
	margin:0 0 0 0;
	padding:5px;
	float:left;
	text-align:left;
	box-sizing:border-box;
}
.TopNewsListIcoblog{
	width:100%;
	max-width:90px;
	font-size:12px;
	color:#FFFFFF;
	padding:3px;
	text-align:center;
	box-sizing:border-box;
	background-color:#111111;
	float:left;
}
.TopNewsListIcoworks{
	width:100%;
	max-width:90px;
	font-size:12px;
	color:#FFFFFF;
	padding:3px;
	text-align:center;
	box-sizing:border-box;
	background-color:#3b7f1a;
	float:left;
}
.TopNewsListIcoevent{
	width:100%;
	max-width:90px;
	font-size:12px;
	color:#FFFFFF;
	padding:3px;
	text-align:center;
	box-sizing:border-box;
	background-color:#7f4613;
	float:left;
}
.TopNewsListIcovoice{
	width:100%;
	max-width:90px;
	font-size:12px;
	color:#FFFFFF;
	padding:3px;
	text-align:center;
	box-sizing:border-box;
	background-color:#dd6f03;
	float:left;
}
.TopNewsListIcoother{
	width:100%;
	max-width:90px;
	font-size:12px;
	color:#FFFFFF;
	padding:3px;
	text-align:center;
	box-sizing:border-box;
	background-color:#ccb487;
	float:left;
}
.TopNewsListIconews{
	width:100%;
	max-width:90px;
	font-size:12px;
	color:#FFFFFF;
	padding:3px;
	text-align:center;
	box-sizing:border-box;
	background-color:#ccb487;
	float:left;
}
/**新着情報**/
.NewsBox{
	width:100%;
	margin:50px 0 100px 0;
	padding:0 0 0 0;
	text-align:left;
	float:left;
	position:relative;
}
.NewsMidashi{
	font-size:24px;
	color:#6d7909;
	line-height:1.3;
	width:100%;
	margin:0px 0 0 0;
	padding:10px;
	box-sizing:border-box;
	text-align:center;
	float:left;
}

.NewsBoxALL{
	width:100%;
	height:100%;
	margin:0 0 0 0;
	padding:0px;
	text-align:left;
	float:left;
	box-sizing:border-box;
	position: relative;
	border-bottom:1px dotted #000000;
}
.NewsBoxLL{
	width:50%;
	margin:0 0 0 0;
	padding:10px;
	text-align:left;
	float:left;
	box-sizing:border-box;
}
.NewsBoxRR{
	width:100%;
	margin:0 0 0 0;
	padding:10px;
	text-align:left;
	float:left;
	box-sizing:border-box;
}
.NewsBoxL{
	width:40%;
	margin:0 0 0 0;
	padding:10px;
	text-align:left;
	float:left;
	box-sizing:border-box;
}
.NewsBoxR{
	width:60%;
	color:#000000;
	margin:5px 0 0 0;
	padding:5px;
	text-align:left;
	box-sizing:border-box;
	float:left;
}
.NewsCate{
	position: absolute;
	top: 0;
	left: 0;
	zindex:999;
}
.NewsArrow{
	position: absolute;
	bottom: 10px;
	right: 0;
	zindex:999;
}
.NewsBoxFilter{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(../img/filter_bg.png);
	background-position:center bottom;
	background-repeat:no-repeat;
	border-radius:20px;
	background-size:cover;
}

#NewsList{
	display:inline;
	width:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:left;
	text-align:left;
}
#NewsList li{
	text-align:left;
	font-size:10px;
	color:#000000;
	width:50%;
	margin:20px 0 0 0;
	padding:20px;
	list-style-type: none;
	overflow:hidden;
	float:left;
	box-sizing:border-box;
	transition: 0.5s;
}

#NewsList a:link, #NewsList a:visited, #NewsList a:hover{
	color:#000000;
	text-decoration: none;
	transition: 0.5s;
}

#NewsList a:hover{
	color:#a8a8a8;
	text-decoration: underline;
	transition: 0.5s;
}


#NewsListSE{
	display:inline;
	width:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:left;
	text-align:left;
}
#NewsListSE li{
	text-align:left;
	font-size:10px;
	color:#000000;
	width:33.3%;
	margin:20px 0 0 0;
	padding:20px;
	list-style-type: none;
	overflow:hidden;
	float:left;
	box-sizing:border-box;
	transition: 0.5s;
}

#NewsListSE a:link, #NewsListSE a:visited, #NewsListSE a:hover{
	color:#000000;
	text-decoration: none;
	transition: 0.5s;
}

#NewsListSE a:hover{
	color:#a8a8a8;
	text-decoration: underline;
	transition: 0.5s;
}


.NewsPhoto {
	width:100%;
	margin:0 0 0 0;
	float:left;
}

.NewsTextBox{
	color:#000000;
	width:100%;
	margin:0 0 0 0;
	text-align:left;
	float:left;
	font-size:12px;
}


.NewsBT{
	width:100%;
	max-width:100px;
	margin:0 0 0 0;
	padding:0px;
	text-align:right;
	font-weight: 600;
	position:absolute;
	right:10px;
	top:10px;
}
.NewsBT a{
	display:block;
	width: 100%; /* 横幅 */
	padding:0px; /* a要素内の余白 */
	box-sizing:border-box;
	color:#000000;
	text-decoration: none;
}

.NewsBT a:hover{
	text-decoration: underline;
}




/**施工事例情報**/
.WorksNewsBox{
	width:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	text-align:left;
	float:left;
	position:relative;
}
.WorksNewsMidashi{
	font-size:24px;
	color:#6d7909;
	width:100%;
	margin:0px 0 0 0;
	padding:10px;
	box-sizing:border-box;
	text-align:center;
	float:left;
}
.WorksNewsBoxALL{
	width:100%;
	margin:0 0 0 0;
	padding:0;
	text-align:left;
	box-sizing:border-box;
	float:left;
	background-color:#FFFFFF;
	border-radius:15px;
	border:3px solid #593034;
}
.WorksNewsBoxL{
	width:100%;
	margin:0 0 0 0;
	padding:0;
	text-align:left;
	box-sizing:border-box;
	float:left;
	position:relative;
}
.WorksNewsBoxName{
	position: absolute;
	bottom: 0px;
	right: 0px;
}
.WorksNewsBoxName span{
	display:inline-block;
	font-size:14px;
	width:100%;
	margin:0 0 0 0;
	padding:10px;
	text-align:center;
	box-sizing:border-box;
	background-color:#FFFFFF;
}
.WorksNewsArrow{
	width:100%;
	margin:0 0 0 0;
	padding:0;
	text-align:right;
	position: absolute;
	bottom: 0px;
	left: 0px;

}

.UketukeBox{
	font-size:12px;
	width:100%;
	max-width:60px;
	margin:0 0 0 0;
	padding:0;
	text-align:left;
	position: absolute;
	top: 0px;
	left: 0px;

}

.YoyakauOn{
	margin:0 0 0 0;
	padding:5px;
	box-sizing:border-box;
	text-align:center;
	color:#FFFFFF;
	background-color:#ff9c00;
}

.YoyakauOff{
	margin:0 0 0 0;
	padding:5px;
	box-sizing:border-box;
	text-align:center;
	color:#FFFFFF;
	background-color:#a4a4a4;
}

.BlackFilter{
	width:100%;
	height:100%;
	margin:0 0 0 0;
	padding:0;
	text-align:left;
	position: absolute;
	top: 0px;
	left: 0px;
	background-color:#000000;
	filter:alpha(opacity=50);/* IE 6,7*/
	-ms-filter: "alpha(opacity=50)";/* IE 8,9 */
	-moz-opacity:0.5;/* FF , Netscape */
	-khtml-opacity: 0.5;/* Safari 1.x */
	opacity:0.5;

}

.WorksNewsBoxR{
	width:100%;
	font-size:14px;
	margin:0px 0 0 0;
	padding:5px;
	text-align:left;
	float:right;
	box-sizing:border-box;
	
}
.WorksNewsBoxPrice{
	width:100%;
	margin:0px 0 0 0;
	padding:0px;
	text-align:center;
	float:right;
	box-sizing:border-box;
	
}
.WorksNewsBoxMaruBG{
	width:100%;
	margin:0 0 0 0;
	padding:30px 15px 30px 15px;
	text-align:left;
	float:left;
	box-sizing:border-box;
	background-color:#FFFFFF;
	border-radius:20px;
}

.WorksNewsBoxCate{
	width:100%;
	margin:0 0 0 0;
	padding:10px 5px 10px 5px;
	text-align:left;position: absolute;
	bottom: 0px; /* #contents内の上から何pxか */
	left: 0px; /* #contents内の左から何pxか */
	box-sizing:border-box;
}
.WorksCateBox{
	width:100%;
	max-width:60px;
	font-size:10px;
	font-weight:bold;
	color:#FFFFFF;
	margin:5px 2px 0px 2px;
	padding:5px;
	text-align:center;
	box-sizing:border-box;
	background-color:#f4a43d;
	float:left;
}


.WorksNewsBoxRText{
	width:100%;
	margin:0 0 0 0;
	padding:0px;
	text-align:center;
	float:left;
	box-sizing:border-box;
}
.WorksNewsBoxRBT{
	width:100%;
	margin:10px 0 0 0;
	padding:0px;
	text-align:center;
	float:left;
	box-sizing:border-box;
}

.WorksNewsBoxRTextA{
	line-height:1.3;
	font-weight:bold;
	color:#4f2900;
	font-size:16px;
	width:100%;
	margin:0px 0 0 0;
	padding:3px;
	box-sizing:border-box;
	float:left;
	text-align:left;
	border-bottom:3px solid #4f2900;
}
.WorksNewsBoxRTextB{
	line-height:1.3;
	font-size:12px;
	width:100%;
	color:#4f2900;
	margin:0px 0 0 0;
	padding:3px;
	box-sizing:border-box;
	float:left;
	text-align:left;
}

.WorksNewsBoxRTextC{
	line-height:1.3;
	font-weight:bold;
	color:#4f2900;
	font-size:16px;
	width:100%;
	margin:5px 0 0 0;
	padding:3px;
	box-sizing:border-box;
	float:left;
	text-align:left;
}
#WorksNewsList{
	width:100%;
	margin:0 0 0 0;
	padding:0 0 0px 0;
	float:left;
	text-align:center;
}
#WorksNewsList li{
	text-align:left;
	font-size:12px;
	color:#FFFFFF;
	width:50%;
	padding:20px;
	list-style-type: none;
	overflow:hidden;
	box-sizing:border-box;
	float:left;
	transition: 0.5s;
	position:relative;
}

#WorksNewsList a:link, #WorksNewsList a:visited, #WorksNewsList a:hover{
	color:#000000;
	text-decoration: none;
	transition: 0.5s;
}

#WorksNewsList a:hover{
	color:#000000;
	text-decoration: none;
	transition: 0.5s;
}



.WorksNewsPhoto {
	width:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:left;
}

.WorksNewsTextBox{
	color:#000000;
	width:100%;
	margin:3px 0 0 0;
	text-align:left;
	float:left;
	font-size:12px;
}


/*施工事例*/
.WorksPageBox{
	width:100%;
	margin:20px 0 50px 0;
	padding:0 0 0 0;
	text-align:left;
	float:left;
	position:relative;
}
.WorksPageBoxL{
	width:100%;
	margin:0 0 0 0;
	padding:0px;
	text-align:left;
	float:left;
	position:relative;
}
.WorksPageBoxR{
	width:100%;
	margin:0px 0 0 0;
	padding:5px;
	text-align:left;
	float:right;
	box-sizing:border-box;
}

#WorksPageList{
	width:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:left;
	text-align:left;
}
#WorksPageList li{
	text-align:left;
	color:#FFFFFF;
	width:25%;
	padding:15px;
	list-style-type: none;
	overflow:hidden;
	box-sizing:border-box;
	float:left;
	transition: 0.5s;
	position:relative;
}

#WorksPageList a:link, #WorksPageList a:visited, #WorksPageList a:hover{
	color:#000000;
	text-decoration: none;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

#WorksPageList a:hover{
	color:#5a5a5a;
	text-decoration: none;
}



.WorksPagePhoto {
	width:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:left;
}
.WorksPageCate{
	font-size:10px;
	margin:0 0 0 0;
	padding:5px;
	background-color:#820000;
	color:#FFFFFF;
	box-sizing:border-box;
}

/******お客様の声***/


.VoiceNewsBox{
	width:100%;
	margin:0 0 0 0;
	padding:10px;
	box-sizing:border-box;
	float:left;
}
.VoiceNewsBox li{
	text-align:center;
	color:#000000;
	width:100%;
	margin:50px 0 10px 0;
	padding:0px;
	list-style-type: none;
	display:block;
	float:left;
	box-sizing:border-box;
	background-color:#FFFFFF;
	box-shadow: 0 0 4px gray;
}

.VoiceNewsBoxL{
	width:50%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	box-sizing:border-box;
	float:left;
}

.VoiceNewsBoxR{
	width:50%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	box-sizing:border-box;
	float:left;
	display: flex;
	justify-content: center;
	align-items: center;
	position:relative;
}
.VoiceNewsBoxLSE{
	width:50%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	box-sizing:border-box;
	float:right;
}

.VoiceNewsBoxRSE{
	width:50%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	box-sizing:border-box;
	float:left;
	display: flex;
	justify-content: center;
	align-items: center;
	position:relative;
}
.VoiceNewsArrow{
	position: absolute;
	bottom: 10px;
	right: 10px;

}

.VoiceNewsBoxNameA{
	width:100%;
	font-size:18px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	box-sizing:border-box;
	float:left;
}
.VoiceNewsBoxNameB{
	width:100%;
	font-size:12px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	box-sizing:border-box;
	float:left;
}




/*縦書き*/
.Tategaki{

	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	-o-writing-mode: vertical-rl;
	writing-mode: vertical-rl;


	text-orientation: upright;

	display: inline-block;
	padding: 1em 0;
	box-sizing: border-box;
	font-size:1vw;
	text-align:left;
	max-height:300px;
	line-height:1.3;
}
.TategakiBox{
	text-align: center;
}

/*****スマホ・タブレット対応********/
@media screen and (max-width: 1000px){


	.TopCnceptMessageText{
		font-size:14px;
		line-height:1.5;
	}
}

/*****スマホ・タブレット対応********/
@media screen and (max-width: 900px){


#headerBoxL{
}
#headerBoxR{
}
#GlobalNavi{
	text-align:center;
}
.MainFont{
	font-size:12px;
}
.SubFont{
	font-size:10px;
}

.TOPCABOXL{
	width:100%;
	text-align:center;
	margin:0 0 0 0;
	float:left;
}
.TOPCABOXR{
	width:100%;
	text-align:left;
	padding:10px;
	margin:20px 0 0 0px;
	float:left;
	background-color:#FFFFFF;
	box-sizing:border-box;
	position:static;
}



.TOPbCABOXL{
	width:100%;
	text-align:center;
	margin:0 0 0 0;
	float:left;
}
.TOPbCABOXR{
	width:100%;
	padding:10px;
	box-sizing:border-box;
	font-size:22px;
	color:#595757;
	text-align:center;
	margin:10px 0 0px 0;
	float:left;
}


.CONCEPTaBOXL{
	width:100%;
	text-align:center;
	margin:0 0 0 0;
	float:left;
}
.CONCEPTaBOXR{
	width:100%;
	text-align:left;
	padding:10px;
	margin:0px 0 0 0px;
	float:left;
	background-color:#FFFFFF;
	box-sizing:border-box;
}


.CONCEPTbBOXL{
	width:100%;
	text-align:left;
	padding:10px;
	margin:20px 0 0 0px;
	float:left;
	background-color:#FFFFFF;
	box-sizing:border-box;
	position:static;
}
.CONCEPTbBOXR{
	width:100%;
	text-align:center;
	margin:0 0 0 0;
	float:left;
}


.CONCEPTBG{
	width:100%;
	text-align:center;
	padding:0 0 0 0;
	margin:0 0 0 0;
	float:left;
}
.CONCEPTBGA{
	padding:10px;
}
.CONCEPTBGAL{
	width:100%;
}
.CONCEPTBGAR{
	width:100%;
}
.CONCEPTLIST{
	width:100%;
	text-align:center;
	padding:10px;
	margin:0 0 0 0;
	float:left;
	box-sizing:border-box;
}
.CONCEPTLIST li{
	display: block;
	float: left;
	width: 100%;
	margin: 20px 0 20px 0;
	padding: 0;
	text-align: center;
	text-decoration: none;
	box-sizing:border-box;
}
.CONCEPTLIST li:nth-child(2){
	border-top:1px solid #cabe9a;
	border-left:0px solid #cabe9a;
	border-right:0px solid #cabe9a;
}
.CONCEPTLIST li:nth-child(3){
	padding: 10px 0 0 0;
	border-top:1px solid #cabe9a;
	border-left:0px solid #cabe9a;
	border-right:0px solid #cabe9a;
}
.CONCEPTLIST li:nth-child(4){
	padding: 10px 0 0 0;
	border-top:1px solid #cabe9a;
	border-left:0px solid #cabe9a;
	border-right:0px solid #cabe9a;
}

.CONCEPTLISTA{
	font-size:20px;
}
.CONCEPTLISTB{
	font-size:14px;
}
.CONCEPTLISTC{
	width:100%;
	text-align:center;
	padding:5px;
	margin:0 0 0 0;
	float:left;
	box-sizing:border-box;
}


.ARTBOXA{
	margin:60px 0 0 0;
	float:left;
	box-sizing:border-box;
}
.ARTBOXL{
	width:100%;
	text-align:left;
	padding:10px;
	margin:0 0 0 0;
	float:left;
	box-sizing:border-box;
}
.ARTBOXR{
	width:100%;
	text-align:left;
	padding:10px;
	margin:0 0 0 0;
	float:left;
	box-sizing:border-box;
}
.ARTBOXRA{
	width:100%;
	text-align:left;
	padding:0px;
	margin:0px 0 0 0;
	float:left;
	box-sizing:border-box;
	font-size:24px;
	color:#820000;
}
.ARTBOXRB{
	margin:0px 0 0 0;
	font-size:14px;
}

.ARTBOXBA{
	font-size:18px;
}
.ARTBOXBB{
	font-size:14px;
}




.evecover {
	padding-top:60%;
}

	.EveBox li{
		width:100%;
	}
	.EveBoxL{
		width:100%;
	}
	.EveBoxR{
		width:100%;
	}

/***コンテンツボタン****/
.ContentsBT{
	width:50%;
	float:left;
	padding:10px;
	margin:0px 0 0 0;
	box-sizing:border-box;
}



#NewsList li{
	width:50%;
}
#NewsListSE li{
	width:50%;
}
#WorksNewsList li{
	width:50%;
}

.WorksNewsBoxRTextA{
	font-size:16px;
}
.WorksNewsBoxRTextB{
	font-size:14px;
}



}

/************************/


/*****スマホ・タブレット対応********/
@media screen and (max-width: 768px){
	/**全体のフォント***/	
	body{ 
		font-size:80%;
		line-height:1.5;
	}
	/**画像１００％表示***/
	img{
		max-width: 100%;
		height: auto;
		width /***/:auto;　
	}
	
/*コントローラ*/
.flex-control-nav{
	display:block;
}
/************スマホ用ボタン表示非表示*************/
header{
	visibility:visible;
}

.fix-header{
	display:none;
}

.fix-footer{
	display:none;
}

/*************************/
/*ついてくるボタン*/
#totop{
	display:none;
}
#FixBT{
	display:none;
}
#FixBTSP{
	display:block;
}

/*ヘッダ全体*/
	#headerWrapper{
		display:none;
	}	
	#headerWrapperSP{
		display:block;
	}	

/*PC用グローバルナビ*/
	#GlobalWrapper{
		display:none;
	}



.LinkBTYOYAKU{
	font-size:18px;
	padding:10px;
}

.iframe-css-footer {
	padding-top:50%;
}
/***アニメ***/
.iosSlider{
	display:none;
}
.iosSliderSP{
	display:block;
}

/***スライド文字****/

.SlideTextA{
	width:50%;
}

.ServiceTxt{
	top: -70px;
	left: 0;
	font-size:18px;
}
/************/


/********/
/*桶屋キャッチ*/
/********/

.OkeyaMaruBGA{
	width:40%;
	max-width:235px;
	margin:0 0 0 0;
	padding:0px;
	text-align:center;
	box-sizing:border-box;
	position: absolute;
	top: -20px;
	left: 0;
}
.OkeyaMaruBGB{
	width:30%;
	max-width:205px;
	margin:0 0 0 0;
	padding:0px;
	text-align:center;
	box-sizing:border-box;
	position: absolute;
	top: -10px;
	right: 0;
}
.OkeyaMaruBGC{
	width:30%;
	max-width:230px;
	margin:0 0 0 0;
	padding:0px;
	text-align:center;
	box-sizing:border-box;
	position: absolute;
	bottom: 5%;
	left: 5%;

}

.OkeyaMaruBGD{
	width:40%;
	max-width:380px;
	margin:0 0 0 0;
	padding:0px;
	text-align:center;
	box-sizing:border-box;
	position: absolute;
	bottom: 0;
	right: 0;
}
.OkeyaMaruBGE{
	width:40%;
	max-width:230px;
	margin:0 0 0 0;
	padding:0px;
	text-align:center;
	box-sizing:border-box;
	position: absolute;
	bottom: 35%;
	left: 10%;

}

.OkeyaMaruBGF{
	width:30%;
	max-width:380px;
	margin:0 0 0 0;
	padding:0px;
	text-align:center;
	box-sizing:border-box;
	position: absolute;
	bottom:40%;
	right: 10%;
}
.OkeyaMaruBGG{
	width:45%;
	max-width:330px;
	margin:0 0 0 0;
	padding:0px;
	text-align:center;
	box-sizing:border-box;
	position: absolute;
	top:-45%;
	left: 5%;
}
.OkeyaMaruBGH{
	width:50%;
	max-width:480px;
}

.OkeyaMaruBGI{
	width:30%;
	max-width:330px;
	margin:0 0 0 0;
	padding:0px;
	text-align:center;
	box-sizing:border-box;
	position: absolute;
	top:-5%;
	left:5%;
}
.OkeyaMaruBGJ{
	width:35%;
	max-width:480px;
	margin:0 0 0 0;
	padding:0px;
	text-align:center;
	box-sizing:border-box;
	position: absolute;
	bottom:60%;
	left:70%;
}

.RetableA{
	width:100%;
	text-align:left;
	padding:0 0 0 0;
	margin:0 0 0 0;
	float:left;
}




/********/
/*桶屋キャッチ*/
/********/



.TOPBTB{
	width:40%;
}


.TOPBTC{
	width:30%;
}
.TOPBTD{
	width:40%;
}
.TOPBTE{
	width:30%;
}


.TOPBTG{
	width:20%;
	position: absolute;
	top: -5%;
	right: 2%;
}
.TOPBTH{
	width:25%;
	position: absolute;
	bottom: 40%;
	left: 2%;
}
.TOPBTI{
	width:25%;
	position: absolute;
	bottom: 1%;
	right: 2%;
}

.ShindanBox{
	width:100%;
	text-align:left;
	margin:20px 0 0 0;
	padding:10px;
	float:left;
	box-sizing:border-box;
}
.ShindanBox li{
	width:100%;
}


.BlogNextBox{
}
.BlogPrevBT{
	font-size:12px;
	width:100%;
	max-width:150px;
}
.BlogNextBT{
	font-size:12px;
	width:100%;
	max-width:150px;
}


.CompanyMapBoxL{
	width:100%;
	margin:0 0 0 0;
	padding:10px;
	text-align:center;
	box-sizing:border-box;
	float:left;
}
.CompanyMapBoxR{
	width:100%;
	margin:0 0 0 0;
	padding:10px;
	text-align:center;
	box-sizing:border-box;
	float:left;
}

.LinkBTD{
	font-size:18px;
}

.ContactBG{
	padding:20px 0 20px 0;
}




.WakuMidashi{
}
.WakuMidashiA{
	font-size:14px;
}

.WakuMidashiB{
	font-size:24px;
}

/*******TOP初めての方へ*****/
.WelcomeTextBoxA{
	width:100%;
}
.WelcomeTextA{
	font-size:20px;
}
.WelcomeTextB{
	font-size:14px;
}

/*初めての方へ*/


.WelcomeBTBox{
	width:100%;
	text-align:center;
	margin:0 0 0 0;
	padding:0 0 0 0;
	box-sizing:border-box;
	float:left;
	position:relative;
}
.WelcomeBTBoxL{
	width:100%;
	text-align:center;
	margin:0 0 0 0;
	padding:0 0 0 0;
	box-sizing:border-box;
	float:left;
}
.WelcomeBTBoxR{
	width:100%;
	max-width:100%;
	text-align:left;
	margin:0 0 0 0;
	padding:0 0 0 0;
	box-sizing:border-box;
	position: static;
	float:left;
}
.WelcomeBTBoxLSE{
	width:100%;
	text-align:center;
	margin:0 0 0 0;
	padding:0 0 0 0;
	box-sizing:border-box;
	float:left;
}
.WelcomeBTBoxRSE{
	width:100%;
	max-width:100%;
	text-align:left;
	margin:0 0 0 0;
	padding:0 0 0 0;
	box-sizing:border-box;
	position: static;
	float:left;
}

.WelcomeBTBoxText{
	width:100%;
	text-align:left;
	margin:0 0 0 0;
	padding:10px 10px 30px 10px;
	box-sizing:border-box;
	float:left;
	background-color:#f8f8f2;
}

.WelcomeBTBoxTextA{
	width:100%;
	text-align:left;
	margin:0 0 0 0;
	padding:5px;
	box-sizing:border-box;
	float:left;
}
.WelcomeBTBoxTextB{
	width:100%;
	text-align:left;
	margin:0 0 0 0;
	padding:5px;
	box-sizing:border-box;
	float:left;
	background-color:#f8f8f2;
}

/******/


/************平屋ページ*************/
.OneInfoBoxALL{
	width:100%;
	margin:0px 0 0 0;
	padding:0 0 0 0;
	text-align:center;
	float:left;
	box-sizing:border-box;
}
.OneInfoBox{
	width:100%;
	margin:0px 0 0 0;
	padding:10px;
	text-align:center;
	float:left;
	box-sizing:border-box;
}

.OneInfoBoxA{
	width:100%;
	margin:0px 0 0 0;
	padding:0 0 0 0;
	text-align:center;
	float:left;
	box-sizing:border-box;
	position:relative;
}
.OneInfoBoxAL{
	width:15%;
	color:#FFFFFF;
	font-size:20px;
	margin:0px 0 0 0;
	padding:10px 0 10px 0;
	text-align:center;
	float:left;
	box-sizing:border-box;
	background-color:#385723;
}
.OneInfoBoxAR{
	width:85%;
	font-size:18px;
	color:#385723;
	margin:0px 0 0 0;
	padding:12px 5px 5px 5px;
	text-align:left;
	float:left;
	box-sizing:border-box;
}
.OneInfoBoxB{
	width:100%;
	margin:-20px 0 0 0;
	padding:10px;
	text-align:left;
	float:left;
	box-sizing:border-box;
}
.OneInfoBoxC{
	width:100%;
	font-size:14px;
	background-color:#f8f8f8;
	margin:0px 0 0 0;
	padding:20px 10px 20px 10px;
	text-align:left;
	float:left;
	box-sizing:border-box;
}
/*******************************/


.CommonMidashiImgB{
	width:40%;
	max-width:350px;
	position: absolute;
	top: -60px; /* #contents内の上から何pxか */
	right: 0px; /* #contents内の左から何pxか */

}

.CommonMidashiImgC{
	width:70%;
	max-width:600px;
	position: absolute;
	top: -70px; /* #contents内の上から何pxか */
	left: -50px; /* #contents内の左から何pxか */
	z-index:0;

}


.CommonMidashiImgD{
	width:60%;
	max-width:350px;
	position: absolute;
	top: -100px; /* #contents内の上から何pxか */
	right: 0px; /* #contents内の左から何pxか */

}


/********/
/*TOPリニューアルコンセプト*/
/********/
.TOPCA{
	
	width:100%;
	min-width: initial;
	min-width: auto;
	min-height: initial;
	min-height: auto;
	float: left;
	margin:10px 0 0 0;
	padding:0px;
	box-sizing:border-box;
	background:none;
}

.TOPCB{
	
	width:100%;
	min-width: initial;
	min-width: auto;
	min-height: initial;
	min-height: auto;
	float: left;
	margin:10px 0 0 0;
	padding:0px;
	box-sizing:border-box;
	background:none;
}
.TOPCC{
	
	width:100%;
	min-width: initial;
	min-width: auto;
	min-height: initial;
	min-height: auto;
	float: left;
	margin:10px 0 0 0;
	padding:0px;
	box-sizing:border-box;
	background:none;
}
.TOPCD{
	
	width:100%;
	min-width: initial;
	min-width: auto;
	min-height: initial;
	min-height: auto;
	float: left;
	margin:10px 0 0 0;
	padding:0px;
	box-sizing:border-box;
	background:none;
}

.TOPCASP{
	display:block;
}
.TOPCAtextA{
	width:100%;
	max-width: initial;
	max-width: auto;
	margin:0 0 0 0;
	padding:15px;
}
.TOPCAtextAA{
	width:100%;
	margin:0 0 0 0;
	padding:0px;
	text-align:left;
	float:left;
	box-sizing:border-box;
	color:#820000;
	font-size:24px;
}
.catch {
  display: flex;
  align-items: center; /* 垂直中心 */
  justify-content: left; /* 水平中心 */
}
.catch:after {
  border-top: 3px solid;
  content: "";
  width: 5em; /* 線の長さ */
}
.catch:after {
  margin-left: 1em; /* 文字の左隣 */
}




.TOPCAtextAB{
	width:100%;
	margin:0 0 0 0;
	padding:0px;
	text-align:left;
	float:left;
	box-sizing:border-box;
	color:#000000;
	font-size:30px;
}
.TOPCAtextAC{
	width:100%;
	margin:10px 0 0 0;
	padding:0px;
	text-align:left;
	float:left;
	box-sizing:border-box;
	color:#000000;
	font-size:16px;
	font-weight:normal;
}
.TOPCAtextAD{
	width:100%;
	margin:15px 0 0 0;
	padding:0px;
	text-align:left;
	float:left;
	box-sizing:border-box;
}
/********/


/********/
/*リニューアル用*/
/********/

.TOPPUA{
	
	width:100%;
	min-height:30px;
	float: left;
	background-position: bottom center;
	background-size: contain;
}

.TOPPUB{
	width:100%;
	float: left;
	margin:0px 0 0 0;
	padding:0px 10px 50px 10px;
	box-sizing:border-box;
}

.PUBBOX{
	width:100%;
	float: left;
	margin:0 0 0 0;
	padding:10px;
	box-sizing:border-box;
	background-size: auto auto;
	background-color: rgba(130, 0, 0, 1);
	background-image: repeating-linear-gradient(45deg, transparent, transparent 10px, rgba(154, 48, 48, 1) 10px, rgba(154, 48, 48, 1) 11px );
}
.PUBBOXA{
	width:100%;
	float: left;
	margin:5px 0 0 0;
	padding:5px;
	box-sizing:border-box;
	font-size:16px;
	color:#FFFFFF;
}
.PUBBOXB{
	width:100%;
	float: left;
	margin:5px 0 40px 0;
	padding:5px;
	box-sizing:border-box;
	font-size:24px;
	color:#FFFFFF;
}
.CommonMidashiA{
	font-size:20px;

}
.CommonMidashiB{
	font-size:24px;

}
.CommonMidashiC{
	font-size:20px;
}


.CommonMidashiSE{
}
.CommonMidashiSEmax{
	max-width:200px;
}
.CommonMidashiSEBOX{
	padding:10px;
}
.CommonMidashiSEA{
	font-size:16px;
}
.CommonMidashiSEB{
	font-size:20px;
}

/********/


/*ページ全体*/

.HonbunText{
	padding:0 3px 0 4px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.leftimg{
	float: none;
	clear: both;
	margin:0 0 5px 0;
}
.rightimg{
	float: none;
	clear: both;
	margin:0 0 10px 0;
}

.pcshow{
	display:none;
}
.spshow{
	display:block;
}
.TopMessegeA{
	line-height:1.8;
	font-size:20px;
}
#ALLBGWrapper{
}

#TOPpageWrapper{
	width:100%;
	max-width:1000px;
}
#pageWrapper{
	width:100%;
	max-width:1000px;
}
#pageWrapperSE{
	width:100%;
	max-width:1000px;
}

#LeftBox{
	display:inline;
	width:100%;
	margin:20px 0 0 0;
	padding:5px;
	box-sizing: border-box;
}

.blogcover{
	padding-top:60%;
}
#BlogAllBox li{
	width:100%;
}
.BlogNewsBoxL{
	width:100%;
	margin:0 auto;
	padding:1px;
	float:none;
	box-sizing:border-box;
	text-align:center;
}
.BlogNewsBoxR{
	width:100%;
	margin:0 0 0 0;
	padding:5px;
	float:right;
	box-sizing:border-box;
	text-align:left;
	border-top:1px dotted #000000;
}

#RightBox{
	display:inline;
	margin:40px 0 0 0;
	width:100%;
	padding:5px;
	box-sizing: border-box;
}
#LeftBoxBlog{
	display:inline;
	width:100%;
	margin:0 0 0 0;
	padding:5px;
	box-sizing: border-box;
}
#BlogAllBox{
	width:100%;
}

#RightBoxBlog{
	display:inline;
	margin:0 0 0 0;
	width:100%;
	padding:5px;
	box-sizing: border-box;
}

#RightBoxBlog li{
	width:100%;
}


#RightBox .TOPBTBOXSP li{
	width: 50%;
}
#RightBox img{
	max-width: 100%;
	height: auto;
	width /***/:auto;　
}
#MenuListBox{
	width:100%;
	margin:5px 0 0 0;
	background:url("../img/menu_head.png"),url("../img/menu_bottom.png");
	background-position:top left,bottom left;
	background-repeat:no-repeat,no-repeat;
}

#SideNavi{
	display:none;
}
#SideNaviSP{
	display:block;
}


#SideBox{
	width:100%;
	margin:50px 0 10px 0;
	padding:0 0 0 0;
	text-align:center;
	float:left;
}

#Midashi{
	display:none;
}
.MidashiSP{
	display:block;
}

/*アニメ*/
#AnimeMain{
	display:none;
}
.AnimeSP{
	display:block;
}
/*TOPメインコンテンツ*/

/******/
/*TOPボタンリスト*/

.TOPBTBOX li{
	width:50%;
}
.TOPBTtextA{
	font-size:18px;
}


.AboutBOX li{
	display:inline-block;
	float: left;
	width: 100%;
	margin:20px 0 0 0;
	padding: 20px;
	text-align:center;
	text-decoration: none;
	position:relative;
	box-sizing:border-box;
	color:#FFFFFF;
}
.AboutIMG{
	width:100%;
	margin:0 0 0 0;
	text-align:center;
	float:left;
	box-sizing:border-box;
}
.AboutText{
	width:95%;
	margin:-10px 0 0 0;
	padding: 0px;
	text-align:left;
	float:left;
	color:#000000;
	box-sizing:border-box;
	background-color:#FFFFFF;
}
.AboutTextA{
	width:15%;
	font-size:20px;
	border-bottom:3px solid #000000;
	margin:0 0 0 0;
	padding: 3px;
	text-align:center;
	float:left;
	box-sizing:border-box;
}
.AboutTextB{
	width:85%;
	font-size:14px;
	margin:0 0 0 0;
	padding: 10px;
	text-align:left;
	float:left;
	box-sizing:border-box;
}


/***********/
/*ニュース*/
/***********/
#ALLNEWSFACEBOX{
	width:100%;
	min-width:100%;
	margin:10px 0 0 0;
	float:left;
}

#facebox{
	width:99%;
	height:290px;
	margin:10px 1px 1px 1px;
	padding:0 0 10px 0;
	float:right;
}



/*お知らせ*/
.TopNewsListL{
	width:100%;
}
.TopNewsListR{
	width:100%;
}
.TopNewsListA{
	width:20%;
}
.TopNewsListB{
	width:80%;
}
.TopNewsListC{
	width:100%;
}

/*新着情報*/

.NewsBox{
	margin:50px 0 30px 0;
}
.NewsBoxLL{
	width:100%;
	margin:20px 0 0 0;
	padding:3px;
	text-align:left;
	float:left;
}
.NewsBoxRR{
	width:100%;
	margin:40px 0 0 0;
	padding:3px;
	text-align:left;
	float:left;
}

.NewsBoxL{
	width:100%;
}
.NewsBoxR{
	width:100%;
}
#NewsList li{
	width:100%;
}
#NewsListSE li{
	width:100%;
}

.NewsBT{
	margin:5px 0 5px 0;
	position: static;
	float:right;
}
/*施工新着情報*/

.WorksNewsBox{
	margin:10px 0 30px 0;
}
.WorksNewsBoxL{
	width:100%;
	margin:0px 0 0 0;
	padding:0px;
	text-align:left;
	float:left;
}
.WorksNewsBoxR{
	width:100%;
	margin:10px 0 0 0;
	padding:0 0 0 0;
	text-align:left;
	position: initial;
	float:left;
}
#WorksNewsList{
	display:block;
}
#WorksNewsList li{
	width:50%;
	margin:30px 0 0 0;
	padding:5px;
}

.WorksNewsBT{
	margin:5px 0 5px 0;
	position: static;
	float:right;
}

/*施工事例*/

#ProList{
	display: block;
	table-layout: fixed;
	width: 100%;
}
#ProList li{
	display: block;
	width:100%;
}

.WorksPageBox{
	margin:10px 0 30px 0;
}
.WorksPageBoxL{
	width:100%;
	margin:0 0 0 0;
	padding:0px;
	text-align:left;
	float:left;
	box-sizing:border-box;
}
.WorksPageBoxR{
	width:100%;
	margin:0px 0 0 0;
	padding:0px;
	text-align:left;
	float:right;
	box-sizing:border-box;
}

#WorksPageList{
	width:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:left;
	text-align:left;
}
#WorksPageList li{
	text-align:left;
	font-size:10px;
	color:#000000;
	width:100%;
	padding:10px;
	margin:40px 0 0 0;
	list-style-type: none;
	overflow:hidden;
	box-sizing:border-box;
	float:left;
}

.WorkinfoBox{
	width:100%;
	padding:0px;
}

.ListPhotoBox{
	width:100%;
	height:220px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:left;
}

/****お客様の声***/


/*スタッフ紹介*/
.StaffBox li{
	width:100%;

}

.StaffBoxL{
	width:100%;

}
.StaffBoxR{
	width:100%;

}
.StaffBoxLL{
	width:100%;
	float:left;

}
.StaffBoxRR{
	width:100%;

}

/******お客様の声***/

.VoiceNewsBox{
}

.VoiceNewsBox li{
	margin:0px 0 50px 0;
}

.VoiceNewsBoxL{
	width:100%;
}

.VoiceNewsBoxR{
	width:100%;
	padding:20px 20px 40px 20px;
}
.VoiceNewsBoxLSE{
	width:100%;
	float:left;
}

.VoiceNewsBoxRSE{
	width:100%;
	padding:20px 20px 40px 20px;
}
.VoiceNewsArrow{
	position: absolute;
	bottom: 10px;
	right: 10px;

}

.VoiceNewsBoxNameA{
	font-size:16px;
}
.VoiceNewsBoxNameB{
	font-size:12px;
}


/*初めての方へ*/

.FlowBox{
	width:100%;
	margin:40px 0 0 0;
	padding:10px;
	box-sizing:border-box;
	float:left;
}
.FlowMidashiBox{
}
.FlowMidashiBoxA{
	width:100%;
	margin:0 0 0 0;
	padding:10px;
	box-sizing:border-box;
	float:left;
	font-size:20px;
}
.FlowMidashiBoxB{
	width:100%;
	padding:10px;
	font-size:18px;
}
.FlowBoxL{
	width:100%;
	margin:10px 0 0 0;
	padding:5px;
	text-align:center;
	box-sizing:border-box;
	float:left;
}
.FlowBoxR{
	width:100%;
	margin:10px 0 0 0;
	padding:5px;
	box-sizing:border-box;
	float:right;
}

/*即日買取*/

.PUBBOXSEA{
	font-size:20px;
	text-align:center;
}


/*****2階層本文内*****/

#Pankuzu{
	width:99%;
	margin:0 auto;
}

#PageImg{
	width:100%;
	min-width:100%;
	margin:0 auto;
	text-align:center;
}

#MidashiLine{
	background:none;
}

.MapBox li{
	display: block;
	float: left;
	width: 45%;
	margin: 10px 0 0 10px;
	padding:0 0 0 0;
	text-align:left;
	text-decoration: none;
}



/***価格表****/


.ToryouBox{
	width:100%;
	text-align:center;
	padding:0px;
	margin:50px 0 0 0;
	float:left;
	box-sizing:border-box;
}
.ToryouBoxL{
	width:100%;
	text-align:center;
	padding:10px;
	margin:0px 0 0 0;
	float:left;
	box-sizing:border-box;
}
.ToryouBoxR{
	width:100%;
	text-align:center;
	padding:10px;
	margin:0px 0 0 0;
	float:left;
	box-sizing:border-box;
}

.ToryouBoxA{
	width:100%;
	text-align:left;
	padding:10px;
	font-size:20px;
	margin:0px 0 0 0;
	float:left;
	box-sizing:border-box;
	border-bottom:1px solid #000000;
}
.ToryouBoxB{
	width:100%;
	text-align:left;
	padding:5px;
	font-size:16px;
	margin:0px 0 0 0;
	float:left;
	box-sizing:border-box;
}
.ToryouBoxC{
	width:100%;
	text-align:left;
	padding:5px;
	font-size:14px;
	margin:0px 0 0 0;
	float:left;
	box-sizing:border-box;
}



.SekouStepBox{
	width:100%;
	text-align:center;
	padding:0px;
	margin:50px 0 0 0;
	float:left;
	box-sizing:border-box;
}
.SekouStepMidashi{
	width:100%;
	text-align:left;
	padding:0px;
	margin:0px 0 0 0;
	float:left;
	box-sizing:border-box;
	border-bottom:1px solid #000000;
}
.StepMidashi{
	font-size:16px;
	color:#FFFFFF;
	text-align:left;
	padding:10px;
	margin:0px 0 0 0;
	float:left;
	box-sizing:border-box;
	background-color:#000000;
}
.SekouStepBoxL{
	width:100%;
	text-align:center;
	padding:10px;
	margin:0px 0 0 0;
	float:left;
	box-sizing:border-box;
}
.SekouStepBoxR{
	width:100%;
	font-size:16px;
	text-align:left;
	padding:10px;
	margin:0px 0 0 0;
	float:left;
	box-sizing:border-box;
}


/**コンセプト**/


.MainBGA{
	width:50%;
	position: absolute;
	top: 0%;
	left: 0%;
}
.MainBGB{
	width:30%;
	position: absolute;
	top: 50%;
	left: 0%;
}
.MainBGC{
	width:40%;
	position: absolute;
	bottom: 0%;
	right: 0%;
}

.FeatBoxALL{
	width:100%;
	text-align:center;
	padding:0 0 0 0;
	margin:0 0 0 0;
	float:left;
	box-sizing:border-box;
	list-style:none;
}
.FeatBoxALL li{
	width:100%;
	text-align:center;
	padding:20px;
	margin:10px 0 0 0;
	float:left;
	box-sizing:border-box;
}
.FeatBox{
	width:100%;
	text-align:center;
	padding:0px;
	margin:0px 0 0 0;
	float:left;
	box-sizing:border-box;
	position:relative;
}
.FeatBoxL{
	width:100%;
	text-align:center;
	padding:0px;
	margin:0px 0 0 0;
	float:left;
	box-sizing:border-box;
	position:relative;
}
.FeatBoxR{
	width:100%;
	text-align:center;
	padding:50px 20px 20px 20px;
	margin:-30px 0 0 0px;
	float:left;
	box-sizing:border-box;
	border-radius:5px;
	background-color:#e6f3ed;
}





.HonbunIMGSP{
	display:block;
}

.HonbunText li{
	width: 100%;
}


.iframe-east {
	margin:15px 0 25px 0;
	position: relative;
	width: 100%;
	height: 50%;
	padding-top:80%;
	float:left;
}
 
.iframe-east iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height:100%;
}



/*****採用情報****/
.Retable tr,.Retable th,.Retable td{
	width:100%;
	display: block;
}
.Retable th{
}
.Retable th{
	border-bottom:0px;
}
.Retable td{
	border-bottom:0px;
}
.Retable tr:last-child td{
	border-bottom:1px solid #dedede;
}
.RetableA tr,.RetableA th,.RetableA td{
	width:100%;
	display: block;
}
.RetableA td{
}



/****採用情報****/
.RecPageMidashiA{
	top: 3%;
	left: 3%;

}
.RecPageMidashiAA{
	font-size:18px;
}
.RecPageMidashiAB{
	font-size:14px;
}



.RecPageMidashiB{
	font-size:24px;

}




.RecVoiceBoxMidashi{
	margin:0px 0 0px 0;
	padding:10px;
}


.RecVoiceBoxL{
	width:100%;
}
.RecVoiceBoxR{
	width:100%;
}


.BosyuuStaffBox{
	padding:10px;
}
.BosyuuStaffBoxMidashi{
	padding:20px;
}


.BosyuuStaffBoxMidashiA{
	font-size:24px;
}
.BosyuuStaffBoxMidashiB{
	font-size:16px;
}



.Bosyuutable th{
	width:100%;
	font-weight:bold;
	padding:10px;
	border-bottom:0px solid #000000;
	display:block;
}
.Bosyuutable td{
	width:100%;
	font-size:14px;
	padding:10px;
	display:block;
}
.TopBorderTableA{
	border-top:1px solid #dedede;
}
.TopBorderTableB{
	border-top:0px solid #dedede;
}


.BosyuuFlowBox{
	width:100%;
	margin:0px 0 0 0;
	padding:10px;
	text-align:left;
	float:left;
	box-sizing:border-box;
}
.BosyuuFlowBoxL{
	width:100%;
	margin:0px 0 0 0;
	padding:10px;
	text-align:left;
	float:left;
	box-sizing:border-box;
	display:flex;
	align-items:center;
}
.BosyuuFlowBoxR{
	font-size:14px;
	width:100%;
	margin:0px 0 0 0;
	padding:10px;
	text-align:left;
	float:left;
	box-sizing:border-box;
	display:flex;
	align-items:center;
}




/*標準仕様*/

.StandBox li{
	width:50%;
}

/*動画の投稿*/
.MovieListF{
	display:inline;
	width:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:left;
}
.MovieListF li{
	text-align:center;
	font-size:14px;
	color:#00000;
	width:100%;
	margin:20px 0 0 0;
	padding:3px;
	list-style-type: none;
	display:block;
	float:left;
}


/*イベントの投稿*/
.EveBox{
}
.EveBox li{
	text-align:center;
	font-size:14px;
	color:#00000;
	width:100%;
	margin:40px 0 0 0;
	padding:5px;
	list-style-type: none;
	display:block;
	float:left;
}
.EveBoxL{
	width:100%;
}
.EveBoxR{
	width:100%;
}

/******施工事例***/

.WorkSum li{
	width:50%;
}


.ListPhotoBox{
	width:100%;
	height:100px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:left;
}
/******お問合せフォーム***/

.ToiBox{
	margin:15px 0 0 0;
}

#order2{
	height:950px;
}
#ToiBox{
	width:100%;
	margin:0 auto;
	text-align:left;
}
.form-width{
	width: 80%;
}
.form-widthyyubin{
	width: 50%;
}
.form-widthkibou{
	margin:2px 0 0 0;
	width: 40%;
}
.form-widthysonota{
	width: 90%;
}

.table-contactform7{
	display:block;
	float: left;
	background-color:#FFFFFF;
}     
.table-contactform7 tbody,
.table-contactform7 tr{
	display: block;
	float: left;
	width: 100%;
	background-color:#FFFFFF;
}
.table-contactform7 th{
	width:100%;
	display:block;
	float: left;
	margin: 0 auto;
	border:none;
	background-color:#FFFFFF;
}
.table-contactform7 td{
	float: left;
	display: list-item;
	list-style-type:none;
	margin:0;
	padding:0;
	width: 80%;
	background-color:#FFFFFF;
}

/**********/

/****/

/*フッター*/
#footertoiA{
	width:100%;
	text-align:center;
}
#footer{
	margin:0 0 0 0;
	min-width: initial;
    	min-width: auto;
	min-height: initial;
    	min-height: auto;
}
#FooterLine{
	min-width: initial;
    	min-width: auto;
}
	#FooterBox{
		display:none;
	}
	#FooterBoxSP{
		display:block;
	}

}
/*************************/



/*****スマホ・タブレット対応********/
@media screen and (max-width: 600px){
.concoverCon {
    width: 150px;
    height: 100px;
}
}
/*****スマホ対応********/
@media screen and (max-width: 414px){


.AnimeSP{
	text-align:center;
}


.TOPBTBOX li{
	width:100%;
}

#NewsList li{
	margin:0 0 0 0;
	width:100%;
}
#WorksNewsList li{
	width:100%;
}


.PageTitle{
	font-size:20px;
}

/***コンテンツボタン****/
.ContentsBT{
	width:100%;
	float:left;
	padding:10px;
	margin:0px 0 0 0;
	box-sizing:border-box;
}

#SIDEBTBOX li{
	display: block;
	float: left;
	width: 100%;
	margin: 10px 0 0 0;
	padding: 0;
	text-align: center;
	text-decoration: none;
	position:relative;
}


/*標準仕様*/

.StandBox li{
	width:100%;
}





}
/***TOPに戻るボタン****/
.fixbtn {
    position: fixed;
    z-index: 1500;
}
#totop {
    right: 0;
    bottom: 80px;
}
#totop a {
	display: block;
	margin: 0 0 10px 0;
	padding: 3px;
	font-size: 85%;
	text-align: center;
}
#totop a:hover {
}



.wp-pagenavi {
	padding: 10px 20px 10px !important;
	display:block !important;
	clear:both !important;
}
.wp-pagenavi a ,.wp-pagenavi span.pages, .wp-pagenavi span.extend {
	display: inline-block;
	color:#333333 !important;
	text-shadow:0px 1px #F6F6F6 !important;
	padding:6px 9px 6px 9px !important;
	border:solid 1px #B6B6B6 !important;
	box-shadow:0px 1px #EFEFEF !important;
	-moz-box-shadow:0px 1px #EFEFEF !important;
	-webkit-box-shadow:0px 1px #EFEFEF !important;
	background:#E6E6E6 !important;
	background:-moz-linear-gradient(top,#FFFFFF 1px,#F3F3F3 1px,#E6E6E6) !important;
	background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#FFFFFF),color-stop(0.02,#F3F3F3),color-stop(1,#E6E6E6)) !important;
	font-size:12px !important; margin-right:3px !important; text-decoration:none !important;
}
.wp-pagenavi a:hover {
	display: inline-block;
	color:#fff !important;
	text-shadow:0px 1px #3C3C3C !important;
	border-color:#202020 !important;
	background:#525252 !important;
	background:-moz-linear-gradient(top,#9F9F9F 1px,#6C6C6C 1px,#525252) !important;
	background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#9F9F9F),color-stop(0.02,#6C6C6C),color-stop(1,#525252)) !important;
	color:#FFFFFF !important; box-shadow:0px 1px #E7E7E7 !important; -moz-box-shadow:0px 1px #E7E7E7 !important; -webkit-box-shadow:0px 1px #E7E7E7 !important;
}
.wp-pagenavi span.current{
	display: inline-block;
	padding:6px 9px 6px 9px !important;
	border:solid 1px #DCDCDC !important;
	color:#fff !important;
	box-shadow:0px 1px #E7E7E7 !important;
	-moz-box-shadow:0px 1px #E7E7E7 !important;
	-webkit-box-shadow:0px 1px #E7E7E7 !important;
	margin-right:3px !important;
	text-shadow:0px 1px #3C3C3C !important;
	border-color:#202020 !important;
	background:#525252 !important;
	background:-moz-linear-gradient(top,#9F9F9F 1px,#6C6C6C 1px,#525252) !important;
	background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#9F9F9F),color-stop(0.02,#6C6C6C),color-stop(1,#525252)) !important;
}


/* 画面外にいる状態 */
.fadein {
    opacity : 0.1;
    transform : translate(0, 50px);
    transition : all 500ms;
    }
 
/* 画面内に入った状態 */
.fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
    }




/***** コンタクトフォーム *****/
.table-contactform7{
	width: 100%;
	max-width: 900px;
	margin: 0 auto 20px;
	border-collapse: collapse;
	border-spacing: 0;
	border: #e2e2e2 1px solid;
	float:left;
	box-sizing:border-box;
	font-size:16px;
	background-color:#FFFFFF;
}

.table-contactform7 th{
	width: 30%;
	background-color:#f8f8f8;
	border:1px solid #e9e9e9;

}
.table-contactform7 td{
	width: 70%;
	border:1px solid #e9e9e9;
	background-color:#FFFFFF;

}
.table-contactform7{
	overflow: hidden;
	table-layout: fixed;
}
 
.required-contactform7{
	padding: 5px;
	background: #DE8686;
	color: #fff;
	border-radius: 3px;
	margin-right: 3px;
}
 
.unrequired-contactform7{
	padding: 5px;
	background: #BDBDBD;
	color: #fff;
	border-radius: 3px;
	margin-right: 3px;
}
 
.table-contactform7 th{
	font-weight:bold;
}
 
.table-contactform7 input,
.table-contactform7 textarea{
  max-width: 90% !important;
  margin: 5px 10px 10px 5px;
font-size:16px;
	border:1px solid #e9e9e9;
}
 
.address-100 input{
  max-width: 90% !important;
  margin: 5px 10px 10px 5px;
font-size:16px;
	border:1px solid #e9e9e9;
}
 
.message-100 textarea{
  width: 100%;
  margin: 5px 10px 10px 5px;
font-size:16px;
	border:1px solid #e9e9e9;
}
 
@media screen and (min-width: 900px){
  .table-contactform7 th{
    width:28%;
  }
}
     
@media screen and (max-width: 900px){
.table-contactform7{
  display:block;
}     
       
  .table-contactform7 tbody,
  .table-contactform7 tr{
    display: block;
    width: 100%;
  }
  .table-contactform7 th{
  width:100%;
  display:block;
  margin: 0 auto;
  border:none;
}
.table-contactform7 td{
  display: list-item;
  list-style-type:none;
  margin:0;
  padding:0;
  width: 100%;
  border-top: none !important;
}
}

.wpcf7-submit {
font-size: 1.2em;
padding: 5px 30px;
background-color: #4ca404;
color: #fff;
border-style: none;
}
 
.wpcf7-submit:hover:enabled {
background-color: #6dc823;
color: #fff;
}