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

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

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

}

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

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

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

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

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

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

/************TOP動画*************/
.video-bg{
	width:100%;
	position:relative;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:left;
	display: flex;
	justify-content: center;
	align-items: center;
}

.video-top{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/************TOP動画*************/


/************スマホ用ボタン表示非表示*************/
header{
	visibility:hidden;
}
/*ついてくるボタン*/
#totop{
	display:block;
}
#FixBT{
	width:134px;
	z-index:1500;
	position: fixed;
	top: 210px;
	right: 0px;
	display: block;
}
#FixBTSP{
	z-index:1500;
	position: fixed;
	bottom:0px;
	left: 0px;
	width:100%;
	display: none;
	text-align:center;
	background-color:#1b6ada;
	padding:10px;
	box-sizing:border-box;
}
#FixBTSPREC{
	z-index:1500;
	position: fixed;
	bottom:150px;
	right: 0px;
	width:30px;
	display: none;
	text-align:center;
	padding:0px;
	box-sizing:border-box;
}


/****トリミング（外装）*****/
.cover {
    display: inline-block;
    background-color: #ccc;
    background-position: center center;
    background-repeat: no-repeat;
    width: 180px;
    height: 140px;
    background-size: cover;
	vertical-align: bottom;
}
.newscover {
	display: inline-block;
	background-position: center center;
	background-repeat: no-repeat;
	width:100%;
	padding-top:80%;
	background-color:#FFFFFF;
	background-size: cover;
	overflow: hidden;
	vertical-align: bottom;
}
.itemnewscover {
	display: inline-block;
	background-position: center center;
	background-repeat: no-repeat;
	width:100%;
	padding-top:120%;
	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:80%;
	background-size: cover;
	margin:0 0 0 0;
	vertical-align: bottom;
}


.evecover {
	display: inline-block;
	background-position: center center;
	background-repeat: no-repeat;
	width:100%;
	padding-top:100%;
	background-color:#FFFFFF;
	background-size: cover;
	overflow: hidden;
	vertical-align: bottom;
}

.evcoverbig{
	display: inline-block;
	background-position: center center;
	background-repeat: no-repeat;
	width:100%;
	padding-top:70%;
	background-size: contain;
	overflow: hidden;
	background-color:#FFFFFF;
	vertical-align: bottom;
	box-sizing: border-box;
	border:3px solid #f8f8f2;
}
.voicecover {
	display: inline-block;
	background-position: center center;
	background-repeat: no-repeat;
	width:100%;
	padding-top:70%;
	background-color:#FFFFFF;
	background-size: cover;
	overflow: hidden;
	vertical-align: bottom;
}
.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;
}
.workspagecover{
	display: inline-block;
	background-position: center center;
	background-repeat: no-repeat;
	width:100%;
	padding-top:70%;
	background-size: cover;
	overflow: hidden;
	vertical-align: bottom;
}
.workscoverbig{
	display: inline-block;
	background-position: center center;
	background-repeat: no-repeat;
	width:100%;
	padding-top:80%;
	background-size: contain;
	overflow: hidden;
	background-color:#f4f2e9;
	vertical-align: bottom;
}
.workscoversum{
	display: inline-block;
	background-position: center center;
	background-repeat: no-repeat;
	width:100%;
	padding-top:60%;
	background-size: contain;
	overflow: hidden;
	background-color:#f4f2e9;
	vertical-align: bottom;
}
.pagenextA{
	display: inline-block;
	background-position: center center;
	background-repeat: no-repeat;
	width:100%;
	padding-top:80%;
	background-size: cover;
	overflow: hidden;
	background-color:#f7f7f7;
}
.productscoverB {
    display: inline-block;
    background-color: #f6f6f6;
    background-position: center center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    background-size: contain;
}
/*--------------*/
/*画像の回り込み*/
/*--------------*/

.leftimg{
	float: left;
	margin-right:5px;
}
.rightimg{
	float: right;
	margin-left:5px;
}

/*--------------*/
/*自由配置中央*/
/*--------------*/
.CenterMidashi{
	width:100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
}


/************************************
** 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;
}
/********/
/*ヘッダ*/
/********/
/***スライド文字****/

.SlideTextBG{
	width:100%;
	margin:0 0 0 0;
	padding:0 0 0px 0;
	box-sizing:border-box;
	position: absolute;
	bottom: 0;
	left: 0;
}
.SlideText{
	width:100%;
	margin:0px 0 0 0;
	padding:0 20px 10px 20px;
	box-sizing:border-box;
	float:left;
	background:linear-gradient(177deg, transparent 0%, transparent 50%, #1b6ada 50%, #1b6ada 100%); 
}
.ServiceTxt{
	width:100%;
	margin:0 0 0 0;
	padding:10px;
	position: absolute;
	top: -160px;
	left: 0;
	box-sizing:border-box;
	color:#000000;
	font-size:36px;
	text-align:center;
	text-shadow: 
	#FFFFFF 1px 1px 10px, #FFFFFF -1px 1px 10px,
	#FFFFFF 1px -1px 10px, #FFFFFF -1px -1px 10px;
}
.SlideTextSE{
	width:100%;
	margin:0 0 0 0;
	padding:0px;
	position: absolute;
	bottom: 5%;
	right: 3%;
	z-index:901;
}

/*ヘッダ全体*/
#headerWrapper{
	width:100%;
	margin:0 0 0 0;
	padding:20px;
	box-sizing:border-box;
	float:left;
	transition: 0.8s;
	border-bottom:4px solid #eeeeee;
}
#headerBottom{
	width:100%;
	height:40px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	box-sizing:border-box;
	background:url(../img/slide_line.png);
	background-position: top left;
	background-repeat: repeat-x;
	position: absolute;
	top: -20px;
	left: 0;
	
}

.headRogo{
	width:100%;
	float:left;
	max-width:350px;
	margin:0 0 0 0;
	padding:3px;
	box-sizing:border-box;
}
.headMenuA{
	width:100%;
	max-width:280px;
	margin:0 0 0 10px;
	padding:3px;
	box-sizing:border-box;
	float:left;
	border-right:1px dotted #FFFFFF;
}
.headMenuB{
	width:100%;
	max-width:500px;
	margin:0 0 0 10px;
	padding:3px;
	box-sizing:border-box;
	float:left;
}
.headMenuC{
	width:100%;
	max-width:100px;
	margin:10px 0 0 0;
	padding:3px;
	box-sizing:border-box;
	float:right;
}

#headerBox{
	width:100%;
	margin:0px 0 0px 0;
	padding:0px;
	box-sizing:border-box;
	float:left;
	position:relative;
	border-bottom:1px solid #FFFFFF;
}

#headerBox img{
	max-width: 100%;
	height: auto;
	width /***/:auto;
}
#headerBoxL{
	width:30%;
	margin:0px 0 0 0;
	padding:10px;
	text-align:left;
	float:left;
	box-sizing:border-box;
}
#headerBoxR{
	width:70%;
	margin:0px 0 0 0;
	padding:0px;
	box-sizing:border-box;
	text-align:right;
	float:right;
}
#headerBoxRR{
	width:15%;
	max-width:180px;
	margin:0px 0 0 0;
	padding:0 0 0 0;
	box-sizing:border-box;
	text-align:left;
	float:right;
}
.headerBoxSub{
	width:100%;
	margin:0px 0 10px 0;
	padding:0 0 0 0;
	box-sizing:border-box;
	text-align:right;
	float:right;
}

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

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

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

}

/********/
/*入れ替え用ヘッダ*/
/********/
.fix-header {
	line-height: 20px;
	top: -200px;/* 上に隠す鷹さ */
	left: 0;
	text-align: center;
	width: 100%;
	margin: 0 auto;
	color:#FFFFFF;
	padding-top:0px;
	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;
	border-bottom:4px solid #eeeeee;

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


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

/***アニメ***/
.iosSlider{
	display:block;
}
.iosSliderSP{
	width:100%;
	float:left;
	display:none;
}
.iosSliderSP img{
	max-width: 100%;
	height: auto;
	width /***/:auto;　
}
.AnimeSP{
	display:none;
	width:100%;
	padding:0 0 0 0;
	text-align:center;
	box-sizing:border-box;
	float:left;
	background-color:#FFFFFF;
}
/********/
/***ボタン***/
.LinkBT{
	font-size:16px;
	width:100%;
	text-align:center;
	margin:0px 0 0 0;
	box-sizing:border-box;
	padding:10px;
	float:left;
	background-color:#FFFFFF;
	transition: 0.5s;
	border-radius:30px;
}
.LinkBT a {
	display:block;
	width: 100%; /* 横幅 */
	padding:5px; /* a要素内の余白 */
	box-sizing:border-box;
	color:#1b6ada;
	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;
}
.LinkBTST{
	font-size:36px;
	width:100%;
	text-align:center;
	margin:0px 0 0 0;
	box-sizing:border-box;
	padding:10px;
	float:left;
	background-color:#1b6ada;
	transition: 0.5s;
	border-radius:30px;
}
.LinkBTST a {
	display:block;
	width: 100%; /* 横幅 */
	padding:5px; /* a要素内の余白 */
	box-sizing:border-box;
	color:#FFFFFF;
	text-decoration: none;
	transition: 0.5s;
	position: relative;
}
.LinkBTST: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;
}
.LinkBTREC{
	font-size:16px;
	width:100%;
	text-align:center;
	margin:0px 0 0 0;
	box-sizing:border-box;
	padding:5px;
	float:left;
	transition: 0.5s;
	border:2px solid #FFFFFF;
	border-radius:30px;
}
.LinkBTREC a {
	display:block;
	width: 100%; /* 横幅 */
	padding:5px; /* a要素内の余白 */
	box-sizing:border-box;
	color:#FFFFFF;
	text-decoration: none;
	transition: 0.5s;
	position: relative;
}
.LinkBTREC:hover {
    filter:alpha(opacity=70);/* IE 6,7*/
    -ms-filter: "alpha(opacity=70)";/* IE 8,9 */
    -moz-opacity:0.7;/* FF , Netscape */
    -khtml-opacity: 0.7;/* Safari 1.x */
    opacity:0.7;
    zoom:1;/*IE*/
	transition: 0.5s;
}

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

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

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

.LinkBTB{
	font-size:16px;
	width:100%;
	text-align:center;
	margin:0px 0 0 0;
	box-sizing:border-box;
	padding:5px;
	float:left;
	font-weight:normal;
	transition: 0.5s;
	border-bottom:1px solid #0f532e;
}
.LinkBTB a {
	display:block;
	width: 100%; /* 横幅 */
	padding:10px; /* a要素内の余白 */
	box-sizing:border-box;
	color:#0f532e;
	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: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;
	color:#000000;
	transition: 0.5s;
}
.LinkBTC a {
	display:block;
	width: 100%; /* 横幅 */
	padding:10px; /* a要素内の余白 */
	box-sizing:border-box;
	color:#000000;
	text-decoration: none;
	transition: 0.5s;
}
.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;
}
.LinkBTFooter{
	font-size:14px;
	width:100%;
	text-align:left;
	margin:0px 0 0 0;
	box-sizing:border-box;
	padding:5px;
	float:left;
	transition: 0.5s;
	border-bottom:1px dotted #404040;
}
.LinkBTFooter a {
	display:block;
	width: 100%; /* 横幅 */
	padding:5px; /* a要素内の余白 */
	box-sizing:border-box;
	color:#404040;
	text-decoration: none;
	transition: 0.5s;
	position: relative;
}
.LinkBTFooter: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:14px;
	width:100%;
	text-align:center;
	margin:0px 0 0 0;
	box-sizing:border-box;
	padding:5px;
	float:left;
	background-color:#FFFFFF;
	transition: 0.5s;
	border-radius:30px;
}
.LinkBTNEWC a {
	display:block;
	width: 100%; /* 横幅 */
	padding:5px; /* a要素内の余白 */
	box-sizing:border-box;
	color:#000000;
	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;
}

/*区切り線*/
.KusuriLine{
	width:100%;
	height:22px;
	margin:50px 0 0 0;
	padding:0 0 0 0;
	box-sizing:border-box;
	background:url(../img/kusuri_line.png);
	background-position: top left;
	background-repeat: repeat-x;
	float:left;
	
}

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

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


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


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




.MaruceBG{
	width:100%;
	min-height:550px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	box-sizing:border-box;
	text-align:center;
	background:url(../img/ca_img_1.png);
	background-position: top right;
	background-repeat: no-repeat;
	position:absolute;
	top:0;
	right:0;
}

/****強み*****/


.StorongPointBoxALL{
	width:100%;
	padding:0px;
	box-sizing:border-box;
	margin:0px 0 0 0;
	text-align:center;
	float:left;
}
.StorongPointBox{
	width:33.3%;
	color:#FFFFFF;
	padding:0px;
	box-sizing:border-box;
	margin:0px 0 0 0;
	text-align:center;
	float:left;
	position: relative;
}
.StorongPointBoxSE{
	width:33.3%;
	color:#FFFFFF;
	padding:10px;
	box-sizing:border-box;
	margin:0px 0 0 0;
	text-align:center;
	float:left;
	position: relative;
}
.StorongPointBoxTH{
	width:66.6%;
	color:#FFFFFF;
	padding:10px;
	box-sizing:border-box;
	margin:0px 0 0 0;
	text-align:center;
	float:left;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}
.StorongPointBoxA{
	width:100%;
	font-size:30px;
	padding:10px;
	box-sizing:border-box;
	margin:0px 0 0 0;
	text-align:left;
	position: absolute;
	top: 0px;
	left: 0px;
}
.StorongPointBoxASE{
	width:100%;
	font-size:30px;
	padding:10px;
	box-sizing:border-box;
	margin:0px 0 0 0;
	text-align:left;
	position: absolute;
	top: 10px;
	left: 10px;
}
.StorongPointBoxB{
	width:100%;
	padding:10px;
	box-sizing:border-box;
	margin:0px 0 0 0;
	text-align:left;
	position: absolute;
	top:50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.StorongPointBoxC{
	width:100%;
	padding:0px;
	box-sizing:border-box;
	margin:0px 0 0 0;
	text-align:center;
	float:left;
}
.StorongPointBoxC span{
	font-size:20px;
	padding:10px;
	background-color:#1b6ada;
	box-sizing:border-box;
}
.StorongPointBoxD{
	width:100%;
	padding:0px;
	box-sizing:border-box;
	margin:20px 0 0 0;
	text-align:center;
	float:left;
}
.StorongPointBoxE{
	width:100%;
	padding:20px;
	background-color:#1b6ada;
	color:#FFFFFF;;
	font-size:28px;
	box-sizing:border-box;
	margin:0px 0 0 0;
	text-align:center;
	float:left;
}

/***店舗情報*****/

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

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

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

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

}

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

}

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

}

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

.TenpoInfoBoxR{
	width:50%;
	line-height:1.3;
	padding:20px;
	box-sizing:border-box;
	margin:0px 0 0 0;
	text-align:center;
	float:left;
}



/***会社概要*****/

.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%;
	font-weight:bold;
	font-size:16px;
	padding:5px 10px 5px 10px;
	box-sizing:border-box;
	margin:0 0 0 0;
	text-align:left;
	float:left;
}
.CompanyListR{
	width:75%;
	font-size:16px;
	padding:5px 10px 5px 10px;
	box-sizing:border-box;
	margin:0 0 0 0;
	text-align:left;
	float:left;
}
.ShikakuList{
	width:100%;
	padding:10px;
	border-bottom:1px dotted #000000;
	box-sizing:border-box;
	margin:10px 0 0 0;
	text-align:center;
	float:left;
}
.ShikakuListL{
	width:75%;
	font-weight:bold;
	font-size:16px;
	padding:5px 10px 5px 10px;
	box-sizing:border-box;
	margin:0 0 0 0;
	text-align:left;
	float:left;
}
.ShikakuListR{
	width:25%;
	font-size:16px;
	padding:5px 10px 5px 10px;
	box-sizing:border-box;
	margin:0 0 0 0;
	text-align:left;
	float:left;
}

/********/


/***事業内容*****/

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

.ServiceBoxMidashiA{
	width:100%;
	padding:0 0 0 0;
	margin:0 0 0 0;
	text-align:left;
	box-sizing:border-box;
	position: absolute;
	top: 50%;
 	left: 50%;
	transform: translateY(-50%) translateX(-50%);
}
.ServiceBoxMidashiA span{
	font-size:40px;
	color:#FFFFFF;
	padding:10px;
	margin:0 0 0 0;
	text-align:left;
	box-sizing:border-box;
	background-color:#1b6ada;
}

.ServiceInfoBoxALL{
	width:100%;
	padding:0 0 0 0;
	margin:0 0 0 0;
	text-align:center;
	float:left;
	box-sizing:border-box;
	color:#161d63;
}
.ServiceInfoBox{
	width:50%;
	color:#161d63;
	padding:15px;
	margin:0 0 0 0;
	text-align:center;
	float:left;
	box-sizing:border-box;
}
.ServiceInfoBoxA{
	width:100%;
	font-size:18px;
	padding:5px;
	margin:0 0 0 0;
	text-align:left;
	float:left;
	box-sizing:border-box;
	border-bottom:1px solid #161d63;
}
.ServiceInfoBoxB{
	width:100%;
	padding:5px;
	margin:0 0 0 0;
	text-align:left;
	float:left;
	box-sizing:border-box;
}



/***事業内容*****/

.FlowerBoxALL{
	width:100%;
	margin:0 0 0 0;
	padding:0px;
	box-sizing:border-box;
	float:left;
	background-color:#efefef;
}
.FlowerBoxA{
	width:100%;
	margin:0 0 0 0;
	padding:0px;
	box-sizing:border-box;
	float:left;
}
.FlowerBoxAL{
	width:50%;
	margin:0 0 0 0;
	padding:0px;
	box-sizing:border-box;
	float:left;
}
.FlowerBoxAR{
	width:50%;
	margin:0 0 0 0;
	padding:10px 10px 10px 50px;
	box-sizing:border-box;
	float:left;
	display: flex;
	justify-content:flex-start;
	align-items: center;
}



.FlowerBoxB{
	width:100%;
	margin:0 0 0 0;
	padding:0px;
	box-sizing:border-box;
	float:left;
}
.FlowerBoxBL{
	width:50%;
	margin:0 0 0 0;
	padding:0px;
	box-sizing:border-box;
	float:right;
}
.FlowerBoxBR{
	width:50%;
	margin:0 0 0 0;
	padding:10px 50px 10px 100px;
	box-sizing:border-box;
	float:left;
	display: flex;
	justify-content:flex-start;
	align-items: center;
}

.FlowerText{
	width:100%;
	margin:0px 0 0 0;
	padding:0px;
	text-align:left;
	box-sizing:border-box;
	float:left;
}
.FlowerTextA{
	width:100%;
	font-size:18px;
	margin:0 0 0 0;
	padding:0px;
	text-align:left;
	box-sizing:border-box;
	float:left;
}
.FlowerTextB{
	width:100%;
	font-size:30px;
	margin:0 0 0 0;
	padding:0px;
	text-align:left;
	box-sizing:border-box;
	float:left;
}
.FlowerTextC{
	width:100%;
	color:#c0a275;
	font-size:18px;
	margin:0 0 0 0;
	padding:0px;
	text-align:left;
	box-sizing:border-box;
	float:left;
}
.FlowerTextD{
	width:100%;
	margin:20px 0 0 0;
	padding:0px;
	text-align:left;
	box-sizing:border-box;
	float:left;
}

.FlowerBGA {
	width:100%;
	height:100%;
	float:left;
	background:url(../img/1f_bg.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	
	border-radius:20px 0 0 20px;
}
.FlowerBGB {
	width:100%;
	height:100%;
	float:left;
	background:url(../img/2f_bg.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	
	border-radius:0 20px 20px 0;
}



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



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



.ServiceBG{
	width:100%;
	min-height:300px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	text-align:center;
	background:url(../img/se_bg.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	float:left;
}





.WEcanBG{
	width:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	text-align:center;
	background:url(../img/wecan_bg.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	float:left;
	border-radius:20px 20px 0 0;
	box-sizing:border-box;
}
.WEcanMARUBG{
	width:100%;
	margin:0 0 0 0;
	padding:100px 0 0 0;
	text-align:center;
	background:url(../img/maru_bg.png);
	background-position: bottom center;
	background-repeat: no-repeat;
	float:left;
	box-sizing:border-box;
}


.WEcanALLBOX{

	width:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:left;
	box-sizing:border-box;
}

/******角丸*****/
.Kadomaru{
	border-radius:20px;
	padding:10px;
	background-color:#FFFFFF;
	box-sizing:border-box;
	font-weight:bold;
	display:inline-block;
}
.CaImgBG{
	position:absolute;
	text-align:right;
	top:0;
	right:0;
	width:100%;
	max-width:800px;
	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;
}


.TOPBTBOXBG{
	background-size: auto auto;
	background-color: rgba(242, 169, 43, 1);
	background-image: repeating-linear-gradient(45deg, transparent, transparent 10px, rgba(241, 180, 75, 1) 10px, rgba(241, 180, 75, 1) 20px );
}

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

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

.MachiLine{
	width:100%;
	height:142px;
	background:url(../img/nami_midashi.webp);
	background-position: bottom center
	background-repeat:no-repeat;
	background-size: cover;
	float:left;
}

.TopAboutA{
	width:10%;
	margin:0px 0 0 0;
	padding:0px 0 0 0;
	text-align:left;
	box-sizing:border-box;
	float:left;
}
.TopAboutAMidashi{
	width:100%;
	margin:0px 0 0 0;
	padding:0px 0 0 0;
	text-align:left;
	box-sizing:border-box;
	float:left;
}
.TopAboutAMidashiSP{
	width:100%;
	margin:0px 0 0 0;
	padding:0px 0 0 0;
	text-align:center;
	box-sizing:border-box;
	float:left;
	display:none;
}
.TopAboutB{
	width:45%;
	margin:0px 0 0 0;
	padding:0px 0 0 0;
	text-align:left;
	box-sizing:border-box;
	float:left;
}
.TopAboutC{
	width:45%;
	margin:0px 0 0 0;
	padding:0px 0 0 0;
	text-align:left;
	box-sizing:border-box;
	float:left;
}



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

.TopConceptBG{
	background:url(../img/top_ca_bg.webp);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}

.TopNewsBG{
	background:url(../img/news_bg_1.webp);
	background-position: top center;
	background-repeat:repeat;
}
.TopNewsBGSE{
	width:100%;
	margin:0px 0 0 0;
	padding:0px;
	box-sizing:border-box;
	margin:-150px 0 0 0;
	background-image: linear-gradient(#1b6ada, #45b1e6);
	float:left;
}
.TopNewsBGTH{
	width:100%;
	margin:0px 0 0 0;
	padding:0px;
	box-sizing:border-box;
	margin:0 0 0 0;
	background:url(../img/news_bg_1_se.webp);
	background-position: top center;
	background-repeat:repeat;
	float:left;
}

.ContactBGALL{
	width:100%;
	margin:0px 0 0 0;
	padding:20px;
	box-sizing:border-box;
	float:left;
	background:url(../img/contact_bg.webp);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;

}
.ContactBG{
	background:url(../img/contact_bg.webp);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;

}

/********/
/*先輩の声*/
/********/


.SenpaiBox{
	width:100%;
	padding:10px;
	box-sizing:border-box;
	margin:0 0 0 0;
	text-align:center;
	float:left;
	background-color:#edf4fa;
}
.SenpaiPhoto{
	width:100%;
	padding:0px;
	box-sizing:border-box;
	margin:0 0 0 0;
	text-align:center;
	float:left;
}
.SenpaiPhotoL{
	width:50%;
	padding:10px;
	box-sizing:border-box;
	margin:0 0 0 0;
	text-align:center;
	float:left;
}
.SenpaiPhotoR{
	width:50%;
	padding:10px;
	box-sizing:border-box;
	margin:0 0 0 0;
	text-align:center;
	float:left;
}

.SenpaiMess{
	width:100%;
	font-size:36px;
	font-weight:bold;
	padding:20px;
	box-sizing:border-box;
	margin:10px 0 0 0;
	text-align:left;
	float:left;
}

.SenpaiName{
	width:100%;
	font-size:18px;
	font-weight:bold;
	padding:20px;
	box-sizing:border-box;
	margin:0 0 0 0;
	text-align:left;
	float:left;
}
.SenpaiBoxA{
	width:100%;
	padding:0px;
	box-sizing:border-box;
	margin:0 0 0 0;
	text-align:left;
	float:left;
}
.SenpaiMidashiA{
	width:100%;
	font-size:22px;
	font-weight:bold;
	padding:10px;
	box-sizing:border-box;
	margin:0 0 0 0;
	text-align:left;
	float:left;
	border-bottom:3px solid #266cd5;
}
.SenpaiTextA{
	width:100%;
	font-size:16px;
	padding:10px;
	box-sizing:border-box;
	margin:0 0 0 0;
	text-align:left;
	float:left;
}

.SenpaiMidashiB{
	width:100%;
	color:#FFFFFF;
	font-size:22px;
	font-weight:bold;
	padding:10px;
	box-sizing:border-box;
	margin:0 0 0 0;
	text-align:center;
	float:left;
	background-color:#266cd5;
}







/********/
/*TOPサービスボタン*/
/********/


.ServiceListBox{
	width:33.3%;
	text-align:center;
	margin:0px 0 0 0;
	padding:0px;
	box-sizing:border-box;
	float:left;

}

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

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

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

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

}
.ServiceListBR{
	width:20%;
	text-align:center;
	margin:0px 0 0 0;
	padding:5px;
	box-sizing:border-box;
	float:left;
	display: flex;
	justify-content: center;
	align-items: center;

}
.ServiceMidashiA{
	width:100%;
	font-size:30px;
	line-height:1.3;
	color:#115798;
	text-align:left;
	margin:0px 0 0 0;
	padding:0px;
	box-sizing:border-box;
	float:left;

}
.ServiceMidashiB{
	width:100%;
	font-size:16px;
	line-height:1.3;
	color:#696969;
	text-align:left;
	margin:0px 0 0 0;
	padding:0px;
	box-sizing:border-box;
	float:left;
}


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

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


.Carib{
	font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
	letter-spacing: 0.08em;
}
.TopTenpoImg{
	width:30%;
	max-width:486px;
	position:  absolute;        /* 要素の配置方法を指定 */
	right:  0px;                /* 左からの位置指定 */
	top: 0px;                  /* 上からの位置指定 */
}
.CommonMidashi{
	width:100%;
	margin:0 0 0 0;
	padding:0 0 10px 0;
	text-align:center;
	float:left;
	line-height:1.3;
	box-sizing:border-box;
	font-weight:bold;
}
.CommonMidashiBG{
	width:100%;
	margin:0 0 0 0;
	text-align:center;
	padding:10px;
	float:left;
	line-height:1.3;
	box-sizing:border-box;
	border-radius:20px;
	background: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 45%, #efeadd 45%, #efeadd 100%);
}
.CommonMidashiA{
	width:100%;
	margin:0 0 0 0;
	text-align:center;
	float:left;
	font-size:48px;
	line-height:1.0;
	box-sizing:border-box;
	color:#1b6ada

}
.CommonMidashiB{
	width:100%;
	font-size:24px;
	color:#1b6ada;
	margin:20px 0 0 0;
	line-height:1.8;
	text-align:center;
	float:left;
	box-sizing:border-box;
}
.CommonMidashiC{
	width:100%;
	margin:10px 0 0 0;
	text-align:center;
	float:left;
	font-size:18px;
	line-height:1.0;
	box-sizing:border-box;
	color:#496032;
}



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

.CommonMidashiSE{
	width:100%;
	margin:-40px 0 100px 0;
	padding:0 0 0 0;
	text-align:center;
	float:left;
	line-height:1.3;
	box-sizing:border-box;
}
.CommonMidashiSEBOX{
	width:100%;
	margin:0 0 0 0;
	padding:30px 10px 30px 10px;
	text-align:center;
	float:left;
	box-sizing:border-box;
	background-color:#000000;
}
.CommonMidashiSEA{
	width:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	text-align:center;
	float:left;
	line-height:1.3;
	box-sizing:border-box;
	color:#FFFFFF;
	font-size:30px;
	font-style: oblique;
}
.CommonMidashiSEB{
	width:100%;
	margin:5px 0 0 0;
	padding:0 0 0 0;
	text-align:center;
	float:left;
	line-height:1.3;
	box-sizing:border-box;
	color:#FFFFFF;
	font-size:16px;
}

/********/




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


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


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

/********/
/*AI人材育成コース*/
/********/




.AIBG{
	background: linear-gradient(90deg, #e6f4f6 0%, #e6f4f6 50%, #FFFFFF 50%, #FFFFFF 100%);
}


/********/
/*本文*/
/********/
/*全体*/
#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;
}
.PageImgMidashi{
	width:100%;
	margin:-40px 0 0 0;
	padding:10px;
	text-align:center;
	box-sizing:border-box;
}
.PageImgMidashi span{
	padding:15px;
	font-size:30px;
	color:#FFFFFF;
	background-color:#1b6ada;
}
#MidashiLine{
	width:100%;
	float:left;
	margin:0 0 50px 0;
	text-align:left;
	background:url(../img/midashi_line.png);
	background-position:right 0px top 40px;
	background-repeat:no-repeat;
}
.KugiriLine{
	width:100%;
	float:left;
	height:31px;
	margin:0 0 20px 0;
	text-align:left;
	background:url(../img/kugiri.png);
	background-position:top left;
	background-repeat:no-repeat;
}
.MidashiBG{
	width:100%;
	height:50px;
	float:left;
	padding:6px;
	margin:0 0 0 0;
	text-align:left;
	background:url(../img/midashi_bg.png);
	background-position:top left;
	background-repeat:no-repeat;
	box-sizing:border-box;
}
/**#PageImg img{
	width: 100%;
}*/
.PageTitle{
	position:absolute;
	top:35%;
	left:0;
	right:0;
	margin: auto;
	color:#FFFFFF;
	font-size:34px;
}
/********/
/*レフト*/

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

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

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


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

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

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

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

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

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

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

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


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

.TOPmidashi{
	display:none;
}

.TOPSP{
	display:none;
}


/********/
/*第2階層パンくず*/
#Pankuzu{
	width:100%;
	max-width:1400px;
	margin:0px auto;
	padding:10px;
	text-align:left;
	box-sizing: border-box;
}
#Pankuzu a:link, #Pankuzu a:visited, #Pankuzu a:hover{
	color:#000000;
	text-decoration: none;
}
#Pankuzu a:hover{
	color:#5a5a5a;
	text-decoration: underline;
}
.PankuzuBox{
	width:100%;
	margin:10px 0 0 0;
	float:left;
}
/*第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:0px 0 0px 0;
	position: relative;
	width: 100%;
	padding-top:80%;
	float:left;
}
 
.iframe-css iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/***会社地図****/

.AboutMapBox{
	width:100%;
	text-align:center;
	padding:0px;
	margin:0 0 0 0;
	float:left;
	box-sizing:border-box;
}
.AboutMapBoxL{
	width:50%;
	text-align:center;
	padding:10px;
	margin:0 0 0 0;
	float:left;
	box-sizing:border-box;
}
.AboutMapBoxR{
	width:50%;
	text-align:center;
	padding:10px;
	margin:0 0 0 0;
	float:left;
	box-sizing:border-box;
}
.AboutMapList{
	width:100%;
	text-align:center;
	padding:0px;
	margin:15px 0 0 0;
	float:left;
	box-sizing:border-box;
	border-bottom:1px solid #efefef;
}
.AboutMapListL{
	width:25%;
	text-align:left;
	padding:5px;
	margin:0 0 0 0;
	float:left;
	box-sizing:border-box;
}
.AboutMapListR{
	width:75%;
	text-align:left;
	padding:5px;
	margin:0 0 0 0;
	float:left;
	box-sizing:border-box;
}

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

/***フッター地図****/
.FooterMapBoxALL{
	width:100%;
	text-align:center;
	padding:0px;
	margin:0 0 0 0;
	float:left;
	box-sizing:border-box;
}
.FooterMapBox{
	width:100%;
	text-align:center;
	padding:0px;
	margin:0 0 0 0;
	float:left;
	box-sizing:border-box;
}
.FooterMapBoxL{
	width:50%;
	text-align:center;
	padding:15px;
	margin:0 0 0 0;
	float:left;
	box-sizing:border-box;
}
.FooterMapBoxR{
	width:50%;
	text-align:center;
	padding:15px;
	margin:0 0 0 0;
	float:left;
	box-sizing:border-box;
}
.FooterMapA{
	width:100%;
	text-align:center;
	padding:0px;
	margin:0 0 0 0;
	float:left;
	box-sizing:border-box;
}
.FooterAcA{
	width:100%;
	text-align:left;
	padding:5px;
	margin:0 0 0 0;
	float:left;
	box-sizing:border-box;
	font-size:36px;
}
.FooterAcB{
	width:100%;
	text-align:left;
	padding:5px;
	margin:0 0 0 0;
	float:left;
	box-sizing:border-box;
	font-size:18px;
	line-height:1.3;
}
.FooterAcC{
	width:100%;
	text-align:left;
	padding:5px;
	margin:10px 0 0 0;
	float:left;
	box-sizing:border-box;
	font-size:18px;
	line-height:1.3;
}
.FooterAcC span{
	background: linear-gradient(transparent 40%, #FFFFFF 60%);
}

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

.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%;
}
/*******/


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


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


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

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


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


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

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


.ConceptInfoBoxALL{
	width:100%;
	text-align:center;
	padding:0px;
	margin:0 0 0 0;
	float:left;
	box-sizing:border-box;
}
.ConceptInfoBoxA{
	width:100%;
	text-align:center;
	padding:0px;
	margin:0 0 0 0;
	float:left;
	box-sizing:border-box;
}
.ConceptInfoBoxB{
	width:100%;
	text-align:center;
	padding:0px;
	margin:-30px 0 0 0;
	float:left;
	box-sizing:border-box;
	position: relative;
}
.ConceptInfoBoxC{
	width:100%;
	font-size:16px;
	text-align:center;
	padding:0px;
	margin:50px 0 100px 0;
	float:left;
	box-sizing:border-box;
}
.ConceptInfoBoxMidashi{
	width:100%;
	text-align:center;
	padding:0px;
	margin:0 0 0 0;
	float:left;
	box-sizing:border-box;
	background-color:#FFFFFF;
}
.ConceptInfoBoxMidashiA{
	width:100%;
	font-size:18px;
	text-align:center;
	padding:0px;
	margin:10px 0 0 0;
	float:left;
	box-sizing:border-box;
}
.ConceptInfoBoxMidashiB{
	width:100%;
	font-size:30px;
	text-align:center;
	padding:0px;
	margin:0 0 0 0;
	float:left;
	box-sizing:border-box;
}
.ConceptInfoBoxPhoto{
	width:33.3%;
	text-align:center;
	padding:10px;
	margin:0 0 0 0;
	float:left;
	box-sizing:border-box;
}



.FeInfoBoxALL{
	width:100%;
	text-align:center;
	padding:0px;
	margin:0 0 0 0;
	float:left;
	box-sizing:border-box;
}
.FeInfoBoxA{
	width:100%;
	text-align:center;
	padding:0px;
	margin:0 0 0 0;
	float:left;
	box-sizing:border-box;
}
.FeInfoBoxB{
	width:40%;
	text-align:left;
	padding:10px;
	margin:0px 0 0 0;
	float:left;
	box-sizing:border-box;
	position: relative;
}
.FeInfoBoxC{
	width:60%;
	text-align:left;
	padding:10px;
	margin:0px 0 0px 0;
	float:left;
	box-sizing:border-box;
}
.FeInfoBoxMidashi{
	width:100%;
	text-align:left;
	padding:0px;
	margin:0 0 0 0;
	float:left;
	box-sizing:border-box;
}
.FeInfoBoxMidashiA{
	width:100%;
	font-size:18px;
	text-align:left;
	padding:0px;
	margin:10px 0 0 0;
	float:left;
	box-sizing:border-box;
}
.FeInfoBoxMidashiB{
	width:100%;
	font-size:30px;
	text-align:left;
	padding:0px;
	margin:0 0 0 0;
	float:left;
	box-sizing:border-box;
}
.FeInfoBoxMidashiC{
	width:100%;
	color:#c0a275;
	font-size:18px;
	text-align:left;
	padding:0px;
	margin:0 0 0 0;
	float:left;
	box-sizing:border-box;
}
.FeInfoBoxPhoto{
	width:50%;
	text-align:center;
	padding:10px;
	margin:0 0 0 0;
	float:left;
	box-sizing:border-box;
}



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

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


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

}

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

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

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


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

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


/*即日買取*/

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


/*訪問*/

.HomeVisitALLBox{
	width:100%;
	margin:0 0 0 0;
	padding:30px;
	box-sizing:border-box;
	float:left;
}
.HomeVisitALLBoxL{
	width:50%;
	margin:0 0 0 0;
	padding:10px;
	box-sizing:border-box;
	float:left;
}
.HomeVisitMidashiBox{
	width:100%;
	margin:0px 0 0 0;
	padding:0;
	box-sizing:border-box;
	float:left;
	text-align:center;
}
.HomeVisitMidashiBoxLine{
	width:100%;
	height:6px;
	margin:0px 0 0 0;
	padding:0;
	background-color:#00974a;
	box-sizing:border-box;
	float:left;
}
.HomeVisitMidashiBox span{
	font-size:20px;
	display:inline-block;
	color:#FFFFFF;
	margin:0 0 0 0;
	padding:20px;
	box-sizing:border-box;
	background-color:#00974a;
	border-radius:20px 20px 0 0;
}

.HomeVisitBox{
	width:50%;
	margin:40px 0 0 0;
	padding:20px;
	box-sizing:border-box;
	float:left;
}
.HomeVisitBoxA{
	width:100%;
	font-size:18px;
	text-align:center;
	margin:0px 0 0 0;
	padding:0px;
	box-sizing:border-box;
	float:left;
}
.HomeVisitBoxB{
	width:100%;
	text-align:center;
	margin:10px 0 0 0;
	padding:0px;
	box-sizing:border-box;
	float:left;
}

.title-border-right {
	font-size:24px;
	color:#00974a;
	display: flex;
	align-items: center;
}
.title-border-right:after {
	border-top: 1px solid #00974a;
	content: "";
	flex-grow: 1;
}
.title-border-right:after {
	margin-left: 1rem;
}

/*LINE受付*/


.FlowALLBox{
	width:100%;
	margin:0 0 0 0;
	padding:30px;
	box-sizing:border-box;
	float:left;
	background-color:#fefcf7;
	border:1px solid #00974a;
	border-radius:20px;
}
.FlowMidashiBox{
	width:100%;
	margin:-40px 0 0 0;
	padding:0;
	box-sizing:border-box;
	float:left;
}
.FlowMidashiBox span{
	font-size:20px;
	color:#FFFFFF;
	margin:0 0 0 0;
	padding:20px;
	box-sizing:border-box;
	background-color:#00974a;
	border-radius:20px;
}
.FlowMidashiBoxA{
	width:20%;
	margin:0 0 0 0;
	padding:10px;
	box-sizing:border-box;
	float:left;
	font-size:30px;
	background-color:#820000;
	text-align:center;
	color:#FFFFFF;
}
.FlowMidashiBoxB{
	width:80%;
	margin:0 0 0 0;
	padding:10px 10px 10px 30px;
	box-sizing:border-box;
	float:left;
	font-size:30px;
	color:#820000;
	text-align:left;
}
.FlowBox{
	width:100%;
	margin:40px 0 0 0;
	padding:10px;
	box-sizing:border-box;
	float:left;
}
.FlowBoxL{
	width:40%;
	margin:0px 0 0 0;
	padding:10px;
	box-sizing:border-box;
	float:left;
}
.FlowBoxR{
	width:60%;
	margin:0px 0 0 0;
	padding:20px;
	box-sizing:border-box;
	float:right;
}
.FlowBoxRR{
	width:60%;
	margin:0px 0 0 0;
	padding:10px 20px 0px 20px;
	box-sizing:border-box;
	float:right;
}
.FlowBoxA{
	width:100%;
	text-align:left;
	font-size:24px;
	color:#00974a;
	margin:0px 0 0 0;
	padding:0px;
	box-sizing:border-box;
	float:left;
}
.FlowBoxAA{
	width:100%;
	text-align:left;
	font-size:24px;
	color:#1c5895;
	margin:0px 0 0 0;
	padding:0px;
	box-sizing:border-box;
	float:left;
	border-bottom:1px dotted #000000;
}
.FlowBoxA span{
	background:linear-gradient(transparent 70%, #b5eea4 70%);
}
.FlowBoxB{
	width:100%;
	text-align:left;
	margin:10px 0 0 0;
	padding:0px;
	box-sizing:border-box;
	float:left;
}
.FlowBoxBB{
	width:100%;
	font-size:16px;
	text-align:left;
	margin:10px 0 0 0;
	padding:0px;
	box-sizing:border-box;
	float:left;
}
.FlowArrowBox{
	width:100%;
	margin:20px 0 0 0;
	padding:10px;
	box-sizing:border-box;
	text-align:center;
	float:left;
}
.Flowth{
	width:20%;
	padding:10px;
	background-color:#63843e;
	color:#FFFFFF;
	box-sizing:border-box;
	border-bottom:1px solid #63843e;
}
.Flowtd{
	width:80%;
	padding:10px;
	color:#63843e;
	box-sizing:border-box;
	border-bottom:1px solid #63843e;
}


/*標準仕様*/

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





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


.Retable th{
	width:25%;
	color:#000000;
	background-color: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{
	width:100%;
	text-align:left;
	padding:0 0 0 0;
	margin:0 0 0 0;
	float:left;
	box-sizing:border-box;
}
.RetableA th{
	width:25%;
	color:#000000;
	background-color:none;
	text-align:left;
	border-bottom:1px dotted #000000;
	background-color:#d4ecfd;
	box-sizing:border-box;
}
.RetableA td{
	width:75%;
	color:#000000;
	background-color:none;
	text-align:left;
	border-bottom:1px dotted #000000;
	background-color:#FFFFFF;
	box-sizing:border-box;
}


.RetableUnion{
	width:100%;
	text-align:left;
	padding:0 0 0 0;
	margin:0 0 0 0;
	float:left;
	box-sizing:border-box;
}
.RetableUnion th{
	color:#000000;
	background-color:none;
	text-align:center;
	border:1px solid #e9e9e9;
	background-color:#d4ecfd;
	box-sizing:border-box;
}
.RetableUnion td{
	color:#000000;
	background-color:none;
	text-align:left;
	border:1px solid #e9e9e9;
	background-color:#FFFFFF;
	box-sizing:border-box;
}



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

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

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


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

.EveBoxL{
	width:50%;
	margin:30px 0 0 0;
	padding:0 0 0 0;
	float:left;
}
.EveBoxR{
	width:50%;
	margin:0px 0 0 0;
	padding:0;
	float:right;
	box-sizing:border-box;
}
.EvePhoto{
	width:100%;
	margin:0px 0 0 0;
	padding:0 0 0 0;
	float:right;
	background-color:red;
}


.EveBoxA{
	width:100%;
	text-align:left;
	font-size:14px;
	color:#FFFFFF;
	margin:10px 0 0 0;
	padding:10px;
	float:left;
	box-sizing:border-box;
	background-color:#00974a;
}
.EveBoxB{
	width:100%;
	text-align:left;
	font-size:18px;
	margin:0px 0 0 0;
	padding:5px 5px 0px 5px;
	float:left;
	box-sizing:border-box;
}
.EveBoxC{
	width:100%;
	text-align:left;
	font-size:14px;
	margin:0px 0 0 0;
	padding:5px;
	float:left;
	box-sizing:border-box;
}

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

/******組合員紹介***/

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

.MemberBTList{
	width: 100%;
	list-style: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	box-sizing: border-box;
}
.MemberBTList li{
	width:33.3%;
	box-sizing: border-box;
	padding:10px;
	box-sizing:border-box;
	transition-duration: 500ms;
	text-align:center;
	float:left;
}
.MemberBTList li a{
	display:block;
	font-size:20px;
	width: 100%; /* 横幅 */
	padding:10px; /* a要素内の余白 */
	box-sizing:border-box;
	background-color:#71abd6;
	color:#FFFFFF;
	text-decoration:none;
	transition-duration: 500ms;
	border-radius:30px;
	float:left;
}
.MemberBTList li a:hover {
    filter:alpha(opacity=70);/* IE 6,7*/
    -ms-filter: "alpha(opacity=70)";/* IE 8,9 */
    -moz-opacity:0.7;/* FF , Netscape */
    -khtml-opacity: 0.7;/* Safari 1.x */
    opacity:0.7;
    zoom:1;/*IE*/
}

.MemberInfoMidashi{
	width:100%;
	font-size:18px;
	color:#FFFFFF;
	padding:10px;
	margin:0 0 0px 0;
	text-align:left;
	float:left;
	box-sizing: border-box;
	background-color:#71abd6;
}
.MemberInfoBox{
	width: 100%;
	list-style: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	box-sizing: border-box;
}
.MemberInfoBox li{
	width:50%;
	padding:25px;
	margin:20px 0 0 0;
	text-align:center;
	float:left;
	box-sizing: border-box;
}
.MemberInfoMidashiSE{
	width:100%;
	font-size:18px;
	padding:10px;
	margin:0 0 0px 0;
	text-align:left;
	float:left;
	box-sizing: border-box;
	border-bottom:2px solid #71abd6;
}

/******組合員紹介***/

/******グループ企業***/

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

.GroupBoxMidashi{
	width:100%;
	padding:10px;
	margin:0 0 0px 0;
	text-align:left;
	float:left;
	box-sizing: border-box;
	background-color:#1b6ada;
	color:#FFFFFF;
}
.GroupBoxMidashiA{
	width:100%;
	font-size:18px;
	padding:0px;
	margin:0 0 0px 0;
	text-align:center;
	float:left;
	box-sizing: border-box;
}
.GroupBoxMidashiB{
	width:100%;
	font-size:36px;
	padding:0px;
	margin:0 0 0px 0;
	text-align:center;
	float:left;
	box-sizing: border-box;
}
.GroupBoxPhoto{
	width:100%;
	padding:0px;
	margin:0 0 0px 0;
	text-align:center;
	float:left;
	box-sizing: border-box;
}
.GroupBoxA{
	width:100%;
	padding:0px;
	margin:0 0 0px 0;
	text-align:center;
	float:left;
	box-sizing: border-box;
}
.GroupBoxB{
	width:100%;
	padding:0px;
	margin:80px 0 0px 0;
	text-align:center;
	float:left;
	box-sizing: border-box;
}
.GroupBoxBL{
	width:50%;
	padding:10px;
	margin:0 0 0px 0;
	text-align:center;
	float:left;
	box-sizing: border-box;
}
.GroupBoxBR{
	width:50%;
	padding:10px;
	margin:0 0 0px 0;
	text-align:center;
	float:left;
	box-sizing: border-box;
}

.GroupBoxC{
	width:100%;
	list-style: none;
	margin:30px 0 0 0;
	padding:0 0 0 0;
	float:left;
	box-sizing: border-box;
}
.GroupBoxC li{
	width:25%;
	padding:10px;
	box-sizing:border-box;
	text-align:center;
	float:left;
}

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

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

.ProList{
	width:100%;
	list-style: none;
	margin: 0;
	padding: 0;
	float:left;
	box-sizing: border-box;
}
.ProList li{
	width:25%;
	padding:10px;
	box-sizing:border-box;
	transition-duration: 500ms;
	text-align:center;
	float:left;
}
.ProList li a{
	display:block;
	font-size:20px;
	width: 100%; /* 横幅 */
	padding:10px; /* a要素内の余白 */
	box-sizing:border-box;
	background-color:#FFFFFF;
	color:#3b3e3b;
	text-decoration:none;
	border:1px solid #3b3e3b;
	transition-duration: 500ms;
	border-radius:30px;
}
.ProList li a:hover {
	color:#FFFFFF;
	background-color:#3b3e3b;
}


.ProList .bton{
	display:block;
	font-size:20px;
	width: 100%; /* 横幅 */
	padding:10px; /* a要素内の余白 */
	box-sizing:border-box;
	background-color:#3b3e3b;
	color:#FFFFFF;
	text-decoration:none;
	border:1px solid #3b3e3b;
	transition-duration: 500ms;
	border-radius:30px;
}
.ProList .bton: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:25%;
	margin:0 0 0 0;
	padding:5px;
	list-style-type: none;
	display:block;
	float:left;
	box-sizing:border-box;
}
.WorkinfoBox{
	width:33.3%;
	margin:0 0 0 0;
	padding:10px;
	float:left;
	box-sizing:border-box;
}

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

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


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



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

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


#FooterBTSP{
	width:100%;
	margin:10px 0 0 0;
	color:#FFFFFF;
	padding:0 0 0 0;
	text-align:left;
	transition: 0.5s;
	font-weight:normal;
}
#FooterBTSP a{
	font-weight:bold;
	color:#000000;
	text-decoration: none;
	transition: 0.5s;
}
#FooterBTSP a:hover{
	color:#fbbe54;
	transition: 0.5s;
}
/**上側**/
#FooterBoxA{
	width:40%;
	text-align:center;
	margin:10px 0 0 0;
	padding:10px;
	float:left;
	color:#000000;
	box-sizing:border-box;
}
#FooterBoxA a{
	color:#000000;
	font-size:14px;
	font-weight:bold;
	transition: 0.5s;
	text-decoration: none;
}
#FooterBoxA a:hover{
	color:#00974a;
	transition: 0.5s;
}

#FooterBoxB{
	width:60%;
	text-align:left;
	margin:0px 0 0 0;
	padding:10px;
	float:left;
	color:#000000;
	box-sizing:border-box;
	transition: 0.5s;
	font-weight:bold;
}
#FooterBoxB a{
	color:#000000;
	font-size:16px;
	font-weight:bold;
	transition: 0.5s;
	text-decoration: none;
}
#FooterBoxB a:hover{
	color:#71abd6;
	transition: 0.5s;
}

#FooterLink{
	width:100%;
	text-align:left;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:left;
	box-sizing:border-box;
	border-top:1px solid #d9d9d9;
	border-bottom:1px solid #d9d9d9;
	transition: 0.5s;
}

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

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

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


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

.MainFont{
	text-align:center;
	color:#000000;
	font-size:14px;
	transition: 0.5s;
	font-weight:bold;
	letter-spacing: 0.12em;
}
.MainFont:hover{
	color:#1b6ada;
}
.MainFontCon{
	text-align:center;
	color:#364d20;
	font-size:15px;
	transition: 0.5s;
}
.MainFontCon:hover{
	color:#669dd1;
}
.SubFont{
	text-align:center;
	font-size:12px;
	transition: 0.5s;
	color:#FFFFFF;
	font-weight:normal;
	letter-spacing: 0.10em;
}

.MainFontSE{
	text-align:center;
	color:#000000;
	font-size:16px;
	transition: 0.5s;
	font-weight:bold;
	letter-spacing: 0.12em;
}
.MainFontSE:hover{
	color:#669dd1;
}
.SubFontSE{
	text-align:center;
	font-size:12px;
	transition: 0.5s;
	color:#364d20;
	font-weight:normal;
	letter-spacing: 0.10em;
}

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

.GlobalNavi li{
	font-size:12px;
	display:block;
	margin:0 0 0 0;
	padding:0 0 0 0;
	display: inline-block; 
	font-weight: 600;
	position:relative;
	line-height:1.3;
	transition: 0.5s;
	text-align:left;
	color:#FFFFFF;
	border-bottom:0px solid transparent;
}
.GlobalNavi li a{
	font-size:12px;
	text-align:center;
	display:block;
	width:100%;
	padding:5px 5px 10px 5px;
	box-sizing:border-box;
	text-decoration: none;
	color:#FFFFFF;
	border-bottom:0px solid transparent;
	transition: 0.5s;
}
.GlobalNavi li a:hover{
	color:#b6ab88;
	border-bottom:0px 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;
}

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

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

/**新着情報**/
.NewsBox{
	width:100%;
	margin:50px 0 100px 0;
	padding:0 0 0 0;
	text-align:left;
	float:left;
	position:relative;
}
.NewsMidashi{
	font-size:24px;
	color:#6d7909;
	line-height:1.3;
	width:100%;
	margin:0px 0 0 0;
	padding:10px;
	box-sizing:border-box;
	text-align:center;
	float:left;
	border-bottom:3px solid #f6f6f6;
}
.NewsBoxLL{
	width:100%;
	margin:0 0 0 0;
	padding:0px;
	text-align:left;
	float:left;
	box-sizing:border-box;
}
.NewsBoxRR{
	width:100%;
	margin:0 0 0 0;
	padding:10px;
	text-align:left;
	float:left;
	box-sizing:border-box;
}
.NewsBoxL{
	width:100%;
	margin:0 0 0 0;
	padding:0px;
	text-align:center;
	float:left;
	box-sizing:border-box;
	position:relative;
}
.NewsBoxR{
	width:100%;
	margin:0px 0 0 0;
	padding:10px 0 10px 0;
	text-align:left;
	float:left;
	box-sizing:border-box;
}


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

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

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


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

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

.NewsTimeBox{
	font-size:14px;
	width:100%;
	margin:0 0 0 0;
	padding:5px;
	box-sizing:border-box;
	text-align:left;
	float:left;
	color:#000000;
}
.TenpoIcon{
	width:100%;
	margin:0 0 0 0;
	padding:0px;
	text-align:left;
	position:absolute;
	left:10px;
	top:10px;
}
.NewsTimeBoxA{
	width:100%;
	margin:0 0 0 0;
	padding:0px;
	box-sizing:border-box;
	text-align:center;
	float:left;
	line-height:1.2;
}
.NewsTimeBoxB{
	font-size:24px;
	width:100%;
	margin:0 0 0 0;
	padding:0px;
	box-sizing:border-box;
	text-align:center;
	float:left;
	line-height:1.2;
}

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


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

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


.CarImgA{
	width:100%;
	max-width:226px;
	text-align:left;
	position: absolute;
	bottom: 3%;
	left: 5%;
}
.CarImgB{
	width:100%;
	max-width:176px;
	text-align:right;
	position: absolute;
	bottom: 3%;
	right: 5%;
}

/****診療時間***/

.TimeTableA{
	width:100%;
	text-align:left;
	padding:0 0 0 0;
	margin:0 0 0 0;
	float:left;
	box-sizing:border-box;
	letter-spacing: 0.08em;
}
.TimeTableA th{
	color:#FFFFFF;
	padding:10px;
	background-color:none;
	text-align:center;
	background-color:#236a9e;
	box-sizing:border-box;
	border: 1px #FFFFFF solid;
}
.TimeTableA td{
	color:#000000;
	padding:10px;
	background-color:none;
	text-align:center;
	background-color:#FFFFFF;
	box-sizing:border-box;
}

/****診療時間***/


/**商品新着情報**/


.ItemNewsBox{
	width:100%;
	margin:0 0 0 0;
	padding:10px;
	float:left;
	text-align:center;
	box-sizing:border-box;
}
#ItemNewsList{
	width:100%;
	margin:0 0 0 0;
	padding:0 0 0px 0;
	float:left;
	text-align:center;
}
#ItemNewsList li{
	text-align:left;
	font-size:12px;
	color:#FFFFFF;
	width:33.3%;
	padding:10px;
	margin:20px 0 0 0;
	list-style-type: none;
	overflow:hidden;
	box-sizing:border-box;
	float:left;
	transition: 0.5s;
	position:relative;
}

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

#ItemNewsList a:hover{
	color:#000000;
	text-decoration: underline;
	transition: 0.5s;
}

.ItemNewsBoxL{
	width:100%;
	margin:0 0 0 0;
	padding:0px;
	float:left;
	text-align:center;
	box-sizing:border-box;
}
.ItemNewsBoxR{
	width:100%;
	margin:0 0 0 0;
	padding:0px;
	float:left;
	text-align:center;
	box-sizing:border-box;
}
.ItemNewsInfo{
	width:100%;
	height:100%;
	margin:0 0 0 0;
	padding:0;
	text-align:left;
	position: absolute;
	bottom: 0px;
	left: 0px;
	display:flex;
	align-items:flex-end;
	background-color:rgba(0,0,0,0.5);
	-webkit-transition: .4s ease-in-out;
	transition: .4s ease-in-out;
	opacity: 0;
}

.ItemNewsBoxL:hover .ItemNewsInfo {
    opacity: 1;
}

.ItemNewsInfoA{
	width:100%;
	color:#FFFFFF;
	font-size:14px;
	margin:0 0 0 0;
	padding:5px;
	float:left;
	text-align:left;
	box-sizing:border-box;
}

/**商品情報**/

.ItemInfoBoxA{
	width:100%;
	margin:0 0 0 0;
	padding:0px;
	float:left;
	text-align:left;
	box-sizing:border-box;
}
.ItemInfoBoxAL{
	width:45%;
	margin:0 0 0 0;
	padding:10px;
	float:left;
	text-align:left;
	box-sizing:border-box;
}
.ItemInfoBoxAR{
	width:55%;
	margin:0 0 0 0;
	padding:15px;
	float:left;
	text-align:left;
	box-sizing:border-box;
}

.ItemInfoBoxListA{
	width:100%;
	font-size:18px;
	margin:10px 0 0 0;
	padding:0px;
	float:left;
	text-align:left;
	box-sizing:border-box;
}
.ItemInfoBoxListB{
	width:100%;
	font-size:30px;
	margin:10px 0 0 0;
	padding:0px;
	float:left;
	text-align:left;
	box-sizing:border-box;
	border-bottom:1px solid #a6a6a6;
}
.ItemInfoBoxListC{
	width:100%;
	margin:10px 0 0 0;
	padding:0px;
	float:left;
	text-align:right;
	box-sizing:border-box;
	border-bottom:1px dotted #a6a6a6;
}
.ItemInfoBoxListD{
	width:100%;
	font-size:16px;
	line-height:1.8;
	margin:10px 0 0 0;
	padding:10px;
	float:left;
	text-align:left;
	box-sizing:border-box;
}

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

.ItemInfoBoxSum li{
	text-align:left;
	font-size:12px;
	color:#FFFFFF;
	width:25%;
	padding:10px;
	margin:10px 0 0 0;
	list-style-type: none;
	overflow:hidden;
	box-sizing:border-box;
	float:left;
	transition: 0.5s;
}
.ItemInfoBoxB{
	width:100%;
	line-height:1.8;
	margin:10px 0 0 0;
	padding:10px;
	float:left;
	text-align:left;
	box-sizing:border-box;
}
.ItemInfoBoxC{
	width:100%;
	margin:10px 0 0 0;
	padding:10px;
	float:left;
	text-align:right;
	box-sizing:border-box;
}

.KakakuA{
	font-size:24px;
}
.KakakuB{
	font-size:14px;
}



/**施工事例情報**/
.WorksNewsBox{
	width:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	text-align:left;
	float:left;
	position:relative;
}
.WorksNewsMidashi{
	font-size:24px;
	color:#6d7909;
	width:100%;
	margin:0px 0 0 0;
	padding:10px;
	box-sizing:border-box;
	text-align:center;
	float:left;
}
.WorksNewsArrow{
	width:100%;
	margin:0 0 0 0;
	padding:0;
	text-align:right;
	position: absolute;
	bottom: 0px;
	left: 0px;

}

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

}
.EventArrow{
	font-size:14px;
	color:#FFFFFF;
	width:100%;
	margin:0 0 0 0;
	padding:0;
	text-align:right;
	position: absolute;
	bottom: 5px;
	right: 10px;
}
.YoyakauOn{
	margin:0 0 0 0;
	padding:5px;
	font-weight:bold;
	box-sizing:border-box;
	text-align:center;
	color:#FFFFFF;
	background-color:#f18800;
}

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

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

}

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

.WorksNewsBoxCate{
	width:100%;
	margin:0 0 0 0;
	padding:10px 5px 10px 5px;
	text-align:left;
	float:left;
	box-sizing:border-box;
	border-bottom:1px solid #000000;
}
.WorksCateBox{
	width:100%;
	max-width:80px;
	font-size:12px;
	color:#FFFFFF;
	margin:5px 2px 0px 2px;
	padding:5px;
	text-align:center;
	box-sizing:border-box;
	background-color:#000000;
	float:left;
}


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

.WorksNewsBoxRTextA{
	line-height:1.3;
	font-size:18px;
	width:100%;
	margin:0px 0 0 0;
	padding:3px;
	box-sizing:border-box;
	float:left;
	text-align:left;
	color:#484747;
}
.WorksNewsBoxRTextB{
	line-height:1.3;
	font-size:18px;
	width:100%;
	margin:5px 0 0 0;
	padding:3px;
	box-sizing:border-box;
	float:left;
	text-align:left;
	color:#484747;
}
.WorksNewsBoxRTextC{
	line-height:1.3;
	font-size:14px;
	width:100%;
	margin:5px 0 0 0;
	padding:3px;
	box-sizing:border-box;
	float:left;
	text-align:left;
	color:#484747;
}
.WorksNewsBoxRTextD{
	line-height:1.3;
	font-size:14px;
	color:#484747;
	width:100%;
	margin:10px 0 0 0;
	padding:3px;
	box-sizing:border-box;
	float:left;
	text-align:right;
}

#WorksNewsList{
	width:100%;
	margin:0 0 0 0;
	padding:0 0 0px 0;
	float:left;
	text-align:center;
}
#WorksNewsList li{
	text-align:left;
	font-size:12px;
	color:#FFFFFF;
	width:50%;
	padding:10px;
	margin:20px 0 0 0;
	list-style-type: none;
	overflow:hidden;
	box-sizing:border-box;
	float:left;
	transition: 0.5s;
	position:relative;
}

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

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



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

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


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

#WorksPageList{
	width:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:left;
	text-align:left;
}
#WorksPageList li{
	text-align:left;
	font-size:10px;
	color:#000000;
	width:33.3%;
	padding:20px;
	margin:10px 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:#161d63;
	color:#FFFFFF;
	box-sizing:border-box;
}
.WorksNewsBoxName{
	font-size:16px;
	margin:0 0 0 0;
	padding:10px;
	background-color:#1b6ada;
	color:#FFFFFF;
	box-sizing:border-box;
}

/****お客様の声***/
.VoiceNewsBox{
	width:100%;
	margin:20px 0 100px 0;
	padding:0 0 0 0;
	text-align:left;
	float:left;
	position:relative;
}
.VoiceNewsBoxL{
	width:100%;
	margin:0 0 0 0;
	padding:0px;
	text-align:left;
	float:left;
	box-sizing:border-box;
}
.VoiceNewsBoxR{
	width:100%;
	margin:5px 0 0 0;
	padding:0px;
	text-align:left;
	float:left;
	box-sizing:border-box;
}

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



/*縦書き*/
.Tategaki{

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


	text-orientation: upright;

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

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

.MainFont{
	font-size:12px;
}
.SubFont{
	font-size:10px;
}

#headerBoxL{
}
#headerBoxR{
}
.headerBoxSub{
	text-align:center;
	margin:15px 0 15px 0;
}
.GlobalNavi{
}

.FooterMapBoxR{
	
}


.TopAboutAMidashi{
	display:none;
}
.TopAboutAMidashiSP{
	display:block;
}
.TopAboutA{
	width:100%;
}
.TopAboutB{
	width:100%;
}
.TopAboutC{
	width:100%;
}


.TOPLINK{
}
.TOPBTtextA{
	font-size:24px;
}
.TOPBTtextB{
	font-size:16px;
}
.TOPBTtextC{
	font-size:14px;
}


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



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


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


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


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

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


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

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




.evecover {
	padding-top:60%;
}

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

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



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

.NewsTimeBox{
	color:#FFFFFF;
}

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



}

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


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

.fix-header{
	display:none;
}

.fix-footer{
	display:none;
}


.SlideText{
}


.AIBG{
	background: linear-gradient(90deg, #FFFFFF 0%, #FFFFFF 50%, #FFFFFF 50%, #FFFFFF 100%);
}


.TopSlide{
	margin:-50px 0 0 0;
}


.BlogPrevBT{
	width:150px;
}
.BlogNextBT{
	width:150px;
}

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

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

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


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

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

/***採用情報*****/

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

.SenpaiMess{
	width:100%;
	font-size:24px;
	font-weight:bold;
	padding:10px;
	box-sizing:border-box;
	margin:0px 0 0 0;
	text-align:left;
	float:left;
}

.SenpaiName{
	width:100%;
	font-size:18px;
	font-weight:bold;
	padding:10px;
	box-sizing:border-box;
	margin:0 0 0 0;
	text-align:left;
	float:left;
}
.SenpaiBoxA{
	width:100%;
	padding:0px;
	box-sizing:border-box;
	margin:0 0 0 0;
	text-align:left;
	float:left;
}
.SenpaiMidashiA{
	width:100%;
	font-size:14px;
	font-weight:bold;
	padding:10px;
	box-sizing:border-box;
	margin:0 0 0 0;
	text-align:left;
	float:left;
}
.SenpaiTextA{
	width:100%;
	font-size:14px;
	padding:10px;
	box-sizing:border-box;
	margin:0 0 0 0;
	text-align:left;
	float:left;
}

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

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


/****強み*****/
.LinkBTST{
	font-size:24px;
}



.StorongPointBoxALL{
	width:100%;
	padding:0px;
	box-sizing:border-box;
	margin:0px 0 0 0;
	text-align:center;
	float:left;
}
.StorongPointBox{
	width:100%;
}
.StorongPointBoxSE{
	width:100%;
}
.StorongPointBoxTH{
	width:100%;
}
.StorongPointBoxE{
	font-size:16px;
}




.RecruiteBG{
}


.WEcanBG{
}
.WEcanMARUBG{
	padding:70px 0 0 0;
	background-size: cover;
}



.WEcanALLBOX{

	width:100%;
	margin:0 0 0 0;
	padding:0 10px 40px 10px;
}
/********/

.ContactBG{
	width:100%;
	float: left;
	margin:0px 0 0 0;
	padding:10px;
	box-sizing:border-box;
	border-radius:0 0 0 0;

}



/********/
/*TOPサービスボタン*/
/********/


.ServiceListBox{
	width:100%;
	padding:20px;

}

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

}
.ServiceListBR{
	width:20%;
	text-align:center;
	margin:0px 0 0 0;
	padding:5px;
	box-sizing:border-box;
	float:left;
	display: flex;
	justify-content: center;
	align-items: center;

}
.ServiceMidashiA{
	font-size:24px;

}
.ServiceMidashiB{
	font-size:14px;
}



/***事業内容*****/

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

.ServiceBoxMidashiA span{
	font-size:20px;
}


.ServiceInfoBox{
	width:100%;
	padding:20px;
}
.ServiceInfoBoxA{
	font-size:18px;
}
.ServiceInfoBoxB{
}


/***事業内容*****/


/******グループ企業***/


.GroupBoxMidashi{
	width:100%;
	padding:10px;
	margin:0 0 0px 0;
	text-align:left;
	float:left;
	box-sizing: border-box;
	color:#FFFFFF;
}
.GroupBoxMidashiA{
	width:100%;
	font-size:14px;
	padding:0px;
	margin:0 0 0px 0;
	text-align:center;
	float:left;
	box-sizing: border-box;
}
.GroupBoxMidashiB{
	font-size:22px;
}
.GroupBoxB{
	width:100%;
	padding:0px;
	margin:80px 0 0px 0;
	text-align:center;
	float:left;
	box-sizing: border-box;
}
.GroupBoxBL{
	width:100%;
	padding:10px;
	margin:0 0 0px 0;
	text-align:center;
	float:left;
	box-sizing: border-box;
}
.GroupBoxBR{
	width:100%;
	padding:10px;
	margin:0 0 0px 0;
	text-align:center;
	float:left;
	box-sizing: border-box;
}

.GroupBoxC{
}
.GroupBoxC li{
	width:50%;
}

/***車****/
.CarImgA{
	width:100%;
	max-width:126px;
	text-align:left;
	position: absolute;
	bottom: 1%;
	left: 5%;
}
.CarImgB{
	width:100%;
	max-width:100px;
	text-align:right;
	position: absolute;
	bottom: 1%;
	right: 5%;
}

/**商品新着情報**/


.ItemNewsBox{
	width:100%;
	margin:0 0 0 0;
	padding:10px;
	float:left;
	text-align:center;
	box-sizing:border-box;
}
#ItemNewsList{
	width:100%;
	margin:0 0 0 0;
	padding:0 0 0px 0;
	float:left;
	text-align:center;
}
#ItemNewsList li{
	text-align:left;
	font-size:12px;
	color:#FFFFFF;
	width:100%;
	padding:10px;
	margin:20px 0 0 0;
	list-style-type: none;
	overflow:hidden;
	box-sizing:border-box;
	float:left;
	transition: 0.5s;
	position:relative;
}

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

#ItemNewsList a:hover{
	color:#000000;
	text-decoration: underline;
	transition: 0.5s;
}

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

.ItemNewsInfo{
	display:none;
}

/*********/

.TopMesseBoxL{
	width:100%;
}
.TopMesseBoxR{
	width:100%;
}
.TopMesseBoxLL{
	width:100%;
	float:left;
}
.TopMesseBoxRR{
	width:100%;
	float:left;
}
.TopMesseBoxA{
	width:100%;
	margin:40px 0 0 0;
}
.TopMesseBoxB{
	width:100%;
	margin:20px 0 0 0;
	padding:0 0 0 0;
	font-size:30px;
}
.TopMesseBoxC{
	margin:20px 0 0 0;
}
.TopMesseBoxD{
	width:100%;
	margin:30px 0 0 0;
}
.TopMesseBoxSum{
	width:100%;
}


/********/


/***店舗情報*****/

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

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

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

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

}

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

}

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

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

.tenpo-css {
	margin:0px 0 0px 0;
	position: relative;
	width: 100%;
	padding-top:90%;
	float:left;
}





/***会社概要*****/
.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%;
	font-size:14px;
	margin:0;
	padding:5px;
	text-align:left;
	float:left;
	box-sizing:border-box;
}
.CompanyListR{
	width:100%;
	font-size:14px;
	margin:0;
	padding:5px;
	text-align:left;
	float:left;
	box-sizing:border-box;
}
.ShikakuList{
	width:100%;
	margin:20px 0 0 0;
	padding:0px;
	text-align:left;
	float:left;
	border-bottom:1px dotted #8bb269;
	box-sizing:border-box;
}
.ShikakuListL{
	width:100%;
	font-size:14px;
	margin:0;
	padding:5px;
	text-align:left;
	float:left;
	box-sizing:border-box;
}
.ShikakuListR{
	width:100%;
	font-size:14px;
	margin:0;
	padding:5px;
	text-align:left;
	float:left;
	box-sizing:border-box;
}

/***フロア紹介*****/

.FlowerBoxALL{
	width:100%;
	margin:0 0 0 0;
	padding:0px;
	box-sizing:border-box;
	float:left;
	background-color:#efefef;
}
.FlowerBoxA{
	width:100%;
	margin:0 0 0 0;
	padding:0px;
	box-sizing:border-box;
	float:left;
}
.FlowerBoxAL{
	width:100%;
	margin:0 0 0 0;
	padding:0px;
	box-sizing:border-box;
	float:left;
}
.FlowerBoxAR{
	width:100%;
	margin:0 0 0 0;
	padding:10px;
	box-sizing:border-box;
	float:left;
	display: flex;
	justify-content:flex-start;
	align-items: center;
}



.FlowerBoxB{
	width:100%;
	margin:0 0 0 0;
	padding:0px;
	box-sizing:border-box;
	float:left;
}
.FlowerBoxBL{
	width:100%;
	margin:0 0 0 0;
	padding:0px;
	box-sizing:border-box;
	float:right;
}
.FlowerBoxBR{
	width:100%;
	margin:0 0 0 0;
	padding:10px;
	box-sizing:border-box;
	float:left;
	display: flex;
	justify-content:flex-start;
	align-items: center;
}

.FlowerText{
	width:100%;
	margin:0px 0 0 0;
	padding:0px;
	text-align:left;
	box-sizing:border-box;
	float:left;
}
.FlowerTextA{
	width:100%;
	font-size:16px;
	margin:0 0 0 0;
	padding:0px;
	text-align:left;
	box-sizing:border-box;
	float:left;
}
.FlowerTextB{
	width:100%;
	font-size:24px;
	margin:0 0 0 0;
	padding:0px;
	text-align:left;
	box-sizing:border-box;
	float:left;
}
.FlowerTextC{
	width:100%;
	color:#c0a275;
	font-size:16px;
	margin:0 0 0 0;
	padding:0px;
	text-align:left;
	box-sizing:border-box;
	float:left;
}
.FlowerTextD{
	width:100%;
	margin:20px 0 0 0;
	padding:0px;
	text-align:left;
	box-sizing:border-box;
	float:left;
}



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


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

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

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




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


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

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

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

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

}
.CommonMidashiB{
	font-size:16px;
	margin:10px 0 0 0;
}
.CommonMidashiC{
	font-size:18px;
}


.CommonMidashiSE{
	margin:-20px 0 50px 0;
}
.CommonMidashiSEmax{
	max-width:1000px;
}
.CommonMidashiSEBOX{
	width:100%;
	margin:0 0 0 0;
	padding:30px 10px 30px 10px;
	text-align:center;
	float:left;
	box-sizing:border-box;
}
.CommonMidashiSEA{
	font-size:24px;
}
.CommonMidashiSEB{
	font-size:16px;
}

/********/


/*ページ全体*/

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

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

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

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

#LeftBox{
	display:inline;
	width:100%;
	margin:20px 0 0 0;
	padding:5px 20px 0 20px;
	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 20px 5px 20px;
	box-sizing: border-box;
}
#BlogAllBox{
	width:100%;
}

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

#RightBoxBlog li{
	width:100%;
}


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

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


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

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

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

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

.TOPBTBOX li{
	width:100%;
}
.TOPBTtextA{
	font-size:20px;
}


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


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

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




/**商品情報**/

.ItemInfoBoxA{
	width:100%;
	margin:0 0 0 0;
	padding:0px;
	float:left;
	text-align:left;
	box-sizing:border-box;
}
.ItemInfoBoxAL{
	width:100%;
	margin:0 0 0 0;
	padding:10px;
	float:left;
	text-align:left;
	box-sizing:border-box;
}
.ItemInfoBoxAR{
	width:100%;
	margin:0 0 0 0;
	padding:15px;
	float:left;
	text-align:left;
	box-sizing:border-box;
}

.ItemInfoBoxListA{
	width:100%;
	font-size:16px;
	margin:10px 0 0 0;
	padding:0px;
	float:left;
	text-align:left;
	box-sizing:border-box;
}
.ItemInfoBoxListB{
	width:100%;
	font-size:20px;
	margin:10px 0 0 0;
	padding:0px;
	float:left;
	text-align:left;
	box-sizing:border-box;
	border-bottom:1px solid #a6a6a6;
}
.ItemInfoBoxListC{
	width:100%;
	margin:10px 0 0 0;
	padding:0px;
	float:left;
	text-align:right;
	box-sizing:border-box;
	border-bottom:1px dotted #a6a6a6;
}
.ItemInfoBoxListD{
	width:100%;
	font-size:14px;
	line-height:1.8;
	margin:15px 0 0 0;
	padding:0px;
	float:left;
	text-align:left;
	box-sizing:border-box;
}

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

.ItemInfoBoxSum li{
	text-align:left;
	font-size:12px;
	color:#FFFFFF;
	width:50%;
	padding:10px;
	margin:10px 0 0 0;
	list-style-type: none;
	overflow:hidden;
	box-sizing:border-box;
	float:left;
	transition: 0.5s;
}
.ItemInfoBoxB{
	width:100%;
	line-height:1.8;
	margin:10px 0 0 0;
	padding:10px;
	float:left;
	text-align:left;
	box-sizing:border-box;
}
.ItemInfoBoxC{
	width:100%;
	margin:10px 0 0 0;
	padding:10px;
	float:left;
	text-align:right;
	box-sizing:border-box;
}

.KakakuA{
	font-size:24px;
}
.KakakuB{
	font-size:14px;
}


/*新着情報*/

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

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

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

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

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

/******組合員紹介***/

.MemberBTALLBox{
}

.MemberBTList{
}
.MemberBTList li{
	width:50%;
}
.MemberBTList li a{
	display:block;
	font-size:16px;
	width: 100%; /* 横幅 */
	padding:10px; /* a要素内の余白 */
	box-sizing:border-box;
	background-color:#71abd6;
	color:#FFFFFF;
	text-decoration:none;
	transition-duration: 500ms;
	border-radius:30px;
	float:left;
}
.MemberBTList li a:hover {
    filter:alpha(opacity=70);/* IE 6,7*/
    -ms-filter: "alpha(opacity=70)";/* IE 8,9 */
    -moz-opacity:0.7;/* FF , Netscape */
    -khtml-opacity: 0.7;/* Safari 1.x */
    opacity:0.7;
    zoom:1;/*IE*/
}

.MemberInfoBox li{
	width:100%;
	padding:20px 10px 20px 10px;
}

/******組合員紹介***/



/*施工事例*/

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

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

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

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


/****お客様の声***/
.VoiceNewsBox{
	width:100%;
	margin:20px 0 30px 0;
}

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




/*訪問*/

.HomeVisitALLBox{
	width:100%;
	margin:0 0 0 0;
	padding:10px;
	box-sizing:border-box;
	float:left;
}
.HomeVisitALLBoxL{
	width:100%;
}
.HomeVisitMidashiBox{
}
.HomeVisitMidashiBoxLine{
	width:100%;
	height:6px;
	margin:0px 0 0 0;
	padding:0;
	background-color:#00974a;
	box-sizing:border-box;
	float:left;
}
.HomeVisitMidashiBox span{
	font-size:16px;
	padding:10px;
}

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

/*LINE受付*/

.FlowBox{
	width:100%;
	margin:40px 0 0 0;
	padding:10px;
	box-sizing:border-box;
	float:left;
}
.FlowBoxA{
	font-size:20px;
}
.FlowBoxAA{
	font-size:18px;
}
.FlowALLBox{
	padding:15px;
}
.FlowMidashiBox{
	margin:-20px 0 0 0;
}
.FlowMidashiBoxA{
}
.FlowMidashiBoxB{
}
.FlowBoxL{
	width:100%;
	padding:10px;
}
.FlowBoxR{
	width:100%;
	padding:10px;
}
.FlowBoxRR{
	width:100%;
	padding:10px;
}

/*即日買取*/

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


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

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

#PageImg{
}


.PageImgMidashi{
	width:100%;
	margin:-40px 0 0 0;
	padding:10px;
	text-align:center;
	box-sizing:border-box;
}
.PageImgMidashi span{
	padding:15px;
	font-size:20px;
	color:#FFFFFF;
	border-radius:15px;
}


#MidashiLine{
	background:none;
}

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


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


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

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



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


/**コンセプト**/


.ConceptInfoBoxALL{
	width:100%;
	text-align:center;
	padding:0px;
	margin:0 0 0 0;
	float:left;
	box-sizing:border-box;
}
.ConceptInfoBoxA{
	width:100%;
	text-align:center;
	padding:0px;
	margin:0 0 0 0;
	float:left;
	box-sizing:border-box;
}
.ConceptInfoBoxB{
	width:100%;
	text-align:center;
	padding:0px;
	margin:-30px 0 0 0;
	float:left;
	box-sizing:border-box;
	position: relative;
}
.ConceptInfoBoxC{
	width:100%;
	font-size:14px;
	text-align:center;
	padding:0px;
	margin:30px 0 50px 0;
	float:left;
	box-sizing:border-box;
}
.ConceptInfoBoxMidashi{
	width:100%;
	text-align:center;
	padding:0px;
	margin:0 0 0 0;
	float:left;
	box-sizing:border-box;
	background-color:#FFFFFF;
}
.ConceptInfoBoxMidashiA{
	width:100%;
	font-size:16px;
	text-align:center;
	padding:0px;
	margin:10px 0 0 0;
	float:left;
	box-sizing:border-box;
}
.ConceptInfoBoxMidashiB{
	width:100%;
	font-size:20px;
	text-align:center;
	padding:0px;
	margin:0 0 0 0;
	float:left;
	box-sizing:border-box;
}
.ConceptInfoBoxPhoto{
	width:100%;
	text-align:center;
	padding:10px;
	margin:0 0 0 0;
	float:left;
	box-sizing:border-box;
}


.FeInfoBoxALL{
	width:100%;
	text-align:center;
	padding:0px;
	margin:0 0 0 0;
	float:left;
	box-sizing:border-box;
}
.FeInfoBoxA{
	width:100%;
	text-align:center;
	padding:0px;
	margin:0 0 0 0;
	float:left;
	box-sizing:border-box;
}
.FeInfoBoxB{
	width:100%;
	text-align:left;
	padding:10px;
	margin:0px 0 0 0;
	float:left;
	box-sizing:border-box;
	position: relative;
}
.FeInfoBoxC{
	width:100%;
	text-align:left;
	padding:10px;
	margin:0px 0 0px 0;
	float:left;
	box-sizing:border-box;
}
.FeInfoBoxMidashi{
	width:100%;
	text-align:left;
	padding:0px;
	margin:0 0 0 0;
	float:left;
	box-sizing:border-box;
}
.FeInfoBoxMidashiA{
	width:100%;
	font-size:18px;
	text-align:left;
	padding:0px;
	margin:10px 0 0 0;
	float:left;
	box-sizing:border-box;
}
.FeInfoBoxMidashiB{
	width:100%;
	font-size:20px;
	text-align:left;
	padding:0px;
	margin:0 0 0 0;
	float:left;
	box-sizing:border-box;
}
.FeInfoBoxMidashiC{
	width:100%;
	color:#c0a275;
	font-size:16px;
	text-align:left;
	padding:0px;
	margin:0 0 0 0;
	float:left;
	box-sizing:border-box;
}
.FeInfoBoxPhoto{
	width:50%;
	text-align:center;
	padding:10px;
	margin:0 0 0 0;
	float:left;
	box-sizing:border-box;
}




.HonbunIMGSP{
	display:block;
}

.HonbunText li{
	width: 100%;
}


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


/***会社地図****/

.AboutMapBox{
	width:100%;
	text-align:center;
	padding:0px;
	margin:0 0 0 0;
	float:left;
	box-sizing:border-box;
}
.AboutMapBoxL{
	width:100%;
	text-align:center;
	padding:10px;
	margin:0 0 0 0;
	float:left;
	box-sizing:border-box;
}
.AboutMapBoxR{
	width:100%;
	text-align:center;
	padding:10px;
	margin:0 0 0 0;
	float:left;
	box-sizing:border-box;
}
.AboutMapList{
	width:100%;
	text-align:center;
	padding:0px;
	margin:15px 0 0 0;
	float:left;
	box-sizing:border-box;
	border-bottom:1px solid #efefef;
}
.AboutMapListL{
	width:25%;
	text-align:left;
	padding:5px;
	margin:0 0 0 0;
	float:left;
	box-sizing:border-box;
}
.AboutMapListR{
	width:75%;
	text-align:left;
	padding:5px;
	margin:0 0 0 0;
	float:left;
	box-sizing:border-box;
}


/***フッター地図****/
.FooterMapBoxL{
	width:100%;
}
.FooterMapBoxR{
	width:100%;
	margin:30px 0 0 0;
}
.iframe-css-footer {
	margin:0 0 0px 0;
	position: relative;
	width: 100%;
	padding-top:60%;
	float:left;
}
 
/*******/



/*****採用情報****/
.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;
}



/*標準仕様*/

.StandBox li{
	width:50%;
}

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


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

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

.WorkSum li{
	width:50%;
}

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

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

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

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

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

/****/

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

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



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


.AnimeSP{
	text-align:center;
}


.TOPBTBOX li{
	width:100%;
}

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


.PageTitle{
	font-size:20px;
}

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

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


/*標準仕様*/

.StandBox li{
	width:100%;
}





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



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


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




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

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

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

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

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



/***** タブ切り替え *****/
.tab_container {
	width:100%;
	float:left;
	padding:10px;
	box-sizing:border-box;

}
.tab_list {
	width: calc(100%/3);
	padding:10px;
	float: left;
	box-sizing:border-box;
}
.tab_item {
	width: 100%;
	font-size:16px;
	padding:15px 0;
	border: 1px solid #3c895b;
	background-color: #FFFFFF;
	text-align: center;
	color: #3c895b;
	display: block;
	float: left;
	text-align: center;
	font-weight: bold;
	transition: all 0.2s ease;
	box-sizing:border-box;
	border-radius:30px;
}


.tab_item:hover {
  opacity: 0.75;
}
input[name="tab_item"] {
  display: none;
}
.tab_content {
	width:100%;
	text-align:center;
	float:left;
	display: none;
	padding:10px;
	clear: both;
	overflow: hidden;
	box-sizing:border-box;
}
#tab1:checked ~ #tab1_content,
#tab2:checked ~ #tab2_content,
#tab3:checked ~ #tab3_content,
#tab4:checked ~ #tab4_content {
	animation: appear .5s ease;
	display: block;
}
.tab_container input:checked + .tab_list .tab_item {
  background-color: #3c895b;
  color: #fff;
}
@keyframes appear {
    0%{
      opacity: 0;
    }
    100%{
      opacity: 1;
    }
  }



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


.tab_item {
	font-size:14px;
	padding:10px;
	border-radius:20px;
}

.tab_list {
	width: calc(100%/1);
	padding:10px;
	float: left;
	box-sizing:border-box;
}



}



/***** タブ切り替え *****/
.tab-2 {
    display: flex;
    flex-wrap: wrap;
    gap: 0 10px;
    max-width: 1000px;
}

.tab-2 > label {
    flex: 1 1;
    order: -1;
    opacity: .5;
    min-width: 70px;
    padding: .6em 1em;
    border-radius: 5px 5px 0 0;
    color: #000000;
    font-size:18px;
    text-align: center;
    cursor: pointer;
}

.tab-2 > label:hover {
    opacity: .8;
}

.tab-2 input {
    display: none;
}

.tab-2 > div {
    display: none;
    width: 100%;
    padding:0 0 0 0;
    background-color: #fff;
	box-sizing:border-box;
}

.tab-2 label:has(:checked) {
    opacity: 1;
}

.tab-2 label:has(:checked) + div {
    display: block;
}


/****TOP動画切り替え****/
.sp-video {
  display: block;
}

.pc-video {
  display: none;
}

@media screen and (min-width: 768px) {
  .sp-video {
    display: none;
  }

  .pc-video {
    display: block;
  }
}