@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
}

html {
  font-size: 62.5%;
  overflow: auto;
}

body {
  line-height: 1.8;
  font-size: 1.4rem;
  color: #000;
  /*font-family: "Noto Sans JP", sans-serif; */
  font-family: 游ゴシック, "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ ゴシック", sans-serif;
  font-feature-settings: "palt";
  /*iosのバグは【font-feature-settings: "pkna"】で対応*/
  overflow: hidden;
}

a {
  color: #000;
  transition: 0.2s;
  text-decoration: underline;
  text-decoration-color: #007fff;
}

img {
  border: 0;
  vertical-align: bottom;
}

ul li {
  list-style: none;
}

@media screen and (max-width: 768px) {
  body {
    font-size: 1.2rem;
    line-height: 1.4;
  }
  img {
    max-width: 100%;
    height: auto;
  }
}
/* 携帯のみ電話
-----------------------------------------------------------*/
@media screen and (min-width: 768px) {
  a[href^="tel:"] {
    pointer-events: none;
    color: #000;
    text-decoration: none;
  }
}
/* 分岐
-----------------------------------------------------------*/
[data-device=sp] {
  display: none;
}

@media screen and (max-width: 768px) {
  [data-device=pc] {
    display: none;
  }
  [data-device=sp] {
    display: block;
  }
}
/*　ページ内リンクずれ解消 【.ancher】
---------------------------------------------------------- */
.ancher:before {
  content: "";
  display: block;
  height: 75px;
  margin-top: -75px;
  visibility: hidden;
}

@media screen and (max-width: 768px) {
  .ancher:before {
    content: "";
    display: block;
    height: 60px;
    margin-top: -60px;
    visibility: hidden;
  }
}
/*　tableの横スクロール 【.scroll】
---------------------------------------------------------- */
@media screen and (max-width: 768px) {
  .scroll table {
    overflow: auto;
    white-space: nowrap;
  }
  .scroll {
    overflow: auto;
    white-space: nowrap;
  }
  .scroll::-webkit-scrollbar {
    height: 5px;
  }
  .scroll::-webkit-scrollbar-track {
    background: #F1F1F1;
  }
  .scroll::-webkit-scrollbar-thumb {
    background: #BCBCBC;
  }
}
.mb5 {
  margin-bottom: 5px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.mb60 {
  margin-bottom: 60px !important;
}

.mb70 {
  margin-bottom: 70px !important;
}

.mb80 {
  margin-bottom: 80px !important;
}

.mb90 {
  margin-bottom: 90px !important;
}

.mb100 {
  margin-bottom: 100px !important;
}

.mb120 {
  margin-bottom: 120px !important;
}

.mb150 {
  margin-bottom: 150px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mt70 {
  margin-top: 70px !important;
}

.pb120 {
  padding-bottom: 120px !important;
}

.center {
  text-align: center;
}

.left {
  text-align: left;
}

.right {
  text-align: right;
}

@media screen and (max-width: 736px) {
  .mb5 {
    margin-bottom: 2px !important;
  }
  .mb10 {
    margin-bottom: 5px !important;
  }
  .mb15 {
    margin-bottom: 8px !important;
  }
  .mb20 {
    margin-bottom: 10px !important;
  }
  .mb30 {
    margin-bottom: 15px !important;
  }
  .mb40 {
    margin-bottom: 18px !important;
  }
  .mb50 {
    margin-bottom: 20px !important;
  }
  .mb60 {
    margin-bottom: 28px !important;
  }
  .mb70 {
    margin-bottom: 30px !important;
  }
  .mb80 {
    margin-bottom: 35px !important;
  }
  .mb90 {
    margin-bottom: 40px !important;
  }
  .mb100 {
    margin-bottom: 50px !important;
  }
  .mb120 {
    margin-bottom: 70px !important;
  }
  .mb150 {
    margin-bottom: 70px !important;
  }
  .mt30 {
    margin-top: 20px !important;
  }
  .mt70 {
    margin-top: 30px !important;
  }
  .pb120 {
    padding-bottom: 70px !important;
  }
}
.font14 {
  font-size: 14px;
}

.font16 {
  font-size: 16px;
}

.font18 {
  font-size: 18px;
}

.font20 {
  font-size: 20px;
}

.font24 {
  font-size: 24px;
}

.bold {
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .font14 {
    font-size: 12px;
  }
  .font16 {
    font-size: 14px;
  }
  .font18 {
    font-size: 16px;
  }
  .font20 {
    font-size: 18px;
  }
  .font24 {
    font-size: 20px;
  }
}
/*# sourceMappingURL=common.css.map */



