@charset "UTF-8";

/*====================================
google font
====================================*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Roboto:wght@400;500&display=swap');


/*====================================
reset
====================================*/
html, body {
  margin: 0;
  padding: 0;
  font-family: "Roboto", "Noto Sans JP", 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
  color: #262626;
  line-height: 1.5;
  font-size: 16px;
  letter-spacing: 0.06em;
}
@media (min-width: 769px) {
  body {
    font-size: 16px;
  }
}
h1, h2, h3, h4, h5, h6, p, em, strong, address {
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-style: normal;
}
strong {
  font-weight: 500 !important;
}
dl, dt, dd, ul, ol, li {
  margin: 0;
  padding: 0;
  list-style: none;
  font-weight: normal;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
form, fieldset, legend {
  margin: 0;
  padding: 0;
}
fieldset {
  border: none;
  height: 100%;
}
img {
  width: 100%;
  border: 0;
  vertical-align: bottom;
}
sup {
  line-height: 1.5;
  top: auto;
  vertical-align: super;
}
/* reset html5要素 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}
/* リンク */
a {
  text-decoration: none;
  transition: .3s;
}
a:hover {
  text-decoration: none;
}
.fade img {
  transition: all .3s;
}
.fade:hover img, input.fade:hover {
  opacity: 0.7;
}
/* clearfix */
.clearfix:after {
  content: " ";
  display: block;
  clear: both;
}
/* 汎用設定 */
/* テキスト揃え */
.lefttxt {
  text-align: left !important;
}
.righttxt {
  text-align: right !important;
}
.centertxt {
  text-align: center !important;
}
/* PC/SP切り分け */
.pcOnly {
  display: block;
}
.spOnly {
  display: none;
}
/* マージン */
.mb0 {
  margin-bottom: 0 !important;
}
.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;
}
.mb90 {
  margin-bottom: 90px !important;
}
.mb100 {
  margin-bottom: 100px !important;
}
.mb110 {
  margin-bottom: 110px !important;
}
.mt5 {
  margin-top: 5px !important;
}
.mt10 {
  margin-top: 10px !important;
}
.mt20 {
  margin-top: 20px !important;
}
.mt30 {
  margin-top: 30px !important;
}
.mr10 {
  margin-right: 10px !important;
}
.ml0 {
  margin-left: 0 !important;
}
/* パディング */
.pt10 {
  padding-top: 10px !important;
}
.pt15 {
  padding-top: 15px !important;
}
.pt20 {
  padding-top: 20px !important;
}
.pt50 {
  padding-top: 50px !important;
}
.pds10 {
  padding: 0 10px !important;
}
.pb0 {
  padding-bottom: 0 !important;
}
.pb10 {
  padding-bottom: 10px !important;
}
.pb20 {
  padding-bottom: 20px !important;
}
.pb40 {
  padding-bottom: 40px !important;
}
.pb60 {
  padding-bottom: 60px !important;
}
/* ***************************
   レスポンシブ
** ************************ */
@media screen and (max-width: 767px) {
  /* 各要素リセット */
  html, body {
    margin: 0 auto;
    min-width: 0;
    font-size: 14px;
  }
  body {
    -webkit-text-size-adjust: 100%; /* 文字の拡大縮小を防ぐ */
  }
  .spOnly {
    display: block;
  }
  .pcOnly {
    display: none;
  }
  /* マージン */
  .s_mb0 {
    margin-bottom: 0 !important;
  }
  .s_mb5 {
    margin-bottom: 5px !important;
  }
  .s_mb10 {
    margin-bottom: 10px !important;
  }
  .s_mb15 {
    margin-bottom: 15px !important;
  }
  .s_mb20 {
    margin-bottom: 20px !important;
  }
  .s_mb30 {
    margin-bottom: 30px !important;
  }
  .s_mb35 {
    margin-bottom: 35px !important;
  }
  .s_mb40 {
    margin-bottom: 40px !important;
  }
  .s_mb50 {
    margin-bottom: 50px !important;
  }
  .s_mb60 {
    margin-bottom: 60px !important;
  }
  .s_mb70 {
    margin-bottom: 70px !important;
  }
}
/*追加*/
.annotation {
  margin-top: 30px;
}
.margin15 {
  margin-top: 15px;
}
select, input, button, textarea {
  font: inherit;
}