/*! Writen  by SCSS */
.sec_merit {
  position: relative;
  padding: 8rem 0;
  background: #fff; }
  .sec_merit .id_links {
    margin: 0;
    border: 0;
    padding: 0;
    position: absolute;
    top: -60px;
    height: 1px;
    width: 100%;
    left: 0;
    pointer-events: none;
    opacity: 0; }
    @media screen and (max-width: 740px) {
      .sec_merit .id_links {
        top: -30px; } }
  .sec_merit .page_ttl {
    position: relative;
    z-index: 1;
    font-size: 2.4rem;
    line-height: 1.6;
    text-align: center;
    margin-bottom: 3rem; }
    @media screen and (max-width: 740px) {
      .sec_merit .page_ttl {
        font-size: 4.2vw; } }
    .sec_merit .page_ttl::before {
      position: absolute;
      top: 50%;
      content: "";
      display: block;
      width: 100%;
      height: 1px;
      background-color: #446ea4;
      z-index: -1; }
      @media screen and (max-width: 740px) {
        .sec_merit .page_ttl::before {
          content: none; } }
    .sec_merit .page_ttl span {
      background-color: #fff;
      padding: 0 1rem;
      color: #446ea4;
      display: inline-block; }
  .sec_merit .item_wrap {
    display: flex;
    flex-direction: column;
    grid-gap: 50px 0; }
  .sec_merit .item {
    font-weight: bold;
    color: #333; }
    .sec_merit .item .item_ttl {
      width: 100%;
      position: relative;
      display: flex;
      align-items: center;
      padding: 0 20px;
      grid-gap: 0 20px; }
      @media screen and (max-width: 480px) {
        .sec_merit .item .item_ttl {
          margin-bottom: 10px; } }
      .sec_merit .item .item_ttl::before {
        content: "";
        background: #7ca7b2;
        height: 40px;
        width: 100%;
        position: absolute;
        inset: 0;
        margin: auto;
        z-index: 1;
        display: block; }
        @media screen and (max-width: 480px) {
          .sec_merit .item .item_ttl::before {
            height: 30px; } }
      .sec_merit .item .item_ttl .ico {
        position: relative;
        z-index: 1; }
        @media screen and (max-width: 480px) {
          .sec_merit .item .item_ttl .ico {
            width: 50px; } }
      .sec_merit .item .item_ttl .txt {
        position: relative;
        z-index: 1;
        top: -0.2em; }
        @media screen and (max-width: 480px) {
          .sec_merit .item .item_ttl .txt {
            top: 0; }
            .sec_merit .item .item_ttl .txt.txt01 {
              width: calc(222%/2.95); }
            .sec_merit .item .item_ttl .txt.txt02 {
              width: calc(186%/2.95); }
            .sec_merit .item .item_ttl .txt.txt03 {
              width: calc(178%/2.95); }
            .sec_merit .item .item_ttl .txt.txt04 {
              width: calc(100%/2.95); }
            .sec_merit .item .item_ttl .txt.txt05 {
              width: calc(113%/2.95); } }
    .sec_merit .item .item_copy {
      display: flex;
      justify-content: center; }
      .sec_merit .item .item_copy P {
        text-align: center;
        font-weight: 900;
        color: #a03843;
        letter-spacing: 0.1em;
        font-size: clamp(16px, 1.78vw, 21px);
        font-feature-settings: "palt";
        display: flex;
        justify-content: center;
        align-items: baseline;
        position: relative;
        line-height: 1;
        margin-bottom: 1em; }
        @media screen and (max-width: 480px) {
          .sec_merit .item .item_copy P.ex {
            flex-wrap: wrap; }
            .sec_merit .item .item_copy P.ex::before {
              content: none; } }
        .sec_merit .item .item_copy P::before {
          content: "";
          position: absolute;
          bottom: 3px;
          left: -1.5em;
          right: -1.5em;
          height: 10px;
          border-radius: 2px;
          background: linear-gradient(transparent 60%, #fff100 60%);
          z-index: 1; }
          @media screen and (max-width: 480px) {
            .sec_merit .item .item_copy P::before {
              left: -1em;
              right: -1em; } }
        .sec_merit .item .item_copy P span {
          display: inline-block; }
          .sec_merit .item .item_copy P span.txt_wrap {
            display: flex;
            justify-content: center;
            align-items: baseline;
            position: relative;
            z-index: 2; }
            @media screen and (max-width: 480px) {
              .sec_merit .item .item_copy P span.txt_wrap {
                flex-wrap: wrap; } }
          .sec_merit .item .item_copy P span.text_in {
            display: flex;
            justify-content: center;
            align-items: baseline;
            position: relative; }
            .sec_merit .item .item_copy P span.text_in .text_sub {
              position: absolute;
              text-align: center;
              width: fit-content;
              margin-left: auto;
              margin-right: auto;
              left: 0;
              right: 0;
              top: 100%;
              font-size: 10px;
              letter-spacing: 0;
              white-space: nowrap; }
          .sec_merit .item .item_copy P span.big1 {
            font-size: 120%; }
            .sec_merit .item .item_copy P span.big1.left {
              margin-left: 0.5em; }
          .sec_merit .item .item_copy P span.big2 {
            font-size: 200%;
            position: relative;
            top: 0.1em; }
          .sec_merit .item .item_copy P span.sp_line {
            display: flex;
            align-items: baseline;
            justify-content: center; }
            @media screen and (max-width: 480px) {
              .sec_merit .item .item_copy P span.sp_line {
                position: relative;
                z-index: 2; }
                .sec_merit .item .item_copy P span.sp_line::before {
                  content: "";
                  position: absolute;
                  bottom: 3px;
                  left: -1em;
                  right: -1em;
                  height: 10px;
                  border-radius: 2px;
                  background: linear-gradient(transparent 60%, #fff100 60%);
                  z-index: 1; }
                .sec_merit .item .item_copy P span.sp_line span {
                  position: relative;
                  z-index: 2; } }
          @media screen and (max-width: 480px) {
            .sec_merit .item .item_copy P span.sp_wide {
              display: block;
              position: relative; }
              .sec_merit .item .item_copy P span.sp_wide::before {
                content: "";
                position: absolute;
                bottom: 3px;
                left: -1em;
                right: -1em;
                height: 10px;
                border-radius: 2px;
                background: linear-gradient(transparent 60%, #fff100 60%);
                z-index: 1; }
              .sec_merit .item .item_copy P span.sp_wide span {
                position: relative;
                z-index: 2; } }
    .sec_merit .item .flex {
      justify-content: space-between; }
      @media screen and (max-width: 480px) {
        .sec_merit .item .flex {
          flex-direction: column;
          grid-gap: 20px 0; } }
      .sec_merit .item .flex .txts {
        width: calc(482%/10);
        display: flex;
        flex-direction: column;
        justify-content: space-between; }
        @media screen and (max-width: 480px) {
          .sec_merit .item .flex .txts {
            width: 100%; } }
      .sec_merit .item .flex .imgs {
        width: calc(482%/10); }
        @media screen and (max-width: 480px) {
          .sec_merit .item .flex .imgs {
            width: 100%; } }
      .sec_merit .item .flex.item05_02 {
        align-items: center; }
        @media screen and (max-width: 480px) {
          .sec_merit .item .flex.item05_02 {
            flex-direction: column-reverse;
            gap: 15px 0; } }
        .sec_merit .item .flex.item05_02 .text_wrap {
          display: flex;
          align-items: center;
          justify-content: flex-start;
          flex-direction: row;
          gap: 0 4.14%; }
          .sec_merit .item .flex.item05_02 .text_wrap .icon_more {
            width: 16.6%; }
          .sec_merit .item .flex.item05_02 .text_wrap .text_lg {
            width: 74.69%;
            font-size: clamp(12px, 1.33vw, 16px); }
    .sec_merit .item .dl_wrap {
      display: flex;
      flex-direction: column;
      grid-gap: 5px 0; }
      .sec_merit .item .dl_wrap dl {
        display: flex;
        align-items: stretch;
        letter-spacing: 0; }
        @media screen and (max-width: 480px) {
          .sec_merit .item .dl_wrap dl {
            justify-content: space-between; } }
        .sec_merit .item .dl_wrap dl dt {
          background: #7ca7b2;
          border-radius: 3px;
          padding: 0.1em 0.5em;
          color: #fff;
          letter-spacing: -0.1em;
          font-size: clamp(8px, 0.98vw, 11px); }
          @media screen and (max-width: 480px) {
            .sec_merit .item .dl_wrap dl dt {
              width: 7em; } }
        .sec_merit .item .dl_wrap dl dd {
          padding-left: 0.5em;
          font-size: clamp(10px, 1.16vw, 13px); }
          @media screen and (max-width: 480px) {
            .sec_merit .item .dl_wrap dl dd {
              padding-left: 0;
              width: calc(100% - 7em); } }
    .sec_merit .item .txt1 {
      line-height: 1.68;
      font-size: clamp(10px, 1.16vw, 14px); }
      @media screen and (max-width: 480px) {
        .sec_merit .item .txt1 {
          margin-bottom: 0.5em;
          font-size: 12px; } }
    .sec_merit .item .txts2 p {
      line-height: 1.68;
      font-size: clamp(8px, 1.07vw, 12px); }
      @media screen and (max-width: 480px) {
        .sec_merit .item .txts2 p {
          font-size: 10px; }
          .sec_merit .item .txts2 p:not(:last-child) {
            margin-bottom: 0.5em; } }
      .sec_merit .item .txts2 p .small {
        display: block;
        font-size: 83.5%; }
      .sec_merit .item .txts2 p .big {
        font-size: 140%; }
    .sec_merit .item .caps p {
      word-break: break-all;
      line-height: 1.2;
      font-size: clamp(8px, 0.89vw, 10px);
      text-indent: -1em;
      padding-left: 1em; }
      @media screen and (max-width: 480px) {
        .sec_merit .item .caps p {
          font-size: 10px; } }
      .sec_merit .item .caps p.no_indent {
        text-indent: 0;
        padding-left: 0; }
  .sec_merit .inner {
    max-width: 1000px;
    margin: 0 auto; }
  @media screen and (max-width: 480px) {
    .sec_merit .img103 {
      margin-bottom: 10px; } }

/*# sourceMappingURL=merit.css.map */