@charset "UTF-8";
/* --------------------------------------------------------------------------
  NOTE
-------------------------------------------------------------------------- */
/* number */
.beginners--area__before {
  font-size: 1.125rem;
  font-weight: bold;
  display: flex;
  align-items: center;
  margin: 1rem 0;
}
.beginners--area__before img {
  width: .75rem;
}
.beginners--area__before-link {
  color: #b1081f;
}
.beginners--area__before-link:hover {
  text-decoration: underline;
}
.beginners--area__offset {
  width: 1.25rem;
  height: 1.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #b1081f;
  border-radius: 50%;
  margin-right: .3rem;
}
.beginners--area__before-note {
  font-size: .875rem;
  font-weight: normal;
  margin: 0 0 0 1rem;
  color: #b1081f;
}
.beginners--area__before+.about--top {
  margin: 3.56rem 0 0;
}
.about-note__link {
  color: #b1081f;
  text-decoration: #b1081f underline;
}
.beginners__link_block{
  margin-bottom: 1rem;
}
.beginners__link-note {
  font-size: .875rem;
  font-weight: normal;
  margin: 0 0 0 1rem;
  color: #b1081f;
}
.c-note-number {
  position: relative;
}
.c-note-number::before {
  position: absolute;
  top: 0;
  left: 0;
}
.c-note-number {
  padding-left: 2em;
}
.c-note-number--1::before {
  content: '※1';
}
.c-note-number--2::before {
  content: '※2';
}
@media all and (min-width: 769px) {
  .c-note-number {
    margin-top: 1em;
    padding-left: 2em;
    font-size: 0.875rem;
    line-height: 1.785714286;
  }
  .c-note-number + .c-note-number {
    margin-top: 0.5rem;
  }
}
@media all and (max-width: 768px) {
  .beginners--area__before {
    font-size: .9rem;
    font-weight: bold;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
  .beginners--area__before img {
    width: .75rem;
  }
  .beginners--area__before-link {
    color: #b1081f;
    border-bottom: 1px solid #b1081f;
  }
  .beginners--area__offset {
    width: 1.25rem;
    height: 1.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #b1081f;
    border-radius: 50%;
    margin-right: .3rem;
    flex: none;
  }
  .beginners--area__before-note {
    font-size: .875rem;
    font-weight: normal;
    margin: 0 0 0 1rem;
    color: #b1081f;
    width: 100%;
    margin-top: 5px;
  }
  .beginners--area__before+.about--top {
    margin: 3.56rem 0 0;
  }
  .about-note__link {
    color: #b1081f;
    text-decoration: #b1081f underline;
    font-weight: bold;
  }
  .beginners__link_block{
    text-align: center;
    margin-bottom: 1rem;
  }
  .c-note-number {
    margin-top: 0.769230769rem;
    font-size: 0.875rem;
    line-height: 1.5;
  }
  .c-note-number + .c-note-number {
    margin-top: 0.384615385rem;
	 margin-bottom: 0.384615385rem;
  }
  .beginners__link-note {
    font-size: .875rem;
    font-weight: normal;
    margin: 0 0 0 1rem;
    color: #b1081f;
    width: 100%;
  }
}

/* ==========================================================================
  MOVIE
========================================================================== */
.about-movie {
  position: relative;
}
.about-movie::before {
  display: block;
  padding-top: 56.25%;
  content: '';
}
.about-movie iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media all and (min-width: 769px) {
  .about-movie {
    position: relative;
    width: calc(960 / 1240 * 100%);
    max-width: 60rem;
    margin: 2.3125rem auto 0;
  }
  .about-movie-note {
    margin: 0 auto;
    width: calc(960 / 1240 * 100%);
    max-width: 60rem;
    text-align: right;
  }
  .about-movie-note .c-note-m {
    display: inline-block;
  }
  /* .about-movie::after {
    width: 8.75rem;
    height: 6.25rem;
  } */
  .about-movie__anchor {
    display: block;
  }
  /* .about-movie:hover::after {
    filter: brightness(150%);
  } */
  .about-movie__thum {
    width: 100%;
  }
}
@media all and (max-width: 768px) {
  .about-movie {
    position: relative;
    width: 87.761194%;
    margin: 2.3125rem auto 0;
  }
  .about-movie-note {
    margin: 0 auto;
    width: 87.761194%;
    text-align: right;
  }
  .about-movie-note .c-note-m {
    display: inline-block;
  }
  .about-movie__thum {
    display: block;
    width: 100%;
  }
  .about-movie::after {
    width: 4.615384615rem;
    height: 3.076923077rem;
    content: '';
  }
  .about-movie__anchor {
    display: block;
  }
}

/* ==========================================================================
  COMMON STYLE
========================================================================== */
.c-heading-lv2--txt-left,
.c-heading-lv3--txt-left {
  text-align: left;
}
@media all and (max-width: 768px) {
  .c-heading-lv2--txt-left,
  .c-heading-lv3--txt-left {
    text-align: center;
  }
}

/* ==========================================================================
  CONDITION
========================================================================== */
@media all and (min-width: 769px) {
  .about-condition-table__body {
    margin-top: 2.1875rem;
  }
  .about-condition-table__body table {
    width: 100%;
    font-size: 1rem;
    line-height: 1.5;
  }
  .about-condition-table__body th {
    background-color: #f7f6ec;
  }
  .about-condition-table__body th,
  .about-condition-table__body td {
    padding: 1.5625rem 3.75rem;
    text-align: center;
    border-right: 1px solid #aaaaaa;
    border-bottom: 1px solid #aaaaaa;
  }
  .about-condition-table__body td:first-child {
    text-align: left;
  }
  .about-condition-table__body th:last-child,
  .about-condition-table__body td:last-child {
    border-right: none;
  }
  .about-condition-table__ttl--1 {
    width: calc(718 / 1200 * 100%);
  }
  .about-condition-table__ttl--2 {
    width: calc(240 / 1200 * 100%);
  }
  .about-condition-table__ttl--3 {
    width: calc(240 / 1200 * 100%);
  }
}
@media all and (max-width: 768px) {
  .about-condition {
    margin-top: 2em;
  }
  .about-condition-ttl--lv3 {
    margin-top: 0.769230769rem;
    line-height: 1;
  }
  .about-condition-table__body {
    margin-top: 1.384615385rem;
  }
  .about-condition-table__body table {
    width: 100%;
    font-size: 1rem;
  }
  .about-condition-table__body th {
    background-color: #f7f6ec;
  }
  .about-condition-table__body th,
  .about-condition-table__body td {
    line-height: 1.769230769;
    text-align: center;
    border-right: 1px solid #aaaaaa;
    border-bottom: 1px solid #aaaaaa;
  }
  .about-condition-table__body th {
    padding: 2.461538462rem 0;
  }
  .about-condition-table__body td {
    padding: 1rem;
  }
  .about-condition-table__body td:first-child {
    text-align: left;
  }
  .about-condition-table__body th:last-child,
  .about-condition-table__body td:last-child {
    border-right: none;
  }
  .about-condition-table__ttl--1 {
    width: calc(185 / 335 * 100%);
  }
  .about-condition-table__ttl--2 {
    width: calc(78.88 / 335 * 100%);
  }
  .about-condition-table__ttl--3 {
    width: calc(78.88 / 335 * 100%);
  }
}
/* ==========================================================================
  BOTTOM LOCAL NAVI
========================================================================== */
/* @media all and (min-width: 769px) {
  .bottom-local-nav {
    width: 100%;
    margin-bottom: 3.75rem;
    border-top: 1px solid #aaaaaa;
    border-bottom: 1px solid #aaaaaa;
  }
  .bottom-local-nav__body {
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    -ms-flex-pack: center;
    -ms-flex-align: center;
  }
  .bottom-local-nav__item {
    width: 22.0625rem;
    padding: 2.84375rem 0;
    font-size: 0.875rem;
    text-align: center;
    border-left: 1px solid #aaaaaa;
  }
  .bottom-local-nav__item:last-child {
    border-right: 1px solid #aaaaaa;
  }
}
@media all and (max-width: 768px) {
  .bottom-local-nav {
    margin: 0 1.428571429rem;
  }
  .bottom-local-nav__body {
    margin: 3.461538462rem 0 3.076923077rem;
  }
  .bottom-local-nav__item {
    padding: 2.269230769rem 0;
    font-size: 1.076923077rem;
    text-align: center;
    border-top: 1px solid #aaaaaa;
  }
  .bottom-local-nav__item:last-child {
    border-bottom: 1px solid #aaaaaa;
  }
} */