@charset 'UTF-8';

/* 見出しh4 */
.h4_container {
  position: relative;
  width: 100%;
  padding-block: 8px;
  display: flex;
  justify-content: left;
  align-items: end;
  z-index: -100;

  h4 {
    width: 95%;
    margin: 0 auto;
    position: relative;
    background: rgb(255, 251, 239);
    padding: 8px 8px 10px 20px;
    font-size: 1.1em;
  }

  h4::before {
    position: absolute;
    top: 20%;
    left: 7px;
    width: 4px;
    height: 70%;
    content: '';
    border-radius: 3px;
    background: #ffee00;
  }

  span:first-child {
    font-size: 1.4em;
    font-weight: 400;
    padding-right: 5px;
  }

  span:last-child {
    font-size: 1em;
    font-weight: 300;
  }
}

/*見出しh4レスポンシブ*/
/*スマホ*/
@media(max-width:768px) {
  .h4_container {
    h4 {
      span:first-child {
        font-size: 1.2em;
      }

      .span_br {
        display: block;
        padding-left: 10px;
      }
    }
  }
}

/* 見出しh5 */
.h5_container {
  width: 90%;
  margin: 10px auto 10px;
  padding-top: 20px;
  padding-bottom: 10px;

  h5 {
    font-size: 1.2em;
    width: 40%;
    padding-left: 5px;
    background-image: linear-gradient(rgba(0, 0, 0, 0) 70%, rgb(255, 238, 0)70%);
    white-space: nowrap;
  }


}

/* メインコンテンツ */
main {
  font-weight: 300;
  padding-bottom: 40px;
}

.contents {
  width: 90%;
  margin: 0 auto;
}

section {
  padding-block: 50px;
}

/* 私たちについて */
/* 病院理念 */
#philosophy {
  .philosophy_p {
    position: relative;
    text-align: center;
    width: 80%;
    height: 300px;
    margin: 0 auto;
    padding-block: 50px;

    img {
      width: 300px;
      position: relative;
      z-index: -10;
    }

    .philosophy_p-p {
      width: 100%;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 1.6em;
      text-align: center;
      line-height: 2.5em;
      font-weight: 500;
      z-index: -10;

      .br_1 {
        display: none;
      }
    }
  }

  .philosophy_list {
    max-width: 700px;
    margin: 30px auto;
    border: 4px solid #616dff;
    border-radius: 16px;
    text-align: center;
    padding-block: 10px;
    padding-left: 20px;

    h5 {
      font-size: 1.6em;
      font-weight: 500px;
      padding-bottom: 30px;
    }

    ol {
      padding-inline: 20px;
      width: 70%;
      margin: 0 auto;

      li {
        text-align: left;
        line-height: 2em;
      }
    }
  }

  .philosophy_box {
    width: 90%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 50px;

    .rizicho_text {
      text-align: left;

      .rizicho_p {
        font-size: 1em;
        font-weight: 300;
        line-height: 2em;
        padding-bottom: 10px;

        span {
          font-size: 1.3em;
          font-weight: 500;
        }
      }
    }

    .rizicho_img {
      width: 30%;
      text-align: center;

      img {
        max-width: 60%;
      }
    }
  }
}

/* 病院理念レスポンシブ */
/*タブレット*/
@media(max-width:768px) {
  #philosophy {
    .philosophy_p {
      .br_1 {
        display: inline;
      }
    }
  }
}

@media(max-width:670px) {
  #philosophy {
    .philosophy_list {
      width: 75%;
    }

    .philosophy_box {
      display: grid;
      grid-template-columns: 1fr;

      .rizicho_img {
        width: 90%;
        margin: 0 auto 30px;
        text-align: center;

        img {
          width: 50%;
        }
      }

      .rizicho_text {
        width: 90%;
        margin: 0 auto;
      }
    }
  }
}

@media(min-width:469px)and(max-width:768px) {
  #philosophy {
    .philosophy_p {
      .philosophy_p-p {
        font-size: 1.2em;
      }
    }
  }
}

/*スマホ*/
@media(max-width:468px) {
  #philosophy {
    .philosophy_p {
      .philosophy_p-p {
        font-size: 1.2em;
      }
    }
  }
}

/*施設概要*/
#facility {
  .floormap {
    width: 90%;
    margin: 0 auto;
    padding-block: 20px;
    text-align: center;

    img {
      max-width: 70%;
    }
  }

  ul {
    width: 80%;
    margin: 0 auto;
    list-style: none;

    li {
      line-height: 1.6em;
      position: relative;
      padding: 0px 0px 0px 1em;
    }

    li::before {
      position: absolute;
      top: 50%;
      left: 0;
      transform: translateY(-50%);
      width: 0;
      height: 0;
      border: 0.3em solid transparent;
      border-left: 0.4em solid #616bff;
      content: '';
    }
  }
}

/*リハビリ*/
.rehabili_img {
  width: 90%;
  margin: 0 auto;
  text-align: center;

  img {
    max-width: 70%;
  }
}

/*薬局*/
.pharmacy_box {
  width: 90%;
  margin: 0 auto;
  text-align: center;

  img {
    max-width: 70%;
  }
}

/* アクセス */
#us_access {
  .us_access_container {
    width: 80%;
    margin: 0 auto;
    display: grid;
    gap: 70px;
    grid-template-columns: 1fr 1.1fr;
    padding-block: 50px;

    .us_map {
      text-align: center;

      img {
        max-width: 100%;
      }
    }

    .us_access_info {
      dl {
        width: 90%;

        dt {
          width: 50%;
          font-size: 1.1em;
          font-weight: 400;
          padding-left: 5px;
          background-image: linear-gradient(rgba(0, 0, 0, 0) 70%, rgb(255, 238, 0)70%);
          white-space: nowrap;
        }

        dd {
          width: 100%;
          padding: 10px 30px 30px 60px;
        }
      }

      ul {
        list-style: none;

        li {
          line-height: 1.6em;
          position: relative;
          padding: 0px 0px 0px 1em;
        }

        li::before {
          position: absolute;
          top: 50%;
          left: 0;
          transform: translateY(-50%);
          width: 0;
          height: 0;
          border: 0.3em solid transparent;
          border-left: 0.4em solid #616bff;
          content: '';
        }

        span {
          line-height: 1.7em;
        }
      }
    }
  }
}

/*アクセスレスポンシブ*/
/*タブレット・スマホ*/
@media(max-width:959px) {
  #us_access {
    .us_access_container {
      display: block;
      width: 90%;

      .us_map {
        width: 90%;
        margin: 0 auto 40px;
      }

      .us_access_info {
        width: 90%;
        margin: 0 auto;

        dt {
          width: 60%;
        }
      }
    }
  }
}

/* 入退院支援 */
#nyutaiinn {
  p {
    width: 85%;
    margin: 0 auto;
    line-height: 1.6em;
  }
}

/* 診療案内 */
/* 外来診察 */
.medicalinfo_p {
  width: 90%;
  margin: 0 auto;
  text-align: left;
  padding-block: 20px;
  line-height: 1.6em;

  span {
    font-weight: 400;
  }
}

.outpatient_container {
  .medical_info_out {
    width: 90%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;

    .out_info_box {
      padding-top: 20px;

      table {
        width: 90%;
        place-items: center;
        background: rgb(255, 251, 239);
        border-top: 1px solid #d3d2d2;
        border-left: 1px solid #d3d2d2;
        border-spacing: 0px;
        margin-bottom: 40px;
        border-collapse: collapse;
        vertical-align: middle;

        th,
        td {
          padding: 5px;
          text-align: center;
          border-bottom: 1px solid #d3d2d2;
          border-right: 1px solid #d3d2d2;
        }

        th {
          background: #fff566;
        }

        td {
          color: #616bff;
          height: 50px;
        }

        td:first-child {
          color: #000;
        }

        td:second-child {
          border-bottom: none;
        }
      }

      .out_medical_services {
        dt {
          width: 50%;
          font-size: 1.1em;
          font-weight: 400;
          margin-top: 30px;
          padding-left: 5px;
          background-image: linear-gradient(rgba(0, 0, 0, 0) 70%, rgb(255, 238, 0)70%);
          white-space: nowrap;
        }

        dd {
          width: 90%;
          padding-left: 40px;
          padding-top: 8px;
        }

        dd .item-1 {
          padding-right: 20px;
        }

        .closed {
          padding-top: 10px;
          text-decoration: underline;
        }
      }
    }

    .outpatient_img {
      img {
        width: 100%;
      }
    }
  }
}

/*外来診療レスポンシブ*/
@media(max-width:960px) {
  .outpatient_container {
    .medical_info_out {
      grid-template-columns: 1fr;
    }
  }
}

@media(min-width:600px)and(max-width:960px) {
  .outpatient_container {
    .medical_info_out {
      .out_info_box {
        display: grid;
      }
    }
  }
}

/*訪問診療*/
.home_visit_medical {
  .hvm_box {
    dl {
      width: 90%;
      margin: 0 auto;

      dt {
        width: 25%;
        font-size: 1.1em;
        font-weight: 400;
        margin-top: 30px;
        padding-left: 5px;
        background-image: linear-gradient(rgba(0, 0, 0, 0) 70%, rgb(255, 238, 0)70%);
        white-space: nowrap;
      }

      dd {
        padding-left: 40px;
        padding-top: 8px;
      }
    }
  }
}

/* 訪問リハビリ */
.hvr_box {
  width: 90%;
  margin: 0 auto;
  padding-top: 20px;

  p {
    line-height: 1.8em;
  }
}

/* 事業所概要 */
.hvr_gaiyo_container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;

  p {
    width: 49%;

    span {
      display: block;
      padding-block: 5px;
    }
  }

  .hvr_gaiyo_img {
    img {
      width: 90%;
    }
  }
}

/*事業所概要レスポンシブ*/
/*タブレット*/
@media(max-width:768px) {
  .hvr_gaiyo_container {
    display: block;

    p,
    .hvr_gaiyo_img {
      width: 90%;
      margin: 0 auto;
    }
  }
}

/*訪問リハについて*/
.about_hvr_box {
  width: 80%;
  margin: 0 auto;
}

/* リハビリテーション単位について */
.hvr_unit_container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: flex-start;
  gap: 30px;

  .hvr_unit_img {
    img {
      width: 100%;
    }
  }

  .hvr_unit_box {
    margin: 0 auto;
    text-align: left;

    dt {
      width: 50%;
      position: relative;
      background: rgb(255, 251, 239);
      padding-left: 15px;
      font-size: 1.1em;
    }

    dt::before {
      position: absolute;
      top: 20%;
      left: 5px;
      width: 4px;
      height: 70%;
      content: '';
      border-radius: 3px;
      background: #ffee00;
    }

    dd {
      width: 90%;
      padding: 20px 20px 0px 30px;

      span {
        display: block;
        padding-bottom: 10px;
      }
    }

    ul {
      width: 90%;
      padding-left: 30px;
      padding-bottom: 20px;

      li {
        list-style: none;
        line-height: 1.8em;
        position: relative;
        padding: 0px 0px 0px 1em;
      }

      li::before {
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        width: 0;
        height: 0;
        border: 0.3em solid transparent;
        border-left: 0.4em solid #616bff;
        content: '';
      }
    }

    .hvr_unit_info {
      max-width: 80%;
      margin: 20px auto 0;
      text-align: center;
      padding: 10px;
      border: 2px solid #616dff;
      border-radius: 16px;

      .hui_br1 {
        padding-left: 10px;
      }

      .hui_br2::before {
        content: "／";
      }
    }
  }
}

/*リハビリテーション単位についてレスポンシブ*/
/*タブレット*/
@media(max-width:768px) {
  .hvr_unit_container {
    display: block;

    .hvr_unit_img,
    .hvr_unit_box {
      width: 90%;
      padding-bottom: 20px;

      dt {
        width: 80%;
      }

      .hvr_unit_info {
        .hui_br1 {
          display: block;
          padding-left: 0;
        }
      }
    }
  }
}

@media(max-width:425px) {
  .hvr_unit_container {
    .hvr_unit_box {
      .hvr_unit_info {
        .hui_br2 {
          display: block;
        }

        .hui_br2::before {
          content: "";
        }
      }
    }
  }
}

/* 地域連携 */
.tiikirenkei_p,
.nyuuinkanou>p,
.iryokankeisya>p {
  width: 90%;
  margin: 20px auto;
}

.rmc_container1,
.rmc_container2 {
  width: 80%;
  margin: 0 auto;
  display: grid;
  gap: 50px;

  p {
    line-height: 1.5em;
    padding-bottom: 5px;
  }

  .rmc_img {
    padding-top: 25px;
  }

  .rmc_img1,
  .rmc_img2 {
    max-width: 100%;
  }

  .rmc_box1 {
    padding: 5px;
    text-align: left;

    dl {
      width: 80%;
      margin: 0 auto 20px;

      dt {
        width: 80%;
        font-size: 1.1em;
        font-weight: 400;
        margin-top: 20px;
        padding-left: 5px;
        background-image: linear-gradient(rgba(0, 0, 0, 0) 70%, rgb(255, 238, 0)70%);
        white-space: nowrap;
      }
    }

    ol {
      padding-left: 30px;
    }

    .rmc_p {
      width: 90%;
      margin: 0 auto;
      padding-block: 10px;

      span {
        font-weight: 400;
        background: url(../img/wave-skyblue.png)bottom repeat-x;
        background-size: 20px;
      }
    }
  }


}

.rmc_container1 {
  grid-template-columns: 0.8fr 1fr;
  padding-bottom: 40px;
}

.rmc_container2 {
  grid-template-columns: 1fr 0.8fr;

  .rmc_box2 {
    padding: 5px;
    text-align: left;

    .rmc_info {
      dl {
        margin-block: 30px;
        width: 100%;

        dt {
          width: 50%;
          font-size: 1.1em;
          font-weight: 400;
          background-image: linear-gradient(rgba(0, 0, 0, 0) 70%, rgb(255, 238, 0)70%);
          white-space: nowrap;
        }

        dd {
          padding-left: 10px;
          line-height: 2em;
        }
      }

      .rmc_info_box {
        padding: 15px 30px;
        border: 2px solid #616bff;
        border-radius: 8px;

        p {
          text-align: center;
          line-height: 1.6em;
        }
      }
    }
  }
}

/*地域連携レスポンシブ*/
@media(max-width:768px) {
  .rmc_container1 {
    display: block;
  }

  .rmc_container2 {
    display: flex;
    flex-direction: column;

    .rmc_box2 {
      order: 2;

    }

    .rmc_img2 {
      order: 1;
    }
  }
}

/*地域医療スマホ*/
@media(min-width:600px) {
  .rmc_container2 {
    .rmc_box2 {
      .rmc_info {
        .rmc_info_box {
          max-width: 60%;
        }
      }
    }
  }

  .iryokankeisya {
    .empty {
      .empty-img {
        max-width: 40%;
      }
    }
  }
}

/*医療関係者*/
.iryokankeisya {
  .empty {
    width: 90%;
    margin: 0 auto;
    padding-top: 40px;

    .empty-img {
      margin-top: 20px;
    }
  }
}

/*医療関係者レスポンシブ*/
@media(max-width:599px) {
  .iryokankeisya {
    .empty {
      text-align: center;
      .empty-img {
        max-width: 90%;
      }
    }
  }
}

/*採用情報*/
.about_bosyu {
  width: 90%;
  margin: 10px auto 0;

  .btn3_box {
    padding-block: 40px;
    width: 40%;

    .btn-3 {
      width: 70%;
      display: flex;
      justify-content: space-around;
      align-items: center;
      position: relative;
      color: #000;
      text-decoration: none;
      background: #ffee00;
      padding: 10px 20px;
    }

    :hover {
      color: #000;
      background: #fff890;
    }

    .btn-3::after {
      content: '';
      width: 5px;
      height: 5px;
      border-top: 3px solid #000;
      border-right: 3px solid #000;
      transform: rotate(45deg) translateY(-50%);
      position: absolute;
      top: 50%;
      right: 20px;
      border-radius: 1px;
      transition: 0.3s ease-in-out;
    }
  }
}

/* 募集要項職種別一覧 */
.job_description_list {
  display: grid;
  row-gap: 50px;

  .jd_list_box {
    padding: 20px;
    width: 80%;
    margin: 0 auto;
    border: 2px solid #616dff;
    border-radius: 8px;
    display: flex;
    justify-content: space-around;
    align-items: center;

    .jd_list_dl {
      width: 70%;
      display: flex;
      justify-content: space-between;
      column-gap: 5px;

      .jd_list_dt {
        display: flex;
        align-items: center;
        font-size: 1.4em;
        font-weight: 500;
        padding: 0px 0px 0px 1em;
      }

      .jd_list_dt::before {
        width: 0;
        height: 0;
        border: 0.3em solid transparent;
        border-left: 0.4em solid #616bff;
        content: '';
      }

      .jd_list_dd {
        width: 50%;
      }
    }
  }
}

/*募集要項職種別一覧レスポンシブ*/
/*タブレット*/
@media(min-width:600px) {
  .job_description_list {
    .jd_list_box {
      .jd_list_dl {
        .jd_list_dt {
          .dt_br {
            display: none;
          }
        }
      }
    }
  }
}

@media(min-width:769px)and(max-width:1024px) {
  .job_description_list {
    .jd_list_box {
      .jd_list_dl {
        .jd_list_dt {
          font-size: 1.2em;
        }
      }
    }
  }
}

@media(max-width:768px) {
  .job_description_list {
    .jd_list_box {
      display: block;
      padding: 10px 10px 10px 10px;

      .jd_list_dl {
        display: block;
        width: 100%;
        text-align: center;
        padding-bottom: 30px;

        .jd_list_dt {
          justify-content: center;
          margin-right: 20px;
        }

        .jd_list_dt::before {
          height: 0;
          width: 0;
        }

        .jd_list_dd {
          display: block;
          margin-top: 30px;
          width: 100%;
        }
      }
    }
  }
}

/* 募集要項内容 */
.jd_contents {
  table {
    width: 50%;
    margin: 50px auto 0;
    border-collapse: collapse;

    td {
      font-weight: 400;
      border: 1px solid #cacaca;
      height: 50px;
      padding-block: 5px;

      ul {
        padding-left: 20px
      }

      ol {
        list-style: none;

        li {
          line-height: 1.6em;
        }
      }

      .jd_sp {
        color: red;
      }
    }

    td:first-child {
      background: #ffee00;
      text-align: center;
    }

    td:nth-child(2) {
      padding-left: 10px;
    }

    span {
      display: block;
      line-height: 1.7em;
    }
  }
}

/*募集要項tableレスポンシブ*/
/*タブレット・スマホ*/
@media(max-width:768px) {
  .jd_contents {
    table {
      width: 80%;
    }
  }
}

/*応募方法*/
.jd_box {
  .jd_box-inner {
    padding: 40px;
    width: 90%;
    margin: 0 auto;

    .apply {
      h3 {
        margin-bottom: 30px;
        width: 50%;
        font-size: 1.2em;
        font-weight: 400;
        color: #000;
        background-image: linear-gradient(rgba(0, 0, 0, 0) 70%, rgb(255, 238, 0)70%);
      }

      dl {
        width: 90%;
        margin: 0 auto;

        dt {
          width: 50%;
          position: relative;
          background: rgb(255, 251, 239);
          padding-left: 15px;
          font-size: 1.1em;
        }

        dt::before {
          position: absolute;
          top: 20%;
          left: 5px;
          width: 4px;
          height: 70%;
          content: '';
          border-radius: 3px;
          background: #ffee00;
        }

        dd {
          width: 90%;
          padding: 20px 20px 20px 30px;

          span {
            display: block;
            padding-bottom: 10px;
          }
        }
      }
    }

    .apply-btn {
      max-width: 40%;
      margin-top: 80px;
      margin-left: 50px;
      border: 2px double #616bff;
      border-radius: 16px;
      padding: 20px;
      text-align: center;

      .apply_btn-p {
        font-weight: 400;
        margin-block: 10px;

        .span_font1 {
          font-weight: 500;
          font-size: 1.2em;
          text-decoration: underline #616bff;

        }

        .span_font2 {
          color: red;
          font-size: 1.2em;
          font-weight: 500;
        }
      }

      .apply_info {
        margin: 30px auto 0;
        width: 90%;
        text-align: center;

        .apply_info-p {
          font-size: 1.6em;
          font-weight: 500;
          padding-block: 5px;
        }
      }
    }
  }
}

/*募集要項内容レスポンシブ*/
/*タブレット・スマホ*/
@media(max-width:768px) {
  .jd_box {
    .jd_box-inner {
      padding: 0;

      .apply-btn {
        max-width: 80%;
        margin-right: auto;
        margin-left: auto;

        .apply_info {
          .apply_info-p {
            font-size: 1.1em;
          }
        }
      }
    }
  }
}

/* お知らせ一覧 */
.news_list {
  width: 80%;
  margin: 30px auto;
  padding: 10px 20px;
  text-align: left;
  border: 1px solid #e1e3ff;
  box-shadow: 2px 2px 2px #e8e8e8;

  h4 {
    width: 40%;
    margin-left: 10px;
    padding-left: 5px;
    font-size: 1.4em;
    font-weight: 400;
    background-image: linear-gradient(rgba(0, 0, 0, 0) 70%, rgb(255, 238, 0)70%);
  }

  .news-list-date {
    font-size: 0.9em;
    font-weight: 300;
    padding-bottom: 10px;

    time::after {
      content: "/";
      padding-inline: 5px;
    }

    .nlist_label_n {
      color: #fff;
      background: #616bff;
      border-radius: 4px;
      width: 16em;
      text-align: center;
      margin-left: 5px;
      padding: 2px 5px;
    }

    .nlist_label_c {
      color: #fff;
      background: #fc084d;
      border-radius: 4px;
      width: 16em;
      text-align: center;
      margin-left: 5px;
      padding: 2px 5px;
    }

    .nlist_label_r {
      color: #fff;
      background: #f57e1d;
      border-radius: 4px;
      width: 16em;
      text-align: center;
      margin-left: 5px;
      padding: 2px 5px;
    }
  }

  .news_box {
    width: 80%;
    margin: 0 auto;
    padding-top: 50px;

    p {
      padding-bottom: 10px;
      text-align: left;
      font-weight: 300;
      font-size: 1.1em;
      line-height: 1.7em;
    }

    .news-p {
      text-align: right;
    }

    h5 {
      font-size: 1.2em;
      font-weight: 500;
      padding-bottom: 10px;
    }

    .font1 {
      font-size: 1.2em;
      font-weight: 400;
      color: red;
      text-decoration: underline;
    }

    .font2 {
      text-decoration: underline;
    }

    .font3 {
      text-decoration: underline;
      color: red;
    }

    .font4 {
      font-size: 1.2em;
      font-weight: 400;
    }

    .font5 {
      font-size: 1.2em;
      text-decoration: underline;
      color: #616bff;
    }

    .font6 {
      font-weight: 400;
    }

    .font7 {
      font-size: 0.9em;
    }

    .news_dl1 {
      padding-left: 15px;

      dt,
      dd {
        line-height: 2em;
      }
    }

    .box-n1,
    .box-n2 {
      border: 2px solid #616bff;
      border-radius: 8px;
      margin-block: 20px;
      padding: 10px 15px 15px 35px;
    }

    .box-n1 {
      dt {
        font-weight: 400;
        padding-block: 20px 10px;
      }

      dd {
        padding-left: 30px;
        line-height: 1.7em;

        ul {
          padding-left: 10px;

          li {
            margin-block: 5px;
          }
        }
      }
    }

    .box-n2 {
      ul {
        padding-left: 20px;
        padding-bottom: 10px;

        li {
          padding-bottom: 10px;

          ol {
            padding-left: 20px;
          }
        }
      }
    }
  }
}

/*お知らせレスポンシブ*/
@media(max-width:768px) {
  .news_list {
    h4 {
      width: 90%;
    }

    .news_box {
      .news-p {
        font-size: 1em;
      }
    }
  }
}

/*プライバシーポリシー*/
.privacy_box {
  width: 90%;
  margin: 0 auto;
  padding-top: 20px;

  p {
    line-height: 2em;
  }

  ul {
    width: 90%;
    margin: 0 auto;
    padding-top: 10px;
    list-style: none;

    li {
      line-height: 1.8em;
      position: relative;
      padding: 0px 0px 0px 1em;
    }

    li::before {
      position: absolute;
      top: 50%;
      left: 0;
      transform: translateY(-50%);
      width: 0;
      height: 0;
      border: 0.3em solid transparent;
      border-left: 0.4em solid #616bff;
      content: '';
    }
  }
}

.privacy_pp {
  padding-bottom: 30px;
  font-weight: 400;
  font-size: 1.1em;
}

.privacy_info {
  border: 1px solid #616bff;
  border-radius: 5px;
  width: 320px;
  text-align: center;
  padding: 5px;

  p:first-child {
    font-weight: 400;
    font-size: 1.1em;
    padding-bottom: 5px;
  }
}

/* お問い合わせフォーム */
form {
  width: 70%;
  margin: 0 auto;
}

.form-row {
  display: flex;
  align-items: center;
  padding: 20px;
  border-bottom: 1px solid #f2f4f5;
}

.form-row:last-child {
  border-bottom: none;
}

.form-label {
  display: flex;
  align-items: center;
  width: 250px;
}

.form-label label {
  font-weight: bold;
}

.form-label span {
  margin-left: 10px;
  padding: 2px 6px;
  border-radius: 3px;
  font-size: 12px;
  font-weight: bold;
  color: #000;
  background-color: #ffee00;
}

/* フォームパーツのデザイン */
/*
input,
textarea {
  background-color: #f2f4f5;
  border: none;
  border-radius: 3px;
  padding: 15px 20px;
  font-size: 16px;
  color: #333;
  flex-grow: 1;
}

input::placeholder,
textarea::placeholder {
  color: #999;
  font-size: 14px;
}

select {
  background-color: #f2f4f5;
  border: none;
  border-radius: 3px;
  padding: 15px 20px;
  font-size: 16px;
  color: #333;
}

button {
  cursor: pointer;
  margin-top: 30px;
  padding: 15px 45px;
  border: none;
  border-radius: 3px;
  color: #000;
  font-weight: bold;
  background-color: #ffee00;
}*/