@charset "utf-8";
/* ///////////////////////////////////////////////////////////////////// 
//  基本style.cssに対する書き換え箇所
///////////////////////////////////////////////////////////////////// */
body {
  font-size: 18px;
}
body:before {
  background-image: url();
}
/* ページの大見出し */
h2.rd {
position: relative;
line-height:1.2;
letter-spacing: 1px;
display: block;
margin-top: 20px;
margin-bottom: 40px;
}

h2.rd:before {
  color: #fff;
  content: '';
  position: absolute;
  left: 40px;
  bottom: -12px;/*線の上下位置*/
  display: inline-block;
  width: 80px;/*線の長さ*/
  height: 4px;/*線の太さ*/
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);/*位置調整*/
  background-color: #06a3e0;/*線の色*/
}

.h4{
  font-size: 22px;
}

h5 {
  font-size: 1.2rem;
  font-weight: bold;
  color: #555;
  margin-top: 0px; /*基本スタイルの打消し*/
  margin-bottom: 15px;
  position: relative;
  padding: 0.5rem 0rem;
}
h5:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  content: '';
  background-image: -webkit-gradient(linear, left top, right top, from(#fbe208), to(#eaeaec));
  background-image: -webkit-linear-gradient(left, #fbe208 0%, #eaeaec 100%);
  background-image: linear-gradient(to right, #fbe208 0%, #eaeaec 100%);
}
.panel h4 {}
.panel h4:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  content: '';
  background-image: -webkit-gradient(linear, left top, right top, from(#fbe208), to(#eaeaec));
  background-image: -webkit-linear-gradient(left, #fbe208 0%, #eaeaec 100%);
  background-image: linear-gradient(to right, #fbe208 0%, #eaeaec 100%);
}
h4::before {
  background: none;
}
h4::after {
  background: none;
}
/* ///////////////////////////////////////////////////////////////////// 
//  このサイトのオリジナルCSS
///////////////////////////////////////////////////////////////////// */
.bg_white_op {
  background-color: rgba(255, 255, 255, 0.5);
}
.bg_whitesmoke_op {
  background-color: #f4f3f1;
  opacity: 0.8;
}
.bg_whitesmoke {
  background-color: #f4f3f1;
}
.parallax-window-mainvisual {
  min-height: 400px;
  max-height: 400px;
  background: transparent;
}
#main_visual {
  position: relative;
}
#main_visual .main_title {
  position: absolute;
  top: 50px;
  left: 50px;
}
#main_visual .main_top {
  position: absolute;
  top: 0%;
  left: 0%;
}
#main_visual .main_bottom {
  position: absolute;
  bottom: 0%;
  right: 0%;
}
.gmap-gray-scale iframe {
  filter: grayscale(100%);
}
.gmap-gray-scale-hover iframe:hover {
  filter: grayscale(0%);
}
/* ------------------------------------------------- *
 *        背景グラデーション
 * ------------------------------------------------- */
/* ///////////////////////////////////*/
/* 背景グラデーションアニメ02 */
.gradebox02 {
  width: 100%;
  color: #fff;
  background: linear-gradient(241deg, #000b3b, #0c2e36, #0b0a0a);
  background-size: 600% 600%;
  -webkit-animation: AnimationName 6s ease infinite;
  -moz-animation: AnimationName 6s ease infinite;
  animation: AnimationName 6s ease infinite;
}
@-webkit-keyframes AnimationName {
  0% {
    background-position: 0% 74%
  }
  50% {
    background-position: 100% 27%
  }
  100% {
    background-position: 0% 74%
  }
}
@-moz-keyframes AnimationName {
  0% {
    background-position: 0% 74%
  }
  50% {
    background-position: 100% 27%
  }
  100% {
    background-position: 0% 74%
  }
}
@keyframes AnimationName {
  0% {
    background-position: 0% 74%
  }
  50% {
    background-position: 100% 27%
  }
  100% {
    background-position: 0% 74%
  }
}
/* ///////////////////////////////////*/
/* BS3で画像要素（img）が中央に */
.center-img {
  display: inline-block;
}
/* ///////////////////////////////////*/
/*ローカルナビゲーション */
  .btn-yellow {
    background-color: #fdfbc2;   /* 薄いイエロー */
    border-color: #f0e6a0;       /* 少し濃いめの枠線 */
    color: #333;                 /* 文字色（黒系） */
  }
  .btn-yellow:hover,
  .btn-yellow:focus {
    background-color: #fef862;   /* ホバー時 少し濃いイエロー */
    border-color: #e0d58a;
    color: #333;
  }
.dropdown-menu > .submenu-indent > a {
  padding-left: 40px;
}