@charset "utf-8";

.head-line {
	border-top: 5px solid #6884b4;
}
.btn-lg {
	font-size: 1.0rem;
}
.btn-w100 {
	width: 100%;
}
.btn-reserve {
	color: #fff;
	background-color: #d03b3b;
	border-color: #d03b3b;
}
.btn-reserve:hover {
	color: #fff;
	background-color: #d85b5b;
	border-color: #b84c4c;
}
.btn-reserve.focus,.btn-reserve:focus {
	box-shadow: 0 0 0 .2rem rgba(208,59,59,.5);
}
.btn-reserve.disabled,.btn-reserve:disabled {
	color: #fff;
	background-color: #d03b3b;
	border-color: #d03b3b;
}
.btn-reserve:not(:disabled):not(.disabled).active,.btn-reserve:not(:disabled):not(.disabled):active,.show>.btn-reserve.dropdown-toggle {
	color: #fff;
	background-color: #af3636;
	border-color: #8f2c2c;
}
.btn-reserve:not(:disabled):not(.disabled).active:focus,.btn-reserve:not(:disabled):not(.disabled):active:focus,.show>.btn-reserve.dropdown-toggle:focus {
	box-shadow: 0 0 0 .2rem rgba(208,59,59,.5);
}
.btn-main {
	color: #fff;
	background-color: #274f93;
	border-color: #274f93;
}
.btn-main:hover {
	color: #fff;
	background-color: #2f6fb3;
	border-color: #1060a4;
}
.btn-main.focus,.btn-main:focus {
	box-shadow: 0 0 0 .2rem rgba(39,79,147,.5);
}
.btn-main.disabled,.btn-main:disabled {
	color: #fff;
	background-color: #274f93;
	border-color: #274f93;
}
.btn-main:not(:disabled):not(.disabled).active,.btn-main:not(:disabled):not(.disabled):active,.show>.btn-main.dropdown-toggle {
	color: #fff;
	background-color: #516d9e;
	border-color: #425980;
}
.btn-main:not(:disabled):not(.disabled).active:focus,.btn-main:not(:disabled):not(.disabled):active:focus,.show>.btn-main.dropdown-toggle:focus {
	box-shadow: 0 0 0 .2rem rgba(39,79,147,.5);
}
.btn-white {
	color: #274f93;
	background-color: #fff;
	border-color: #274f93;
}
.btn-white:hover {
	color: #17a2b8;
	background-color: #fff;
	border-color: #17a2b8
}
.btn-white.focus,.btn-white:focus {
	box-shadow: 0 0 0 .2rem rgba(216,217,219,.5);
}
.btn-white.disabled,.btn-white:disabled {
	color: #274f93;
	background-color: #fff;
	border-color: #274f93;
}
.btn-white:not(:disabled):not(.disabled).active,.btn-white:not(:disabled):not(.disabled):active,.show>.btn-white.dropdown-toggle {
	color: #274f93;
	background-color: #fff;
	border-color: #274f93;
}
.btn-white:not(:disabled):not(.disabled).active:focus,.btn-white:not(:disabled):not(.disabled):active:focus,.show>.btn-white.dropdown-toggle:focus {
	box-shadow: 0 0 0 .2rem rgba(216,217,219,.5);
}
.top-line {
	border-top: 1px solid #ccf;
}
.bottom-line {
	border-bottom: 1px solid #ccf;
}
.nav-under:hover {
	border-bottom: 5px solid #6884b4;
	margin-bottom: -8px;
}
.sp-tab, .sp-tab2 {
	border-left: 1px dotted #6884b4;
}
@media (min-width:992px){
	.sp-tab2 {
		border-left: none;
	}
}
.nav-font {
	font-family: 'Noto Sans JP', sans-serif;
}
.shadow-white {
	text-shadow: 1px 1px 1px #fff, -1px 1px 1px #fff, 1px -1px 1px #fff, -1px -1px 1px #fff;
}
.border-other {
	border-color: #ccf!important;
}
.table-white {
	background-color: #fff;
}
.table-full {
	width: 100%;
}
.table-item {
	width: 30%;
	text-align: center;
	background-color: #ccc;
}
.table-value {
	width: 70%;
	background-color: #fff;
}
.under {
	padding-bottom: 5px;
	border-bottom: solid 3px #17a2b8;
}
.common-bg {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: left -1px top;
}
.reason1 {
	background-image: url(../img/reason1_bg.png);
}
.reason2 {
	background-image: url(../img/reason2_bg.png);
}
.reason3 {
	background-image: url(../img/reason3_bg.png);
}
.reason4 {
	background-image: url(../img/reason4_bg.png);
}
.reason5 {
	background-image: url(../img/reason5_bg.png);
}
.director {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: right top;
	background-image: url(../img/director_bg.jpg);
}
.border-radius {
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.facebook, .instagram {
	position: relative;
	top: 10px;
}

.list-default {
	margin: 0 2em;
	padding-left: 0;
	list-style-type: disc;
}

.line-h20 {
	color: #666;
	line-height: 1.5;
	margin-bottom: 20px;
}

.no-gutter > [class*='col-'] {
	padding-right: 0;
	padding-left: 0;
}
.bg-lightgreen {
	background-color: #e6ede9;
}
.jumbotron {
	background-image: url('../img/top-image.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 600px;
}
.heading {
	border-left: 6px solid #6884b4;
	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;
}
.youtube {
	position: relative;
	display: block;
	width: 100%;
	padding: 0;
	overflow: hidden;
	padding-top: 56%;
	margin-bottom: 1em;
}
.player {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.thumb {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 2;
}
.navbar {
	padding: 0.5rem 0 0 1rem;
}
@media (min-width:992px){
	.navbar {
		padding: 0.5rem 1rem;
	}
}
.navbar-collapse {
	position: absolute;
	width: 100vw;
	top: 64px;
	right: -15px;
	background: #fff;
	z-index: 9999;
}
@media (min-width:992px){
	.navbar-collapse {
		position: relative;
		width: auto;
		top: 0;
		right: 0;
	}
}
.navbar-menu {
	font-size: 0.5rem;
}

.header-submenu {
	background: #fff;
	overflow-y: hidden;
	position: relative;
	z-index: 0;
	height: 60px;
	padding-bottom: 8px;
}
@media (min-width:992px){
  .header-submenu {
    display: none;
  }
}
.header-inner {
	margin: auto;
	box-sizing: border-box;
	position: relative;
	z-index: 1;
}
.header-submenu .header-inner {
	width: calc(68px * 7);
	background: transparent;
	height: 61px;
	overflow-x: scroll;
	overflow-y: hidden;
	font-size: 75%;
	letter-spacing: 0;
	-webkit-overflow-scrolling: touch;
	padding: 0;
	margin-left: 0;
	max-width: inherit;
}
.header-submenu .header-inner ul {
	height: 61px;
}
.header-submenu .header-inner ul li {
	float: left;
	width: 67px;
	height: 61px;
	text-align: center;
	position: relative;
}
.header-submenu .header-inner ul li a {
	height: 61px;
	display: block;
}
.header-submenu .header-inner ul li.smenu-feature a {
	color: #007d9b;
}
.header-submenu .header-inner ul li.smenu-feature a span:before {
	background: url(../img/icon_feature.png) no-repeat center;
}
.header-submenu .header-inner ul li.smenu-staff a {
	color: #92670b;
}
.header-submenu .header-inner ul li.smenu-staff a span:before {
	background: url(../img/icon_staff.png) no-repeat center;
}
.header-submenu .header-inner ul li.smenu-info a {
	color: #7d169f;
}
.header-submenu .header-inner ul li.smenu-info a span:before {
	background: url(../img/icon_info.png) no-repeat center;
}
.header-submenu .header-inner ul li.smenu-menu a {
	color: #697b25;
}
.header-submenu .header-inner ul li.smenu-menu a span:before {
	background: url(../img/icon_menu.png) no-repeat center;
}
.header-submenu .header-inner ul li.smenu-aging a {
	color: #007d9b;
}
.header-submenu .header-inner ul li.smenu-aging a span:before {
	background: url(../img/icon_aging.png) no-repeat center;
}
.header-submenu .header-inner ul li.smenu-recruit a {
	color: #d31072;
}
.header-submenu .header-inner ul li.smenu-recruit a span:before {
	background: url(../img/icon_recruit.png) no-repeat center;
}
.header-submenu .header-inner ul li.smenu-access a {
	color: #184ca3;
}
.header-submenu .header-inner ul li.smenu-access a span:before {
	background: url(../img/icon_access.png) no-repeat center;
}
.header-submenu .header-inner ul li a span {
	width: 142%;
	padding: 12px 0;
	line-height: 1;
	display: block;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-webkit-transform-origin: left -10px;
	-ms-transform-origin: left -10px;
	transform-origin: left -10px;
	-webkit-transform: scale(0.7);
	-ms-transform: scale(0.7);
	transform: scale(0.7);
}
.header-submenu .header-inner ul li a span:before {
	display: block;
	content: "";
	margin: 0 auto 10px;
	width: 40px;
	height: 40px;
	margin-bottom: 5px;
	-webkit-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8);
}

}

/* 大デバイス（デスクトップ, 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) {
 #sec1  {
     height: 500px;
 } 
 #sec2  {
     height: 500px;
 } 
 #sec3  {
     height: 500px;
 } 
 #sec4  {
     height: 500px;
 } 
 #sec5  {
     height: 500px;
 } 
} /* END */

/* 小デバイス（縦向きモバイル, 576px 以上）
============================================== */
@media screen and (min-width: 576px) {
 #sec1 .message {
    position: absolute;
     left: 0;
 } 
 #sec2 .message {
    position: absolute;
     left: 0;
 } 
 #sec3 .message {
    position: absolute;
     left: 0;
 } 
 #sec4 .message {
    position: absolute;
     left: 0;
 } 
 #sec5 .message {
    position: absolute;
     left: 0;
 } 
} /* END */

.p-3new{
	margin-bottom: 3rem;
}