@charset "utf-8";
h2 {
	padding: 0.25em 0.5em;/*上下 左右の余白*/
	color: #494949;/*文字色*/
	background: transparent;/*背景透明に*/
	border-left: solid 5px #7db4e6;/*左線*/

  }
.no-gutter > [class*='col-'] {
	padding-right: 0;
	padding-left: 0;
}
.bg-lightgreen {
	background-color: #a6f094;
}
.jumbotron {
	background-image: url('../img/top-image.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 600px;
	background-color: #ffffff;
}
.heading {
	border-left: 6px solid #aaa;
	padding: 0 0 0 10px;
}
.breadcrumb-item + .breadcrumb-item::before {
	content: ">"
}
.map iframe {
	width: 100%;
	height: 450px;
	
}
.hoge{
	text-align:center;
	font-size: 18px;
}
.slider{
		width: 800px;
		height: 500px;
		margin: 0 auto;
		overflow: hidden;
		display: flex;
		flex-flow: row nowrap;
		justify-content: flex-start;
		align-items: center;
}
	 
.slider__content{
		min-width: 100%;
		animation: sliderAnime 12s ease-in-out infinite;
}
	  
	@keyframes sliderAnime{
		0%{
	 
		}
		16.6%{
			transform: translateX(0);
		}
		33.3%{
			transform: translateX(-100%);
		}
		50%{
			transform: translateX(-100%);
		}
		66.6%{
			transform: translateX(-200%);
		}
		83.2%{
			transform: translateX(-200%);
		}
		100%{
			transform: translateX(0);
		}
	} 
	 
.slider__img{
		max-width: 800px;
		max-height: 448px;
		min-width: 100%;
}
.mb-3{
	font-size: 18px;
}

.map{
	width: 1100px;
	margin-left: auto;
    margin-right: auto;
}
.design08 {
	border-collapse: collapse;
	border: 1px solid rgba(0,0,0,.1);
	table-layout: fixed;
	width: 100%;
	text-align: center;
   }
   .design08 th {
	border: 1px solid rgba(0,0,0,.1);
	padding: .6em;
	text-align: center;
	background: #fff;
	background: #63a756;
	border: solid 1px #666666;
	color: #ffffff;
   }
   .design08 td {
	border: 1px solid rgba(0,0,0,.1);
	padding: .6em;
	text-align: center;
	background: #fff;
	border: solid 1px #666666;
   }
   .design08 td:first-child {
	background: #e9faea;
   }
   .design08th:first-child {
	width: 120px;
  }
  .box15 {
    padding: 0.2em 0.5em;
    margin: 2em 0;
    color: #565656;
    background: #e5ffcf;
    box-shadow: 0px 0px 0px 10px #e5ffcf;
    border-radius: 8px;
	width: 77%;
	margin-left: auto;
    margin-right: auto;
	font-size: 18px;
  }
.box15 p {
    margin: 0; 
    padding: 0;
}
.box16 {
    padding: 0.2em 0.5em;
    margin: 2em 0;
    color: #565656;
    background: #e5ffcf;
    box-shadow: 0px 0px 0px 10px #e5ffcf;
    border-radius: 8px;
	width: 100%;
	margin-left: auto;
    margin-right: auto;
	font-size: 18px;
  }
.box16 p {
    margin: 0; 
    padding: 0;
}
.sya{
	text-align: right;
}
#page_top{
	width: 90px;
	height: 90px;
	position: fixed;
	right: 0;
	bottom: 0;
	opacity: 0.6;
  }
  #page_top{
	width: 50px;
	height: 50px;
	position: fixed;
	right: 0;
	bottom: 0;
	background: #000000;
	opacity: 0.6;
  }
  #page_top a{
	position: relative;
	display: block;
	width: 50px;
	height: 50px;
	text-decoration: none;
  }
  #page_top a::before{
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: '\f062';
	font-size: 25px;
	color: #fff;
	position: absolute;
	width: 25px;
	height: 25px;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	text-align: center;
  }
.toiawase{
	background-image:url(6164.png);
}
.Navbar{
	font-size: 16px;
}

.da{
	text-align: center;
}

/* 大デバイス（デスクトップ, 992px 未満）
============================================== */
@media screen and (max-width: 991.98px) {
.footer-logo {
	width: 100%;
}
} /* END */

/* 中デバイス（タブレット, 768px 未満）
============================================== */
@media screen and (max-width: 767.98px) {
.gnav-item {
	display: block;
	width: 100%;
	border: none;
}
.gnav-item+ .gnav-item {
	border: none;
}
table th, table td {
	padding: .25rem !important;
}
table th:first-child {
	width: 25%;
}

} /* END */

/* 小デバイス（縦向きモバイル, 576px 以上 デスクトップ, 992px 未満）
============================================== */
@media screen and (min-width: 576px) and (max-width: 991.98px) {
 #sec2  {
     height: 500px;
 } 
} /* END */

/* 小デバイス（縦向きモバイル, 576px 以上）
============================================== */
@media screen and (min-width: 576px) {
 #sec2 .message {
    position: absolute;
     left: 0;
 } 
} /* END */
.video_wrapper {
    position: relative;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
}

.video_wrapper > video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    min-width: 100%;
    min-height: 100%;
}