@charset "UTF-8";
/* CSS 初期化 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
 margin: 0;
 padding: 0;
 border: 0;
 outline: 0;
 vertical-align: baseline;
}
ol, ul {
  list-style: none;
}
img {
  /* 画像に関連する無意味な空間を消す */
  vertical-align: middle;
  max-width: 100%;
  margin-top: 0px;
  margin-right: 0px;
  margin-left: 0px;
  margin-bottom: 0px;
  border-style: none;
  /* [disabled]border-top-width: 0; */
  /* [disabled]border-right-width: 0; */
  /* [disabled]border-bottom-width: 0; */
  /* [disabled]border-left-width: 0; */
  z-index: 2;
  width: auto;
  height: auto;
  line-height: normal;
  font-size: medium;
  object-fit: cover;
}
a {
  text-decoration: none;
  color: #333333;
  list-style-type: none;
  transition: all 0.3s;
}
a:hover {
  zoom: 1;
  cursor: pointer;
  transition: all 0.3s;
}
.clear {
  clear: both;
}
.clear hr {
  display: none;
}
html, body {
  width: 100%;
  height: 100%;
  /*font-size: calc(100vw/100);62.5%; 10px
  scroll-behavior: smooth;*/
}
html {
  -webkit-text-size-adjust: 100%;
  -webkit-overflow-scrolling: touch;
  font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
}
.main {
  width: 100%;
  min-height: 100vh;
  overflow: hidden;
}
#container {
  width: 100%;
  overflow-x: hidden !important;
}
body {
  width: 100%;
  overflow-x: hidden !important;
}
.futura {
  font-family: Arial, Helvetica, sans-serif;
  /*font-family: futura-pt, sans-serif;*/
}
.futura_db {
  font-family: Arial, Helvetica, sans-serif;
  /*font-family: futura-pt, sans-serif;*/
  font-weight: bold;
  font-style: oblique;
}
.shingo {
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  /*font-family: a-otf-ud-shin-go-pr6n, sans-serif;*/
}
.ryumin {
  font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
  /*font-family: a-otf-ryumin-pr6n, serif;*/
}
.yu-gothic {
  font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
  /*font-family: yu-gothic-pr6n, sans-serif;*/
}
/*Loadingアニメーション読み込み*/
/*Loadingアニメーション読み込み*/
/*Loadingアニメーション読み込み*/
/* Loading背景画面設定　*/
#splash {
  /*fixedで全面に固定*/
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 9999;
  text-align: center;
  color: #fff;
  background-image: -webkit-linear-gradient(126deg, rgba(21, 29, 65, 1.00) 8.40%, rgba(43, 60, 96, 1.00) 37.40%, rgba(81, 115, 150, 1.00) 70.16%, rgba(146, 208, 241, 1.00) 100%);
  background-image: -moz-linear-gradient(126deg, rgba(21, 29, 65, 1.00) 8.40%, rgba(43, 60, 96, 1.00) 37.40%, rgba(81, 115, 150, 1.00) 70.16%, rgba(146, 208, 241, 1.00) 100%);
  background-image: -o-linear-gradient(126deg, rgba(21, 29, 65, 1.00) 8.40%, rgba(43, 60, 96, 1.00) 37.40%, rgba(81, 115, 150, 1.00) 70.16%, rgba(146, 208, 241, 1.00) 100%);
  background-image: linear-gradient(324deg, rgba(21, 29, 65, 1.00) 8.40%, rgba(43, 60, 96, 1.00) 37.40%, rgba(81, 115, 150, 1.00) 70.16%, rgba(146, 208, 241, 1.00) 100%);
}
/* Loading画像中央配置　*/
#splash_logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
/* fadeUpをするアイコンの動き */
.fadeUp {
  animation-name: fadeUpAnime;
  animation-duration: 0.8s;
  animation-fill-mode: forwards;
  opacity: 0;
}
@keyframes fadeUpAnime {
  0% {
    opacity: 0;
    transform: translateY(2px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/*Loadingアニメーション読み込み*/
/*Loadingアニメーション読み込み*/
/*Loadingアニメーション読み込み*/
/*//////////PCサイズ ///////////*/
/*//////////PCサイズ ///////////*/
/*//////////PCサイズ ///////////*/
@media screen and (min-width: 481px) {
  /* Loading アイコンの大きさ設定　*/
  #splash_logo img {
    width: calc(100vw/20);
  }
  html {
    font-size: 0.7246377vw; /* 10 ÷ 1380 × 100 */
    font-feature-settings: "palt"; /*palt　pwid　pkna*/
  }
  #pagetop {
    width: 80px;
    height: 80px;
    background-color: #595038;
    line-height: 18px;
    font-size: 14px;
    font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
    z-index: 10;
    position: fixed;
    right: 20px;
    bottom: 20px;
    text-align: center;
    padding-top: 13px;
    border-radius: 7px;
    display: block;
  }
  #pagetop:hover {
    color: #FFFFFF;
    background-color: #837652;
    cursor: pointer;
    transition: all 0.05s ease-out;
  }
  #pagetop a {
    color: #FFFFFF;
    text-decoration: none;
  }
  .close_box {
    width: 100%;
    position: relative;
    margin-right: auto;
    margin-left: auto;
  }
  #close {
    width: 80px;
    height: 80px;
    background-color: #A9894A;
    line-height: 18px;
    font-size: 14px;
    font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
    z-index: 10;
    right: 0px;
    bottom: 0px;
    text-align: center;
    padding-top: 13px;
    border-top-right-radius: 7px;
    border-top-left-radius: 7px;
    display: block;
    position: absolute;
    color: #FFFFFF;
  }
  #close:hover {
    color: #FFFFFF;
    background-color: #837652;
    cursor: pointer;
    transition: all 0.05s ease-out;
  }
  #close a {
    color: #FFFFFF;
    text-decoration: none;
  }
  .menu {
    width: 100%;
    background-color: rgba(241, 238, 224, 0.90);
    /* [disabled]border-bottom: 2px solid #90804A; */
    z-index: 69;
    position: absolute;
    left: 0px;
    bottom: 0px;
    height: 60px;
  }
  .kotei {
    position: fixed;
    top: 80px;
  }
  .plus {
    padding-top: 60px;
  }
  .hedline {
    width: 100%;
    height: 80px;
    /* [disabled]display: block; */
  }
  .wrap {
    width: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
  }
  .wrap_bak_color {
    background-color: #F2F0E3;
    min-height: 0vh;
  }
  #header {
    position: fixed;
    width: 100vw;
    height: calc(80px);
    z-index: 9998; /*最前面へ*/
  }
  /*　上に上がる動き　*/
  #header.UpMove {
    animation: UpAnime 0.5s forwards;
    transition: ease-in-out 0.1s;
  }
  @keyframes UpAnime {
    from {
      opacity: 1;
      transform: translateY(0);
    }
    to {
      opacity: 0;
      transform: translateY(-150px);
    }
  }
  /*　下に下がる動き　*/
  #header.DownMove {
    animation: DownAnime 0.5s forwards;
    transition: ease-in-out 0.1s;
  }
  @keyframes DownAnime {
    from {
      opacity: 0;
      transform: translateY(-150px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
  .header {
    /*はじめの高さを設定*/
    width: 100vw;
    height: calc(80px);
    transition: all 0.2s ease;
    /*以下はレイアウトのためのCSS*/
    background-color: rgba(50, 34, 0, 1.00);
    z-index: 9999;
  }
  .hidden {
    background: none;
    transition: all 0.2s ease;
  }
  .hedmenu_logo {
    position: absolute;
    width: calc(100vw/4.5);
    max-height: calc(50px);
    top: 25%;
    left: 2%;
    z-index: 998;
  }
  .hedmenu_logo img {
    max-width: calc(100vw/4.5);
    max-height: calc(50px);
  }
  /*トップ以外のheader*/
  #header2 {
    position: fixed;
    width: 100vw;
    height: calc(80px);
    z-index: 9998; /*最前面へ*/
  }
  .header2 {
    /*はじめの高さを設定*/
    width: 100vw;
    height: calc(80px);
    transition: all 0.2s ease;
    /*以下はレイアウトのためのCSS*/
    background-color: rgba(50, 34, 0, 1.00);
    z-index: 9999;
  }
  /*========= ドロップダウンのためのCSS ===============*/
  /*==ナビゲーション全体の設定*/
  nav {
    width: calc(100% - 1.5em);
    height: calc(80px);
    padding-right: calc(1.5em);
    color: #333;
    font-size: min(1.6em, 16px);
    text-align: right;
    float: right;
    letter-spacing: calc(1em/12);
    font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
  }
  /*ナビゲーションを横並びに*/
  nav ul {
    /*2階層目の基点にするためrelativeを指定*/
    position: relative;
  }
  nav ul li {
    display: inline-block;
    height: auto;
  }
  /*2階層目以降は横並びにしない*/
  nav ul ul {}
  /*ナビゲーションのリンク設定*/
  nav ul li a {
    /*矢印の基点にするためrelativeを指定*/
    position: relative;
    text-decoration: none;
    color: #FFFFFF;
    padding-left: calc(1em);
    padding-right: calc(1em);
    text-align: center;
    transition: all .1s;
  }
  nav ul li a:hover {
    color: #77B8EF;
  }
  .freedyal img {
    width: calc(13vw);
  }
  nav ul li a img:hover {
    opacity: 0.8;
  }
  .has-child {
    line-height: calc(80px);
  }
  /*==矢印の設定*/
  /*2階層目を持つliの矢印の設定*/
  nav ul li.has-child > a::before {
    content: '';
    position: absolute;
    left: 0px;
    top: calc(50% - 0.3em);
    width: calc(1em/3);
    height: calc(1em/3);
    border-top: 2px solid #017569;
    border-right: 2px solid #36C244;
    transform: rotate(135deg);
  }
  /*==2階層目以降の画像設定*/
  nav ul li.has-child img {
    width: 100%;
    height: auto;
    transition: all .2s;
    vertical-align: bottom;
  }
  /*hoverしたら画像拡大*/
  nav ul li.has-child img:hover {
    transform: scale(1.2);
  }
  nav ul li.has-child dt {
    overflow: hidden;
    height: auto;
  }
  .base .menuinq {
    background-color: #9d833d;
    color: rgba(255, 255, 255, 1.00);
    border-radius: 25px;
    font-weight: normal;
    padding: 0.5em 1.3em;
  }
  .base .menuinq img {
    width: calc(100vw / 100);
    padding-right: 5px;
  }
  .base .menuinq:hover {
    background-color: #4E5220;
    color: rgba(255, 255, 255, 1.00);
  }
  @media screen and (max-width:1200px) {
    nav ul li.has-child dt {
      height: auto;
    }
  }
  /*== 2層目の設定 */
  nav li.has-child ul {
    /*絶対配置で位置を指定*/
    font-family: yu-gothic-pr6n, sans-serif;
    position: absolute;
    left: calc(0em);
    top: 80px;
    z-index: 4;
    /*子要素を横並びに*/
    padding-top: calc(1em);
    padding-bottom: calc(0.5em);
    display: grid;
    place-items: center;
    background-color: rgba(248, 248, 248, 0.95);
    height: auto;
    /*はじめは非表示*/
    /**/ visibility: hidden;
    opacity: 0;
    /*アニメーション設定*/
    transition: all .1s;
  }
  .grid_3 {
    width: calc(80vw);
    padding-left: calc(10vw);
    padding-right: calc(10vw);
    grid-template-columns: repeat(4, 1fr);
  }
  .grid_5 {
    width: calc(80vw);
    padding-left: calc(10vw);
    padding-right: calc(10vw);
    grid-template-columns: repeat(4, 1fr);
  }
  /*hoverしたら表示*/
  nav li.has-child:hover > ul {
    visibility: visible;
    opacity: 1;
  }
  /*各ナビゲーション横幅*/
  nav li.has-child ul li {
    width: auto;
  }
  /*ナビゲーションaタグの形状*/
  nav li.has-child ul li a {
    width: auto;
    height: auto;
    display: inline-block;
    color: #353535;
  }
  nav li.has-child ul li a dl {
    font-size: calc(1em);
    display: inline-block;
    padding-top: calc(1em);
    line-height: calc(3em);
  }
  nav li.has-child ul li a:hover, nav li.has-child ul li a:active {
    color: #11255F;
  }
  /*========= ドロップダウンのためのCSS 閉じ ===============*/
  /*////////// footer //////////*/
  footer {
    width: 100%;
    background-color: #5F6D78;
    color: #FFFFFF;
    text-align: center;
    bottom: 0px;
  }
  .inquiry {
    width: 100%;
    background-color: #E6E6E6;
    border-top: 8px solid #8E7E4A;
    border-bottom: 8px solid #7E5344;
    color: #563E24;
    padding-top: calc(3em);
    padding-bottom: calc(3em);
  }
  .inq_box {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-right: auto;
    margin-left: auto;
    padding-right: calc(5%);
    padding-left: calc(5%);
    max-width: 1280px;
    min-width: 680px;
    text-align: center;
  }
  .inq_item {}
  .inq_tit {
    font-size: 2.4rem;
    line-height: 1.4rem;
    font-weight: bold;
    flex-basis: 80px;
    display: block;
    text-align: left;
    padding-top: 13px;
  }
  .inq_tit span {
    font-size: 1.2rem;
    color: #FFFFFF;
    background-color: #563E24;
    padding-top: 4px;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 4px;
    margin-left: 11px;
    line-height: 1.2rem;
    vertical-align: bottom;
    font-weight: normal;
    font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
  }
  .inq_box .inq_tit.inq_item p {
    font-size: 1.2rem;
    padding-top: calc(1em);
    font-weight: normal;
    width: auto;
  }
  a.inq_web {
    height: 60px;
    line-height: 60px;
    font-size: 2rem;
    background-color: #FFFFFF;
    -webkit-box-shadow: 2px 2px 8px #565656;
    box-shadow: 2px 2px 8px #565656;
    border-radius: 11px;
    font-weight: bold;
    vertical-align: middle;
    display: block;
    color: #563E24;
  }
  .inq_web:hover {
    color: #563E24;
    background-color: rgba(255, 255, 255, 0.70);
    cursor: pointer;
    transition: all 0.2s ease;
  }
  .inq_box .inq_web.inq_item img {
    height: 20px;
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-right: 6px;
    font-size: medium;
    line-height: 60px;
  }
  .txtlink {
    height: 40px;
    line-height: 40px;
    font-size: 1.6rem;
    font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
  }
  .txtlink a {
    color: #040000;
    text-decoration: none;
  }
  .txtlink a:hover {
    color: #6F2A19;
    text-decoration: underline;
  }
  .sortarea {
    width: 100%;
    justify-content: center;
    align-items: center;
    min-height: 60vh;
    letter-spacing: 2px;
  }
  .sortaretxt {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 35%;
    background-color: rgba(255, 255, 255, 1.00);
    height: 150px;
    border-radius: 6px;
    -webkit-box-shadow: 0px 0 19px rgba(201, 198, 180, 1.00);
    box-shadow: 0px 0 19px rgba(201, 198, 180, 1.00);
    line-height: 2em;
    text-align: center;
    font-size: 18px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 88px;
  }
  /*////////// footer閉じ //////////*/
  .pankuzu {
    background-color: #F2F1EF;
    height: 30px;
    padding-left: 30px;
    width: 100%;
    border-top: 1px solid #ACACAC;
  }
  .pankuzu a {
    display: inline-block;
    color: #333333;
    line-height: 30px;
    font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
    font-size: 1.4rem;
    border-top-width: medium;
  }
  .title_box {
    width: calc(100vw);
    height: 166px;
    padding-top: calc(80px);
    position: relative;
    text-align: center;
  }
  .title {
    position: absolute;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    font-size: calc(25px);
    color: #fff;
    top: calc(50%);
    width: calc(100%);
  }
  .openwin_title {
    border-bottom: thin solid rgba(87, 62, 36, 0.50);
    width: auto;
    font-size: 2.3rem;
    line-height: 3rem;
    margin-top: 10px;
    color: #573E24;
    letter-spacing: 1px;
    text-align: center;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    padding-bottom: 4px;
  }
  .contents {
    width: 100%;
    background-color: #E8E6DC;
    min-height: 100vh;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
  }
  .contents_wh {
    width: 100%;
    background-color: #E8E6DC;
    min-height: 100vh;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
  }
  .contents_box {
    width: calc(85vw);
    max-width: 1080px;
    margin-right: auto;
    margin-left: auto;
  }
  .contents_title {
    color: #856B3C;
    font-size: 2rem;
    border-bottom: 2px solid #A3834A;
    font-weight: bold;
    width: calc(85vw);
    max-width: 1080px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-top: 60px;
    letter-spacing: 1px;
    margin-bottom: 23px;
  }
  .freedial {
    width: 260px;
    position: absolute;
    right: 30px;
    top: 20px;
    z-index: 51;
    height: auto;
  }
  .link {}
  .copyright {
    font-size: 1.2rem;
    height: 113px;
    border-top: 1px dotted #D8DEDE;
    background-image: url(../images/wood.jpg);
    background-repeat: repeat;
    color: #000000;
    line-height: 4em;
  }
  .copyright p {
    padding-top: calc(1em);
    line-height: 0rem;
  }
  .PC {}
  .SP {
    display: none;
    max-width: 0%;
    max-height: 0%;
  }
}
/*//////////スマホサイズ footer///////////*/
/*//////////スマホサイズ footer///////////*/
/*//////////スマホサイズ footer///////////*/
@media screen and (max-width:480px) {
  /* Loading アイコンの大きさ設定　*/
  #splash_logo img {
    width: calc(100vw/10);
  }
  /*========= ボタンのためのCSS ===============*/
  #g-nav {
    /*position:fixed;にし、z-indexの数値を大きくして前面へ*/
    position: fixed;
    z-index: 999;
    /*ナビのスタート位置と形状*/
    top: -120%;
    left: 0;
    width: 100%;
    height: 100vh; /*ナビの高さ*/
    background-color: #2C1D00;
    /*動き*/
    transition: all 0.6s;
  }
  /*アクティブクラスがついたら位置を0に*/
  #g-nav.panelactive {
    top: 0;
  }
  /*ナビゲーションの縦スクロール*/
  #g-nav.panelactive #g-nav-list {
    /*ナビの数が増えた場合縦スクロール*/
    position: fixed;
    z-index: 999;
    width: 100%;
    height: 100vh; /*表示する高さ*/
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
  /*ナビゲーション*/
  #g-nav ul {
    /*ナビゲーション天地中央揃え*/
    position: absolute;
    z-index: 999;
    width: 90%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  /*リストのレイアウト設定*/
  #g-nav li {
    list-style: none;
    text-align: center;
  }
  #g-nav li a {
    color: #FFFFFF;
    text-decoration: none;
    font-size: calc(1.6rem);
    padding: 8px;
    display: block;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-weight: bold;
  }
  #g-nav li a:hover {
    color: rgba(255, 255, 255, 0.80);
  }
  #g-nav li a img {
    width: auto;
    height: 1.5rem;
    padding-top: calc(3px);
    padding-right: calc(1rem);
  }
  .linktitle {
    font-size: calc(1.6rem);
    color: #FFFFFF;
    height: calc(100%);
    /* [disabled]background-color: #122F51; */
    border-bottom: 1px solid rgba(255, 255, 255, 0.50);
    padding-top: calc(15px);
    padding-bottom: calc(5px);
  }
  .sublinks {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    width: auto;
    margin: auto;
    font-size: calc(1.6rem);
    color: #FFFFFF;
    line-height: calc(2rem);
    margin-bottom: calc(0.2em);
  }
  .subbotton {
    width: auto;
    padding: calc(0.5em);
    text-align: center;
    margin-top: calc(0.8em);
    margin-left: calc(3%);
    margin-right: calc(3%);
    display: block;
    background-color: #4C3300;
    border-radius: 5px;
  }
  .sublinks a {
    color: #01776A;
    letter-spacing: calc(0.1em);
    border-bottom-width: calc(1px/2);
    border-bottom-style: solid;
    border-bottom-color: rgba(255, 255, 255, 0.00);
  }
  .namearea {
    font-size: calc(1.2rem);
  }
  .subline {
    margin-top: calc(5px);
    border-top: 1px solid #122F51;
    padding-bottom: calc(5px);
  }
  /*========= ボタンのためのCSS ===============*/
  .openbtn {
    position: fixed;
    z-index: 9999; /*ボタンを最前面に*/
    top: 5px;
    right: 10px;
    cursor: pointer;
    width: 50px;
    height: 50px;
  }
  /*×に変化*/
  .openbtn span {
    display: inline-block;
    transition: all .3s;
    position: absolute;
    left: 14px;
    height: 2px;
    border-radius: 2px;
    background-color: #666;
    width: 45%;
  }
  .openbtn span:nth-of-type(1) {
    top: 15px;
  }
  .openbtn span:nth-of-type(2) {
    top: 23px;
  }
  .openbtn span:nth-of-type(3) {
    top: 31px;
  }
  .openbtn.active span:nth-of-type(1) {
    top: 18px;
    left: 10px;
    transform: translateY(6px) rotate(-45deg);
    width: 60%;
    background-color: #fff;
  }
  .openbtn.active span:nth-of-type(2) {
    opacity: 0;
  }
  .openbtn.active span:nth-of-type(3) {
    top: 30px;
    left: 10px;
    transform: translateY(-6px) rotate(45deg);
    width: 60%;
    background-color: #fff;
  }
  html {
    /**/ font-size: calc(100vw / 40);
  }
  #pagetop {
    width: 80px;
    height: 80px;
    background-color: #595038;
    line-height: 18px;
    font-size: 14px;
    font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
    z-index: 10;
    position: fixed;
    right: 20px;
    bottom: 20px;
    text-align: center;
    padding-top: 13px;
    border-radius: 7px;
    display: block;
  }
  #pagetop:hover {
    color: #FFFFFF;
    background-color: #837652;
    cursor: pointer;
    transition: all 0.05s ease-out;
  }
  #pagetop a {
    color: #FFFFFF;
    text-decoration: none;
  }
  .close_box {
    width: 100%;
    position: relative;
    margin-right: auto;
    margin-left: auto;
  }
  #close {
    width: 80px;
    height: 80px;
    background-color: #A9894A;
    line-height: 18px;
    font-size: 14px;
    font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
    z-index: 10;
    right: 0px;
    bottom: 0px;
    text-align: center;
    padding-top: 13px;
    border-top-right-radius: 7px;
    border-top-left-radius: 7px;
    display: block;
    position: absolute;
    color: #FFFFFF;
  }
  #close:hover {
    color: #FFFFFF;
    background-color: #837652;
    cursor: pointer;
    transition: all 0.05s ease-out;
  }
  #close a {
    color: #FFFFFF;
    text-decoration: none;
  }
  header {
    transition: all 0.5s ease;
    position: relative;
    color: #333;
    width: 100%;
    text-align: center;
    z-index: 999;
  }
  .header {
    position: fixed;
    width: 100%;
    height: 60px;
    background-color: rgba(35, 23, 22, 0.80);
    transition: all 0.5s ease;
  }
  .hedmenu_logo {
    position: absolute;
    top: 23%;
    left: 5%;
  }
  .hedmenu_logo a {
    position: relative;
    height: 38px;
    width: 130px;
    display: block
  }
  .hedmenu_logo svg {
    position: absolute;
    height: 100%;
    width: 100%;
  }
  .hedline {
    width: 100%;
    height: 80px;
    background-color: rgba(35, 23, 22, 0.80);
  }
  .wrap {
    width: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
  }
  .wrap_bak_color {
    background-color: #F2F0E3;
    min-height: 0vh;
  }
  /*////////// footer //////////*/
  footer {
    width: 100%;
    background-color: #5F6D78;
    color: #FFFFFF;
    text-align: center;
    bottom: 0px;
  }
  .inquiry {
    width: 100%;
    background-color: #E6E6E6;
    border-top: 8px solid #8E7E4A;
    border-bottom: 8px solid #7E5344;
    color: #563E24;
    padding-top: calc(3em);
    padding-bottom: calc(4em);
  }
  .inq_box {
    display: grid;
    grid-template-columns: repeat(1fr);
    gap: 20px;
    margin-right: auto;
    margin-left: auto;
    padding-right: calc(5%);
    padding-left: calc(5%);
  }
  .inq_item {
    text-align: center;
  }
  .inq_tit {
    font-size: 2.4rem;
    line-height: 2.8rem;
    font-weight: bold;
    flex-basis: 80px;
    display: block;
    text-align: center;
    padding-top: 13px;
  }
  .inq_tit span {
    font-size: 1.4rem;
    color: #FFFFFF;
    background-color: #563E24;
    padding-top: 4px;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 4px;
    margin-left: 11px;
    line-height: 1.2rem;
    vertical-align: bottom;
    font-weight: normal;
    font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
  }
  .inq_box .inq_tit.inq_item p {
    font-size: 1.4rem;
    padding-top: calc(1.5em);
    font-weight: normal;
    width: auto;
  }
  a.inq_web {
    height: 60px;
    line-height: 60px;
    font-size: 1.8rem;
    background-color: #FFFFFF;
    -webkit-box-shadow: 2px 2px 8px #565656;
    box-shadow: 2px 2px 8px #565656;
    border-radius: 11px;
    font-weight: bold;
    vertical-align: middle;
    display: block;
    color: #563E24;
    font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
  }
  .inq_web:hover {
    color: #563E24;
    background-color: rgba(255, 255, 255, 0.70);
    cursor: pointer;
    transition: all 0.2s ease;
  }
  .inq_box .inq_web.inq_item img {
    height: 20px;
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-right: 6px;
    font-size: medium;
    line-height: 60px;
  }
  .txtlink {
    width: calc(90vw);
    margin: auto;
    height: auto;
    line-height: 26px;
    font-size: 1.4rem;
  }
  .txtlink a {
    color: #040000;
    text-decoration: none;
  }
  .txtlink a:hover {
    color: #6F2A19;
    text-decoration: underline;
  }
  .sortarea {
    width: 100%;
    justify-content: center;
    align-items: center;
    min-height: 60vh;
    letter-spacing: 2px;
  }
  .sortaretxt {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 35%;
    background-color: rgba(255, 255, 255, 1.00);
    height: 150px;
    border-radius: 6px;
    -webkit-box-shadow: 0px 0 19px rgba(201, 198, 180, 1.00);
    box-shadow: 0px 0 19px rgba(201, 198, 180, 1.00);
    line-height: 2em;
    text-align: center;
    font-size: 18px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 88px;
  }
  /*////////// footer閉じ //////////*/
  .pankuzu {
    background-color: #F2F1EF;
    height: 30px;
    padding-left: 30px;
    width: 100%;
    border-top: 1px solid #ACACAC;
  }
  .pankuzu a {
    display: inline-block;
    color: #333333;
    line-height: 30px;
    font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
    font-size: 1.4rem;
    border-top-width: medium;
  }
  .title_box {
    width: calc(100vw);
    height: 166px;
    padding-top: calc(80px);
    position: relative;
    text-align: center;
  }
  .title {
    position: absolute;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    font-size: calc(25px);
    color: #fff;
    top: calc(50%);
    width: calc(100%);
  }
  .openwin_title {
    border-bottom: thin solid rgba(87, 62, 36, 0.50);
    width: auto;
    font-size: 2.3rem;
    line-height: 3rem;
    margin-top: 10px;
    color: #573E24;
    letter-spacing: 1px;
    text-align: center;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    padding-bottom: 4px;
  }
  .contents {
    width: 100%;
    background-color: #E8E6DC; /**/
    min-height: 100vh;
  }
  .contents_wh {
    width: 100%;
    background-color: #FFFFFF; /**/
    min-height: 100vh;
  }
  .contents_box {}
  .contents_title {
    color: #856B3C;
    font-size: 2rem;
    border-bottom: 2px solid #A3834A;
    font-weight: bold;
    width: auto;
    margin-right: auto;
    margin-left: auto;
    padding-top: 40px;
    letter-spacing: 1px;
    margin-bottom: 23px;
    text-align: center
  }
  .freedial {
    width: 260px;
    position: fixed;
    right: 30px;
    top: 20px;
    z-index: 51;
    height: auto;
  }
  .link {}
  .copyright {
    font-size: 1.3rem;
    height: auto;
    border-top: 1px dotted #D8DEDE;
    background-image: url(../images/wood.jpg);
    background-repeat: repeat;
    color: #000000;
    line-height: 4em;
    padding-top: calc(20px);
    padding-bottom: calc(20px);
  }
  .copyright p {
    padding-top: calc(1em);
    line-height: 20px;
    font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
  }
  .PC {
    display: none;
    max-width: 0%;
    max-height: 0%;
    padding: 0%;
    margin: 0%;
  }
  .SP {}
}