.tr_search a,
.ttl02d {
  background: var(--color-primary-light-02);
}

.ttl04b {
  color: var(--color-primary);
}
.anshin_support h4,
#privacy h1,
.ttl002,
.ttl02a,
.ttl02b,
.ttl03a,
.guide01 li h2,
.reason01 li h3,
.ttl03b,
p.innai,
.column_txt002,
.column_txt0284,
th.k_column-2,
th.k_column-1,
th.k_column-3,
.innai_list li h3,
th.k_column-4 {
  font-family: var(--font-sans-semibold) !important;
  color: var(--color-text) !important;
}
.ttl02b,
.ttl02c {
  margin-top: 40px;
}
.ttl03b {
  font-family: var(--font-sans-semibold);
  background: none;
  padding-left: 0;
}
/* 画像角丸 */
.cogmesh04 img,
.anshin_support div.images img,
.ttl02d,
.price_toc,
.reason01 .image img,
.guide01 .image img,
.innai_list .image img,
#page_img img {
  border-radius: 8px;
}
.bg100_g,
.outline2,
.outline_w {
  border-radius: 32px;
  @media (max-width: 767px) {
    border-radius: 16px;
  }
}
p {
  line-height: 1.9;
}
.tbl td {
  background: var(--color-primary-light);
}
.ttl04b,
.ttl04d,
.tbl td.column-1 {
  font-family: var(--font-sans-semibold);
  background: var(--color-primary-light);
}
.bg100_g,
.price_toc {
  background: var(--color-bg-light);
  border: 1px solid var(--color-border);
}

.reason01 li {
  border-radius: 1.6rem;
  @media (max-width: 767px) {
    width: 100%;
  }
}
.bt003:after,
.bt004:after {
  display: none;
}
.mens_link a {
  margin: 3.2rem auto !important;
  display: block !important;
}
.shiwa_button {
  text-decoration: none;
}
.mens_link a,
.btn001 a,
.bt001 a,
.bt003 a,
.bt004 a {
  position: relative;
  color: #fff !important;
  padding: 1.6rem 4rem 1.8rem 2.8rem;
  font-family: var(--font-sans-semibold);
  line-height: 1.5;
  border-radius: 5px;
  text-decoration: none;
  font-size: 1.4rem;
  min-width: 20rem;
  margin: 0 auto;
  letter-spacing: 0.2rem;
  width: fit-content !important;
  background: var(--color-primary);
  display: inline-block;
  &:after {
    content: "";
    width: 0.8rem;
    height: 0.8rem;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    position: absolute;
    right: 1.4rem;
    top: 50%;
    transform: rotate(-45deg) translateY(-50%);
    transition: 0.3s ease-in-out;
  }
  &:before {
    display: none;
  }
}

.c-single {
  padding: var(--space-sm);
  .c-single__wrapper {
    position: relative;
    z-index: 3;
    max-width: 124.8rem;
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(20px);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-xl);
    margin: 0 auto;
    padding: var(--space-3xl) var(--space-lg);
    @media (max-width: 767px) {
      padding: var(--space-lg) var(--space-sm);
    }
  }
  .c-single__title {
    font-family: var(--font-sans-semibold);
    font-size: var(--fs-2xl);
    line-height: 1.5;
    margin-bottom: var(--space-lg);
    @media (max-width: 767px) {
      font-size: 2rem;
      line-height: 1.4;
      margin-bottom: 1.6rem;
    }
  }
  .c-single__inner {
    margin: 0 auto;
    max-width: rem;
    padding: 0 var(--space-md);
    max-width: 105.6rem;
    margin: 0 auto;
    @media (max-width: 767px) {
      padding: 0;
    }
    p {
      line-height: 1.9;
      margin-bottom: 1em;
      @media (max-width: 767px) {
        font-size: 1.4rem;
        line-height: 1.6;
      }
    }
    img {
      margin: 1em 0;
      border-radius: var(--radius-md);
    }
  }
  .info_reserve {
    margin: var(--space-2xl) auto;
  }
}
.reason01 li {
  display: flex;
  flex-direction: column;
  .bt003 {
    margin-top: auto;
    margin-left: auto;
    margin-right: auto;
  }
  @media (min-width: 768px) {
    width: 48%;
    padding: 2%;
  }
}

#mt_content {
  padding-top: 0 !important;
  margin: 0 auto;
  &.mt_content--treatment {
    padding: 8rem 0.8rem 0 !important;
    @media (max-width: 767px) {
      padding-top: 8rem 0.8rem 0 !important;
    }
    .ttl01 {
      background: none;
      text-align: left;
      font-family: var(--font-sans-semibold);
      color: var(--color-text);
      @media (max-width: 767px) {
        padding: 0 0.8rem;
      }
    }
    .page_ttl_cont {
      font-family: var(--font-sans-semibold);
    }
  }

  div.form_cont td {
    @media (max-width: 767px) {
      padding: 0.8rem 0rem !important;
    }
  }
  div.form_cont td.l_form {
    background: rgb(237 218 201) !important;
    color: var(--color-text) !important;
    font-family: var(--font-sans-semibold) !important;
    @media (max-width: 767px) {
      margin: 1.2rem 0 0;
      padding: 1.2rem 1.2rem !important;
    }
  }
  span.hissu {
    margin-left: auto !important;
    font-size: 1.4rem;
    padding: 0.4rem 1.2rem 0.6rem;
  }
  div.form_cont td.r_form {
    background: var(--color-bg-light) !important;
    color: var(--color-text) !important;
  }
  div.form_cont td input[type="text"],
  div.form_cont td input[type="email"],
  div.form_cont td textarea,
  div.form_cont td select,
  div.form_cont td input.txt_area02 {
    background: var(--color-white) !important;
    color: var(--color-text) !important;
    width: 100%;
    border: 1px solid #cbcaca !important;
    padding: 0.8rem 1.2rem !important;
    margin: 1.6rem 0;
    border-radius: 4px;
    &::placeholder {
      color: #999 !important;
    }
  }
  div.form_cont input[type="radio"] {
    accent-color: var(--color-primary) !important;
    width: auto !important;
  }
  div.form_cont td textarea {
    width: 100% !important;
  }
  .l_form span.hissu {
    position: absolute !important;
  }
  span.hissu {
    right: 0.4rem;
    font-size: 1.2rem;
    background: var(--color-white) !important;
    color: var(--color-primary) !important;
    border-radius: 9999px !important;
    padding: 0.2rem 2rem 0.4rem !important;

    top: 50%;
    transform: translateY(-50%);
  }
  div.form_cont td.l_form:has(.hissu) {
    position: relative;
    padding-right: 7.6rem !important;
  }
  .font_red {
    color: #d76a6a;
  }
  #return_top {
    bottom: 14px;
  }
}
.form-flow {
  border: 3px solid #eddac9;
  justify-content: space-between;
  margin-bottom: 20px;
  border-radius: 0.8rem;
  display: flex;
}

.form-flow-item {
  flex: 1;
  text-align: center;
  border-right: 3px solid #eddac9;
  padding: 0.8rem 1.2rem;
  position: relative;
  @media screen and (max-width: 768px) {
    padding: 0.8rem;
  }
  &.active {
    background: #eddac9;
  }

  &:last-child {
    border-right: none;
  }
}

.list_disc {
  list-style: disc;
}
#form .agree_check input[type="checkbox"] {
  display: inline-block !important;
  width: auto !important;
  accent-color: var(--color-primary) !important;
}
.privacy {
  overflow-y: auto !important;
  overflow-x: unset !important;
  background: var(--color-bg-light) !important;
}
.btn2 {
  display: flex;
  gap: 1.2rem;
}

#clinic_images img {
  border-radius: 16px;
}

.pagelink li {
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  border-bottom: 1px solid var(--color-primary);
  &:after {
    color: var(--color-primary);
  }
}
.pagelink li a {
  color: var(--color-primary);
  font-size: 1.4rem;
}
.tr_search a,
.ttl02d {
  color: var(--color-white) !important;
  font-family: var(--font-sans-semibold);
  a {
    color: var(--color-white) !important;
  }
}
.section07 {
  background: var(--color-bg-light);
}
.font_b3 {
  margin: 1.6rem auto;
}
.doctor_image img {
  border-radius: 8px;
}
.content_outline {
  background: var(--color-white);
  border-radius: 16px;
  @media (max-width: 980px) {
    padding: 1.6rem;
  }
  @media (max-width: 768px) {
    padding: 0.8rem;
    width: 96%;
    margin: 0 2%;
  }
  img {
    border-radius: 8px;
  }
}
.ttl03d {
  border-left-color: var(--color-primary-light-02);
  font-family: var(--font-sans-semibold);
  font-size: 2rem;
  padding: 0.4rem 1.2rem 0.8rem 1.8rem;
  margin-bottom: 40px;
  @media (max-width: 768px) {
    font-size: 1.6rem;
    padding: 0.4rem 1.2rem 0.8rem 1.8rem;
    margin-bottom: 20px;
  }
}
.Label2 {
  border-bottom-color: var(--color-primary-light-02);
}
.Label2::after {
  color: var(--color-primary-light-02);
}
.toc {
  background: var(--color-bg-light) !important;
  border-radius: 16px;
  border: 1px solid var(--color-border);
}
.toc h3 {
  border-bottom-color: var(--color-border);
}
.ls_number li::before,
.toc ul li::before {
  background: var(--color-primary-light-02);
  width: 2.4rem !important;
  height: 2.4rem !important;
  padding: 0 !important;
  border-radius: 9999px !important;

  font-size: 1rem;
  text-align: center;
  line-height: 1;
  display: grid;
  place-content: center;
  letter-spacing: 0;
  font-family: sans-serif;
}
.ls_number li {
  position: relative;
  padding-left: 3.2rem;
  margin-bottom: 1.6rem;
  background: none;
}
.ls_number li::before {
  position: absolute;
  left: 0;
}
.ttl02d {
  padding: 1.2rem 2.4rem 1.4rem;
  line-height: 1.35;
  font-family: var(--font-sans-semibold);
}
.bg100_b {
  background: var(--color-white);
  border: 1px solid var(--color-border);
  border-radius: 16px;
  margin: 3.2rem auto;
  width: 100%;
}
.match_list li {
  background: var(--color-bg-light);
  border: 1px solid var(--color-border);
}
.match_list li a {
  color: var(--color-primary);
}
#page_ttl_cont span.en {
  color: var(--color-primary);
}
#pp_revisions_top_bar {
  display: none;
}
.is-subpage .p-header {
  /* padding-top: 1.6rem !important; */
}
.treatment_ {
  position: relative;
  height: 30rem;
  margin-bottom: 6rem;
  background: var(--color-bg-light);
  display: grid;
  place-items: center;
  @media (max-width: 768px) {
    height: 20rem;
  }
}
#page_ttl_cont {
  font-family: var(--font-sans-semibold);
}
.page-menu {
  a {
    background: var(--color-bg-light) !important;
    border: 1px solid var(--color-border);
  }
}
.postList .thumbnail img {
  border-radius: 8px;
}
.postList {
  padding-left: 0;
}
.postList {
  max-width: 105.4rem;
  width: calc(100% - 1.6rem);
  margin: 0 auto;
}
.postList li h2 {
  font-family: var(--font-sans-semibold);
}
.info_reserve {
  margin-top: var(--space-2xl);
  border-color: var(--color-border);
  border-radius: 16px;
  background: var(--color-bg-light);
}

.price_toc ul li {
  white-space: unset;
}
.postList li {
  p,
  h2 {
    color: var(--color-text);
  }
}
.section07 {
  @media (max-width: 768px) {
    width: 100%;
  }
}
.prof {
  flex-direction: column;
}
.section07 .prof .doctor_image {
  width: 100%;
  height: auto;
  img {
    width: 100%;
    height: auto;
    max-width: 15rem;
    display: block;
    margin: 2.4rem auto 0;
  }
}
.section07 .prof .doctor_name {
  position: relative;
  padding: 2.4rem 0;
  top: 0;
  transform: none;
  text-align: center;
  span {
    font-family: var(--font-sans-semibold);
  }
}
.clinic-slider {
  .slick-dots {
    li {
      width: 1.5rem;
      height: 1.5rem;
      margin: 0 0.2rem;
    }
  }
}
.anshin_support .bt003 a {
  margin-right: auto;
  margin-left: 0;
  display: block;
  @media (max-width: 768px) {
    margin: 0 auto;
  }
}
.trouble {
  box-sizing: border-box;
  @media (max-width: 768px) {
    width: 100%;
    padding: 2.4rem 1.6rem;
    margin: 2.4rem 0;
  }
}
.trouble .image {
  max-width: 12.5rem;
  right: 3rem;
}
.trouble li {
  background-size: 1.7rem;
  @media (max-width: 768px) {
    background-size: 1.7rem;
    background-position: top 0.3rem left;
  }
}
.ts02 dt {
  width: 32%;
  padding: 3.2rem 1.6rem;
  &:has(.image2) {
    @media (max-width: 768px) {
      width: 100%;
    }
    & + dd {
      @media (max-width: 768px) {
        width: 100%;
      }
    }
  }
}
.ts02 dd {
  width: 68%;
  padding: 3.2rem 1.6rem;
}
.ts01 dd {
  width: 76%;
}
.ttl02da {
  background: var(--color-primary-light-02);
  border-radius: 8px;
  font-size: 2.4rem;
  line-height: 1.4;
  text-align: left;
  @media (max-width: 768px) {
    font-size: 1.6rem;
  }
}
.datsu_arrow_box {
  background: var(--color-bg-light);
}
.datsu_arrow_box:after {
  border-right-color: var(--color-bg-light);
}
.nose01 li span.after {
  background: var(--color-primary-light-02);
}
.nose01 li {
  border-radius: 8px;
  overflow: hidden;
}
.ts03 {
  dt {
    width: 20%;
  }
  dd {
    width: 80%;
  }
}
.photo {
  border-radius: 8px;
  overflow: hidden;
}
.casephoto_3 li span,
.photo span {
  border-radius: 0 0 8px 8px;
}
.datsumou_04 .photo span {
  background: var(--color-primary-light-02);
}
.shimi_reserve07_ {
  background: var(--color-bg-light);
  border-radius: 8px;
}
.shimi_reserve08 img {
  border-radius: 8px;
}
.shimi_reserve07 {
  border-radius: 8px;
  img {
    border-radius: 8px;
  }
}
.prof--add-01 {
  h3 {
    font-family: var(--font-sans-semibold);
  }
  h4 {
    font-size: 1.4rem;
  }
}
.bt_list {
  gap: 0.5rem;
}
.btn002,
.method ul li,
.method3 ul li,
.bt_list li {
  position: relative;
  &.no_link {
    flex: 1;
    font-size: 1.4rem;
    padding: 1.2rem 2.4rem;
    min-width: 25rem;

    background: transparent;
    border-bottom: 1px solid var(--color-text);
    &:after {
      display: none;
    }
  }
  a {
    color: var(--color-primary);
    font-family: var(--font-sans-semibold);
    font-size: 1.4rem;
    padding: 1.2rem 3.4rem 1.2rem 1.8rem;
    background: transparent;
    border-bottom: 1px solid var(--color-primary);
  }
  &:after {
    content: "";
    width: 0.8rem;
    height: 0.8rem;
    border-right: 2px solid var(--color-primary);
    border-bottom: 2px solid var(--color-primary);
    position: absolute;
    right: 1.4rem;
    top: 50%;
    transform: rotate(-45deg) translateY(-50%);
  }
}
.method li h4,
.method3 li h4,
.method3 li h3 {
  font-family: var(--font-sans-semibold);
  line-height: 1.5;
  background: var(--color-bg-light);
}
.font_blue {
  color: var(--color-primary-light-02);
}
strong {
  font-family: var(--font-sans-semibold);
}
.casephoto_3 li img,
.nose01 li img {
  border-radius: 8px 8px 0 0;
}
.info_reserve {
  width: 95%;
  img {
    border-radius: 0;
  }
}
.hormon09 {
  font-size: 1.6rem;
  li p {
    font-size: 1.4rem;
  }
  @media (max-width: 768px) {
    font-size: 1.4rem;
  }
}
.access01 li img {
  border-radius: 8px;
}
.concierge01 li img {
  border-radius: 8px;
}
.tabs {
  border-radius: 8px;
  overflow: hidden;
  border: none;
}
.section08 .case01 li span {
  border-radius: 0 0 8px 8px;
}
.tabs input:checked + .tab_item,
.tabs input:checked + .tab_item2,
.tabs input:checked + .tab_item3 {
  color: var(--color-white);
  background-color: var(--color-primary);
  border-bottom-color: var(--color-primary);
}
.section08 .case01 li img {
  border-radius: 8px 8px 0 0;
}
.tab_item3 {
  background: var(--color-bg-light);
  margin-bottom: 1.6rem;
  color: var(--color-primary);
}
.tab_item3 {
  border-bottom-color: var(--color-primary);
}
.case_bt {
  background: var(--color-bg-light);
  color: var(--color-primary);
}
.case_bt::before {
  color: var(--color-primary);
}
.section08 {
  width: 100%;
  @media (max-width: 768px) {
    padding-left: 0;
    padding-right: 0;
  }
}
.section08 .case {
  width: 100%;
}
.section08 .case01 li span.before {
}
.ttl02f {
  font-family: var(--font-sans-semibold);
  color: var(--color-primary-light-02);
  background-image: linear-gradient(
    90deg,
    var(--color-primary-light-02) 0 20%,
    #ffebd1 20% 100%
  );
}
.shiwa_new01a,
.shiwa_new01b,
.shiwa_new01c {
  border-radius: 8px;
  @media (max-width: 768px) {
    margin-bottom: var(--space-lg);
  }
}
.shiwa_new02 li h3 {
  background: var(--color-bg-light);
}
.button_list li a {
  background: var(--color-bg-light);
  color: var(--color-primary);
  z-index: 1;
  &:after {
    color: var(--color-primary);
  }
  @media (max-width: 768px) {
    font-size: var(--fs-md);
  }
}
.nikibi06 ul {
  gap: 10px;
}
.nikibi06 ul li {
  @media (max-width: 768px) {
    font-size: 1.3rem;
  }
}
.nikibi06 ul li img {
  margin-top: 1em;
}
.content_image img,
.nikibi06 {
  display: block;
  margin-left: auto;
  margin-right: auto;
  border-radius: 8px;
  @media (max-width: 768px) {
    width: 100%;
    height: auto;
  }
}
.nikibi_arrow_box {
  border-color: var(--color-primary-light-02);
  &:before {
    border-right-color: var(--color-primary-light-02);
    @media (max-width: 768px) {
      border-color: transparent;
      border-bottom-color: var(--color-primary-light-02);
    }
  }
}
.ttl03f {
  font-family: var(--font-sans-semibold);
  color: var(--color-primary-light-02);
  border-left-color: var(--color-primary-light-02);
}
.ttl04d {
  border-bottom: 1px solid var(--color-border);
}
.ttl04e {
  background: var(--color-bg-light);
  font-family: var(--font-sans-semibold);
}
.nikibi08 {
  color: var(--color-text);
}
.nikibi11 li h3 {
  background: var(--color-primary-light-02);
  color: var(--color-white);
  border-radius: 8px;
  font-size: 1.6rem;
}
.treatment_onayami {
  background: url(https://www.sincere-gc.com/wp/wp-content/themes/sincere/img/menu/shiwa/page_ttl.jpg)
    no-repeat;
  background-position: 50% center;
  background-size: cover;
  height: 300px;
  position: relative;
  margin-bottom: 60px;
  @media (max-width: 768px) {
    height: 120px;
    background-size: cover;
    position: relative;
    margin-bottom: 30px;
  }
}
.bnls02 li {
  border-radius: 8px;
  background: var(--color-bg-light);
  border-color: var(--color-border);
  overflow: hidden;
}
.hormon09 ul li span {
  background: var(--color-bg-light);
  border-radius: 9999px;
  color: var(--color-text);
  padding: 0.5rem 1.2rem;
  font-size: 1.4rem;
}
.hormon09 {
  border-radius: 8px;
  border-color: var(--color-primary-light-02);
}
.hormon09 .name {
  background: var(--color-bg-light);
  border-radius: 8px;
}

.datsumou_02 li span {
  border-color: var(--color-primary-light-02);
}
.datsumou_05 .photo img {
  width: auto;
  margin-bottom: 10px;
}
.datsumou_05 {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
.datsumou_05 h4 {
  display: grid;
  font-family: var(--font-sans-semibold);
  align-items: center;
}
.datsumou_05 li {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 5;
  width: 100%;
}

.datsumou_05 p {
  height: auto;
  margin-bottom: 10px;
}
.datsumou_05 h4 {
  background: var(--color-bg-light);
}
.vio2_08 li {
  background: var(--color-bg-light);
  border-radius: 8px;
  color: var(--color-primary-light-02);
}
.datsumou_07 {
  border-radius: 16px;
  border-color: var(--color-primary-light-02);
}
.datsumou_07 ul li::before {
  background: var(--color-primary-light-02);
}
.bg_b,
.bg_g {
  background: var(--color-primary-light-03) !important;
}
.bg_b_ {
  background: var(--color-primary-light) !important;
}
.datsumou_09 {
  border-radius: 16px;
}
.datsumou_09 p.midashi {
  background: var(--color-primary-light-02);
  color: var(--color-white);
  font-family: var(--font-sans-semibold);
  border-radius: 8px;
}
.datsumou_11 ul,
.datsumou_11 ul li {
  border-radius: 16px;
}
.datsumou_11 ul {
  margin: var(--space-lg) auto;
  background: var(--color-bg-light);
}
.datsumou_11 ul li h4 {
  font-family: var(--font-sans-semibold);
  background-size: 2.7rem;
  @media (max-width: 768px) {
    background-size: 1.8rem;
  }
}
.datsumou_15 ul.datsumou_15_ li {
  border-radius: 8px;
  border-color: var(--color-border);
  box-shadow: none;
}
.point h3 {
  height: auto;
  font-family: var(--font-sans-semibold);
}
.cogmesh03 .image {
  width: 32%;
  @media (max-width: 768px) {
    width: 70%;
    margin: 20px auto;
  }
}
.datsumou_08 {
  @media (max-width: 768px) {
    font-size: 1.6rem;
  }
}
.datsumou_02 li:nth-child(1) img,
.datsumou_02 li:nth-child(3) img {
  left: -6px;
}
.vio2_01 dd {
  border-radius: 8px;
  border: 2px solid var(--color-primary-light-02);
  background: var(--color-bg-light);
}
.vio2_01 dt {
  left: 20px;
  padding: 10px 20px;
  background: var(--color-bg-light-02);
  color: var(--color-white);
}
.read-more-001 p {
  max-height: none;
}
.vio2_01 .name {
  font-family: var(--font-sans-semibold);
}
.datsumou_15 h3 {
  padding-top: 30px;
  margin-bottom: 20px;
}
.datsumou_15 h3 {
  font-family: var(--font-sans-semibold);
}
.ttl02da {
  font-family: var(--font-sans-semibold);
}

.list_tenteki span.bg {
  background: var(--color-primary-light-02);
  color: var(--color-white);
  padding: 1.2rem 1.6rem;
  border-radius: 8px;
  font-size: 1.4rem;
  margin: 1.2rem 0 3.2rem;
  position: relative;
}
.list_tenteki span.right {
  float: none;
  position: absolute;
  text-align: center;
  right: 1rem;
  padding: 0.4rem 1.2rem;
  font-size: 1.2rem;
  color: var(--color-text);
  font-family: var(--font-sans-semibold);
  border-radius: 9999px;
  top: 50%;
  transform: translateY(-50%);
  background: var(--color-bg-light);
}
.hair01 li {
  display: flex;
  flex-direction: column;
  .image {
    margin-top: auto;
  }
}
.ttl03c {
  margin: 3.2rem auto;
  background: none;
}
.flow h3 {
  font-family: var(--font-sans-semibold);
  margin-bottom: 1.6rem;
}
.youtube_wrap {
  border-radius: 8px;
  overflow: hidden;
}
.youtube_wrap-b {
  .wp-block-embed iframe {
    max-width: 100%;
    margin: 3.2rem auto;
    display: block;
  }
}
.method .a_method03 h4 {
  background: var(--color-bg-light);
  border: none;
}
.bnls03 h3 span.icon {
  background-size: 60px auto;
  width: 6rem;
  height: 6rem;
  font-size: 2rem;
  line-height: 1.4;
  padding: 20px 0;
  display: grid;
  place-content: center;
  font-size: 1.4rem;
  line-height: 1;
  position: absolute;

  top: 50%;
  transform: translateY(-50%);
}
.bnls03 h3 {
  position: relative;
  padding-top: 0;
  padding-left: 9rem;
  height: auto;
}
.method li .image {
  width: 80%;
  img {
    border-radius: 8px;
  }
}
.add__tips-001 {
  display: grid;
  margin: 6.4rem 0;
  grid-template-columns: repeat(auto-fit, minmax(20rem, 30rem));

  gap: 8px;
  & li {
    min-width: fit-content;
    max-width: 30rem;
    margin: 0;
    border-radius: 9999px;
    border: none;
    color: var(--color-white);
    background: var(--color-text);
    display: grid;
    place-items: center;
    font-size: 1.4rem;
    @media (max-width: 768px) {
      font-size: 1.2rem;
    }
  }
}
.add__title-001 {
  margin: 3.2rem 0;
}
.Label::before,
.Label2::before,
.nav_Label::before {
  border-top-color: var(--color-primary-light-02);
  border-right-color: var(--color-primary-light-02);
}

.add__button-001 {
  color: var(--color-primary);
  border: none;
  border-bottom: 1px solid var(--color-primary);
  background: var(--color-bg-light);
  padding: 0.8rem 2.4rem;
  font-family: var(--font-sans-semibold);
  &:after {
    content: "";
    width: 1.2rem;
    background: var(--color-primary);
    height: 2px;
    position: absolute;
    right: 0.8rem;
    top: 50%;
    transform: translateY(-50%);
  }
  &:before {
    content: "";
    width: 2px;
    background: var(--color-primary);
    height: 1.2rem;
    position: absolute;
    right: 1.3rem;
    top: 50%;
    transform: translateY(-50%);
    transform: 0.5s;
  }
}
.guide01 .image {
  @media (max-width: 768px) {
    width: 100%;
    height: auto;
  }
}
.guide01 li h2 {
  @media (max-width: 768px) {
    text-align: left;
  }
}

.doctors {
  width: 100%;
  border-radius: 16px;
  font-size: 1.6rem;
  background: var(--color-bg-light);
}
.doctors .image {
  margin-right: 20px;
  width: 180px;
  .name {
    font-family: var(--font-sans-semibold);
  }
}

.hormon02 li {
  color: var(--color-primary-light-02);
}
.connection .cate {
  background: var(--color-primary-light-02);
  border: none;
  border-radius: 8px;
  padding: 1.6rem;
  margin-bottom: 1.6rem;
}
.connection ul li {
  border: none;
}
.hormon09 {
  .btn001 {
    margin-top: 1.6rem;
  }
}
.tpc__item a {
  display: flex;
  @media (max-width: 768px) {
    flex-direction: column;
  }
  .thumbnail {
    width: 100%;
    max-width: 260px;
    height: auto;
    @media (max-width: 768px) {
      max-width: 100%;
    }
    img {
      width: 100%;
      height: auto !important;
    }
  }
  .tpc__text {
    font-size: 1.4rem;
  }
}
.bn_line-text {
  border-radius: 16px;
  padding: 1.6rem !important;
  background: var(--color-bg-light);
}

.form-flow-item {
  background: var(--color-bg-light);
}
#page_ttl span.en {
  color: var(--color-primary);
  font-family: var(--font-sans-semibold);
}
#page_ttl {
  background: none;
}
.ts05 dd {
  width: 70%;
  @media (max-width: 768px) {
    width: 100%;
  }
}
.ts05 dt {
  background: var(--color-bg-light);
}
.access01 li {
  p {
    margin-top: 1.2rem;

    line-height: 1.7;
    @media (max-width: 768px) {
      font-size: 1.4rem;
    }
  }
}
.vio2_05 li {
  color: var(--color-primary-light-02);
  border-bottom-color: var(--color-primary-light-02);
}
.vio2_05 {
  border-color: var(--color-primary-light-02);
  border-radius: 8px;
  font-family: var(--font-sans-semibold);
}
.ttl02v {
  color: var(--color-primary-light-02);
  font-family: var(--font-sans-semibold);
}
.ttl03v1 {
  color: var(--color-primary-light-02);
  background: var(--color-bg-light);
  font-family: var(--font-sans-semibold);
}
.vio2_13 .Label2::after,
.vio2_09 li p.step {
  color: var(--color-primary-light-02);
}
.tsv dd {
  width: 76%;
}
.connection ul {
  flex-wrap: wrap;
  li {
    min-width: 250px;
    @media (max-width: 768px) {
      width: 100%;
    }
  }
}
.nav-open3::before {
  content: "" !important;
}

#form input[type="radio"] {
  width: 20px !important;
  height: 20px !important;
}

/* バリデーションエラー用スタイル */
.error-message {
  color: #e33b25;
  font-size: 12px;
  margin-top: 5px;
  display: none;
}

.field-error {
  border: 1px solid #e33b25 !important;
  background-color: #fff5f5 !important;
}

.submit-btn {
  background-color: #4caf50;
  color: white;
  padding: 12px 30px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 16px;
  transition: background-color 0.3s;
}

.submit-btn:hover:not(:disabled) {
  background-color: #45a049;
}

.submit-btn:disabled {
  background-color: #cccccc;
  cursor: not-allowed;
}
.r_form input[type="checkbox"] {
  display: inline-block;
  width: auto !important;
}

.box-wrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  &.box-wrap--4 {
    grid-template-columns: repeat(4, 1fr);
    @media (max-width: 768px) {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  &.box-wrap--2 {
    grid-template-columns: repeat(2, 1fr);
  }
  &.box-wrap-sp--1 {
    @media (max-width: 768px) {
      grid-template-columns: 1fr;
    }
  }
  @media (max-width: 768px) {
    grid-template-columns: repeat(2, 1fr);
  }
  flex-wrap: wrap;
  gap: 10px;
  label {
    padding: 5px 10px;
    display: flex;
    gap: 5px;
    align-items: center;
    font-size: 14px;
    line-height: 1;
    border-radius: 9999px;
  }

  input[type="checkbox"],
  input[type="radio"] {
    position: relative;
    top: 1px;
    font-size: 14px;
    accent-color: var(--color-primary) !important;
    width: auto !important;
  }
}
.alert-tip {
  margin: 6px 0;
  color: #d76a6a;
  font-size: 12px;
  line-height: 1.5;
}
.form-text2 {
  border-bottom: 1px solid #eee;
  margin: 30px 0 10px;
  font-weight: bold;
  font-family: var(--font-sans-semibold);
}