@charset "utf-8";

body,p,td,li, 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:1rem;
	line-height:1.7em;
}
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:bold;
}
.font-m {
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",source-han-serif-japanese,"游明朝","Yu Mincho","游明朝体",YuMincho,"HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;
}
.font-g {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}

/* マージン設定
==================================================== */
.np { padding-left:0; padding-right:0; }
.margin0 { margin-left:-30px; margin-right:-30px; }
.mt-80 { margin-top:80px; }
.pt-80 { padding-top:80px; }
.pb-80 { padding-bottom:80px; }
.mt-110 { margin-top:110px; }
.pt-110 { padding-top:110px; }
.pb-110 { padding-bottom: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; }
	.pb-80, .pb-110 { padding-bottom:20px; }
	.mb-80, .mb-110 { margin-bottom:20px; }
	.m-80, .m-110 { margin-top:20px; margin-bottom:20px; }
}


/* 背景色
==================================================== */
body { background-image : url("/img/bg.png"); }
footer { background-color: #2e2926; }




/* スライダー
==================================================== */
#slider .slick-slide {
	overflow:hidden;
}
#slider-sara .slick-slide {
	overflow:hidden;
	max-width:1056px;
}
#slider-info .slick-next {
	position:absolute;
	top:50%;
	right:-50px;
	
}

#slider-info img.wp-post-image  {
	width:240px;
	height:240px;
	max-width:100%;
	object-fit: cover;
}

#info img.wp-post-image  {
	width:100px;
	height:100px;
	max-width:100%;
	object-fit: cover;
}


@media (min-width: 768px) {
	.img-md-cover { overflow:hidden;height:560px; }
	.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%;
	}
}


/* 文字サイズ、体裁
==================================================== */
.lh-1 { line-height:1em; }
.lh-2 { line-height:2em; }
.lh-2_5 { line-height:2.5em; }
.lh-3 { line-height:3em; }
.ls-1 { letter-spacing: 1px; }
.ls-2 { letter-spacing: 2px; }
.ls-3 { letter-spacing: 3px; }
.fs-0_9 { font-size: 0.9em; }
.fs-0_8 { font-size: 0.8em; }

h1, .h1 {
	font-size: 2.1rem;
	line-height: 3rem;
}
h2, .h2 { font-size: 1.8rem; }
h3, .h3 { 
	font-size: 1.5rem; 
}

@media (max-width: 1199.98px) {
	h1, .h1 { font-size: 1.5rem; }
	h2, .h2 { font-size: 1.3rem; }
	h3, .h3 { font-size: 1.2rem; }
}

p {
	margin:0;
	padding:0;
}


/* マウスオーバー
==================================================== */
@media (min-width: 768px) {
img.m-over  {
	position:absolute;
	opacity: 0;
	top:0;
	left:0;
}
a:hover img.m-over  {
	opacity: 1;
}
}

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


/* リンク
==================================================== */
a { color: #999; }
a:hover { color: #333; }

/* リンク - ナビトップ */
#navi-top {
	align-items: center;
}
@media (min-width: 1200px) {
	#navi-top div {
		letter-spacing:2px;
	}
}
#navi-top a {
	color: #000;
}
@media (max-width: 991px) {
	#navi-top {text-space-collapse:discard;font-size:0; }
	#navi-top a {
		font-size:0.8rem;
		line-height:0.8rem;
		display:inline-block;
		border-right:1px solid #ccc;
		padding:0 5px 0 5px;
	}
}

/* リンク - フッター */
footer a {
	color:#ddd;
	display:inline-block;
}
footer a:hover {
	color:#999;
}



/* ボタン
==================================================== */
.button-4{
  width:246px;
  height:47px;
  border:1px solid #000;
  text-align:center;
  cursor:pointer;
  position:relative;
  box-sizing:border-box;
  overflow:hidden;
  background-color:#fff;
}
.button-4 a{
  font-family: "メイリオ", Meiryo, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-size:16px;
  color:#000;
  text-decoration:none;
  line-height:47px;
  transition:all .5s ease;
  z-index:2;
  position:relative;
}
.eff-4{
  width:246px;
  height:47px;
  left:-246px;
  background:#000;
  position:absolute;
  transition:all .5s ease;
  z-index:1;
}
.button-4:hover .eff-4{
  left:0;
}
.button-4:hover a{
  color:#fff;
}


/* テーブル
==================================================== */
.table-th {
	color:#1d64c5;
	font-weight:bold;
}

/* ナビバー
==================================================== */
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;
}
.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(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M6 6L 24 24M24 6L6 24'/%3E%3C/svg%3E");
}


/* カード
==================================================== */
.card-title {
	font-size:1.2rem;
	color:#ef8206;
	font-weight:bold;
}




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


/* トップへ戻る
==================================================== */
a.page-top {
	position:fixed;
	bottom:60px;
	right:60px;
	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;
	}
}


/* アニメーション（下からスライドイン）
=============================================== */
.anim1 {
    -webkit-animation: 2.5s forwards anim1;
    animation: 2.5s forwards anim1;
}
    @-webkit-keyframes anim1 {
        0% {
            -webkit-transform: translate(0, 40px);
            opacity: 0;
        }
        100% {
            -webkit-transform: translate(0, 0);
            opacity: 1;
        }
    }
    @keyframes anim1 {
        0% {
            transform: translate(0, 40px);
            opacity: 0;
        }
        100% {
            transform: translate(0, 0);
            opacity: 1;
        }
    }


/* レスポンシブテーブル
==================================================== */


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