@charset "UTF-8";
.sp-s-only {
  display: block; }
  @media screen and (max-width: 768px) {
    .sp-s-only {
      display: none; } }

.list-1 li {
  position: relative;
  padding-left: 1em;
  line-height: 2; }
  .list-1 li::before {
    content: "※";
    position: absolute;
    top: 0;
    left: 0; }

.list-2 li {
  position: relative;
  padding-left: 2em;
  line-height: 2; }
  .list-2 li span {
    position: absolute;
    top: 0;
    left: 0; }

.list-3 li {
  position: relative;
  padding-left: 1em;
  line-height: 2; }
  .list-3 li::before {
    content: "・";
    position: absolute;
    top: 0;
    left: 0; }

.section-topicsbox {
  font-size: 14px; }
  .section-topicsbox .txtbox {
    margin: 30px;
    color: #231815;
    font-size: 14px;
    font-family: "小塚ゴシック Pro", "Kozuka Gothic Pro", sans-serif; }
    @media screen and (max-width: 480px) {
      .section-topicsbox .txtbox {
        margin: 30px 10px; } }
    .section-topicsbox .txtbox p {
      margin: 30px 0;
      line-height: 2; }
    .section-topicsbox .txtbox .ph-box {
      display: flex;
      justify-content: left; }
      @media screen and (max-width: 480px) {
        .section-topicsbox .txtbox .ph-box {
          display: block; } }
      .section-topicsbox .txtbox .ph-box .ph {
        margin: 0 30px 20px 0; }
        @media screen and (max-width: 480px) {
          .section-topicsbox .txtbox .ph-box .ph {
            margin: 0 0 30px 0; } }
  .section-topicsbox .sbox {
    margin-top: 60px;
    padding: 0 20px; }
    .section-topicsbox .sbox h3 {
      position: relative;
      max-width: 620px;
      margin-bottom: 20px;
      font-weight: normal;
      line-height: 1.2; }
      .section-topicsbox .sbox h3::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: -0.3em;
        width: 100%;
        max-width: 620px;
        height: 1px;
        background-color: #231815; }
        @media screen and (max-width: 480px) {
          .section-topicsbox .sbox h3::after {
            bottom: -0.5em; } }
      @media screen and (max-width: 480px) {
        .section-topicsbox .sbox h3 {
          font-size: 4.687vw;
          line-height: 1; } }
      .section-topicsbox .sbox h3 .b {
        font-weight: bold;
        color: #726256; }
      .section-topicsbox .sbox h3 .r {
        font-size: 25px;
        color: #b7282c; }
        @media screen and (max-width: 480px) {
          .section-topicsbox .sbox h3 .r {
            font-size: 48px; } }
      .section-topicsbox .sbox h3 br {
        display: none; }
        @media screen and (max-width: 480px) {
          .section-topicsbox .sbox h3 br.sp {
            display: block; } }
    .section-topicsbox .sbox .row {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      width: 1060px;
      margin-top: 40px; }
      @media screen and (max-width: 1240px) {
        .section-topicsbox .sbox .row {
          width: 88.333vw;
          margin-top: 3.333vw; } }
      @media screen and (max-width: 480px) {
        .section-topicsbox .sbox .row {
          grid-template-columns: 1fr;
          grid-auto-flow: row;
          margin-top: 3.125vw;
          margin-left: auto;
          margin-right: auto; } }
      .section-topicsbox .sbox .row .col {
        position: relative; }
        @media screen and (max-width: 480px) {
          .section-topicsbox .sbox .row .col {
            padding: 9.375vw 1.562vw 0 0; } }
        .section-topicsbox .sbox .row .col h4 {
          margin-bottom: 10px;
          padding-left: 5px; }
          @media screen and (max-width: 1240px) {
            .section-topicsbox .sbox .row .col h4 {
              margin-bottom: 0.833vw;
              padding-left: 0.416vw; } }
          .section-topicsbox .sbox .row .col h4 img {
            width: 280px; }
            @media screen and (max-width: 1240px) {
              .section-topicsbox .sbox .row .col h4 img {
                width: 23.333vw; } }
            @media screen and (max-width: 480px) {
              .section-topicsbox .sbox .row .col h4 img {
                width: 80.312vw; } }
        @media screen and (max-width: 480px) {
          .section-topicsbox .sbox .row .col-1 {
            padding-bottom: 15.5vw; } }
        .section-topicsbox .sbox .row .col-1 .img-1 {
          display: grid;
          grid-template-columns: 107px 168px; }
          @media screen and (max-width: 1240px) {
            .section-topicsbox .sbox .row .col-1 .img-1 {
              grid-template-columns: 8.916vw 14vw; } }
          @media screen and (max-width: 480px) {
            .section-topicsbox .sbox .row .col-1 .img-1 {
              grid-template-columns: 30vw 47.968vw; } }
          .section-topicsbox .sbox .row .col-1 .img-1-1 img {
            width: 107px; }
            @media screen and (max-width: 1240px) {
              .section-topicsbox .sbox .row .col-1 .img-1-1 img {
                width: 8.916vw; } }
            @media screen and (max-width: 480px) {
              .section-topicsbox .sbox .row .col-1 .img-1-1 img {
                width: 30vw; } }
          .section-topicsbox .sbox .row .col-1 .img-1-2 img {
            width: 168px; }
            @media screen and (max-width: 1240px) {
              .section-topicsbox .sbox .row .col-1 .img-1-2 img {
                width: 14vw; } }
            @media screen and (max-width: 480px) {
              .section-topicsbox .sbox .row .col-1 .img-1-2 img {
                width: 47.968vw; } }
        @media screen and (max-width: 480px) {
          .section-topicsbox .sbox .row .col-1 .img-2 {
            margin-top: 3.125vw; } }
        .section-topicsbox .sbox .row .col-1 .img-2 img {
          width: 294px; }
          @media screen and (max-width: 1240px) {
            .section-topicsbox .sbox .row .col-1 .img-2 img {
              width: 24.5vw; } }
          @media screen and (max-width: 480px) {
            .section-topicsbox .sbox .row .col-1 .img-2 img {
              width: 82.5vw; } }
        .section-topicsbox .sbox .row .col-1 .txt-1 {
          text-align: center;
          line-height: 1.3;
          padding-top: 35px; }
          @media screen and (max-width: 480px) {
            .section-topicsbox .sbox .row .col-1 .txt-1 {
              display: block;
              font-size: 4.531vw;
              text-align: center; } }
        .section-topicsbox .sbox .row .col-1 .arr {
          position: absolute;
          top: 120px;
          right: -30px; }
          @media screen and (max-width: 1240px) {
            .section-topicsbox .sbox .row .col-1 .arr {
              top: 10vw;
              right: -2.5vw; } }
          @media screen and (max-width: 480px) {
            .section-topicsbox .sbox .row .col-1 .arr {
              top: auto;
              right: 50%;
              transform: translateX(50%);
              bottom: -10px; } }
          .section-topicsbox .sbox .row .col-1 .arr img {
            width: 50px; }
            @media screen and (max-width: 1240px) {
              .section-topicsbox .sbox .row .col-1 .arr img {
                width: 4.166vw; } }
            @media screen and (max-width: 480px) {
              .section-topicsbox .sbox .row .col-1 .arr img {
                width: 9.375vw; } }
        .section-topicsbox .sbox .row .col-2 {
          padding-left: 40px; }
          @media screen and (max-width: 1240px) {
            .section-topicsbox .sbox .row .col-2 {
              padding-left: 3.333vw; } }
          @media screen and (max-width: 480px) {
            .section-topicsbox .sbox .row .col-2 {
              padding-left: 0;
              padding-bottom: 15.5vw; } }
          .section-topicsbox .sbox .row .col-2 .img-1 {
            padding-left: 40px; }
            @media screen and (max-width: 480px) {
              .section-topicsbox .sbox .row .col-2 .img-1 {
                padding-left: 0;
                text-align: center; } }
            .section-topicsbox .sbox .row .col-2 .img-1 img {
              width: 186px; }
              @media screen and (max-width: 1240px) {
                .section-topicsbox .sbox .row .col-2 .img-1 img {
                  width: 15.5vw; } }
              @media screen and (max-width: 480px) {
                .section-topicsbox .sbox .row .col-2 .img-1 img {
                  width: 67.187vw;
                  margin: 0 auto; } }
          .section-topicsbox .sbox .row .col-2 .txt-1 {
            padding-right: 50px;
            text-align: center;
            line-height: 1.3;
            padding-top: 25px; }
            @media screen and (max-width: 1240px) {
              .section-topicsbox .sbox .row .col-2 .txt-1 {
                font-size: 1.166vw;
                padding-right: 4.166vw; } }
            @media screen and (max-width: 480px) {
              .section-topicsbox .sbox .row .col-2 .txt-1 {
                display: block;
                font-size: 4.531vw;
                text-align: left;
                padding-left: 16.166vw;
                line-height: 1.8; } }
          .section-topicsbox .sbox .row .col-2 .arr {
            position: absolute;
            top: 120px;
            right: -16px; }
            @media screen and (max-width: 1240px) {
              .section-topicsbox .sbox .row .col-2 .arr {
                top: 10vw;
                right: -1.333vw; } }
            @media screen and (max-width: 480px) {
              .section-topicsbox .sbox .row .col-2 .arr {
                top: auto;
                right: 50%;
                transform: translateX(50%);
                bottom: -10px; } }
            .section-topicsbox .sbox .row .col-2 .arr img {
              width: 50px; }
              @media screen and (max-width: 1240px) {
                .section-topicsbox .sbox .row .col-2 .arr img {
                  width: 4.166vw; } }
              @media screen and (max-width: 480px) {
                .section-topicsbox .sbox .row .col-2 .arr img {
                  width: 9.375vw; } }
        .section-topicsbox .sbox .row .col-3 {
          padding-left: 20px; }
          @media screen and (max-width: 480px) {
            .section-topicsbox .sbox .row .col-3 {
              padding-left: 0; } }
          .section-topicsbox .sbox .row .col-3 .img-1 {
            padding-left: 20px; }
            @media screen and (max-width: 480px) {
              .section-topicsbox .sbox .row .col-3 .img-1 {
                padding-left: 0;
                text-align: center; } }
            .section-topicsbox .sbox .row .col-3 .img-1 img {
              width: 226px; }
              @media screen and (max-width: 1240px) {
                .section-topicsbox .sbox .row .col-3 .img-1 img {
                  width: 18.833vw; } }
              @media screen and (max-width: 480px) {
                .section-topicsbox .sbox .row .col-3 .img-1 img {
                  width: 100%; } }
          .section-topicsbox .sbox .row .col-3 .txt-1 {
            padding-right: 50px;
            text-align: center;
            line-height: 1.3;
            padding-top: 10px; }
            @media screen and (max-width: 1240px) {
              .section-topicsbox .sbox .row .col-3 .txt-1 {
                font-size: 1.166vw;
                padding-right: 4.166vw; } }
            @media screen and (max-width: 480px) {
              .section-topicsbox .sbox .row .col-3 .txt-1 {
                display: block;
                font-size: 4.531vw;
                text-align: left;
                padding-left: 16.166vw;
                line-height: 1.8; } }
            .section-topicsbox .sbox .row .col-3 .txt-1 span {
              color: #d9043e; }
    .section-topicsbox .sbox-step .list-1 {
      margin-top: 30px; }
      .section-topicsbox .sbox-step .list-1 li {
        line-height: 1.5; }
    .section-topicsbox .sbox-content .txt-2 {
      max-width: 620px;
      text-align: right; }
      .section-topicsbox .sbox-content .txt-2 a {
        color: #d9043e; }
        .section-topicsbox .sbox-content .txt-2 a:hover {
          text-decoration: underline; }
    .section-topicsbox .sbox-content table {
      margin-top: 30px; }
      .section-topicsbox .sbox-content table th,
      .section-topicsbox .sbox-content table td {
        padding: 5px 0;
        font-weight: normal;
        text-align: left;
        vertical-align: top; }
      .section-topicsbox .sbox-content table th {
        width: 126px; }
      .section-topicsbox .sbox-content table td {
        padding-left: 10px; }
    .section-topicsbox .sbox-content .list-1 {
      margin-top: 10px;
      padding-left: 10px; }
      .section-topicsbox .sbox-content .list-1 li {
        line-height: 1.5; }
    .section-topicsbox .sbox-conditions .txt-1 {
      margin-top: 5px; }
    .section-topicsbox .sbox-how .img-1 {
      margin: 5px 0 20px; }
      .section-topicsbox .sbox-how .img-1 a {
        display: flex;
        align-items: center;
        gap: 15px;
        color: #56b562; }
    .section-topicsbox .sbox-flow .txt-2 {
      position: relative;
      margin-top: 20px;
      padding-left: 1em;
      color: #e61f19; }
      .section-topicsbox .sbox-flow .txt-2::before {
        content: "※";
        position: absolute;
        top: 0;
        left: 0; }
    .section-topicsbox .sbox-flow h4 {
      display: inline-block;
      background-color: #231815;
      margin-top: 60px;
      padding: 8px 20px;
      font-size: 15px;
      font-weight: 300;
      line-height: 1;
      color: #fff; }
    .section-topicsbox .sbox-flow .list-2 {
      margin: 15px 0 8px; }
  .section-topicsbox .note {
    margin-top: 60px;
    padding: 0 20px; }
    .section-topicsbox .note h3 {
      font-size: 14px;
      font-weight: normal; }
    .section-topicsbox .note .txt-2 {
      margin-top: 20px;
      color: #e61f19; }