@charset "UTF-8";
/* Scss Document */
@media print, screen and (min-width: 768px) {
  .gnavi .nav_guide a::after {
    background: #c34b2b; } }

.toplead {
  font-family: "Noto Sans JP", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "游ゴシック", "Yu Gothic", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
  font-weight: bold; }
  @media screen and (max-width: 767px) {
    .toplead {
      font-size: 18px; } }
  @media print, screen and (min-width: 768px) {
    .toplead {
      font-size: 22px; } }
  @media print, screen and (min-width: 980px) {
    .toplead {
      text-align: center; } }

.box_lead_img {
  position: relative;
  margin-right: auto;
  margin-left: auto; }
  .box_lead_img img {
    display: block;
    position: absolute; }
    .box_lead_img img:nth-of-type(1) {
      left: 0;
      top: 2%;
      z-index: 3; }
    .box_lead_img img:nth-of-type(2) {
      right: 0;
      top: 0;
      z-index: 2; }
  .box_lead_img::after {
    position: absolute;
    bottom: 0;
    left: 17%;
    display: block;
    content: "";
    border: 1px solid #b1937c;
    border-radius: 100%;
    z-index: 1; }
  @media screen and (max-width: 767px) {
    .box_lead_img {
      width: 299px;
      height: 208px; }
      .box_lead_img img:nth-of-type(1) {
        width: 126px; }
      .box_lead_img img:nth-of-type(2) {
        width: 190px; }
      .box_lead_img::after {
        width: 90px;
        height: 90px; } }
  @media print, screen and (min-width: 768px) {
    .box_lead_img {
      width: 598px;
      height: 416px; }
      .box_lead_img::after {
        width: 180px;
        height: 180px; } }

.table_price {
  width: 100%;
  text-align: center; }
  .table_price span {
    font-size: 0.75em; }
  .table_price thead th {
    padding: 15px 0;
    font-family: "Noto Sans JP", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "游ゴシック", "Yu Gothic", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
    color: #fff;
    line-height: 1.3; }
  .table_price thead th:nth-of-type(1) {
    background: #551e03;
    border-right: 1px solid #fff; }
  .table_price thead th:nth-of-type(2) {
    background: #c34b2b; }
  .table_price tbody th {
    padding: 15px 0;
    background: #936d4e;
    color: #fff;
    font-family: "Noto Sans JP", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "游ゴシック", "Yu Gothic", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
    line-height: 1.3; }
  .table_price tbody td {
    padding: 15px; }
    .table_price tbody td:nth-of-type(1) {
      background: #f3f1e6; }
    .table_price tbody td:nth-of-type(2) {
      background: #f8eee5; }
  @media screen and (max-width: 767px) {
    .table_price thead {
      display: none; }
    .table_price tbody th, .table_price tbody td {
      display: block; }
    .table_price tbody td {
      text-align: left; }
      .table_price tbody td::before {
        display: block;
        width: 5em;
        padding: 2px 0;
        margin-bottom: 5px;
        text-align: center;
        color: #fff;
        font-family: "Noto Sans JP", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "游ゴシック", "Yu Gothic", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif; }
    .table_price tbody td:nth-of-type(1) {
      border-bottom: 1px solid #fff; }
      .table_price tbody td:nth-of-type(1)::before {
        content: "年会員";
        background: #551e03; }
    .table_price tbody td:nth-of-type(2)::before {
      content: "一般会員";
      background: #c34b2b; } }
  @media print, screen and (min-width: 768px) {
    .table_price thead {
      font-size: 20px; }
    .table_price tbody th, .table_price tbody td {
      border-top: 1px solid #fff; }
    .table_price tbody th, .table_price tbody td:nth-of-type(1) {
      border-right: 1px solid #fff; }
    .table_price tbody th {
      font-size: 18px; } }

.box_hydrogen {
  border: 3px solid #551e03; }
  .box_hydrogen .lead {
    text-align: center;
    font-weight: bold;
    color: #551e03;
    font-family: "Noto Sans JP", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "游ゴシック", "Yu Gothic", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif; }
  .box_hydrogen .lead2 {
    font-weight: bold; }
  .box_hydrogen .btn_common {
    background: #f3f1e6;
    color: #181818; }
  @media screen and (max-width: 767px) {
    .box_hydrogen {
      padding: 20px 15px; }
      .box_hydrogen .lead {
        font-size: 18px; }
      .box_hydrogen img {
        display: block;
        width: 100px;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 10px; } }
  @media print, screen and (min-width: 768px) {
    .box_hydrogen {
      padding: 40px 30px; }
      .box_hydrogen .lead {
        font-size: 24px; }
      .box_hydrogen .inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse; }
        .box_hydrogen .inner img {
          -ms-flex-negative: 0;
          flex-shrink: 0;
          -ms-flex-item-align: start;
          align-self: flex-start;
          margin-left: 20px; }
      .box_hydrogen .lead2 {
        font-size: 18px; }
      .box_hydrogen .btn_common {
        width: 400px; } }