@charset "UTF-8";
@font-face {
  font-family: 'Arial Black';
  font-style: normal;
  font-weight: 400;
  display: swap;
  src: local("Arial Black"), url("ariblk_0.ttf") format("ttf");
}

html {
  font-size: 62.5%;
  min-height: 100%;
  overflow-y: scroll;
  background: #fff;
}

@media (max-width: 767px) {
  html {
    width: 100%;
    height: 100%;
  }
}

html body,
html dd,
html div,
html dl,
html dt,
html fieldset,
html form,
html h1,
html h2,
html h3,
html h4,
html h5,
html h6,
html input,
html li,
html ol,
html p,
html td,
html textarea,
html th,
html ul {
  padding: 0;
  margin: 0;
}

html article,
html aside,
html details,
html figcaption,
html figure,
html footer,
html header,
html hgroup,
html menu,
html nav,
html section {
  display: block;
  padding: 0;
  margin: 0;
}

html address,
html caption,
html em,
html strong,
html th {
  font-style: normal;
}

html caption,
html th {
  text-align: left;
}

html hr,
html legend {
  display: none;
}

html h1,
html h2,
html h3,
html h4,
html h5,
html h6 {
  font-size: 100%;
}

html ol,
html ul {
  list-style: none;
}

html a img,
html fieldset {
  border: none;
}

html a:visited {
  text-decoration: none;
}

html p {
  margin-bottom: 12px;
}

html * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html blockquote,
html dl,
html ol,
html pre,
html table,
html ul {
  margin-bottom: 0;
}

html table {
  border-collapse: collapse;
  border-spacing: 0;
}

body {
  color: #707070;
  font-size: 1.4em;
  font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGS明朝E, メイリオ, Meiryo, serif;
  -webkit-text-size-adjust: none;
  letter-spacing: 1.5px;
  line-height: 1.8;
  height: 100%;
  max-width: 100%;
  background: #fff;
}

@media (max-width: 767px) {
  body {
    position: relative;
    width: 100%;
    font-size: 1.4em;
    -webkit-overflow-scrolling: touch;
  }
}

.header {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 15px 50px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: absolute;
  top: 0;
  z-index: 10;
  background-color: #fff;
  opacity: 80%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
}

@media (max-width: 767px) {
  .header {
    padding: 10px 5%;
  }
}

@media (max-width: 767px) {
  .headerLogo {
    width: 100px;
  }
}

@media (max-width: 767px) {
  .headerLogo img {
    width: 100%;
    display: block;
  }
}

.header h1 img {
  max-width: 270px;
}

.headerNavi {
  /*　ハンバーガーボタン　*/
}

@media (max-width: 767px) {
  .headerNavi .hamburger {
    text-align: center;
    cursor: pointer;
    height: 42px;
    width: 42px;
    display: block;
    position: fixed;
    top: 13px;
    right: 3%;
    z-index: 3;
  }
}

@media (max-width: 767px) {
  .headerNavi .hamburger span {
    display: block;
    position: absolute;
    width: 30px;
    height: 2px;
    left: 6px;
    background: #707070;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
  }
}

@media (max-width: 767px) {
  .headerNavi .hamburger span:nth-child(1) {
    top: 10px;
  }
}

.headerNavi .hamburger span:nth-child(2) {
  top: 20px;
}

@media (max-width: 767px) {
  .headerNavi .hamburger span:nth-child(2) {
    top: 20px;
  }
}

@media (max-width: 767px) {
  .headerNavi .hamburger span:nth-child(3) {
    top: 30px;
  }
}

@media (max-width: 767px) {
  .headerNavi .hamburger.active span {
    background: #fff;
  }
}

@media (max-width: 767px) {
  .headerNavi .hamburger.active span:nth-child(1) {
    top: 16px;
    left: 6px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@media (max-width: 767px) {
  .headerNavi .hamburger.active span:nth-child(2), .headerNavi .hamburger.active span:nth-child(3) {
    top: 16px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@media (max-width: 767px) {
  .headerNavi .globalMenuSp {
    border-left: 1px solid #fff;
    height: 100vh;
    width: 50%;
    background: #000;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
    -webkit-transform: translateX(200%);
            transform: translateX(200%);
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
  }
}

.headerNavi .globalMenuSp.active {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}

.headerNavi .globalMenuSp .navigation {
  margin-top: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 767px) {
  .headerNavi .globalMenuSp .navigation {
    margin-top: 0;
    padding: 10vw 0;
    display: block;
  }
}

.headerNavi .globalMenuSp .navigation li:not(:last-child) {
  margin-right: 1em;
}

@media (max-width: 767px) {
  .headerNavi .globalMenuSp .navigation li:not(:last-child) {
    margin-right: 0;
  }
}

.headerNavi .globalMenuSp .navigation li a {
  color: #707070;
  text-decoration: none;
  color: #121212;
}

@media (max-width: 767px) {
  .headerNavi .globalMenuSp .navigation li a {
    color: #fff;
    padding: 7px 20px;
    display: block;
  }
}

.footer {
  position: relative;
  padding: 40px 0 20px;
  background: #000;
}

@media (max-width: 767px) {
  .footer {
    padding: 40px 5% 10px;
  }
}

.footer::before {
  content: '';
  position: absolute;
  width: 200px;
  height: 100px;
  top: 0;
  right: 0;
  -webkit-transform: translate(-70%, -81%);
          transform: translate(-70%, -81%);
  background: url(../img/footer.png) no-repeat top right/60%;
}

.footer__navi {
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (max-width: 767px) {
  .footer__navi {
    margin-bottom: 30px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

@media (max-width: 767px) {
  .footer__navi li {
    margin-bottom: 5px;
    width: 49%;
  }
}

.footer__navi li:not(:last-child) {
  margin-right: 1em;
}

@media (max-width: 767px) {
  .footer__navi li:not(:last-child) {
    margin-right: 0;
  }
}

.footer__navi li a {
  color: #fff;
  text-decoration: none;
}

.footer__copy {
  color: #fff;
  text-align: center;
}

.only_pc {
  display: block;
}

@media (max-width: 767px) {
  .only_pc {
    display: none;
  }
}

.only_sp {
  display: none;
}

@media (max-width: 767px) {
  .only_sp {
    display: block;
  }
}

.tel a {
  color: #707070;
  text-decoration: none;
  cursor: inherit;
  pointer-events: none;
}

@media (max-width: 767px) {
  .tel a {
    pointer-events: inherit;
  }
}

.fax a {
  color: #707070;
  text-decoration: none;
  cursor: inherit;
  pointer-events: none;
}

.baseBtn {
  margin: 0 auto;
  width: 220px;
}

@media (max-width: 767px) {
  .baseBtn {
    width: 70%;
  }
}

.baseBtn a {
  color: #fff;
  text-align: center;
  text-decoration: none;
  letter-spacing: 3px;
  padding: 13px 0;
  background: #000;
  display: block;
  position: relative;
}

@media (max-width: 767px) {
  .baseBtn a {
    padding: 8px 0;
  }
}

.baseBtn a:before {
  border: 15px solid transparent;
  border-bottom: 15px solid #c8ac71;
  content: "";
  position: absolute;
  top: -15px;
  left: -15px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
/*# sourceMappingURL=base.css.map */