/* arguments inittial */
/* font style */
/* site style */
/* [ writing-mode ]
-------------------------------------------------*/
/* [ easy breakpoint ]
-------------------------------------------------*/
.p-heading .c-heading--sub {
  padding-bottom: 38px; }
  @media (max-width: 1023px) {
    .p-heading .c-heading--sub {
      padding-top: 7px;
      padding-bottom: 20px; }
      .p-heading .c-heading--sub .sub {
        font-size: 55px;
        font-size: 5.5rem; }
      .p-heading .c-heading--sub .ttl.before::before {
        width: 13px;
        margin-top: 15px; } }

.strength-intro {
  margin: 39px auto 0;
  padding-bottom: 164px;
  position: relative;
  overflow-x: hidden; }
  @media (max-width: 1023px) {
    .strength-intro {
      margin-top: 24px;
      padding-bottom: 60px;
      width: 100%; } }
  .strength-intro .intro-inner {
    margin-right: auto;
    display: flex;
    align-items: center; }
    @media (max-width: 1023px) {
      .strength-intro .intro-inner {
        display: block;
        max-width: 100%;
        padding: 0 17px; } }
  @media (min-width: 1024px) {
    .strength-intro .intro-img {
      width: 49.376%; } }
  .strength-intro .intro-img img {
    width: 100%; }
  .strength-intro .intro-cnt {
    margin-top: 24px;
    position: relative;
    z-index: 0; }
    @media (min-width: 1024px) {
      .strength-intro .intro-cnt {
        padding-left: 84px;
        padding-right: 30px;
        width: 50.624%;
        margin-top: 0;
        margin-bottom: 20px; } }
    .strength-intro .intro-cnt .decor {
      position: absolute;
      z-index: -1;
      right: 0;
      top: -48px; }
      @media (max-width: 1023px) {
        .strength-intro .intro-cnt .decor {
          right: -18px;
          top: 53px;
          left: auto;
          width: auto; } }
    .strength-intro .intro-cnt__ttl {
      font-size: 42px;
      font-size: 4.2rem;
      line-height: 1.42857em;
      letter-spacing: 0.03em;
      font-weight: 700;
      font-size: 2.91667vw; }
      @media (max-width: 1023px) {
        .strength-intro .intro-cnt__ttl {
          text-align: center;
          font-size: 28px;
          font-size: 2.8rem;
          line-height: 1.35714em; } }
    .strength-intro .intro-cnt__desc {
      margin-top: 40px; }
      @media (min-width: 1024px) {
        .strength-intro .intro-cnt__desc {
          font-size: 16px;
          font-size: 1.6rem;
          line-height: 2em;
          font-size: 1.11111vw; } }
      @media (max-width: 1023px) {
        .strength-intro .intro-cnt__desc {
          margin-top: 20px; } }
      .strength-intro .intro-cnt__desc .color01 {
        color: #ff5e00;
        font-weight: 700; }

.strength-ctn .c-heading {
  margin-bottom: 48px; }
  @media (max-width: 1023px) {
    .strength-ctn .c-heading {
      margin-bottom: 32px; } }
  .strength-ctn .c-heading .ttl {
    text-align: center; }
    .strength-ctn .c-heading .ttl:after {
      margin-left: auto;
      margin-right: auto;
      margin-top: 28px; }
      @media (max-width: 1023px) {
        .strength-ctn .c-heading .ttl:after {
          margin-top: 22px; } }
  .strength-ctn .c-heading .sub {
    top: -50px;
    left: 0;
    right: 0;
    width: 100%;
    text-align: center;
    z-index: -1;
    text-transform: uppercase;
    font-size: 130px;
    font-size: 13rem;
    letter-spacing: 0.05em; }
    @media (max-width: 1023px) {
      .strength-ctn .c-heading .sub {
        font-size: 53px;
        font-size: 5.3rem;
        top: -7px;
        left: 0; } }
    @media only screen and (max-width: 360px) {
      .strength-ctn .c-heading .sub {
        font-size: 50px;
        font-size: 5rem; } }

.strength-anchor {
  display: flex;
  width: 86.73611vw;
  margin: 60px auto 128px;
  gap: 2.98611vw; }
  @media (max-width: 1023px) {
    .strength-anchor {
      width: calc(100% - 36px);
      gap: 35px 29px;
      flex-wrap: wrap;
      margin-top: 28px;
      margin-bottom: 43px; } }
  .strength-anchor .item {
    flex: 1 0 19.44444vw;
    text-align: center;
    position: relative;
    cursor: pointer; }
    @media (min-width: 1024px) {
      .strength-anchor .item {
        padding-bottom: 62px; } }
    @media only screen and (min-width: 1025px) {
      .strength-anchor .item:hover {
        opacity: 1; }
        .strength-anchor .item:hover img {
          transform: scale(1.1); }
        .strength-anchor .item:hover .c-btn {
          background-color: #222;
          border-color: #222;
          color: #fff; } }
    @media (max-width: 1023px) {
      .strength-anchor .item {
        flex: 1 0 calc(50% - 29px); }
        .strength-anchor .item:nth-child(2) .ttl {
          min-height: 44px; } }
    .strength-anchor .item figure {
      overflow: hidden;
      border-radius: 50%; }
    .strength-anchor .item img {
      border-radius: 50%;
      transition: transform 0.3s ease-out; }
      @media (min-width: 1024px) {
        .strength-anchor .item img {
          width: 19.44444vw; } }
    .strength-anchor .item .sub {
      margin-top: 1.80556vw; }
      @media (max-width: 1023px) {
        .strength-anchor .item .sub {
          font-size: 13px;
          font-size: 1.3rem;
          line-height: 1.38462em;
          letter-spacing: 0.03em;
          margin-top: 11px; } }
    .strength-anchor .item .ttl {
      margin-top: 7px;
      font-size: 18px;
      font-size: 1.8rem;
      line-height: 1.22222em;
      font-weight: 700; }
      @media (min-width: 1024px) {
        .strength-anchor .item .ttl {
          font-size: 2.08333vw;
          line-height: 2.77778vw;
          margin-top: 0.27778vw; } }
    .strength-anchor .item .c-btn {
      min-width: 0;
      margin: 16px auto 0;
      padding: 9px 20px; }
      @media (min-width: 1024px) {
        .strength-anchor .item .c-btn {
          position: absolute;
          bottom: 0;
          left: 0;
          right: 0;
          padding-top: 7px;
          padding-bottom: 7px;
          max-width: 11.80556vw; } }
      .strength-anchor .item .c-btn .txt {
        font-size: 0.97222vw; }
        @media (max-width: 1023px) {
          .strength-anchor .item .c-btn .txt {
            font-size: 13px;
            font-size: 1.3rem;
            line-height: 1.46154em; } }
      .strength-anchor .item .c-btn:after {
        right: 11px;
        transform: translateY(-50%) rotate(90deg); }
        @media (min-width: 1024px) {
          .strength-anchor .item .c-btn:after {
            right: 14px; } }

.strength-list {
  position: relative;
  z-index: 0;
  margin-bottom: 161px; }
  @media (max-width: 1023px) {
    .strength-list {
      margin-bottom: 46px; } }
  .strength-list::after {
    top: 200px;
    bottom: 200px;
    z-index: -1;
    height: auto;
    width: 200.33%;
    left: calc(50% - 200.33% / 2); }
    @media (max-width: 1023px) {
      .strength-list::after {
        top: 57px;
        bottom: 57px;
        width: 375%;
        left: calc(50% - 375% / 2 - 0.26px); } }
  @media (min-width: 1024px) {
    .strength-list .inner {
      max-width: 100%;
      width: 100%; } }
  .strength-list .item {
    position: relative;
    padding-top: 32px;
    margin-bottom: 27px; }
    @media (min-width: 1024px) {
      .strength-list .item {
        padding-top: 68px;
        margin-bottom: 143px;
        display: flex;
        flex-wrap: wrap; }
        .strength-list .item:nth-child(odd) {
          flex-direction: row-reverse; }
          .strength-list .item:nth-child(odd) .item__txt {
            padding-left: 95px;
            padding-right: 87px;
            padding-top: 38px; } }
      @media only screen and (min-width: 1024px) and (max-width: 1025px) {
        .strength-list .item:nth-child(odd) .item__txt {
          padding-left: 40px;
          padding-right: 60px; } }
    @media (min-width: 1024px) {
          .strength-list .item:nth-child(odd) .item__label {
            left: -109px;
            right: auto; } }
    .strength-list .item:last-child {
      margin-bottom: 0; }
    @media (max-width: 1023px) {
      .strength-list .item#strengths04 {
        padding-top: 34px; } }
    @media (min-width: 1024px) {
      .strength-list .item#strengths04 .item__label {
        right: -50px; } }
    .strength-list .item__label {
      position: absolute;
      right: -39px;
      top: -66px;
      color: #ff5e00;
      font-size: 140px;
      font-size: 14rem;
      line-height: 1.14286em;
      letter-spacing: 0em;
      font-weight: 600;
      font-family: "Poppins", sans-serif;
      padding-left: 34px; }
      @media (max-width: 1023px) {
        .strength-list .item__label {
          font-size: 75px;
          font-size: 7.5rem;
          line-height: 1.14667em;
          padding-left: 15px;
          left: 5px;
          top: -33px;
          right: auto; } }
      .strength-list .item__label .lb {
        display: inline-block;
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.25em;
        letter-spacing: 0.05em;
        font-weight: 600;
        text-transform: uppercase;
        position: absolute;
        writing-mode: vertical-rl;
        white-space: nowrap;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        margin-top: -8px; }
        @media (max-width: 1023px) {
          .strength-list .item__label .lb {
            font-size: 9px;
            font-size: 0.9rem;
            line-height: 1.22222em;
            margin-top: -4px; } }
    .strength-list .item__img {
      position: relative;
      margin-bottom: 16px; }
      @media (min-width: 1024px) {
        .strength-list .item__img {
          width: 49.862%;
          margin-bottom: 0; } }
      .strength-list .item__img img {
        width: 100%; }
    @media (min-width: 1024px) {
      .strength-list .item__txt {
        width: 50.138%;
        padding-left: 87px;
        padding-right: 95px;
        padding-top: 33px; } }
  @media only screen and (min-width: 1024px) and (max-width: 1025px) {
    .strength-list .item__txt {
      padding-left: 60px;
      padding-right: 40px; } }
    .strength-list .item__txt .title {
      font-size: 20px;
      font-size: 2rem;
      line-height: 1.2em;
      letter-spacing: 0.03em;
      font-weight: bold;
      margin-bottom: 45px;
      font-size: 1.38889vw; }
      @media (max-width: 1023px) {
        .strength-list .item__txt .title {
          font-size: 17px;
          font-size: 1.7rem;
          line-height: 1.64706em;
          margin-bottom: 12px; } }
      .strength-list .item__txt .title .ttBig {
        font-size: 42px;
        font-size: 4.2rem;
        line-height: 1.52381em;
        letter-spacing: 0.03em;
        font-weight: bold;
        font-size: 2.91667vw;
        display: block;
        margin-top: 28px; }
        @media (max-width: 1023px) {
          .strength-list .item__txt .title .ttBig {
            margin-top: 5px;
            font-size: 28px;
            font-size: 2.8rem;
            line-height: 1.35714em; } }
        .strength-list .item__txt .title .ttBig .clOrange {
          color: #ff5e00; }
    @media (min-width: 1024px) {
      .strength-list .item__txt .desc {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 2em;
        letter-spacing: 0.03em;
        font-weight: 500;
        font-size: 1.11111vw; } }

.strength-direct {
  position: relative;
  padding-left: 6.59722vw;
  padding-right: 6.59722vw;
  margin: 159px auto 0;
  display: flex;
  gap: 0 1.94444vw; }
  @media (max-width: 1023px) {
    .strength-direct {
      width: 100%;
      padding: 0;
      margin-top: 34px;
      flex-wrap: wrap;
      gap: 15px; } }
  .strength-direct__tt {
    position: absolute;
    top: 0;
    left: 3.47222vw;
    font-size: 20px;
    font-size: 2rem;
    line-height: 1em;
    letter-spacing: 0.05em;
    font-weight: 600;
    text-transform: uppercase;
    writing-mode: vertical-rl;
    white-space: nowrap;
    color: #ff5e00;
    font-family: "Poppins", sans-serif; }
  .strength-direct .row {
    flex: 1 0 20.27778vw;
    position: relative;
    cursor: pointer; }
    @media (max-width: 1023px) {
      .strength-direct .row {
        flex: 1 0 calc(50% - 29px); } }
    .strength-direct .row::after {
      content: "";
      width: 3.19444vw;
      height: 3.19444vw;
      right: 1.31944vw;
      bottom: 1.11111vw;
      position: absolute;
      background-repeat: no-repeat;
      background-position: center;
      background-size: 100%;
      background-image: url("data:image/svg+xml,%3Csvg width='46' height='46' viewBox='0 0 46 46' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='23' cy='23' r='23' fill='%23FF5E00'/%3E%3Cg clip-path='url(%23clip0_1420_21512)'%3E%3Cpath d='M23.112 16.8076L22.0614 17.8582L26.9022 22.6993H17.1378V24.1851H26.9022L22.0614 29.0262L23.112 30.0768L29.7469 23.4422L23.112 16.8076Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1420_21512'%3E%3Crect x='16.8077' y='16.8076' width='13.2692' height='13.2692' rx='3' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); }
      @media (max-width: 1023px) {
        .strength-direct .row::after {
          width: 32px;
          height: 32px;
          right: 17px;
          bottom: 14px; } }
    .strength-direct .row__title {
      color: #fff;
      position: absolute;
      top: 1.45833vw;
      left: 1.875vw;
      z-index: 1; }
      @media (max-width: 1023px) {
        .strength-direct .row__title {
          top: 16px;
          left: 13px; } }
      .strength-direct .row__title .txtBig {
        font-size: 33px;
        font-size: 3.3rem;
        line-height: 1.21212em;
        letter-spacing: 0.03em;
        font-weight: bold;
        font-size: 2.29167vw;
        display: block;
        margin-bottom: 6px; }
        @media (max-width: 1023px) {
          .strength-direct .row__title .txtBig {
            font-size: 20px;
            font-size: 2rem;
            line-height: 1.15em;
            margin-bottom: 5px; } }
      .strength-direct .row__title .txtSmall {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 1.66667em;
        letter-spacing: 0.1em;
        font-weight: 600;
        font-size: 0.83333vw;
        font-family: "Poppins", sans-serif;
        display: block; }
        @media (max-width: 1023px) {
          .strength-direct .row__title .txtSmall {
            font-size: 10px;
            font-size: 1rem;
            line-height: 1.7em; } }
    .strength-direct .row__img {
      overflow: hidden;
      position: relative; }
      @media (max-width: 1023px) {
        .strength-direct .row__img {
          position: relative; }
          .strength-direct .row__img:before {
            display: block;
            content: " ";
            width: 100%;
            padding-top: 100%; }
          .strength-direct .row__img > .content {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0; } }
      .strength-direct .row__img img {
        width: 100%;
        transform: scale(1);
        transition: transform 0.3s ease-out; }
        @media (max-width: 1023px) {
          .strength-direct .row__img img {
            position: absolute;
            width: 100%;
            height: 100%;
            object-fit: cover;
            top: 0;
            left: 0; } }
    @media only screen and (min-width: 1025px) {
      .strength-direct .row:hover {
        opacity: 1; }
        .strength-direct .row:hover .row__img img {
          transform: scale(1.1); } }

/*# sourceMappingURL=maps/strengths.min.css.map */