@charset "UTF-8";
/* CSS Document */

* {
  margin: 0px;
  padding: 0px;
  font-family: 'Yu Gothic', '游ゴシック', YuGothic, '游ゴシック体',
    'ヒラギノ角ゴ ProN W3', 'メイリオ', sans-serif;
  color: #262626;
  -webkit-text-size-adjust: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  width: 100%;
  max-width: 1200px;
  margin: 30px 0;
}

p {
  font-size: 0.85em;
  margin: 10px auto;
}

/*-----------PC版でメインメニューを開いた時背景をグレーに*/
#grey_scale {
  height: 900px;
  width: 100%;
  background-color: black;
  display: none;
  opacity: 0.3;
  margin-top: -500px;
}

/*----------------------------------------------------------------------1200より大きい*/
@media screen and (min-width: 1200px) {
  #contents {
    max-width: 1200px;
    text-align: left;
    margin: 0 auto;
  }
}

/*----------------------------------------------------------------------768より大きい*/
@media screen and (min-width: 768px) {
  #Bodywall {
    text-align: center;
    margin: 0 auto;
  }

  #contents {
    /* width: 96%; */
    text-align: left;
    margin: 0 auto;
  }

  #footers {
    margin-top: 50px;
  }

  #pan {
    background-color: #e6e6e6;
    margin-top: -1em;
    text-align: left;
  }

  #pan p {
    max-width: 1200px;
    font-size: 0.8em;
  }

  #pan a {
    color: #444;
    text-decoration: underline;
  }

  #pan a:hover {
    color: #aaa;
  }

  #pagetop {
    /*display: block;*/
    text-align: right;
    margin: 5% 0;
  }

  #pagetop a {
    border-bottom: 3px solid #001655;
  }

  .MobON {
    display: none;
    border: 1px solid #ff0000;
  }

  .hedImg {
    width: 100%;
  }

  /*----------------------------------------------------------------------カラム設定*/
  .clear {
    clear: both;
  }

  .oneCol {
    width: 100%;
    float: none;
    clear: both;
    box-sizing: border-box;
  }

  .twoCol_R {
    width: 48%;
    max-width: 600px;
    margin: 0 auto;
    float: right;
    box-sizing: border-box;
  }

  .twoCol_L {
    width: 48%;
    max-width: 600px;
    margin: 0 auto;
    float: left;
    box-sizing: border-box;
  }

  .twoCol_fix {
    display: flex;
    box-sizing: border-box;
  }

  .twoCol_fix_side {
    flex: 0 0 400px;
    box-sizing: border-box;
  }

  .twoCol_fix_main {
    flex: 1 1 auto;
    box-sizing: border-box;
  }

  .thrCol {
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
  }

  .thrCol_item {
    flex: 0 1 calc((100% / 3) - 10px); /* カラム間の隙間の分を引く */
    padding: 10px;
    margin: 5px 5px; /* カラム間の隙間 */
    box-sizing: border-box;
  }

  .sizFull {
    width: 100%;
  }
}

/*---------------------------------------------------------------------- 768より小さい*/
@media screen and (max-width: 768px) {
  #contents {
    width: 90%;
    text-align: left;
    margin: 0 auto;
  }

  h2.rbd-h2 {
    font-size: 1.2rem !important;
    width: 90%;
  }

  #pan {
    display: none;
  }

  .twoCol_R,
  .twoCol_L {
    width: 100%;
    margin: 0;
    float: none;
  }

  .MobON {
    display: inline;
  }

  .sizFull {
    width: 100%;
  }

  #footers {
    margin-top: 40px;
  }

  p.rb-btn {
    width: 90%;
    min-width: 223px !important;
    margin: 1rem 0 0rem !important;
  }

  .rb-box {
    display: flex;
    flex-direction: column;
    justify-content: center !important;
    align-items: center;
  }
}

div#main div#top-head h1 {
  font-family: 'メイリオ';
}

div#main div#top-head h1 span.shouhyou {
  font-family: 'Yu Gothic', '游ゴシック', YuGothic, '游ゴシック体',
    'ヒラギノ角ゴ ProN W3', 'メイリオ', sans-serif;
}

.pagetop {
  float: right;
  margin: 20px;
}

.rbd-h2 {
  position: relative;
  padding: 1rem 1rem;
  border-bottom: 6px solid #b6d920;
  margin-top: 1rem !important;
  width: 96%;
}

.rbd-h2:before {
  position: absolute;
  bottom: -6px;
  left: 0;
  width: 20%;
  height: 6px;
  content: '';
  background: #67ae54;
}

.rbd_contact {
  padding: 1.5rem !important;
  background: #f4f5f4;
  border-radius: 11px;
  margin-top: 2rem;
}

.rbd_contact h4 {
  margin: 0.5rem;
}