body {
  margin: 0 auto;
  width: 100%;
  overflow-x: hidden; }

@media screen and (min-width: 1301px) {
  .hidden-pc {
    display: none; } }

@media screen and (min-width: 769px) and (max-width: 1300px) {
  .hidden-tab {
    display: none; } }

@media screen and (max-width: 768px) {
  .hidden-sp {
    display: none; } }


.main .container {
  max-width: 1000px; }
  @media screen and (min-width: 769px) and (max-width: 1300px) {
    .main .container {
      padding: 0 20px; } }
  @media screen and (max-width: 768px) {
    .main .container {
      padding: 0 20px; } }

.titleBox {
  background: #E5E5E5;
  padding: 2px 4px;
  margin-bottom: 24px; }
  .titleBox h3 {
    font-weight: bold; }

@media screen and (max-width: 768px) {
  .sec1 {
    margin-top: -100px; } }
.sec1__box {
  display: flex;
  justify-content: space-between; }
  @media screen and (max-width: 768px) {
    .sec1__box {
      flex-direction: column; } }
  .sec1__box__img {
    flex-basis: 31%; }
    @media screen and (max-width: 768px) {
      .sec1__box__img:not(:first-child) {
        margin-top: 24px; } }
  .sec1__box__text {
    flex-basis: 33%; }
    @media screen and (max-width: 768px) {
      .sec1__box__text {
        margin-top: 24px; } }
    .sec1__box__text h2 {
      font-size: 22px;
      margin-bottom: 16px; }
    .sec1__box__text ul li {
      padding-left: 1em;
      text-indent: -1em; }

.sec2 {
  margin-top: 72px; }
  .sec2__box {
    display: flex;
    justify-content: space-between; }
    @media screen and (max-width: 768px) {
      .sec2__box {
        flex-direction: column; } }
    .sec2__box__item {
      flex-basis: 45%; }
      @media screen and (max-width: 768px) {
        .sec2__box__item:last-child {
          margin-top: 24px; } }
      .sec2__box__item p {
        margin-top: 8px;
        font-weight: bold; }
      .sec2__box__item span {
        display: inline-block;
        font-size: 12px;
        padding-left: 1em;
        text-indent: -1em; }
  .sec2__lineup {
    margin-top: 48px; }
    .sec2__lineup h4 {
      padding: 4px 0;
      border-bottom: 1px solid #D7D9DB;
      font-weight: bold; }
    .sec2__lineup__box {
      margin-top: 32px;
      display: flex;
      flex-wrap: wrap; }
      @media screen and (max-width: 768px) {
        .sec2__lineup__box {
          justify-content: space-between; }
          .sec2__lineup__box::after {
            content: "";
            display: block;
            width: 30%; } }
      .sec2__lineup__box__item {
        flex-basis: 11%; }
        @media screen and (min-width: 1301px) {
          .sec2__lineup__box__item:not(:first-child) {
            margin-left: 5%; } }
        @media screen and (min-width: 769px) and (max-width: 1300px) {
          .sec2__lineup__box__item:not(:first-child) {
            margin-left: 5%; } }
        @media screen and (max-width: 768px) {
          .sec2__lineup__box__item {
            flex-basis: 30%; }
            .sec2__lineup__box__item:not(:first-child) {
              margin-left: 0; }
            .sec2__lineup__box__item:nth-child(n+4) {
              margin-top: 16px; } }
        .sec2__lineup__box__item p {
          margin-top: 8px;
          font-size: 14px;
          font-weight: bold; }
          @media screen and (max-width: 768px) {
            .sec2__lineup__box__item p {
              font-size: 12px; } }

.sec3 {
  margin-top: 112px; }
  .sec3__box {
    padding-top: 24px;
    display: flex;
    justify-content: space-between; }
    @media screen and (max-width: 768px) {
      .sec3__box {
        flex-direction: column; } }
    .sec3__box__item {
      flex-basis: 45%; }
      @media screen and (max-width: 768px) {
        .sec3__box__item:last-child {
          margin-top: 32px; } }
      .sec3__box__item h4 {
        padding: 2px 0;
        border-bottom: 1px solid #D7D9DB;
        margin-bottom: 8px;
        font-weight: bold; }
      .sec3__box__item p {
        font-size: 14px; }
      .sec3__box__item span {
        display: inline-block;
        font-size: 12px;
        padding-left: 1em;
        text-indent: -1em; }
      .sec3__box__item__img {
        margin-top: 16px; }

.sec4 {
  margin-top: 64px; }
  .sec4__box {
    display: flex; }
    @media screen and (max-width: 768px) {
      .sec4__box {
        display: block; } }
    .sec4__box__item {
      flex-basis: 45%; }
      .sec4__box__item p {
        margin-bottom: 24px;
        font-size: 14px; }
      .sec4__box__item span {
        display: block;
        text-align: right;
        font-size: 12px; }

.sec5 {
  margin-top: 112px; }
  .sec5__box {
    width: 45%; }
    @media screen and (max-width: 768px) {
      .sec5__box {
        width: 100%; } }
    .sec5__box__item table {
      width: 100%; }
      .sec5__box__item table tr {
        text-align: center; }
        .sec5__box__item table tr:nth-of-type(1) th:nth-of-type(1) {
          border-bottom-color: #fff; }
        .sec5__box__item table tr th, .sec5__box__item table tr td {
          border-collapse: collapse;
          padding: 4px 0;
          border-bottom: 1px solid #000;
          border-left: 5px solid #fff;
          border-right: 5px solid #fff; }
        .sec5__box__item table tr th {
          font-size: 13px;
          font-weight: bold; }
          .sec5__box__item table tr th:nth-of-type(1) {
            width: 24%; }
        .sec5__box__item table tr td {
          font-size: 15px; }

.catalog {
  margin-top: 160px;
  margin-bottom: 96px; }
  .catalog__box {
    display: flex;
    justify-content: center; }
    .catalog__box__btn {
      color: #000;
      text-align: center;
      flex-basis: 30%;
      font-size: 18px;
      padding: 16px 0;
      background: #D8E7F1; }
      @media screen and (max-width: 768px) {
        .catalog__box__btn {
          flex-basis: 100%; } }