.body-pc {
  display: flex;
}

.intro-box__img img {
  width: 100%; }

.reason-list img {
  width: 100%; 
  height: auto;
}

.reason-list__item {
  background-color: #f4f4f4; }
  .reason-list__item .head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .reason-list__item .head-circle {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto;
      border-radius: 50%;
      border-style: solid;
      border-color: #000;
      background-color: #f9d936;
      line-height: 1;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      text-align: center;
      font-weight: 700; }
      .reason-list__item .head-circle__num {
        font-family: HelveticaNeue;
        font-weight: 700; }
    .reason-list__item .head-text {
      font-weight: 700; }

.reason .table-area {
  width: 100%; }
  .reason .table-area tbody > :not(:last-child) th, .reason .table-area tbody > :not(:last-child) td {
    border-bottom-style: solid;
    border-bottom-color: #f4f4f4; }
  .reason .table-area th, .reason .table-area td {
    background-color: #fff;
    vertical-align: middle; }
  .reason .table-area th {
    text-align: center;
    color: #0080bb;
    font-weight: 900;
    white-space: nowrap; }

.merit .table-merit {
  overflow: hidden;
  border-collapse: separate;
  border-spacing: 0;
  border-style: solid;
  border-color: #000;
  width: 100%; }
  .merit .table-merit td, .merit .table-merit th {
    width: 50%; }
  .merit .table-merit thead th {
    border-bottom-style: solid;
    border-bottom-color: #000;
    font-weight: 900; }
    .merit .table-merit thead th:nth-child(1) {
      border-style: solid;
      border-color: #000;
      background-color: #0080bb;
      color: #fff;
      border-right: none; }
    .merit .table-merit thead th:nth-child(2) {
      border-style: solid;
      border-color: #000;
      background-color: #dddbdb; }
  .merit .table-merit tbody .head {
    font-weight: 900; }
    .merit .table-merit tbody .head td {
      text-align: center;
      vertical-align: middle;
      padding-top: 0;
      padding-bottom: 0; }
      .merit .table-merit tbody .head td:nth-child(1) {
        color: #0080bb; }
  .merit .table-merit tbody td {
    background-color: #fff; }
    .merit .table-merit tbody td:nth-child(1) {
      border-left-style: solid;
      border-left-color: #000; }
    .merit .table-merit tbody td:nth-child(2) {
      border-left-style: solid;
      border-left-color: #000;
      border-right-style: solid;
      border-right-color: #000; }
  .merit .table-merit tbody tr:last-child td {
    border-bottom-style: solid;
    border-bottom-color: #000; }
  .merit .table-merit .title {
    position: relative; }
    .merit .table-merit .title td {
      position: relative;
      padding: 0; }
    .merit .table-merit .title-item {
      position: absolute;
      background-color: #f9d936;
      text-align: center;
      font-weight: 900;
      z-index: 1; }

.itemList.itemList--flex2 {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start; }

.itemList.itemList--flex2 dd {
  margin-left: 0.17rem; }

@media screen and (max-width: 768px) {
  .body-pc {
    display: none;
  }
  .body-sp {
    display: block !important;
    position: relative;
  }
  .reason-list__item:nth-child(2) {
    height: 150vw;
    padding: 6.66667vw 6.66667vw 9.66667vw;
  }
  .pr-enhanced__img--sp {
    mask-image: linear-gradient(to bottom, rgb(0 0 0 / 100%) 0%, rgb(0 0 0 / 50%) 36%, rgb(0 0 0 / 0%) 54%, rgb(0 0 0 / 0%) 100%);
    transform: scale(1.1);
    margin-top: 7vw;
  }
  .pr-enhanced__button-readmore {
    bottom: 48%
  }
  .sub img {
    width: 58.26667vw;
    height: 2.46667vw; }
    .intro-box__img img {
      margin-bottom: 10.66667vw; }
  .intro-box__text > :not(:last-child) {
    margin-bottom: 7.46667vw; }
  .reason-list > :not(:last-child) {
    margin-bottom: 7.46667vw; }
    .reason-list__item {
      border-radius: 4vw;
      padding: 6.66667vw; }
      .reason-list__item .head {
        margin-bottom: 7.46667vw; }
        .reason-list__item .head-circle {
          margin-right: 2.13333vw;
          border-width: 0.53333vw;
          width: 15.73333vw;
          height: 15.73333vw;
          font-size: 2.66667vw; }
          .reason-list__item .head-circle__num {
            font-size: 8.26667vw; }
        .reason-list__item .head-text {
          font-size: 5.33333vw;
          line-height: 1.275; }
    .reason-list__item .body-top > :not(:last-child), .reason-list__item .body-bottom > :not(:last-child) {
      margin-bottom: 7.46667vw; }
    .reason-list__item .body-top {
      margin-bottom: 7.46667vw; }
    .reason .table-area tbody > :first-child th {
      border-top-left-radius: 4vw; }
    .reason .table-area tbody > :first-child td {
      border-top-right-radius: 4vw; }
    .reason .table-area tbody > :last-child th {
      border-bottom-left-radius: 4vw; }
    .reason .table-area tbody > :last-child td {
      border-bottom-right-radius: 4vw; }
      .reason .table-area tbody > :not(:last-child) th, .reason .table-area tbody > :not(:last-child) td {
        border-bottom-width: 0.53333vw; }
      .reason .table-area th, .reason .table-area td {
        padding: 4.26667vw; }
      .reason .table-area th {
        font-size: 4.66667vw;
        line-height: 1.25714; }
  .merit-note {
    margin-bottom: 10.66667vw; }
      .merit .table-merit td, .merit .table-merit th {
        padding: 2.13333vw 4vw 6.66667vw; }
      .merit .table-merit thead th {
        border-bottom-width: 0.53333vw;
        padding: 2.13333vw 6.66667vw;
        font-size: 5.33333vw; }
        .merit .table-merit thead th:nth-child(1) {
          border-width: 0.53333vw;
          border-top-left-radius: 4vw; }
        .merit .table-merit thead th:nth-child(2) {
          border-width: 0.53333vw;
          border-top-right-radius: 4vw; }
      .merit .table-merit tbody .head {
        font-size: 4.66667vw; }
        .merit .table-merit tbody td:nth-child(1) {
          border-left-width: 0.53333vw; }
        .merit .table-merit tbody td:nth-child(2) {
          border-left-width: 0.53333vw;
          border-right-width: 0.53333vw; }
      .merit .table-merit tbody tr:last-child td {
        border-bottom-width: 0.53333vw; }
      .merit .table-merit tbody tr:last-child td:nth-child(1) {
        border-bottom-left-radius: 4vw; }
      .merit .table-merit tbody tr:last-child td:nth-child(2) {
        border-bottom-right-radius: 4vw; }
        .merit .table-merit .title td {
          height: 21.33333vw; }
        .merit .table-merit .title-item {
          top: 5.73333vw;
          left: 6.66667vw;
          border-radius: 4.93333vw;
          padding: 1.46667vw 2.66667vw;
          width: 73.33333vw;
          font-size: 4.66667vw; }
  .intro-box__img {
    min-height: 42.66667vw; } }

@media screen and (min-width: 769px) {
  .body .is-sp {
    display: none;
  }
  .sub img {
    width: 390px;
    height: 16px; }
  .intro-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .intro-box > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%; }
  .intro-box__img {
    padding-right: 50px; }
  .intro-box__text > :not(:last-child) {
    margin-bottom: 24px; }
  .reason-list > :not(:last-child) {
    margin-bottom: 80px; }
    .reason-list__item {
      position: relative;
      border-radius: 30px;
      padding: 80px 50px; }
      .reason-list__item .head {
        margin-bottom: 56px; }
        .reason-list__item .head-circle {
          position: absolute;
          top: 0;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%);
          border-width: 4px;
          width: 100px;
          height: 100px;
          font-size: 18px; }
          .reason-list__item .head-circle__num {
            font-size: 52px; }
        .reason-list__item .head-text {
          text-align: center;
          width: 100%;
          font-size: 30px; }
    .reason-list__item .body {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    .reason-list__item .body-top, .reason-list__item .body-bottom {
      width: 50%; }
    .reason-list__item .body-top > :not(:last-child), .reason-list__item .body-bottom > :not(:last-child) {
      margin-bottom: 24px; }
    .reason-list__item .body-top {
      margin-right: 50px;
      -webkit-box-flex: 0;
          -ms-flex-positive: 0;
              flex-grow: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      -ms-flex-preferred-size: calc(50% - 50px);
          flex-basis: calc(50% - 50px);
      max-width: calc(50% - 50px); }
    .reason .table-area tbody > :first-child th {
      border-top-left-radius: 30px; }
    .reason .table-area tbody > :first-child td {
      border-top-right-radius: 30px; }
    .reason .table-area tbody > :last-child th {
      border-bottom-left-radius: 30px; }
    .reason .table-area tbody > :last-child td {
      border-bottom-right-radius: 30px; }
      .reason .table-area tbody > :not(:last-child) th, .reason .table-area tbody > :not(:last-child) td {
        border-bottom-width: 4px; }
      .reason .table-area th, .reason .table-area td {
        padding: 19px 30px; }
      .merit .table-merit td, .merit .table-merit th {
        padding: 8px 50px 50px; }
      .merit .table-merit thead th {
        border-bottom-width: 4px;
        padding: 16px 30px;
        font-size: 25px; }
        .merit .table-merit thead th:nth-child(1) {
          border-width: 4px;
          border-top-left-radius: 30px; }
        .merit .table-merit thead th:nth-child(2) {
          border-width: 4px;
          border-top-right-radius: 30px; }
      .merit .table-merit tbody .head {
        font-size: 20px; }
        .merit .table-merit tbody td:nth-child(1) {
          border-left-width: 4px; }
        .merit .table-merit tbody td:nth-child(2) {
          border-left-width: 4px;
          border-right-width: 4px; }
      .merit .table-merit tbody tr:last-child td {
        border-bottom-width: 4px; }
      .merit .table-merit tbody tr:last-child td:nth-child(1) {
        border-bottom-left-radius: 30px; }
      .merit .table-merit tbody tr:last-child td:nth-child(2) {
        border-bottom-right-radius: 30px; }
        .merit .table-merit .title td {
          height: 80px; }
        .merit .table-merit .title-item {
          top: 18px;
          left: 50px;
          border-radius: 20px;
          padding: 8px 20px;
          width: 1066px; } }

@media screen and (min-width: 769px) and (max-width: 1279px) {
        .merit .table-merit .title-item {
          width: calc(100vw - 130px) !important;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box; }
    .itemList.itemList--flex2 dd {
      margin-left: 0;
      margin-right: 0.4rem; } }

@media screen and (max-width: 600px) {
    .itemList.itemList--flex2 dd {
      margin-left: 0; } }