.c-page-header {
  /* 最終フォールバック */
  background: url("../img/case/bg_head_01.jpg") center/cover no-repeat;
  /* 古めの Safari 用 */
  background: -webkit-image-set(url("../img/case/bg_head_01.webp") type("image/webp") 1x,
      url("../img/case/bg_head_01.jpg") type("image/jpeg") 1x) center/cover no-repeat;
  /* 標準実装 */
  background: image-set(url("../img/case/bg_head_01.webp") type("image/webp") 1x,
      url("../img/case/bg_head_01.jpg") type("image/jpeg") 1x) center/cover no-repeat;
}

#renovation .c-credit {
  color: #000;
}

.remodel01 {
  font-size: 68px;
}

.remodel01__en {
  font-size: 32px;
}

@media screen and (max-width: 767px) {
  .remodel01 {
    font-size: 25px;
  }
}

.remodel02 {
  margin: 0;
  margin-top: 65px;
}

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

.text-area {
  margin-top: 35px;
}

@media screen and (max-width: 767px) {
  .text-area {
    margin-top: 15px;
  }
}

.box01 {
  margin-top: 92px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 25px;
}

@media screen and (max-width: 767px) {
  .box01 {
    margin-top: 40px;
    width: 100%;
    gap: 0px;
  }
}

.box01__lists {
  background: #f9f6ed;
  width: calc(50% - 13px);
  position: relative;
}

@media screen and (max-width: 767px) {
  .box01__lists {
    height: auto;
    margin: 15px 0 0;
    width: 100%;
  }
}

.box01__lists>a {
  padding: 23px 40px 23px 35px;
  height: 100%;
  display: flex;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .box01__lists>a {
    padding: 15px 40px 15px 10px;
  }
}

.box01__lists>a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 27px;
  height: 27px;
  background-color: #B98C4D;
  border-radius: 50%;
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  .box01__lists>a::after {
    right: 15px;
    width: 20px;
    height: 20px;
  }
}

.box01__lists>a::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 21px;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  width: 8px;
  height: 8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  z-index: 1;
}

@media screen and (max-width: 767px) {
  .box01__lists>a::before {
    right: 23px;
    width: 6px;
    height: 6px;
  }
}

.box01__course {
  font-size: 23px;
}

.box01__course--sub {
  font-size: 16px;
}

.box01__design {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 17px;
  margin-top: 12px;
  gap: 38px;
}

.box01__design>p {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 767px) {
  .box01__course {
    font-size: 16px;
    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;
  }

  .box01__course--sub {
    font-size: 14px;
  }

  .box01__design {
    font-size: 14px;
    gap: 0;
    flex-direction: column;
    margin-top: 8px;
  }
}

.sub-hed {
  font-size: 40px;
  font-weight: 300;
  margin-top: 67px;
}

.sub-hed::before {
  width: 30px;
  height: 30px;
}

@media screen and (max-width: 767px) {
  .sub-hed {
    font-size: 20px;
    margin-top: 30px;
  }

  .sub-hed::before {
    width: 15px;
    height: 15px;
  }
}

.cus-dtl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 50px;
  background: #F9F6ED;
}

.cus-dtl .cus-img {
  width: 50%;
  height: 427px;
  object-fit: cover;
}

.cus-dtl .hidden {
  display: none;
}

@media screen and (max-width: 767px) {
  .cus-dtl {
    flex-wrap: wrap;
  }
}

@media screen and (max-width: 767px) {
  .cus-dtl .cus-img {
    width: 100%;
    height: auto;
    object-fit: unset;
  }
}

.cus-dtl__txarea {
  padding: 100px 15px 100px 57px;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .cus-dtl__txarea {
    width: 100%;
    padding: 50px 15px;
  }
}

.recep::before {
  top: 7px;
}

.adjust {
  font-size: 16px;
  margin-top: 25px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0;
}

.adjust:first-of-type {
  margin-top: 0;
}

.adjust span {
  margin-left: unset;
}

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

.overview {
  background: #F9F6ED;
  border-radius: 30px;
  margin-top: 53px;
  padding-top: 100px;
  padding-bottom: 40px;
}

.overview .adjust {
  font-weight: 700;
}

@media screen and (max-width: 767px) {
  .overview {
    margin-top: 60px;
    padding-top: 50px;
    padding-bottom: 20px;
  }

  .overview__explanation {
    font-size: 14px;
  }
}

.compare {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: end;
  -ms-flex-align: end;
  align-items: end;
  margin-top: 55px;
}

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

.compare .item {
  width: 50%;
}

.compare .item img {
  width: 100%;
  display: block;
}

.compare .item .label {
  padding: 12px 5px;
  font-weight: bold;
  text-align: center;
  position: relative;
  display: inline-block;
  font-size: 30px;
}

@media screen and (max-width: 767px) {
  .compare .item .label {
    font-size: 16px;
  }
}

.compare .item .label {
  display: block;
}

.compare .item.before .label {
  color: #3A5757;
  background: #dadada;
}

.compare .item.before .label::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -30px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-top: 35px solid transparent;
  border-bottom: 35px solid transparent;
  border-left: 30px solid #dadada;
  z-index: 1;
}

@media screen and (max-width: 767px) {
  .compare .item.before .label::after {
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
  }
}

.compare .item.after .label {
  color: #AA5151;
  background: #F9F6ED;
}

.cus-qa {
  margin-top: 34px;
}

.cus-qa img {
  margin: 0 auto;
}

.cus-qa__question {
  position: relative;
  font-weight: 700;
  padding-left: 2em;
  margin-top: 66px;
}

.cus-qa__question::before {
  position: absolute;
  left: 0;
  display: block;
  content: "Q.";
  font-weight: 700;
}

.cus-qa__answer {
  position: relative;
  padding-left: 2em;
  margin-top: 20px;
}

.cus-qa__answer::before {
  position: absolute;
  left: 0;
  display: block;
  content: "A.";
  font-weight: 700;
}

@media screen and (max-width: 767px) {
  .cus-qa {
    margin-top: 30px;
  }

  .cus-qa__question {
    margin-top: 30px;
    font-size: 14px;
  }

  .cus-qa__question::before {
    font-size: 14px;
  }

  .cus-qa__answer {
    margin-top: 10px;
    font-size: 14px;
  }

  .cus-qa__answer::before {
    font-size: 14px;
  }
}

.citation {
  font-weight: 300;
  text-align: center;
  margin-top: 128px;
}

@media screen and (max-width: 767px) {
  .citation {
    font-size: 13px;
    margin-top: 60px;
  }
}

@media screen and (max-width: 767px) {
  .m-text {
    font-size: 14px;
  }
}

#history .c-credit {
  color: #000;
}

/* -------------------------
  磯子css
--------------------------*/
.cus-dtl__txarea ul {
  padding-left: 1em;
  font-size: 16px;
}

#renovation_02 .cus-dtl .cus-img {
  height: 486px;
}

#renovation_02 .m-text {
  margin-top: 30px;
}

#renovation_02 .m-text:first-of-type {
  margin-top: 0;
}

#renovation_02 .course-box {
  display: flex;
  gap: 0 2em;
  margin-top: 30px;
}

#renovation_02 .box-left,
.box-right {
  width: calc(50% - 2em);
}

#renovation_02 .box-left img {
  margin-top: 25px;
}

#renovation_02 .box-left img:first-of-type {
  margin-top: 0;
}

@media screen and (max-width: 767px) {
  #renovation_02 .cus-dtl .cus-img {
    height: auto;
  }

  #renovation_02 .m-text {
    margin-top: 15px;
  }

  #renovation_02 .course-box {
    flex-direction: column;
  }

  #renovation_02 .box-left,
  .box-right {
    width: 100%;
  }

  #renovation_02 .box-left img:last-of-type {
    margin-bottom: 15px;
  }
}

/* # =================================================================
#	千葉カントリークラブ 川間
# ================================================================= */
#renovation_03 .cus-dtl .cus-img {
  height: 504px;
}

#renovation_03 .overview__dtl h2 {
  font-size: 20px;
  font-weight: 500;
  color: #008139;
  border-bottom: solid 1px #008139;
  padding-bottom: 5px;
}

#renovation_03 .m-text {
  margin-top: 30px;
}

#renovation_03 .course-box {
  display: flex;
  margin-top: 30px;
}

#renovation_03 .box-left,
.box-right {
  width: 50%;
}


@media screen and (max-width: 767px) {
  #renovation_03 .cus-dtl .cus-img {
    height: auto;
  }

  #renovation_03 .m-text {
    margin-top: 15px;
  }

  #renovation_03 .course-box {
    flex-direction: column;
    margin-top: 15px;
  }

  #renovation_03 .box-left,
  .box-right {
    width: 100%;
  }

  #renovation_03 .box-right {
    margin-top: 15px;
  }
}

/* # =================================================================
#	茨城ゴルフ倶楽部
# ================================================================= */
#renovation_04 .cus-dtl .cus-img {
  height: 505px;
}

#renovation_04 .compare .item img {
  height: 355px;
  object-fit: cover;
}

#renovation_04 .m-text {
  margin-top: 30px;
}

#renovation_04 .m-text:first-of-type {
  margin-top: 0;
}

#renovation_04 .img-center {
  margin: 30px auto 0;
}

@media screen and (max-width: 767px) {
  #renovation_04 .cus-dtl .cus-img {
    height: auto;
  }

  #renovation_04 .compare .item img {
    height: 120px;
  }

  #renovation_04 .m-text {
    margin-top: 15px;
  }

  #renovation_04 .img-center {
    margin: 15px auto 0;
  }
}

/* # =================================================================
#	横浜カントリークラブ
# ================================================================= */
#renovation_05 .img-center {
  margin: 30px auto 0;
  width: 50%;
}

@media screen and (max-width: 767px) {
  #renovation_05 .img-center {
    margin: 15px auto 0;
    width: 100%;
  }
}

/* # =================================================================
#	東京五日市カントリー倶楽部
# ================================================================= */
#renovation_06 .cus-dtl .cus-img {
  height: 505px;
}

#renovation_06 .name {
  font-weight: 500;
}

#renovation_06 .img-center {
  margin: 30px auto 0;
  width: 50%;
}

#renovation_06 .m-text {
  margin-top: 30px;
}

@media screen and (max-width: 767px) {
  #renovation_06 .cus-dtl .cus-img {
    height: auto;
  }

  #renovation_06 .img-center {
    margin: 15px auto 0;
    width: 100%;
  }

  #renovation_06 .m-text {
    margin-top: 15px;
  }
}

/* # =================================================================
#	本厚木カントリークラブ
# ================================================================= */
#renovation_07 .img-center {
  margin: 30px auto 0;
  width: 50%;
}

@media screen and (max-width: 767px) {
  #renovation_07 .img-center {
    margin: 15px auto 0;
    width: 100%;
  }
}

/* # =================================================================
#	本厚木カントリークラブ
# ================================================================= */
#renovation_08 .img-center {
  margin: 30px auto 0;
  width: 50%;
}

#renovation_08 .q-marin {
  margin-top: 0;
}

@media screen and (max-width: 767px) {
  #renovation_08 .img-center {
    margin: 15px auto 0;
    width: 100%;
  }
}

/* # =================================================================
#	岐阜関カントリー倶楽部
# ================================================================= */
#renovation_09 .img-center {
  margin: 30px auto 0;
  width: 50%;
}

#renovation_09 .pic-text {
  text-align: center;
}

@media screen and (max-width: 767px) {
  #renovation_09 .img-center {
    margin: 15px auto 0;
    width: 100%;
  }
}

/* # =================================================================
#	ザ セイントナイン 東京
# ================================================================= */

#renovation_10 .cus-dtl .cus-img {
  height: 683px;
}

@media screen and (max-width: 767px) {
  #renovation_10 .cus-dtl .cus-img {
    height: auto;
  }
}

#renovation_10 .img-center {
  margin: 30px auto 0;
  width: 50%;
}

#renovation_10 .course-box {
  display: flex;
  margin-top: 30px;
  align-items: end;
}

@media screen and (max-width: 767px) {
  #renovation_10 .course-box {
    flex-direction: column;
    align-items: flex-start;
    margin-top: 15px;
  }

  #renovation_10 .img-center {
    margin: 15px auto 0;
    width: 100%;
  }
}

/* # =================================================================
#	若松ゴルフ倶楽部
# ================================================================= */
#renovation_11 .m-text {
  margin-top: 30px;
}

@media screen and (max-width: 767px) {
  #renovation_11 .m-text {
    margin-top: 15px;
  }
}

#renovation_11 .img-center {
  margin: 30px auto 0;
}

@media screen and (max-width: 767px) {
  #renovation_10 .img-center {
    margin: 15px auto 0;
  }

}