@charset "utf-8";
.underline{background: linear-gradient(transparent 60%, #FCEE21 0%);padding:0;}
.asterisk{vertical-align: super;font-size:60%;}
.no-gutter > [class*='col-'] {
	padding-right: 0;
	padding-left: 0;
}
.bg-lightgreen {
	background-color: #e6ede9;
}
.bg-green{background-color:#009984;}
.heading {
	border-left: 6px solid #aaa;
	padding: 0 0 0 10px;
}
.breadcrumb-item + .breadcrumb-item::before {
	content: ">"
}
header{
	position:fixed;
	width:100vw;
	background:#fff;
	top:0;
	margin:0;
	z-index:100;
}
.footer-copyright {
	width: 100%;
	height: 60px;
	line-height: 60px;
	background-color:#009984;
}
.gmap {
height: 0;
overflow: hidden;
padding-bottom: 75%;
position: relative;
}
.gmap iframe {
position: absolute;
left: 3%;
top: 3%;
height: 94%;
width: 94%;
}
#page-top{
    position: fixed;
    bottom: 3em;
    right: 3em;
}
#page-top a{
	width: 60px;
  height: 60px;
  padding: 20px;
  background: #009984;
  border-radius: 50%;
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
  box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
}
#page-top a i {
  font-size: 150%;
  line-height: 75px;
  -webkit-transition: all .3s;
  transition: all .3s;
  letter-spacing: 0;
}
#page-top a:hover i {
  line-height: 55px;
}
.contact{
	margin:3em 0;
	/*background:url("../img/contact_bg.jpg") no-repeat fixed;*/	
}
.contact a.btn {
	color: #000;
	font-size:130%;
	padding:0.5em 2em;
	background-color: #fff100;
	border-bottom: 5px solid #ccc100;
	border-radius: 100vh;
}

.contact a.btn:hover {
  margin-top: 3px;
  color: #000;
  background: # fff20a;
  border-bottom: 2px solid #ccc100;
}

.h1title {
	position: relative;
	padding: 0 45px;
	text-align: center;
	color:#009984;
}
.h1title:before, .h1title:after {
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 44px;
	height: 2px;
	background-color: #009984;
	transform: rotate(-70deg);
}
.h1title:before {
	left:0;
}
.h1title:after {
	right: 0;
}

/* 大デバイス（デスクトップ, 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%;
}
} 
#page-top{
    bottom: 1em;
    right: 1em;
}
/* 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;
 } 
	.contact a.btn{font-size:100%;}
} 
@media screen and (max-width: 575px) {
	.contact a.btn{font-size:100%;}
}/* END */