/* --- 明朝font ---*/
:root {
	--mincho: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Sawarabi Mincho", serif;
}
:root {
	--gothic: -apple-system, BlinkMacSystemFont, "Helvetica Neue", HelveticaNeue, "Segoe UI", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.mincho {
	font-family:var(--mincho);
	font-weight: bolder;
	color: #000;
}
.gothic {
	font-family:var(--gothic);
}
html {
	 height: 100%;
}
body {
	min-height: 100%;
	display: flex;
	flex-direction: column;
/*	
	display: grid;
	grid-template-rows: 1fr auto;
*/
}
body.concept {
	/* ★Swiper等スライダープラグインを入れると、flexが正常に効かないため */
	display: block;
}
.container {
/*
*/
	flex: 1;
}

.head {
	padding-top: 1.3em;
    border-bottom: solid 1px #231815;
}
  
/* navibar */
.nav-tabs.nav-justified {	
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
@media (min-width: 480px) {
	.nav-tabs.nav-justified {
		width: 95%;
	}
}
@media (min-width: 768px) {
	.nav-tabs.nav-justified {
		width: 90%;
	}
}
@media (min-width: 992px) {
	.nav-tabs.nav-justified {
		width: 85%;
	}
}
@media (min-width: 1200px) {
	.nav-tabs.nav-justified {
		width: 85%;
	}
}
.nav-tabs.nav-justified li {
	text-align:center;
	font-size: 4vw;
    display: table-cell;
    width: 1%;
	
	color: #898989;
}
@media (min-width: 480px) {
	.nav-tabs.nav-justified li {
		font-size: 3vw;
	}
}
@media (min-width: 768px) {
	.nav-tabs.nav-justified li {
		font-size: 2.5vw;
	}
}
@media (min-width: 992px) {
	.nav-tabs.nav-justified li {
		font-size: 2vw;
	}
}
@media (min-width: 1200px) {
	.nav-tabs.nav-justified li {
		font-size: 1.6vw;
	}
}

.nav-tabs.nav-justified li.current {
	color: #00a0e9;
}
.nav-tabs.nav-justified li a {
	border: none;
	color: inherit;
	padding: 10px 0px;
}
.nav-tabs.nav-justified li a:hover {
	background-color: inherit;
}

.headimg {
	margin-top:30px;
	margin-bottom: 30px;
}
.headimg img {
	width: 100%;
    margin-left: auto;
    margin-right: auto;
}
@media (min-width: 768px) {
	.headimg img {
		width: 80%;
	}
}
.contentimg {
	margin-top:30px;
	margin-bottom: 30px;
}
.footimg {
	margin-top:30px;
	margin-bottom: 30px;
}

.waiting {
	font-size: 2.5vw;
	margin-top: 10vw;
	margin-bottom: 10vw;
	text-align: center;
	color:#00a0e9;
}
@media (min-width: 991px) {
	.waiting {
		font-size: 1.7vw;
		margin-top: 16vw;
	}
}

footer {
	margin-top: 20px;
	padding-top: 5px;
	padding-bottom: 20px;
	background-color:#eee;
	text-align:center;
    width: 100%;
/*
	grid-row-start: 2;
	grid-row-end: 3;
*/
}
@media (min-width: 480px) {
	footer {
		padding-top: 20px;
	}
}
footer .navbar-nav {
	float:none;
}
footer .navbar-nav {
	margin-left:auto;
	margin-right:auto;
}
footer .navbar-nav > li {
	float:none;
	display:inline-block;
}
footer .navbar-nav > li > a {
	color:#000;
	font-size:3vw;
	padding :5px;
}
@media (min-width: 480px) {
	footer .navbar-nav > li > a {
		font-size:1vw;
	}
}
footer .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
	
}
footer .copyright {
	font-size: 2vw;
}
@media (min-width: 480px) {
	footer .copyright {
		font-size: 0.8vw;
	}
}

/*
@media (min-width: 480px) {}
@media (min-width: 768px) {}
@media (min-width: 992px) {}
@media (min-width: 1200px) {}
*/


/*--- index ---*/
.index .index-body {
	margin-top: 6vh;
}


/*--- concept ---*/
.concept .concept-head {
}
.concept .concept-caption {
	margin-bottom: 60px;
}
.concept .concept-body {
	margin-bottom: 60px;
}
.concept .concept-foot {
	padding-top: 2em;
	text-align:center;
	color: #00a0ea;
	font-size: 16px;
}

.concept .swiper-slide {
/*	width: 250px !important; */
}
.concept .swiper-slide img{
    max-width: 100%;
/*	border:solid 1px #000; */
}


/*--- work ---*/
.work .headimg {
	position:relative;
}
.work .areaNavi {
    position: absolute;
    right: 0;
	top: -5px;
    z-index: 100;
    min-width: 150px;
    min-width: 9vw;
}
@media (min-width: 768px) {
	.work .areaNavi {
		right: -200px;
	}
}
.work .navibutton {
    max-width: 20vw;
	margin-right: 2vw;
}
@media (min-width: 992px) {
	.work .navibutton {
		max-width: 9vw;
		margin-right: auto;
	}
}
@media (min-width: 1200px) {
	.work .navibutton {
		max-width: 6vw;
		margin-right: auto;
	}
}
.work .navibutton.hidden {
	display:none;
}
.work .worknavi {
	display:none;
	border:none;
    margin-top: 1.5em;
	background-color:#fff;
	opacity: 0.7;
	padding-inline-start: 0;
} 
.work .worknavi li {
	list-style-type: none;
	
	margin-bottom: 0.3em;
/*	padding-left: 2em; */
	font-size: 3.5vw;
	
	color:#898989;
}
@media (min-width: 768px) {
	.work .worknavi li {
/*		padding-left: 1em;*/
		margin-bottom: 1em;
		font-size: 3.5vw;
	}
}
@media (min-width: 992px) {
	.work .worknavi li {
/*		padding-left: 1em;*/
		font-size: 1.5vw;
	}
}
@media (min-width: 1200px) {
	.work .worknavi li {
/*		padding-left: 1em;*/
		font-size: 1vw;
	}
}
.work .worknavi li.current {
	color: #00a0e9;
}
.work .worknavi li a {
	color: inherit;
}
.work .toggleNavi {
    text-align: center;
    min-height: 2em;
}
.work .titleimg {
	margin-top: 15px;
}
.work .title {
	text-align: center;
	font-size: 3vw;
	
	max-width: 80vw;
	margin-left: auto;
	margin-right: auto;
}
@media (min-width: 768px) {
	.work .title {
		font-size: 2.5vw;
	}
}
@media (min-width: 992px) {
	.work .title {
		font-size: 2vw;
	}
}
@media (min-width: 1200px) {
	.work .title {
		font-size: 1.2vw;
	}
}
.work .title em {
	color: #00a0e9;
	margin-right: 0.7em;
}
/*
.work .bodyimg {
	min-width: 150%;
	margin-left: -25%;
	overflow: visible;
}
@media (min-width: 768px) {
	.work .bodyimg {
		min-width: 100%;
		margin-left: 0;
	}
}
*/

.work .contentimg img {
	max-height: 600px;
	margin-left:auto;
	margin-right: auto;
}

.work .workpage {
	text-align:center;
    padding-inline-start: 0;
}
.work .workpage li {
	display:inline-block;
	list-style-type: none;
	
	font-size: 5vw;
    margin: 0 2.5vw;
	
	color:#898989;
}
@media (min-width: 768px) {
	.work .workpage li {
		font-size: 3.5vw;
		margin: 0 1.5vw;
	}
}
@media (min-width: 992px) {
	.work .workpage li {
		font-size: 3vw;
		margin: 0 1.5vw;
	}
}
@media (min-width: 1200px) {
	.work .workpage li {
		font-size: 2vw;
		margin: 0 1vw;
	}
}
.work .workpage li.current {
	color: #00a0e9;
}
.work .workpage li a {
	color: inherit;
}

.work .headimg {
	margin-top:30px;
	margin-bottom: 0px;
}
.work .contentimg {
	margin-top:15px;
	margin-bottom: 0px;
}
.work .footimg {
	margin-top:30px;
	margin-bottom: 30px;
}


/*--- career ---*/
.career .career-body h2 {
	font-family:var(--mincho);
	font-size: 24px;
	font-size: 4.5vw;
	color: #898989;
	
    margin-bottom: 50px;
	text-align: center;
	margin-left:auto;
	margin-right: auto;
}
@media (min-width: 480px) {
	.career .career-body h2 {
		text-align: left;
		margin-left: 0;
		margin-right: 0;
	}
}
@media (min-width: 768px) {
	.career .career-body h2 {
		font-size: 2.8vw;
	}
}
@media (min-width: 992px) {
	.career .career-body h2 {
		font-size: 2.3vw;
	}
}
@media (min-width: 1200px) {
	.career .career-body h2 {
		font-size: 1.6vw;
	}
}
.career .career-body .career-head {
		text-align: center;
}
@media (min-width: 480px) {
	.career .career-body .career-head {
		text-align: left;
	}
}
.career .career-body .career-head-img {
    margin-top: 33px;
	width: 40%;
    margin-bottom: 55px;
	margin-left:auto;
	margin-right: auto;
}
@media (min-width: 480px) {
	.career .career-body .career-head-img {
		width: 30%;
		margin-left: 0;
		margin-right: 0;
	}
}
.career .career-body h2 em {
	font-family:var(--gothic);
	font-weight: bolder;
	font-style: normal;
	color:#000;

}
.career .career-body .career-img-wrap {
	text-align: center;
	margin-left:auto;
	margin-right: auto;
}
@media (min-width: 480px) {
	.career .career-body .career-img-wrap {
		text-align: left;
		margin-left: 0;
		margin-right: 0;
	}
}
.career .career-body .career-img {
	width: 90%;
    margin-bottom: 33px;
	margin-left:auto;
	margin-right: auto;
}
@media (min-width: 480px) {
	.career .career-body .career-img {
		margin-left: 0;
		margin-right: 0;
	}
}
.career .career-body dl {
	margin-left:1em;
}
@media (min-width: 480px) {
	.career .career-body dl {
		margin-left: 0;
	}
}
.career .career-body dl dt {
	font-size: 14px; 
	color: #00a0e9;
/*	line-height: 2.5em;*/
    margin-bottom: 1em;
}
.career .career-body dl dd {
	font-size: 14px; 
	line-height: 2.5em;
    margin-bottom: 0.5em;
}
.career .career-body dl dd em{
	color: #898989;
}
.career .career-title {
	margin-top: 0.5em;
	height: 1em;
	margin-bottom: 0.5em;
}
@media (min-width: 480px) {
	.career .career-title {
		height: 1.1em;
	}
}