@charset "UTF-8";
.mt-0 {
  margin-top: 0px !important; }

.mt-5 {
  margin-top: 5px !important; }

.mt-10 {
  margin-top: 10px !important; }

.mt-15 {
  margin-top: 15px !important; }

.mt-20 {
  margin-top: 20px !important; }

.mt-25 {
  margin-top: 25px !important; }

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

.mt-35 {
  margin-top: 35px !important; }

.mt-40 {
  margin-top: 40px !important; }

.mt-45 {
  margin-top: 45px !important; }

.mt-50 {
  margin-top: 50px !important; }

.mt-55 {
  margin-top: 55px !important; }

.mt-60 {
  margin-top: 60px !important; }

.mt-65 {
  margin-top: 65px !important; }

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

.mt-75 {
  margin-top: 75px !important; }

.mt-80 {
  margin-top: 80px !important; }

.mt-85 {
  margin-top: 85px !important; }

.mt-90 {
  margin-top: 90px !important; }

.mt-95 {
  margin-top: 95px !important; }

.mt-100 {
  margin-top: 100px !important; }

.mb-0 {
  margin-bottom: 0px !important; }

.mb-5 {
  margin-bottom: 5px !important; }

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

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

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

.mb-25 {
  margin-bottom: 25px !important; }

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

.mb-35 {
  margin-bottom: 35px !important; }

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

.mb-45 {
  margin-bottom: 45px !important; }

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

.mb-55 {
  margin-bottom: 55px !important; }

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

.mb-65 {
  margin-bottom: 65px !important; }

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

.mb-75 {
  margin-bottom: 75px !important; }

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

.mb-85 {
  margin-bottom: 85px !important; }

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

.mb-95 {
  margin-bottom: 95px !important; }

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

@media screen and (min-width: 768px) {
  .mt-sm-0 {
    margin-top: 0px !important; }
  .mt-sm-5 {
    margin-top: 5px !important; }
  .mt-sm-10 {
    margin-top: 10px !important; }
  .mt-sm-15 {
    margin-top: 15px !important; }
  .mt-sm-20 {
    margin-top: 20px !important; }
  .mt-sm-25 {
    margin-top: 25px !important; }
  .mt-sm-30 {
    margin-top: 30px !important; }
  .mt-sm-35 {
    margin-top: 35px !important; }
  .mt-sm-40 {
    margin-top: 40px !important; }
  .mt-sm-45 {
    margin-top: 45px !important; }
  .mt-sm-50 {
    margin-top: 50px !important; }
  .mt-sm-55 {
    margin-top: 55px !important; }
  .mt-sm-60 {
    margin-top: 60px !important; }
  .mt-sm-65 {
    margin-top: 65px !important; }
  .mt-sm-70 {
    margin-top: 70px !important; }
  .mt-sm-75 {
    margin-top: 75px !important; }
  .mt-sm-80 {
    margin-top: 80px !important; }
  .mt-sm-85 {
    margin-top: 85px !important; }
  .mt-sm-90 {
    margin-top: 90px !important; }
  .mt-sm-95 {
    margin-top: 95px !important; }
  .mt-sm-100 {
    margin-top: 100px !important; }
  .mb-sm-0 {
    margin-bottom: 0px !important; }
  .mb-sm-5 {
    margin-bottom: 5px !important; }
  .mb-sm-10 {
    margin-bottom: 10px !important; }
  .mb-sm-15 {
    margin-bottom: 15px !important; }
  .mb-sm-20 {
    margin-bottom: 20px !important; }
  .mb-sm-25 {
    margin-bottom: 25px !important; }
  .mb-sm-30 {
    margin-bottom: 30px !important; }
  .mb-sm-35 {
    margin-bottom: 35px !important; }
  .mb-sm-40 {
    margin-bottom: 40px !important; }
  .mb-sm-45 {
    margin-bottom: 45px !important; }
  .mb-sm-50 {
    margin-bottom: 50px !important; }
  .mb-sm-55 {
    margin-bottom: 55px !important; }
  .mb-sm-60 {
    margin-bottom: 60px !important; }
  .mb-sm-65 {
    margin-bottom: 65px !important; }
  .mb-sm-70 {
    margin-bottom: 70px !important; }
  .mb-sm-75 {
    margin-bottom: 75px !important; }
  .mb-sm-80 {
    margin-bottom: 80px !important; }
  .mb-sm-85 {
    margin-bottom: 85px !important; }
  .mb-sm-90 {
    margin-bottom: 90px !important; }
  .mb-sm-95 {
    margin-bottom: 95px !important; }
  .mb-sm-100 {
    margin-bottom: 100px !important; } }

body, html {
  scroll-behavior: smooth; }

* {
  box-sizing: border-box; }

html, body {
  margin: 0;
  padding: 0; }

img {
  max-width: 100%;
  height: auto; }

@media screen and (min-width: 768px) {
  .sp-on {
    display: none; } }

@media screen and (max-width: 767px) {
  .pc-on {
    display: none; } }

body {
  color: #333333;
  font-family: 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", メイリオ, "ヒラギノ角ゴ ProN W3", sans-serif; }
  @media screen and (max-width: 767px) {
    body {
      font-size: 18px;
      line-height: calc(31 / 18); } }
  @media screen and (min-width: 768px) {
    body {
      font-size: 14px;
      line-height: calc(24 / 14); } }

.l-fanme-header {
  display: block;
  height: 128px; }
  @media screen and (max-width: 767px) {
    .l-fanme-header {
      height: auto; } }

.l-fanme-header__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%; }

.l-fanme-header__logo {
  display: block; }
  @media screen and (min-width: 768px) {
    .l-fanme-header__logo {
      width: 220px; } }
  @media screen and (max-width: 767px) {
    .l-fanme-header__logo {
      width: 160px; } }
  .l-fanme-header__logo > a {
    display: block; }
  .l-fanme-header__logo img {
    display: block; }

@media screen and (min-width: 768px) {
  .l-container {
    max-width: 1000px;
    padding-left: 30px;
    padding-right: 30px;
    margin-left: auto;
    margin-right: auto; } }

@media screen and (max-width: 767px) {
  .l-container {
    padding-left: 36px;
    padding-right: 36px; } }

@media screen and (min-width: 768px) {
  .l-section {
    padding-top: 52px;
    padding-bottom: 60px; } }

@media screen and (max-width: 767px) {
  .l-section {
    padding-top: 40px;
    padding-bottom: 40px; } }

.l-h1 {
  text-align: center; }
  @media screen and (min-width: 768px) {
    .l-h1 {
      margin-top: 0;
      margin-bottom: 48px;
      font-size: 32px;
      line-height: 1.625; } }
  @media screen and (max-width: 767px) {
    .l-h1 {
      font-size: 24px;
      line-height: 1.7;
      margin-top: 0;
      margin-bottom: 16px; } }

picture {
  display: block; }
  @media screen and (max-width: 767px) {
    picture {
      padding-left: 13px;
      padding-right: 13px; } }
  picture img {
    display: block; }

.l-h2 {
  text-align: center;
  margin-top: 0;
  margin-bottom: 60px; }

@media screen and (min-width: 768px) {
  .l-lead {
    margin-top: 74px;
    font-size: 18px;
    text-align: center;
    margin-bottom: 0; } }

@media screen and (max-width: 767px) {
  .l-lead {
    font-size: 14px;
    padding-left: 35px;
    padding-right: 35px;
    margin-top: 35px;
    font-feature-settings: "palt"; } }

.l-p {
  font-size: 16px;
  text-align: center; }

.l-box {
  background-color: #fff;
  border-radius: 20px;
  padding: 60px 80px;
  margin-top: 90px;
  margin-bottom: 80px; }
  @media screen and (min-width: 768px) {
    .l-box + .l-box {
      margin-top: 80px; } }
  @media screen and (max-width: 767px) {
    .l-box {
      margin-left: 0;
      margin-right: 0;
      padding: 24px;
      margin-bottom: 0;
      margin-top: 13px; } }
  .l-box p {
    font-size: 18px;
    line-height: 1.714; }
    @media screen and (max-width: 767px) {
      .l-box p {
        font-size: 14px; } }
    .l-box p a {
      color: inherit;
      text-decoration: none; }
      .l-box p a:hover, .l-box p a:focus {
        text-decoration: underline; }

.l-box__title {
  text-align: center;
  margin-top: 0;
  margin-bottom: 40px;
  font-size: 24px; }
  @media screen and (max-width: 767px) {
    .l-box__title {
      margin-bottom: 30px;
      font-size: 20px;
      line-height: 1.7; } }
  .l-box__title small {
    display: block;
    text-align: center;
    font-size: 20px;
    font-weight: normal; }
    @media screen and (max-width: 767px) {
      .l-box__title small {
        padding-top: 8px;
        font-size: 16px; } }

.l-box__title--note {
  font-size: 20px;
  text-align: center;
  margin-top: 0;
  margin-bottom: 26px; }

.l-box__p {
  font-size: 16px;
  margin-top: 0; }

.l-box__info {
  font-size: 18px;
  padding-left: 0;
  list-style: none; }
  @media screen and (max-width: 767px) {
    .l-box__info {
      font-size: 14px; } }
  .l-box__info li {
    line-height: 1.77; }

.l-block__title {
  text-align: left;
  margin-top: 0;
  margin-bottom: 30px;
  font-size: 20px;
  border-bottom: 1px solid #6BBBE8;
  font-weight: bold;
  padding-bottom: 0.1em;
  font-feature-settings: "palt"; }
  @media screen and (max-width: 767px) {
    .l-block__title {
      margin-bottom: 20px;
      font-size: 18px; } }

.l-fanme-figure + .l-block__title {
  margin-top: 60px; }
  @media screen and (max-width: 767px) {
    .l-fanme-figure + .l-block__title {
      margin-top: 30px; } }

.l-block__tokuyakuten {
  text-align: left;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 1;
  font-weight: bold; }
  @media screen and (max-width: 767px) {
    .l-block__tokuyakuten {
      font-size: 14px; } }

.l-fanme-figure + .l-block__tokuyakuten {
  margin-top: 40px; }
  @media screen and (max-width: 767px) {
    .l-fanme-figure + .l-block__tokuyakuten {
      margin-top: 30px; } }

.l-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 260px;
  height: 47px;
  background-color: #0E3292;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  position: relative;
  text-decoration: none;
  border-radius: 13px;
  margin-top: 20px; }
  @media screen and (max-width: 767px) {
    .l-btn {
      font-size: 16px;
      margin-left: auto;
      margin-right: auto; } }
  .l-btn svg {
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -5px;
    display: block;
    margin-left: auto; }
  .l-btn:after {
    position: absolute;
    content: "";
    display: none;
    min-width: 7px;
    width: 7px;
    height: 7px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    right: 15px;
    top: 50%;
    margin-top: -7px; }

.l-box__hr {
  display: block;
  border: none;
  background-color: #f2f2f2;
  height: 5px;
  border-radius: 3px;
  margin-top: 40px;
  margin-bottom: 30px; }
  @media screen and (max-width: 767px) {
    .l-box__hr {
      margin-top: 30px;
      margin-bottom: 20px; } }

.l-fanme-footer {
  display: block;
  height: 128px; }

.l-fanme-footer__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%; }

.l-fanme-footer__logo {
  display: block; }
  @media screen and (min-width: 768px) {
    .l-fanme-footer__logo {
      width: 160px; } }
  @media screen and (max-width: 767px) {
    .l-fanme-footer__logo {
      width: 91px;
      margin-top: 0;
      margin-bottom: 0; } }

.l-fanme-footer {
  height: 230px; }
  @media screen and (max-width: 767px) {
    .l-fanme-footer {
      height: auto;
      padding-top: 22px;
      padding-bottom: 22px; } }
  .l-fanme-footer address {
    font-style: normal;
    font-size: 14px;
    text-align: center; }
    @media screen and (max-width: 767px) {
      .l-fanme-footer address {
        font-size: 10px; } }

.l-fanme-kv,
.l-fanme-anchors {
  max-width: 820px;
  margin-left: auto;
  margin-right: auto; }

.l-fanme-kv {
  margin-bottom: 80px; }

.l-box__list--note {
  margin: 0;
  font-size: 18px;
  line-height: 1.72;
  list-style: disc;
  padding-left: 1em; }
  @media screen and (max-width: 767px) {
    .l-box__list--note {
      font-size: 14px; } }

.l-fanme-anchors {
  display: flex;
  align-items: center;
  justify-content: space-between;
  list-style: none;
  padding: 35px 0; }
  @media screen and (max-width: 767px) {
    .l-fanme-anchors {
      display: block;
      align-items: center;
      justify-content: space-between;
      list-style: none;
      padding: 23px 0; } }
  @media screen and (max-width: 767px) {
    .l-fanme-anchors li + li {
      margin-top: 11px; } }
  .l-fanme-anchors li a, .l-fanme-anchors li span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 200px;
    height: 96px;
    text-align: center;
    color: #333333;
    border: 1px solid #6BBBE8;
    font-size: 14px;
    border-radius: 8px;
    text-decoration: none;
    padding: 20px; }
    @media screen and (max-width: 767px) {
      .l-fanme-anchors li a, .l-fanme-anchors li span {
        width: 100%;
        height: 41px;
        text-align: left;
        padding-left: 14px;
        padding-right: 14px;
        justify-content: flex-start; } }
  .l-fanme-anchors li a {
    position: relative;
    transition: 0.4s; }
    @media screen and (max-width: 767px) {
      .l-fanme-anchors li a {
        padding-top: 0;
        padding-bottom: 0;
        justify-content: flex-start; } }
    @media screen and (min-width: 768px) {
      .l-fanme-anchors li a {
        align-items: center;
        flex-direction: column;
        padding-bottom: 26px; } }
    .l-fanme-anchors li a:hover, .l-fanme-anchors li a:focus {
      color: #fff;
      background-color: #6BBBE8; }
      .l-fanme-anchors li a:hover:after, .l-fanme-anchors li a:focus:after {
        border-color: #fff; }
    .l-fanme-anchors li a:after {
      transition: 0.4s;
      bottom: 16px;
      left: calc(50% - 2px);
      position: absolute;
      content: "";
      display: block;
      width: 5px;
      height: 5px;
      border-right: 1px solid #6BBBE8;
      border-bottom: 1px solid #6BBBE8;
      transform: rotate(45deg); }
      @media screen and (max-width: 767px) {
        .l-fanme-anchors li a:after {
          bottom: auto;
          top: calc(50% - 5px);
          left: auto;
          right: 11px; } }
  .l-fanme-anchors li span {
    border: none;
    background-color: #F2F2F2; }

.l-fanme-figure {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 20px; }
  .l-fanme-figure figure {
    display: block;
    flex-basis: 380px;
    margin: 0; }
    .l-fanme-figure figure figcaption {
      margin-top: 10px;
      font-size: 14px;
      text-align: center;
      display: block;
      line-height: 1.4285; }
      @media screen and (max-width: 767px) {
        .l-fanme-figure figure figcaption {
          font-size: 12px; } }
    .l-fanme-figure figure img {
      display: block; }

.l-fanme-figure-center {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 20px;
  max-width: 460px;
  margin-left: auto;
  margin-right: auto; }
  .l-fanme-figure-center figure {
    display: block;
    flex-basis: 460px;
    margin: 0; }
    .l-fanme-figure-center figure figcaption {
      margin-top: 10px;
      font-size: 14px;
      text-align: center;
      display: block;
      line-height: 1.4285; }
      @media screen and (max-width: 767px) {
        .l-fanme-figure-center figure figcaption {
          font-size: 12px; } }
    .l-fanme-figure-center figure img {
      display: block; }

.u-bg-grey {
  background-color: #f2f2f2; }

.u-bg-white {
  background-color: #fff; }

/*# sourceMappingURL=bootstrap.css.map */