body {font-family: YakuHanJP, Georgia, 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;}
h1, h2, h3, .font {font-family: YakuHanJP, 'Oswald' , Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;}
.kcolor {color: #c0582a;}
body, html, #keyv {min-height: 100%; height: 100%;}
.row-5 {margin-left: -5px; margin-right: -5px;}
#keyv .video {
	position: fixed;
	top: 0;
	z-index: -1;
	left: calc( 50vw - 88.89vh);
	height: 100vh;
}
#keyv .logo {
	margin-top: 42vh;
}
@media (min-aspect-ratio: 16/9) {
	#keyv .video {
		left:0;
		width: 100vw;
		height: auto;
		top: calc( 50vh - 28.125vw );
	}
}

.fss- {font-size: 0.72rem;}
.ls300 {letter-spacing: 0.3em;}
.gold {color: #ac9560;}
.gold.shadow, .white.shadow {text-shadow: 0 0 3px rgba(0,0,0,.8);}
.bg-light {background: #f2f2f2;}
.bg-white {background: #fafafa;}
.bg-grade {
	background: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.5) );
	background: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.5) );
	background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.5) );
}
/* .bg-blue {background: #094C9E;} */
.bg-blue {background: #304a67;}
.blue {color: #06274b;}
#gb-nav {transition: 0.3s;}
#gb-nav.fixed {background: #c0582a;}

@media (min-width: 992px) {
	.message-right {padding-left: 30px;}
	.bg-footer, .bg-vision, .bg-fixed, .bg-result1:before {background-attachment: fixed;}
}

@media (max-width: 991px) {
	#gb-nav {background: #06274b;}
	.navbar-brand {margin-right: 0;}
}

.nominate-pic img {border-radius: 2px;}
.navbar {padding: 0;}
.navbar-brand {padding: 0 1.2rem; height: 46px; line-height: 46px;}
@media (max-width: 376px) {
	.navbar-brand {font-size: 0.8rem;}
}
@media (max-width: 321px) {
	.navbar-brand {font-size: 0.7rem;}
}
.navbar-toggler {margin-right: -16px; border: none; padding: 8px 16px;}

.bg-black-alpha {background: rgba(0,0,0,.5);}
.title-bar, .title-bar-short {position: relative; padding-bottom: 1.2em;}
.title-bar:after, .title-bar-short:after {content: ""; display: block; position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 1px; background: #222;}
.title-bar-short:after {width: 20%; margin: 0 auto;}

.white .title-bar:after, .white .title-bar-short:after {background: #fff;}
.title-bar-short.text-center:after {margin: 0 auto;}

.nav-item {margin: 0 15px;}
#gb-nav-top .navbar-brand, #gb-nav-top .nav-link {transition: 0.3s;}

.bg-keyv {background-image: url(../img/keyv6.jpg); background-size: cover; background-position: center bottom; background-repeat: no-repeat; }
.bg-footer {background-image: url(../img/bg-footer.jpg); background-size: cover; background-position: center top;}
.bg-message {background-image: url(../img/scroll-bg-2.jpg); background-size: cover; background-position: left top; height: 100%;}
.bg-result1 {position: relative; background-color: rgba(0,0,0,1);}
.bg-result1:before {content: ""; position: absolute; display: block; top: 0; left: 0; right: 0; bottom: 0; background-image: url(../img/result1.jpg); background-size: cover; background-position: center center; opacity: 0.5;}

#loopBg {width: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0;}

@media (max-width: 767px) {
	.bg-message {height: 300px; background-size: 600px 1400px;}
	#loopBg { position: relative;}
}
.bg-vision {background-image: url(../img/bg-vision.jpg); background-size: cover; background-position: center center;}
.bg-center {background-position: center center;}

#gmap {height: 450px; width: 100%;}
.footer span {white-space: nowrap; line-height: 3;}
@media (max-width: 350px) {
	.footer span {font-size: 80%; letter-spacing: 0.005em;}
}

.grid {
    width: 100%;
    margin: 0 auto;
}
.grid-item {
    margin: 10px;
}
.sub-title {line-height: 1.3; color: #304a67;}
.sub-title.white {color: #fcfcfc;}
.sub-title::after {
	content: "";
	display: block;
	margin: 10px auto;
	width: 5rem;
	padding-top: 0.5em;
	border-bottom: 2px solid rgba(161,78,33,0.8);
}
.sub-title.white::after {
	color: rgba(255,255,255,.5);
}

.navbar-inverse .navbar-nav .nav-link {
	color: rgba(255,255,255,.85);
}
.navbar-inverse .navbar-nav .nav-link:hover,
.navbar-inverse .navbar-nav .nav-link:focus {
	color: rgba(255,255,255,1);
}
.btn {font-family: inherit;}
.btn-original {background-color: rgba(161,78,33,0.8); color: #fff; border-color: rgba(161,78,33,1);}
.btn-entry {background-color: #c0582a; color: #fff; border-color: #c0582a; font-family: inherit;}
.btn-entry:hover {
    color: #fff;
    background-color: #a04e22;
    border-color: #a04e22;}
.btn-job {
	background-color: #304a67;
	color: #fff;
	border-collapse: #304a67;
	font-family: inherit;
}
.btn-job:hover {
    color: #fff;
    background-color: #1a324e;
    border-color: #1a324e;}
}
 
    
    

.story .col-md-6:nth-child(even) {
	margin-top: 60px;
}

.modal-content {border-radius: 0;}

.footer .nav-link {
	color: #555;
	font-weight: bold;
	font-size: 90%;
	padding: .3rem 1rem;
}
.footer {
	padding-bottom: 36px;
	background: #f2f2f2;
}
.recruit-pic {width: 150px; height: 150px; object-fit: cover;}