@charset "utf-8";
/*------------------------------------------------
INFORMATION & COMMUNICATIONS
------------------------------------------------*/

/*------------------------------------------------
information
------------------------------------------------*/
.information {}

.information-intro-title {
  text-align: center;
  font-weight: 900;
  font-size: 2.3rem;
  margin: 25px 0 50px;
}

.information-list {}
.information-list-title {
  width: 100%;
}
.information-list-title {
  color: var(--primary-color);
  text-align: center;
  font-size: 2.4rem;
  font-weight: 700;
}
.information-list-title::before {
  content: "";
  display: block;
  width: 100px;
  height: 100px;
  margin: auto;
  background-size: contain;
  background-image: url(../../../images/common/icon_information.svg);
}

.information-item {
  padding: 25px 0;
}
.information-item-box {}
.information-item-title {
  color: #fff;
  background-color: var(--primary-color);
  font-size: 1.8rem;
  padding: 15px;
}
.information-item-text {
  padding: 15px 0;
  font-weight: 700;
}
.information-item-pic {}
.information-item-pic > img {
  width: 100%;
}
.information-field-list {
  background-color: #e6e2c9;
  padding: 15px;
  width: 100%;
  margin: 25px 0;
}
.information-field-list-title {
  text-align: center;
  font-size: 1.8rem;
  font-weight: 700;
  width: 100%;
}

.information-field-item {
  text-indent: -1em;
  margin-left: 1em;
}

@media print,
screen and (min-width: 590px) {
  .information-list-title  {
    font-size: 3.2rem;
  }
  .information-list-title::before {
    width: 158px;
    height: 158px;
  }
}

@media print,
screen and (min-width: 769px) {
  .information-intro-title {
    font-size: 4rem;
  }

  .information-item {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    position: relative;
  }
  .information-item:nth-of-type(odd) {
    flex-direction: row-reverse;
  }
  .information-item:nth-of-type(even) {
    flex-direction: row;
  }
  .information-item-box {
    width: 48%;
    z-index: 2;
    margin-top: 15px;
  }
  .information-item-title {
    font-size: 2rem;
    padding:5px 15px;
  }
  .information-item:nth-of-type(odd) .information-item-title {
    margin-left: -50px;
    text-align: right;
  }
  .information-item:nth-of-type(even) .information-item-title {
    margin-right: -50px;
    text-align:left;
  }
  .information-item-text {
    padding: 15px 0;
  }
  .information-item-pic {
    width: 50%;
  }

  .information-field-list {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: space-between;
    padding: 25px;
  }
  .information-field-item {
    width: calc(50% - 25px);
    line-height: 1.5;
    margin-top: 10px;
  }

}

@media print,
screen and (min-width: 1170px) {
  .information-item {
    justify-content: flex-end;
  }
  .information-item:not(:last-of-type) {
    margin: 100px 0;
  }
  .information-item-box {
    margin-top: 35px;
  }
  .information-item-title {
    font-size: 3.6rem;
    padding: 5px 25px;
  }
  .information-item:nth-of-type(odd) .information-item-text {
    padding: 35px 0 0 35px;
  }
  .information-item:nth-of-type(even) .information-item-text {
    padding: 35px 35px 0 0;
  }
  .information-item-pic {
    width: 468px;
  }
}