@charset "UTF-8";
/*floatによる回り込みをclearfixで解除できる
clearfixは、浮いた要素に壁をつけるイメージHTMLで
clearfixをかける要素を<div class=”clearfix”>で囲む*/
@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: 960px) {
  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: #000000;
  font-size: 1.4em;
  font-family: -apple-system, BlinkMacSystemFont, Roboto, "Times New Roman", "Playfair Display", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  -webkit-text-size-adjust: none;
  letter-spacing: 1.5px;
  line-height: 1.8;
  height: 100%;
  max-width: 100%;
  background: #fff;
}

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

.header {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 20px 50px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  position: absolute;
  top: 0;
  z-index: 10;
}

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

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

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

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

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

@media (max-width: 960px) {
  .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: 960px) {
  .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: 960px) {
  .headerNavi .hamburger span:nth-child(1) {
    top: 10px;
  }
}

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

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

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

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

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

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

.headerNavi .globalMenuSp {
  color: #fff;
}

@media (max-width: 960px) {
  .headerNavi .globalMenuSp {
    border-left: 1px solid #fff;
    height: 100vh;
    width: 50%;
    background: #318DC5;
    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 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

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

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

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

.headerNavi .globalMenuSp .navigation li a {
  color: #fff;
}

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

.footer {
  padding: 40px 0 20px;
  background: #318DC5;
}

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

.footer p {
  color: #fff;
}

.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: 960px) {
  .footer__navi {
    margin-bottom: 30px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.footer__navi li {
  color: #fff;
}

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

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

@media (max-width: 960px) {
  .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;
}

.flexbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto;
}

.menu-right, .menu-left {
  display: inline-block;
}

.only_pc {
  display: block;
}

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

.only_sp {
  display: none;
}

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

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

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

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

.baseBtn {
  margin: 0 auto;
  width: 220px;
  background: #000000;
  border-radius: 30px;
  /* 角を丸くする */
}

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

.baseBtn.entry {
  background: #E78822;
}

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

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

.headBtn {
  margin: 0 auto;
  width: 130px;
  height: 35px;
  background: #000000;
  border-radius: 30px;
  /* 角を丸くする */
}

@media (max-width: 960px) {
  .headBtn {
    width: 70%;
  }
}

.headBtn.entry {
  background: #E78822;
}

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

@media (max-width: 960px) {
  .headBtn a {
    padding: 4px 0;
  }
}
/*# sourceMappingURL=base.css.map */