@charset "UTF-8";
.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 .txtbox .ph-main {
  margin: 50px 0; }
.section-topicsbox .txtbox p {
  line-height: 2.5; }
.section-topicsbox .txtbox .sp-none {
  display: block; }
  @media screen and (max-width: 640px) {
    .section-topicsbox .txtbox .sp-none {
      display: none; } }
.section-topicsbox .sbox {
  margin-top: 60px; }
  .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: 640px) {
        .section-topicsbox .sbox h3::after {
          bottom: -0.5em; } }
    @media screen and (max-width: 640px) {
      .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: 640px) {
        .section-topicsbox .sbox h3 .r {
          font-size: 48px; } }
    .section-topicsbox .sbox h3 br {
      display: none; }
      @media screen and (max-width: 640px) {
        .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: 1200px) {
      .section-topicsbox .sbox .row {
        width: 88.333vw;
        margin-top: 3.333vw; } }
    @media screen and (max-width: 640px) {
      .section-topicsbox .sbox .row {
        grid-template-columns: 1fr;
        grid-auto-flow: row;
        margin-top: 3.125vw; } }
    .section-topicsbox .sbox .row .col {
      position: relative; }
      @media screen and (max-width: 640px) {
        .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: 1200px) {
          .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: 1200px) {
            .section-topicsbox .sbox .row .col h4 img {
              width: 23.333vw; } }
          @media screen and (max-width: 640px) {
            .section-topicsbox .sbox .row .col h4 img {
              width: 80.312vw; } }
      @media screen and (max-width: 640px) {
        .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: 1200px) {
          .section-topicsbox .sbox .row .col-1 .img-1 {
            grid-template-columns: 8.916vw 14vw; } }
        @media screen and (max-width: 640px) {
          .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: 1200px) {
            .section-topicsbox .sbox .row .col-1 .img-1-1 img {
              width: 8.916vw; } }
          @media screen and (max-width: 640px) {
            .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: 1200px) {
            .section-topicsbox .sbox .row .col-1 .img-1-2 img {
              width: 14vw; } }
          @media screen and (max-width: 640px) {
            .section-topicsbox .sbox .row .col-1 .img-1-2 img {
              width: 47.968vw; } }
      @media screen and (max-width: 640px) {
        .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: 1200px) {
          .section-topicsbox .sbox .row .col-1 .img-2 img {
            width: 24.5vw; } }
        @media screen and (max-width: 640px) {
          .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: 640px) {
          .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: 1200px) {
          .section-topicsbox .sbox .row .col-1 .arr {
            top: 10vw;
            right: -2.5vw; } }
        @media screen and (max-width: 640px) {
          .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: 1200px) {
            .section-topicsbox .sbox .row .col-1 .arr img {
              width: 4.166vw; } }
          @media screen and (max-width: 640px) {
            .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: 1200px) {
          .section-topicsbox .sbox .row .col-2 {
            padding-left: 3.333vw; } }
        @media screen and (max-width: 640px) {
          .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: 640px) {
            .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: 1200px) {
              .section-topicsbox .sbox .row .col-2 .img-1 img {
                width: 15.5vw; } }
            @media screen and (max-width: 640px) {
              .section-topicsbox .sbox .row .col-2 .img-1 img {
                width: 67.187vw; } }
        .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: 1200px) {
            .section-topicsbox .sbox .row .col-2 .txt-1 {
              font-size: 1.166vw;
              padding-right: 4.166vw; } }
          @media screen and (max-width: 640px) {
            .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: 1200px) {
            .section-topicsbox .sbox .row .col-2 .arr {
              top: 10vw;
              right: -1.333vw; } }
          @media screen and (max-width: 640px) {
            .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: 1200px) {
              .section-topicsbox .sbox .row .col-2 .arr img {
                width: 4.166vw; } }
            @media screen and (max-width: 640px) {
              .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: 640px) {
          .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: 640px) {
            .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: 1200px) {
              .section-topicsbox .sbox .row .col-3 .img-1 img {
                width: 18.833vw; } }
            @media screen and (max-width: 640px) {
              .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: 1200px) {
            .section-topicsbox .sbox .row .col-3 .txt-1 {
              font-size: 1.166vw;
              padding-right: 4.166vw; } }
          @media screen and (max-width: 640px) {
            .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;
    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; }
  .section-topicsbox .note h3 {
    font-size: 14px;
    font-weight: normal; }
  .section-topicsbox .note .txt-2 {
    margin-top: 20px;
    color: #e61f19; }