@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap");

body {
  font-family: "Inter", "Noto Sans JP", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Helvetica, Arial, Verdana, sans-serif;
  color: #222;
  font-weight: 400;
}
p,
span {
  line-height: 1.6;
  letter-spacing: 0;
}
a {
  word-break: break-all;
  color: inherit;
  transition: all 0.3s all;
}
a:hover {
  color: inherit;
}
em {
  font-style: normal;
}
sup {
  top: -0.25em;
}

.bold {
  font-weight: 700;
}
.underline {
  text-decoration: underline;
}

ul.notes > li {
  text-indent: -1em;
  padding-left: 1em;
  font-size: 10px;
  line-height: 1.6;
}
.notes li:before {
  content: "※";
}
ul.notes.number {
  counter-reset: number;
}
ul.notes.number > li:not(.nonumber) {
  text-indent: -2.5em;
  padding-left: 2.5em;
}
ul.notes.number > li:not(.nonumber):before {
  counter-increment: number;
  content: "※" counter(number) " ";
}
ul.notes.number > li.nonumber:before {
  content: "※";
}
@media screen and (min-width: 641px) {
  ul.notes {
    font-size: 12px;
  }
}
.dot > li:before {
  content: "・";
}
ul.dot > li {
  text-indent: -1em;
  padding-left: 1em;
}
.wrap {
  position: relative;
  counter-reset: number;
}
@media screen and (min-width: 641px) {
  .wrap {
    min-width: 1280px;
    padding-bottom: 170px;
  }
  .row {
    width: 1120px;
    padding: 0 20px;
    max-width: 100%;
  }
  .w768 {
    width: 768px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 640px) {
  .wrap {
    padding-bottom: 50px;
  }
  .row {
    padding: 0 25px;
  }
}

.site-main {
  margin-bottom: 40px;
}

/** SITE HEADER
==============================================*/
.site-header .masthead .content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.site-header .masthead .content .brand-logo .brand-logo-img {
  max-width: 100%;
  display: block;
}
@media only screen and (min-width: 641px) {
  .site-header .masthead {
    padding-right: 35px;
    padding-left: 35px;
  }
  .site-header .masthead .content {
    height: 70px;
  }
  .site-header .masthead .content .brand-logo .brand-logo-name {
    padding-bottom: 1em;
    font-size: 10px;
    display: block;
    line-height: 1;
  }
  .site-header .masthead .content .brand-logo .brand-logo-img {
    width: 208px;
  }
}
@media only screen and (max-width: 640px) {
  .site-header .masthead {
    padding-right: 15px;
    padding-left: 15px;
  }
  .site-header .masthead .content {
    height: 40px;
  }
  .site-header .masthead .content .brand-logo .brand-logo-img {
    width: 130px;
  }
}

/** MAIN
==============================================*/

/** SECTION HERO
==============================================*/
@media only screen and (min-width: 641px) {
}
@media only screen and (max-width: 640px) {
}