@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/roundedmplus1c.css);
@import url("https://fonts.googleapis.com/css?family=Montserrat:600");
/*　キーカラー　*/
/*　マスターワイズ　*/
/*　clearする　*/
.clearfix:after {
  content: "";
  clear: both;
  display: block; }

/* ボディ設定
＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/
html {
  font-size: 62.5%;
  line-height: 1;
  color: #111;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
  /*　デバイスフォント最適化　*/
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility; }

body {
  font-size: 1.6rem;
  background: url(../images/common/footer_bottom_bg.jpg) center bottom no-repeat;
  background-size: 100%; }

/*　リンク設定　*/
* a {
  color: inherit;
  text-decoration: underline; }
* a:hover {
  opacity: .8; }

/* 基礎要素	＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ */
header {
  position: relative;
  border-top: solid #a7cd8b 10px;
  text-align: center;
  height: auto;
  margin: 0 auto; }
  header #header_box {
    position: relative;
    width: 980px;
    margin: 0 auto; }
  header #ttl_site {
    background: url(../images/common/ttl_logo_header.svg) no-repeat center center;
    font-family: "游明朝", YuMincho, 'Noto Serif', 'Sawarabi Mincho', serif,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    text-indent: -9999px;
    width: 400px;
    height: 190px;
    margin: 0 auto; }
    header #ttl_site a {
      display: block;
      width: 400px;
      height: 190px; }
  header p {
    background: #231815;
    font-size: 1.3rem;
    color: #fff;
    width: 263px;
    padding: 2px 0;
    margin: 15px auto 30px; }
  header nav {
    background: #fff;
    margin: 0 auto; }
  header #global_nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: 'GenJyuuGothicL';
    height: 65px;
    width: 980px;
    margin: 0 auto; }
    header #global_nav li {
      display: flex;
      justify-content: center;
      align-items: center;
      transform: rotate(0.001deg);
      border-left: solid #e5e5e5 1px;
      list-style: none;
      width: calc(100%/4);
      height: 44px; }
      header #global_nav li:nth-child(5) {
        border-right: solid #e5e5e5 1px; }
      header #global_nav li a {
        display: flex;
        justify-content: center;
        align-items: center;
        text-decoration: none;
        width: 100%;
        height: 65px; }
        header #global_nav li a:hover {
          background: #EFEFEF; }
    header #global_nav .menu_sp {
      display: none; }
  header #tel_box {
    display: block;
    border: solid 1px #969696;
    border-radius: 5px;
    position: absolute;
    top: 10px;
    right: 0;
    width: 224px;
    height: 193px;
    line-height: 1.45;
    padding: 13px 10px;
    margin: 22px 0 0; }
    header #tel_box dl {
      display: flex;
      flex-direction: column;
      font-size: 1.5rem; }
      header #tel_box dl dt {
        font-weight: 600;
        border-bottom: dotted 1px #969696;
        padding: 0 0 8px;
        margin: 0 0 8px; }
      header #tel_box dl dd {
        font-weight: 600; }
        header #tel_box dl dd:nth-last-child(2) {
          font-weight: normal; }
        header #tel_box dl dd:last-child {
          border-top: dotted 1px #969696;
          font-weight: normal;
          font-size: 1.1rem;
          padding: 8px 0 0;
          margin: 8px 0 0; }
      header #tel_box dl #telephone {
        font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", 'Montserrat', sans-serif;
        font-weight: 600;
        color: #dc1b2a;
        font-size: 2.4rem; }
      header #tel_box dl #telephone::before {
        display: inline-block;
        content: url(../images/common/icon_tel.svg);
        color: #a6a6a6;
        width: 14px;
        height: 18px;
        margin: 0 5px 0 0; }

.reception_time {
  font-size: 1.7rem; }

.link_tel {
  text-decoration: none; }

.fixed {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #fff;
  position: fixed;
  top: 0;
  z-index: 9999;
  height: 65px;
  width: 100%;
  margin: 0 auto; }
  .fixed li {
    display: flex;
    justify-content: center;
    align-items: center;
    border-left: solid #e5e5e5 1px;
    list-style: none;
    width: calc(100%/5);
    height: 44px; }
    .fixed li:last-child {
      border-right: solid #e5e5e5 1px; }
    .fixed li a {
      display: flex;
      justify-content: center;
      align-items: center;
      text-decoration: none;
      width: 100%;
      height: 65px; }
      .fixed li a:hover {
        background: #EFEFEF; }

footer {
  text-align: center;
  font-size: 1.6rem;
  line-height: 2.2;
  color: #231815; }
  footer address {
    width: 820px;
    margin: 0 auto; }
    footer address ul {
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      line-height: 1.6; }
    footer address li {
      list-style: none; }
  footer #copyright {
    font-size: 1.2rem;
    color: #594f4e;
    text-align: center;
    margin: 20px auto; }

/* 構成要素	＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ */
h2 {
  font-size: 3.2rem;
  line-height: 2.3;
  text-align: center; }

/*　レスポンシブ対応（ブレークポイント 768px）
＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/
@media screen and (max-width: 768px) {
  .img_sp {
    display: block; }

  img {
    max-width: 100%;
    height: auto; }

  /* 基礎要素	＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ */
  header #header_box {
    width: auto; }
  header #ttl_site {
    width: 300px;
    height: 167px; }
    header #ttl_site a {
      width: 300px;
      height: 167px; }
  header p {
    width: 230px;
    margin: 0 auto 30px; }
  header #global_nav {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-top: solid 1px #EFEFEF;
    flex-wrap: wrap;
    height: 88px;
    width: auto;
    margin: 0; }
    header #global_nav li {
      display: flex;
      justify-content: center;
      align-items: center;
      border-left: solid 1px #EFEFEF;
      border-bottom: solid 1px #EFEFEF;
      list-style: none;
      width: calc(100%/2);
      height: 44px; }
      header #global_nav li:first-child {
        border-left: none; }
      header #global_nav li:nth-child(4) {
        border-left: none;
        border-right: none; }
      header #global_nav li:nth-child(5) {
        border-right: none; }
      header #global_nav li a {
        display: flex;
        justify-content: center;
        align-items: center;
        text-decoration: none;
        width: 100%;
        height: 44px; }
        header #global_nav li a:hover {
          background: #EFEFEF; }
    header #global_nav .menu_sp {
      display: none; }
  header #tel_box {
    display: none; }

  .fixed {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    top: 0;
    z-index: 9999;
    height: 88px;
    width: 100%;
    margin: 0 auto; }
    .fixed li {
      display: flex;
      justify-content: center;
      align-items: center;
      border-left: solid #e5e5e5 1px;
      list-style: none;
      background: #fff;
      width: calc(100%/5); }
      .fixed li:last-child {
        border-right: solid #e5e5e5 1px; }
      .fixed li a {
        display: flex;
        justify-content: center;
        align-items: center;
        text-decoration: none;
        width: 100%; }
        .fixed li a:hover {
          background: #EFEFEF; }

  footer {
    text-align: center;
    font-size: 1.6rem;
    line-height: 2.2;
    color: #231815; }
    footer address {
      width: auto;
      margin: 0 10px; }
      footer address li {
        display: block; }
    footer #copyright {
      font-size: 1.2rem;
      color: #594f4e;
      text-align: center;
      margin: 20px auto; }

  /* 構成要素	＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ */
  h2 {
    font-size: 2.2rem;
    line-height: 2.3;
    text-align: center; }

  .reception_time {
    font-size: 1.4rem; } }
/*　ここまで　*/