@charset "utf-8";

body,p,td,li,a, h5,h6 {
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",source-han-serif-japanese,"游明朝","Yu Mincho","游明朝体",YuMincho,"HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;
	font-weight: 400;
	font-size:17px;
}
h1,h2,h3,h4,.h1,.h2,.h3,.h4,.h5,.h6 {
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",source-han-serif-japanese,"游明朝","Yu Mincho","游明朝体",YuMincho,"HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;
	font-weight:500;
}

.container-fluid {overflow:hidden}
body { overflow-x:hidden; }


/* マージン設定
==================================================== */
.np { padding-left:0; padding-right:0; }
.margin0 { margin-left:-30px; margin-right:-30px; }
.mt-80 { margin-top:80px; }
.pt-80 { padding-top:80px; }
.mt-110 { margin-top:110px; }
.pt-110 { padding-top:110px; }
.mr-30 { margin-right:30px; }

.mb-80 { margin-bottom:80px; }
.mb-110 { margin-bottom:110px; }

.m-80 { margin-top:80px; margin-bottom:80px; }
.m-110 { margin-top:110px; margin-bottom:110px; }


@media (max-width: 767.98px) {
	.mt-80, .mt-110 { margin-top:20px; }
	.pt-80, .pt-110 { padding-top:20px; }
	.mb-80, .mb-110 { margin-bottom:20px; }
	.m-80, .m-110 { margin-top:20px; margin-bottom:20px; }
}


/* 背景色
==================================================== */
body { background-color: #f6f7f7; }
header { background-color: #f7f7f7; }
footer { background-color: #efefef; }

/* 文字サイズ、体裁
==================================================== */
.lh-2 { line-height:2em; }
.lh-2_5 { line-height:2.5em; }
.lh-3 { line-height:3em; }
.ls1, .ls-1 { letter-spacing: 1px; }
.ls-2 { letter-spacing: 2px; }
.ls-3 { letter-spacing: 3px; }

.text-orange { color:#ed6c00; }

h1 {
	font-size: 30px;
	line-height: 40px;
	font-weight:bold;
}
h2 {
	font-size: 24px;
}
.tenpo > div {
	font-size: 16px;
}
.tenpo > div a {
	font-size: 16px;
}

p {
	font-family: YuMincho, 'Yu Mincho', serif !important;
	margin:0;
	padding:0;
}

a.linkbtn {
	padding-top:0.2rem;
	font-size:27px;
	color:#000;
}
a.linkbtn:hover {
	color:#fff;
	text-decoration:none;
	background-color:#999;
}
@media (max-width: 991.98px) {
	a.linkbtn {
		font-size:16px;
	}
	
	footer h2, .h4 { font-size:16px; }
	footer { font-size:11px; }
}


dl, ol, ul {
	margin:0 0 0 1.5em;
	padding:0;
}

@media (min-width: 768px) {
	.img-md-cover { overflow:hidden; }
	.img-md-cover img {
	    position: absolute;
	    left: 50%;
	    top: 50%;
	    -webkit-transform: translate(-50%, -50%);
	    -moz-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	    -o-transform: translate(-50%, -50%);
	    transform: translate(-50%, -50%);
	    max-height: none !important;
	    max-width: none !important;
	    min-height: 100%;
	    min-width: 100%;
	}
}

/* お問い合わせ
==================================================== */
h5.modal-title {
	font-size:18px;
	font-weight:bold;
}


/* リンク
==================================================== */
a {
	color: #898989; 
}
a:hover { color: #333; }
nav li>a, footer a {
	color: #898989 !important;
}
nav li>a:hover, footer a:hover {
	color: #009fe8 !important;
}

a.nav-link {
	color:#000 !important;
	padding: 15px 0 15px 0;
}

a.linkimg:hover img {
	opacity: 0.6; filter: alpha(opacity=60);
}

/* ボタン
==================================================== */
.btn-arrow {
	width:48px;
	height:48px;
}
.btn-arrow #circle { fill:#EEEEEF; }
.btn-arrow #arrow { fill:#888888; }
.btn-arrow:hover #btn-ca #circle { fill:#9f9f9f; }
.btn-arrow:hover #btn-ca #arrow { fill:#fff; }

/* ナビバー
==================================================== */
@media (max-width: 767.98px) {
	body { padding-top:55px; }
}
nav.navbar-dark {
	background-color:#000;
}
.navbar-brand {
	padding:0;
	margin:0;
}

.navbar-toggler { 
	position:relative;
	border:none;
	color:#000;
	padding-bottom:0;
}
.navbar-toggler .text {
	position:absolute;
	font-family:Arial;
	font-size:8px;
	top:0;
	left:auto;
	right:auto;
}
.navbar-light .navbar-toggler .navbar-toggler-icon {
	position:relative;
	margin-top:4px;
}
.navbar-light .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M6 6L 24 24M24 6L6 24'/%3E%3C/svg%3E");
}

.navi-button object {
	width:101px;
	height:94px;
}
@media (max-width: 1040px) {
	.navi-button object {
		width:80px;
		height:74px;
	}
}

/* トップスライド
==================================================== */
#t-1,#t-2,#t-3 {  animation: anime_fade_up 1s ease-in .5s forwards;}
@keyframes anime_fade_up {
  0% {
  	top:50%;left:0;
	opacity:0;
  }
  100% {
	opacity:1;
	top:0;left:0;
  }
}


/* 会社案内
==================================================== */
a.mapbtn {
	padding-top:0.2rem;
	font-size:16px;
	background-color:#9fa0a0;
	color:#fff;
	display:inline-block;
	height:52px;
	width:52px;
	text-align: center;
	line-height:40px;
}
a.mapbtn:hover {
	color:#000;
	text-decoration:none;
	background-color:#ccc;
}

/* コピーライト
==================================================== */
#copyright {
	font-size:13px;
	padding-bottom:10px;
}


/* トップへ戻る
==================================================== */
a.page-top {
position:fixed;bottom:60px;right:10px;background-color:#57b66f;opacity:0.5;color:#0064f2;
display:block;
}
a.page-top:hover {
	opacity:0.7;
}
@media (max-width: 767.98px) {
	a.page-top {
		font-size:14px;
		bottom:0;
		right:0;
	}
}
/* レスポンシブテーブル
==================================================== */
.card table {
	margin:0;
}
@media (max-width: 767.98px) {
	.card-body  {
		padding-left:0.5em;
		padding-right:0.5em;
	}
	.card table th, td {
		display:block;
		padding-left:0;
		padding-right:0;
	}
	.card table td:last-child {
		border-top:none;
		padding-top:0;
		margin-top:0;
		padding-left:1em;
	}
}


/* 
==================================================== */
@media (min-width: 576px) {
}
@media (min-width: 768px) {
}
@media (min-width: 1200px) {
}