@charset "UTF-8";
/*
body{
  font-family:"游ゴシック", serif;
}
.l-tpl-header__navbar__link {
  font-family:"游ゴシック", serif;
}
.c-tpl-slide01__title{
  font-family:"Ryumin Bold KL", serif;
}
.l-tpl-header02__contact__tel,
.l-tpl-header02__gnav{
  font-family:"游ゴシック", serif;
}
.c-tpl-heading01{
  font-family:"Ryumin Bold KL", serif;
}
.c-tpl-heading01 > em{
  font-family:"Ryumin Bold KL", serif;
}
.c-tpl-heading02{
  font-family:"Ryumin Bold KL", serif;
}

.font-weight-bold{
  font-family:"Ryumin Bold KL", serif;
}

.l-tpl-header02__contact__mail{
  font-family:"游ゴシック", serif;
}

dt{
  font-family:"Ryumin Bold KL", serif;
}
*/

.c-tpl-heading01 > em{
  font-family:"新ゴ B", "游ゴシック", serif;
}


hr.divider {
  max-width: 8.25rem;
  border-width: 0.2rem;
  border-color: #000000;
}
hr.light {
  border-color: #fff;
}

.c-bg-white-opacity{
  background: rgba(255,255,255,0.8);
}

.card-img-overlay{
  padding: 0;
  top: calc(50% - 0.5rem);
  text-align: center;
  font-weight: bold;
}

/* modal-spmenu */
.modal.left.fade .modal-dialog {
  -webkit-transform: translate(-25%,0);
  transform: translate(-25%,0);
}
.modal.left.show .modal-dialog {
  -webkit-transform: translate(0,0);
  transform: translate(0,0);
}
#modal-spmenu .modal-dialog {
  max-width: 100%;
  margin: 0;
  height: 100%;
}
#modal-spmenu .modal-content {
  height: 100%;
  border: none;
  border-radius: 0;
}
#modal-spmenu .modal-header {
  display: block;
}
#modal-spmenu .modal-title {
  display: inline-block;
}
#modal-spmenu .modal-body {
  overflow-y: scroll;
}

.imgWrap {
  overflow: hidden; /*拡大時にはみ出た部分を隠す*/
  width: 320px; /*画像の幅*/
  height: 180px;  /*画像の高さ*/
}
.imgWrap img {
  display: block;
  transition-duration: 0.3s;  /*変化に掛かる時間*/
}
.imgWrap img:hover {
  transform: scale(1.1);  /*画像の拡大率*/
  transition-duration: 0.3s;  /*変化に掛かる時間*/
}

.background-image:hover {
  transform: matrix3d(
    1, 0, 0, 0,
    0, 1, 0, 0,
    0, 0, 1, 0,
    0, 0, 0, 0.9
  );
}
.p-blog-card__img { width: 100%; height: 160px; -o-object-fit: cover; object-fit: cover; font-family: 'object-fit: cover;'; }

@media (max-width: 768.98px) { .p-blog-card__img { height: 80px; } }