@charset "UTF-8";

/* 下層ページ　共通仕様 */
.sub-page-title {
  font-size: 2em;
  font-weight: bold;
  margin-bottom: clamp(50px, 4vw, 80px);
}

/* ページトップ */
.page-title-area {
  padding: 2.5vw 5vw 1.5vw;
  background: linear-gradient(to bottom right, #F5FAFF, #97C8EB);
  overflow: hidden;
}

.page-title-area-iiner {
  width: 100%;
  margin: 0 auto;
}

.page-title--01 {
  font-size: 8em;
  font-weight: bold;
  color: #97c8eb7d;
  line-height: 0.7;
  margin-bottom: 15px;
}

.page-title--02 {
  font-size: 1.8em;
  font-weight: bold;
  color: #004C99;
}


/* ページトップ　説明書き */
.top-text__text--01 {
  font-size: 1.8em;
  font-weight: bold;
  color: #004C99;
  margin-bottom: clamp(10px, 2vw, 20px);
}

.top-text__text--02 {
  font-size: 1.1em;
}


/* 強み */
.company-strengths {
  background-color: #F7F7F7;
}

.company-strengths__title span {
  color: #004C99;
}

.company-strengths__list-contents {
  display: flex;
  flex-wrap: wrap;
}

.company-strength__list-content--01,
.company-strength__list-content--02,
.company-strength__list-content--03,
.company-strength__list-content--04 {
  width: 50%;
  box-shadow: 0px 0px 8px #00000010;
  padding: 4% 5% 5%;
}

.company-strength__list-content--01,
.company-strength__list-content--04 {
  background: linear-gradient(to bottom right, #1E7FE2, #1894ED);
  color: #f0f0f0;
}

.company-strength__list-content--02,
.company-strength__list-content--03 {
  background: linear-gradient(to bottom right, #F1F8FF, #FCFCFC);
  color: #004C99;
}

.list-content__text--01 {
  font-size: 1.3em;
  font-weight: bold;
  margin-bottom: 6%;
}

.list-content__text--01 span {
  font-size: 1.3em;
  padding-right: 1%;
  text-decoration: underline;
  text-underline-offset: 10%;
}


/*会社概要*/
.company-profile__table {
  width: 100%;
}

.company-profile__table tr {
  border-bottom: solid 1px #D9D9D9;
}

.company-profile__table tr * {
  padding: 2% 0 2% 1%;
}

.company-profile__table th {
  font-weight: bold;
  width: 25%;
}

.company-profile__table td {
  width: calc(100% - 25%);
}

.company-profile__table td a {
  text-decoration: underline;
  text-underline-offset: 10%;
}


@media(max-width:780px) {

  /* 下層ページ　共通仕様 */
  .sub-page-title {
    font-size: 1.8em;
  }


  /* ページトップ */
  .page-title-area {
    padding: 20px 5vw 15px;
  }


  .page-title--01 {
    font-size: 5em;
    margin-bottom: 7px;
  }

  .page-title--02 {
    font-size: 1.5em;
  }


  /* ページトップ　説明書き */
  .top-text__text--01 {
    font-size: 1.5em;
  }


  /* 強み */
  .company-strength__list-content--01,
  .company-strength__list-content--02,
  .company-strength__list-content--03,
  .company-strength__list-content--04 {
    width: 100%;
    max-width: 500px;
    margin-right: auto;
    margin-left: auto;
  }

  .company-strength__list-content--01,
  .company-strength__list-content--02,
  .company-strength__list-content--03 {
    margin-bottom: 4%;
  }

  .company-strength__list-content--03 {
    background: linear-gradient(to bottom right, #1E7FE2, #1894ED);
    color: #f0f0f0;
  }

  .company-strength__list-content--04 {
    background: linear-gradient(to bottom right, #F1F8FF, #FCFCFC);
    color: #004C99;
  }


  /*会社概要*/
  .company-profile__table tr * {
    display: block;
  }

  .company-profile__table th {
    padding: 3% 0 0 1%;
    font-weight: 700;
    width: 100%;
  }


  .company-profile__table td {
    width: 100%;
    padding-bottom: 3%;
  }



}