body{
	}
.mincho{
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	}


.w-35{
	width:35%;
	}
	
.w-65{
	width:65%;
	}
	
.w-90{
	width:90%;
	}
	
.w-100{
	width:100%;
	overflow:hidden;
	}
	
.tbl-wrh th{
	background-color:#22ac38;
	color:#FFF;
	}


header nav{
	
	}
	
.logo{
	width:70%;
	}
	
.gssf img{
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
}

.box-area {

}

.clbtn{
	background-color:#000;
	   -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all  0.5s ease;
	}
	
.clbtn a{
	display:block;
	width:100%;
	height:100%;
	color:#fff;
	transition-duration: 0.4s;
	}
	
.clbtn a:hover{
	transition-duration: 0.4s;
	font-size:140%;
	color:#fff;
	background-color:#22ac38;
	text-decoration:none !important;
	
	}
	


.clgbtn {
overflow: hidden;
width: 100%;
height: 100%;
background: #fff;
}
.clgbtn a{
	display:block;
	width:100%;
	height:100%;
	color:#fff;
	} 
	
.clgbtn a img {
display: block;
transition-duration: 0.4s;
}
.clgbtn a:hover img{
transform: scale(1.5);
transition-duration: 0.4s;
}
.clgbtn a:hover{
	transition-duration: 0.2s;
	font-size:150%;
	}
.img-fl{
	} 




.cl-info {
background-color:rgba(20, 0, 0, .0));
 -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all  0.5s ease
	height:100%;
}


.cl-info:hover {
	height:80%;

}

.fs_w0{
	font-size:80% !important;
	}
	
	



.clgbtn .main-bn {

	-webkit-transition:	all 0.6s ease;
	transition:		all 0.6s ease;
}
.clgbtn:hover .main-bn {
	
}

.navbar-toggler-icon{
	}
	
.navbar-nav{
	position:absolute;
	right:15px;
	margin-top:5px;
	}
	
.nav-item{
	background-color: rgba(10, 10, 10, 0.8);
	width:250px;
	padding:5px 0px;
	text-align:center;
	border-bottom:1px solid #666;
	}
.bnblink a{
	text-decoration:none;
	color:#fff;
	
	}
	
.bnblink a:hover{
	text-decoration:none;
	color:#22ac38;
	
	}
	
.clickmi{
	border-radius:30px;
	color:#FFF;
	width:auto;
	width:60px;
	height:60px;
	line-height:1em;
	position:absolute;
	bottom:6%;
	right:5%;
	padding-top:10px;
	box-shadow:3px 3px 4px rgba(0, 0, 0, .3);
	}
	


	

	


.main-bn{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
  margin: auto;
  text-decoration:none;
  
	}
	
.main-bn a{
	display:block;
	width:100%;
	height:100%;
	}
.probn{
	width:90%;

	}
	
.bn-shashu{
  top: 35%;
	}
	
.bn-cl h2{
	font-size:120%;
	margin-bottom:3px;
	}
	
.bn-cl p{
	font-size:60%;
	}
	
.main-bn2{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit- transform: translateY(-50%);
  margin: auto 10%;
	}
	


	
.navbar-dark .navbar-toggler {
  color: rgba(0, 0, 0, 0.5);
  border: none;
  padding: 0px 7px;
  width: 44px;
  height: 44px;
  box-sizing: border-box;
  position: relative;
}
.navbar-dark .navbar-toggler-icon {
  background-image:none; /* この行で背景画像を無効化 */
  background-color: #fff;
  width: 30px;
  height: 3px;
  display: block;
  position: absolute;
  transition: ease .5s;
}

/* 3本のバーそれぞれの座標を設定 */
.navbar-toggler-icon:nth-of-type(1) {top:13px;}
.navbar-toggler-icon:nth-of-type(2) {top:21px;}
.navbar-toggler-icon:nth-of-type(3) {top:29px;}

/* メニューが開いている時の　3本のバーそれぞれの座標および角度を設定 */
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:nth-of-type(1) {
	margin-top:5px;
top:16px;
transform: rotate(45deg);
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:nth-of-type(2) {
opacity: 0;
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:nth-of-type(3) {
	margin-top:5px;
top:16px;
transform: rotate(-45deg);
}


.navbar-toggler{
  background-color:#22ac38;
  border-radius: 22px;
  
}


.f_ss{
	font-size:70%;
	}
	
.f-2l{
	font-size:300%;
	}
	
.f-3l{
	font-size:520%;
	}
	
.txt-lg{
	color:#ddd;
	}
	
.txt-gr{
	color:#22ac38;
	}
	
.gmap iframe{
	width:100% !important;
	margin-bottom:-5px;
	padding-bottom:-5px;
	height:500px;

	}
	
.gmap2 iframe{
	width:100% !important;
	height:220px;

	}

	



	



	
.txt-red{
	color:#F00;
	}
	
.cl-area div{
	margin:0px;
	padding:0px;
	position:relative;
	}
	
.cl-area div .c-name{
	padding:4% 5% 13% 5%;
	position:absolute;
	top:0px;
	left:0px;
	color:#000;
	font-weight:bold;
	font-size:110%;
	width:100%;
	background: linear-gradient(rgba(230, 230, 230, 1.0), rgba(245, 245, 245, 1.0),rgba(230, 230, 230, 1.0),rgba(230, 230, 230, 0.5), rgba(230, 230, 230, .0));
	z-index:2;
	
	}
	
.vobn{
	background:none !important;
	
	}
	
.vobn2 a:hover{
	text-decoration:none !important;
	}
	
.cl-area div .c-info{
	transition-duration: 0.2s;
	padding:1% 2%;
	position:absolute;
	bottom:0px;
	right:0px;
	background-color:#000;
	color:#FFF;
	z-index:1;
	}
	
.cl-area div .car_pic2{
	transition-duration: 0.2s;
    padding:4% 5%;
	position:absolute;
	top:0px;
	left:0px;
	color:#000;
	width:92%;
	z-index:3;
	display:none;
	height:90%;
	margin:4%;
	background: linear-gradient(rgba(256, 256, 256, 1.0), rgba(256, 256, 256, .9),rgba(256, 256, 256, .9),rgba(256, 256, 256, .8),rgba(256, 256, 256, .8), rgba(256, 256, 256, .0));
	}
	
.table-ss td,.table-ss th{
	padding:2px 10px;
	}
	

.table-ci {	
margin-top:-10px !important;
}
.table-ci th{
	padding:0px 10px 0px 0px !important;
	}
	

 .css-fukidashi {
      padding: 0;
      margin: 0;
    }
    .text {
      width: 200px;
      position: relative;
      margin:80px 50px 50px;
      padding: 20px;
      border: 1px solid #ccc;
    }
    .fukidashi {
      display: none;
      width: 200px;
      position: absolute;
      top: 0;
      left: 250px;
      padding: 16px;
      border-radius: 5px;
      background: #33cc99;
      color: #fff;
      font-weight: bold;
    }
    .fukidashi:after {
      position: absolute;
      width: 0;
      height: 0;
      left: 0;
      bottom: -19px;
      margin-left: 10px;
      border: solid transparent;
      border-color: rgba(51, 204, 153, 0);
      border-top-color: #33cc99;
      border-width: 10px;
      pointer-events: none;
      content: " ";
    }
    .text:hover + .fukidashi {
      display: block;
    }
	
	

.bg-lbule{
	background-color:#e3f0fb;
	
	}
	

.f_s{
	font-size:80%;
	}
.f_l{
	font-size:120%;
	}
	
.f_2l{
	font-size:150%;
	}
.bold{
	font-weight:bold;
	}
	
.lineh-s{
	line-height:1.1em;
	}
	
.lineh-1{
	line-height:1.0em !important;
	}
	
.tc-gblue{
	color:#4bbcc9;
	}
	
.mb-g{
	padding-top:2em;
	}
	
.carousel-caption h2{
	text-transform:uppercase;
	font-weight:100;
	font-style:italic;
	}
	
.bg-green{
	background-color:#22ac38 !important;
	}
	
.bg-gree{
	background-color:#009441 !important;
	}
	
.bg-bk{
	background-color:#000;
	}
	
.bg-lg{
	background-color:#eee;
	}
	
.fst-bbtn{
	position:absolute;
	top:0px;
	left:0px;
	}
	
.table-vo th{
	padding-left:0px !important;
	width:6em;
	}
	
.table-vo td{
	padding-left:0px !important;
	padding-right:0px !important;
	}
	
.pagetop {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 30px;
	z-index:500;
	
}
.pagetop a {
    display: block;
	background:url(img/gototop.png) no-repeat;
    text-align: center;
    text-decoration: none;
	width:50px;
	height:50px;

}
.pagetop a:hover {
    display: block;
	background:url(img/gototop2.png) no-repeat;
    text-decoration: none;

}

.pagetop a:visited {
    display: block;
	background:url(img/gototop.png) no-repeat;
}
.table_xari th,.table_xari td{
	border:1px solid #CCC;
	padding:2% 5%;
	}
.frame-wrapper_video {
  position: relative;
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top:56.25%;
}


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