#type .article-type {
  border-top: 1px solid #dcdcdc;
  margin: 5rem 0; }
  @media only screen and (max-width: 767px) {
    #type .article-type {
      margin: 2rem 0; } }
  #type .article-type-header {
    border-bottom: 1px solid #dcdcdc;
    padding: 2rem 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2rem; }
    @media only screen and (max-width: 767px) {
      #type .article-type-header {
        flex-wrap: wrap;
        padding: 1.5rem 0;
        margin-bottom: 1.5rem; } }
    #type .article-type-header-icon {
      width: 15rem;
      text-align: center;
      flex-shrink: 0;
      margin-right: 2rem; }
      @media only screen and (max-width: 767px) {
        #type .article-type-header-icon {
          width: auto;
          margin-right: 1rem; } }
      #type .article-type-header-icon img {
        width: auto;
        height: 8.6rem; }
        @media only screen and (max-width: 767px) {
          #type .article-type-header-icon img {
            height: 4rem; } }
    #type .article-type-header-ttl {
      font-size: 2.8rem;
      line-height: 1.2;
      text-align: left;
      display: flex;
      justify-content: flex-start;
      flex-direction: column; }
      @media only screen and (max-width: 767px) {
        #type .article-type-header-ttl {
          font-size: 2rem;
          margin-right: auto; } }
      #type .article-type-header-ttl span {
        font-size: 2rem; }
        @media only screen and (max-width: 767px) {
          #type .article-type-header-ttl span {
            font-size: 1.3rem; } }
    #type .article-type-header-word {
      width: 20.4rem;
      margin-left: auto;
      display: flex;
      flex-wrap: wrap; }
      @media only screen and (max-width: 767px) {
        #type .article-type-header-word {
          width: 100%;
          margin-top: .5rem;
          flex-wrap: nowrap; } }
      #type .article-type-header-word li {
        height: 2.5rem;
        margin: .2rem;
        background: #026eb7;
        color: #fff;
        font-weight: 700;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 9.8rem;
        border-radius: .3rem; }
        #type .article-type-header-word li:nth-last-of-type(1), #type .article-type-header-word li:nth-last-of-type(2) {
          width: 20rem; }
          @media only screen and (max-width: 767px) {
            #type .article-type-header-word li:nth-last-of-type(1), #type .article-type-header-word li:nth-last-of-type(2) {
              width: auto; } }
        @media only screen and (max-width: 767px) {
          #type .article-type-header-word li {
            font-size: .9rem;
            width: auto;
            height: 1.6rem;
            padding: 0 .3rem; } }
  #type .article-type-inner dl {
    padding: 2.5rem 0; }
    @media only screen and (max-width: 767px) {
      #type .article-type-inner dl {
        padding: 1.5rem 0; } }
    #type .article-type-inner dl dt {
      display: flex;
      align-items: center;
      justify-content: space-between;
      color: #026eb7;
      font-size: 2rem;
      margin-bottom: 2rem; }
      @media only screen and (max-width: 767px) {
        #type .article-type-inner dl dt {
          font-size: 1.7rem;
          margin-bottom: 1rem; } }
      #type .article-type-inner dl dt span {
        flex-shrink: 0;
        margin-right: 1rem; }
      #type .article-type-inner dl dt:after {
        content: "";
        width: 100%;
        height: 1px;
        background: #dcdcdc; }

#merit .article-merit {
  border-bottom: 1px solid #dcdcdc;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 2rem 1rem; }
  @media only screen and (max-width: 1024px) {
    #merit .article-merit {
      align-items: flex-start; } }
  @media only screen and (max-width: 1024px) and (max-width: 767px) {
    #merit .article-merit {
      flex-direction: column;
      padding: 1.5rem 0; } }

  #merit .article-merit:nth-of-type(1) {
    margin-top: 4rem;
    border-top: 1px solid #dcdcdc; }
  #merit .article-merit-fig {
    width: 36rem;
    flex-shrink: 0;
    margin-right: 5rem; }
    @media only screen and (max-width: 1024px) {
      #merit .article-merit-fig {
        width: 40%;
        margin-right: 2.4rem; } }
  @media only screen and (max-width: 1024px) and (max-width: 767px) {
    #merit .article-merit-fig {
      width: 100%;
      margin: 0 0 1.5rem; } }

  #merit .article-merit-wrap {
    display: flex;
    flex-direction: column; }
  #merit .article-merit-en {
    font-size: 1.4rem;
    font-weight: 500;
    color: #026eb7; }
    @media only screen and (max-width: 767px) {
      #merit .article-merit-en {
        font-size: 1.2rem; } }
    #merit .article-merit-en b {
      font-size: 1.6rem;
      font-weight: 500; }
      @media only screen and (max-width: 767px) {
        #merit .article-merit-en b {
          font-size: 1.4rem; } }
  #merit .article-merit-ttl {
    font-size: 2.2rem;
    line-height: 1.3;
    text-align: left;
    padding-bottom: 2rem; }
    @media only screen and (max-width: 1024px) {
      #merit .article-merit-ttl {
        font-size: 2rem;
        padding-bottom: 1.5rem; } }
  @media only screen and (max-width: 1024px) and (max-width: 767px) {
    #merit .article-merit-ttl {
      font-size: 1.6rem;
      padding-bottom: 1rem; } }

  #merit .article-merit p {
    padding-bottom: 0; }

#support .section-box-inner p strong {
  font-size: 2.8rem;
  line-height: 1.3;
  display: inline-block;
  padding-bottom: 1rem; }
  @media only screen and (max-width: 767px) {
    #support .section-box-inner p strong {
      font-size: 1.8rem; } }
#support .section-box-inner-img {
  padding: 4rem 1rem 0; }
  @media only screen and (max-width: 767px) {
    #support .section-box-inner-img {
      padding: 2rem 0 0; } }

#process .section-box-inner dl {
  border-top: 1px solid #dcdcdc; }
  #process .section-box-inner dl div {
    display: flex;
    justify-content: space-between;
    position: relative;
    border-bottom: 1px solid #dcdcdc;
    padding: 2rem;
    transition: all .5s; }
    @media only screen and (max-width: 767px) {
      #process .section-box-inner dl div {
        flex-direction: column;
        padding: 1.5rem 0; } }
    #process .section-box-inner dl div:hover {
      background: rgba(2, 110, 183, 0.02); }
    #process .section-box-inner dl div dt {
      width: 22rem;
      flex-shrink: 0;
      font-size: 2.2rem;
      display: flex;
      flex-direction: column; }
      @media only screen and (max-width: 767px) {
        #process .section-box-inner dl div dt {
          width: 100%;
          font-size: 1.6rem;
          flex-direction: row;
          align-items: baseline; } }
      #process .section-box-inner dl div dt small {
        font-weight: 500;
        font-size: 1.4rem;
        color: #026eb7; }
        @media only screen and (max-width: 767px) {
          #process .section-box-inner dl div dt small {
            font-size: 1.2rem;
            flex-shrink: 0;
            margin-right: .8rem; } }
        #process .section-box-inner dl div dt small b {
          font-size: 1.6rem;
          font-weight: 500; }
          @media only screen and (max-width: 767px) {
            #process .section-box-inner dl div dt small b {
              font-size: 1.4rem; } }
    #process .section-box-inner dl div dd {
      width: 100%;
      padding-right: 5rem;
      font-size: 1.6rem;
      margin-top: auto; }
      @media only screen and (max-width: 767px) {
        #process .section-box-inner dl div dd {
          font-size: 1.3rem; } }
      #process .section-box-inner dl div dd > a {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 10;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        padding-right: 2rem; }
        @media only screen and (max-width: 767px) {
          #process .section-box-inner dl div dd > a {
            padding-right: 1rem; } }
        #process .section-box-inner dl div dd > a:after {
          content: "\e5c8";
          font-family: "material symbols Outlined", cursive;
          color: #026eb7;
          font-size: 2.4rem; }
          @media only screen and (max-width: 767px) {
            #process .section-box-inner dl div dd > a:after {
              font-size: 2rem; } }

.section-message {
  max-width: 90rem;
  margin: 0 auto;
  padding: 0 3vw 10rem;
  position: relative;
  z-index: 1;
  overflow: hidden; }
  @media only screen and (max-width: 1024px) {
    .section-message {
      padding: 10rem 5vw; } }
  @media only screen and (max-width: 1024px) and (max-width: 767px) {
    .section-message {
      padding: 4rem 5vw; } }

  .section-message-header {
    padding-bottom: 3rem;
    text-align: center; }
    @media only screen and (max-width: 1024px) {
      .section-message-header {
        padding-bottom: 2.5rem; } }
  @media only screen and (max-width: 1024px) and (max-width: 767px) {
    .section-message-header {
      padding-bottom: 2rem; } }

    .section-message-header-en {
      font-size: 1.4rem;
      line-height: 1.2;
      color: #026eb7;
      font-weight: 500;
      margin-bottom: .2rem; }
      @media only screen and (max-width: 767px) {
        .section-message-header-en {
          font-size: 1.2rem; } }
    .section-message-header-ttl {
      font-size: 2.8rem;
      line-height: 1.6; }
@media only screen and (max-width: 1024px) and (max-width: 767px) {
  .section-message-header-ttl {
    font-size: 2rem; } }

  .section-message-txt {
    font-size: 1.6rem;
    padding-bottom: 8rem; }
    @media only screen and (max-width: 767px) {
      .section-message-txt {
        font-size: 1.3rem; } }
    .section-message-txt p {
      line-height: 2;
      text-align: left;
      padding-bottom: 1em; }
      @media only screen and (max-width: 767px) {
        .section-message-txt p {
          line-height: 1.6; } }
  .section-message-check-ttl {
    width: 31.6rem;
    height: 14rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    position: relative;
    margin: 0 auto 3rem; }
    @media only screen and (max-width: 767px) {
      .section-message-check-ttl {
        width: 20rem;
        height: 9rem; } }
    .section-message-check-ttl:before, .section-message-check-ttl:after {
      content: "";
      width: 1.2rem;
      height: 100%;
      border-top: 1px solid #ccc;
      border-bottom: 1px solid #ccc;
      position: absolute;
      top: 0;
      box-sizing: border-box; }
      @media only screen and (max-width: 767px) {
        .section-message-check-ttl:before, .section-message-check-ttl:after {
          width: .8rem; } }
    .section-message-check-ttl:before {
      left: 0; }
    .section-message-check-ttl:after {
      right: 0; }
    .section-message-check-ttl h3 {
      font-size: 2.8rem;
      line-height: 1.5;
      text-align: center; }
      @media only screen and (max-width: 767px) {
        .section-message-check-ttl h3 {
          font-size: 2rem; } }
      .section-message-check-ttl h3 span {
        font-size: 2rem; }
        @media only screen and (max-width: 767px) {
          .section-message-check-ttl h3 span {
            font-size: 1.3rem; } }
    .section-message-check-ttl small {
      font-size: 1.4rem;
      color: #026eb7; }
      @media only screen and (max-width: 767px) {
        .section-message-check-ttl small {
          font-size: 1rem; } }
  .section-message-check .article-check {
    margin-bottom: 5rem; }
    @media only screen and (max-width: 767px) {
      .section-message-check .article-check {
        margin-bottom: 2rem; } }
    .section-message-check .article-check-ttl {
      font-size: 2.2rem;
      border-bottom: 1px solid #ccc;
      padding: 1.5rem .4rem;
      display: flex;
      justify-content: flex-start;
      align-items: center; }
      @media only screen and (max-width: 767px) {
        .section-message-check .article-check-ttl {
          font-size: 1.6rem;
          line-height: 1.3; } }
      .section-message-check .article-check-ttl span {
        width: 3.6rem;
        height: 3.6rem;
        border: 1px solid #dcdcdc;
        display: flex;
        justify-content: center;
        align-items: center;
        letter-spacing: 0;
        color: #026eb7;
        font-size: 2.6rem;
        font-weight: 500;
        flex-shrink: 0;
        margin-right: 1rem; }
        @media only screen and (max-width: 767px) {
          .section-message-check .article-check-ttl span {
            width: 2.4rem;
            height: 2.4rem;
            font-size: 1.4rem; } }
    .section-message-check .article-check-inner {
      padding: 2.5rem 0;
      display: flex;
      justify-content: space-between; }
      @media only screen and (max-width: 767px) {
        .section-message-check .article-check-inner {
          padding: 1.5rem 0;
          flex-direction: column; } }
      .section-message-check .article-check-inner figure {
        width: 36rem;
        flex-shrink: 0;
        margin-right: 2.5rem; }
        @media only screen and (max-width: 767px) {
          .section-message-check .article-check-inner figure {
            width: 100%;
            margin: 0 0 1rem; } }
      .section-message-check .article-check-inner p {
        font-size: 1.6rem;
        line-height: 2; }
        @media only screen and (max-width: 767px) {
          .section-message-check .article-check-inner p {
            font-size: 1.3rem; } }

.section-process {
  padding: 10rem 3vw;
  position: relative;
  z-index: 1;
  overflow: hidden; }
  @media only screen and (max-width: 1024px) {
    .section-process {
      padding: 10rem 5vw; } }
  @media only screen and (max-width: 1024px) and (max-width: 767px) {
    .section-process {
      padding: 4rem 5vw; } }

  .section-process:before {
    content: "";
    width: 80rem;
    height: 80rem;
    background: linear-gradient(135deg, rgba(229, 240, 248, 0.75) 0%, rgba(229, 240, 248, 0) 50%);
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1; }
    @media only screen and (max-width: 767px) {
      .section-process:before {
        width: 100%;
        height: 100vw; } }
  .section-process-header {
    max-width: 90rem;
    padding-bottom: 3rem;
    margin: 0 auto;
    text-align: center; }
    @media only screen and (max-width: 1024px) {
      .section-process-header {
        padding-bottom: 2.5rem; } }
  @media only screen and (max-width: 1024px) and (max-width: 767px) {
    .section-process-header {
      padding-bottom: 2rem; } }

    .section-process-header-en {
      font-size: 1.4rem;
      line-height: 1.2;
      color: #026eb7;
      font-weight: 500;
      margin-bottom: .2rem; }
      .section-process-header-en b {
        font-size: 1.6rem; }
      @media only screen and (max-width: 767px) {
        .section-process-header-en {
          font-size: 1.2rem; }
          .section-process-header-en b {
            font-size: 1.4rem; } }
    .section-process-header-ttl {
      font-size: 2.8rem;
      line-height: 1.6; }
      @media only screen and (max-width: 1024px) {
        .section-process-header-ttl {
          font-size: 3.6rem; } }
  @media only screen and (max-width: 1024px) and (max-width: 767px) {
    .section-process-header-ttl {
      font-size: 2rem; } }

  .section-process-inner {
    max-width: 90rem;
    margin: 0 auto;
    font-size: 1.6rem; }
    @media only screen and (max-width: 767px) {
      .section-process-inner {
        font-size: 1.3rem; } }
    .section-process-inner p {
      line-height: 2;
      text-align: left;
      padding-bottom: 1em; }
      @media only screen and (max-width: 767px) {
        .section-process-inner p {
          line-height: 1.6; } }
    .section-process-inner small {
      font-size: 80%;
      display: inline-block; }

.dl-content {
  margin-bottom: 4rem; }
  @media only screen and (max-width: 767px) {
    .dl-content {
      margin-bottom: 2rem; } }
  .dl-content:nth-last-of-type(1) {
    margin-bottom: 0; }
  .dl-content dt {
    font-size: 2rem;
    color: #026eb7;
    text-align: center;
    padding-bottom: 1.5rem; }
    @media only screen and (max-width: 767px) {
      .dl-content dt {
        font-size: 1.5rem;
        padding-bottom: .8rem; } }
  .dl-content dd ul {
    border-top: 1px solid #dcdcdc;
    margin-bottom: 2rem; }
    .dl-content dd ul li {
      border-bottom: 1px solid #dcdcdc; }
      .dl-content dd ul li a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: .8rem;
        font-size: 1.6rem;
        font-weight: 500; }
        @media only screen and (max-width: 767px) {
          .dl-content dd ul li a {
            padding: .8rem 0;
            text-align: center;
            font-size: 1.2rem;
            flex-direction: column;
            justify-content: center; } }
        .dl-content dd ul li a:after {
          content: "\f090";
          font-family: "material symbols Outlined", cursive;
          color: #666;
          margin-left: auto;
          font-size: 2.4rem;
          font-weight: 400; }
          @media only screen and (max-width: 767px) {
            .dl-content dd ul li a:after {
              font-size: 1.8rem;
              margin: 0 auto; } }
        .dl-content dd ul li a:hover {
          background: rgba(220, 220, 220, 0.4); }
        .dl-content dd ul li a span {
          color: #666;
          flex-shrink: 0;
          margin-right: 1rem; }
          @media only screen and (max-width: 767px) {
            .dl-content dd ul li a span {
              margin: 0 0 .5rem; } }
  .dl-content dd .dl-add {
    border: 1px solid #dcdcdc;
    padding: 1.5rem; }
    @media only screen and (max-width: 767px) {
      .dl-content dd .dl-add {
        border: none;
        border-bottom: 1px solid #dcdcdc;
        padding: 0 0 1rem; } }
    .dl-content dd .dl-add > dt {
      font-size: 1.6rem;
      text-align: center;
      color: #333333;
      padding: 0 0 1rem; }
      @media only screen and (max-width: 767px) {
        .dl-content dd .dl-add > dt {
          font-size: 1.2rem;
          padding-bottom: .5rem; } }
    .dl-content dd .dl-add dd {
      font-size: 1.2rem; }
  .dl-content > div {
    border: 1px solid #dcdcdc;
    padding: 2.5rem; }
    @media only screen and (max-width: 767px) {
      .dl-content > div {
        padding: 1.5rem; } }
    .dl-content > div p:nth-last-of-type(1) {
      padding-bottom: 0; }
.dl-type {
  display: flex;
  justify-content: space-between;
  padding: 4rem 0; }
  @media only screen and (max-width: 767px) {
    .dl-type {
      padding: 2rem 0;
      margin: 0 -3vw; } }
  .dl-type > div {
    width: 50%;
    padding: 2rem; }
    @media only screen and (max-width: 767px) {
      .dl-type > div {
        padding: 1rem; } }
    .dl-type > div:nth-of-type(1) {
      border-right: 1px solid #dcdcdc; }
    .dl-type > div > dt {
      font-weight: 700;
      font-size: 2.5rem;
      line-height: 1.1;
      padding-bottom: 2.5rem;
      text-align: center; }
      .dl-type > div > dt figure {
        margin-bottom: 1rem; }
        .dl-type > div > dt figure img {
          width: auto;
          height: 10rem; }
          @media only screen and (max-width: 767px) {
            .dl-type > div > dt figure img {
              height: 6rem; } }
      @media only screen and (max-width: 767px) {
        .dl-type > div > dt {
          font-size: 1.7rem; } }
      .dl-type > div > dt span {
        font-size: 1.2rem; }
        @media only screen and (max-width: 767px) {
          .dl-type > div > dt span {
            font-size: 1rem; } }
    .dl-type > div > dd table {
      width: 100%;
      margin-bottom: 5rem;
      border-top: 1px solid #dcdcdc; }
      @media only screen and (max-width: 767px) {
        .dl-type > div > dd table {
          margin-bottom: 1.5rem; } }
      .dl-type > div > dd table td, .dl-type > div > dd table th {
        border-bottom: 1px solid #dcdcdc;
        padding: 1.5rem 1rem;
        vertical-align: middle; }
        @media only screen and (max-width: 767px) {
          .dl-type > div > dd table td, .dl-type > div > dd table th {
            width: 100%;
            display: block !important;
            padding: 1rem .5rem; } }
      .dl-type > div > dd table td {
        text-align: right;
        font-size: 1.4rem; }
        @media only screen and (max-width: 767px) {
          .dl-type > div > dd table td {
            font-size: 1.2rem;
            text-align: center; } }
        .dl-type > div > dd table td strong {
          font-size: 2rem;
          font-weight: 400;
          font-family: "Barlow", serif; }
          @media only screen and (max-width: 767px) {
            .dl-type > div > dd table td strong {
              font-size: 1.6rem; } }
      .dl-type > div > dd table th {
        text-align: left; }
        @media only screen and (max-width: 767px) {
          .dl-type > div > dd table th {
            text-align: center; } }
      .dl-type > div > dd table tr:nth-last-of-type(1) td, .dl-type > div > dd table tr:nth-last-of-type(1) th {
        background: rgba(238, 238, 238, 0.5); }
.dl-online {
  border: 0.4rem solid #026eb7;
  padding: 4rem; }
  @media only screen and (max-width: 767px) {
    .dl-online {
      border-width: .2rem;
      padding: 1.5rem; } }
  .dl-online dt {
    text-align: center;
    font-size: 2.8rem;
    padding-bottom: 2rem;
    color: #026eb7; }
    @media only screen and (max-width: 767px) {
      .dl-online dt {
        font-size: 1.6rem;
        padding-bottom: 1rem; } }
  .dl-online dd table {
    width: 100%;
    border-top: 1px solid #dcdcdc;
    margin-top: 3rem; }
    @media only screen and (max-width: 767px) {
      .dl-online dd table {
        margin-top: 1.5rem; } }
    .dl-online dd table td, .dl-online dd table th {
      border-bottom: 1px solid #dcdcdc;
      padding: 1.5rem 1rem;
      vertical-align: middle;
      font-size: 1.6rem; }
      @media only screen and (max-width: 1024px) {
        .dl-online dd table td, .dl-online dd table th {
          padding: 1.5rem .5rem;
          font-size: 1.5rem; } }
  @media only screen and (max-width: 1024px) and (max-width: 767px) {
    .dl-online dd table td, .dl-online dd table th {
      font-size: 1.2rem;
      display: block !important; } }

    .dl-online dd table td {
      text-align: right; }
      @media only screen and (max-width: 767px) {
        .dl-online dd table td {
          width: 100%;
          text-align: center;
          padding: 1rem .5rem;
          clear: both; } }
    .dl-online dd table tr:nth-of-type(2n) td, .dl-online dd table tr:nth-of-type(2n) th {
      background: rgba(238, 238, 238, 0.5); }
    @media only screen and (max-width: 767px) {
      .dl-online dd table th {
        border-bottom: none;
        text-align: center;
        padding: 0 .5rem;
        width: 50%;
        float: left; }
        .dl-online dd table th:nth-of-type(1) {
          width: 100%;
          padding: 1rem 0 0;
          float: none; } }
    .dl-online dd table th span {
      color: #026eb7; }

#process1 ul {
  border-top: 1px solid #dcdcdc;
  margin-bottom: 5rem; }
  @media only screen and (max-width: 767px) {
    #process1 ul {
      margin-bottom: 2rem; } }
  #process1 ul > li {
    border-bottom: 1px solid #dcdcdc;
    padding: 1.5rem 1.5rem 1.5rem 4rem;
    position: relative; }
    @media only screen and (max-width: 767px) {
      #process1 ul > li {
        padding-left: 2.6rem; } }
    #process1 ul > li:before {
      content: "";
      width: 1.6rem;
      height: 1.6rem;
      border-radius: 50%;
      background: #026eb7;
      position: absolute;
      left: 1rem;
      top: 2.6rem; }
      @media only screen and (max-width: 767px) {
        #process1 ul > li:before {
          width: 1.2rem;
          height: 1.2rem;
          top: 1.8rem;
          left: .5rem; } }
    #process1 ul > li p {
      font-size: 1.6rem;
      line-height: 2;
      padding-bottom: 1.5rem; }
      @media only screen and (max-width: 767px) {
        #process1 ul > li p {
          font-size: 1.3rem;
          line-height: 1.3; } }
      #process1 ul > li p:nth-last-of-type(1) {
        padding-bottom: 0; }
      #process1 ul > li p strong {
        font-size: 2rem; }
        @media only screen and (max-width: 767px) {
          #process1 ul > li p strong {
            font-size: 1.6rem; } }
    #process1 ul > li ol {
      padding-top: 1.5rem; }
      #process1 ul > li ol li {
        display: flex;
        justify-content: flex-start;
        margin-bottom: .5rem; }
        #process1 ul > li ol li:before {
          width: 1.5em;
          text-align: right;
          content: "";
          color: #026eb7;
          font-weight: 500;
          flex-shrink: 0;
          margin-right: 1rem; }
        #process1 ul > li ol li:nth-of-type(1):before {
          content: "1."; }
        #process1 ul > li ol li:nth-of-type(2):before {
          content: "2."; }
        #process1 ul > li ol li:nth-of-type(3):before {
          content: "3."; }
        #process1 ul > li ol li:nth-of-type(4):before {
          content: "4."; }
        #process1 ul > li ol li:nth-of-type(5):before {
          content: "5."; }
        #process1 ul > li ol li:nth-of-type(6):before {
          content: "6."; }
#process1 dl {
  background: rgba(238, 238, 238, 0.5);
  padding: 2rem 3rem;
  font-size: 1.4rem; }
  @media only screen and (max-width: 767px) {
    #process1 dl {
      font-size: 1.2rem;
      padding: 1.5rem; } }
  #process1 dl dt {
    text-align: center;
    padding-bottom: 1rem; }
  #process1 dl dd p {
    line-height: 1.6; }

#process2 .section-process-inner p {
  text-align: center; }
  @media only screen and (max-width: 767px) {
    #process2 .section-process-inner p {
      text-align: left; } }
#process2 .section-process-inner ul {
  display: flex;
  justify-content: center;
  padding-top: 2rem; }
  #process2 .section-process-inner ul li {
    padding: 0 1.5rem; }
    #process2 .section-process-inner ul li figure {
      text-align: center;
      margin-bottom: 1rem; }
      #process2 .section-process-inner ul li figure img {
        width: auto;
        height: 10rem; }
        @media only screen and (max-width: 767px) {
          #process2 .section-process-inner ul li figure img {
            height: 6rem; } }
    #process2 .section-process-inner ul li p {
      font-weight: 700;
      font-size: 2.5rem;
      line-height: 1.1;
      padding-bottom: 2rem; }
      @media only screen and (max-width: 767px) {
        #process2 .section-process-inner ul li p {
          font-size: 1.7rem; } }
      #process2 .section-process-inner ul li p span {
        font-size: 1.2rem; }
        @media only screen and (max-width: 767px) {
          #process2 .section-process-inner ul li p span {
            font-size: 1rem; } }
    #process2 .section-process-inner ul li a {
      font-weight: 400;
      font-size: 1.4rem; }
      @media only screen and (max-width: 767px) {
        #process2 .section-process-inner ul li a {
          font-size: 1.2rem; } }

#process3 .section-process-inner p {
  text-align: center; }
  @media only screen and (max-width: 767px) {
    #process3 .section-process-inner p {
      text-align: left; } }

#process6 .section-process-inner .align-left {
  width: 18.5rem;
  margin-right: 2rem;
  float: left; }
  @media only screen and (max-width: 767px) {
    #process6 .section-process-inner .align-left {
      width: 30%; } }
#process6 .section-process-inner .dl-type {
  clear: both; }
  #process6 .section-process-inner .dl-type table {
    margin-bottom: 0; }
    #process6 .section-process-inner .dl-type table tr:nth-last-of-type(1) td, #process6 .section-process-inner .dl-type table tr:nth-last-of-type(1) th {
      background: #fff; }

#internet2 .dl-type, #internet5 .dl-type {
  flex-direction: column; }
  #internet2 .dl-type > div, #internet5 .dl-type > div {
    width: 100%;
    border: none; }
    #internet2 .dl-type > div > a, #internet5 .dl-type > div > a {
      width: 36rem; }
    #internet2 .dl-type > div dd > p, #internet5 .dl-type > div dd > p {
      text-align: right;
      padding-bottom: 5rem; }
      @media only screen and (max-width: 767px) {
        #internet2 .dl-type > div dd > p, #internet5 .dl-type > div dd > p {
          padding-bottom: 1.5rem; } }
    #internet2 .dl-type > div dd table, #internet5 .dl-type > div dd table {
      margin-bottom: 1rem; }
      @media only screen and (max-width: 767px) {
        #internet2 .dl-type > div dd table, #internet5 .dl-type > div dd table {
          margin-bottom: .5rem; } }
#internet2 .dl-content dd .dl-add, #internet5 .dl-content dd .dl-add {
  max-width: 32rem;
  margin: 0 auto 2.5rem; }
#internet2 .dl-update, #internet5 .dl-update {
  margin: 0 4rem;
  border-top: 1px solid #dcdcdc; }
  @media only screen and (max-width: 767px) {
    #internet2 .dl-update, #internet5 .dl-update {
      margin: 0; } }
  #internet2 .dl-update dt, #internet5 .dl-update dt {
    font-weight: 700;
    font-size: 2rem;
    line-height: 1.1;
    padding: 2.5rem;
    text-align: center; }
    @media only screen and (max-width: 767px) {
      #internet2 .dl-update dt, #internet5 .dl-update dt {
        font-size: 1.7rem; } }
    #internet2 .dl-update dt span, #internet5 .dl-update dt span {
      font-size: 1.2rem; }
      @media only screen and (max-width: 767px) {
        #internet2 .dl-update dt span, #internet5 .dl-update dt span {
          font-size: 1rem; } }
  #internet2 .dl-update dd table, #internet5 .dl-update dd table {
    width: 100%;
    border-top: 1px solid #dcdcdc; }
    @media only screen and (max-width: 767px) {
      #internet2 .dl-update dd table, #internet5 .dl-update dd table {
        margin-bottom: 1.5rem; } }
    #internet2 .dl-update dd table td, #internet2 .dl-update dd table th, #internet5 .dl-update dd table td, #internet5 .dl-update dd table th {
      border-bottom: 1px solid #dcdcdc;
      padding: 1.5rem 1rem;
      vertical-align: middle; }
      @media only screen and (max-width: 767px) {
        #internet2 .dl-update dd table td, #internet2 .dl-update dd table th, #internet5 .dl-update dd table td, #internet5 .dl-update dd table th {
          width: 100%;
          display: block !important;
          padding: 1rem .5rem; } }
    #internet2 .dl-update dd table td, #internet5 .dl-update dd table td {
      text-align: right;
      font-size: 1.4rem; }
      @media only screen and (max-width: 767px) {
        #internet2 .dl-update dd table td, #internet5 .dl-update dd table td {
          font-size: 1.2rem;
          text-align: center; } }
      #internet2 .dl-update dd table td strong, #internet5 .dl-update dd table td strong {
        font-size: 2rem;
        font-weight: 400;
        font-family: "Barlow", serif; }
        @media only screen and (max-width: 767px) {
          #internet2 .dl-update dd table td strong, #internet5 .dl-update dd table td strong {
            font-size: 1.6rem; } }
    #internet2 .dl-update dd table th, #internet5 .dl-update dd table th {
      text-align: left; }
      @media only screen and (max-width: 767px) {
        #internet2 .dl-update dd table th, #internet5 .dl-update dd table th {
          text-align: center; } }

.aside-guide {
  border: 1px solid #dcdcdc;
  max-width: 90rem;
  margin: 0 auto 7rem;
  padding: 0 2.5rem; }
  @media only screen and (max-width: 1024px) {
    .aside-guide {
      margin: 3rem 3vw 7rem; } }
  @media only screen and (max-width: 1024px) and (max-width: 767px) {
    .aside-guide {
      padding: 0 1.5rem;
      margin-bottom: 3rem; } }

  .aside-guide-ttl {
    font-size: 2rem;
    padding: 2.5rem 0;
    text-align: center;
    border-bottom: 1px solid #dcdcdc; }
    @media only screen and (max-width: 767px) {
      .aside-guide-ttl {
        font-size: 1.6rem;
        padding: 1.5rem 0; } }
  .aside-guide > p {
    text-align: center;
    font-size: 1.4rem;
    padding: 1.5rem 0; }
    @media only screen and (max-width: 767px) {
      .aside-guide > p {
        font-size: 1.1rem;
        padding: 1rem 0; } }
  .aside-guide-inner > div {
    border-bottom: 1px solid #dcdcdc;
    padding: 1.5rem 0;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    @media only screen and (max-width: 767px) {
      .aside-guide-inner > div {
        padding: 1rem 0;
        flex-direction: column; } }
    .aside-guide-inner > div dt {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      flex-shrink: 0; }
      @media only screen and (max-width: 767px) {
        .aside-guide-inner > div dt {
          justify-content: center; } }
      .aside-guide-inner > div dt figure {
        width: 15rem;
        text-align: center;
        flex-shrink: 0; }
        @media only screen and (max-width: 767px) {
          .aside-guide-inner > div dt figure {
            width: 10rem; } }
        .aside-guide-inner > div dt figure img {
          width: auto;
          height: 9rem; }
          @media only screen and (max-width: 767px) {
            .aside-guide-inner > div dt figure img {
              height: 6rem; } }
      .aside-guide-inner > div dt > div {
        text-align: center;
        padding: 0 2rem;
        font-size: 2rem; }
        @media only screen and (max-width: 767px) {
          .aside-guide-inner > div dt > div {
            font-size: 1.6rem; } }
        .aside-guide-inner > div dt > div span {
          font-size: 1.4rem;
          display: block; }
          @media only screen and (max-width: 767px) {
            .aside-guide-inner > div dt > div span {
              font-size: 1.1rem; } }
    .aside-guide-inner > div dd {
      width: 100%;
      text-align: center; }
      @media only screen and (max-width: 767px) {
        .aside-guide-inner > div dd {
          padding: 1rem 0; } }
      .aside-guide-inner > div dd img {
        width: auto;
        height: 7.2rem; }
        @media only screen and (max-width: 767px) {
          .aside-guide-inner > div dd img {
            height: auto; } }

.nav-area {
  max-width: 90rem;
  margin: 0 auto 7rem; }
  @media only screen and (max-width: 767px) {
    .nav-area {
      margin: 0 3vw 3rem; } }
  .nav-area ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap; }
    .nav-area ul li {
      width: 15rem;
      margin: .5rem; }
      @media only screen and (max-width: 767px) {
        .nav-area ul li {
          width: auto; } }
      .nav-area ul li a {
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: .5rem;
        border: 1px solid #dcdcdc;
        height: 4.8rem;
        font-size: 1.6rem;
        font-weight: 700; }
        @media only screen and (max-width: 767px) {
          .nav-area ul li a {
            font-size: 1.2rem;
            height: 3.6rem;
            padding: 0 1rem; } }
        .nav-area ul li a:hover {
          background: #eee; }

.section-list {
  border-top: 1px solid #dcdcdc;
  max-width: 90rem;
  margin: 0 auto; }
  @media only screen and (max-width: 1024px) {
    .section-list {
      margin: 0 3vw; } }
  .section-list:nth-last-of-type(1) {
    border-bottom: 1px solid #dcdcdc;
    margin-bottom: 10rem; }
    @media only screen and (max-width: 767px) {
      .section-list:nth-last-of-type(1) {
        margin-bottom: 4rem; } }
  .section-list-ttl {
    font-size: 2.8rem;
    padding: 2rem 1.5rem 2rem .5rem;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    @media only screen and (max-width: 767px) {
      .section-list-ttl {
        font-size: 1.7rem; } }
    .section-list-ttl:after {
      content: "\e145";
      font-family: "material symbols Outlined", cursive;
      font-size: 2.4rem;
      font-weight: 400;
      color: #666; }
      @media only screen and (max-width: 767px) {
        .section-list-ttl:after {
          font-size: 1.6rem; } }
  .section-list-area-ttl {
    font-size: 2.4rem;
    padding: 1.5rem 1.5rem 1.5rem 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #dcdcdc; }
    @media only screen and (max-width: 767px) {
      .section-list-area-ttl {
        font-size: 1.5rem; } }
    .section-list-area-ttl:before {
      content: "";
      width: 1.5rem;
      height: 1px;
      background: #eee;
      flex-shrink: 0;
      margin-right: 1rem; }
      @media only screen and (max-width: 767px) {
        .section-list-area-ttl:before {
          width: 1rem; } }
    .section-list-area-ttl:after {
      content: "\e145";
      font-family: "material symbols Outlined", cursive;
      font-size: 2.4rem;
      font-weight: 400;
      color: #666;
      margin-left: auto; }
      @media only screen and (max-width: 767px) {
        .section-list-area-ttl:after {
          font-size: 1.6rem; } }
  .section-list-area-inner {
    max-height: 0;
    overflow: hidden;
    margin-bottom: 0;
    transition: all .5s; }
    .section-list-area-inner:nth-last-of-type(1) {
      margin-bottom: 0; }
    .section-list-area-inner > p {
      padding: 2rem 1.5rem;
      font-size: 1.6rem; }
      @media only screen and (max-width: 767px) {
        .section-list-area-inner > p {
          font-size: 1.3rem;
          padding: 1.5rem .5rem; } }
  .section-list-area.active .section-list-area-ttl:after {
    content: "\e15b"; }
  .section-list-area.active .section-list-area-inner {
    max-height: 99999rem;
    margin-bottom: 3rem; }
    @media only screen and (max-width: 767px) {
      .section-list-area.active .section-list-area-inner {
        margin-bottom: 1.5rem; } }
  .section-list-inner {
    max-height: 0;
    overflow: hidden;
    margin-bottom: 0; }
  .section-list.active {
    border-bottom: none; }
    .section-list.active .section-list-ttl {
      border-bottom: 1px solid #dcdcdc; }
      .section-list.active .section-list-ttl:after {
        content: "\e15b"; }
    .section-list.active .section-list-inner {
      max-height: 99999rem;
      margin-bottom: 6rem; }
      @media only screen and (max-width: 767px) {
        .section-list.active .section-list-inner {
          margin-bottom: 3rem; } }

.article-list {
  border-bottom: 1px solid #dcdcdc;
  display: flex;
  justify-content: space-between; }
  .article-list-type {
    width: 19rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    padding: 1.5rem 3rem 1.5rem 0; }
    @media only screen and (max-width: 767px) {
      .article-list-type {
        width: 8rem;
        padding: 1rem 0;
        margin-right: 1rem; } }
    .article-list-type figure {
      margin-bottom: .5rem; }
      .article-list-type figure img {
        width: auto;
        height: 9rem; }
        @media only screen and (max-width: 767px) {
          .article-list-type figure img {
            height: 4.8rem; } }
  .article-list-num {
    font-size: 1.6rem;
    font-family: "Barlow", serif; }
    @media only screen and (max-width: 767px) {
      .article-list-num {
        font-size: 1.3rem; } }
  .article-list-date {
    font-size: 1.2rem; }
    @media only screen and (max-width: 767px) {
      .article-list-date {
        font-size: 1rem; } }
  .article-list-inner {
    width: 100%; }
    .article-list-inner > p {
      font-size: 1.6rem; }
      @media only screen and (max-width: 767px) {
        .article-list-inner > p {
          font-size: 1.3rem;
          padding: 0 .5rem 1rem; } }
  .article-list-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #eee;
    padding: 1rem 0;
    min-height: 4.3rem;
    margin-bottom: 1.5rem; }
    @media only screen and (max-width: 767px) {
      .article-list-header {
        margin-bottom: 1rem; } }
    .article-list-header-ttl {
      width: 100%;
      font-size: 2rem; }
      @media only screen and (max-width: 767px) {
        .article-list-header-ttl {
          font-size: 1.6rem;
          line-height: 1.3;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: flex-start;
          padding-left: .5rem; } }
      .article-list-header-ttl span {
        font-size: 1.6rem; }
        @media only screen and (max-width: 767px) {
          .article-list-header-ttl span {
            font-size: 1.2rem; } }
    .article-list-header-url {
      flex-shrink: 0;
      margin-left: 1.5rem; }
      @media only screen and (max-width: 767px) {
        .article-list-header-url {
          margin-left: .5rem; } }
      .article-list-header-url a {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 18rem;
        height: 3.8rem;
        font-size: 1.2rem;
        font-weight: 700;
        border-radius: .3rem;
        border: 1px solid #dcdcdc; }
        @media only screen and (max-width: 767px) {
          .article-list-header-url a {
            width: auto;
            height: auto;
            padding: .8rem;
            font-size: 1rem; }
            .article-list-header-url a b {
              display: none; } }
        .article-list-header-url a:hover {
          background: #eee; }
        .article-list-header-url a span {
          font-size: 1.8rem;
          color: #666;
          margin-right: .5rem; }
          @media only screen and (max-width: 767px) {
            .article-list-header-url a span {
              font-size: 1.2rem;
              margin-right: 0; } }

.section-internet {
  border-top: 1px solid #dcdcdc;
  max-width: 90rem;
  margin: 0 auto;
  margin-bottom: 10rem; }
  @media only screen and (max-width: 1024px) {
    .section-internet {
      margin: 4rem 3vw; } }
  .section-internet .article-list-num {
    margin-top: .5rem; }
  .section-internet .article-list-type figure {
    margin-bottom: 0; }
    .section-internet .article-list-type figure img {
      height: 10rem; }
      @media only screen and (max-width: 767px) {
        .section-internet .article-list-type figure img {
          height: 7rem; } }
  .section-internet .article-list-inner p {
    padding-bottom: 2rem; }
    .section-internet .article-list-inner p a {
      border: 1px solid #ccc;
      background: #eee;
      border-radius: .4rem;
      font-size: 1.3rem;
      margin-top: .5rem;
      height: 2.8rem;
      display: flex;
      justify-content: center;
      align-items: center;
      max-width: 24rem; }
      .section-internet .article-list-inner p a:hover {
        background: #ccc; }
      @media only screen and (max-width: 767px) {
        .section-internet .article-list-inner p a {
          font-size: 1.2rem; } }

.div-mark {
  text-align: center; }
  .div-mark img {
    max-width: 16rem; }