@charset "utf-8";

.common-title.type01 .inner:before {
  background-image: url(../img/index/page_text01.svg);
}
.common-title.type01 .inner:after {
  /* background-image: url(../img/index/page_img01251.jpg); */
  background-image: url(../img/index/page_img01.jpg?ver=2210);
}
@media screen and (max-width: 767px) {
  .common-title.type01 .inner:after {
    background-position: 75% top;
  }
}

/* ------------------------------------------- */
/* top */
/* ------------------------------------------- */
.edit-area.top {
  padding-bottom: 77px;
  background: var(--theme-color);
}
@media screen and (max-width: 767px) {
  .edit-area.top {
    padding-bottom: 40px;
  }
}

.edit-area.top .inner {
  position: relative;
  padding: 70px 120px;
  background: #fff;
}
@media screen and (max-width: 1080px) {
  .edit-area.top .inner {
    padding: 35px 60px;
  }
}
@media screen and (max-width: 767px) {
  .edit-area.top .inner {
    padding: 30px 3%;
  }
}
.edit-area.top .inner:after {
  content: "";
  position: absolute;
  top: 0;
  right: calc(100% - 2px);
  display: block;
  width: calc((100vw - 1080px) / 2);
  height: 100%;
  background: #fff;
}

.edit-area.top p {
  margin-bottom: 20px;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 2.38;
  color: #333;
}

.hp_flex {
  display: flex;
  /* gap: 30px; */
}

.hp_flex .photo-box {
  /* flex: 0 0 40%; */
}

@media screen and (max-width: 767px) {
  .hp_flex {
    flex-direction: column;
    margin-top: 40px;
  }

  .hp_flex .text-box {
    order: 1;
  }
}

@media screen and (max-width: 767px) {
  .edit-area.top p {
    line-height: 2;
  }
}
.edit-area.top .sign {
  text-align: right;
}
.edit-area.top .sign img {
  max-width: 186px;
}

/* ------------------------------------------- */
/* policy */
/* ------------------------------------------- */
.edit-area.policy {
  padding: 134px 0 0;
}
@media screen and (max-width: 1080px) {
}
@media screen and (max-width: 767px) {
  .edit-area.policy {
    padding: 40px 0 0;
  }
}

/* top */
.edit-area.policy .title-detail {
  margin-bottom: 43px;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 2.38;
  color: #333;
}
@media screen and (max-width: 767px) {
  .edit-area.policy .title-detail {
    margin-bottom: 50px;
  }
}
.edit-area.policy .title-detail.large {
  font-size: 2.4rem;
}
@media screen and (max-width: 767px) {
  .edit-area.policy .title-detail.large {
    font-size: 1.8rem;
  }
}

/* profile */
.edit-area.policy .float-set {
  margin-top: 120px;
  padding: 60px;
  background: #f7f7f7;
}
@media screen and (max-width: 767px) {
  .edit-area.policy .float-set {
    margin-top: 0;
    padding: 25px;
  }
}
.edit-area.policy .float-set .photo-box {
  width: 320px;
}
@media screen and (max-width: 767px) {
  .edit-area.policy .float-set .photo-box {
    margin: 0 0 20px;
    width: 100%;
    text-align: center;
  }
}
.edit-area.policy .float-set .text-box {
  /* width: 470px; */
}
@media screen and (max-width: 1080px) {
  .edit-area.policy .float-set .text-box {
    /* width: calc(100% - 340px); */
  }
}
@media screen and (max-width: 767px) {
  .edit-area.policy .float-set .text-box {
    width: 100%;
  }
}

.edit-area.policy .float-set .float-title {
  margin-bottom: 17px;
  font-weight: bold;
  font-size: 1.8rem;
  letter-spacing: 0.05em;
  line-height: 2.11;
  color: var(--theme-color);
}
@media screen and (max-width: 767px) {
  .edit-area.policy .float-set .float-title {
    margin-bottom: 14px;
    font-size: 1.6rem;
    line-height: 1.8;
  }
}
.edit-area.policy .float-set .text-box {
  font-weight: 500;
  font-size: 1.4rem;
  letter-spacing: 0.05em;
  line-height: 2.14;
  color: #333;
}
@media screen and (max-width: 767px) {
  .edit-area.policy .float-set .text-box {
    line-height: 1.9;
  }
}

.edit-area.policy .line {
  background: linear-gradient(transparent 60%, #fff8aa 0%);
}