@charset "utf-8";
body {position: relative;}

/* ------------------------------------------------------------------------------------
 ヘッダーメニュー
------------------------------------------------------------------------------------ */
.header-menu {position: fixed; z-index: 999; background-color: #fff; width: 100%;}
.navbar-box {position: relative;}
.sp-header-logo {display: none;}

@media (max-width: 767.98px) {
	.header-menu .container .header-box, .header-menu .container .header-logo, .header-menu .container .header-menu-box {display: none!important;}
	.sp-header-logo {display: block; position: absolute; top: 15px; right: 4%; z-index: 999;}
	.navbar-box nav.navbar {padding: 1em;}
	body .jumbotron {top: 72px;}
}

@media (max-width: 420px) {
	.sp-header-logo {top: 20px;}
	.sp-header-logo a img {max-width: 180px;}
}

/* ------------------------------------------------------------------------------------
 全体
------------------------------------------------------------------------------------ */
.no-gutter > [class*='col-'] {
	padding-right: 0;
	padding-left: 0;
}
.bg-lightgreen {
	background-color: #e6ede9;
}
.jumbotron {
	background-image: url('../img/top-image.webp');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 600px;
	padding: 0;
	position: relative;
	top: 130.8px;
}
.heading {
	border-left: 6px solid #aaa;
	padding: 0 0 0 10px;
}
.breadcrumb-item + .breadcrumb-item::before {
	content: ">"
}
.footer-copyright {
	width: 100%;
	height: 60px;
	line-height: 60px;
	background-color: #f5f5f5;
}
.map iframe {
	width: 100%;
	height: 450px;
}


/* ------------------------------------------------------------------------------------
 フッター固定バナー（SP)
------------------------------------------------------------------------------------ */
.ft-btn {display: none; position: fixed; bottom: 0; left: 0; z-index: 999; height: 60px; width: 100%;}
.ft-btn .col-6-ft {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
.ft-btn .col-6-ft:first-child {background-color: #01923e;}
.ft-btn .col-6-ft:last-child {background-color: #d25400;}
.ft-btn .col-6-ft a {font-weight: 600;}

@media screen and (max-width: 767.98px) {
	.footer-copyright {position: relative;}
	.ft-btn {display: block;}
}

@media (max-width: 420px) {
	.ft-btn .col-6-ft a p {font-size: 0.8em;}
}


/* 大デバイス（デスクトップ, 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 */