@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;}
}