@charset "UTF-8";

.c-page-header {
  /* 最終フォールバック */
  background: url("../img/about/bg_head_01.jpg") center/cover no-repeat;

  /* 古めの Safari 用 */
  background: -webkit-image-set(
    url("../img/about/bg_head_01.webp") type("image/webp") 1x,
    url("../img/about/bg_head_01.jpg")  type("image/jpeg") 1x
  ) center/cover no-repeat;

  /* 標準実装 */
  background: image-set(
    url("../img/about/bg_head_01.webp") type("image/webp") 1x,
    url("../img/about/bg_head_01.jpg")  type("image/jpeg") 1x
  ) center/cover no-repeat;
}

.about-btn {
  border: 2px solid #B98C4D;
  border-radius: 47.5px;
  font-weight: 700;
  color: #B98C4D;
  background: unset;
  width: 350px;
  padding: 5px;
  top: 31px;
  right: 120px;
  position: absolute;
}

.about-btn::after {
  content: "";
  display: inline-block;
  background: url(../img/about/icn_arrow_01.svg) no-repeat center center;
  background-size: contain;
  width: 29px;
  height: 29px;
  position: absolute;
  top: 50%;
  right: 20px;
  /* absoluteにして位置調整 */
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (max-width: 767px) {
  .about-btn::after {
    width: 18px;
    height: 18px;
  }
}

.about-btn span {
  display: block;
}

@media screen and (max-width: 767px) {
  .about-btn {
    right: 0;
  }
}

.about-bg {
  background: #F9F6ED;
  padding-bottom: 55px;
}

.box-bg {
  /* 最終フォールバック */
  background:
    url("../img/about/bg_about_01.png") center top / 100% 922px no-repeat,
    url("../img/about/bg_about_03.png") center bottom / 100% 680px no-repeat,
    url("../img/common/bg_common_02.jpg") center center repeat;
  /* 古めの Safari 用 */
  background:
    -webkit-image-set(
      url("../img/about/bg_about_01.webp") type("image/webp") 1x,
      url("../img/about/bg_about_01.png")  type("image/png")  1x
    ) center top / 100% 922px no-repeat,
    -webkit-image-set(
      url("../img/about/bg_about_03.webp") type("image/webp") 1x,
      url("../img/about/bg_about_03.png")  type("image/png")  1x
    ) center bottom / 100% 680px no-repeat,
    -webkit-image-set(
      url("../img/common/bg_common_02.webp") type("image/webp") 1x,
      url("../img/common/bg_common_02.jpg")  type("image/jpeg") 1x
    ) center center repeat;
  /* 標準実装 */
  background:
    image-set(
      url("../img/about/bg_about_01.webp") type("image/webp") 1x,
      url("../img/about/bg_about_01.png")  type("image/png")  1x
    ) center top / 100% 922px no-repeat,
    image-set(
      url("../img/about/bg_about_03.webp") type("image/webp") 1x,
      url("../img/about/bg_about_03.png")  type("image/png")  1x
    ) center bottom / 100% 680px no-repeat,
    image-set(
      url("../img/common/bg_common_02.webp") type("image/webp") 1x,
      url("../img/common/bg_common_02.jpg")  type("image/jpeg") 1x
    ) center center repeat;
  padding: 80px 0 440px;
  margin-top: 40px;
}

@media screen and (max-width: 767px) {
  .box-bg {
  /* 最終フォールバック */
  background:
    url("../img/about/bg_about_01.png") center top / 100% 600px no-repeat,
    url("../img/about/bg_about_03.png") center bottom / 100% 400px no-repeat,
    url("../img/common/bg_common_02.jpg") center center repeat;
  /* 古めの Safari 用 */
  background:
    -webkit-image-set(
      url("../img/about/bg_about_01.webp") type("image/webp") 1x,
      url("../img/about/bg_about_01.png")  type("image/png")  1x
    ) center top / 100% 600px no-repeat,
    -webkit-image-set(
      url("../img/about/bg_about_03.webp") type("image/webp") 1x,
      url("../img/about/bg_about_03.png")  type("image/png")  1x
    ) center bottom / 100% 400px no-repeat,
    -webkit-image-set(
      url("../img/common/bg_common_02.webp") type("image/webp") 1x,
      url("../img/common/bg_common_02.jpg")  type("image/jpeg") 1x
    ) center center repeat;
  /* 標準実装 */
  background:
    image-set(
      url("../img/about/bg_about_01.webp") type("image/webp") 1x,
      url("../img/about/bg_about_01.png")  type("image/png")  1x
    ) center top / 100% 600px no-repeat,
    image-set(
      url("../img/about/bg_about_03.webp") type("image/webp") 1x,
      url("../img/about/bg_about_03.png")  type("image/png")  1x
    ) center bottom / 100% 400px no-repeat,
    image-set(
      url("../img/common/bg_common_02.webp") type("image/webp") 1x,
      url("../img/common/bg_common_02.jpg")  type("image/jpeg") 1x
    ) center center repeat;
    padding: 40px 0 150px;
  }
}

/* 英字対応 */
@media screen and (max-width: 767px) {
  .translatepress-en_US  .box-bg {
  /* 最終フォールバック */
  background:
    url("../img/about/bg_about_01.png") center top / 100% 650px no-repeat,
    url("../img/about/bg_about_03.png") center bottom / 100% 400px no-repeat,
    url("../img/common/bg_common_02.jpg") center center repeat;
  /* 古めの Safari 用 */
  background:
    -webkit-image-set(
      url("../img/about/bg_about_01.webp") type("image/webp") 1x,
      url("../img/about/bg_about_01.png")  type("image/png")  1x
    ) center top / 100% 650px no-repeat,
    -webkit-image-set(
      url("../img/about/bg_about_03.webp") type("image/webp") 1x,
      url("../img/about/bg_about_03.png")  type("image/png")  1x
    ) center bottom / 100% 400px no-repeat,
    -webkit-image-set(
      url("../img/common/bg_common_02.webp") type("image/webp") 1x,
      url("../img/common/bg_common_02.jpg")  type("image/jpeg") 1x
    ) center center repeat;
  /* 標準実装 */
  background:
    image-set(
      url("../img/about/bg_about_01.webp") type("image/webp") 1x,
      url("../img/about/bg_about_01.png")  type("image/png")  1x
    ) center top / 100% 650px no-repeat,
    image-set(
      url("../img/about/bg_about_03.webp") type("image/webp") 1x,
      url("../img/about/bg_about_03.png")  type("image/png")  1x
    ) center bottom / 100% 400px no-repeat,
    image-set(
      url("../img/common/bg_common_02.webp") type("image/webp") 1x,
      url("../img/common/bg_common_02.jpg")  type("image/jpeg") 1x
    ) center center repeat;
    padding: 40px 0 150px;
  }
}

.about-head01 {
  color: #fff;
}

.about-head01 span {
  font-size: 23px;
  margin-top: 11px;
  font-family: Open sans;
}

@media screen and (max-width: 767px) {
  .about-head01 span {
    font-size: 18px;
  }
}

.about-head01+p {
  color: #fff;
  max-width: 1000px;
  margin: 50px auto 0;
}

@media screen and (max-width: 767px) {
  .about-head01+p {
    margin-top: 20px;
    font-weight: 400;
  }
}

.c-box__img {
  background: url(../img/about/img_01.jpg) center/cover no-repeat;
}

.greeting {
  background: #fff;
  border-radius: 30px;
  margin-top: 86px;
}

@media screen and (max-width: 767px) {
  .greeting {
    margin-top: 40px;
  }
}

.greeting__box01 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 0 43px;
  margin-top: 41px;
  margin-left: 14px;
}

.greeting__box01>p {
  max-width: 840px;
  margin-top: 55px;
}

@media screen and (max-width: 767px) {
  .greeting__box01 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0;
    gap: 0;
  }

  .greeting__box01>p {
    margin-top: 25px;
  }
}

.greeting .about-img {
  height: 230px;
  width: 172px;
}

@media screen and (max-width: 767px) {
  .greeting .about-img {
    width: 100%;
    max-height: 180px;
  }
}

.greeting .about-head02 {
  margin-top: 93px;
}

@media screen and (max-width: 767px) {
  .greeting .about-head02 {
    margin-top: 40px;
    font-size: 20px;
  }
}

.greeting__box01+p {
  margin-top: 10px;
}

@media screen and (max-width: 767px) {
  .greeting__box01+p {
    margin-top: 25px;
  }
}

.summary__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 40px;
  border-bottom: 1px solid #333;
  font-size: 16px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-top: 40px;
}

.summary__item:last-child {
  border-bottom: none;
}

@media screen and (max-width: 767px) {
  .summary__item {
    padding-bottom: 20px;
    font-size: 13px;
    margin-top: 30px;
  }
}

.summary__label {
  width: 100px;
}

@media screen and (max-width: 767px) {
  .summary__label {
    width: 21%;
  }
}

/* 英語翻訳対応 */
.translatepress-en_US .summary__label {
  width: 150px;
  flex: 0 0 auto;
}

@media screen and (max-width: 767px) {
  .translatepress-en_US .summary__label {
    width: 30%;
  }
}

.summary__value {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media screen and (max-width: 767px) {
  .summary__value {
    width: 75%;
  }
}

.summary__value>p {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.summary__value--name {
  max-width: 350px;
  padding-left: 1em;
}

@media screen and (max-width: 767px) {
  .summary__value--name {
    width: unset;
    padding: 0;
    margin-bottom: 5px;
  }
}

.summary__value--member {
  display: flex;
}

.summary__value a {
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
}

.summary .director {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 10px 0;
}

@media screen and (max-width: 767px) {
  .summary .director {
    margin: 0;
  }
}

.summary .subject {
  -webkit-box-orient: unset;
  -webkit-box-direction: unset;
  -webkit-flex-direction: unset;
  -ms-flex-direction: unset;
  flex-direction: unset;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.summary .subject__right {
  padding-left: 1em;
}

.summary .c-reception span {
  margin-left: 0;
}
.c-brd li a{
  color: #fff;
}
.c-brd li+li::before{
  color: #fff;
}