/*--------------*/
/*共有*/
/*--------------*/
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 Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	font-weight: 600;
	line-height: 1.8;
	width:100%;
	color:#000000;
	transition: 0.5s;
	box-sizing:border-box;
}
.Mintyoufont{
	font-family: 游明朝,"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;

	font-family: Tahoma;
}
*html body{ 
	font-size:90%;
	line-height:1.5;
}


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

.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{
	z-index:1500;
	position: fixed;
	top: 150px;
	right: 0px;
	display: block;
}
#FixBTSP{
	z-index:1500;
	position: fixed;
	bottom:0px;
	left: 0px;
	width:100%;
	display: none;
	text-align:center;
}


/****トリミング（外装）*****/
.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:40%;
	background-color:#FFFFFF;
	background-size: cover;
	overflow: hidden;
	vertical-align: bottom;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */ 
}
.newscoverblog {
	display: inline-block;
	background-position: center center;
	background-repeat: no-repeat;
	width:100%;
	padding-top:40%;
	background-color:#FFFFFF;
	background-size: cover;
	overflow: hidden;
	vertical-align: bottom;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */ 
}
.event-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;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */ 
}
.coverbig {
	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;
}
.purnewscover {
	display: inline-block;
	background-position: center center;
	background-repeat: no-repeat;
	width:100%;
	padding-top:90%;
	background-color:#FFFFFF;
	background-size: cover;
	overflow: hidden;
	vertical-align: bottom;
}
.realcover {
	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;
}
.cacover {
	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;
}
.newsworkcover {
	display: inline-block;
	background-position: center center;
	background-repeat: no-repeat;
	width:100%;
	padding-top:90%;
	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;
}
.voicecover {
	display: inline-block;
	background-position: center center;
	background-repeat: no-repeat;
	width:100%;
	padding-top:80%;
	background-color:#FFFFFF;
	background-size: cover;
	overflow: hidden;
	vertical-align: bottom;
}
.voicecoverkai {
	display: inline-block;
	background-position: center center;
	background-repeat: no-repeat;
	width:100%;
	padding-top: 56.25%;
	background-color:#FFFFFF;
	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;
	background-size: cover;
	overflow: hidden;
	vertical-align: bottom;
}
.purcover {
	display: inline-block;
	background-position: center center;
	background-repeat: no-repeat;
	width:100%;
	padding-top:90%;
	background-color:#FFFFFF;
	background-size: cover;
	overflow: hidden;
	vertical-align: bottom;
}
.pursumcover {
	display: inline-block;
	background-position: center center;
	background-repeat: no-repeat;
	width:100%;
	padding-top:70%;
	background-color:#fdf1ea;
	background-size: contain;
	overflow: hidden;
	vertical-align: bottom;
}
.purbigcover {
	display: inline-block;
	background-position: center center;
	background-repeat: no-repeat;
	width:100%;
	padding-top:80%;
	background-color:#FFFFFF;
	background-size: cover;
	overflow: hidden;
	vertical-align: bottom;
}

.pagenextA{
    display: inline-block;
    background-color: #ccc;
    background-position: center center;
    background-repeat: no-repeat;
    width: 100%;
padding-top:80%;
    background-size: cover;
}
/*--------------*/
/*画像の回り込み*/
/*--------------*/

.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;
}

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

.NamiHead{
	width:100%;
	height:180px;
	background-image: url(../img/nami_ue.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	box-sizing:border-box;
	background-size: cover;
	float:left;
}
.NamiBottom{
	width:100%;
	height:180px;
	background-image: url(../img/nami_shita.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	box-sizing:border-box;
	background-size: cover;
	float:left;
}
/*工務店紹介スライド*/
.KoumuSlodeBoxPC{
	display:block;
}
.KoumuSlodeBoxSP{
	display:none;
}



/********/
/*ヘッダ*/
/********/

/*ヘッダ全体*/
#headerWrapper{
	width:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:left;
	background-color:#FFFFFF;
	box-sizing:border-box;
}
#headerWrapperSE{
	width:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:left;
}

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

#headerBox img{
	max-width: 100%;
	height: auto;
	width /***/:auto;
}
#headerBoxL{
	width:70%;
	margin:0 0 0 0;
	padding:5px 40px 0 0;
	box-sizing:border-box;
	text-align:left;
	float:right;
}
#headerBoxLogo{
	width:100%;
	max-width:132px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	text-align:center;
	float:left;
	box-sizing:border-box;
}
#headerBoxSNS{
	width:100%;
	margin:0 0 0 0;
	padding:5px;
	text-align:right;
	float:right;
	box-sizing:border-box;
}
#headerBoxSNSSE{
	width:100%;
	max-width:300px;
	margin:0 0 0 0;
	padding:5px;
	text-align:right;
	float:right;
	box-sizing:border-box;
	display:none;
}
.headerBoxSNSList{
	display:block;
	width:100%;
	max-width:60px;
	text-align:right;
	margin:23px 0 0 0;
	float:left;
}
#headerBoxC{
	width:100%;
	margin:0px 0 0 0;
	padding:0 0 0 0;
	text-align:left;
	float:right;
	box-sizing:border-box;
	display:none;
}
#headerBoxR{
	width:30%;
	margin:0 0 0 0;
	padding:5px;
	text-align:right;
	float:left;
	box-sizing:border-box;
}
#headerBoxRR{
}
#headerBoxD{
	text-align:right;
	display:none;
}
#headerBottom{
	width:100%;
	height:55px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	box-sizing:border-box;
	float:left;
	background-image: url(../img/head_bottom.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index:999;
}


.headerTop{
	width:100%;
	margin:0 0 0 0;
	padding:5px;
	box-sizing:border-box;
	float:left;
	text-align:right;
	background-color:#fff9e7;
}
.headerMesA{
	width:100%;
	max-width:450px;
	margin:20px 0 0 0;
	padding:5px;
	box-sizing:border-box;
	float:left;
	text-align:left;
	color:#000000;
}
.headerMesB{
	width:100%;
	max-width:300px;
	margin:40px 0 0 0;
	padding:5px;
	box-sizing:border-box;
	float:right;
	text-align:right;
	color:#cbcbcb;
	font-size:24px;
}

.TopMidashiBox{
	width:100%;
	margin:40px 0 10px 0;
	padding:10px;
	box-sizing:border-box;
	float:left;
	text-align:left;
}
.TopMidashiA{
	margin:0 0 0 0;
	padding:0 0 0 0;
	box-sizing:border-box;
	text-align:left;
	font-size:30px;
	line-height:1.0;
	color:#955129;
}
.TopMidashiB{
	margin:0 0 0 0;
	padding:0 0 0 0;
	box-sizing:border-box;
	text-align:left;
	font-size:18px;
	line-height:1.0;
	color:#955129;
}

.SeMidashiBox{
	width:100%;
	margin:40px 0 10px 0;
	padding:10px;
	box-sizing:border-box;
	float:left;
	text-align:center;
	border-bottom:1px solid #955129;
}
.SeMidashiA{
	margin:0 0 0 0;
	padding:0 0 0 0;
	box-sizing:border-box;
	text-align:left;
	font-size:24px;
	line-height:1.0;
	color:#955129;
}

.THMidashiBox{
	width:100%;
	margin:40px 0 10px 0;
	padding:20px 10px 20px 10px;
	box-sizing:border-box;
	float:left;
	text-align:center;
	background-color:#955129;
}
.THMidashiA{
	margin:0 0 0 0;
	padding:0 0 0 0;
	box-sizing:border-box;
	text-align:left;
	font-size:24px;
	line-height:1.0;
	color:#FFFFFF;
}
/****/
/********/

/********/
/*入れ替え用ヘッダ*/
/********/
.fix-header {
	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:#e2cba5;
}
.fix-header li:last-child{
	margin-right:0;
}
#fix-header-logo{
	float:left;
	padding:0px;
	box-sizing:border-box;
	width:15%;
	max-width:100px;
	padding:5px;
	text-align:center;
}
 
#fix-header-logo img{
	max-width:100px;
}
 
#fix-header-menus{
	width:85%;
	float:right;
	text-align: right;
}
#scroll-fix-menu{
	margin:0 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;
}


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

.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;

}

/***アニメ***/
.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 10px 0;
	text-align:center;
	box-sizing:border-box;
	float:left;
	background-color:#FFFFFF;
}
.SPLOGO{
	position:absolute;
	top:0px;
	left:0px;
	z-index:888;
	display:none;
}
/********/
/***ボタン***/
.LinkBT{
	font-size:16px;
	width:100%;
	text-align:center;
	margin:5px 0 0 0;
	box-sizing:border-box;
	padding:5px;
	float:left;
	background-color:#FFFFFF;
	font-weight:bold;
	transition: 0.5s;
	border-radius: 30px;        /* CSS3草案 */  
	-webkit-border-radius: 30px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 30px;   /* Firefox用 */  
}
.LinkBT a {
	display:block;
	width: 100%; /* 横幅 */
	padding:10px; /* a要素内の余白 */
	box-sizing:border-box;
	color:#955129;
	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;
}
.arrow_r::after {
  content: '';
  width: 6px;
  height: 6px;
  border: 0;
  border-top: solid 2px #955129;
  border-right: solid 2px #955129;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -4px;
  transform: rotate(45deg);
}

.LinkBTdaiki{
	font-size:16px;
	width:100%;
	text-align:center;
	margin:5px 0 0 0;
	box-sizing:border-box;
	padding:5px;
	float:left;
	background-color:none;
	font-weight:bold;
	transition: 0.5s;
	border-radius: 30px;        /* CSS3草案 */  
	-webkit-border-radius: 30px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 30px;   /* Firefox用 */  
	border:1px solid #FFFFFF;
}
.LinkBTdaiki a {
	display:block;
	width: 100%; /* 横幅 */
	padding:10px; /* a要素内の余白 */
	box-sizing:border-box;
	color:#FFFFFF;
	text-decoration: none;
	transition: 0.5s;
	position: relative;
}
.LinkBTdaiki: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;
}
.LinkBTdaikiB{
	font-size:16px;
	width:100%;
	text-align:center;
	margin:5px 0 0 0;
	box-sizing:border-box;
	padding:5px;
	float:left;
	background-color:none;
	font-weight:bold;
	transition: 0.5s;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */  
	border:1px solid #FFFFFF;
}
.LinkBTdaikiB a {
	display:block;
	width: 100%; /* 横幅 */
	padding:10px; /* a要素内の余白 */
	box-sizing:border-box;
	color:#FFFFFF;
	text-decoration: none;
	transition: 0.5s;
	position: relative;
}
.LinkBTdaikiB: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;
}

.LinkBTA{
	font-size:16px;
	width:100%;
	text-align:center;
	margin:5px 0 0 0;
	box-sizing:border-box;
	padding:5px;
	float:left;
	background-color:#955129;
	font-weight:bold;
	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;
}


.LinkBTAM{
	font-size:12px;
	width:100%;
	text-align:center;
	margin:5px 0 0 0;
	box-sizing:border-box;
	padding:5px;
	float:left;
	background-color:#6eaa59;
	font-weight:bold;
	transition: 0.5s;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */  
}
.LinkBTAM a {
	display:block;
	width: 100%; /* 横幅 */
	padding:10px; /* a要素内の余白 */
	box-sizing:border-box;
	color:#FFFFFF;
	text-decoration: none;
	transition: 0.5s;
	position: relative;
}
.LinkBTAM: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;
}

.LinkBTEVE{
	font-size:14px;
	width:100%;
	text-align:center;
	margin:5px 0 0 0;
	box-sizing:border-box;
	padding:5px;
	float:left;
	background-color:#955129;
	font-weight:bold;
	transition: 0.5s;
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */  
}
.LinkBTEVE a {
	display:block;
	width: 100%; /* 横幅 */
	padding:10px; /* a要素内の余白 */
	box-sizing:border-box;
	color:#FFFFFF;
	text-decoration: none;
	transition: 0.5s;
	position: relative;
}
.LinkBTEVE: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:center;
	margin:5px 0 0 0;
	box-sizing:border-box;
	padding:5px;
	float:left;
	background-color:#8bb269;
	font-weight:bold;
	transition: 0.5s;
	color:#FFFFFF;
}
.LinkBTB a{
	display:block;
	width: 100%; /* 横幅 */
	padding:10px; /* a要素内の余白 */
	box-sizing:border-box;
	color:#FFFFFF;
	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:10px;
	width:100%;
	text-align:center;
	margin:0px 0 0 0;
	box-sizing:border-box;
	padding:3px;
	float:left;
	font-weight:bold;
	color:#FFFFFF;
	transition: 0.5s;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */
	background-color:#f29a00;
}
.LinkBTC a {
	display:block;
	width: 100%; /* 横幅 */
	padding:3px; /* a要素内の余白 */
	box-sizing:border-box;
	color:#FFFFFF;
	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;
}


.LinkBTCON{
	font-size:14px;
	width:100%;
	text-align:center;
	margin:5px 0 0 0;
	box-sizing:border-box;
	padding:5px;
	float:left;
	background-color:#8bb269;
	font-weight:bold;
	transition: 0.5s;
	color:#FFFFFF;
	border-radius: 10px;
}
.LinkBTCON a{
	display:block;
	width: 100%; /* 横幅 */
	padding:10px; /* a要素内の余白 */
	box-sizing:border-box;
	color:#FFFFFF;
	text-decoration: none;
	transition: 0.5s;
	position: relative;
}
.LinkBTCON: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_rr::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);
}
.LinkBTCON .arrow_rrr::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);
	z-index:900;
}


.LinkBTNEXT{
	font-size:16px;
	width:100%;
	text-align:center;
	margin:10px 0 0 0;
	box-sizing:border-box;
	padding:5px;
	float:left;
	background-color:#FFFFFF;
	font-weight:bold;
	border:1px solid #955129;
}
.LinkBTNEXT a {
	display:block;
	width: 100%; /* 横幅 */
	padding:10px; /* a要素内の余白 */
	box-sizing:border-box;
	color:#955129;
	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;
}

.LinkBTkotiraA{
	font-size:11px;
	width:100%;
	text-align:center;
	margin:0px 0 0 0;
	box-sizing:border-box;
	padding:2px;
	float:left;
	background-color:#43a8e2;
	font-weight:bold;
	color:#FFFFFF;
	border-radius: 30px;        /* CSS3草案 */  
	-webkit-border-radius: 30px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 30px;   /* Firefox用 */  
	transition: 0.5s;
}
.LinkBTkotiraA a {
	display:block;
	width: 100%; /* 横幅 */
	padding:5px; /* a要素内の余白 */
	box-sizing:border-box;
	color:#FFFFFF;
	text-decoration: none;
	transition: 0.5s;
}
.LinkBTkotiraA:hover {
	background-color:#ade1ff;
	transition: 0.5s;
}


.LinkBTkotiraB{
	font-size:11px;
	width:100%;
	text-align:center;
	margin:0px 0 0 0;
	box-sizing:border-box;
	padding:2px;
	float:left;
	background-color:#ff6633;
	font-weight:bold;
	color:#FFFFFF;
	border-radius: 30px;        /* CSS3草案 */  
	-webkit-border-radius: 30px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 30px;   /* Firefox用 */  
	transition: 0.5s;
}
.LinkBTkotiraB a {
	display:block;
	width: 100%; /* 横幅 */
	padding:5px; /* a要素内の余白 */
	box-sizing:border-box;
	color:#FFFFFF;
	text-decoration: none;
	transition: 0.5s;
}
.LinkBTkotiraB:hover {
	background-color:#ff9a78;
	transition: 0.5s;
}

.LinkBTNEW{
	font-size:14px;
	width:100%;
	text-align:center;
	margin:5px 0 0 0;
	box-sizing:border-box;
	padding:5px;
	float:left;
	background-color:#FFFFFF;
	font-weight:bold;
	transition: 0.5s;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */  
}
.LinkBTNEW a {
	display:block;
	width: 100%; /* 横幅 */
	padding:5px; /* a要素内の余白 */
	box-sizing:border-box;
	color:#955129;
	text-decoration: none;
	transition: 0.5s;
	position: relative;
}
.LinkBTNEW: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;
}

.LinkBTNEWB{
	font-size:14px;
	width:100%;
	text-align:center;
	margin:5px 0 0 0;
	box-sizing:border-box;
	padding:5px;
	float:left;
	background-color:#955129;
	font-weight:bold;
	transition: 0.5s;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */  
}
.LinkBTNEWB a {
	display:block;
	width: 100%; /* 横幅 */
	padding:5px; /* a要素内の余白 */
	box-sizing:border-box;
	color:#FFFFFF;
	text-decoration: none;
	transition: 0.5s;
	position: relative;
}
.LinkBTNEWB: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;
}

.LinkBTNEWC{
	font-size:16px;
	width:100%;
	text-align:center;
	margin:5px 0 0 0;
	box-sizing:border-box;
	padding:5px;
	float:left;
	background-color:#ff8a37;
	font-weight:bold;
	transition: 0.5s;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */  
}
.LinkBTNEWC a {
	display:block;
	width: 100%; /* 横幅 */
	padding:5px; /* a要素内の余白 */
	box-sizing:border-box;
	color:#FFFFFF;
	text-decoration: none;
	transition: 0.5s;
	position: relative;
}
.LinkBTNEWC: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;
}
.LinkBTNEWD{
	font-size:16px;
	width:100%;
	text-align:center;
	margin:5px 0 0 0;
	box-sizing:border-box;
	padding:5px;
	float:left;
	background-color:#955129;
	font-weight:bold;
	transition: 0.5s;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */  
}
.LinkBTNEWD a {
	display:block;
	width: 100%; /* 横幅 */
	padding:5px; /* a要素内の余白 */
	box-sizing:border-box;
	color:#FFFFFF;
	text-decoration: none;
	transition: 0.5s;
	position: relative;
}
.LinkBTNEWD: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;
}
#LinkBTNEWE{
	font-size:16px;
	width:100%;
	text-align:center;
	margin:5px 0 0 0;
	box-sizing:border-box;
	padding:5px;
	float:left;
	background-color:#faf8e9;
	font-weight:bold;
	color:#955129;
	transition: 0.5s;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */  
}
#LinkBTNEWE a{
	display:block;
	width: 100%; /* 横幅 */
	padding:5px; /* a要素内の余白 */
	box-sizing:border-box;
	color:#955129;
	text-decoration: none;
	transition: 0.5s;
	position: relative;
}
#LinkBTNEWE: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{
    position: relative;
    display: inline-block;
    padding: 0 0 0 16px;
    color: #FFFFFF;
    vertical-align: middle;
    text-decoration: none;
    font-size: 15px;
}
.arrow::before,
.arrow::after{
    position: absolute;
    top: -2px;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}
.sample4-1::before{
    left: 4px;
    box-sizing: border-box;
    width: 4px;
    height: 4px;
    border: 4px solid transparent;
    border-left: 4px solid #FFFFFF;
}


.LinkBTtag{
	display:inline-block;
	font-size:13px;
	text-align:center;
	margin:5px;
	box-sizing:border-box;
	padding:10px 13px 10px 13px;
	background-color:#955129;
	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;
}
.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;
}

.LinkBTtagON{
	display:inline-block;
	font-size:13px;
	text-align:center;
	margin:5px;
	box-sizing:border-box;
	padding:10px 13px 10px 13px;
	background-color:#FFFFFF;
	border:1px solid #955129;
	font-weight:bold;
	color:#955129;
	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:13px;
	text-align:center;
	margin:5px;
	box-sizing:border-box;
	padding:10px 13px 10px 13px;
	background-color:#955129;
	font-weight:bold;
	color:#FFFFFF;
	transition: 0.5s;
	border-radius: 20px;        /* CSS3草案 */  
	-webkit-border-radius: 20px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 20px;   /* Firefox用 */  
}

#TagList{
	width:100%;
	margin:0 0 0 0;
	padding:10px;
	box-sizing:border-box;
	float:left;
}
#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;
}

.Cborder{
	width:100%;
	height:8px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	background-image: url(../img/border.png);
	background-repeat: no-repeat;
	background-position: right top;
	box-sizing:border-box;
	float:left;
}

.HandMidashi{
	color:#FFFFFF;
	width:100%;
	min-height:85px;
	background-color:#b08e31;
	text-align:center;
	margin:0px 0 0 0;
	padding:20px 50px 10px 50px;
	background-image: url(../img/mark_1.jpg),url(../img/mark_2.jpg);
	background-repeat: no-repeat,no-repeat;
	background-position: left center,right center;
	box-sizing:border-box;
	float:left;
	line-height:1.3;
}



.EsteInfoBox{
	width:100%;
	text-align:center;
	margin:0px 0 0 0;
	padding:20px;
	background-image: url(../img/mark_ue.png),url(../img/mark_shita.png);
	background-repeat: no-repeat,no-repeat;
	background-position: left top,right bottom;
	box-sizing:border-box;
	float:left;
	line-height:1.3;
}
.EsteInfoTextBox{
	width:100%;
	text-align:center;
	margin:0 0 0 0;
	background-color:#FFFFFF;
	padding:40px 20px 40px 20px;
	box-sizing:border-box;
	float:left;
	line-height:1.3;
}
.EsteTable{
	width:100%;
	box-sizing:border-box;
	float:left;
}
.EsteTable th{
	width:30%;
	line-height:1.3;
	font-size:24px;
	color:#FFFFFF;
	background-color:#b08e31;
}
.EsteTable td{
	width:70%;
	line-height:1.3;
	font-size:18px;
	background-color:#FFFFFF;
	box-sizing:border-box;
	padding:20px 40px 20px 40px;
}

/***おうちで健康****/

.KenkouBoxALLA{
	width:100%;
	text-align:center;
	margin:0 0 0 0;
	padding:50px 20px 50px 20px;
	box-sizing:border-box;
	float:left;
	background-color:#fffdf3;
}
.KenkouBoxALLB{
	width:100%;
	text-align:center;
	margin:0 0 0 0;
	padding:20px;
	box-sizing:border-box;
	float:left;
	background-color:#FFFFFF;
}
.KenkouBoxA{
	width:100%;
	text-align:center;
	margin:0 0 0 0;
	padding:0px;
	box-sizing:border-box;
	float:left;
	background-color:#FFFFFF;
}
.KenkouBoxAL{
	width:50%;
	text-align:center;
	margin:0 0 0 0;
	padding:10px;
	box-sizing:border-box;
	float:left;
}
.KenkouBoxAR{
	width:50%;
	text-align:center;
	margin:0 0 0 0;
	padding:10px;
	box-sizing:border-box;
	float:left;
}
.KenkouBoxB{
	width:100%;
	text-align:center;
	margin:0px 0 0 0;
	padding:0px;
	box-sizing:border-box;
	float:left;
	background-color:#FFFFFF;
}
.KenkouBoxBL{
	width:45%;
	text-align:center;
	margin:0 0 0 0;
	padding:20px;
	box-sizing:border-box;
	background-color:#fffdf3;
	float:left;
}
.KenkouBoxBR{
	width:55%;
	text-align:center;
	margin:0 0 0 0;
	padding:25px;
	box-sizing:border-box;
	float:left;
}
.KenkouBoxC{
	width:100%;
	text-align:center;
	margin:0px 0 0 0;
	padding:0px;
	box-sizing:border-box;
	float:left;
	background-color:#FFFFFF;
}
.KenkouBoxCL{
	width:55%;
	text-align:center;
	margin:0 0 0 0;
	padding:25px;
	box-sizing:border-box;
	float:right;
}
.KenkouBoxCR{
	width:45%;
	text-align:center;
	margin:0 0 0 0;
	padding:20px;
	box-sizing:border-box;
	background-color:#fffdf3;
	float:right;
}


.KenkouTextA{
	width:100%;
	text-align:center;
	margin:50px 0 0 0;
	padding:0px;
	box-sizing:border-box;
	color:#6b532e;
	font-size:36px;
	line-height:1.5;
}
.KenkouTextAA{
	width:100%;
	text-align:left;
	margin:0px 0 0 0;
	padding:0px 0 0px 55px;
	box-sizing:border-box;
	color:#6b532e;
	font-size:24px;
	line-height:1.5;
	position: relative;
}
.KenkouTextAA:before {
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 50px;
    height: 1px;
    background-color: #666;
}
.KenkouTextAA:before {
    left: 0;
}

.KenkouTextB{
	width:100%;
	text-align:center;
	margin:10px 0 0 0;
	padding:10px;
	box-sizing:border-box;
	float:left;
	color:#000000;
	font-size:24px;
	font-weight:bold;
	line-height:1.5;
}
.KenkouTextC{
	width:100%;
	text-align:left;
	margin:10px 0 0 0;
	padding:0px;
	box-sizing:border-box;
	float:left;
	color:#000000;
	font-size:14px;
	line-height:1.5;
}




.SumikaBG{
	background-image: url(../img/sumika_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}
.LineA{
	font-size:30px;
	background: linear-gradient(transparent 60%, #f9c676 60%);
}
.LineB{
	font-size:30px;
	background: linear-gradient(transparent 60%, #b8f0fc 60%);
}


.CoraboListBoxALL{
	width:100%;
	text-align:center;
	padding:0px 80px 80px 80px;
	box-sizing:border-box;
	margin:0 0 0px 0;
	float:left;
	background-color:#fffdf3;
}

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

.CoraboListBox li{
	text-align:center;
	color:#00000;
	width:50%;
	margin:30px 0 0 0;
	padding:20px;
	list-style-type: none;
	float:left;
	box-sizing:border-box;
}


.CoraboListPhoto{
	width:100%;
	padding:0px;
	box-sizing:border-box;
	text-align:center;
	margin:0 0 0 0;
	float:left;
}
.CoraboListName{
	width:100%;
	padding:0px;
	box-sizing:border-box;
	text-align:right;
	margin:5px 0 0 0;
	float:left;
	color:#c2b097;
	font-size:16px;
	font-weight:bold;
	line-height:1.5;
}
.CoraboListInfo{
	width:100%;
	padding:0px;
	box-sizing:border-box;
	text-align:right;
	margin:5px 0 0 0;
	float:left;
	font-size:16px;
	font-weight:bold;
	line-height:1.5;
}
/**************/


/******TOPCM***/
#video{
	width: 100%;
	height: 100%;
	background: #00000;
}

/******講座日程***/

#KouzaBox{
	width:100%;
	margin:30px 0 30px 0;
	padding:0px;
	float:left;
}
#KouzaBox li{
	text-align:center;
	color:#00000;
	width:25%;
	margin:10px 0 0 0;
	padding:5px;
	list-style-type: none;
	float:left;
	box-sizing:border-box;
	font-size:13px;
	font-weight:normal;
}
.KouzaBorder{
	width:100%;
	padding:5px;
	box-sizing:border-box;
	float:left;
	border:1px solid #86650b;
	background-color:#FFFFFF;
}
.EndBG{
	background-color:#777777;
}
.UketukeBG{
	background-color:#b08e31;
}


/********/
/*TOP*/
/********/
#ALLBGWrapper{
	width:100%;
	max-width:1400px;
	margin:0 auto;
	padding:0 0 0 0;
	box-sizing:border-box;
}
#ALLBGWrapper img{
	max-width: 100%;
	height: auto;
	width /***/:auto;
}

.TopHandBox{
	width:100%;
	margin:40px 0 20px 0;
	padding:10px;
	box-sizing:border-box;
	float:left;
	background-color:#FFFFFF;
}
.TopHandBoxL{
	width:50%;
	margin:0 0 0 0;
	padding:0px;
	text-align:center;
	box-sizing:border-box;
	float:left;
}
.TopHandBoxR{
	width:50%;
	margin:0 0 0 0px;
	padding:30px 30px 10px 30px;
	text-align:center;
	box-sizing:border-box;
	float:left;
}


#ALLBGWrapperA{
	width:100%;
	margin:0 0 0 0;
	padding:0 0 80px 0;
	box-sizing:border-box;
	float:left;
	background-size: cover;
}
#ALLBGWrapperA img{
	max-width: 100%;
	height: auto;
	width /***/:auto;
}
#ALLBGWrapperB{
	width:100%;
	margin:0 0 0 0;
	padding:100px 0 100px 0;
	background-image: url(../img/ca_img_bg.webp);
	background-repeat: no-repeat;
	background-position: center top;
	box-sizing:border-box;
	background-size: cover;
	float:left;
	font-size:30px;
	color:#FFFFFF;
}
#ALLBGWrapperB img{
	max-width: 100%;
	height: auto;
	width /***/:auto;
}

#ALLBGWrapperReal{
	width:100%;
	line-height:1.5;
	margin:0 0 0 0;
	padding:80px 0 80px 0;
	background-image: url(../img/ca_real_bg.webp);
	background-repeat: no-repeat;
	background-position: center top;
	box-sizing:border-box;
	background-size: cover;
	float:left;
	color:#FFFFFF;
}
#ALLBGWrapperReal img{
	max-width: 100%;
	height: auto;
	width /***/:auto;
}

#ALLBGWrapperModel{
	width:100%;
	line-height:1.5;
	margin:0 0 0 0;
	padding:80px 0 80px 0;
	background-image: url(../img/ca_model_bg.webp);
	background-repeat: no-repeat;
	background-position: center top;
	box-sizing:border-box;
	background-size: cover;
	float:left;
	color:#FFFFFF;
}
#ALLBGWrapperModel img{
	max-width: 100%;
	height: auto;
	width /***/:auto;
}

#ALLBGWrapperStudy{
	width:100%;
	margin:0 0 0 0;
	padding:80px 0 80px 0;
	background-image: url(../img/ca_study_bg_new.webp);
	background-repeat: no-repeat;
	background-position: center top;
	box-sizing:border-box;
	background-size: cover;
	float:left;
	font-size:30px;
	color:#FFFFFF;
}
#ALLBGWrapperStudy img{
	max-width: 100%;
	height: auto;
	width /***/:auto;
}


#ALLBGWrapperVoice{
	width:100%;
	margin:0 0 0 0;
	padding:100px 0 100px 0;
	background-image: url(../img/voice_img_bg.webp);
	background-repeat: no-repeat;
	background-position: center top;
	box-sizing:border-box;
	background-size: cover;
	float:left;
	font-size:30px;
	color:#FFFFFF;
}
#ALLBGWrapperVoice img{
	max-width: 100%;
	height: auto;
	width /***/:auto;
}


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

.PickBox{
	width:100%;
	text-align:center;
	margin:0 0 0 0;
	padding:10px;
	box-sizing:border-box;
	float:left;
}
.PickBoxL{
	width:45%;
	text-align:center;
	margin:0 0 0 0;
	padding:0px;
	box-sizing:border-box;
	float:left;
	justify-content: center;
	align-items: center;
	display:flex;
}
.PickBoxText{
	width:100%;
	text-align:center;
	margin:0 0 0 0;
	padding:10px;
	box-sizing:border-box;
	float:left;
	color:#955129;

}
.PickA{
	font-size:20px;
}
.PickB{
	font-size:24px;
}
.PickBoxR{
	width:55%;
	text-align:center;
	margin:0 0 0 0;
	padding:0px;
	box-sizing:border-box;
	float:right;
	display:inline-block;
}

.PickBox li{
	text-align:center;
	color:#00000;
	width:100%;
	margin:30px 0 0 0;
	padding:5px;
	list-style-type: none;
	float:left;
	box-sizing:border-box;
	background-color:#fdf5f0;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */  
	display:flex;
}


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

.BrandBox li{
	text-align:center;
	color:#00000;
	width:50%;
	margin:30px 0 0 0;
	padding:5px;
	list-style-type: none;
	float:left;
	box-sizing:border-box;
}

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

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

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

.BannerBoxB li{
	text-align:center;
	color:#00000;
	width:32%;
	margin:30px 0 0 0;
	padding:5px;
	list-style-type: none;
	float:left;
	box-sizing:border-box;
}

.BrandBoxBT{
	width:100%;
	margin:0 0 0 0;
	padding:0px;
	text-align:center;
	float:left;
	box-sizing:border-box;
	position: relative;
}
.BrandBoxText{
	width:100%;
	height:100%;
	margin:0 0 0 0;
	padding:5px;
	text-align:center;
	box-sizing:border-box;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	font-size:24px;
	color:#FFFFFF;
	font-weight:bold;
	line-height:1.5;
	display: flex;
	justify-content: center;
	align-items: center;
}

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

.ModelPhotoBox li{
	text-align:center;
	color:#00000;
	width:50%;
	margin:30px 0 0 0;
	padding:5px;
	list-style-type: none;
	float:left;
	box-sizing:border-box;
}

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

.StudyPhotoBox li{
	text-align:center;
	color:#00000;
	width:25%;
	margin:30px 0 0 0;
	padding:20px;
	list-style-type: none;
	float:left;
	box-sizing:border-box;
}


.StudyFlowBox{
	width:100%;
	text-align:center;
	margin:40px 0 0 0;
	padding:10px;
	box-sizing:border-box;
	float:left;
}
.StudyFlowBoxL{
	width:40%;
	text-align:center;
	margin:0 0 0 0;
	padding:10px;
	box-sizing:border-box;
	float:left;
}
.StudyFlowBoxR{
	width:60%;
	text-align:center;
	margin:0 0 0 0;
	padding:10px;
	box-sizing:border-box;
	float:left;
}

.StudyFlowA{
	text-align:center;
	margin:0 0 0 0;
	padding:10px;
	box-sizing:border-box;
	float:left;
	color:#FFFFFF;
	font-size:20px;
	background-color:#ea8732;
	border-radius: 10px;
}
.StudyFlowB{
	width:100%;
	text-align:left;
	margin:10px 0 0 0;
	padding:10px;
	font-size:24px;
	box-sizing:border-box;
	float:left;
}


.StudyFlowMap{
	width:100%;
	text-align:center;
	margin:40px 0 0 0;
	padding:10px;
	box-sizing:border-box;
	float:left;
}
.StudyFlowMapL{
	width:50%;
	text-align:left;
	margin:0 0 0 0;
	padding:10px;
	box-sizing:border-box;
	float:left;
}
.StudyFlowMapR{
	width:50%;
	text-align:left;
	margin:0 0 0 0;
	padding:10px;
	box-sizing:border-box;
	float:left;
}


.AmbaBox{
	width:100%;
	text-align:center;
	margin:60px 0 0 0;
	padding:10px;
	box-sizing:border-box;
	float:left;
	border-bottom:1px dotted #000000;
}
.AmbaBoxL{
	width:40%;
	text-align:center;
	margin:0 0 0 0;
	padding:10px;
	box-sizing:border-box;
	float:left;
}
.AmbaBoxR{
	width:60%;
	text-align:left;
	margin:0 0 0 0;
	padding:10px;
	box-sizing:border-box;
	float:left;
}
.AmbaBoxMidashiA{
	width:100%;
	text-align:left;
	margin:10px 0 0 0;
	padding:0px;
	box-sizing:border-box;
	float:left;
	font-size:24px;
}
.AmbaBoxMidashiB{
	width:100%;
	text-align:left;
	margin:10px 0 0 0;
	padding:0px;
	box-sizing:border-box;
	float:left;
	color:#a05805;
	font-size:20px;
}
.AmbaBoxMidashiC{
	text-align:left;
	margin:0 0 0 0;
	padding:5px 10px 5px 10px;
	box-sizing:border-box;
	float:left;
	color:#a05805;
	background-color:#faf8ea;
	border-radius:5px;
	font-size:12px;
}


.AmbaInfoBox{
	width:100%;
	text-align:center;
	margin:60px 0 0 0;
	padding:10px;
	box-sizing:border-box;
	float:left;
}
.AmbaInfoMidashiA{
	text-align:center;
	margin:0 0 0 0;
	padding:0px;
	box-sizing:border-box;
	border-bottom:3px solid #a05805;
	font-size:30px;
	color:#a05805;;
}
.AmbaInfoMidashiB{
	text-align:center;
	margin:0 0 0 0;
	padding:20px;
	box-sizing:border-box;
	color:#a05805;
	background-color:#faf8ea;
	border-radius:5px;
	font-size:24px;
	display:inline-block;
}

.AmbaInfoSEBox{
	width:100%;
	text-align:center;
	margin:40px 0 0 0;
	padding:10px;
	box-sizing:border-box;
	float:left;
}
.AmbaInfoSEBoxL{
	width:40%;
	text-align:center;
	margin:0 0 0 0;
	padding:10px;
	box-sizing:border-box;
	float:left;
}
.AmbaInfoSEBoxR{
	width:60%;
	text-align:left;
	margin:0 0 0 0;
	padding:10px;
	box-sizing:border-box;
	float:left;
}

.AmbaInfoTHBox{
	width:100%;
	text-align:left;
	margin:30px 0 0 0;
	padding:30px 30px 40px 30px;
	box-sizing:border-box;
	float:left;
	border:1px dotted #000000;
	border-radius:10px;
}
.AmbaInfoMidashiC{
	width:100%;
	float:left;
	text-align:center;
	margin:0 0 0 0;
	padding:15px;
	box-sizing:border-box;
	color:#a05805;
	font-size:18px;
	border-bottom:1px solid #a05805;
}

.AmbaInfoMidashiD{
	text-align:center;
	margin:0 0 0 0;
	padding:20px;
	box-sizing:border-box;
	color:#a05805;
	background-color:#faf8ea;
	border-radius:5px;
	font-size:18px;
	display:inline-block;
}


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

.HokenBox li{
	text-align:center;
	color:#00000;
	width:50%;
	margin:30px 0 0 0;
	padding:10px;
	list-style-type: none;
	float:left;
	box-sizing:border-box;
}

.HarukazeBox{
	width:100%;
	text-align:center;
	margin:0 0 0 0;
	padding:10px;
	box-sizing:border-box;
	float:left;
}
.HarukazeBoxL{
	width:50%;
	text-align:center;
	margin:0 0 0 0;
	padding:5px;
	box-sizing:border-box;
	float:left;
}
.HarukazeBoxLA{
	font-size:36px;
	width:100%;
	text-align:left;
	margin:0 0 0 0;
	padding:0px;
	box-sizing:border-box;
	float:left;
}
.HarukazeBoxLB{
	font-size:16px;
	width:100%;
	text-align:left;
	margin:50px 0 0 0;
	padding:0px;
	box-sizing:border-box;
	float:left;
}

.HarukazeBoxR{
	width:50%;
	text-align:center;
	margin:0 0 0 0;
	padding:5px;
	box-sizing:border-box;
	float:left;
}
.HarukazeBoxRA{
	width:70%;
	text-align:center;
	margin:0 0 0 0;
	padding:3px;
	box-sizing:border-box;
	float:left;
}
.HarukazeBoxRB{
	width:30%;
	text-align:center;
	margin:0 0 0 0;
	padding:3px;
	box-sizing:border-box;
	float:left;
}

.TopEsteBox{
	width:100%;
	margin:40px 0 0 0;
	padding:10px;
	box-sizing:border-box;
	float:left;
}
.TopEsteBoxL{
	width:50%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	box-sizing:border-box;
	float:left;
}
.TopEsteBoxR{
	width:50%;
	margin:0 0 0 -40px;
	padding:0 0 0 0;
	box-sizing:border-box;
	float:left;
}
.TopEsteBoxLL{
	width:50%;
	margin:0 -40px 0 0;
	padding:0 0 0 0;
	box-sizing:border-box;
	float:right;
}
.TopEsteBoxRR{
	width:50%;
	margin:0 0 0 0px;
	padding:0 0 0 0;
	box-sizing:border-box;
	float:right;
}

.TopEsteText{
	width:100%;
	margin:40px 0 0 0;
	padding:10px 40px 10px 40px;
	text-align:center;
	background-color:red;
	box-sizing:border-box;
	background-color:#FFFFFF;
	float:left;
	box-shadow:0px 0px 8px 3px #ccc;
}

#ALLBGWrapperWorks{
	width:100%;
	margin:0px 0 0 0;
	padding:0 0 50px 0;
	background-image: url(../img/works_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	box-sizing:border-box;
	float:left;
	background-size: cover;
}
#ALLBGWrapperWorks img{
	max-width: 100%;
	height: auto;
	width /***/:auto;
}

#ALLBGWrapperWelcome{
	width:100%;
	margin:0px 0 0 0;
	padding:0 0 50px 0;
	background-image: url(../img/we_bg.jpg);
	background-repeat: repeat;
	background-position: left top;
	box-sizing:border-box;
	float:left;
}
#ALLBGWrapperWelcome img{
	max-width: 100%;
	height: auto;
	width /***/:auto;
}
#ALLBGWrapperMovie{
	width:100%;
	margin:0px 0 0 0;
	padding:20px;
	background-image: url(../img/commit_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	box-sizing:border-box;
	float:left;
	background-color:#e8e0d6;
}
#ALLBGWrapperMovie img{
	max-width: 100%;
	height: auto;
	width /***/:auto;
}
#ALLBGWrapperContents{
	width:100%;
	margin:0px 0 0 0;
	padding:20px;
	box-sizing:border-box;
	float:left;

	background-color:#FFFFFF;
}
#ALLBGWrapperContents img{
	max-width: 100%;
	height: auto;
	width /***/:auto;
}

#ALLBGWrapperContact{
	width:100%;
	margin:0px 0 0 0;
	padding:30px 10px 30px 10px;
	background-repeat: no-repeat;
	background-position: center top;
	box-sizing:border-box;
	float:left;
	background-size: cover;
}
#ALLBGWrapperContact img{
	max-width: 100%;
	height: auto;
	width /***/:auto;
}

.ContactWrapper{
	width:100%;
	margin:-40px 0 0 0;
	padding:0 0 0 0;
	box-sizing:border-box;
	float:left;
}
.ContactWrapperBox{
	width:100%;
	margin:0 0 0 0;
	padding:40px;
	box-sizing:border-box;
	float:left;
	background-color:#171a1c;
}
.ContactWrapperBoxL{
	width:50%;
	margin:0 0 0 0;
	padding:20px;
	box-sizing:border-box;
	text-align:center;
	float:left;
}
.ContactWrapperBoxR{
	width:50%;
	margin:0 0 0 0;
	padding:20px;
	box-sizing:border-box;
	text-align:center;
	float:left;
	border-left:1px solid #FFFFFF;
}

.TOPMovieBox{
	width:100%;
	text-align:left;
	margin:100px 0 0 0;
	padding:0px;
	float:left;
	box-sizing:border-box;
	background-image: url(../img/commit_img.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	position:relative;
}
.TOPMovieBoxL{
	color:#FFFFFF;
	width:100%;
	text-align:left;
	margin:120px 0 120px 0;
	padding:20px 60px 20px 60px;
	float:left;
	box-sizing:border-box;
}
.TOPMovieBoxLL{
	width:50%;
}
.TOPMovieBoxLLA{
	width:100%;
	text-align:left;
	margin:0 0 0 0;
	font-size:26px;
}
.TOPMovieBoxLLB{
	width:100%;
	text-align:left;
	margin:10px 0 0 0;
	font-size:18px;
}
.TOPMovieBoxLLC{
	width:100%;
	text-align:left;
	margin:0 0 0 0;
	font-size:18px;
}
.TOPMovieBoxLLD{
	width:100%;
	text-align:left;
	margin:10px 0 0 0;
	font-size:16px;
	font-weight:normal;
}
.TOPMovieBoxRR{
	width:50%;
}
.TOPMovieBoxR{
	width:50%;
	text-align:left;
	margin:0 0 0 0;
	padding:10px;
	float:right;
	box-sizing:border-box;
	
}
.youtube {
	margin:0 0 0 0;
	position: relative;
	width: 100%;
	padding-top:63%;
	float:left;
}
 
.youtube iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.RpluseBoxALL{
	width:100%;
	text-align:left;
	margin:50px 0 0 0;
	padding:0px;
	float:left;
	box-sizing:border-box;
}
.RpluseBox{
	width:100%;
	text-align:left;
	margin:0 0 0 0;
	padding:0;
	float:left;
	box-sizing:border-box;
	
}
.RpluseBoxL{
	width:50%;
	text-align:center;
	margin:0 0 0 0;
	padding:0;
	float:left;
	box-sizing:border-box;
}
.RpluseBoxR{
	width:50%;
	text-align:left;
	margin:0 0 0 0;
	padding:40px;
	float:left;
	box-sizing:border-box;
}
.RpluseBoxRR{
	width:50%;
	text-align:center;
	margin:0 0 0 0;
	padding:0;
	float:right;
	box-sizing:border-box;
}
.RpluseBoxLL{
	width:50%;
	text-align:left;
	margin:0 0 0 0;
	padding:40px;
	float:left;
	box-sizing:border-box;
}
.RpluseTextA{
	font-size:48px;
	line-height:1.3;
}
.RpluseTextB{
	font-size:24px;
}
.RpluseTextC{
	font-size:16px;
	color:#c1c1c1;
}

.RpluseBoxSEALL{
	width:100%;
	text-align:left;
	margin:30px 0 0 0;
	padding:0px;
	float:left;
	box-sizing:border-box;
}
.RpluseBoxSE{
	width:100%;
	text-align:left;
	margin:0 0 0 0;
	padding:0;
	float:left;
	box-sizing:border-box;
}
.RpluseBoxSE li{
	text-align:left;
	color:#000000;
	width:33.3%;
	margin:10px 0 0 0;
	padding:15px;
	list-style-type: none;
	overflow:hidden;
	float:left;
	box-sizing:border-box;
	color:#FFFFFF;
}

.RpluseBoxSEL{
	width:60%;
	text-align:left;
	margin:0 0 0 0;
	padding:0;
	float:left;
	box-sizing:border-box;
}
.RpluseBoxSER{
	width:40%;
	text-align:left;
	margin:0 0 0 0;
	padding:5px;
	float:left;
	box-sizing:border-box;
}
.Rborder{
	border-bottom:3px solid #89888c;
}


/****大喜につて******/
.AboutList{
	width:100%;
	text-align:center;
	margin:0 0 0 0;
	padding:0px;
	box-sizing:border-box;
	float:left;
}
.AboutListBT{
	width:50%;
	text-align:center;
	margin:0 0 0 0;
	padding:3px;
	box-sizing:border-box;
	float:left;
	position:relative;
}
.AboutListText{
	width:100%;
	height:100%;
	margin:0 0 0 0;
	padding:3px;
	text-align:center;
	box-sizing:border-box;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	font-size:24px;
	color:#FFFFFF;
	font-weight:bold;
	line-height:1.5;
	display: flex;
	justify-content: center;
	align-items: center;
}
/**********/

.NamiBG{
	width:100%;
	height:62px;
	margin:0px 0 0 0;
	padding:0 0 0px 0;
	background-image: url(../img/nami_bg.png);
	background-repeat: repeat-x;
	background-position: left top;
	box-sizing:border-box;
	float:left;
}

.TOPCABOX{
	width:100%;
	text-align:center;
	margin:0px 0 0px 0;
	float:left;
	background-color:#FFFFFF;
	position:relative;
}
.TOPCABOXText{
	width:50%;
	color:#000000;
	text-align:center;
	margin:0 0 0 0;
	padding:10px;
	box-sizing:border-box;
	float:left;
	position:absolute;
	top:0;
	right:0;
}
.TOPCABOXTextA{
	font-size:28px;
	width:100%;
	text-align:left;
	margin:0 0 0 0;
	padding:10px;
	box-sizing:border-box;
	float:left;
	transition: 0.5s;
}
.TOPCABOXTextB{
	font-size:20px;
	width:100%;
	text-align:left;
	margin:0 0 0 0;
	padding:10px;
	box-sizing:border-box;
	float:left;
	transition: 0.5s;
}

.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;
}

/****CAボタン****/
.CABTA{
	width:100%;
	margin:30px 0 0 0;
	padding:0 0 0 0;
	background-image: url(../img/ca_bt_1.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	box-sizing:border-box;
	float:left;
	background-size: cover;
	position:relative;
}
.CABTB{
	width:100%;
	margin:30px 0 0 0;
	padding:0 0 0 0;
	background-image: url(../img/ca_bt_2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	box-sizing:border-box;
	float:left;
	background-size: cover;
	position:relative;
}
.CABTC{
	width:100%;
	margin:30px 0 0 0;
	padding:0 0 0 0;
	background-image: url(../img/ca_bt_3.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	box-sizing:border-box;
	float:left;
	background-size: cover;
	position:relative;
}
.CABTAText{
	width:315px;
	height:270px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	background-image: url(../img/ca_bt_bg.png);
	background-repeat: repeat;
	box-sizing:border-box;
	float:right;
	display: flex;
	justify-content: center;
	align-items: center;
	color:#FFFFFF;
}
.CABTATextSP{
	width:100%;
	margin:0 0 0 0;
	padding:20px;
	background-image: url(../img/ca_bt_bg.png);
	background-repeat: repeat;
	box-sizing:border-box;
	float:left;
	text-align:center;
	color:#FFFFFF;
}

/****CAボタン****/


.ABG{
	width:100%;
	text-align:left;
	margin:0 0 0 0;
	float:left;
	background:url(../img/concept_bg.jpg);
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: cover;
}

.ConceptBG{
	width:100%;
	padding:0 0 0 0px;
	margin:0 0 0 0;
	text-align:center;
	float:left;
	box-sizing: border-box;
}
.ConceptTXT{
	width:100%;
	padding:0px;
	margin:50px 0 30px 0;
	text-align:center;
	float:left;
}
.MovieBG{
	width:100%;
	padding:0px;
	height:50px;
	margin:0px 0 0px 0;
	text-align:center;
	float:left;
	box-sizing:border-box;
	background-image: url(../img/movie_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.CoBG{
	background-image: url(../img/co_bg.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
}

.CoCaBox{
	background:url(../img/img_2_bg.png);
	background-position: top right;
	background-repeat: no-repeat;
	background-size: cover;
}

.CompanyBG{
	background:url(../img/c_img_1.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}
.WelcomeBG{
	background:url(../img/wel_bg.jpg);
	background-position: top center;
	background-repeat: repeat-y;
}
.DeBGA{
	background:url(../img/de_bg_1.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}
.DeBGB{
	background:url(../img/de_bg_2.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}
.PriceBG{
	background:url(../img/price_bg.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}
.PerBG{
	background:url(../img/per_bg.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}
.WaBG{
	background:url(../img/wa_bg.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}

#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;
}
.upshodow{

	background:url(../img/shadow.jpg),url(../img/shadow_b.jpg);
	background-position: top center,bottom center;
	background-repeat: repeat,repeat;
}

.TOPBTBOX{
	width:100%;
	margin:0 0 100px 0;
	text-align:center;
	float:left;
}
.TOPBTBOX li{
	display:inline-block;
	float: left;
	width: 33.3%;
	margin:20px 0 0 0;
	padding:5px;
	text-align:center;
	text-decoration: none;
	box-sizing:border-box;
	background-clip:content-box;
	background-origin : content-box;
	list-style:none;
}

.TOPBTBOX li img{
	max-width:100%;
	height: auto;
	width /***/:auto;
}
.TOPBTBOXSE{
	width:100%;
	margin:0 0 0 0;
	text-align:center;
	float:left;
}
.TOPBTBOXIMG{
	width: 100%;
	margin:0 0 0 0;
	padding:0;
	text-align:center;
	box-sizing:border-box;
	float:left;
}
.TOPBTBOXTEXT{
	width: 100%;
	margin:10px 0 0 0;
	padding:0px;
	text-align:center;
	box-sizing:border-box;
	float:left;
}
.TOPBTBOXTEXTL{
	width: 50%;
	margin:3px 0 0 0;
	padding:0px;
	text-align:left;
	box-sizing:border-box;
	font-size:18px;
	float:left;
}
.TOPBTBOXTEXTR{
	width: 50%;
	margin:0 0 0 0;
	padding:0px;
	text-align:right;
	box-sizing:border-box;
	float:left;
}

.TOPBTBOXSE li{
	display:inline-block;
	float: left;
	width: 33.3%;
	margin:10px 0 0 0;
	padding:10px;
	text-align:center;
	text-decoration: none;
	box-sizing:border-box;
	background-clip:content-box;
	background-origin : content-box;
	
}
.TOPBTBOXSE li img{
	max-width:100%;
	height: auto;
	width /***/:auto;
}

.CABTBOXSE{
	width:100%;
	margin:0 0 0 0;
	text-align:center;
	float:left;
}
.CABTBOXSE li{
	float: left;
	width: 50%;
	margin:10px 0 0 0;
	padding:10px;
	text-align:center;
	text-decoration: none;
	box-sizing:border-box;
	list-style:none;
}
.CABTBOXSE li img{
	max-width:100%;
	height: auto;
	width /***/:auto;
}


.ShadowBox{
	box-sizing:border-box;
	padding:0px;
	width:100%;
	height:100%;
	float:left;
	display:block;
	box-shadow:0px 0px 8px 3px #ccc;
}


.TOPBTA{
	background:url(../img/top_bt_bg_1.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	background-size: cover;
	min-height:350px;
}
.TOPBTB{
	background:url(../img/top_bt_bg_2.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	background-size: cover;
	min-height:400px;
}
.TOPBTC{
	background:url(../img/top_bt_bg_3.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	background-size: cover;
	min-height:400px;
}
.TOPBTD{
	background:url(../img/top_bt_bg_4.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	background-size: cover;
	min-height:400px;
}
.TOPBTE{
	background:url(../img/top_bt_bg_5.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	background-size: cover;
	min-height:400px;
}
.TOPBTF{
	background:url(../img/contact_bg.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}




.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:33.3%;
	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:0 0 0 0;
	text-align:center;
	background-color:#FFFFFF;
	float:left;
	position:relative;
}
#PageImg img{
	max-width: 100%;
	height: auto;
	width :auto;
}
#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;
}
.MidashiBGNEW{
	color:#000000;
	letter-spacing:5px;
	width:100%;
	float:left;
	padding:20px;
	font-size:30px;
	margin:20px 0 0 0;
	text-align:center;
	box-sizing:border-box;
	font-style: italic;
	position: relative;
	line-height:1.0;
}
.MidashiBGNEWSE{
	color:#000000;
	letter-spacing:5px;
	width:100%;
	float:left;
	padding:20px;
	font-size:30px;
	margin:20px 0 0 0;
	text-align:center;
	box-sizing:border-box;
	font-style: italic;
	position: relative;
	line-height:1.0;
}
.ViweAll{
	width:100%;
	max-width:100px;
	position: absolute;
	top: 5px;
	right: 5px;
	margin:0 0 0 0;
	text-align:center;
	box-sizing:border-box;
}
.UketukeBox{
	width:100%;
	height:100%;
	margin:0 0 0 0;
	padding:5px;
	text-align:center;
	box-sizing:border-box;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	font-size:16px;
	color:#FFFFFF;
	font-weight:bold;
	line-height:1.5;
	display: flex;
	justify-content: center;
	align-items: center;
}
.UketukeBoxL{
	text-align:left;
	color:#00000;
	width:50%;
	margin:0 0 0 0;
	padding:5px;
	list-style-type: none;
	display:block;
	float:left;
	box-sizing:border-box;
}
.UketukeBoxR{
	text-align:left;
	color:#00000;
	width:50%;
	margin:0 0 0 0;
	padding:5px;
	list-style-type: none;
	display:block;
	float:left;
	box-sizing:border-box;
}
.YoyakauDay{
	font-size:9px;
	width:100%;
	margin:0 0 0 0;
	color:#95512a;
	padding:5px;
	box-sizing:border-box;
	text-align:center;
	float:left;
	background-color:#FFFFFF;
	border-radius: 3px;		/* CSS3草案 */
	-webkit-border-radius: 3px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 3px;	/* Firefox用 */
	border:1px solid #95512a;
}
.YoyakauOn{
	font-size:9px;
	width:100%;
	margin:0 0 0 0;
	color:#FFFFFF;
	padding:5px;
	box-sizing:border-box;
	text-align:center;
	float:left;
	background-color:#67a73c;
	border-radius: 3px;		/* CSS3草案 */
	-webkit-border-radius: 3px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 3px;	/* Firefox用 */
}
.YoyakauOff{
	font-size:9px;
	width:100%;
	margin:0 0 0 0;
	color:#6b6b6b;
	padding:5px;
	box-sizing:border-box;
	text-align:center;
	float:left;
	background-color:#c7c7c7;
	border-radius: 3px;		/* CSS3草案 */
	-webkit-border-radius: 3px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 3px;	/* Firefox用 */
}
.CateDayA{
	font-size:9px;
	width:100%;
	margin:0 0 0 0;
	color:#8a8a8a;
	padding:5px;
	box-sizing:border-box;
	text-align:center;
	float:left;
	background-color:#f1f1f1;
	border-radius: 3px;		/* CSS3草案 */
	-webkit-border-radius: 3px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 3px;	/* Firefox用 */
}
.CateDayB{
	font-size:9px;
	width:100%;
	margin:0 0 0 0;
	color:#FFFFFF;
	padding:5px;
	box-sizing:border-box;
	text-align:center;
	float:left;
	background-color:#189150;
	border-radius: 3px;		/* CSS3草案 */
	-webkit-border-radius: 3px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 3px;	/* Firefox用 */
}
.ContentsBGNEW{
	color:#FFFFFF;
	letter-spacing:5px;
	width:100%;
	float:left;
	padding:80px 20px 80px 20px;
	font-size:30px;
	margin:20px 0 0 0;
	text-align:center;
	background:url(../img/contents_bg.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	box-sizing:border-box;
	background-size: cover;
}
/**#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;
	box-sizing:border-box;
	color:#000000;
	background-color:#FFFFFF;
}
.BlogNewsBoxL{
	width:30%;
	margin:0 0 0 0;
	padding:1px;
	float:left;
	box-sizing:border-box;
	text-align:center;
	color:#000000;
}
.BlogNewsBoxR{
	width:68%;
	margin:0 0 0 0;
	padding:5px;
	float:right;
	box-sizing:border-box;
	text-align:left;
	color:#000000;
}
.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:#000000;
	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:#FFFFFF;
	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;
}

.BlogAuthor{
	width:100%;
	margin:30px 0 0 0;
	padding:5px;
	text-align:left;
	box-sizing:border-box;
	float:left;
}
/***イベント用見出し*****/
.EveBlogMidashi{
	width:100%;
	padding:10px;
	margin:10px 0 0px 0;
	box-sizing:border-box;
	background-color:#faf8e9;
	color:#955129;
	font-size:16px;
	border-left:3px solid #955129;
	text-align:left;
	font-weight:bold;
	float:left;
}

.EveBlogMidashiB{
	width:100%;
	padding:10px;
	margin:10px 0 0px 0;
	box-sizing:border-box;
	color:#955129;
	font-size:16px;
	border-left:2px solid #955129;
	border-bottom:1px dotted #955129;
	text-align:left;
	font-weight:bold;
	float:left;
}
.EveBlogBox{
	width:100%;
	box-sizing:border-box;
	text-align:left;
	margin:10px 0 0 0;
	font-weight:normal;
	float:left;
	line-height:1.8;
}

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

/********/
/*ライト*/
#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階層パンくず*/
#Pankuzu{
	width:100%;
	max-width:1400px;
	margin:0 auto;
	padding:20px;
	text-align:left;
	box-sizing: border-box;
	color:#000000;
	transition: 0.5s;
}
#Pankuzu a{
	transition: 0.5s;
}
#Pankuzu a:link, #Pankuzu a:visited, #Pankuzu a:hover{
	color:#000000;
	text-decoration: none;
	transition: 0.5s;
}
#Pankuzu a:hover{
	color:#6a6a6a;
	text-decoration: underline;
	transition: 0.5s;
}
/*第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;
}
/****本文****/
.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;
}
/*****/

/********/
 
.iframe-css {
	margin:15px 0 25px 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%;
	padding-top:30%;
	float:left;
}
 
.iframe-css-footer iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*スタッフ紹介*/
#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:33.3%;
	margin:20px 0 0 0;
	padding:15px;
	text-align: center;
	text-decoration: none;
	list-style:none;
	float: left;
	box-sizing:border-box;
}
#StaffBox li img{
	max-width: 100%;
	height: auto;
	width /***/:auto;
}

.StaffPhoto{
	width:60%;
	margin:0px 0 0 0;
	padding:10px;
	box-sizing:border-box;
	text-align:center;
	float:left;
}
.StaffInfo{
	width:40%;
	margin:0px 0 0 0;
	padding:10px;
	box-sizing:border-box;
	text-align:left;
	float:left;
}
.StaffBoxALL{
	width:100%;
	margin:60px 0 0 0;
	padding:20px 50px 20px 50px;
	text-align:left;
	float:left;
	box-sizing:border-box;
	border-bottom:1px solid #000000;
	color:#000000;
}
.StaffBoxALLA{
	width:100%;
	margin:10px 0 0 0;
	padding:0px;
	box-sizing:border-box;
	text-align:left;
	float:left;
	font-size:20px;
	line-height:1.3;
}
.StaffBoxALLB{
	color:#a1a0a0;
	width:100%;
	margin:15px 0 0 0;
	padding:0px;
	box-sizing:border-box;
	text-align:left;
	float:left;
	font-size:12px;
	line-height:1.3;
}
.StaffBoxALLC{
	width:100%;
	margin:15px 0 0 0;
	padding:0px;
	box-sizing:border-box;
	text-align:left;
	float:left;
	line-height:1.3;
}
.StaffBoxALLD{
	width:100%;
	margin:40px 0 0 0;
	padding:0px;
	box-sizing:border-box;
	text-align:left;
	float:left;
	font-size:24px;
}
.StaffBoxALLE{
	width:100%;
	margin:20px 0 0 0;
	padding:0px;
	box-sizing:border-box;
	text-align:left;
	float:left;
	font-size:16px;
}
.StaffBoxALLG{
	width:100%;
	margin:20px 0 0 0;
	padding:0px;
	box-sizing:border-box;
	text-align:left;
	float:left;
}

.StaffBoxALLG li{
	width:100%;
	margin:5px 0 0 0;
	padding:5px;
	text-align: center;
	text-decoration: none;
	list-style:none;
	float: left;
	box-sizing:border-box;
	background-color:#f9f9f9;
}
.StaffBoxKoumokuA{
	width:40%;
	margin:0px 0 0 0;
	padding:3px;
	box-sizing:border-box;
	text-align:left;
	float:left;
}
.StaffBoxKoumokuB{
	width:60%;
	margin:0px 0 0 0;
	padding:3px;
	box-sizing:border-box;
	text-align:left;
	float:left;
	font-weight:normal;
}


/*耐震リスト*/
.TaishinBox{
	width:100%;
	margin:0px 0 0 0;
	padding:0 0 0 0;
	text-align:left;
	float:left;
	box-sizing:border-box;
}
.TaishinBox li{
	width:33.3%;
	margin: 0 0 0 0;
	padding: 15px;
	text-align: center;
	text-decoration: none;
	list-style:none;
	float: left;
	box-sizing:border-box;
}
.TaishinBox li img{
	max-width: 100%;
	height: auto;
	width /***/:auto;　
}


/***買取実績****/
.BiruBoxAll{
	width:100%;
	text-align:left;
	margin:50px 0 0 0;
	padding:0px 0 20px 0;
	float:left;
	box-sizing:border-box;
	border-bottom:1px dotted #9a9a9a;
}
.BiruBox{
	width:100%;
	text-align:left;
	margin:0px 0 0 0;
	padding:10px;
	float:left;
	box-sizing:border-box;
}
.BiruBoxL{
	width:50%;
	text-align:left;
	margin:0 0 0 0;
	padding:0px;
	float:left;
	box-sizing:border-box;
}
.BiruBoxR{
	width:50%;
	text-align:left;
	margin:0 0 0 0;
	padding:0px;
	float:right;
	font-size:14px;
	line-height:1.5;
	box-sizing:border-box;
}
.BiruPhoto{
	width:100%;
	text-align:left;
	margin:0 0 0 0;
	padding:0px;
	float:left;
	box-sizing:border-box;
}

.BiruSum{
	width:100%;
	margin:0 0 0 0;
	padding:10px;
	text-align:center;
	float:left;
	box-sizing:border-box;
}
.BiruSum li{
	display: block;
	float: left;
	width: 33%;
	margin: 0 0 0 0;
	padding: 3px;
	text-align: center;
	text-decoration: none;
	box-sizing:border-box;
}



.BiruSumBox{
	width:100%;
	text-align:left;
	margin:40px 0 0 0;
	padding:10px;
	float:left;
	box-sizing:border-box;
}
.BiruSumBoxL{
	width:30%;
	text-align:left;
	margin:0 0 0 0;
	padding:10px;
	float:left;
	box-sizing:border-box;
}
.BiruSumBoxR{
	width:70%;
	text-align:left;
	margin:0 0 0 0;
	padding:10px;
	float:right;
	font-size:14px;
	line-height:1.5;
	box-sizing:border-box;
}
.BiruSumPhoto{
	width:100%;
	text-align:left;
	margin:0 0 0 0;
	padding:0px;
	float:left;
	box-sizing:border-box;
}


/***アクセス・予約****/

.marumidashi{
	width:100%;
	text-align:center;
	max-width:80px;
	background-color:#93b34e;
	font-size:16px;
	padding:5px;
	box-sizing:border-box;
	color:#FFFFFF;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */
	float:left;
}


.ApMidashi{
	width:100%;
	text-align:left;
	margin:0 0 50px 0;
	padding:5px;
	float:left;
	border-bottom:1px dotted #000000;
	box-sizing:border-box;
}
.ApTable{
	width:100%;
	font-size:20px;
	text-align:left;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:left;
	box-sizing:border-box;
}

.ApText{
	line-height:1.3;
	width:100%;
	text-align:left;
	float:left;
	background-color:#FFFFFF;
	margin:0 0 0 0;
	padding:30px;
	box-sizing:border-box;
	color:red;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */
}

.flowmidashi{
	width:100%;
	text-align:center;
	background-color:#93b34e;
	font-size:30px;
	padding:5px;
	box-sizing:border-box;
	color:#FFFFFF;
	border-radius: 10px 10px 0px 0px;        /* CSS3草案 */  
	-webkit-border-radius: 10px 10px 0px 0px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px 10px 0px 0px;   /* Firefox用 */
	float:left;
}
.flowBox{
	width:100%;
	margin:-3px 0 0px 0;
	text-align:left;
	padding:30px;
	float:left;
	box-sizing:border-box;
	background-color:#FFFFFF;
	border:3px solid #93b34e;
	border-radius: 0px 0px 10px 10px;        /* CSS3草案 */  
	-webkit-border-radius: 0px 0px 10px 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 0px 0px 10px 10px;   /* Firefox用 */
}
.flowList{
	width:100%;
	margin:20px 0 0px 0;
	text-align:left;
	padding:0px;
	float:left;
	box-sizing:border-box;
}
.flowTitle{
	width:100%;
	line-height:1.3;
	margin:0 0 20px 0;
	text-align:left;
	padding:5px;
	float:left;
	box-sizing:border-box;
	border-bottom:1px solid #93b34e;
	padding-left:2em;
	text-indent:-2em;
}
.flowLBox{
	width:30%;
	margin:0 0 0px 0;
	text-align:center;
	padding:5px;
	float:left;
	box-sizing:border-box;
}
.flowRBox{
	width:70%;
	font-size:18px;
	margin:0 0 0px 0;
	text-align:left;
	padding:10px;
	float:right;
	box-sizing:border-box;
}


.MitiList{
	width:100%;
	margin:20px 0 0px 0;
	text-align:left;
	padding:0px;
	float:left;
	box-sizing:border-box;
}
.MitiLBox{
	width:40%;
	margin:0 0 0px 0;
	text-align:center;
	padding:5px;
	float:left;
	box-sizing:border-box;
}
.MitiRBox{
	width:60%;
	font-size:16px;
	margin:0 0 0px 0;
	text-align:left;
	padding:10px;
	float:right;
	box-sizing:border-box;
}

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

.CoMidashi{
	width:100%;
	text-align:left;
	margin:20px 0 0 0;
	padding:5px;
	font-size:18px;
	float:left;
	line-height:1.3;
	border-bottom:1px dotted #000000;
	box-sizing:border-box;
}
.CoTable{
	width:100%;
	text-align:left;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:left;
	box-sizing:border-box;
}
.TaisakuBox{
	width:100%;
	text-align:left;
	margin:80px 0 0 0;
	padding:0px 40px 40px 40px;
	float:left;
	line-height:1.5;
	box-sizing:border-box;
	background-color:#FFFFFF;
	border-radius:10px;        /* CSS3草案 */  
	-webkit-border-radius:10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius:10px;   /* Firefox用 */
}


/***院長紹介****/

.DocLine{
	width:100%;
	height:16px;
	text-align:left;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:left;
	line-height:1.5;
	box-sizing:border-box;
	background-image: url(../img/doc_line.png);
	background-repeat: repeat-x;
	background-position: left top;
}

.DocListBox{
	width:100%;
	margin:5px 0 0 0;
	text-align:left;
	padding:0;
	float:left;
	box-sizing:border-box;
	color:#000000;
}
.DocListBoxL{
	width:20%;
	margin:0 0 0 0;
	text-align:left;
	padding:0 5px 0 5px;
	float:left;
	box-sizing:border-box;
}
.DocListBoxR{
	width:80%;
	margin:0 0 0 0;
	text-align:left;
	padding:0 5px 0 5px;
	float:left;
	box-sizing:border-box;
}


.DocListBoxA{
	width:100%;
	margin:5px 0 0 0;
	text-align:left;
	padding:0;
	float:left;
	box-sizing:border-box;
	color:#000000;
}
.DocListBoxAL{
	width:70%;
	margin:0 0 0 0;
	text-align:left;
	padding:0 5px 0 5px;
	float:left;
	box-sizing:border-box;
}
.DocListBoxAR{
	width:30%;
	margin:0 0 0 0;
	text-align:left;
	padding:0 5px 0 5px;
	float:right;
	box-sizing:border-box;
}
.KenkyuBox{
	width:100%;
	text-align:left;
	margin:10px 0 0 0;
	padding:20px 40px 20px 40px;
	float:left;
	line-height:1.5;
	box-sizing:border-box;
	background-color:#fffdf9;
	border-radius:10px;        /* CSS3草案 */  
	-webkit-border-radius:10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius:10px;   /* Firefox用 */
}
.marumidashiD{
	display: inline-block;
	text-align:left;
	background-color:#93b34e;
	font-size:16px;
	padding:10px 20px 10px 20px;
	box-sizing:border-box;
	color:#FFFFFF;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */
}


.KakoBox{
	width:100%;
	margin:20px 0 0 0;
	text-align:left;
	padding:10px;
	float:left;
	box-sizing:border-box;
	border-bottom:1px solid #b7d580;
}
.KakoList{
	width:100%;
	line-height:1.5;
	margin:0 0 0 0;
	text-align:left;
	padding:0;
	float:left;
	box-sizing:border-box;
}

/***取り組み****/

.AppTextBox{
	width:100%;
	font-size:18px;
	text-align:left;
	margin:10px 0 0 0;
	padding:20px 40px 20px 40px;
	float:left;
	line-height:1.5;
	box-sizing:border-box;
	background-color:#f8f6f3;
	border-radius:10px;/* CSS3草案 */  
	-webkit-border-radius:10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius:10px;   /* Firefox用 */
}

/*******/



/*初めての方へ*/

.StepBoxALL{
	width:100%;
	margin:0px 0 60px 0;
	padding:0 0 0 0;
	box-sizing:border-box;
	float:left;
}
.StepBox{
	width:100%;
	margin:40px 0 0 0;
	padding:0 0 0 0;
	box-sizing:border-box;
	float:left;
}
.StepBoxL{
	width:35%;
	margin:0 0 0 0;
	padding:10px;
	text-align:center;
	box-sizing:border-box;
	float:left;
}
.StepBoxR{
	width:65%;
	margin:0 0 0 0;
	padding:10px;
	text-align:left;
	box-sizing:border-box;
	float:right;
}
.StepBoxArrow{
	width:100%;
	margin:0 0 0 0;
	padding:10px;
	text-align:center;
	box-sizing:border-box;
	float:left;
}
.StepBoxMidashi{
	font-size:24px;
	width:100%;
	margin:0 0 0 0;
	padding:10px;
	box-sizing:border-box;
	float:left;
	border-left:1px dotted #000000;
	border-bottom:1px solid #000000;
}
.StepBoxText{
	width:100%;
	margin:0 0 0 0;
	padding:10px;
	font-weight:normal;
	box-sizing:border-box;
	float:left;
}


/*標準仕様*/

.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:none;
	text-align:left;
	border-bottom:1px dotted #000000;
}
.Retable td{
	width:75%;
	color:#000000;
	background-color:none;
	text-align:left;
	border-bottom:1px dotted #000000;
}

.RetableA th{
	width:25%;
	color:#FFFFFF;
	background-color:none;
	text-align:left;
	border-bottom:1px dotted #000000;
	background-color:#939393;
	box-sizing:border-box;
	padding:10px;
}
.RetableA td{
	width:75%;
	color:#000000;
	background-color:none;
	text-align:left;
	border-bottom:1px dotted #000000;
	background-color:#FFFFFF;
	box-sizing:border-box;
	padding:10px;
}

.Parttable{
	margin:5px 0 0 0;
	width:100%;
	float:left;
	border-collapse:collapse;
}
.Parttable td{
	padding:10px;
}
.Parttable .ParttdA{
	width:28%;
}
.Parttable .ParttdB{
	width:16%;
}
.Parttable .ParttdC{
	width:16%;
}
.Parttable .ParttdD{
	width:40%;
}


/*動画の投稿*/
.MovieListF{
	display:inline;
	width:100%;
	margin:30px 0 0 0;
	padding:0 0 0 0;
	float:left;
}
.MovieListF li{
	text-align:center;
	color:#000000;
	width:33%;
	margin:0 0 0 0;
	padding:20px;
	list-style-type: none;
	display:block;
	float:left;
	box-sizing:border-box;
}

.MovieBoxALL{
	display:inline;
	width:100%;
	height:100%;
	margin:0 0 0 0;
	padding:5px;
	float:left;
	border:1px dotted #955129;
	box-sizing:border-box;
}
.MovieBox{
	display:inline;
	width:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:left;
}
.MoviePhotoF{
  position:relative;
  width:100%;
  padding-top:63%;
}
.MoviePhotoF 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{
	text-align:center;
	width:100%;
	margin:10px 0 0 0;
	padding:5px;
	box-sizing:border-box;
	float:left;
}

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


/*イベントの投稿*/
/*イベント*/
.EveBox{
	text-align:left;
	font-size:10px;
	width:50%;
	margin:15px 0 0 0;
	padding:15px;
	list-style-type: none;
	overflow:hidden;
	float:left;
	box-sizing:border-box;
}
.EveBoxL{
	width:50%;
	margin:0 0 0 0;
	padding:10px;
	text-align:center;
	box-sizing:border-box;
	float:left;
}
.EveBoxR{
	width:50%;
	margin:0 0 0 0;
	padding:10px;
	text-align:left;
	box-sizing:border-box;
	float:right;
}

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


/*SDGS*/

.SDGSBOX{
	width:100%;
	margin:50px 0 0 0;
	padding:5px;
	box-sizing:border-box;
	float:left;
	display:flex;

}

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

.SDGSBOXR{
	width:50%;
	margin:0 0 0 0;
	padding:10px;
	box-sizing:border-box;
	border:3px solid #faf8e9;
	float:left;
	border-radius: 10px;
	background-color:#faf8e9;

}

/******施工事例***/
#ProList{
	list-style: none;
	margin: 0;
	padding: 0;
	display: table;
	table-layout: fixed;
	width: 100%;
}
#ProList li{
	display: table-cell;
	box-sizing: border-box;
	padding:10px;
	box-sizing:border-box;
}
#ProList li a{
	display:block;
	width: 100%; /* 横幅 */
	padding:10px; /* a要素内の余白 */
	box-sizing:border-box;
	background-color:#595757;
	color:#FFFFFF;
	text-decoration: none;
}
#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*/
}


.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:33.3%;
	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;
}

/* 来場予約 */
.RaijyouBox{
	
	background:url(../img/cafe_bg.jpg);
	background-repeat: repeat;
	background-position: left top;

}
/*WEB相談会*/
.WebSpace{
	padding:0 30px 0 30px;
}

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


/********/
/*フッタお問合せ*/
/********/
.ContactBox{
	width:100%;
	padding:0px;
	margin:0 0 0 0;
	text-align:center;
	box-sizing: border-box;
	float:left;
}
.ContactBoxL{
	width:50%;
	padding:15px;
	margin:0 0 0 0;
	text-align:center;
	box-sizing: border-box;
	float:left;
}


/********/
/*フッタBOX*/
/********/
.FooterBG{
	width:100%;
	padding:0 0 0 0;
	margin:0 0 0 0;
	text-align:center;
	float:left;
}
#footer{
	width:100%
	min-height:500px;
	width:100%;
	padding:60px 0 60px 0;
	margin:50px 0 0 0;
	text-align:center;
	float:left;
	color:#FFFFFF;
	box-sizing: border-box;
	background-color:#955129;
}

#FooterBox{
	width:100%;
	max-width:1200px;
	margin:0 0 0 0;
	padding:15px 0 50px 0;
	text-align:center;
	color:#FFFFFF;
	transition: 0.5s;
}
#FooterBox a{
	transition: 0.5s;
	color:#FFFFFF;
	text-decoration: none;
}
#FooterBox a:hover{
	transition: 0.5s;
	color:#f4cab1;
}

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


#FooterBTSP{
	width:100%;
	margin:10px 0 0 0;
	color:#000000;
	padding:0 0 0 0;
	text-align:left;
}
#FooterBTSP a{
	transition: 0.5s;
	color:#FFFFFF;
	text-decoration: none;
}
#FooterBTSP a:hover{
	transition: 0.5s;
	color:#f4cab1;
}
/**上側**/
#FooterBoxA{
	width:15%;
	text-align:left;
	margin:0 0 0 0;
	padding:5px;
	font-size:100%;
	float:left;
	box-sizing:border-box;
}
#FooterBoxA a{
	font-size:12px;
	transition: 0.5s;
	color:#FFFFFF;
	text-decoration: none;
}
#FooterBoxA a:hover{
	transition: 0.5s;
	color:#f4cab1;
}
#FooterBoxB{
	width:50%;
	text-align:left;
	margin:0 0 0 0;
	padding:5px;
	font-size:100%;
	float:left;
	box-sizing:border-box;
}
#FooterBoxB a{
	font-size:12px;
	transition: 0.5s;
	color:#FFFFFF;
	text-decoration: none;
}
#FooterBoxB a:hover{
	transition: 0.5s;
	color:#f4cab1;
}

#FooterBoxC{
	width:35%;
	text-align:left;
	margin:0 0 0 0;
	padding:5px;
	font-size:100%;
	float:left;
	box-sizing:border-box;
}
#FooterBoxC a{
	font-size:12px;
	transition: 0.5s;
	color:#FFFFFF;
	text-decoration: none;
}
#FooterBoxC a:hover{
	transition: 0.5s;
	color:#f4cab1;
}



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


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

#GlobalNavi li{
	font-size:16px;
	display:block;
	margin:0 0 0 0;
	display: inline-block;
	font-weight: 600;
	position:relative;
	line-height:1.3;
	transition: 0.5s;
	text-align:center;
	width:11%;
	float:left;
}
.ListbgA{
	
	background-image: url(../img/list_bg.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}
.ListbgB{
	background-image: url(../img/list_bg.jpg),url(../img/list_bg.jpg);
	background-repeat: no-repeat,no-repeat;
	background-position: left center,right center;
}
.MainFont{
	text-align:center;
	color:#000000;
	font-size:15px;
	transition: 0.5s;
}
.MainFont:hover{
	color:#955129;
}
.SubFont{
	text-align:center;
	font-size:9px;
	transition: 0.5s;
	color:#000000;
}
#GlobalNavi li a{
	text-align:center;
	display:block;
	width:100%;
	padding:10px 5px 10px 5px;
	box-sizing:border-box;
	text-decoration: none;
	color:#000000;
	border-bottom:1px solid transparent;
	transition: 0.5s;
}
#GlobalNavi li a:hover{
	color:#8bb269;
	border-bottom:1px solid transparent;
}

#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;
}

.FaceBox{
	width:50%;
	text-align:center;
	margin:0px 0 0 0;
	padding:10px;
	box-sizing:border-box;
	float:left;
}
.InstaBox{
	width:50%;
	text-align:center;
	margin:0px 0 0 0;
	padding:10px;
	box-sizing:border-box;
	float:right;
}

/****ニュース******/

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

/**新着情報**/

/**新着情報**/
.NewsBox{
	width:100%;
	margin:30px 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;
	border-bottom:3px solid #f6f6f6;
}
.NewsBoxLL{
	width:50%;
	margin:0 0 0 0;
	padding:10px;
	text-align:left;
	float:left;
	box-sizing:border-box;
	position:relative;
}
.NewsBoxRR{
	width:100%;
	margin:0 0 0 0;
	padding:10px;
	text-align:left;
	float:left;
	box-sizing:border-box;
}
.NewsBoxL{
	width:100%;
	margin:0 0 0 0;
	padding:0px;
	text-align:left;
	float:left;
	box-sizing:border-box;
	position:relative;
}
.NewsBoxR{
	width:100%;
	margin:10px 0 0 0;
	padding:0px;
	text-align:left;
	float:left;
	box-sizing:border-box;
}
.NewsBoxLBlog{
	width:100%;
	margin:0 0 0 0;
	padding:0px;
	text-align:left;
	float:left;
	box-sizing:border-box;
}
.NewsBoxRBlog{
	width:100%;
	margin:10px 0 0 0;
	padding:0px;
	text-align:left;
	float:left;
	box-sizing:border-box;
}


#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:12px;
	color:#955129;
	width:33.3%;
	margin:15px 0 0 0;
	padding:25px;
	list-style-type: none;
	overflow:hidden;
	float:left;
	box-sizing:border-box;
	font-weight:bold;
}

#NewsList a:link, #NewsList a:visited, #NewsList a:hover{
	color:#955129;
	text-decoration: none;
}

#NewsList a:hover{
	color:#6c6c6c;
	text-decoration: underline;
}

#NewsList li:nth-of-type(4){
	
}
.BlackFilter{
	width:100%;
	height:100%;
	background-color: rgba(0, 0, 0, 0.5);
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 1;
}

#NewsListBlog{
	display:inline;
	width:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:left;
	text-align:left;
}
#NewsListBlog li{
	text-align:left;
	font-size:12px;
	color:#955129;
	width:33.3%;
	margin:15px 0 0 0;
	padding:15px;
	list-style-type: none;
	overflow:hidden;
	float:left;
	box-sizing:border-box;
	font-weight:bold;
}

#NewsListBlog a:link, #NewsListBlog a:visited, #NewsListBlog a:hover{
	color:#955129;
	text-decoration: none;
}

#NewsListBlog a:hover{
	color:#6c6c6c;
	text-decoration: underline;
}

#NewsListBlog li:nth-of-type(4){
	display:none;
}

.NewsPhoto {
	width:100%;
	margin:0 0 0 0;
	float:left;
	box-sizing:border-box;
}

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


.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:#FFFFFF;
	text-decoration: none;
}

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



#PurList{
	display:inline;
	width:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	text-align:left;
}
#PurList li{
	text-align:left;
	color:#000000;
	width:50%;
	margin:15px 0 0 0;
	padding:15px;
	list-style-type: none;
	overflow:hidden;
	float:left;
	box-sizing:border-box;
	transition: 0.5s;
	position:relative;
	background-color:#FFFFFF;
	background-clip: content-box;
	color:#FFFFFF;
}

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

#PurList a:hover{
	color:#e2cba5;
	text-decoration: underline;
	transition: 0.5s;
}

.PurBoxL{
	width:50%;
}
.PurBoxR{
	width:50%;
	padding:10px;
	box-sizing:border-box;
}

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

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

#PurListSE a:hover{
	color:#955129;
	text-decoration: underline;
	transition: 0.5s;
}
.PurBoxLSE{
	width:100%;
	margin:0 0 0 0;
	float:left;
	padding:0px;
	box-sizing:border-box;
	position:relative;
}
.PurBoxRSE{
	width:100%;
	margin:0 0 0 0;
	float:left;
	padding:0px;
	box-sizing:border-box;
}
.PurPhoto {
	width:100%;
	margin:0 0 0 0;
	float:left;
}
.PurIco {
	position:  absolute;
	left: 14px;
 	top: 14px;
}
.PurName{
	position:absolute;
	left: 0px;
 	top: 0px;
	font-size:12px;
	background-color:#8bb269;
	color:#FFFFFF;
	padding:3px 5px 3px 5px;
	box-sizing:border-box;
}

/**工務店紹介****/

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

.ContraBoxL{
	display:inline;
	width:100%;
	margin:0 0 0 0;
	padding:10px;
	text-align:left;
	float:left;
	box-sizing:border-box;
}
.ContraBoxR{
	display:inline;
	width:100%;
	margin:0 0 0 0;
	padding:10px;
	text-align:left;
	float:left;
	box-sizing:border-box;
}

.ContraTitile{
	width:100%;
	margin:0 0 0 0;
	padding:5px;
	text-align:left;
	float:left;
	box-sizing:border-box;
	font-size:24px;
}
.ContraCAL{
	width:50%;
	margin:0 0 0 0;
	padding:5px;
	text-align:left;
	float:left;
	box-sizing:border-box;
	font-size:20px;
}
.ContraCAR{
	width:45%;
	margin:0 0 0 0;
	padding:5px;
	text-align:right;
	float:left;
	box-sizing:border-box;
	color:#c6c6c6;
	font-size:24px;
}

.ContraInfoL{
	width:50%;
	margin:0 0 0 0;
	padding:10px;
	text-align:left;
	float:left;
	box-sizing:border-box;
}
.ContraInfoR{
	width:50%;
	margin:0 0 0 0;
	padding:10px;
	text-align:left;
	float:left;
	box-sizing:border-box;
}
.ContraPhoto{
	width:100%;
	margin:0 0 0 0;
	padding:0px;
	text-align:left;
	float:left;
	box-sizing:border-box;
	background-color:#f6f7ef;
}
.ContrasumPhoto{
	width:100%;
	margin:10px 0 0 0;
	padding:0px;
	text-align:left;
	float:left;
	box-sizing:border-box;
}
.ContrasumPhoto li{
	text-align:center;
	color:#00000;
	width:33.3%;
	margin:0 0 0 0;
	padding:5px;
	list-style-type: none;
	display:block;
	float:left;
	box-sizing:border-box;
	background-color:#f6f7ef;
}
.CompanyList{
	width:100%;
	padding:10px;
	border-bottom:1px dotted #000000;
	box-sizing:border-box;
	margin:10px 0 0 0;
	text-align:center;
	float:left;
}
.CompanyListL{
	width:25%;
	padding:5px 10px 5px 10px;
	box-sizing:border-box;
	margin:0 0 0 0;
	text-align:left;
	float:left;
}
.CompanyListR{
	width:75%;
	padding:5px 10px 5px 10px;
	box-sizing:border-box;
	margin:0 0 0 0;
	text-align:left;
	float:left;
}
.CompanyBT{
	width:100%;
	margin:0px 0 0 0;
	padding:0px;
	text-align:left;
	float:left;
	box-sizing:border-box;
}
.CompanyBT li{
	text-align:center;
	color:#00000;
	width:33.3%;
	margin:0 0 0 0;
	padding:5px;
	list-style-type: none;
	display:block;
	float:left;
	box-sizing:border-box;
}
.CompanyMesL{
	width:35%;
	margin:10px 0 0 0;
	padding:10px;
	text-align:left;
	float:left;
	box-sizing:border-box;
}
.CompanyMesR{
	width:65%;
	margin:10px 0 0 0;
	padding:10px;
	text-align:left;
	float:left;
	box-sizing:border-box;
	font-size:16px;
	line-height:2.0;
}


/**不動産情報****/

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

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

.RealPhoto{
	width:100%;
	height:100%;
	margin:0px 0 0 0;
	padding:0px;
	text-align:left;
	float:left;
	box-sizing:border-box;
	position: relative;
}
.HanbaiFlagBox{
	width:100%;
	margin:0px 0 0 0;
	padding:0px;
	text-align:left;
	position: absolute;
	top: 0;
	left: 0;
	box-sizing:border-box;
}
.HanbaiFlagBoxA{
	background-color:#ffb400;
	color:#FFFFFF;
	padding:5px;
	box-sizing:border-box;
}
.HanbaiFlagBoxB{
	background-color:#949292;
	color:#FFFFFF;
	padding:5px;
	box-sizing:border-box;
}

.RealBoxA{
	width:100%;
	margin:0 0 5px 0;
	padding:10px;
	text-align:left;
	float:left;
	box-sizing:border-box;
	background-color:#7e370d;
	color:#FFFFFF;
}
.RealBoxCateA{
	margin:0 0 0 0;
	padding:5px;
	text-align:center;
	box-sizing:border-box;
	color:#7e370d;
	background-color:#FFFFFF;
	border-radius: 10px;
	font-size:12px;
}
.RealBoxB{
	width:100%;
	margin:5px 0 0 0;
	padding:5px;
	text-align:left;
	float:left;
	box-sizing:border-box;
	color:#7e370d;
}
.RealBoxBL{
	width:25%;
	margin:0 0 0 0;
	padding:0 5px 0 5px;
	text-align:left;
	float:left;
	box-sizing:border-box;
	color:#7e370d;
}
.RealBoxBR{
	width:75%;
	margin:0 0 0 0;
	padding:0 5px 0 5px;
	text-align:left;
	float:left;
	box-sizing:border-box;
	color:#7e370d;
}
.RealBoxCateB{
	width:100%;
	margin:0 0 0 0;
	padding:3px;
	text-align:center;
	box-sizing:border-box;
	color:#FFFFFF;
	background-color:#7e370d;
	border-radius: 10px;
	font-size:12px;
	float:left;
}

.RealBoxC{
	width:50%;
	margin:5px 0 0 0;
	padding:5px 10px 5px 10px;
	text-align:left;
	float:left;
	box-sizing:border-box;
	color:#7e370d;
}

.RealBoxD{
	width:50%;
	margin:5px 0 0 0;
	padding:5px 10px 5px 10px;
	text-align:left;
	float:left;
	box-sizing:border-box;
	color:#7e370d;
}
.RealBoxCateC{
	margin:0 0 0 0;
	padding:3px;
	text-align:center;
	box-sizing:border-box;
	color:#FFFFFF;
	background-color:#7e370d;
	border-radius: 10px;
	font-size:12px;
	float:left;
}


.RealTable{
	width:100%;
	margin:20px 0 0 0;
	padding:0;
	text-align:left;
	float:left;
	box-sizing:border-box;
	border-collapse: collapse;
	border:1px solid #d4d4d4;
}
.RealTableA{
	width:30%;
	margin:20px 0 0 0;
	box-sizing:border-box;
	background-color:#faf9ef;
	font-weight:bold;
	border-collapse: collapse;
	border:1px solid #d4d4d4;
}
.RealTableB{
	width:70%;
	margin:20px 0 0 0;
	box-sizing:border-box;
	border-collapse: collapse;
	border:1px solid #d4d4d4;
}
.RealTableC{
	width:25%;
	margin:20px 0 0 0;
	box-sizing:border-box;
	background-color:#faf9ef;
	font-weight:bold;
	border-collapse: collapse;
	border:1px solid #d4d4d4;
}
.RealTableD{
	width:25%;
	margin:20px 0 0 0;
	box-sizing:border-box;
	border-collapse: collapse;
	border:1px solid #d4d4d4;
}


.UriteMidashi{
	width:100%;
	font-size:40px;
	color:#7a6156;
	text-align:center;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:left;
	box-sizing:border-box;

}

.yokotext {
  display: flex;
  align-items: center;
  justify-content: center;
}
.yokotext:before,
.yokotext:after {
  border-top: 1px solid #7a6156;
  content: "";
  width: 40px; 
}
.yokotext:before {
  margin-right: 20px; 
}
.yokotext:after {
  margin-left: 20px; 
}





.UriteBT{
	width:100%;
	text-align:center;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:left;
	box-sizing:border-box;
	position:relative;
}
.KaiteBT{
	width:100%;
	text-align:center;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:left;
	box-sizing:border-box;
	position:relative;
}

.UriteBTtext{
	width:100%;
	color:#FFFFFF;
	font-size:40px;
	text-align:center;
	margin:0 0 0 0;
	padding:0 0 0 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
}


.UriteBG{
	width:100%;
	text-align:left;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:left;
	line-height:1.5;
	box-sizing:border-box;
	background-image: url(../img/urite_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}
.KaiteBG{
	width:100%;
	text-align:left;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:left;
	line-height:1.5;
	box-sizing:border-box;
	background-image: url(../img/kaite_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}
.UriteBoxBGA{
	width:100%;
	text-align:left;
	margin:0 0 0 0;
	padding:20px;
	float:left;
	box-sizing:border-box;
	background-color:#fffdf3;
}
.UriteBoxBGB{
	width:100%;
	text-align:left;
	margin:0 0 0 0;
	padding:20px 50px 20px 50px;
	float:left;
	box-sizing:border-box;
	background-color:#FFFFFF;
}

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

.ConceptListBox{
	width:100%;
	padding:10px;
	border-bottom:1px dotted #000000;
	box-sizing:border-box;
	margin:60px 0 0 0;
	text-align:center;
	float:left;
	text-align:left;
}
.ConceptListBoxL{
	width:60%;
	padding:10px;
	box-sizing:border-box;
	margin:0 0 0 0;
	text-align:left;
	float:left;
}
.ConceptListBoxR{
	width:40%;
	padding:10px;
	box-sizing:border-box;
	margin:0 0 0 0;
	text-align:center;
	float:left;
}

.ConceptListBoxMidashi{
	width:100%;
	padding:20px;
	box-sizing:border-box;
	margin:10px 0 0 0;
	text-align:left;
	float:left;
	background-color:#955129;
	color:#FFFFFF;
	font-size:24px;
}



.ConceptBoxL{
	width:50%;
	margin:10px 0 0 0;
	padding:10px;
	text-align:left;
	float:left;
	box-sizing:border-box;
}
.ConceptBoxR{
	width:50%;
	margin:10px 0 0 0;
	padding:10px;
	text-align:left;
	float:left;
	box-sizing:border-box;
}
.ConceptBoxSEL{
	width:40%;
	margin:10px 0 0 0;
	padding:10px;
	text-align:center;
	float:left;
	box-sizing:border-box;
}
.ConceptBoxSER{
	width:60%;
	margin:30px 0 0 0;
	padding:10px;
	text-align:left;
	float:left;
	box-sizing:border-box;
}
.txtleft{
	display: inline-block;
	text-align: left;
}

.TokutyouLine{
	width:100%;
	margin:50px 0 0 0;
	padding:0px;
	text-align:left;
	float:left;
	box-sizing:border-box;
	border-bottom:1px dotted #8bb269;
}

.TokutyouMidashiA{
	width:75px;
	height:75px;
	line-height:1.0;
	margin:10px 0 40px 0;
	padding:5px;
	text-align:center;
	float:left;
	box-sizing:border-box;
	background-color:#8bb269;
	color:#FFFFFF;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}

.TokutyouMidashiB{
	margin:0 0 0 0;
	padding:0px;
	text-align:center;
	box-sizing:border-box;
	background: linear-gradient(transparent 60%, #e1eed6 60%);
	line-height:1.0;
	font-size:26px;
	
}
.TokutyouMidashiC{
	width:100%;
	max-width:800px;
	margin:0 0 0 0;
	padding:20px;
	text-align:left;
	box-sizing:border-box;
	font-size:20px;
	background-color:#8bb269;
	color:#FFFFFF;
	border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	line-height:1.0;
	float:left;
}
.GurafuBox{
	width:100%;
	margin:0 0 0 0;
	padding:0px;
	text-align:left;
	float:left;
	box-sizing:border-box;
	border:1px solid #dbdbdb;
}

.QABOX{
	width:100%;
	margin:30px 0 0 0;
	padding:10px;
	text-align:left;
	float:left;
	box-sizing:border-box;
	background-color:#e1eed6;
}
.QABOXL{
	width:50px;
	margin:0 0 0 0;
	padding:10px;
	text-align:center;
	float:left;
	box-sizing:border-box;
	color:#4d9de0;
	font-size:24px;
}
.QABOXR{
	flex:1;
	margin:0 0 0 0;
	padding:10px;
	text-align:left;
	float:left;
	box-sizing:border-box;
	font-size:16px;
}

/**施工事例情報**/
.WorksNewsBox{
	width:100%;
	margin:40px 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;
}
.WorksNewsBoxL{
	width:100%;
	margin:0 0 0 0;
	padding:0;
	text-align:left;
	float:left;
	box-sizing:border-box;
}
.WorksNewsBoxR{
	width:100%;
	margin:0 0 0 0;
	padding:10px;
	text-align:left;
	float:left;
	box-sizing:border-box;
	background-color: rgba(0,0,0,0.5);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100; /* 必要であればリンク要素の重なりのベース順序指定 */
	opacity: 0;
	-moz-transition: opacity 0.2s ease;
	-o-transition: opacity 0.2s ease;
	-webkit-transition: opacity 0.2s ease;
	transition: opacity 0.2s ease;
}
.WorksNewsBoxR:hover{
	opacity: 1;
}
 
.WorksNewsBoxR{
	-webkit-transition: opacity 1s ease-out;
	-moz-transition: opacity 1s ease-out;
	-ms-transition: opacity 1s ease-out;
	transition: opacity 1s ease-out;
}


.WorksNewsBoxRText{
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	margin:0;
	padding:0;
	width:100%;
	float:left;
	text-align:center;
	padding:0px;
	box-sizing:border-box;
	color:#FFFFFF;
}

#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:25%;
	padding:0px;
	list-style-type: none;
	overflow:hidden;
	box-sizing:border-box;
	float:left;
}

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

#WorksNewsList a:hover{
	color:#5a5a5a;
	text-decoration: underline;
}



.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 100px 0;
	padding:0 0 0 0;
	text-align:left;
	float:left;
}
.WorksPageBoxL{
	width:40%;
	margin:0 0 0 0;
	padding:0px;
	text-align:left;
	float:left;
}
.WorksPageBoxR{
	width:58%;
	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;
	font-size:10px;
	color:#000000;
	width:100%;
	padding:10px;
	margin:60px 0 0 0;
	list-style-type: none;
	overflow:hidden;
	box-sizing:border-box;
	float:left;
}

#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: underline;
}



.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:#595757;
	color:#FFFFFF;
	position:absolute;
	top:0;
	left:0;
}


.MenuPageBox{
	width:100%;
	margin:20px 0 100px 0;
	padding:0 0 0 0;
	text-align:left;
	float:left;
}
.MenuMidashi{
	width:100%;
	margin:0 0 0 0;
	padding:10px;
	text-align:left;
	float:left;
	box-sizing:border-box;
	font-size:18px;
	color:#c11616;
	border-bottom:3px solid #c11616;
}
.MenuBoxL{
	width:40%;
	margin:10px 0 0 0;
	padding:5px;
	box-sizing:border-box;
	text-align:left;
	float:left;
}
.MenuBoxR{
	width:58%;
	margin:10px 0 0 0;
	padding:10px;
	text-align:left;
	float:right;
	box-sizing:border-box;
}

.MenuPageList{
	width:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:left;
	text-align:left;
}
.MenuPageList li{
	text-align:left;
	font-size:14px;
	line-height:1.5;
	color:#000000;
	width:100%;
	padding:5px;
	margin:60px 0 0 0;
	list-style-type: none;
	overflow:hidden;
	box-sizing:border-box;
	float:left;
}

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

.MenuPageList a:hover{
	color:#5a5a5a;
	text-decoration: underline;
}



.MenuPhoto {
	width:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:left;
}
/****お客様の声改訂***/

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

.VoiceKaiPhoto{
	width:100%;
	margin:0 0 0 0;
	padding:0px;
	text-align:center;
	float:left;
	box-sizing:border-box;
}
.VoiceKaiText{
	width:100%;
	margin:10px 0 0 0;
	padding:0px;
	text-align:left;
	float:left;
	box-sizing:border-box;
	font-size:16px;
}

.VoiceKaiMovie{
	position:relative;
	width:100%;
	padding-top: 56.25%;
}
.VoiceKaiMovie iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}
.VoiceKaiMovie a{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/****お客様の声***/
.VoiceNewsBox{
	width:100%;
	margin:40px 0 0 0;
	padding:10px;
	text-align:left;
	float:left;
	box-sizing:border-box;
	background-color:#faf8e9;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */ 
}
.VoiceNewsBoxL{
	width:25%;
	margin:0 0 0 0;
	padding:10px;
	text-align:center;
	float:left;
	box-sizing:border-box;
}
.VoiceNewsBoxR{
	width:75%;
	margin:0 0 0 0;
	padding:10px;
	text-align:left;
	float:left;
	box-sizing:border-box;
}
.VoiceNewsMidashiA{
	width:100%;
	margin:0 0 0 0;
	padding:5px;
	text-align:left;
	float:left;
	box-sizing:border-box;
	font-size:20px;
	color:#955129;
}
.VoiceNewsMidashiB{
	width:100%;
	margin:0 0 0 0;
	padding:5px;
	text-align:left;
	float:left;
	box-sizing:border-box;
	font-size:16px;
}

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

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

#VoiceNewsList a:hover{
	color:#5a5a5a;
	text-decoration: underline;
}
.VoiceNewsPhoto {
	width:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:left;
}


/***アトリエ建築家****/

.AtoBox{
	width:100%;
	float:left;
	margin:50px 0 20px 0;
	text-align:left;
	background-position:top left;
	background-color:#f6f6f6;
	color:#000000;
	padding:0px 20px 20px 20px;
	box-sizing:border-box;
}

.AtoMidashi{
	width:100%;
	max-width:370px;
	float:left;
	margin:-20px 0 0 0;
	text-align:left;
	padding:10px;
	background-color:#89888c;
	color:#FFFFFF;
	box-sizing:border-box;
}
.AtoMidashiA{
	width:100%;
	float:left;
	font-size:24px;
}
.AtoMidashiB{
	width:100%;
	float:left;
	font-size:20px;
}
.AtoBoxL{
	width:40%;
	float:left;
	margin:20px 0 0 0;
	text-align:center;
}
.AtoBoxR{
	width:60%;
	float:left;
	margin:20px 0 0 0;
	text-align:left;
}
.AtoBoxRA{
	margin:10px 0 0 0;
	width:100%;
	float:left;
	font-size:20px;
}
.AtoBoxRB{
	margin:10px 0 0 0;
	width:100%;
	float:left;
	font-size:16px;
}
.AtoBoxText{
	font-size:14px;
	width:100%;
	float:left;
	margin:10px 0 0 0;
	text-align:left;
	padding:10px;
	font-weight:normal;
	box-sizing:border-box;
}
/*********************/



/*縦書き*/
.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;
}


.ToiBoxSEA{
	display:block;
}
.ToiBoxSEB{
	
	display:none;
}


/*****windowサイズ対応********/
@media screen and (max-width: 1260px){
.MainFont{
}
.SubFont{
}

}

/*****windowサイズ対応********/
@media screen and (max-width: 1100px){
.ToiBoxSEA{
	display:none;
}
.ToiBoxSEB{
	
	display:block;
}

#headerWrapper{
	width:100%;
	max-width:1200px;
	margin:0 auto;
	padding:0;
	box-sizing:border-box;
	position: relative;
	
}
#headerWrapperSE{
	width:100%;
	max-width:1200px;
	margin:0 auto;
	padding:10px;
	box-sizing:border-box;
	position: relative;
	
}


#headerBox{
	padding:0;
}
#headerBoxLogo{
	width:100%;
	max-width:1200px;
	float:left;
	text-align:center;
	padding:5px;
	box-sizing:border-box;
}
#headerBoxL{
	width:100%;
	max-width:1200px;
	float:left;
	text-align:center;
	padding:5px;
	box-sizing:border-box;
}
#headerBoxC{
	display:block;
}
#headerBoxR{
	display:none;
	width:100%;
	max-width:1200px;
	float:right;
}
#headerBoxRR{
	display:none;
}
#headerBoxD{
	display:block;
}

#headerBoxSNS{
	display:none;
}
#headerBoxSNSSE{
	display:block;
}
.headerBoxSNSList{
	display:none;
}

#GlobalWrapper{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: stretch;
	align-items: stretch;
}
#GlobalNavi li{
}

.MainFont{
	font-size:11px;
}
.SubFont{
	font-size:9px;
}


.fix-header li{
	font-size:11px;
}

.TOPCABOXTextA{
	font-size:20px;
	padding:0px 10px 5px 10px;
}
.TOPCABOXTextB{
	font-size:18px;
	padding:0px 10px 5px 10px;
}




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


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





.TOPMovieBox{
	margin:50px 0 0 0;
}
.TOPMovieBoxL{
	width:100%;
	text-align:left;
	margin:40px 0 40px 0;
	padding:20px;
	float:left;
	box-sizing:border-box;
}
.TOPMovieBoxLL{
	width:100%;
	display:block;
}
.TOPMovieBoxLLA{
	font-size:20px;
}
.TOPMovieBoxLLB{
	margin:0 0 0 0;
	font-size:16px;
}
.TOPMovieBoxLLC{
	margin:20px 0 0 0;
	font-size:16px;
}
.TOPMovieBoxLLD{
	font-size:14px;
	font-weight:normal;
}
.TOPMovieBoxRR{
	width:100%;
	display:block;
}

.RpluseBoxSEALL{
	margin:20px 0 0 0;
}
.RpluseBoxSE li{
	width:50%;
}
.RpluseBoxSEL{
	width:100%;
}
.RpluseBoxSER{
	width:100%;
}


.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:20px 0 0 0px;
	float:left;
	background-color:#FFFFFF;
	box-sizing:border-box;
	position:static;
}


.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;
}




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



#WorksNewsList li{
	width:50%;
}


}



/*****スマホ・タブレット対応********/
@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;
}

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


.event-newscover {
}
/*ヘッダ全体*/
	#headerWrapper{
		display:none;
	}	
	#headerWrapperSE{
		display:none;
	}	
	#headerWrapperSP{
		display:block;
	}	


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


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


/***アニメ***/
.iosSlider{
	display:none;
}
.iosSliderSP{
	display:block;
}
/************/

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

.NamiHead{
	height:50px;
}
.NamiBottom{
	height:50px;
}


/***おうちで健康****/

.KenkouBoxALLA{
	padding:50px 10px 50px 10px;
}
.KenkouBoxALLB{
	padding:10px;
}
.KenkouBoxAL{
	width:100%;
	text-align:center;
	margin:0 0 0 0;
	padding:10px;
	box-sizing:border-box;
	float:left;
}
.KenkouBoxAR{
	width:100%;
	text-align:center;
	margin:0 0 0 0;
	padding:10px;
	box-sizing:border-box;
	float:left;
}
.KenkouBoxBL{
	width:100%;
	text-align:center;
	margin:0 0 0 0;
	padding:10px;
	box-sizing:border-box;
	float:left;
}
.KenkouBoxBR{
	width:100%;
	text-align:center;
	margin:0 0 0 0;
	padding:10px;
	box-sizing:border-box;
	float:left;
}
.KenkouBoxCL{
	width:100%;
	text-align:center;
	margin:0 0 0 0;
	padding:10px;
	box-sizing:border-box;
	float:right;
}
.KenkouBoxCR{
	width:100%;
	text-align:center;
	margin:0 0 0 0;
	padding:10px;
	box-sizing:border-box;
	float:left;
}

.KenkouTextA{
	margin:20px 0 0 0;
	font-size:24px;
}
.KenkouTextAA{
	font-size:20px;
}
.KenkouTextB{
	font-size:18px;
}

.LineA{
	font-size:18px;
}
.LineB{
	font-size:18px;
}


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

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

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

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

.PickBoxL{
	width:100%;
	display:block;
}
.PickA{
	font-size:14px;
}
.PickB{
	font-size:20px;
}
.PickBoxR{
	width:100%;
	padding:5px;
	float:left;
}

.PickBox{
	padding:0px;
	background-color:#FFFFFF;
}
.PickBox li{
	padding:0px;
	margin:20px 0 30px 0;
	background-color:#FFFFFF;
	box-sizing:border-box;
	display:block;
	float:left;
}

/****大喜につて******/
.AboutList{
	width:100%;
	text-align:center;
	margin:0 0 0 0;
	padding:10px;
	box-sizing:border-box;
	float:left;
}
.AboutListBT{
	width:100%;
	text-align:center;
	margin:0 0 0 0;
	padding:3px;
	box-sizing:border-box;
	float:left;
	position:relative;
}
/****大喜につて******/


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

.StudyPhotoBox li{
	text-align:center;
	color:#00000;
	width:50%;
	margin:30px 0 0 0;
	padding:20px;
	list-style-type: none;
	float:left;
	box-sizing:border-box;
}

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

.StudyFlowB{
	font-size:20px;
}


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


.AmbaBox{
	width:100%;
	text-align:center;
	margin:40px 0 0 0;
	padding:10px;
	box-sizing:border-box;
	float:left;
}
.AmbaBoxL{
	width:100%;
}
.AmbaBoxR{
	width:100%;
}
.AmbaBoxMidashiA{
	font-size:20px;
}
.AmbaBoxMidashiB{
	font-size:16px;
}

.BannerBoxA li{
	width:50%;
}


.BannerBoxB li{
	width:50%;
}

.HokenBox li{
	width:100%;
}

/*工務店紹介スライド*/
.KoumuSlodeBoxPC{
	display:none;
}
.KoumuSlodeBoxSP{
	display:block;
}


.HarukazeBox{
	width:100%;
	text-align:center;
	margin:0 0 0 0;
	padding:10px;
	box-sizing:border-box;
	float:left;
}
.HarukazeBoxL{
	width:100%;
}
.HarukazeBoxLA{
	font-size:20px;
	text-align:left;
}
.HarukazeBoxLB{
	margin:10px 0 10px 0;
	font-size:14px;
	text-align:left;
}

.HarukazeBoxR{
	width:100%;
}
.HarukazeBoxRA{
	width:100%;
}
.HarukazeBoxRB{
	width:100%;
}



.TopMidashiBox{
	width:100%;
	margin:20px 0 0 0;
	padding:10px;
	box-sizing:border-box;
	float:left;
	text-align:left;
}
.TopMidashiA{
	font-size:20px;
	line-height:1.0;
}
.TopMidashiB{
	font-size:12px;
}


.FaceBox{
	width:100%;
}
.InstaBox{
	width:100%;
}

/*ページ全体*/

.MidashiBGNEW{
	margin:50px 0 0 0;
	padding:20px 10px 10px 10px;
	font-size:20px;
}
.MidashiBGNEWSE{
	margin:0px 0 0 0;
	padding:20px 10px 10px 10px;
	font-size:20px;
}
.ContentsBGNEW{
	margin:50px 0 0 0;
	padding:30px 10px 30px 10px;
	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{
}

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

#ALLBGWrapperB{
	margin:0 0 0 0;
	background-image: url(../img/ca_img_bg_sp.webp);
	padding:60px 10px 60px 10px;
}
#ALLBGWrapperVoice{
	margin:0 0 0 0;
	background-image: url(../img/voice_img_bg_sp.webp);
	padding:60px 10px 60px 10px;
}
#ALLBGWrapperModel{
	margin:0 0 0 0;
	background-image: url(../img/ca_model_bg_sp.webp);
	padding:40px 10px 40px 10px;
}
#ALLBGWrapperStudy{
	margin:0 0 0 0;
	background-image: url(../img/ca_study_bg_sp_new.webp);
	padding:40px 10px 40px 10px;
}

.TopEsteBox{
	width:100%;
	margin:40px 0 20px 0;
	padding:10px;
	box-sizing:border-box;
	float:left;
}
.TopEsteBoxL{
	width:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	box-sizing:border-box;
	float:left;
}
.TopEsteBoxR{
	width:100%;
	margin:0 0 0 0px;
	padding:0 0 0 0;
	box-sizing:border-box;
	float:left;
}
.TopEsteBoxLL{
	width:100%;
	margin:0 0px 0 0;
	padding:0 0 0 0;
	box-sizing:border-box;
	float:right;
}
.TopEsteBoxRR{
	width:100%;
	margin:0 0 0 0px;
	padding:0 0 0 0;
	box-sizing:border-box;
	float:right;
}

.TopEsteText{
	width:100%;
	margin:0px 0 0 0;
	padding:10px;
	text-align:center;
	background-color:red;
	box-sizing:border-box;
	background-color:#FFFFFF;
	float:left;
	box-shadow:0px 0px 8px 3px #ccc;
}



.EsteTable th{
	width:100%;
}
.EsteTable td{
	width:100%;
}

/******講座日程***/

#KouzaBox li{
	width:50%;
}



#ALLBGWrapperContact{
	padding:50px 20px 50px 20px;
}

.ContactBoxL{
	width:100%;
}

.ContactWrapperBox{
	width:100%;
	margin:0 0 0 0;
	padding:10px;
	box-sizing:border-box;
	float:left;
	background-color:#171a1c;
}
.ContactWrapperBoxL{
	width:100%;
	margin:0 0 0 0;
	padding:20px;
	box-sizing:border-box;
	text-align:center;
	float:left;
}
.ContactWrapperBoxR{
	width:100%;
	margin:0 0 0 0;
	padding:20px;
	box-sizing:border-box;
	text-align:center;
	float:left;
	border-top:1px dotted #FFFFFF;
	border-left:0px solid #FFFFFF;
}


.ConceptBG{
	height:initial;
	height:auto;
	min-height:initial;
	min-height:auto;
	padding:0 0 20px 0;
}

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


.TOPCABOX{
}
.TOPCABOXText{
	width:100%;
	padding:10px;
	position:relative;
}
.TOPCABOXTextA{
	font-size:18px;
}
.TOPCABOXTextB{
	font-size:14px;
}

.RpluseBoxALL{
	width:100%;
	text-align:left;
	margin:0px 0 0 0;
	padding:10px;
	float:left;
	box-sizing:border-box;
}
.RpluseBox{
	width:100%;
	text-align:left;
	margin:30px 0 0 0;
	padding:0;
	float:left;
	box-sizing:border-box;
	
}
.RpluseBoxL{
	width:100%;
	text-align:center;
	margin:0 0 0 0;
	padding:0;
	float:left;
	box-sizing:border-box;
}
.RpluseBoxR{
	width:100%;
	text-align:left;
	margin:0 0 0 0;
	padding:15px;
	float:left;
	box-sizing:border-box;
}
.RpluseBoxLL{
	width:100%;
	text-align:left;
	margin:0 0 0 0;
	padding:15px;
	float:right;
	box-sizing:border-box;
}
.RpluseBoxRR{
	width:100%;
	text-align:center;
	margin:0 0 0 0;
	padding:0;
	float:left;
	box-sizing:border-box;
}
.RpluseTextA{
	font-size:30px;
	line-height:1.3;
}
.RpluseTextB{
	font-size:18px;
}
.RpluseTextC{
	font-size:14px;
}


.RpluseBoxSE li{
	width:100%;
}
.RpluseBoxSE li:first-child{
	padding:0 15px 15px 15px;
	margin:0 0 0 0;
	width:100%;
}
.RpluseBoxSEL{
	width:100%;
}
.RpluseBoxSER{
	width:100%;
}
.Rborder{
	border-bottom:0px solid #89888c;
}


#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{
	margin:0 0 20px 0;
}

.TOPBTBOX li{
	margin:10px 0 20px 0;
	width:100%;
	color:#955129;
}
.TOPBTBOXtext{
	width:100%;
	position: absolute;
	top: 50%;
	left: 0%;
	transform: translate(0%, -50%);
	padding:10px;
	box-sizing:border-box;
	font-weight:600;
}

.TOPBTBOXSE li{
	width:50%;
	
}
/***********/
/*ニュース*/
/***********/
#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;
}



/*新着情報*/

.NewsBox{
	margin:50px 0 30px 0;
}
.NewsBoxL{
	width:100%;
}
.NewsBoxR{
	width:100%;
}
.NewsBoxLBlog{
	width:30%;
	padding:5px;
	box-sizing:border-box;
}
.NewsBoxRBlog{
	width:70%;
	padding:5px;
	box-sizing:border-box;
}
.NewsBoxBT{
	width:100%;
	min-height:20px;
}
.NewsBoxBT{
	width:100%;
	min-height:20px;
}
.NewsBoxLL{
	width:100%;
	margin:20px 0 0 0;
	padding:3px;
	text-align:left;
	float:left;
}
.NewsBoxRR{
	width:100%;
	margin:0px 0 0 0;
	padding:3px;
	text-align:left;
	float:left;
}
#NewsList li{
	width:50%;
	padding:10px;
	margin:10px 0 0 0;
}

#NewsList li:nth-of-type(3){
	display:block;
}
#NewsList li:nth-of-type(4){
	display:block;
}
#NewsListBlog{
	padding:10px;
	box-sizing:border-box;
}
#NewsListBlog li{
	width:100%;
	border-bottom:1px dotted #955129;
}
#NewsListBlog li:nth-of-type(4){
	display:block;
}

.newscoverblog {
	width:100%;
	padding-top:80%;
}

.UketukeBoxL{
	width:100%;
}
.UketukeBoxR{
	width:100%;
}

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


#PurList li{
	padding:10px 10px 0px 10px;
	width:100%;
}

#PurListSE li{
	padding:10px;
	margin:0 0 0 0;
	width:100%;
}

/*スタッフ紹介*/
#StaffBox{
	text-align:center;

}
#StaffBox li{
	width:100%;
	padding:10px;
	box-sizing:border-box;
	float:left;
}

.StaffBoxALL{
	width:100%;
	margin:60px 0 0 0;
	padding:20px;
	text-align:left;
	float:left;
	box-sizing:border-box;
	border-bottom:1px solid #000000;
	color:#000000;
}

.StaffPhoto{
	width:100%;
	margin:0px 0 0 0;
	padding:10px;
	box-sizing:border-box;
	text-align:center;
	float:left;
}
.StaffInfo{
	width:100%;
	margin:0px 0 0 0;
	padding:10px;
	box-sizing:border-box;
	text-align:left;
	float:left;
}
.StaffBoxALLA{
	width:100%;
	margin:10px 0 0 0;
	padding:0px;
	text-align:center;
	float:left;
	font-size:20px;
}
.StaffBoxALLB{
	color:#a1a0a0;
	width:100%;
	margin:15px 0 0 0;
	padding:0px;
	text-align:center;
	float:left;
	font-size:12px;
}
.StaffBoxALLC{
	width:100%;
	margin:15px 0 0 0;
	padding:0px;
	text-align:center;
	float:left;
}
.StaffBoxALLD{
	width:100%;
	margin:20px 0 0 0;
	padding:0px;
	text-align:left;
	float:left;
	font-size:20px;
}
.StaffBoxALLE{
	font-size:14px;
}

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

.StaffBoxALLG li{
	width:100%;
	margin: 5px 0 0 0;
	padding:10px;
	text-align: center;
	text-decoration: none;
	list-style:none;
	float: left;
	box-sizing:border-box;
}
.StaffBoxKoumokuA{
	width:100%;
	font-weight:bold;
	font-size:14px;
}
.StaffBoxKoumokuB{
	width:100%;
	font-size:14px;
	font-weight:normal;
}

/*耐震*/
.TaishinBox li{
	width:50%;
	padding: 10px;
}

/***アトリエ建築家****/
.AtoMidashi{
	width:100%;
	max-width:370px;
	float:left;
	margin:-20px 0 0 0;
	text-align:left;
	padding:10px;
	color:#FFFFFF;
	box-sizing:border-box;
}
.AtoMidashiA{
	width:100%;
	float:left;
	font-size:18px;
}
.AtoMidashiB{
	width:100%;
	float:left;
	font-size:14px;
}
.AtoBoxL{
	width:100%;
	float:left;
	margin:20px 0 0 0;
	text-align:center;
}
.AtoBoxR{
	width:100%;
	float:left;
	margin:20px 0 0 0;
	text-align:left;
	padding:10px;
	box-sizing:border-box;
}
.AtoBoxRA{
	margin:10px 0 0 0;
	width:100%;
	float:left;
	font-size:20px;
}
.AtoBoxRB{
	margin:10px 0 0 0;
	width:100%;
	float:left;
	font-size:14px;
}
.AtoBoxText{
	font-size:14px;
	width:100%;
	float:left;
	margin:10px 0 0 0;
	text-align:left;
	padding:10px;
	box-sizing:border-box;
}

/***買取実績****/
.BiruBox{
	width:100%;
	text-align:left;
	margin:40px 0 0 0;
	padding:10px;
	float:left;
	box-sizing:border-box;
}
.BiruBoxL{
	width:100%;
	padding:5px;
}
.BiruBoxR{
	width:100%;
	padding:5px;
}

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

.BiruSumBox{
	width:100%;
	text-align:left;
	margin:40px 0 0 0;
	padding:10px;
	float:left;
	box-sizing:border-box;
}
.BiruSumBoxL{
	width:100%;
	padding:5px;
}
.BiruSumBoxR{
	width:100%;
	padding:5px;
}

/***アクセス・予約****/



.ApMidashi{
	margin:0 0 30px 0;
}
.ApTable{
	font-size:16px;
}

.flowBox{
	padding:10px;
}
.flowList{
	margin:20px 0 0px 0;
}
.flowTitle{
	margin:0 0 5px 0;
}
.flowLBox{
	width:100%;
}
.flowRBox{
	width:100%;
	font-size:16px;
}

.MitiLBox{
	width:100%;
}
.MitiRBox{
	width:100%;
	font-size:14px;
}

/*施工新着情報*/

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

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

/*SDGS*/

.SDGSBOX{
	width:100%;
	margin:50px 0 0 0;
	padding:5px;
	box-sizing:border-box;
	float:left;
	display:block

}

.SDGSBOXL{
	width:100%;
}

.SDGSBOXR{
	width:100%;

}

/*施工事例*/

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

.WorksPageBox{
	margin:10px 0 30px 0;
	padding:10px;
	box-sizing:border-box;
}
.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:0;
	margin:80px 0 0 0;
	list-style-type: none;
	overflow:hidden;
	box-sizing:border-box;
	float:left;
}

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


.MenuBoxL{
	width:100%;
}
.MenuBoxR{
	width:100%;
}

.MenuPageList{
	width:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:left;
	text-align:left;
}
.MenuPageList li{
	margin:20px 0 0 0;
}

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

.MenuPageList a:hover{
	color:#5a5a5a;
	text-decoration: underline;
}

/**工務店紹介****/

#ContraBox{
}
#ContraBox li{
	width:100%;
	margin:15px 0 0 0;
}

.ContraTitile{
	font-size:20px;
}
.ContraCAL{
	width:100%;
	margin:0 0 0 0;
	padding:5px;
	text-align:left;
	float:left;
	box-sizing:border-box;
	font-size:16px;
}
.ContraCAR{
	width:100%;
	margin:0 0 0 0;
	padding:5px;
	text-align:left;
	float:left;
	box-sizing:border-box;
	color:#c6c6c6;
	font-size:16px;
}

.ContraInfoL{
	width:100%;
	margin:0 0 0 0;
	padding:10px;
	text-align:left;
	float:left;
	box-sizing:border-box;
}
.ContraInfoR{
	width:100%;
	margin:10px 0 0 0;
	padding:10px;
	text-align:left;
	float:left;
	box-sizing:border-box;
}
.ContraPhoto{
	width:100%;
	margin:0 0 0 0;
	padding:0px;
	text-align:left;
	float:left;
	box-sizing:border-box;
	background-color:#f6f7ef;
}
.ContrasumPhoto{
	width:100%;
	margin:10px 0 0 0;
	padding:0px;
	text-align:left;
	float:left;
	box-sizing:border-box;
}
.ContrasumPhoto li{
	text-align:center;
	color:#00000;
	width:50%;
	margin:0 0 0 0;
	padding:5px;
	list-style-type: none;
	display:block;
	float:left;
	box-sizing:border-box;
	background-color:#f6f7ef;
}
.CompanyList{
	width:100%;
	margin:20px 0 0 0;
	padding:0px;
	text-align:left;
	float:left;
	border-bottom:1px dotted #8bb269;
	box-sizing:border-box;
}
.CompanyListL{
	width:100%;
	margin:0;
	padding:5px;
	text-align:left;
	float:left;
	box-sizing:border-box;
}
.CompanyListR{
	width:100%;
	margin:0;
	padding:5px;
	text-align:left;
	float:left;
	box-sizing:border-box;
}
.CompanyBT li{
	width:100%;
}

.CompanyMesL{
	width:100%;
	margin:10px 0 0 0;
	padding:10px;
	text-align:left;
	float:left;
	box-sizing:border-box;
}
.CompanyMesR{
	width:100%;
	margin:0px 0 0 0;
	padding:10px;
	text-align:left;
	float:left;
	box-sizing:border-box;
	font-size:14px;
	line-height:1.5;
}

/**不動産情報****/
.realcover{
	padding-top:70%;
}
#RealListBox{
	width:100%;
	margin:0px 0 0 0;
	padding:0px;
	text-align:left;
	float:left;
	box-sizing:border-box;
}
#RealListBox li{
	text-align:center;
	color:#00000;
	width:100%;
	margin:20px 0 0 0;
	padding:10px;
	list-style-type: none;
	display:block;
	float:left;
	box-sizing:border-box;
}

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

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


.RealBoxA{
	width:100%;
	margin:0 0 5px 0;
	padding:10px;
	text-align:left;
	float:left;
	box-sizing:border-box;
	background-color:#7e370d;
	color:#FFFFFF;
}
.RealBoxCateA{
	margin:0 0 0 0;
	padding:5px;
	text-align:center;
	box-sizing:border-box;
	color:#7e370d;
	background-color:#FFFFFF;
	border-radius: 10px;
	font-size:12px;
}
.RealBoxB{
	width:100%;
	margin:5px 0 0 0;
	padding:5px;
	text-align:left;
	float:left;
	box-sizing:border-box;
	color:#7e370d;
}
.RealBoxBL{
	width:30%;
	margin:0 0 0 0;
	padding:0 5px 0 5px;
	text-align:left;
	float:left;
	box-sizing:border-box;
	color:#7e370d;
}
.RealBoxBR{
	width:70%;
	margin:0 0 0 0;
	padding:0 5px 0 5px;
	text-align:left;
	float:left;
	box-sizing:border-box;
	color:#7e370d;
}
.RealBoxCateB{
	width:100%;
	margin:0 0 0 0;
	padding:3px;
	text-align:center;
	box-sizing:border-box;
	color:#FFFFFF;
	background-color:#7e370d;
	border-radius: 10px;
	font-size:12px;
	float:left;
}

.RealBoxC{
	width:100%;
	margin:5px 0 0 0;
	padding:5px 10px 5px 10px;
	text-align:left;
	float:left;
	box-sizing:border-box;
	color:#7e370d;
}

.RealBoxD{
	width:100%;
	margin:5px 0 0 0;
	padding:5px 10px 5px 10px;
	text-align:left;
	float:left;
	box-sizing:border-box;
	color:#7e370d;
}
.RealBoxCateC{
	margin:0 0 0 0;
	padding:3px;
	text-align:center;
	box-sizing:border-box;
	color:#FFFFFF;
	background-color:#7e370d;
	border-radius: 10px;
	font-size:12px;
	float:left;
}
.RealTable{
	border-top:0px;
	border-left:0px;
	border-right:0px;
}
.RealTable tr,.RealTable th,.RealTable td{
	width:100%;
	display: block;
	margin:0 0 0 0;
}
.RealTableA{
	width:100%;
	display:block;
	border-bottom:0px;
}
.RealTableB{
	width:100%;
	display:block;
	border-bottom:0px;
}
.RealTableC{
	width:100%;
	display:block;
	border-bottom:0px;
}
.RealTableD{
	width:100%;
	display:block;
	border-bottom:0px;
}



.UriteBTtext{
	font-size:24px;
	padding:5px;
}
.UriteBG{
	background-image: url(../img/urite_bg_sp.jpg);
}
.KaiteBG{
	background-image: url(../img/kaite_bg_sp.jpg);
}


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


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

.ConceptListBoxL{
	width:100%;
}

.ConceptListBoxL{
	width:100%;
}
.ConceptListBoxR{
	width:100%;
}

.ConceptListBoxMidashi{
	padding:10px;
	font-size:20px;
}

.ConceptBoxL{
	width:100%;
}
.ConceptBoxR{
	width:100%;
}

.ConceptBoxSEL{
	width:100%;
}
.ConceptBoxSER{
	margin:10px 0 0 0;
	width:100%;
}

.TokutyouMidashiA{
	width:75px;
	height:75px;
	line-height:1.0;
	margin:10px 0 40px 0;
	padding:5px;
	text-align:center;
	float:left;
	box-sizing:border-box;
	background-color:#8bb269;
	color:#FFFFFF;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}

.TokutyouMidashiB{
	font-size:18px;
	
}

.TokutyouMidashiC{
	width:100%;
	max-width:800px;
	margin:0 0 0 0;
	padding:10px;
	text-align:center;
	box-sizing:border-box;
	font-size:18px;
}
/****お客様の声改訂***/
.VoiceKaiList li{
	width:100%;
	padding:10px;
	margin:20px 0 0 0;
}
/****お客様の声***/
.VoiceNewsBoxL{
	width:100%;
}
.VoiceNewsBoxR{
	width:100%;
}
.VoiceNewsMidashiA{
	font-size:18px;
}
.VoiceNewsMidashiB{
	font-size:14px;
}

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

/*初めての方へ*/
.StepBoxALL{
	margin:0 0 40px 0;
}

.StepBoxL{
	width:100%;
	margin:0 0 0 0;
	padding:10px;
	text-align:center;
	box-sizing:border-box;
	float:left;
}
.StepBoxR{
	width:100%;
	margin:0 0 0 0;
	padding:10px;
	text-align:left;
	box-sizing:border-box;
	float:right;
}
.StepBoxMidashi{
	font-size:20px;
}
/*****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;
}
/**コンセプト**/

.CoMidashi{
	font-size:16px;
}

.TaisakuBox{
	margin:40px 0 0 0;
	padding:0px 20px 30px 20px;
}

/**院長紹介**/
.DocListBox{
	width:100%;
	line-height:1.5;
}
.DocListBoxL{
	width:100%;
}
.DocListBoxR{
	width:100%;
}

.DocListBoxA{
	width:100%;
	line-height:1.5;
}
.DocListBoxAL{
	width:100%;
}
.DocListBoxAR{
	width:100%;
}

.KenkyuBox{
	padding:10px 10px 10px 10px;
}


/*****取り組み****/
.AppTextBox{
	font-size:16px;
	padding:10px;
}

/*****採用情報****/
.Retable tr,.Retable th,.Retable td{
	width:100%;
	display: block;
}
.Retable th{
	border:none;
}
.RetableA tr,.RetableA th,.RetableA td{
	width:100%;
	display: block;
}
.RetableA th{
	border:none;
}

.Parttable tr,.Parttable td{
	width:100%;
	display: block;
}

.Parttable td{
	margin:0 0 0 0;
	padding:5px 10px 5px 10px;
	box-sizing:border-box;
}
.Parttable .ParttdA{
	width:100%;
}
.Parttable .ParttdB{
	width:100%;
}
.Parttable .ParttdC{
	width:100%;
}
.Parttable .ParttdD{
	width:100%;
}


/*標準仕様*/

.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:10px;
	list-style-type: none;
	display:block;
	float:left;
}


/*イベントの投稿*/
/*イベント*/
.EveBox{
	width:100%;
	margin:30px 0 0 0;
	float:left;
}
.EveBoxL{
	padding:5px;
	width:100%;
}
.EveBoxR{
	padding:5px;
	width:100%;
}

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

.WorkSum li{
	width:50%;
}

/*WEB相談会*/
.WebSpace{
	padding:10px;
}

/******お問合せフォーム***/

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

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

/****/

/*フッター*/
#footertoiA{
	width:100%;
	text-align:center;
}
#footer{
	margin:0 0 0 0;
	min-width: initial;
    	min-width: auto;
	min-height: initial;
    	min-height: auto;
	padding:5px;
}
#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: 480px){


.AnimeSP{
	text-align:center;
}


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

#KouzaBox li{
	width:100%;
	margin:10px 0 0 0;
}


.PageTitle{
	font-size:20px;
}

.TOPBTBOX li{
	padding:0px 0px 10px 0px;
	width:100%;
	text-align:center;
	margin:10px 0 0 0;
}
.TOPBTBOXSE li{
	padding:0px 0px 10px 0px;
	width:100%;
	text-align:center;
}

/***コンテンツボタン****/
.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;
}


/*耐震*/
.TaishinBox li{
	width:100%;
}

/***買取実績****/

.BiruSum li{
	width: 100%;
}



/*標準仕様*/

.StandBox li{
	width:100%;
}





}
/***TOPに戻るボタン****/
.fixbtn {
    position: fixed;
    z-index: 1500;
}
#totop {
    right: 0;
    bottom: 70px;
}
#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);
    }




/***** コンタクトフォーム *****/
.PUMidashi{
	width: 100%;
	padding:10px;
	color:#FFFFFF;
	margin: 0 0 0 0;
	float:left;
	box-sizing:border-box;
	font-size:16px;
	background-color:#4d725e;
}
.table-contactform7{
	color:#000000;
	width: 100%;
	max-width: 960px;
	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;

}
.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;
	padding:5px;
	box-sizing:border-box;
}
 
.table-contactform7 input,
.table-contactform7 textarea,select{
  max-width: 90% !important;
  margin: 5px 10px 10px 5px;
font-size:16px;
	border:1px solid #e9e9e9;
	padding:5px;
	box-sizing:border-box;
}
 
.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: 20px;
padding: 20px 40px 20px 40px;
background-color: #4ca404;
color: #fff;
border-style: none;
margin:10px 0 30px 0;
}
 
.wpcf7-submit:hover:enabled {
background-color: #6dc823;
color: #fff;
}


/***** MW コンタクトフォーム *****/
.cform{
	border-collapse: collapse;
	background-color:#FFFFFF;
	
}
.cform th {
	font-size: 16px;
	width: 30%; /*変なところで改行される場合はここの数字を変更します。*/
	border-bottom: solid 1px #d6d6d6;
	padding: 10px 0 10px 15px;
	
	box-sizing:border-box;
	text-align:left;
	background-color:#f7f7f7;
}

.cform td {
	font-weight: normal;
	font-size: 16px;
	line-height: 150%;
	border-bottom: solid 1px #d6d6d6;
	padding: 10px 5px;
	box-sizing:border-box;
	text-align:left;
	background-color:#FFFFFF;
}

.cform {
	width: 100%;
	margin: auto;
}

.cform [type=submit] {
	display: inline-block;
	font-size: 30px;
	padding: 10px 30px;
	text-decoration: none;
	background: #ff8f00;
	color: #FFF;
	border-bottom: solid 4px #B17C00;
	border-radius: 3px;
	box-sizing:border-box;
}

.cform option,
.cform textarea,
.cform input[type=text],
.cform input[type=email],
.cform input[type=search],
.cform input[type=url] {
	
}

.required-srt {
	font-size: 8pt;
	padding: 5px;
	background: #ce0000;
	color: #fff;
	border-radius: 3px;
	margin-left: 10px;
	vertical-align: middle;
	box-sizing:border-box;
}

@media only screen and (max-width:767px) {
	.cform th,
	.cform td {
		width: 100%;
		display: block;
		border-top: none;
	}
	

.cform option,
.cform textarea,
.cform input[type=text],
.cform input[type=email],
.cform input[type=search],
.cform input[type=url] {
	width:100%;
}



}

.submit-btn input {
	line-height:1.8;
	background: #00142c;
	width: 100%;
	margin: 30px auto;
	display: block;
	border: 1px #00142c solid;
	text-align: center;
	padding: 5px;
	color: #fff;
	transition: all 0.4s ease;
}

.submit-btn input:hover {
	background: #fff;
	color: #00142c;
}
.submit-btn button {
	line-height:1.8;
	background: #00142c;
	width: 100%;
	margin: 30px auto;
	display: block;
	border: 1px #00142c solid;
	text-align: center;
	padding: 5px;
	color: #fff;
	transition: all 0.4s ease;
}

.submit-btn button:hover {
	background: #fff;
	color: #00142c;
}

/****地図セピアIE不可****/
.sepia {
    -webkit-filter: sepia(.3);
    filter: sepia(.3);
}
.monokuro {
-webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}


/*****エディターの左・右・中央********/
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 10px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 10px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}


/****フォームのSNSアイコン*****/
.checkico span{
	margin-top:5px;
}
.checkico span:nth-child(1) span::after{
	content: url(../img/insta_ico.png);
	display: inline-block;
	vertical-align: middle;
	margin-left:5px;
}
.checkico span:nth-child(2) span::after{
	content: url(../img/face_ico.png);
	display: inline-block;
	vertical-align: middle;
	margin-left:5px;
}
.checkico span:nth-child(3) span::after{
	content: url(../img/rogo_ico.png);
	display: inline-block;
	vertical-align: middle;
	margin-left:5px;
}
.grecaptcha-badge { 
	visibility: hidden;
}