@charset "UTF-8";
/**/
.wp-embedded-content {
  display: block;
  max-width: 100%;
}

/* box */
.surgery_bg,
.bg-block,
.flow-block,
.box_bg {
  background: var(--white);
}

.box_border {
  background: rgba(255, 255, 255, 0.4);
  border: 1px solid var(--blue_02);
}

.surgery_bg,
.bg-block,
.flow-block,
.box_bg,
.box_border {
  padding: var(--box-padding);
}
.surgery_bg .border-block,
.surgery_bg .bg-block,
.surgery_bg .box_bg,
.bg-block .border-block,
.bg-block .bg-block,
.bg-block .box_bg,
.flow-block .border-block,
.flow-block .bg-block,
.flow-block .box_bg,
.box_bg .border-block,
.box_bg .bg-block,
.box_bg .box_bg,
.box_border .border-block,
.box_border .bg-block,
.box_border .box_bg {
  padding: var(--note-padding);
}

.surgery_bg .bg-block,
.surgery_bg .box_bg,
.bg-block .bg-block,
.bg-block .box_bg,
.box_bg .bg-block,
.box_bg .box_bg,
.flow-block .bg-block,
.flow-block .box_bg {
  background: var(--bg_kasou);
}

.box_border .bg-block,
.box_border .box_bg {
  background: var(--white);
}

.bg-block .border-block {
  background: var(--bg_kasou);
}

.h3:has(h2) + .bg-block,
h2 + .bg-block {
  background: none;
  padding: 0;
}
.h3:has(h2) + .bg-block img.alignright,
h2 + .bg-block img.alignright {
  width: 100%;
}
@media (min-width: 768px) {
  .h3:has(h2) + .bg-block img.alignright,
  h2 + .bg-block img.alignright {
    width: 480px;
  }
}

/**/
.row.sp_col_2 .col_2 .box_bg,
.row.sp_col_2 .col_2 .box_border, .row.sp_col_2 .col_3 .box_bg,
.row.sp_col_2 .col_3 .box_border, .row.sp_col_2 .col_4 .box_bg,
.row.sp_col_2 .col_4 .box_border, .row.sp_col_2 .col_5 .box_bg,
.row.sp_col_2 .col_5 .box_border, .row.sp_col_2 .col_6 .box_bg,
.row.sp_col_2 .col_6 .box_border {
  height: 100%;
}
.row.sp_col_2 .col_2 .box_bg .box_bg,
.row.sp_col_2 .col_2 .box_bg .box_border,
.row.sp_col_2 .col_2 .box_border .box_bg,
.row.sp_col_2 .col_2 .box_border .box_border, .row.sp_col_2 .col_3 .box_bg .box_bg,
.row.sp_col_2 .col_3 .box_bg .box_border,
.row.sp_col_2 .col_3 .box_border .box_bg,
.row.sp_col_2 .col_3 .box_border .box_border, .row.sp_col_2 .col_4 .box_bg .box_bg,
.row.sp_col_2 .col_4 .box_bg .box_border,
.row.sp_col_2 .col_4 .box_border .box_bg,
.row.sp_col_2 .col_4 .box_border .box_border, .row.sp_col_2 .col_5 .box_bg .box_bg,
.row.sp_col_2 .col_5 .box_bg .box_border,
.row.sp_col_2 .col_5 .box_border .box_bg,
.row.sp_col_2 .col_5 .box_border .box_border, .row.sp_col_2 .col_6 .box_bg .box_bg,
.row.sp_col_2 .col_6 .box_bg .box_border,
.row.sp_col_2 .col_6 .box_border .box_bg,
.row.sp_col_2 .col_6 .box_border .box_border {
  height: auto;
}
@media (min-width: 768px) {
  .row .col_2 .box_bg,
  .row .col_2 .box_border, .row .col_3 .box_bg,
  .row .col_3 .box_border, .row .col_4 .box_bg,
  .row .col_4 .box_border, .row .col_5 .box_bg,
  .row .col_5 .box_border, .row .col_6 .box_bg,
  .row .col_6 .box_border {
    height: 100%;
  }
  .row .col_2 .box_bg .box_bg,
  .row .col_2 .box_bg .box_border,
  .row .col_2 .box_border .box_bg,
  .row .col_2 .box_border .box_border, .row .col_3 .box_bg .box_bg,
  .row .col_3 .box_bg .box_border,
  .row .col_3 .box_border .box_bg,
  .row .col_3 .box_border .box_border, .row .col_4 .box_bg .box_bg,
  .row .col_4 .box_bg .box_border,
  .row .col_4 .box_border .box_bg,
  .row .col_4 .box_border .box_border, .row .col_5 .box_bg .box_bg,
  .row .col_5 .box_bg .box_border,
  .row .col_5 .box_border .box_bg,
  .row .col_5 .box_border .box_border, .row .col_6 .box_bg .box_bg,
  .row .col_6 .box_bg .box_border,
  .row .col_6 .box_border .box_bg,
  .row .col_6 .box_border .box_border {
    height: auto;
  }
}

/* googlemap youtube */
.googlemap,
.youtube {
  position: relative;
  width: 100%;
  height: 0;
  overflow: hidden;
}
.googlemap iframe,
.youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.googlemap {
  padding-top: calc(210 / var(--sp_calc));
}
@media (min-width: 768px) {
  .googlemap {
    padding-top: 440px;
  }
}

.youtube {
  padding-top: 56.25%;
}

.columns {
  display: block grid;
  gap: var(--px-28);
  grid-template-columns: repeat(2, 1fr);
}
.columns .column .box_bg {
  height: 100%;
}
@media (min-width: 768px) {
  .columns .column .box_bg {
    padding: var(--note-padding);
  }
}

.rows {
  display: block grid;
  gap: var(--px-28);
  grid-template-columns: repeat(1, 1fr);
}
@media (min-width: 768px) {
  .rows._cols_2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .rows._cols_3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .rows ._w100 {
    grid-column-start: 1;
    grid-column-end: -1;
  }
  .rows._start {
    align-items: start;
  }
}
.rows._box_img figure {
  background: var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
}
.rows._box_img figure img {
  margin: 0;
  width: 100%;
  height: calc(235 / var(--sp_calc));
  -o-object-fit: contain;
     object-fit: contain;
}
@media (min-width: 768px) {
  .rows._box_img figure img {
    height: 235px;
  }
}
.rows._box_img .txt {
  margin-top: var(--px-20);
}
.rows._box_img .txt p {
  line-height: 1.7;
  letter-spacing: 0.08em;
  font-size: var(--px-17);
}
@media (min-width: 768px) {
  .rows._box_img .txt p {
    font-size: 18px;
  }
}
.rows._box_img .txt .imgtitle {
  color: var(--blue_03);
  font-weight: 500;
  font-size: var(--px-20);
  letter-spacing: 0.08em;
}
.rows._box_img .txt p + p {
  margin-top: var(--px-10);
}
@media (min-width: 768px) {
  .rows._box_img._horizon .item {
    display: flex;
    gap: 24px;
  }
  .rows._box_img._horizon .txt {
    flex: 0 0 auto;
    width: 275px;
    margin-top: 0;
  }
  .rows._box_img._horizon figure {
    flex: 1 1 auto;
  }
  .rows._box_img._horizon figure img {
    max-width: 100%;
  }
}
.rows._box_img._facility figure {
  padding: var(--px-10);
}
@media (min-width: 768px) {
  .rows._box_img:not(._horizon) {
    grid-template-rows: subgrid;
    align-items: start;
  }
  .rows._box_img:not(._horizon) .item {
    display: grid;
    grid-template-rows: subgrid;
    gap: 0;
    grid-row: span 2;
  }
}

ul.clearfix:has(.box2),
ul.clearfix:has(.box3),
ul.clearfix:has(.box4) {
  display: block grid;
  gap: var(--px-28);
  grid-template-columns: repeat(1, 1fr);
}
.bg-block ul.clearfix:has(.box2), .flow-block ul.clearfix:has(.box2), .box_bg ul.clearfix:has(.box2), .box_border ul.clearfix:has(.box2),
.bg-block ul.clearfix:has(.box3),
.flow-block ul.clearfix:has(.box3),
.box_bg ul.clearfix:has(.box3),
.box_border ul.clearfix:has(.box3),
.bg-block ul.clearfix:has(.box4),
.flow-block ul.clearfix:has(.box4),
.box_bg ul.clearfix:has(.box4),
.box_border ul.clearfix:has(.box4) {
  gap: var(--px-20);
}
ul.clearfix:has(.box2) .box2,
ul.clearfix:has(.box2) .box3,
ul.clearfix:has(.box2) .box4,
ul.clearfix:has(.box3) .box2,
ul.clearfix:has(.box3) .box3,
ul.clearfix:has(.box3) .box4,
ul.clearfix:has(.box4) .box2,
ul.clearfix:has(.box4) .box3,
ul.clearfix:has(.box4) .box4 {
  width: auto;
}
ul.clearfix:has(.box2) li:not(:has([class])),
ul.clearfix:has(.box3) li:not(:has([class])),
ul.clearfix:has(.box4) li:not(:has([class])) {
  grid-column-start: 1;
  grid-column-end: -1;
}
ul.clearfix:has(.box2)::after,
ul.clearfix:has(.box3)::after,
ul.clearfix:has(.box4)::after {
  display: none;
}

@media (min-width: 768px) {
  .box2 {
    width: 48%;
  }
  .box3 {
    width: 32%;
  }
  .box4 {
    width: 23%;
  }
  ul.clearfix:has(.box2) {
    grid-template-columns: repeat(2, 1fr);
  }
  ul.clearfix:has(.box3) {
    grid-template-columns: repeat(3, 1fr);
  }
  ul.clearfix:has(.box4) {
    grid-template-columns: repeat(4, 1fr);
  }
}
.mce-content-body .link_anchor a {
  color: var(--white);
}

.link_anchor {
  display: block grid;
  gap: 0 24px;
  background: var(--blue_03);
  padding-bottom: var(--px-48);
}
@media (max-width: 767px) {
  .link_anchor {
    margin-left: calc(var(--container-padding-size) / var(--sp_calc) * -1);
    margin-right: calc(var(--container-padding-size) / var(--sp_calc) * -1);
    padding-left: calc(var(--container-padding-size) / var(--sp_calc));
    padding-right: calc(var(--container-padding-size) / var(--sp_calc));
  }
}
@media (min-width: 768px) {
  .link_anchor {
    grid-template-columns: repeat(4, 1fr);
    margin-left: calc(((var(--container-size) - var(--under-size)) / 2 + var(--container-padding-size)) * -1px);
    margin-right: calc(((var(--container-size) - var(--under-size)) / 2 + var(--container-padding-size)) * -1px);
    padding-left: calc(var(--container-padding-size) * 1px);
    padding-right: calc(var(--container-padding-size) * 1px);
  }
}
@media (min-width: 1280px) {
  .link_anchor {
    margin-left: min(50% - var(--vw100) / 2, ((var(--container-size) - var(--under-size)) / 2 + var(--container-padding-size)) * -1px);
    margin-right: min(50% - var(--vw100) / 2, ((var(--container-size) - var(--under-size)) / 2 + var(--container-padding-size)) * -1px);
    padding-left: calc(var(--vw100) / 2 - var(--container-width) / 2);
    padding-right: calc(var(--vw100) / 2 - var(--container-width) / 2);
  }
}
.link_anchor a {
  display: flex;
  align-items: center;
  overflow: hidden;
  background: url(../img/common/arrow-link_anchor.svg) no-repeat right calc(15 / var(--sp_calc)) center/calc(18 / var(--sp_calc));
  background-size: var(--px-12);
  background-position: right var(--px-15) center;
  font-family: var(--title-family);
  font-weight: var(--title-family-weight);
  line-height: 1.6;
  letter-spacing: 0.04em;
  position: relative;
  text-decoration: none;
}
.link_anchor a::before, .link_anchor a::after {
  position: absolute;
  content: "";
  display: block;
  bottom: 0;
  height: var(--px-1);
  width: 100%;
}
.link_anchor a::before {
  background: var(--gray_01);
  right: 0;
}
.link_anchor a::after {
  background: var(--beiju_02);
  transition: right 0.3s ease;
  right: 100%;
}
@media (hover: hover) {
  .link_anchor a:hover {
    opacity: 1;
  }
  .link_anchor a:hover::after {
    right: 0;
  }
}
@media (max-width: 767px) {
  .link_anchor a {
    font-size: calc(15 / var(--sp_calc));
    padding: calc(12 / var(--sp_calc)) calc(38 / var(--sp_calc)) calc(12 / var(--sp_calc)) calc(8 / var(--sp_calc));
  }
}
@media (min-width: 768px) {
  .link_anchor a {
    background-position: right 3px center;
    height: 66px;
    padding: 0 26px 0 6px;
  }
}

.ul_circle,
.ul_arrow,
.ul_check,
.ol_circle,
.ol_decimal {
  display: block grid;
  gap: var(--px-8) var(--px-24);
  grid-template-columns: repeat(1, 1fr);
}
.ul_circle li,
.ul_arrow li,
.ul_check li,
.ol_circle li,
.ol_decimal li {
  --line-height: 1.6;
  line-height: var(--line-height);
  letter-spacing: 0.04em;
  position: relative;
}
@media (min-width: 768px) {
  .ul_circle li,
  .ul_arrow li,
  .ul_check li,
  .ol_circle li,
  .ol_decimal li {
    --line-height: 1.7;
  }
}
.ul_circle li::before, .ul_circle li::after,
.ul_arrow li::before,
.ul_arrow li::after,
.ul_check li::before,
.ul_check li::after,
.ol_circle li::before,
.ol_circle li::after,
.ol_decimal li::before,
.ol_decimal li::after {
  content: "";
  position: absolute;
  letter-spacing: 0;
}
@media (min-width: 768px) {
  .ul_circle.float-list.float-list2, .ul_circle._cols_2,
  .ul_arrow.float-list.float-list2,
  .ul_arrow._cols_2,
  .ul_check.float-list.float-list2,
  .ul_check._cols_2,
  .ol_circle.float-list.float-list2,
  .ol_circle._cols_2,
  .ol_decimal.float-list.float-list2,
  .ol_decimal._cols_2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .ul_circle.float-list.float-list3, .ul_circle._cols_3,
  .ul_arrow.float-list.float-list3,
  .ul_arrow._cols_3,
  .ul_check.float-list.float-list3,
  .ul_check._cols_3,
  .ol_circle.float-list.float-list3,
  .ol_circle._cols_3,
  .ol_decimal.float-list.float-list3,
  .ol_decimal._cols_3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .ul_circle.float-list.float-list4, .ul_circle._cols_4,
  .ul_arrow.float-list.float-list4,
  .ul_arrow._cols_4,
  .ul_check.float-list.float-list4,
  .ul_check._cols_4,
  .ol_circle.float-list.float-list4,
  .ol_circle._cols_4,
  .ol_decimal.float-list.float-list4,
  .ol_decimal._cols_4 {
    grid-template-columns: repeat(4, 1fr);
  }
}

.ul_circle li {
  --icon-height: var(--px-8);
  --padding-l: var(--px-20);
  padding-left: var(--padding-l);
}
.ul_circle li::before {
  width: var(--icon-height);
  height: var(--icon-height);
  border-radius: 50%;
  background: var(--color-clinic-icon);
  left: 0;
  top: calc(1em * var(--line-height) * 0.5 - var(--icon-height) * 0.5);
}
.ul_circle._btn {
  gap: calc(10 / var(--sp_calc));
}
@media (min-width: 768px) {
  .ul_circle._btn {
    gap: 20px;
  }
}
.ul_circle._btn li {
  --padding-t: calc( 12 / var(--sp_calc));
  --padding-l-this: calc( 32 / var(--sp_calc));
  background: var(--color-clinic-bg);
  border-radius: var(--px-5);
  padding: var(--padding-t);
  padding-left: var(--padding-l-this);
}
@media (min-width: 768px) {
  .ul_circle._btn li {
    --padding-t: 20px;
    --padding-l-this: 40px;
  }
}
@media (min-width: 768px) {
  .ul_circle._btn li {
    padding-right: 16px;
  }
}
.ul_circle._btn li::before {
  top: calc(1em * var(--line-height) * 0.5 - var(--icon-height) * 0.5 + var(--padding-t));
  left: calc(var(--padding-l-this) - var(--padding-l));
}
.ul_circle._maru li {
  --icon-height: var(--px-12);
  --padding-l: var(--px-22);
}

.ul_check {
  --icon-height: var(--px-20);
}
@media (min-width: 768px) {
  .ul_check {
    --icon-height: 23px;
  }
}
.ul_check li {
  padding-left: calc(30 / var(--sp_calc));
}
@media (min-width: 768px) {
  .ul_check li {
    padding-left: 35px;
  }
}
.ul_check li::before {
  width: var(--icon-height);
  height: var(--icon-height);
  background: var(--color-clinic);
  -webkit-mask-image: url(../img/common/icon_ul_check.svg);
  mask-image: url(../img/common/icon_ul_check.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  left: 0;
  top: calc(1em * var(--line-height) * 0.5 - var(--icon-height) * 0.5);
}

.ul_triangle li::before {
  left: 2px;
  border: 4px solid transparent;
  border-left: 6px solid #0f406c;
  top: calc(var(--main-size) * 1.75 / 2 - var(--main-size) / 4);
}

.ol_circle,
.ol_decimal {
  counter-reset: ol_circle;
  line-height: 1;
  letter-spacing: 0;
  row-gap: var(--px-15);
}
.ol_circle li,
.ol_decimal li {
  padding-left: 2.5em;
  position: relative;
}
.ol_circle li::before,
.ol_decimal li::before {
  content: "";
  position: absolute;
  content: counter(ol_circle);
  counter-increment: ol_circle;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--white);
  background: var(--color-clinic-txt);
  width: 1.8em;
  height: 1.8em;
  border-radius: 50%;
  left: 0;
  font-family: var(--eb-garamond);
  font-weight: 500;
  font-size: 1em;
  line-height: 1;
  letter-spacing: 0;
  text-align: center;
  top: 0;
  padding-bottom: var(--px-2);
}
.ol_circle li::after,
.ol_decimal li::after {
  display: none;
}

@media (max-width: 767px) {
  .menu_bnr_list ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
.menu_bnr_list li {
  text-align: center;
}
.menu_bnr_list li::before {
  display: none;
}
.menu_bnr_list a {
  display: block;
  background: var(--color-clinic-bg);
  border-radius: var(--px-5);
  color: var(--main_txt);
  padding: var(--padding-t);
  text-decoration: none;
}
@media (hover: hover) {
  .menu_bnr_list a {
    transition: var(--transition-hover);
  }
  .menu_bnr_list a:hover {
    opacity: 1;
    color: var(--white);
    background: var(--color-clinic);
  }
}
.menu_bnr_list ._btn li {
  background: none;
  padding: 0;
}
.menu_bnr_list ._btn li.active a {
  color: var(--white);
  background: var(--blue_02);
}

table {
  --thead-bg: #265383;
  --th-bg: var(--gray_03);
  width: 100%;
  border-collapse: collapse;
  /* table_detail */
}
table th, table td {
  font-weight: var(--main-family-weight);
  line-height: 1.8;
  letter-spacing: 0.04em;
}
table.table_address {
  background: none;
}
table.table_address th, table.table_address td {
  text-align: left;
}
table.table_timetable {
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0px var(--px-6);
  margin-block: calc(var(--px-6) * -1);
}
table.table_timetable th, table.table_timetable td {
  text-align: center;
}
table.table_timetable th {
  font-weight: 500;
}
table.table_timetable thead th {
  background: var(--thead-bg);
  color: var(--white);
  line-height: 1;
  padding-top: calc(8 / var(--sp_calc));
  padding-bottom: calc(8 / var(--sp_calc));
}
table.table_timetable thead th:first-child {
  width: calc(90 / var(--sp_calc));
}
@media (max-width: 767px) {
  table.table_timetable thead th:last-child {
    letter-spacing: -0.08em;
  }
}
table.table_timetable tbody th {
  color: var(--color-text);
  background: var(--th-bg);
  letter-spacing: 0;
  line-height: 1;
  padding-top: calc(13 / var(--sp_calc));
  padding-bottom: calc(13 / var(--sp_calc));
  width: calc(90 / var(--sp_calc));
}
table.table_timetable tbody td {
  background: var(--white);
  color: var(--color-text);
  letter-spacing: 0;
  line-height: 1.5;
  padding-top: calc(10 / var(--sp_calc));
  padding-bottom: calc(10 / var(--sp_calc));
}
@media (max-width: 767px) {
  table.table_timetable {
    font-size: calc(14 / var(--sp_calc));
  }
}
@media (min-width: 768px) {
  table.table_timetable thead th {
    letter-spacing: 0.08em;
    padding-top: 11px;
    padding-bottom: 11px;
  }
  table.table_timetable thead th:first-child {
    font-size: 18px;
    letter-spacing: 0.08em;
    width: 156px;
  }
  table.table_timetable tbody th {
    letter-spacing: 0.04em;
    padding-top: 18px;
    padding-bottom: 18px;
    width: 156px;
  }
  table.table_timetable tbody td {
    padding-top: 13px;
    padding-bottom: 13px;
  }
}
table.table_timetable._doctor th, table.table_timetable._doctor td {
  font-weight: 500;
}
._takatsuki table.table_timetable thead th, ._takatsuki table.table_timetable thead td, ._yao table.table_timetable thead th, ._yao table.table_timetable thead td, ._matsubara table.table_timetable thead th, ._matsubara table.table_timetable thead td {
  background: var(--color-clinic);
}
._takatsuki table.table_timetable tbody th, ._yao table.table_timetable tbody th, ._matsubara table.table_timetable tbody th {
  background: var(--color-clinic-bg);
}
.timetable_wrap._access table.table_timetable + p {
  margin-top: var(--px-20);
  line-height: 1.6;
  letter-spacing: 0.04em;
}
@media (min-width: 768px) {
  .timetable_wrap._access table.table_timetable + p {
    line-height: 1.8;
  }
}
table.table, table.border-table {
  --border-color: var(--blue_02);
  border-top: 1px solid var(--border-color);
  letter-spacing: 0.04em;
  /**/
}
table.table th, table.table td, table.border-table th, table.border-table td {
  border-bottom: 1px solid var(--border-color);
  padding: calc(20 / var(--sp_calc)) calc(12 / var(--sp_calc));
  text-align: left;
  line-height: 1.6;
  vertical-align: top;
}
@media (min-width: 768px) {
  table.table th, table.table td, table.border-table th, table.border-table td {
    padding: 22px 26px;
    line-height: 1.8;
  }
}
table.table thead th,
table.table tbody th, table.border-table thead th,
table.border-table tbody th {
  font-weight: 500;
}
table.table thead th, table.table thead td, table.border-table thead th, table.border-table thead td {
  background: #265383;
  color: var(--white);
  text-align: center;
  padding-top: var(--px-12);
  padding-bottom: var(--px-12);
}
@media (min-width: 768px) {
  table.table thead th, table.table thead td, table.border-table thead th, table.border-table thead td {
    line-height: 1.6;
  }
}
table.table tbody th, table.border-table tbody th {
  background: var(--th-bg);
}
table.table tbody td, table.border-table tbody td {
  background: var(--white);
}
table.table tbody td + td, table.border-table tbody td + td {
  border-left: 1px solid var(--border-color);
}
table.table:has(thead), table.border-table:has(thead) {
  --border-color: var(--blue_03);
  border-top-color: var(--blue_03);
}
table.table._fixed, table.border-table._fixed {
  table-layout: fixed;
}
table.table._default thead th:first-child,
table.table._default tbody th:first-child, table.border-table._default thead th:first-child,
table.border-table._default tbody th:first-child {
  width: 42.8571428571%;
}
@media (min-width: 768px) {
  table.table._default thead th:first-child,
  table.table._default tbody th:first-child, table.border-table._default thead th:first-child,
  table.border-table._default tbody th:first-child {
    width: 300px;
  }
}
table.table._recruit th, table.border-table._recruit th {
  vertical-align: middle;
}
table.table._recruit td, table.border-table._recruit td {
  vertical-align: top;
}
@media (min-width: 768px) {
  table.table._recruit thead th:first-child,
  table.table._recruit tbody th:first-child, table.border-table._recruit thead th:first-child,
  table.border-table._recruit tbody th:first-child {
    width: 180px;
  }
}
table.table._fee tbody td, table.border-table._fee tbody td {
  text-align: right;
}
table.table._center tbody th, table.table._center tbody td, table.border-table._center tbody th, table.border-table._center tbody td {
  text-align: center;
}
table.table._th_center tbody th, table.border-table._th_center tbody th {
  text-align: center;
}
table.table._td_last_right tbody td:last-child, table.border-table._td_last_right tbody td:last-child {
  text-align: right;
}
table.table.achievement_table th, table.table.achievement_table td, table.border-table.achievement_table th, table.border-table.achievement_table td {
  padding-left: var(--px-8);
  padding-right: var(--px-8);
}
table.table.achievement_table tbody td.color01, table.table.achievement_table tbody th.color01, table.border-table.achievement_table tbody td.color01, table.border-table.achievement_table tbody th.color01 {
  color: #ca6716;
}
table.table.achievement_table tbody th.color01, table.border-table.achievement_table tbody th.color01 {
  background-color: #ffe7c6;
}
@media (max-width: 767px) {
  table.table.achievement_table, table.border-table.achievement_table {
    width: calc(1000 / var(--sp_calc));
  }
}
@media (min-width: 768px) {
  table.table tbody th {
    font-size: 22px;
  }
}
table.table_detail th,
table.table_detail td {
  padding-top: calc(11 / var(--sp_calc));
  padding-bottom: calc(11 / var(--sp_calc));
  line-height: 1.8;
  letter-spacing: 0.04em;
  margin-block: var(--leading-trim);
  border-bottom: var(--px-1) solid #B5BFD1;
  vertical-align: top;
}
@media (min-width: 768px) {
  table.table_detail th,
  table.table_detail td {
    line-height: 1.6;
    letter-spacing: 0.06em;
  }
}
table.table_detail th {
  padding-left: 0;
}
table.table_detail td {
  padding-left: calc(10 / var(--sp_calc));
}
@media (min-width: 768px) {
  table.table_detail._has_top_border {
    border-top: var(--px-1) solid #B5BFD1;
  }
}
table.table_detail:not(._has_top_border) tbody tr:first-child th, table.table_detail:not(._has_top_border) tbody tr:first-child td {
  padding-top: var(--px-10);
}
table.table_detail:not(._has_top_border) tbody tr:first-child th, table.table_detail:not(._has_top_border) tbody tr:first-child td {
  padding-top: var(--px-1);
}
@media (min-width: 768px) {
  table.table_detail th,
  table.table_detail td {
    padding-top: 24px;
    padding-bottom: 24px;
  }
  table.table_detail th {
    padding-left: 10px;
  }
  table.table_detail td {
    padding-left: 24px;
  }
}
table + table {
  margin-top: var(--box-margin);
}
div + table, p + table {
  margin-top: var(--box-margin);
}

.js-scrollable,
.js-scrollable_pc {
  margin-top: var(--box-margin);
}

@media (max-width: 767px) {
  .js-scrollable table {
    min-width: calc(700 / var(--sp_calc));
    width: -moz-fit-content;
    width: fit-content;
  }
  .js-scrollable table.multifocal-table {
    min-width: calc(900 / var(--sp_calc));
  }
  .js-scrollable table.table._default thead th:first-child,
  .js-scrollable table.table._default tbody th:first-child {
    width: calc(140 / var(--sp_calc));
  }
}
.js-scrollable.scroll-hint {
  overflow-y: hidden !important;
}

.scroll-hint-text {
  letter-spacing: 0;
}

.box_faq.active {
  box-shadow: 0px 0px var(--px-25) 0px rgba(100, 105, 111, 0.1490196078);
}
.box_faq .question,
.box_faq .answer {
  position: relative;
}
@media (min-width: 768px) {
  .box_faq .question,
  .box_faq .answer {
    gap: 26px;
  }
}
.box_faq .question::before,
.box_faq .answer::before {
  position: absolute;
  color: var(--color-clinic-txt);
  font-family: var(--cor-garamond);
  font-weight: 600;
  font-size: calc(28 / var(--sp_calc));
  line-height: 1;
  letter-spacing: 0.08em;
  left: calc(18 / var(--sp_calc));
}
@media (min-width: 768px) {
  .box_faq .question::before,
  .box_faq .answer::before {
    font-size: 34px;
    left: 24px;
  }
}
.box_faq .question {
  background: var(--gray_03);
  padding: var(--px-12) calc(58 / var(--sp_calc)) var(--px-12) calc(54 / var(--sp_calc));
}
@media (min-width: 768px) {
  .box_faq .question {
    padding-right: 70px;
    padding-left: 77px;
  }
}
.box_faq .question::before {
  content: "Q";
  top: var(--px-17);
}
.box_faq .question p, .box_faq .question h3, .box_faq .question h4, .box_faq .question h5,
.box_faq .question .faq_title {
  flex: 1 1 auto;
  cursor: pointer;
  color: var(--main_txt);
  border: none;
  background: none;
  margin: 0;
  padding: 0;
  font-family: var(--title-family);
  font-weight: var(--title-family-weight);
  font-size: calc(18 / var(--sp_calc));
  line-height: 1.8;
  letter-spacing: 0.06em;
  position: relative;
}
@media (min-width: 768px) {
  .box_faq .question p, .box_faq .question h3, .box_faq .question h4, .box_faq .question h5,
  .box_faq .question .faq_title {
    font-size: 22px;
  }
}
.box_faq .question .faq_title::before, .box_faq .question .faq_title::after {
  position: absolute;
  content: "";
  background: var(--color-clinic-txt);
  width: var(--px-16);
  height: var(--px-16);
  height: var(--px-2);
  margin-top: auto;
  margin-bottom: auto;
  top: 0;
  bottom: 0;
  left: calc(100% + 21 / var(--sp_calc));
}
@media (min-width: 768px) {
  .box_faq .question .faq_title::before, .box_faq .question .faq_title::after {
    left: calc(100% + 27px);
  }
}
.box_faq .question .faq_title::after {
  transform: rotate(90deg);
  transition: var(--transition-hover);
}
.box_faq .question.open .faq_title::after {
  transform: rotate(0);
}
.box_faq .question .faq_title p::before, .box_faq .question .faq_title p::after, .box_faq .question .faq_title h3::before, .box_faq .question .faq_title h3::after, .box_faq .question .faq_title h4::before, .box_faq .question .faq_title h4::after, .box_faq .question .faq_title h5::before, .box_faq .question .faq_title h5::after {
  display: none;
}
.box_faq .answer {
  background: var(--white);
}
@media (max-width: 767px) {
  .box_faq .answer {
    padding: calc(22 / var(--sp_calc)) calc(24 / var(--sp_calc)) calc(22 / var(--sp_calc)) calc(54 / var(--sp_calc));
  }
}
@media (min-width: 768px) {
  .box_faq .answer {
    padding: 30px 80px 30px 77px;
  }
}
.box_faq .answer::before {
  content: "A";
  top: var(--px-22);
}
@media (min-width: 768px) {
  .box_faq .answer::before {
    top: 30px;
  }
}
.box_faq .answer p + ul {
  margin-top: var(--px-18);
}
.box_faq + .box_faq {
  margin-top: calc(20 / var(--sp_calc));
}
@media (min-width: 768px) {
  .box_faq + .box_faq {
    margin-top: 30px;
  }
}

div:not([class]) + .box_faq,
ul + .box_faq {
  margin-top: var(--box-margin);
}

.flow-block {
  position: relative;
}
.flow-block + .flow-block {
  margin-top: var(--px-78);
}
.flow-block::after {
  content: "";
  position: absolute;
  background: var(--color-clinic-bg);
  width: var(--px-100);
  height: var(--px-48);
  top: calc(100% + var(--px-16));
  -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
          clip-path: polygon(50% 100%, 0 0, 100% 0);
  margin-inline: auto;
  left: 0;
  right: 0;
}
.flow-block:last-child::after, .flow-block.last::after {
  display: none;
}
.flow-block .title {
  color: inherit;
  font-family: var(--title-family);
  font-weight: var(--title-family-weight);
  font-size: calc(22 / var(--sp_calc));
  line-height: 1.6;
  letter-spacing: 0.04em;
  display: flex;
  align-items: center;
  gap: 14px;
  background: none;
  border: none;
  margin: 0;
  margin-bottom: var(--px-30);
  padding: 0;
  text-align: left;
}
@media (min-width: 768px) {
  .flow-block .title {
    gap: 25px;
    font-size: 28px;
  }
}
.flow-block .title::before, .flow-block .title::after {
  display: none;
}
.flow-block .title .num {
  flex: 0 0 auto;
  border-radius: 50%;
  background: var(--color-clinic-secondary);
  color: #fff;
  font-family: var(--eb-garamond);
  font-weight: 500;
  font-size: calc(26 / var(--sp_calc));
  line-height: 1;
  letter-spacing: 0.04em;
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(56 / var(--sp_calc));
  height: calc(56 / var(--sp_calc));
}
@media (min-width: 768px) {
  .flow-block .title .num {
    font-size: 36px;
    width: 70px;
    height: 70px;
  }
}
.flow-block .title .number_text {
  flex: 1 1 auto;
  color: var(--main_txt);
}
.flow-block .title + .inner {
  margin-top: var(--px-20);
}

.footer {
  --logo-width: calc( 235.95 / var(--sp_calc));
  background: linear-gradient(90deg, #203D5D 0%, #14283F 100%);
  color: var(--white);
  text-align: center;
  overflow: hidden;
}
.footer._takatsuki {
  --logo-width: calc( 282.64 / var(--sp_calc));
}
.footer._yao {
  --logo-width: calc( 322.83 / var(--sp_calc));
}
.footer._matsubara {
  --logo-width: calc( 329.89 / var(--sp_calc));
}
.footer .footer_logo {
  margin: calc(30 / var(--sp_calc)) 0 calc(10 / var(--sp_calc));
}
@media (max-width: 767px) {
  .footer .footer_logo {
    width: var(--logo-width);
    margin-inline: auto;
    padding-bottom: calc(10 / var(--sp_calc));
  }
}
@media (min-width: 768px) {
  .footer .footer_logo {
    margin: 40px 0 10px;
  }
}
.footer .copyright {
  --gap: calc( 16 / var(--sp_calc));
  --gap-copyright: calc( 10 / var(--sp_calc));
  font-weight: 400;
  font-size: var(--px-12);
  line-height: 1;
  letter-spacing: 0.06em;
  text-align: center;
  display: flex;
  justify-content: center;
  gap: var(--gap-copyright);
  margin: calc(12 / var(--sp_calc)) 0 calc(101 / var(--sp_calc));
}
@media (min-width: 768px) {
  .footer .copyright {
    --gap: 20px;
    --gap-copyright: var(--gap);
  }
}
@media (max-width: 767px) {
  .footer .copyright {
    flex-direction: column;
  }
}
@media (min-width: 768px) {
  .footer .copyright {
    font-size: 13px;
    flex-wrap: wrap;
    margin: 26px 0 26px;
  }
}
.footer .copyright .link {
  display: flex;
  justify-content: center;
  gap: var(--gap);
  margin: 0;
}
.footer .copyright .link a {
  text-underline-offset: var(--px-6);
  color: var(--white);
}
.footer._seiyukai .copyright {
  margin-bottom: var(--px-35);
}
@media (hover: hover) {
  .footer a {
    transition: var(--transition-hover);
  }
  .footer a:hover {
    opacity: var(--opacity-hover);
  }
}

.totop {
  position: fixed;
  opacity: 0;
  bottom: calc(70 / var(--sp_calc));
  border-radius: 50%;
  right: var(--px-10);
  background: #4A4B53;
  box-shadow: 0px var(--px-4) var(--px-30) 0px rgba(0, 0, 0, 0.2509803922);
  z-index: 300;
  transition: var(--transition-hover);
}
@media (min-width: 768px) {
  .totop {
    bottom: 10px;
  }
}
.totop .inner {
  width: calc(42 / var(--sp_calc));
  aspect-ratio: 1;
  border-radius: 50%;
  box-shadow: 0px 0px var(--px-7) 0px rgba(255, 255, 255, 0.8980392157);
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 768px) {
  .totop .inner {
    width: 50px;
  }
}
.under-page .totop {
  bottom: calc(68 / var(--sp_calc));
}
@media (min-width: 768px) {
  .under-page .totop {
    bottom: 10px;
  }
}
.totop .icon {
  display: block;
  width: var(--px-13);
  height: var(--px-12);
  -webkit-mask-image: url(../img/common/icon_totop.svg);
  mask-image: url(../img/common/icon_totop.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  background-color: #fff;
}
@media (hover: hover) {
  .totop .icon {
    transition: var(--transition-hover);
  }
  .totop:hover {
    cursor: pointer;
    background: #707179;
  }
  .totop:hover .icon {
    transform: translateY(calc(var(--px-3) * -1));
  }
}
@media (max-width: 767px) {
  .footer._seiyukai .totop {
    bottom: calc(10 / var(--sp_calc));
  }
}

/* sec_network */
.sec_network {
  --group-item-num: 3;
  --map-width: 1065;
  --map-height: 718;
  background: linear-gradient(180deg, #33363C 0%, #333840 100%);
  position: relative;
  overflow: hidden;
}
@media (max-width: 767px) {
  .sec_network.show-bg .container .txt_inner::before {
    background-image: url(../img/common/sec_network_bg_sp.png);
  }
}
@media (min-width: 768px) {
  .sec_network.show-bg .container .txt_inner::before {
    background-image: url(../img/common/sec_network_bg.png);
  }
}
@media (min-width: 768px) {
  .sec_network {
    background: linear-gradient(180deg, #33363C 0%, #101214 100%);
  }
}
.sec_network .no_network {
  display: none;
}
.sec_network .container._map, .sec_network .container._group {
  display: flex;
  flex-wrap: wrap;
}
.sec_network .container._map .txt,
.sec_network .container._map .map {
  flex: 1 1 auto;
  width: 100%;
}
.sec_network .container._map h2 {
  display: flex;
  align-items: center;
  position: relative;
  height: calc(126 / var(--sp_calc));
  color: var(--beiju_02);
  font-family: var(--title-family);
  font-size: calc(24 / var(--sp_calc));
  line-height: 1.6;
  letter-spacing: 0.04em;
}
.sec_network .container._map h2 span {
  position: relative;
}
.sec_network .container._map h2::before {
  position: absolute;
  content: "";
  background: linear-gradient(90deg, #33363C 0%, #101214 100%);
  right: 0;
  top: 0;
  height: 100%;
  width: var(--vw100);
}
.sec_network .container._map .txt {
  color: var(--white);
  font-family: var(--title-family);
  font-weight: var(--title-family-weight);
  font-size: calc(20 / var(--sp_calc));
  line-height: 1.6;
  letter-spacing: 0.04em;
}
.sec_network .container._map .txt_inner {
  padding-top: calc(35 / var(--sp_calc));
  position: relative;
}
@media (min-width: 768px) {
  .sec_network .container._map .txt_inner {
    padding-top: var(--section-padding);
  }
}
.sec_network .container._map .txt_inner::before {
  position: absolute;
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 767px) {
  .sec_network .container._map .txt_inner::before {
    width: calc(282 / var(--sp_calc));
    height: calc(222 / var(--sp_calc));
    right: calc(var(--container-padding-size) / var(--sp_calc) * -1);
    bottom: calc(20 / var(--sp_calc) * -1);
  }
}
@media (min-width: 768px) {
  .sec_network .container._map .txt_inner::before {
    width: 750px;
    height: 445px;
    top: 124px;
    left: calc((var(--vw100) - var(--container-width)) / 2 * -1);
  }
}
.sec_network .container._map ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0 var(--px-14);
  margin-top: calc(25 / var(--sp_calc));
}
.sec_network .container._map li {
  font-size: calc(18 / var(--sp_calc));
  line-height: 1;
  letter-spacing: 0.06em;
  display: flex;
  align-items: center;
  height: calc(45 / var(--sp_calc));
  border-bottom: 1px solid var(--beiju_04);
  padding-left: var(--px-24);
  position: relative;
  width: calc((100% - var(--px-14)) / 2);
}
.sec_network .container._map li::before {
  position: absolute;
  content: "";
  display: block;
  background: var(--beiju_03);
  width: var(--px-8);
  height: var(--px-8);
  border-radius: 9999px;
  top: 0;
  bottom: 0;
  left: var(--px-7);
  margin: auto;
}
.sec_network .container._map .map {
  background: var(--gradient-blue-row);
  position: relative;
}
.sec_network .container._map .map .bg img {
  width: 100%;
}
.sec_network .container._map .map .bg .pulsate,
.sec_network .container._map .map .bg .ripples {
  position: absolute;
  transform: translate(calc(9.455 / var(--sp_calc) * -1), calc(9.455 / var(--sp_calc) * -1));
  top: calc(145.025 / var(--sp_calc));
  left: calc(188.665 / var(--sp_calc));
  height: calc(18.91 / var(--sp_calc));
  width: calc(18.91 / var(--sp_calc));
  border-radius: 50%;
  animation-duration: 3.6s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
@media (min-width: 768px) {
  .sec_network .container._map .map .bg .pulsate,
  .sec_network .container._map .map .bg .ripples {
    transform: translate(-21px, -21px);
    top: 363px;
    left: 420px;
    height: 42px;
    width: 42px;
  }
}
.sec_network .container._map .map .bg .pulsate {
  background: rgba(13, 98, 178, 0.4);
  z-index: 1;
  animation-name: pulsate_anim_sp;
}
@media (min-width: 768px) {
  .sec_network .container._map .map .bg .pulsate {
    animation-name: pulsate_anim;
  }
}
.sec_network .container._map .map .bg .ripples {
  border: solid 1px #fff;
  box-sizing: border-box;
  opacity: 0;
  animation-name: ripples_anim_sp;
}
@media (min-width: 768px) {
  .sec_network .container._map .map .bg .ripples {
    animation-name: ripples_anim;
  }
}
@keyframes pulsate_anim {
  0% {
    transform: translate(-21px, -21px);
    width: 42px;
    height: 42px;
    background: #DDDCDB;
    opacity: 0;
  }
  23% { /* デフォルト => バリアント1 */
    transform: translate(-166px, -166px);
    width: 332px;
    height: 332px;
    background: #0D62B2;
    opacity: 0.4;
  }
  46% { /* バリアント1 => バリアント2 */
    transform: translate(-250px, -250px);
    width: 500px;
    height: 500px;
    background: #DDDCDB;
    opacity: 0;
  }
  77% { /* バリアント2 保持 */
    transform: translate(-250px, -250px);
    width: 500px;
    height: 500px;
    background: #DDDCDB;
    opacity: 0;
  }
  100% {
    transform: translate(-21px, -21px);
    width: 42px;
    height: 42px;
    background: #DDDCDB;
    opacity: 0;
  }
}
@keyframes ripples_anim {
  0% {
    transform: translate(-21px, -21px);
    width: 42px;
    height: 42px;
    opacity: 0;
  }
  23% { /* デフォルト => バリアント1 */
    transform: translate(-166px, -166px);
    width: 332px;
    height: 332px;
    opacity: 0.6;
  }
  46% { /* バリアント1 => バリアント2 */
    transform: translate(-330px, -330px);
    width: 660px;
    height: 660px;
    opacity: 0;
  }
  77% { /* バリアント2 保持 */
    transform: translate(-330px, -330px);
    width: 660px;
    height: 660px;
    opacity: 0;
  }
  100% {
    transform: translate(-21px, -21px);
    width: 42px;
    height: 42px;
    opacity: 0;
  }
}
@keyframes pulsate_anim_sp {
  0% {
    transform: translate(calc(18.91 / var(--sp_calc) / 2 * -1), calc(18.91 / var(--sp_calc) / 2 * -1));
    width: calc(18.91 / var(--sp_calc));
    height: calc(18.91 / var(--sp_calc));
    background: #DDDCDB;
    opacity: 0;
  }
  23% { /* デフォルト => バリアント1 */
    transform: translate(calc(74.7426857143 / var(--sp_calc) * -1), calc(74.7426857143 / var(--sp_calc) * -1));
    width: calc(149.4853714286 / var(--sp_calc));
    height: calc(149.4853714286 / var(--sp_calc));
    background: #0D62B2;
    opacity: 0.4;
  }
  46% { /* バリアント1 => バリアント2 */
    transform: translate(calc(112.5642857143 / var(--sp_calc) * -1), calc(112.5642857143 / var(--sp_calc) * -1));
    width: calc(225.1285714286 / var(--sp_calc));
    height: calc(225.1285714286 / var(--sp_calc));
    background: #DDDCDB;
    opacity: 0;
  }
  77% { /* バリアント2 保持 */
    transform: translate(calc(112.5642857143 / var(--sp_calc) * -1), calc(112.5642857143 / var(--sp_calc) * -1));
    width: calc(225.1285714286 / var(--sp_calc));
    height: calc(225.1285714286 / var(--sp_calc));
    background: #DDDCDB;
    opacity: 0;
  }
  100% {
    transform: translate(calc(18.91 / var(--sp_calc) / 2 * -1), calc(18.91 / var(--sp_calc) / 2 * -1));
    width: calc(18.91 / var(--sp_calc));
    height: calc(18.91 / var(--sp_calc));
    background: #DDDCDB;
    opacity: 0;
  }
}
@keyframes ripples_anim_sp {
  0% {
    transform: translate(calc(18.91 / var(--sp_calc) / 2 * -1), calc(18.91 / var(--sp_calc) / 2 * -1));
    width: calc(18.91 / var(--sp_calc));
    height: calc(18.91 / var(--sp_calc));
    opacity: 0;
  }
  23% { /* デフォルト => バリアント1 */
    transform: translate(calc(74.7426857143 / var(--sp_calc) * -1), calc(74.7426857143 / var(--sp_calc) * -1));
    width: calc(149.4853714286 / var(--sp_calc));
    height: calc(149.4853714286 / var(--sp_calc));
    opacity: 0.6;
  }
  46% { /* バリアント1 => バリアント2 */
    transform: translate(calc(148.5848571429 / var(--sp_calc) * -1), calc(148.5848571429 / var(--sp_calc) * -1));
    width: calc(297.1697142857 / var(--sp_calc));
    height: calc(297.1697142857 / var(--sp_calc));
    opacity: 0;
  }
  77% { /* バリアント2 保持 */
    transform: translate(calc(148.5848571429 / var(--sp_calc) * -1), calc(148.5848571429 / var(--sp_calc) * -1));
    width: calc(297.1697142857 / var(--sp_calc));
    height: calc(297.1697142857 / var(--sp_calc));
    opacity: 0;
  }
  100% {
    transform: translate(calc(18.91 / var(--sp_calc) / 2 * -1), calc(18.91 / var(--sp_calc) / 2 * -1));
    width: calc(18.91 / var(--sp_calc));
    height: calc(18.91 / var(--sp_calc));
    opacity: 0;
  }
}
@media (max-width: 767px) {
  .sec_network .container._map {
    display: flex;
    flex-direction: column-reverse;
  }
  .sec_network .container._map h2 {
    position: absolute;
    top: 0;
    left: 0;
    width: var(--vw100);
    padding-left: calc(var(--container-padding-size) / var(--sp_calc));
  }
  .sec_network .container._map h2::before {
    top: 0;
    left: 0;
  }
  .sec_network .container._map .txt_inner {
    padding-bottom: calc(30 / var(--sp_calc));
  }
  .sec_network .container._map .map {
    margin-top: calc(126 / var(--sp_calc));
    width: var(--vw100);
    margin-left: calc(var(--container-padding-size) / var(--sp_calc) * -1);
  }
}
@media (min-width: 768px) {
  .sec_network .container._map {
    flex-wrap: nowrap;
  }
  .sec_network .container._map .txt {
    flex: 0 0 auto;
    width: 496px;
    font-size: 26px;
  }
  .sec_network .container._map h2 {
    height: 228px;
    font-size: 40px;
  }
  .sec_network .container._map h2::before {
    width: calc(496px + (var(--vw100) - var(--container-width)) / 2);
  }
  .sec_network .container._map p {
    font-size: 26px;
    line-height: 1.6;
    letter-spacing: 0.06em;
    vertical-align: middle;
  }
  .sec_network .container._map ul {
    width: 422px;
    margin-top: 35px;
  }
  .sec_network .container._map li {
    font-size: 22px;
    height: 50px;
  }
  .sec_network .container._map .map {
    width: max(705px + var(--container-padding-size), 705px + (var(--vw100) - var(--container-width)) / 2);
    margin-right: min(var(--container-padding-size) * -1px, (var(--vw100) - var(--container-width)) / 2 * -1);
    overflow: hidden;
    height: 718px;
  }
  .sec_network .container._map .map .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 1065px;
    height: 718px;
  }
}
.sec_network .container._map .btn img {
  position: absolute;
  z-index: 2;
}
.sec_network .container._map .btn._takatsuki .line {
  top: calc(88 / var(--sp_calc));
  left: calc(195 / var(--sp_calc));
  width: calc(10.36 / var(--sp_calc));
}
.sec_network .container._map .btn._takatsuki .logo {
  top: calc(54.19 / var(--sp_calc));
  left: calc(111.91 / var(--sp_calc));
  width: calc(191.23 / var(--sp_calc));
}
.sec_network .container._map .btn._yao .line {
  top: calc(155 / var(--sp_calc));
  left: calc(191 / var(--sp_calc));
  width: calc(86.5 / var(--sp_calc));
}
.sec_network .container._map .btn._yao .logo {
  top: calc(235 / var(--sp_calc));
  left: calc(162 / var(--sp_calc));
  width: calc(215.44 / var(--sp_calc));
}
.sec_network .container._map .btn._matsubara .line {
  top: calc(155 / var(--sp_calc));
  left: calc(148 / var(--sp_calc));
  width: calc(39 / var(--sp_calc));
}
.sec_network .container._map .btn._matsubara .logo {
  top: calc(188 / var(--sp_calc));
  left: calc(19 / var(--sp_calc));
  width: calc(216.22 / var(--sp_calc));
}
@media (min-width: 768px) {
  .sec_network .container._map .btn._takatsuki .line {
    top: max(254px, 254 / var(--map-height) * 100%);
    left: min(435px, 435 / var(--map-width) * 100%);
    width: min(24px, 24 / var(--map-width) * 100%);
    top: 254px;
    left: 435px;
    width: 24px;
  }
  .sec_network .container._map .btn._takatsuki .logo {
    top: max(199px, 199 / var(--map-height) * 100%);
    left: min(346px, 346 / var(--map-width) * 100%);
    width: min(312px, 312 / var(--map-width) * 100%);
    top: 199px;
    left: 346px;
    width: 312px;
  }
  .sec_network .container._map .btn._yao .line {
    top: max(383px, 383 / var(--map-height) * 100%);
    left: min(423px, 423 / var(--map-width) * 100%);
    width: min(30px, 30 / var(--map-width) * 100%);
    top: 383px;
    left: 423px;
    width: 30px;
  }
  .sec_network .container._map .btn._yao .logo {
    top: max(469px, 469 / var(--map-height) * 100%);
    left: min(292px, 292 / var(--map-width) * 100%);
    width: min(352px, 352 / var(--map-width) * 100%);
    top: 469px;
    left: 292px;
    width: 352px;
  }
  .sec_network .container._map .btn._matsubara .line {
    top: max(372px, 372 / var(--map-height) * 100%);
    left: min(306px, 306 / var(--map-width) * 100%);
    width: min(114px, 114 / var(--map-width) * 100%);
    top: 372px;
    left: 306px;
    width: 114px;
  }
  .sec_network .container._map .btn._matsubara .logo {
    top: max(342px, 342 / var(--map-height) * 100%);
    left: min(22px, 22 / var(--map-width) * 100%);
    width: min(342px, 342 / var(--map-width) * 100%);
    top: 342px;
    left: 22px;
    width: 342px;
  }
}
.sec_network .container._group {
  gap: calc(26 / var(--sp_calc));
  padding-top: var(--section-padding);
  padding-bottom: calc(36 / var(--sp_calc));
}
.sec_network .container._group h2 {
  color: var(--beiju_02);
  font-family: var(--title-family);
  font-weight: var(--title-family-weight);
  font-size: 28px;
  line-height: 1.6;
  letter-spacing: 0.04em;
  text-align: center;
  margin-bottom: var(--px-4);
  width: 100%;
}
@media (min-width: 768px) {
  .sec_network .container._group h2 {
    font-size: 40px;
  }
  .sec_network .container._group h2 .dib {
    padding-left: 0.25em;
  }
}
.sec_network .container._group .item {
  flex: 0 0 auto;
  width: 100%;
  background: var(--white);
  display: flex;
  flex-direction: column;
  box-shadow: 0px var(--px-4) var(--px-20) 0px rgba(36, 37, 37, 0.3490196078);
}
.sec_network .container._group .item .logo,
.sec_network .container._group .item .img,
.sec_network .container._group .item .txt {
  flex: 0 0 auto;
  width: 100%;
}
.sec_network .container._group .item .logo, .sec_network .container._group .item .txt {
  padding-left: calc(24 / var(--sp_calc));
  padding-right: calc(24 / var(--sp_calc));
}
.sec_network .container._group .item .logo {
  order: 2;
  margin-top: calc(24 / var(--sp_calc));
  margin-bottom: var(--px-20);
  text-align: center;
}
.sec_network .container._group .item .img {
  order: 1;
}
.sec_network .container._group .item .img img {
  width: 100%;
}
.sec_network .container._group .item .txt {
  order: 3;
  padding-bottom: calc(24 / var(--sp_calc));
}
.sec_network .container._group .item dl {
  margin-bottom: calc(24 / var(--sp_calc));
}
@media (min-width: 768px) {
  .sec_network .container._group .item dl {
    margin-bottom: var(--px-20);
  }
}
.sec_network .container._group .item dt {
  color: var(--white);
  font-family: var(--cor-garamond);
  font-weight: 600;
  font-size: calc(16 / var(--sp_calc));
  line-height: 1;
  letter-spacing: 0;
  margin-bottom: calc(8 / var(--sp_calc));
  padding: var(--px-6) var(--px-10);
}
.sec_network .container._group .item dd {
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.5;
}
.sec_network .container._group .item dd._address {
  margin-bottom: calc(8 / var(--sp_calc));
}
.sec_network .container._group .item dd._tel {
  font-size: var(--tel-size);
  font-weight: var(--tel-weight);
  letter-spacing: 0.02em;
  line-height: 1;
  text-align: center;
}
.sec_network .container._group .item .btnstyle {
  background: var(--gradient-blue);
  width: 100%;
  margin-top: auto;
}
.sec_network .container._group .item .btnstyle::before {
  background: var(--gradient-black);
}
.sec_network .container._group .item .btnstyle a {
  width: 100%;
}
.sec_network .container._group .item._takatsuki .logo img {
  width: calc(255.6 / var(--sp_calc));
}
.sec_network .container._group .item._takatsuki dt {
  background: var(--gradient-takatsuki-270);
}
.sec_network .container._group .item._yao .logo img {
  width: calc(291.48 / var(--sp_calc));
}
.sec_network .container._group .item._yao dt {
  background: var(--gradient-yao-270);
}
.sec_network .container._group .item._matsubara .logo img {
  width: calc(296.9 / var(--sp_calc));
}
.sec_network .container._group .item._matsubara dt {
  background: var(--gradient-matsubara-270);
}
@media (max-width: 767px) {
  .sec_network .container._group .item dd._address {
    height: calc(60 / var(--sp_calc));
  }
}
@media (min-width: 768px) {
  .sec_network .container._group {
    gap: 30px;
    padding-bottom: 70px;
  }
  .sec_network .container._group .item {
    width: calc((100% - 30px * (var(--group-item-num) - 1)) / var(--group-item-num));
  }
  .sec_network .container._group .item .logo, .sec_network .container._group .item .txt {
    padding-left: 30px;
    padding-right: 30px;
  }
  .sec_network .container._group .item .logo {
    margin-top: 28px;
  }
  .sec_network .container._group .item .txt {
    padding-bottom: 28px;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
  }
  .sec_network .container._group .item dt {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .sec_network .container._group .item dd {
    line-height: 1.5;
  }
  .sec_network .container._group .item dd._address {
    margin-bottom: 17px;
  }
  .sec_network .container._group .item._takatsuki .logo img {
    width: 269.8px;
  }
  .sec_network .container._group .item._yao .logo img {
    width: 307.64px;
  }
  .sec_network .container._group .item._matsubara .logo img {
    width: 313.39px;
  }
}
.sec_network .txt_scroll_wrap {
  position: absolute;
  color: rgba(255, 255, 255, 0.4509803922);
  font-family: var(--cor-garamond);
  font-weight: 600;
  font-size: calc(36 / var(--sp_calc));
  line-height: 1;
  letter-spacing: 0;
}
@media (max-width: 767px) {
  .sec_network .txt_scroll_wrap {
    top: calc(406 / var(--sp_calc));
  }
}
@media (min-width: 768px) {
  .sec_network .txt_scroll_wrap {
    font-size: 100px;
    transform: translateY(-100%);
  }
}

/* clinic_info */
.sec-clinic_info {
  background-color: #233549;
  background-repeat: no-repeat;
  background-size: 56.4102564103%;
  background-position: right top;
  padding-top: calc(40 / var(--sp_calc));
  padding-bottom: calc(40 / var(--sp_calc));
}
.sec-clinic_info:not(._clinic_home) {
  color: var(--white);
}
.sec-clinic_info:not(._clinic_home) a[href^="tel:"] {
  color: var(--white);
}
@media (min-width: 768px) {
  .sec-clinic_info .container {
    width: var(--under-width);
  }
}
.sec-clinic_info .container._wrap {
  display: flex;
  flex-wrap: wrap;
}
.sec-clinic_info h2 {
  color: #585858;
  font-family: var(--title-family);
  font-weight: var(--title-family-weight);
  font-size: calc(28 / var(--sp_calc));
  line-height: 1;
  letter-spacing: 0.08em;
  margin-bottom: calc(26 / var(--sp_calc));
}
.sec-clinic_info h2 .en {
  display: block;
  font-family: var(--cor-garamond);
  font-size: calc(22 / var(--sp_calc));
  letter-spacing: 0;
  margin-top: calc(12 / var(--sp_calc));
}
.sec-clinic_info .clinic_info_logo {
  margin-bottom: calc(24 / var(--sp_calc));
}
@media (min-width: 768px) {
  .sec-clinic_info .clinic_info_logo {
    margin-bottom: var(--item-margin);
  }
}
.sec-clinic_info .clinic_info_data h3 {
  background: var(--clinic-gradient);
  color: var(--white);
  font-family: var(--title-family);
  font-weight: var(--title-family-weight);
  letter-spacing: 0.06em;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(30 / var(--sp_calc));
  width: calc(90 / var(--sp_calc));
}
.sec-clinic_info .clinic_info_data._timetable h3 {
  width: 100%;
  margin-bottom: var(--px-5);
}
.sec-clinic_info .clinic_info_data p {
  line-height: 1.6;
  letter-spacing: 0.04em;
}
.sec-clinic_info .clinic_info_data._tel p {
  font-size: var(--tel-size);
  font-weight: var(--tel-weight);
  letter-spacing: 0.02em;
  line-height: 1;
}
.sec-clinic_info .clinic_info_data + .clinic_info_data {
  margin-top: calc(20 / var(--sp_calc));
}
.sec-clinic_info .clinic_info_data .table_timetable {
  --gray_02: #87939D;
  border-spacing: 0;
  border-collapse: collapse;
  margin-block: 0;
}
.sec-clinic_info .clinic_info_data .table_timetable thead {
  background: none;
}
.sec-clinic_info .clinic_info_data .table_timetable thead th {
  border-bottom: var(--px-1) solid var(--gray_02);
  background: none;
  font-size: calc(13 / var(--sp_calc));
  padding: 0;
  line-height: 2;
}
@media (min-width: 768px) {
  .sec-clinic_info .clinic_info_data .table_timetable thead th {
    font-size: 17px;
  }
}
.sec-clinic_info .clinic_info_data .table_timetable tbody th, .sec-clinic_info .clinic_info_data .table_timetable tbody td {
  line-height: 1;
}
.sec-clinic_info .clinic_info_data .table_timetable tbody th {
  color: var(--white);
  background: var(--clinic-gradient);
  border-bottom: var(--px-1) solid var(--gray_02);
  font-size: calc(14 / var(--sp_calc));
}
@media (min-width: 768px) {
  .sec-clinic_info .clinic_info_data .table_timetable tbody th {
    font-size: 17px;
  }
}
.sec-clinic_info .clinic_info_data .table_timetable tbody td {
  border-bottom: var(--px-1) solid var(--gray_02);
  font-size: calc(14 / var(--sp_calc));
}
@media (min-width: 768px) {
  .sec-clinic_info .clinic_info_data .table_timetable tbody td {
    font-size: 16px;
  }
}
.sec-clinic_info .clinic_info_data .table_timetable + p {
  margin-top: var(--px-17);
  letter-spacing: 0.03em;
}
@media (min-width: 768px) {
  .sec-clinic_info .clinic_info_data .table_timetable + p {
    font-size: 18px;
    line-height: 1.6;
  }
}
@media (max-width: 767px) {
  .sec-clinic_info .clinic_info_data .table_timetable tbody th,
  .sec-clinic_info .clinic_info_data .table_timetable tbody td {
    line-height: 1;
    padding-top: calc(9.5 / var(--sp_calc));
    padding-bottom: calc(9.5 / var(--sp_calc));
  }
}
@media (min-width: 768px) {
  .sec-clinic_info .clinic_info_data .table_timetable thead th:first-child,
  .sec-clinic_info .clinic_info_data .table_timetable tbody th {
    width: 128px;
  }
  .sec-clinic_info .clinic_info_data .table_timetable tbody th, .sec-clinic_info .clinic_info_data .table_timetable tbody td {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
.sec-clinic_info .col_map .btnstyle {
  background: var(--gradient-black);
}
.sec-clinic_info .col_map .btnstyle::before {
  background: var(--clinic-gradient);
}
@media (max-width: 767px) {
  .sec-clinic_info h2 {
    margin-inline: auto;
    text-align: center;
  }
  .sec-clinic_info .clinic_info_data h3 {
    font-size: calc(16 / var(--sp_calc));
    margin-bottom: calc(10 / var(--sp_calc));
  }
  .sec-clinic_info .col_map {
    margin-top: calc(20 / var(--sp_calc));
  }
  .sec-clinic_info .col_map .btnstyle {
    margin-top: calc(18 / var(--sp_calc));
    margin-inline: auto;
  }
}
@media (min-width: 768px) {
  .sec-clinic_info {
    background-size: auto 100%;
    background-position: right center;
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .sec-clinic_info .container._wrap {
    justify-content: space-between;
  }
  .sec-clinic_info h2 {
    font-size: 50px;
    width: 100%;
    margin-bottom: 50px;
  }
  .sec-clinic_info h2 .en {
    display: inline-block;
    font-size: 36px;
    margin-top: 0;
    margin-left: 28px;
    vertical-align: bottom;
  }
  .sec-clinic_info .col_txt {
    width: 512px;
  }
  .sec-clinic_info .col_map {
    width: 508px;
  }
  .sec-clinic_info .col_map .btnstyle {
    margin-left: 0;
    margin-top: var(--px-18);
    width: 310px;
  }
  .sec-clinic_info .clinic_info_data {
    display: flex;
    flex-wrap: wrap;
    gap: 0 30px;
  }
  .sec-clinic_info .clinic_info_data + .clinic_info_data {
    margin-top: 17px;
  }
  .sec-clinic_info .clinic_info_data h3 {
    height: 34px;
  }
  .sec-clinic_info .clinic_info_data:not(._timetable) h3 {
    width: 104px;
  }
  .sec-clinic_info .clinic_info_data._timetable {
    margin-top: 25px;
  }
}
.sec-clinic_info._takatsuki.show-bg {
  background-image: url(../../takatsuki/assets/img/common/clinic_bg_info_sp.png);
}
@media (min-width: 768px) {
  .sec-clinic_info._takatsuki.show-bg {
    background-image: url(../../takatsuki/assets/img/common/clinic_bg_info.png);
  }
}
.sec-clinic_info._takatsuki .clinic_info_logo img {
  width: calc(310.9 / var(--sp_calc));
}
@media (min-width: 768px) {
  .sec-clinic_info._takatsuki .clinic_info_logo img {
    width: 459.28px;
  }
}
.sec-clinic_info._takatsuki .table_timetable tbody th,
.sec-clinic_info._takatsuki .clinic_info_data h3 {
  background: var(--gradient-takatsuki);
}
.sec-clinic_info._yao.show-bg {
  background-image: url(../../yao/assets/img/common/clinic_bg_info_sp.png);
}
@media (min-width: 768px) {
  .sec-clinic_info._yao.show-bg {
    background-image: url(../../yao/assets/img/common/clinic_bg_info.png);
  }
}
@media (max-width: 767px) {
  .sec-clinic_info._yao .clinic_info_logo img {
    width: var(--clinic_info_logo-size);
  }
}
.sec-clinic_info._yao .table_timetable tbody th,
.sec-clinic_info._yao .clinic_info_data h3 {
  background: var(--gradient-yao);
}
.sec-clinic_info._matsubara.show-bg {
  background-image: url(../../matsubara/assets/img/common/clinic_bg_info_sp.png);
}
@media (min-width: 768px) {
  .sec-clinic_info._matsubara.show-bg {
    background-image: url(../../matsubara/assets/img/common/clinic_bg_info.png);
  }
}
.sec-clinic_info._matsubara .clinic_info_logo img {
  width: calc(310.9 / var(--sp_calc));
}
@media (min-width: 768px) {
  .sec-clinic_info._matsubara .clinic_info_logo img {
    width: 459.28px;
  }
}
.sec-clinic_info._matsubara .table_timetable tbody th,
.sec-clinic_info._matsubara .clinic_info_data h3 {
  background: var(--gradient-matsubara);
}
.sec-clinic_info._clinic_home {
  background-color: #E5E2E1;
}
.sec-clinic_info._clinic_home .clinic_info_data .table_timetable thead th {
  color: var(--main_txt);
}
.sec-clinic_info._clinic_home .clinic_info_data .table_timetable tbody td {
  background: none;
}
.sec-clinic_info._clinic_home .col_map .btnstyle {
  background: var(--gradient-blue);
}
.sec-clinic_info._clinic_home .col_map .btnstyle::before {
  background: var(--gradient-black);
}

@media (min-width: 768px) {
  .no_clinic_info {
    display: none;
  }
}
/* sec_top en jp */
.sec_top h2, .sec_top h3, .sec_top h4 {
  background: none;
  color: inherit;
  padding: 0;
  margin: 0;
  border: none;
}
.sec_top h2::before, .sec_top h2::after, .sec_top h3::before, .sec_top h3::after, .sec_top h4::before, .sec_top h4::after {
  display: none;
}
.sec_top .jp,
.sec_top .en {
  display: block;
  position: relative;
}
.sec_top .jp {
  font-family: var(--title-family);
  font-family: var(--title-family-weight);
}
.sec_top .en {
  font-family: var(--cor-garamond);
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1;
}
.sec_top h2 .jp {
  letter-spacing: 0.06em;
}
.sec_top h2 .jp._line_1 {
  line-height: 1;
}
.sec_top h2 .en {
  letter-spacing: 0;
}
.sec_top h2 .en._op {
  opacity: 0.8;
}
.sec_top .en.pos {
  position: absolute;
  color: var(--white);
}
@media (min-width: 768px) {
  .sec_top .btnstyle {
    width: 310px;
  }
}

/* overflow */
.sec_news,
.sec_day_surgery,
.sec_orthokeratology,
.sec-clinic_info,
.sec_network,
.footer {
  overflow: hidden;
}

/* section padding */
.sec_news {
  padding-top: calc(40 / var(--sp_calc));
  padding-bottom: calc(40 / var(--sp_calc));
}

@media (min-width: 768px) {
  .sec_features {
    padding-bottom: calc(40 / var(--sp_calc));
  }
}

.sec_day_surgery .sec_day_surgery_inner {
  padding-top: calc(40 / var(--sp_calc));
  padding-bottom: calc(29 / var(--sp_calc));
}
.sec_day_surgery ._day_surgery._icl {
  padding-top: calc(60 / var(--sp_calc));
  padding-bottom: calc(24 / var(--sp_calc));
}
.sec_day_surgery ._day_surgery._cataract {
  padding-top: 0;
  padding-bottom: calc(51 / var(--sp_calc));
}
@media (max-width: 767px) {
  .sec_day_surgery ._day_surgery._cataract .txt {
    padding-top: calc(30 / var(--sp_calc));
  }
}
.sec_day_surgery ._day_surgery._multifocal {
  padding-top: calc(24 / var(--sp_calc));
  padding-bottom: calc(84 / var(--sp_calc));
}
@media (max-width: 767px) {
  .sec_day_surgery ._day_surgery._multifocal .txt {
    padding-top: calc(30 / var(--sp_calc));
  }
}
.sec_day_surgery ._day_surgery._vitreoretinal {
  padding-top: calc(19 / var(--sp_calc));
  padding-bottom: calc(57 / var(--sp_calc));
}
@media (max-width: 767px) {
  .sec_day_surgery ._day_surgery._vitreoretinal .txt {
    padding-top: calc(30 / var(--sp_calc));
  }
}
.sec_day_surgery ._day_surgery._other {
  padding-top: calc(24 / var(--sp_calc));
  padding-top: 0;
  padding-bottom: calc(35 / var(--sp_calc));
}
@media (max-width: 767px) {
  .sec_day_surgery ._day_surgery._other .container {
    padding-top: calc(24 / var(--sp_calc));
    padding-bottom: calc(30 / var(--sp_calc));
  }
}
@media (min-width: 768px) {
  .sec_day_surgery ._day_surgery._cataract .txt, .sec_day_surgery ._day_surgery._multifocal .txt, .sec_day_surgery ._day_surgery._vitreoretinal .txt {
    padding-top: 70px;
    padding-bottom: 80px;
  }
}

.sec_orthokeratology .container {
  padding-bottom: calc(30 / var(--sp_calc));
}

@media (min-width: 768px) {
  .sec_news {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .sec_features {
    padding-bottom: 80px;
  }
  .sec_day_surgery .sec_day_surgery_inner {
    padding-top: 70px;
    padding-bottom: 70px;
    padding-bottom: 0;
  }
  .sec_day_surgery ._day_surgery._icl {
    padding-top: 75px;
    padding-bottom: 0;
    margin-bottom: 40px;
  }
  .sec_day_surgery ._day_surgery._icl .txt {
    padding-bottom: 40px;
  }
  .sec_day_surgery ._day_surgery._cataract {
    padding-top: 70px;
    padding-top: 0;
    padding-bottom: 33px;
    margin-bottom: 28px;
  }
  .sec_day_surgery ._day_surgery._multifocal {
    padding-top: 48px;
    padding-bottom: 70px;
    padding-bottom: 0;
  }
  .sec_day_surgery ._day_surgery._vitreoretinal {
    padding-top: 55px;
    padding-bottom: 70px;
  }
  .sec_day_surgery ._day_surgery._other {
    padding-top: 57px;
    padding-bottom: 70px;
  }
  .sec_orthokeratology .container {
    padding-top: 60px;
    padding-bottom: 70px;
  }
}
/* section bg */
@media (max-width: 767px) {
  .show-bg.sec_news {
    background-image: url(../img/clinic/news_bg_sp.png);
  }
  .show-bg.sec_features {
    background-image: url(../img/clinic/features_bg_sp.jpg);
  }
  .show-bg.sec_features h2::before {
    background: url(../img/clinic/features_title_bg_sp.png) no-repeat left center/contain;
  }
  .show-bg.sec_day_surgery_inner::before {
    background-image: url(../img/clinic/day_surgery_bg_sp.jpg);
  }
  .show-bg._icl::before {
    background: url(../img/clinic/icl_surgery_bg_sp.png) no-repeat left top/100%, linear-gradient(180deg, #1C1D1E 0%, #101214 100%);
  }
  .show-bg._cataract .txt::after {
    background-image: url(../img/clinic/cataract_surgery_bg_sp.png);
  }
  .show-bg._multifocal .txt::after {
    background-image: url(../img/clinic/multifocal_surgery_bg_sp.png);
  }
  .show-bg._vitreoretinal .txt::after {
    background-image: url(../img/clinic/vitreoretinal_surgery_bg_sp.png);
  }
  .show-bg._other .container::after {
    background-image: url(../img/clinic/others_surgery_bg_sp.jpg);
  }
  ._takatsuki .show-bg._day_surgery._other::before {
    background-image: url(../../takatsuki/assets/img/top/others_day_surgery_bg03_sp.png);
  }
  ._yao .show-bg._day_surgery._other::before {
    background-image: url(../../yao/assets/img/top/others_day_surgery_bg03_sp.png);
  }
  ._matsubara .show-bg._day_surgery._other::before {
    background-image: url(../../matsubara/assets/img/top/others_day_surgery_bg03_sp.png);
  }
  .show-bg.sec_orthokeratology {
    background: url(../img/clinic/orthokeratology_bg_circle_sp.png) no-repeat center top calc(56 / var(--sp_calc))/100%, linear-gradient(180deg, #3C5683 36.54%, #28479E 100%);
  }
}
@media (min-width: 768px) {
  .show-bg.sec_news {
    background-image: url(../img/clinic/news_bg.png);
  }
  .show-bg.sec_features .sec_features_inner .container::before {
    background-image: url(../img/clinic/features_bg.jpg);
  }
  .show-bg.sec_features h2::before {
    background-image: url(../img/clinic/features_title_bg.png);
  }
  .show-bg.sec_day_surgery_inner::before {
    background-image: url(../img/clinic/day_surgery_bg.jpg);
  }
  .show-bg._icl::before {
    background: url(../img/clinic/icl_surgery_bg.png) no-repeat left 177px top/auto, var(--gra_black_01);
  }
  .show-bg._cataract .txt::after {
    background-image: url(../img/clinic/cataract_surgery_bg.png);
  }
  .show-bg._multifocal .txt::after {
    background-image: url(../img/clinic/multifocal_surgery_bg.png);
  }
  .show-bg._vitreoretinal .txt::after {
    background-image: url(../img/clinic/vitreoretinal_surgery_bg.png);
  }
  .show-bg._other .container::after {
    background-image: url(../img/clinic/others_surgery_bg.png);
  }
  ._takatsuki .show-bg._day_surgery._other::before {
    background-image: url(../../takatsuki/assets/img/top/others_day_surgery_bg03.png);
  }
  ._yao .show-bg._day_surgery._other::before {
    background-image: url(../../yao/assets/img/top/others_day_surgery_bg03.png);
  }
  ._matsubara .show-bg._day_surgery._other::before {
    background-image: url(../../matsubara/assets/img/top/others_day_surgery_bg03.png);
  }
  .show-bg.sec_orthokeratology {
    background-image: url(../img/clinic/orthokeratology_bg.jpg);
  }
}

/* wow */
.wowimage {
  position: relative;
  overflow: hidden;
}
.wowimage::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: #777777;
  top: 0;
  left: 0;
  transition: top 1.2s cubic-bezier(0.77, 0, 0.175, 1);
}
.wowimage.animated::after {
  top: 100%;
}

img._of-right {
  -o-object-position: right center;
     object-position: right center;
}

/* z-index */
.btn_tel,
.header_wrap,
.header,
.header_btn,
.submenu-wrap {
  z-index: 300;
}

.clinic_nav_wrap {
  z-index: 200;
}
.clinic_nav_wrap.is-sticky {
  z-index: 350;
}

.submenu-wrap {
  z-index: 400;
}

.sec_mainimage,
.sec_news {
  z-index: 100;
  position: relative;
}

@media (min-width: 768px) {
  .header_wrap:has(.item.active) {
    z-index: 400;
  }
}
/* tab */
.tab_wrap .tab_item {
  display: none;
}
.tab_wrap .tab_item.active {
  display: block;
}
.tab_wrap .tab_btn_wrap li:hover {
  cursor: pointer;
}

/* sec_news */
.sec_news {
  background-color: #F6FAFF;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100%;
}
.sec_news .container._news {
  display: flex;
}
@media (max-width: 767px) {
  .sec_news .container._news {
    flex-wrap: wrap;
  }
}
.sec_news h2 {
  color: var(--blue_03);
  line-height: 1;
  text-align: left;
}
@media (max-width: 767px) {
  .sec_news h2 {
    display: flex;
    flex-direction: column;
    gap: calc(13 / var(--sp_calc));
  }
}
.sec_news h2 .en {
  display: block;
  font-family: var(--cor-garamond);
  font-size: calc(45 / var(--sp_calc));
  line-height: 1;
  letter-spacing: 0;
}
.sec_news h2 .jp {
  display: block;
  font-family: var(--title-family);
  font-weight: 600;
  margin-block: var(--leading-trim);
  line-height: 1.8;
  letter-spacing: 0.15em;
  font-size: calc(22 / var(--sp_calc));
}
.sec_news .tab_wrap {
  margin-bottom: calc(20 / var(--sp_calc));
}
.sec_news .tab_btn_wrap {
  margin-bottom: calc(10 / var(--sp_calc));
}
@media (max-width: 767px) {
  .sec_news .btnstyle_wrap {
    margin-inline: auto;
  }
}
@media (min-width: 768px) {
  .sec_news .container {
    position: relative;
  }
  .sec_news .container._news {
    justify-content: space-between;
  }
  .sec_news .container._news h2,
  .sec_news .container._news .tab_wrap {
    flex: 0 0 auto;
  }
  .sec_news .container._news h2 {
    width: 230px;
  }
  .sec_news .container._news h2 .en {
    font-size: 56px;
  }
  .sec_news .container._news h2 .jp {
    font-size: 24px;
    margin-top: 5px;
  }
  .sec_news .container._news .tab_wrap {
    width: 874px;
    margin-bottom: 0;
  }
  .sec_news .container._news .tab_btn_wrap {
    margin-bottom: 20px;
  }
  .sec_news .container._news .btnstyle_wrap {
    position: absolute;
    left: 0;
    top: 133px;
  }
  .sec_news .container._news .btnstyle_wrap .btnstyle {
    width: 230px;
  }
}
.sec_news .tab_wrap .tab_item {
  display: none;
}
.sec_news .tab_wrap .tab_item.active {
  display: block;
}
@media (min-width: 768px) {
  .sec_news .tab_wrap .tab_item.active {
    min-height: 123px;
  }
}
.sec_news .tab_wrap .tab_btn_wrap {
  display: flex;
  gap: calc(6 / var(--sp_calc));
  margin-bottom: 0;
}
.sec_news .tab_wrap .tab_btn_wrap li {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(39 / var(--sp_calc));
  padding-left: calc(10 / var(--sp_calc));
  padding-right: calc(9 / var(--sp_calc));
  background: var(--blue_04);
  border-radius: var(--px-3);
  color: var(--white);
  font-family: var(--title-family);
  font-weight: var(--title-family-weight);
  line-height: 1;
  letter-spacing: 0.06em;
  transition: var(--transition-hover);
}
.sec_news .tab_wrap .tab_btn_wrap li.active {
  background: var(--blue_03);
}
@media (hover: hover) {
  .sec_news .tab_wrap .tab_btn_wrap li:hover {
    cursor: pointer;
    background: var(--blue_03);
  }
  .sec_news .tab_wrap .tab_btn_wrap li:hover.active {
    opacity: 0.8;
  }
}
@media (max-width: 767px) {
  .sec_news .tab_wrap .tab_btn_wrap {
    margin-top: calc(40 / var(--sp_calc));
    margin-bottom: calc(10 / var(--sp_calc));
  }
  .sec_news .tab_wrap .tab_btn_wrap li {
    font-size: calc(15 / var(--sp_calc));
  }
}
@media (min-width: 768px) {
  .sec_news .tab_wrap .tab_btn_wrap {
    gap: 14px;
  }
  .sec_news .tab_wrap .tab_btn_wrap li {
    width: 157px;
    height: 44px;
    padding: 0;
  }
}
.sec_news .list_list {
  border-top: 1px solid var(--gray_01);
}
.sec_news .list_list a.link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.sec_news .list_list a {
  display: block;
  text-decoration: none;
  color: inherit;
  position: relative;
}
.sec_news .list_list li {
  display: flex;
  align-items: center;
  gap: calc(10 / var(--sp_calc));
  border-bottom: 1px solid var(--gray_01);
  padding-top: calc(4 / var(--sp_calc));
  padding-bottom: calc(15 / var(--sp_calc));
  padding-right: var(--px-50);
  position: relative;
}
.sec_news .list_list li::before, .sec_news .list_list li::after {
  position: absolute;
  content: "";
  display: block;
  top: 0;
  bottom: 0;
  right: 4px;
  margin: auto;
  right: var(--px-4);
  width: var(--px-24);
  height: var(--px-24);
}
.sec_news .list_list li::before {
  background: var(--main_txt);
  border-radius: 50%;
}
.sec_news .list_list li::after {
  background: var(--beiju_02);
  -webkit-mask-image: url(../img/common/arrow_subnav-sp.svg);
  mask-image: url(../img/common/arrow_subnav-sp.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: calc(7.17 / var(--sp_calc));
  mask-size: calc(7.17 / var(--sp_calc));
  -webkit-mask-position: center;
  mask-position: center;
  background-position: center;
}
.sec_news .list_list .date {
  font-family: var(--eb-garamond);
  font-size: calc(16 / var(--sp_calc));
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.06em;
}
.sec_news .list_list .cate_label {
  flex: 0 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(89 / var(--sp_calc));
  height: calc(22 / var(--sp_calc));
  background: var(--beiju_04);
  border-radius: var(--px-3);
  color: var(--white);
  font-weight: 500;
  font-size: calc(13 / var(--sp_calc));
  line-height: 1;
  letter-spacing: 0.04em;
  padding-bottom: calc(0.7 / var(--sp_calc));
  transition: var(--transition-hover);
}
@media (min-width: 768px) {
  .sec_news .list_list .cate_label {
    padding-bottom: 3px;
  }
}
.sec_news .list_list .txt {
  display: block;
}
@media (hover: hover) {
  .sec_news .list_list li {
    transition: var(--transition-hover);
  }
  .sec_news .list_list li::before {
    transition: var(--transition-hover);
  }
  .sec_news .list_list li:hover {
    color: var(--gray_02);
  }
  .sec_news .list_list li:hover::before {
    background: var(--gray_02);
  }
  .sec_news .list_list li:hover a {
    color: var(--gray_02);
  }
  .sec_news .list_list li:hover .cate_label {
    background: var(--beiju_03);
  }
}
@media (max-width: 767px) {
  .sec_news .list_list li {
    padding-top: calc(15 / var(--sp_calc));
    padding-bottom: calc(15 / var(--sp_calc));
    flex-wrap: wrap;
    gap: calc(4 / var(--sp_calc)) calc(12 / var(--sp_calc));
    font-size: calc(16 / var(--sp_calc));
    letter-spacing: 0.08em;
  }
  .sec_news .list_list li a {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .sec_news .list_list a {
    padding-right: 50px;
  }
  .sec_news .list_list li {
    gap: 18px;
    padding-top: 28px;
    padding-bottom: 28px;
    padding-left: 5px;
  }
  .sec_news .list_list li::after {
    -webkit-mask-size: 7.17px;
    mask-size: 7.17px;
  }
  .sec_news .list_list .date {
    font-size: 20px;
    padding-left: 5px;
  }
  .sec_news .list_list .cate_label {
    width: 104px;
    height: 26px;
    font-size: 15px;
  }
}

/* sec_features */
.sec_features {
  background-color: var(--bg_gray_01);
  background-repeat: no-repeat;
}
@media (max-width: 767px) {
  .sec_features {
    background-position: right top;
    background-size: calc(302 / var(--sp_calc));
  }
  .sec_features .item_border {
    display: none;
  }
}
@media (min-width: 768px) {
  .sec_features {
    position: relative;
  }
  .sec_features::before {
    position: absolute;
    content: "";
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(var(--height) + 280px + 80px);
    background-size: auto;
  }
}
.sec_features h2 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: var(--white);
  text-align: left;
  position: relative;
  line-height: 1;
  letter-spacing: 0.06em;
}
.sec_features h2::before {
  position: absolute;
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  top: 0;
  left: calc(var(--container-padding-size) / var(--sp_calc) * -1);
  width: var(--vw100);
  height: 100%;
  min-width: 0;
  transform: translateX(0);
}
.sec_features h2 .en {
  margin-bottom: calc(8 / var(--sp_calc));
  line-height: 1;
  letter-spacing: 0;
}
@media (max-width: 767px) {
  .sec_features h2 {
    font-size: calc(24 / var(--sp_calc));
    height: calc(90 / var(--sp_calc));
  }
  .sec_features h2 .en {
    font-size: calc(17 / var(--sp_calc));
  }
}
@media (min-width: 768px) {
  .sec_features h2 {
    font-size: 48px;
  }
  .sec_features h2::before {
    left: calc(var(--container-padding-size) * -1px);
    width: calc(var(--vw100) - var(--container-padding-size) * 1px);
  }
  .sec_features h2 .en {
    font-size: 50px;
  }
}
.sec_features .lead .num {
  font-family: var(--eb-garamond);
  font-weight: 500;
  line-height: 1;
}
.sec_features .lead .en {
  font-family: var(--cor-garamond);
  font-weight: 500;
  letter-spacing: 0;
}
@media (max-width: 767px) {
  .sec_features .features_list {
    padding-bottom: calc(10 / var(--sp_calc));
  }
}
.sec_features .features_list .lead {
  display: flex;
  align-items: center;
  gap: var(--px-10);
  margin-bottom: var(--px-6);
}
.sec_features .features_list .lead .num {
  display: flex;
  align-items: center;
  gap: var(--px-10);
  color: var(--blue_03);
  font-size: calc(36 / var(--sp_calc));
  letter-spacing: 0.04em;
  text-align: center;
}
.sec_features .features_list .lead .num::after {
  content: "";
  display: block;
  background: #969CA0;
  width: var(--px-1);
  height: calc(27 / var(--sp_calc));
}
.sec_features .features_list .lead .en {
  color: var(--blue_04);
  font-size: 15px;
  line-height: 1.05;
}
.sec_features h3 {
  font-size: calc(22 / var(--sp_calc));
  letter-spacing: 0.02em;
  line-height: 1.5;
}
.sec_features .lead + h3 {
  margin-top: 0;
}
@media (min-width: 768px) {
  .sec_features h2 {
    height: 200px;
    width: 100%;
    margin-left: clamp(-55px, -10vw + 108px, -20px);
    margin-bottom: 80px;
    position: relative;
  }
  .sec_features h2::before {
    position: absolute;
    content: "";
    display: block;
    background-color: unset !important;
    background-position: right center;
    right: 404px;
    left: auto;
    transform: translateX(0);
    top: 0;
    min-height: 199px;
    min-width: 1225px;
  }
  .sec_features h2 .en {
    margin-bottom: 14px;
  }
}
@media (min-width: 768px) and (min-width: 1900px) {
  .sec_features h2 {
    margin-left: calc((var(--vw100) - var(--container-width)) / 2 * -1 + 298px);
  }
}
@media (min-width: 768px) {
  .sec_features .features_list .lead .num {
    font-size: 38px;
  }
  .sec_features .features_list .lead .num::after {
    height: 28px;
  }
  .sec_features .features_list .lead .en {
    font-size: 15px;
  }
  .sec_features h3 {
    font-size: 33px;
    margin-bottom: 12px;
  }
}
.sec_features .features_list p {
  line-height: 1.7;
}
@media (max-width: 767px) {
  .sec_features .features_list .item {
    padding-top: calc(36 / var(--sp_calc));
    padding-bottom: calc(30 / var(--sp_calc));
  }
  .sec_features .features_list .item .img {
    margin-top: calc(16 / var(--sp_calc));
    margin-bottom: calc(16 / var(--sp_calc));
  }
  .sec_features .features_list .item + .item {
    border-top: 1px solid #B3B7C0;
  }
  .sec_features .features_img {
    display: none;
  }
}
@media (min-width: 768px) {
  .sec_features {
    --height: 726px;
  }
  .sec_features._yao {
    --height: 768px;
  }
  .sec_features._matsubara {
    /*--height: 684px;*/
    --height: 770px;
  }
  .sec_features .container._inner {
    display: flex;
  }
  .sec_features .features_list,
  .sec_features .features_img {
    height: var(--height);
    overflow: hidden;
  }
  .sec_features .features_list {
    width: 640px;
  }
  .sec_features .features_list .item {
    padding-top: 18px;
    padding-bottom: 18px;
    position: relative;
  }
  .sec_features .features_list .item::before, .sec_features .features_list .item::after {
    position: absolute;
    content: "";
    display: block;
    height: 1px;
    width: 100%;
    top: 0;
  }
  .sec_features .features_list .item::before {
    background: #B3B7C0;
    right: 0;
  }
  .sec_features .features_img {
    --width: 460px;
    width: calc(var(--width) + (var(--vw100) - var(--container-width)) / 2);
    min-width: calc(var(--width) + var(--container-padding-size) + 1px);
    margin-right: calc((var(--vw100) - var(--container-width)) / 2 * -1);
    margin-left: auto;
  }
  .sec_features .features_img img {
    -o-object-fit: cover;
       object-fit: cover;
    height: var(--height);
    width: 100%;
  }
}
@media (min-width: 1280px) and (max-width: 1380px) {
  .sec_features .features_img {
    width: calc(var(--width) + (var(--vw100) - var(--container-width)) / 2 + clamp(0px, 50px - 0.5 * (100vw - 1280px), 50px));
    /* width: calc( var(--width) + (var(--vw100) - var(--container-width)) / 2 + clamp(0px, calc(50px - 0.5 * (100vw - 1280px)), 50px)); */
  }
}
@media (min-width: 768px) and (max-width: 1280px) {
  .sec_features .features_list {
    margin-right: 50px;
  }
  .sec_features .features_img {
    --width: 510px;
    width: 550px;
    margin-right: -40px;
  }
}
@media (min-width: 768px) {
  .sec_features {
    height: 3360px;
  }
  .sec_features::before {
    position: absolute;
  }
  .sec_features.show-bg {
    background-image: none;
  }
  .sec_features.show-bg::before {
    display: none;
  }
  .sec_features h2 {
    z-index: 1;
  }
  .sec_features .sec_features_inner {
    position: sticky;
    top: 0;
    top: 161px;
  }
  .sec_features .sec_features_inner .container {
    position: relative;
  }
  .sec_features .sec_features_inner .container::before {
    position: absolute;
    content: "";
    left: 50%;
    transform: translateX(-50%);
    top: -280px;
    width: max(1280px, var(--vw100));
    height: calc(100vh + 280px);
    background-repeat: no-repeat;
    background-position: left clamp(-40px, -40px + 40 * (100vw - 1280px) / 80, 0px) top;
  }
}
@media (min-width: 768px) and (max-width: 1600px) {
  .sec_features .sec_features_inner .container::before {
    opacity: 0.7;
  }
}
@media (min-width: 768px) {
  .sec_features .features_list {
    display: flex;
    flex-direction: column;
  }
  .sec_features .features_list .item .item_border {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    height: 2px;
    width: 100%;
    background: var(--blue_02);
    transform: scaleX(0);
    transform-origin: top left;
  }
  .sec_features .features_list .item .txt_wrap {
    display: block grid;
    grid-template-rows: 0fr;
    transition: var(--transition-hover);
  }
  .sec_features .features_list .item .txt_wrap p {
    overflow: hidden;
  }
  .sec_features .features_list .item.active .item_border {
    transform: scaleX(1);
  }
  .sec_features .features_list .item.active .txt_wrap {
    grid-template-rows: 1fr;
  }
}
.sec_features .features_img {
  position: relative;
}
.sec_features .features_img .item {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  transition: var(--transition-hover);
}
.sec_features .features_img .item .lead {
  position: absolute;
  top: 0;
  left: 20px;
}
.sec_features .features_img .item .lead .num {
  color: rgba(255, 255, 255, 0.5019607843);
  font-family: var(--eb-garamond);
  font-weight: 400;
  font-size: 150px;
  line-height: 1;
  letter-spacing: 0;
}
.sec_features .features_img .item .lead .en {
  color: rgba(255, 255, 255, 0.5019607843);
  font-size: 36px;
  line-height: 1;
  letter-spacing: 0;
}
.sec_features .features_img .item:not(.active) {
  opacity: 0;
  pointer-events: none;
}

/* sec_day_surgery */
.sec_day_surgery .container._icl::before {
  box-shadow: 0px 0px var(--px-22) 0px rgba(34, 40, 46, 0.3490196078);
}
.sec_day_surgery .container._cataract .txt::before, .sec_day_surgery .container._multifocal .txt::before, .sec_day_surgery .container._vitreoretinal .txt::before, .sec_day_surgery .container._other .txt::before {
  box-shadow: 0px 0px var(--px-22) 0px rgba(34, 40, 46, 0.3490196078);
}
.sec_day_surgery .sec_day_surgery_inner {
  background: linear-gradient(180deg, #073261 0%, #0A2B4F 100%);
  position: relative;
}
.sec_day_surgery .sec_day_surgery_inner::before {
  position: absolute;
  content: "";
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat, no-repeat;
  background-position: center top;
  background-size: 100% auto, 100% auto;
}
@media (min-width: 768px) {
  .sec_day_surgery .sec_day_surgery_inner::before {
    background-size: auto, auto;
  }
}
@media (min-width: 1920px) {
  .sec_day_surgery .sec_day_surgery_inner::before {
    background-position: right top;
  }
}
.sec_day_surgery h2 {
  color: var(--white);
  line-height: 1;
}
@media (max-width: 767px) {
  .sec_day_surgery h2 {
    margin-bottom: calc(30 / var(--sp_calc));
  }
}
.sec_day_surgery h2 .en {
  line-height: 1;
  margin-bottom: calc(8 / var(--sp_calc));
}
@media (max-width: 767px) {
  .sec_day_surgery h2 .en {
    font-size: calc(26 / var(--sp_calc));
  }
}
@media (min-width: 768px) {
  .sec_day_surgery h2 .en {
    font-size: 50px;
  }
}
.sec_day_surgery h2 .jp {
  line-height: 1;
  letter-spacing: 0.04em;
}
@media (max-width: 767px) {
  .sec_day_surgery h2 .jp {
    font-size: calc(28 / var(--sp_calc));
  }
  .sec_day_surgery h2 .jp._line {
    line-height: 1.5;
  }
}
@media (min-width: 768px) {
  .sec_day_surgery h2 .jp {
    font-size: 64px;
  }
}
@media (min-width: 768px) {
  .sec_day_surgery h2 {
    margin-bottom: 66px;
  }
  .sec_day_surgery h2 .en {
    margin-bottom: 24px;
  }
}
.sec_day_surgery p {
  line-height: 1.7;
  letter-spacing: 0.06em;
}
@media (min-width: 768px) {
  .sec_day_surgery p {
    line-height: 1.8;
  }
}
@media (min-width: 768px) {
  .sec_day_surgery .btnstyle {
    width: 310px;
  }
}
.sec_day_surgery ._day_surgery {
  position: relative;
}
@media (min-width: 768px) {
  .sec_day_surgery ._day_surgery:not(._other) {
    display: flex;
    justify-content: space-between;
  }
}
.sec_day_surgery ._day_surgery .en.pos {
  font-family: var(--cor-garamond);
  font-size: calc(40 / var(--sp_calc));
  font-weight: 600;
  letter-spacing: 0;
  line-height: 0.9;
  opacity: 0.6;
  left: 0;
  bottom: 0;
  z-index: 2;
}
@media (min-width: 768px) {
  .sec_day_surgery ._day_surgery .en.pos {
    font-size: 96px;
  }
}
.sec_day_surgery ._day_surgery .img,
.sec_day_surgery ._day_surgery .txt {
  position: relative;
}
.sec_day_surgery ._day_surgery .img {
  z-index: 1;
}
.sec_day_surgery ._day_surgery._icl::before, .sec_day_surgery ._day_surgery._icl::after {
  position: absolute;
  content: "";
  display: block !important;
  width: var(--vw100);
  height: calc(100% - 36 / var(--sp_calc) - 24 / var(--sp_calc) - 138 / var(--sp_calc));
}
@media (min-width: 768px) {
  .sec_day_surgery ._day_surgery._icl::before, .sec_day_surgery ._day_surgery._icl::after {
    width: 100%;
    height: 100%;
  }
}
.sec_day_surgery ._day_surgery._icl::before {
  top: 0;
  left: calc(var(--container-padding-size) / var(--sp_calc) * -1);
}
@media (min-width: 768px) {
  .sec_day_surgery ._day_surgery._icl::before {
    left: 0;
  }
}
@media (min-width: 1940px) {
  .sec_day_surgery ._day_surgery._icl::before {
    background-position: right top;
  }
}
.sec_day_surgery ._day_surgery._icl .en.pos {
  font-size: calc(53 / var(--sp_calc));
  line-height: 1;
  bottom: -0.375em;
}
@media (min-width: 768px) {
  .sec_day_surgery ._day_surgery._icl .en.pos {
    font-size: 103px;
    line-height: 1;
  }
}
.sec_day_surgery ._day_surgery._icl h3 {
  color: var(--beiju_02);
  line-height: 1;
  letter-spacing: 0.06em;
  font-size: calc(33 / var(--sp_calc));
  margin-bottom: calc(32 / var(--sp_calc));
}
.sec_day_surgery ._day_surgery._icl h3 .sub {
  display: block;
  font-size: calc(24 / var(--sp_calc));
  letter-spacing: 0.06em;
  margin-bottom: calc(12 / var(--sp_calc));
}
.sec_day_surgery ._day_surgery._icl h3 .min {
  display: block;
  font-size: calc(22 / var(--sp_calc));
  letter-spacing: 0.06em;
  margin-top: calc(12 / var(--sp_calc));
}
.sec_day_surgery ._day_surgery._icl figure.sp {
  margin-bottom: calc(12 / var(--sp_calc));
}
.sec_day_surgery ._day_surgery._icl .img_wrap {
  margin-left: calc(var(--container-padding-size) / var(--sp_calc) * -1);
  margin-right: calc(var(--container-padding-size) / var(--sp_calc));
}
.sec_day_surgery ._day_surgery._icl .img_wrap .en {
  left: calc(var(--container-padding-size) / var(--sp_calc));
}
@media (min-width: 768px) {
  .sec_day_surgery ._day_surgery._icl .img_wrap .en {
    left: calc(var(--container-padding-size) * 1px);
  }
}
.sec_day_surgery ._day_surgery._icl .img_wrap figure.sp {
  margin-top: calc(20 / var(--sp_calc));
}
@media (min-width: 768px) {
  .sec_day_surgery ._day_surgery._icl .img_wrap {
    min-width: calc(var(--width) + 40px);
  }
}
.sec_day_surgery ._day_surgery._icl p {
  color: var(--white);
}
@media (max-width: 767px) {
  .sec_day_surgery ._day_surgery._icl p {
    line-height: 1.8;
  }
}
.sec_day_surgery ._day_surgery._icl .img_wrap,
.sec_day_surgery ._day_surgery._icl .txt {
  position: relative;
}
.sec_day_surgery ._day_surgery._icl p + .item_point {
  margin-top: calc(24 / var(--sp_calc));
}
.sec_day_surgery ._day_surgery._icl .item_point {
  --skew: calc( 10.5 / var(--sp_calc));
  --item_point-h: var(--px-51);
  --item_point-point-w: calc( 70 / var(--sp_calc));
  --item_point-sub-l: calc( 15 / var(--sp_calc));
  --item_point-num-l: calc( 19.5 / var(--sp_calc));
  --item_point-txt-w: calc( 280 / var(--sp_calc));
  --item_point-txt-l: calc( 22 / var(--sp_calc));
  --item_point-txt-m: calc( (59 - 70) / var(--sp_calc));
  --item_point-sub-size: calc( 14 / var(--sp_calc));
  --item_point-num-size: calc( 26 / var(--sp_calc));
  --item_point-txt-size: calc( 20 / var(--sp_calc));
  display: flex;
  width: 100%;
  height: var(--item_point-h);
}
@media (max-width: 767px) {
  .sec_day_surgery ._day_surgery._icl .item_point.item_2 {
    --skew: calc( 16 / var(--sp_calc));
    --item_point-point-w: calc( 76 / var(--sp_calc));
    --item_point-h: calc( 77 / var(--sp_calc));
    --item_point-sub-l: calc( 16 / var(--sp_calc));
    --item_point-num-l: calc( 20.5 / var(--sp_calc));
    --item_point-txt-w: calc( 291 / var(--sp_calc));
    --item_point-txt-m: calc( (59 - 76) / var(--sp_calc));
  }
}
@media (min-width: 768px) {
  .sec_day_surgery ._day_surgery._icl .item_point {
    --skew: 17px;
    --item_point-point-w: 83px;
    --item_point-sub-l: 22px;
    --item_point-num-l: 25.5px;
    --item_point-txt-w: 530px;
    --item_point-txt-l: 35px;
    --item_point-txt-m: calc(63px - var(--item_point-point-w));
    --item_point-sub-size: 15px;
    --item_point-num-size: 30px;
    --item_point-txt-size: 24px;
  }
}
.sec_day_surgery ._day_surgery._icl .item_point + .item_point {
  margin-top: calc(16 / var(--sp_calc));
}
@media (min-width: 768px) {
  .sec_day_surgery ._day_surgery._icl .item_point + .item_point {
    margin-top: 20px;
  }
}
.sec_day_surgery ._day_surgery._icl .item_point .point,
.sec_day_surgery ._day_surgery._icl .item_point .txt {
  display: flex;
  position: relative;
}
.sec_day_surgery ._day_surgery._icl .item_point .point::before,
.sec_day_surgery ._day_surgery._icl .item_point .txt::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-clip-path: polygon(var(--skew) 0%, 100% 0%, calc(100% - var(--skew)) 100%, 0% 100%);
          clip-path: polygon(var(--skew) 0%, 100% 0%, calc(100% - var(--skew)) 100%, 0% 100%);
}
.sec_day_surgery ._day_surgery._icl .item_point .point {
  flex-direction: column;
  justify-content: center;
  width: var(--item_point-point-w);
  color: var(--white);
}
.sec_day_surgery ._day_surgery._icl .item_point .point::before {
  background: var(--beiju_03);
}
.sec_day_surgery ._day_surgery._icl .item_point .point span {
  position: relative;
  display: block;
}
.sec_day_surgery ._day_surgery._icl .item_point .point .sub {
  font-family: var(--cor-garamond);
  font-weight: 600;
  font-size: var(--item_point-sub-size);
  line-height: 1;
  letter-spacing: 0;
  margin-left: var(--item_point-sub-l);
  width: calc(43 / var(--sp_calc));
  text-align: center;
}
@media (min-width: 768px) {
  .sec_day_surgery ._day_surgery._icl .item_point .point .sub {
    width: 46px;
  }
}
.sec_day_surgery ._day_surgery._icl .item_point .point .num {
  font-family: var(--eb-garamond);
  font-weight: 500;
  font-size: var(--item_point-num-size);
  line-height: 1;
  letter-spacing: 0;
  margin-top: calc(var(--px-2) * -1);
  margin-left: var(--item_point-num-l);
  width: var(--px-33);
  text-align: center;
}
.sec_day_surgery ._day_surgery._icl .item_point .txt {
  align-items: center;
  font-family: var(--title-family);
  font-weight: var(--title-family-weight);
  font-size: var(--item_point-txt-size);
  line-height: 1.5;
  letter-spacing: 0.06em;
  padding-left: var(--item_point-txt-l);
  padding-bottom: 0;
  margin-left: var(--item_point-txt-m);
  width: var(--item_point-txt-w);
}
.sec_day_surgery ._day_surgery._icl .item_point .txt span {
  position: relative;
}
.sec_day_surgery ._day_surgery._icl .item_point .txt::before {
  background: var(--white);
}
.sec_day_surgery ._day_surgery._icl .item_point01_txt {
  font-family: var(--title-family);
  font-weight: var(--title-family-weight);
  letter-spacing: 0;
  line-height: 1.5;
  margin-top: calc(6 / var(--sp_calc));
  margin-bottom: calc(16 / var(--sp_calc));
}
.sec_day_surgery ._day_surgery._icl .item_point01_txt .title {
  font-size: calc(16 / var(--sp_calc));
  background: linear-gradient(180deg, #0C4685 0%, #05203C 100%);
  color: var(--white);
  width: calc(66 / var(--sp_calc));
  text-align: center;
  padding: var(--px-4) 0 var(--px-8);
  transform: translateY(-4px);
  display: inline-block;
  margin: 0;
  margin-left: calc(6 / var(--sp_calc));
  margin-right: calc(13 / var(--sp_calc));
}
.sec_day_surgery ._day_surgery._icl .item_point01_txt .num {
  font-size: calc(32 / var(--sp_calc));
  color: #EEDBBA;
}
.sec_day_surgery ._day_surgery._icl .item_point01_txt .percent {
  font-size: calc(16 / var(--sp_calc));
  color: #EEDBBA;
}
@media (max-width: 767px) {
  .sec_day_surgery ._day_surgery._icl .item_point01_txt {
    display: flex;
    align-items: baseline;
  }
  .sec_day_surgery ._day_surgery._icl .item_point01_txt .title {
    margin-bottom: 0;
  }
  .sec_day_surgery ._day_surgery._icl .item_point01_txt .percent + .title {
    margin-left: calc(18 / var(--sp_calc));
  }
}
@media (min-width: 768px) {
  .sec_day_surgery ._day_surgery._icl .item_point01_txt {
    margin-top: -5px;
    margin-bottom: 15px;
  }
  .sec_day_surgery ._day_surgery._icl .item_point01_txt .title {
    font-size: 20px;
    width: 90px;
    transform: translateY(-4px);
    margin-left: 30px;
    margin-right: 22px;
  }
  .sec_day_surgery ._day_surgery._icl .item_point01_txt .num {
    font-size: 54px;
  }
  .sec_day_surgery ._day_surgery._icl .item_point01_txt .percent {
    font-size: 27px;
  }
}
.sec_day_surgery ._day_surgery._icl .btnstyle {
  margin-top: calc(24 / var(--sp_calc));
  margin-bottom: calc(24 / var(--sp_calc));
}
@media (min-width: 768px) {
  .sec_day_surgery ._day_surgery._icl .btnstyle {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}
@media (min-width: 768px) {
  .sec_day_surgery ._day_surgery._icl {
    display: flex;
    justify-content: space-between;
  }
  .sec_day_surgery ._day_surgery._icl::before {
    --left: 290px;
    width: calc(var(--container-width) - 290px + (var(--vw100) - var(--container-width)) / 2);
    min-width: calc(var(--container-width) + var(--container-padding-size) * 2px - var(--left));
    left: var(--left);
  }
  .sec_day_surgery ._day_surgery._icl .img_wrap {
    --width: 475px;
    width: calc(var(--width) + (var(--vw100) - var(--container-width)) / 2);
    min-width: calc(var(--width) + var(--container-padding-size) + 1px);
    margin-left: calc((100vw - var(--container-width)) / 2 * -1);
    margin-right: 0;
    margin-bottom: 132px;
  }
  .sec_day_surgery ._day_surgery._icl .img_wrap figure {
    width: 100%;
  }
  .sec_day_surgery ._day_surgery._icl .img_wrap img {
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .sec_day_surgery ._day_surgery._icl .img_wrap .img01 img {
    height: 512px;
  }
  .sec_day_surgery ._day_surgery._icl .img_wrap .img02 img {
    height: 634px;
  }
  .sec_day_surgery ._day_surgery._icl .txt {
    flex: 0 0 auto;
    width: 595px;
    position: relative;
    z-index: 1;
  }
  .sec_day_surgery ._day_surgery._icl h3 {
    font-size: 63px;
    margin-bottom: 42px;
  }
  .sec_day_surgery ._day_surgery._icl h3 .sub {
    font-size: 30px;
    margin-bottom: 20px;
  }
  .sec_day_surgery ._day_surgery._icl h3 .min {
    font-size: 34px;
    margin-top: 17px;
  }
  .sec_day_surgery ._day_surgery._icl p + .item_point {
    margin-top: 40px;
  }
  .sec_day_surgery ._day_surgery._icl .item_point {
    width: 593px;
  }
  .sec_day_surgery ._day_surgery._icl .item_point + .item_point {
    margin-top: 20px;
  }
  .sec_day_surgery ._day_surgery._icl .item_point .point .sub {
    font-size: 15px;
  }
  .sec_day_surgery ._day_surgery._icl .item_point .point .num {
    font-size: 30px;
  }
  .sec_day_surgery ._day_surgery._icl .item_point .txt {
    font-size: 24px;
    width: 526px;
    padding-left: 30px;
  }
  .sec_day_surgery ._day_surgery._icl .item_point01_txt {
    margin-top: -5px;
    margin-bottom: 15px;
  }
  .sec_day_surgery ._day_surgery._icl .item_point01_txt .title {
    font-size: 20px;
    width: 90px;
    padding: 4px 8px;
    transform: translateY(-4px);
    margin-left: 30px;
    margin-right: 22px;
    margin-bottom: 0;
  }
  .sec_day_surgery ._day_surgery._icl .item_point01_txt .num {
    font-size: 54px;
  }
  .sec_day_surgery ._day_surgery._icl .item_point01_txt .percent {
    font-size: 27px;
  }
}
@media (min-width: 768px) and (max-width: 1280px) {
  .sec_day_surgery ._day_surgery._icl .img_wrap {
    margin-left: -40px;
    min-width: calc(var(--width) + 40px);
  }
}
.sec_day_surgery ._day_surgery._cataract, .sec_day_surgery ._day_surgery._multifocal, .sec_day_surgery ._day_surgery._vitreoretinal {
  align-items: flex-start;
}
.sec_day_surgery ._day_surgery._cataract .img, .sec_day_surgery ._day_surgery._multifocal .img, .sec_day_surgery ._day_surgery._vitreoretinal .img {
  margin-top: 0;
}
@media (min-width: 768px) {
  .sec_day_surgery ._day_surgery._cataract .img, .sec_day_surgery ._day_surgery._multifocal .img, .sec_day_surgery ._day_surgery._vitreoretinal .img {
    margin-top: 40px;
  }
}
.sec_day_surgery ._day_surgery._cataract .txt, .sec_day_surgery ._day_surgery._multifocal .txt, .sec_day_surgery ._day_surgery._vitreoretinal .txt {
  position: relative;
}
@media (max-width: 767px) {
  .sec_day_surgery ._day_surgery._cataract .txt, .sec_day_surgery ._day_surgery._multifocal .txt, .sec_day_surgery ._day_surgery._vitreoretinal .txt {
    padding-bottom: calc(20 / var(--sp_calc));
  }
}
.sec_day_surgery ._day_surgery._cataract .txt::before, .sec_day_surgery ._day_surgery._cataract .txt::after, .sec_day_surgery ._day_surgery._multifocal .txt::before, .sec_day_surgery ._day_surgery._multifocal .txt::after, .sec_day_surgery ._day_surgery._vitreoretinal .txt::before, .sec_day_surgery ._day_surgery._vitreoretinal .txt::after {
  position: absolute;
  content: "";
  display: block !important;
  width: calc(370 / var(--sp_calc));
  height: 100%;
  top: 0;
}
@media (min-width: 768px) {
  .sec_day_surgery ._day_surgery._cataract .txt::before, .sec_day_surgery ._day_surgery._cataract .txt::after, .sec_day_surgery ._day_surgery._multifocal .txt::before, .sec_day_surgery ._day_surgery._multifocal .txt::after, .sec_day_surgery ._day_surgery._vitreoretinal .txt::before, .sec_day_surgery ._day_surgery._vitreoretinal .txt::after {
    height: 100%;
  }
}
.sec_day_surgery ._day_surgery._cataract .txt::after, .sec_day_surgery ._day_surgery._multifocal .txt::after, .sec_day_surgery ._day_surgery._vitreoretinal .txt::after {
  background-repeat: no-repeat;
}
.sec_day_surgery ._day_surgery._cataract .txt h3, .sec_day_surgery ._day_surgery._cataract .txt p, .sec_day_surgery ._day_surgery._cataract .txt .btnstyle, .sec_day_surgery ._day_surgery._multifocal .txt h3, .sec_day_surgery ._day_surgery._multifocal .txt p, .sec_day_surgery ._day_surgery._multifocal .txt .btnstyle, .sec_day_surgery ._day_surgery._vitreoretinal .txt h3, .sec_day_surgery ._day_surgery._vitreoretinal .txt p, .sec_day_surgery ._day_surgery._vitreoretinal .txt .btnstyle {
  position: relative;
  z-index: 3;
}
@media (max-width: 767px) {
  .sec_day_surgery ._day_surgery._cataract .txt p, .sec_day_surgery ._day_surgery._multifocal .txt p, .sec_day_surgery ._day_surgery._vitreoretinal .txt p {
    line-height: 1.8;
  }
}
.sec_day_surgery ._day_surgery._cataract h3, .sec_day_surgery ._day_surgery._multifocal h3, .sec_day_surgery ._day_surgery._vitreoretinal h3 {
  font-size: calc(26 / var(--sp_calc));
  line-height: 1;
  letter-spacing: 0.06em;
  margin-bottom: calc(26 / var(--sp_calc));
}
.sec_day_surgery ._day_surgery._cataract h3 .sub, .sec_day_surgery ._day_surgery._multifocal h3 .sub, .sec_day_surgery ._day_surgery._vitreoretinal h3 .sub {
  display: block;
  font-size: calc(18 / var(--sp_calc));
  line-height: 1.6;
  letter-spacing: 0.04em;
  margin-bottom: calc(9 / var(--sp_calc));
}
@media (min-width: 768px) {
  .sec_day_surgery ._day_surgery._cataract h3, .sec_day_surgery ._day_surgery._multifocal h3, .sec_day_surgery ._day_surgery._vitreoretinal h3 {
    font-size: 50px;
    margin-bottom: 40px;
  }
  .sec_day_surgery ._day_surgery._cataract h3 .sub, .sec_day_surgery ._day_surgery._multifocal h3 .sub, .sec_day_surgery ._day_surgery._vitreoretinal h3 .sub {
    font-size: 26px;
    margin-bottom: 16px;
  }
}
.sec_day_surgery ._day_surgery._cataract .img img, .sec_day_surgery ._day_surgery._multifocal .img img, .sec_day_surgery ._day_surgery._vitreoretinal .img img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.sec_day_surgery ._day_surgery._cataract p:not(.bnr), .sec_day_surgery ._day_surgery._multifocal p:not(.bnr), .sec_day_surgery ._day_surgery._vitreoretinal p:not(.bnr) {
  padding-left: calc(22 / var(--sp_calc));
  border-left: var(--px-4) solid var(--day-surgery-border);
}
@media (min-width: 768px) {
  .sec_day_surgery ._day_surgery._cataract p:not(.bnr), .sec_day_surgery ._day_surgery._multifocal p:not(.bnr), .sec_day_surgery ._day_surgery._vitreoretinal p:not(.bnr) {
    padding-left: 28px;
  }
}
.sec_day_surgery ._day_surgery._cataract .btnstyle, .sec_day_surgery ._day_surgery._multifocal .btnstyle, .sec_day_surgery ._day_surgery._vitreoretinal .btnstyle {
  margin-top: calc(26 / var(--sp_calc));
}
@media (min-width: 768px) {
  .sec_day_surgery ._day_surgery._cataract .btnstyle, .sec_day_surgery ._day_surgery._multifocal .btnstyle, .sec_day_surgery ._day_surgery._vitreoretinal .btnstyle {
    margin-top: 40px;
  }
}
.sec_day_surgery ._day_surgery._cataract .btnstyle a, .sec_day_surgery ._day_surgery._multifocal .btnstyle a, .sec_day_surgery ._day_surgery._vitreoretinal .btnstyle a {
  margin-left: 0;
}
@media (min-width: 768px) {
  .sec_day_surgery ._day_surgery._cataract .txt, .sec_day_surgery ._day_surgery._multifocal .txt, .sec_day_surgery ._day_surgery._vitreoretinal .txt {
    width: 527px;
  }
}
@media (max-width: 767px) {
  .sec_day_surgery ._day_surgery._cataract .txt, .sec_day_surgery ._day_surgery._vitreoretinal .txt {
    padding-right: calc(var(--container-padding-size) / var(--sp_calc));
  }
}
.sec_day_surgery ._day_surgery._cataract .txt::before, .sec_day_surgery ._day_surgery._cataract .txt::after, .sec_day_surgery ._day_surgery._vitreoretinal .txt::before, .sec_day_surgery ._day_surgery._vitreoretinal .txt::after {
  right: inherit;
  left: calc(var(--container-padding-size) / var(--sp_calc) * -1);
}
.sec_day_surgery ._day_surgery._cataract .txt::before, .sec_day_surgery ._day_surgery._vitreoretinal .txt::before {
  background: var(--bg_gray_01);
}
@media (max-width: 767px) {
  .sec_day_surgery ._day_surgery._cataract .img, .sec_day_surgery ._day_surgery._vitreoretinal .img {
    margin-right: calc(var(--container-padding-size) / var(--sp_calc) * -1);
  }
}
@media (min-width: 768px) {
  .sec_day_surgery ._day_surgery._cataract .txt::before, .sec_day_surgery ._day_surgery._cataract .txt::after, .sec_day_surgery ._day_surgery._vitreoretinal .txt::before, .sec_day_surgery ._day_surgery._vitreoretinal .txt::after {
    width: calc(var(--vw100) - 185px);
    left: calc((var(--vw100) - var(--container-width)) / 2 * -1);
  }
  .sec_day_surgery ._day_surgery._cataract .img, .sec_day_surgery ._day_surgery._vitreoretinal .img {
    --width: 608px;
    width: calc(var(--width) + (var(--vw100) - var(--container-width)) / 2);
    min-width: calc(var(--width) + var(--container-padding-size) * 1px);
    margin-right: calc((100vw - var(--container-width)) / 2 * -1);
  }
  .sec_day_surgery ._day_surgery._cataract .img img, .sec_day_surgery ._day_surgery._vitreoretinal .img img {
    height: 580px;
  }
}
@media (min-width: 768px) and (max-width: 1280px) {
  .sec_day_surgery ._day_surgery._cataract .img, .sec_day_surgery ._day_surgery._vitreoretinal .img {
    width: 648px;
    margin-right: calc(var(--container-padding-size) * -1px);
  }
  .sec_day_surgery ._day_surgery._cataract .txt::before, .sec_day_surgery ._day_surgery._cataract .txt::after, .sec_day_surgery ._day_surgery._vitreoretinal .txt::before, .sec_day_surgery ._day_surgery._vitreoretinal .txt::after {
    width: 1095px;
    left: calc(var(--container-padding-size) * -1px);
  }
}
@media (max-width: 767px) {
  .sec_day_surgery ._day_surgery._cataract .txt::before, .sec_day_surgery ._day_surgery._cataract .txt::after {
    height: calc(100% + 130 / var(--sp_calc));
  }
}
.sec_day_surgery ._day_surgery._cataract .txt::after {
  background-position: center top;
  background-size: 100%;
}
@media (min-width: 768px) {
  .sec_day_surgery ._day_surgery._cataract .txt::after {
    background-position: left top;
    background-size: auto;
  }
}
.sec_day_surgery ._day_surgery._multifocal {
  flex-direction: row-reverse;
  color: var(--white);
}
.sec_day_surgery ._day_surgery._multifocal .txt::before {
  background: var(--gra_black_01);
}
.sec_day_surgery ._day_surgery._multifocal .txt::after {
  background-position: center top;
  background-size: 100%;
}
@media (max-width: 767px) {
  .sec_day_surgery ._day_surgery._multifocal .txt {
    padding-left: calc(20 / var(--sp_calc));
  }
  .sec_day_surgery ._day_surgery._multifocal .txt::before, .sec_day_surgery ._day_surgery._multifocal .txt::after {
    left: 0;
    height: calc(100% + 60 / var(--sp_calc));
  }
}
@media (max-width: 767px) {
  .sec_day_surgery ._day_surgery._multifocal .img {
    margin-left: calc(var(--container-padding-size) / var(--sp_calc) * -1);
  }
}
@media (min-width: 768px) {
  .sec_day_surgery ._day_surgery._multifocal .txt {
    margin-right: 28px;
  }
  .sec_day_surgery ._day_surgery._multifocal .txt::before, .sec_day_surgery ._day_surgery._multifocal .txt::after {
    --width: 632px;
    left: calc(var(--width) * -1);
    width: calc(var(--vw100) / 2 + var(--width));
  }
  .sec_day_surgery ._day_surgery._multifocal .txt::after {
    background-position: left 460px top;
    background-size: auto;
  }
  .sec_day_surgery ._day_surgery._multifocal .img {
    --width: 518px;
    width: calc(var(--width) + (var(--vw100) - var(--container-width)) / 2);
    min-width: calc(var(--width) + var(--container-padding-size) * 1px);
    margin-left: calc((100vw - var(--container-width)) / 2 * -1);
    margin-top: -48px;
  }
  .sec_day_surgery ._day_surgery._multifocal .img img {
    height: 548px;
  }
  .sec_day_surgery ._day_surgery._multifocal .en.pos {
    margin-left: calc(((var(--vw100) - var(--container-width)) / 2 - 40px) * -1);
    margin-bottom: -0.35em;
  }
}
@media (min-width: 768px) and (max-width: 1280px) {
  .sec_day_surgery ._day_surgery._multifocal .txt::before, .sec_day_surgery ._day_surgery._multifocal .txt::after {
    width: 1272px;
    margin-right: calc(var(--container-padding-size) * -1px);
  }
  .sec_day_surgery ._day_surgery._multifocal .img {
    width: 558px;
    margin-left: calc(var(--container-padding-size) * -1px);
  }
}
@media (min-width: 1920px) {
  .sec_day_surgery ._day_surgery._multifocal .txt::after {
    background-position: right top;
  }
}
.sec_day_surgery ._day_surgery._vitreoretinal .sub {
  letter-spacing: 0.06em;
}
.sec_day_surgery ._day_surgery._vitreoretinal h3 {
  letter-spacing: 0.05em;
}
@media (max-width: 767px) {
  .sec_day_surgery ._day_surgery._vitreoretinal .en.pos {
    font-size: calc(43 / var(--sp_calc));
  }
}
@media (max-width: 767px) {
  .sec_day_surgery ._day_surgery._vitreoretinal .txt::before, .sec_day_surgery ._day_surgery._vitreoretinal .txt::after {
    height: calc(100% + 50 / var(--sp_calc));
  }
}
.sec_day_surgery ._day_surgery._vitreoretinal .txt::after {
  background-size: 100%;
  background-position: left top;
}
@media (min-width: 768px) {
  .sec_day_surgery ._day_surgery._vitreoretinal .txt::after {
    background-size: auto;
    background-position: right 370px top;
    background-position: left top;
  }
}
@media (min-width: 768px) {
  .sec_day_surgery ._day_surgery._vitreoretinal .txt p {
    width: 510px;
  }
}
.sec_day_surgery ._day_surgery._other {
  background: linear-gradient(180deg, #0A2B4F 0%, #05203C 100%);
  position: relative;
}
.sec_day_surgery ._day_surgery._other::before {
  position: absolute;
  content: "";
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 100%;
}
@media (max-width: 767px) {
  .sec_day_surgery ._day_surgery._other::before {
    top: calc(182 / var(--sp_calc) * -1);
  }
}
@media (min-width: 768px) {
  .sec_day_surgery ._day_surgery._other::before {
    bottom: 0;
    width: 837px;
    height: 1034px;
    background-size: auto;
  }
}
.sec_day_surgery ._day_surgery._other .container {
  position: relative;
}
@media (max-width: 767px) {
  .sec_day_surgery ._day_surgery._other .container {
    padding-left: calc(var(--container-padding-size) / var(--sp_calc));
  }
}
.sec_day_surgery ._day_surgery._other .container::before, .sec_day_surgery ._day_surgery._other .container::after {
  position: absolute;
  content: "";
  display: block;
  background-color: var(--bg_gray_01);
  top: 0;
  left: 0;
  width: calc(100% + var(--container-padding-size) / var(--sp_calc));
  height: 100%;
}
.sec_day_surgery ._day_surgery._other .container::before {
  background-color: var(--bg_gray_01);
}
.sec_day_surgery ._day_surgery._other .container::after {
  background-position: left top;
  background-repeat: no-repeat;
  background-size: 100%;
}
@media (min-width: 768px) {
  .sec_day_surgery ._day_surgery._other .container::after {
    background-size: auto;
  }
}
@media (min-width: 1920px) {
  .sec_day_surgery ._day_surgery._other .container::after {
    background-size: cover;
  }
}
.sec_day_surgery ._day_surgery._other .container .h3, .sec_day_surgery ._day_surgery._other .container .item_wrap {
  position: relative;
  z-index: 1;
}
.sec_day_surgery ._day_surgery._other .pos {
  background: linear-gradient(180deg, rgba(200, 169, 117, 0.8) 0%, rgba(117, 81, 22, 0.8) 100%);
  font-weight: 600;
  font-size: calc(60 / var(--sp_calc));
  line-height: 1;
  letter-spacing: 0;
  transform: rotate(90deg);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  left: calc(29 / var(--sp_calc));
  top: calc(9 / var(--sp_calc));
  transform-origin: left top;
  height: 1em;
  opacity: 1;
}
@media (min-width: 768px) {
  .sec_day_surgery ._day_surgery._other .pos {
    font-size: 162px;
    left: -0.2em;
    top: 0;
  }
}
.sec_day_surgery ._day_surgery._other h3 {
  margin-bottom: calc(20 / var(--sp_calc));
  margin-top: 0;
  display: flex;
  align-items: baseline;
  gap: calc(5 / var(--sp_calc));
  color: var(--beiju_04);
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .sec_day_surgery ._day_surgery._other h3 {
    margin-left: calc(4 / var(--sp_calc));
  }
}
@media (min-width: 768px) {
  .sec_day_surgery ._day_surgery._other h3 {
    margin-bottom: 30px;
  }
}
.sec_day_surgery ._day_surgery._other h3 .jp {
  font-size: calc(26 / var(--sp_calc));
  line-height: 1.5;
  letter-spacing: 0.06em;
}
.sec_day_surgery ._day_surgery._other h3 .en {
  font-family: var(--title-family);
  font-weight: var(--title-family-weight);
  font-size: calc(15 / var(--sp_calc));
  line-height: 1.5;
  letter-spacing: 0.06em;
  padding: calc(5 / var(--sp_calc)) 0 0 calc(25 / var(--sp_calc));
  position: relative;
}
.sec_day_surgery ._day_surgery._other h3 .en::before, .sec_day_surgery ._day_surgery._other h3 .en::after {
  position: absolute;
  content: "";
  background-color: var(--beiju_04);
  height: var(--px-1);
}
.sec_day_surgery ._day_surgery._other h3 .en::before {
  width: 100vw;
  top: calc(0 / var(--sp_calc));
  left: calc(22 / var(--sp_calc));
}
.sec_day_surgery ._day_surgery._other h3 .en::after {
  width: var(--px-1);
  height: calc(30 / var(--sp_calc));
  top: calc(-3 / var(--sp_calc));
  left: calc(13 / var(--sp_calc));
  transform: rotate(40deg);
}
@media (min-width: 768px) {
  .sec_day_surgery ._day_surgery._other h3 .en {
    padding: 5px 0 0 25px;
  }
  .sec_day_surgery ._day_surgery._other h3 .en::before {
    left: 23px;
    top: -3px;
  }
  .sec_day_surgery ._day_surgery._other h3 .en::after {
    left: 10px;
    height: 42px;
    transform: rotate(40deg);
    top: -8px;
  }
}
@media (min-width: 768px) {
  .sec_day_surgery ._day_surgery._other h3 {
    margin-bottom: 30px;
  }
}
.sec_day_surgery ._day_surgery._other .item_wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: calc(16 / var(--sp_calc));
}
.sec_day_surgery ._day_surgery._other .item {
  flex: 0 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  position: relative;
  overflow: hidden;
}
@media (max-width: 767px) {
  .sec_day_surgery ._day_surgery._other .item {
    width: calc(322 / var(--sp_calc));
    margin-left: auto;
    margin-right: calc(4 / var(--sp_calc));
  }
}
.sec_day_surgery ._day_surgery._other .item a {
  color: #fff;
  text-decoration: none;
}
.sec_day_surgery ._day_surgery._other .item .jp {
  font-family: var(--title-family);
  font-weight: var(--title-family-weight);
  font-size: calc(22 / var(--sp_calc));
  line-height: 1;
  letter-spacing: 0.06em;
  margin-bottom: calc(14 / var(--sp_calc));
}
.sec_day_surgery ._day_surgery._other .item .en {
  letter-spacing: 0.02em;
  font-family: var(--cor-garamond);
  font-weight: 600;
  font-size: calc(14 / var(--sp_calc));
  line-height: 1;
  letter-spacing: 0.02em;
}
.sec_day_surgery ._day_surgery._other .item .img {
  background-color: #8B8C8E;
  display: block;
}
@media (min-width: 768px) {
  .sec_day_surgery ._day_surgery._other .item .img {
    background-color: #BFC0C3;
  }
}
.sec_day_surgery ._day_surgery._other .item .img img {
  mix-blend-mode: multiply;
  transform: var(--transition-hover);
}
.sec_day_surgery ._day_surgery._other .item .txt {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
  text-shadow: 0px 0px var(--px-15) rgba(36, 37, 37, 0.6);
  z-index: 2;
  padding-bottom: 0;
}
@media (max-width: 767px) {
  .sec_day_surgery ._day_surgery._other h3 {
    flex-direction: column;
  }
}
.sec_day_surgery ._day_surgery._other .item::before, .sec_day_surgery ._day_surgery._other .item::after,
.sec_day_surgery ._day_surgery._other .txt::before,
.sec_day_surgery ._day_surgery._other .txt::after {
  position: absolute;
  content: "";
  bottom: calc(6.6 / var(--sp_calc));
  right: calc(6.6 / var(--sp_calc));
  width: calc(33 / var(--sp_calc));
  height: calc(33 / var(--sp_calc));
  border-radius: 50%;
  transition: var(--transition-hover);
  z-index: 1;
  margin: auto;
}
@media (min-width: 768px) {
  .sec_day_surgery ._day_surgery._other .item::before, .sec_day_surgery ._day_surgery._other .item::after,
  .sec_day_surgery ._day_surgery._other .txt::before,
  .sec_day_surgery ._day_surgery._other .txt::after {
    bottom: 10px;
    right: 10px;
    width: 60px;
    height: 60px;
  }
}
.sec_day_surgery ._day_surgery._other .item::after {
  background: #C0BDBF;
  opacity: 0;
}
.sec_day_surgery ._day_surgery._other .txt::before {
  background: var(--clinic-gradient-row);
  transform: rotate(90deg);
}
.sec_day_surgery ._day_surgery._other .txt::after {
  background-color: var(--beiju_02);
  -webkit-mask-image: url(../img/common/day_surgery_arrow.svg);
  mask-image: url(../img/common/day_surgery_arrow.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: calc(8.22 / var(--sp_calc));
  mask-size: calc(8.22 / var(--sp_calc));
  -webkit-mask-position: center;
  mask-position: center;
}
@media (min-width: 768px) {
  .sec_day_surgery ._day_surgery._other .txt::after {
    -webkit-mask-size: 15px;
    mask-size: 15px;
  }
}
@media (min-width: 768px) {
  .sec_day_surgery ._day_surgery._other .container {
    padding-top: 32px;
    padding-bottom: 50px;
  }
  .sec_day_surgery ._day_surgery._other .container::before, .sec_day_surgery ._day_surgery._other .container::after {
    left: -100px;
    min-width: calc(var(--container-width) + var(--container-padding-size) * 2px + 100px);
    width: calc(var(--container-width) + (var(--vw100) - var(--container-width)) / 2 + 100px);
    height: 100%;
  }
  .sec_day_surgery ._day_surgery._other h3 {
    gap: 35px;
  }
  .sec_day_surgery ._day_surgery._other h3 .jp {
    font-size: 50px;
  }
  .sec_day_surgery ._day_surgery._other h3 .en {
    font-size: 18px;
  }
  .sec_day_surgery ._day_surgery._other .item_wrap {
    gap: 30px;
  }
  .sec_day_surgery ._day_surgery._other .item {
    width: 585px;
    height: 214px;
  }
  .sec_day_surgery ._day_surgery._other .item a .jp {
    font-size: 34px;
    margin-bottom: 16px;
  }
  .sec_day_surgery ._day_surgery._other .item a .en {
    font-size: 24px;
  }
  .sec_day_surgery ._day_surgery._other .item a .img {
    background-color: #8B8C8E;
    filter: grayscale(100%);
    transition: var(--transition-hover);
  }
  .sec_day_surgery ._day_surgery._other .item a .img img {
    transition: var(--transition-hover);
  }
}
@media (min-width: 768px) and (hover: hover) {
  .sec_day_surgery ._day_surgery._other .item a:hover {
    opacity: 1;
  }
  .sec_day_surgery ._day_surgery._other .item:hover::after {
    transform: scale(1.1);
    opacity: 1;
  }
  .sec_day_surgery ._day_surgery._other .item:hover .img {
    filter: none;
  }
  .sec_day_surgery ._day_surgery._other .item:hover .img img {
    transform: scale(1.1);
  }
  .sec_day_surgery ._day_surgery._other .item:hover .txt::before {
    opacity: 0;
  }
  .sec_day_surgery ._day_surgery._other .item:hover .txt::after {
    background-color: var(--beiju_04);
  }
}

/* sec_orthokeratology */
.sec_orthokeratology {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  color: var(--white);
  position: relative;
}
.sec_orthokeratology h2 {
  background: linear-gradient(90deg, #0F2E6C 52.05%, rgba(22, 65, 150, 0) 100%);
  color: var(--beiju_02);
  font-size: calc(20 / var(--sp_calc));
  line-height: 1;
  letter-spacing: 0.06em;
  padding: calc(11 / var(--sp_calc)) 0 calc(12 / var(--sp_calc)) calc(var(--container-padding-size) / var(--sp_calc));
  text-align: left;
  position: relative;
  overflow: hidden;
}
.sec_orthokeratology h2::before {
  position: absolute;
  content: "";
  display: block !important;
  left: var(--px-3);
  top: 0;
  bottom: 0;
  margin: auto;
  right: auto;
  left: calc(var(--container-padding-size) / var(--sp_calc));
  width: calc(8 / var(--sp_calc));
  height: calc(12 / var(--sp_calc));
  -webkit-clip-path: polygon(0 0, 0% 100%, 100% 50%);
          clip-path: polygon(0 0, 0% 100%, 100% 50%);
  background: var(--beiju_04);
  min-width: 0;
}
.sec_orthokeratology h2 .h2 {
  padding-left: calc(18.25 / var(--sp_calc));
  padding-right: calc(12 / var(--sp_calc));
  position: relative;
  display: inline-block;
}
.sec_orthokeratology h2 .h2::before, .sec_orthokeratology h2 .h2::after {
  position: absolute;
  content: "";
  background-color: var(--beiju_02);
  height: var(--px-1);
}
.sec_orthokeratology h2 .h2::before {
  width: 100vw;
  top: calc(3 / var(--sp_calc));
  left: calc(100% + 6 / var(--sp_calc));
}
.sec_orthokeratology h2 .h2::after {
  width: var(--px-1);
  height: calc(19 / var(--sp_calc));
  top: calc(2 / var(--sp_calc));
  left: 100%;
  transform: rotate(37deg);
}
@media (min-width: 768px) {
  .sec_orthokeratology h2 {
    padding: 17px 0 18px calc(var(--container-padding-size) * 1px);
  }
  .sec_orthokeratology h2::before {
    left: calc(var(--container-padding-size) * 1px + 4px);
    width: 12px;
    height: 18px;
  }
  .sec_orthokeratology h2 .h2 {
    padding-left: 30px;
    padding-right: 25px;
  }
  .sec_orthokeratology h2 .h2::before {
    left: calc(100% + 28px);
    top: 5px;
  }
  .sec_orthokeratology h2 .h2::after {
    left: calc(100% + 14px);
    top: 0px;
    height: 42px;
    transform: rotate(41deg);
  }
}
.sec_orthokeratology h3 {
  font-size: calc(26 / var(--sp_calc));
  line-height: 1;
  letter-spacing: 0.06em;
  margin-bottom: calc(20 / var(--sp_calc));
  text-shadow: 0px 0px var(--px-14) rgba(0, 4, 103, 0.4509803922);
}
.sec_orthokeratology h3 .sub {
  display: block;
  font-size: calc(18 / var(--sp_calc));
  line-height: 1.5;
  letter-spacing: 0.04em;
  margin-bottom: calc(9 / var(--sp_calc));
}
.sec_orthokeratology .marker {
  font-weight: 500;
  font-size: calc(17 / var(--sp_calc));
  line-height: 1.64;
  letter-spacing: 0.06em;
}
.sec_orthokeratology .en.pos {
  font-family: "Libre Baskerville", serif;
  font-weight: 400;
  font-style: italic;
  font-size: calc(38 / var(--sp_calc));
  line-height: 1;
  letter-spacing: 0;
  right: calc(7.66 / var(--sp_calc));
  bottom: calc(6.67 / var(--sp_calc));
  opacity: 0.8;
}
@media (max-width: 767px) {
  .sec_orthokeratology .img {
    position: relative;
    margin-bottom: calc(30 / var(--sp_calc));
  }
  .sec_orthokeratology .img img {
    width: 100%;
  }
  .sec_orthokeratology p + p {
    margin-top: 10px;
    margin-top: calc(14 / var(--sp_calc));
  }
  .sec_orthokeratology .marker._sp {
    background: linear-gradient(270deg, #C8A975 0%, #755116 100%);
    box-shadow: 0px calc(4 / var(--sp_calc)) calc(15 / var(--sp_calc)) 0px rgba(57, 61, 75, 0.2509803922);
    display: table;
    padding: 0 calc(10 / var(--sp_calc)) calc(1 / var(--sp_calc));
    margin-top: calc(6 / var(--sp_calc));
  }
  .sec_orthokeratology .btnstyle {
    margin-top: calc(20 / var(--sp_calc));
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 768px) {
  .sec_orthokeratology h2 {
    font-size: 38px;
    position: relative;
  }
  .sec_orthokeratology h3 {
    font-size: 50px;
    margin-bottom: 38px;
  }
  .sec_orthokeratology h3 .sub {
    font-size: 28px;
    margin-bottom: 20px;
  }
  .sec_orthokeratology p {
    width: 505px;
    line-height: 1.8;
    letter-spacing: 0.06em;
  }
  .sec_orthokeratology p + p {
    margin-top: 14px;
  }
  .sec_orthokeratology .marker {
    font-size: 20px;
  }
  .sec_orthokeratology .marker._pc {
    background: linear-gradient(270deg, #C8A975 0%, #755116 100%);
    box-shadow: 0px 4px 15px 0px rgba(57, 61, 75, 0.2509803922);
    display: table;
    padding: 0 10px 1px;
  }
  .sec_orthokeratology .marker._pc + ._pc {
    margin-top: 7px;
  }
  .sec_orthokeratology .en.pos {
    font-size: 105px;
    right: 30px;
    bottom: 27px;
  }
  .sec_orthokeratology .btnstyle {
    margin-top: 38px;
  }
}

/* sec_parallax */
/* parallax */
.sec_parallax {
  --parallax_height: calc( 260 / var(--sp_calc));
  position: relative;
  width: 100%;
  height: var(--parallax_height);
}
@media (min-width: 768px) {
  .sec_parallax {
    --parallax_height: 446px;
  }
}
.sec_parallax .parallax_contents {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-clip-path: fill-box;
          clip-path: fill-box;
}
.sec_parallax .sec_parallax_box {
  position: fixed;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100vh;
  background-size: cover;
  background-position: center;
}
.sec_parallax .sec_parallax_box img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}

@media (max-width: 767px) {
  .spbr {
    display: block;
  }
}
/* seiyukai */
._seiyukai_home {
  overflow: hidden;
}

.sec_recruit {
  padding: calc(30 / var(--sp_calc)) 0;
}
@media (min-width: 768px) {
  .sec_recruit {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.sec_about {
  padding: calc(60 / var(--sp_calc)) 0;
}
@media (min-width: 768px) {
  .sec_about {
    padding-top: 140px;
    padding-bottom: 140px;
  }
}

.sec_history {
  padding-top: calc(50 / var(--sp_calc));
}
@media (min-width: 768px) {
  .sec_history {
    padding-top: 100px;
  }
}

.sec_achivements {
  padding: 0 0 calc(40 / var(--sp_calc));
}
@media (min-width: 768px) {
  .sec_achivements {
    padding-top: 140px;
    padding-bottom: 100px;
  }
}

/* seiyukai lazy bg */
.show-bg.sec_recruit {
  background-image: url(../../seiyukai/assets/img/top/seiyukai_recruit_bg_sp.jpg);
}
@media (min-width: 768px) {
  .show-bg.sec_recruit {
    background-image: url(../../seiyukai/assets/img/top/seiyukai_recruit_bg.jpg);
  }
}
@media (max-width: 767px) {
  .show-bg.sec_about {
    background-image: url(../../seiyukai/assets/img/top/seiyukai_about_bg_sp.jpg);
  }
}
.show-bg.sec_history {
  --gradient-bg:linear-gradient(180deg, #007EEC 0%, #013A6D 100%);
  background-image: url(../../seiyukai/assets/img/top/seiyukai_history_bg_sp.png), var(--gradient-bg);
}
@media (min-width: 768px) {
  .show-bg.sec_history {
    background-image: url(../../seiyukai/assets/img/top/seiyukai_history_bg.png), var(--gradient-bg);
  }
}
.show-bg.sec_achivements::before {
  background-image: url(../../seiyukai/assets/img/top/seiyukai_archivements_bg_sp.jpg);
}
@media (min-width: 768px) {
  .show-bg.sec_achivements::before {
    background-image: url(../../seiyukai/assets/img/top/seiyukai_archivements_bg.png);
  }
}

/* seiyukai bg */
.sec_recruit,
.sec_about,
.sec_history,
.sec_achivements::before {
  background-repeat: no-repeat;
}

.sec_recruit,
.sec_about {
  background-position: center;
  background-size: cover;
}

/* seiyukai h2 */
.sec_about .en,
.sec_history .en,
.sec_achivements .en {
  font-family: var(--cor-garamond);
  font-weight: 600;
}
.sec_about .jp,
.sec_about h3,
.sec_about h4,
.sec_history .jp,
.sec_history h3,
.sec_history h4,
.sec_achivements .jp,
.sec_achivements h3,
.sec_achivements h4 {
  font-family: var(--title-family);
  font-weight: var(--title-family-weight);
}

.sec_history .timeline,
.sec_achivements .number_of_people {
  font-family: var(--title-family);
}

/* seiyukai sec_recruit */
.sec_recruit {
  background-color: #BCE5FD;
  text-align: center;
}

/* seiyukai sec_about */
.sec_about {
  position: relative;
}
@media (min-width: 768px) {
  .sec_about .about_bnr_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .sec_about .about_bnr_bg img {
    position: absolute;
    top: 0;
    left: 0;
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
  }
}
.sec_about .about_bnr_list {
  display: flex;
  gap: var(--px-20);
}
@media (max-width: 767px) {
  .sec_about .about_bnr_list {
    flex-direction: column;
    max-width: calc(100% - var(--body-padding) * 2);
    margin-inline: auto;
  }
}
@media (min-width: 768px) {
  .sec_about .about_bnr_list {
    gap: 40px;
    /* clamp( 最小値px, calc(V1 + (最大値 - 最小値) * ((100vw - 最小幅px) / (最大幅 - 最小幅))), 最大値px ) */
    width: clamp(1200px, 1200px + 80 * (100vw - 1280px) / 80, 1280px);
    margin-inline: auto;
  }
}
.sec_about .about_bnr_list .item {
  position: relative;
  overflow: hidden;
  color: var(--white);
  box-shadow: 0px var(--px-4) var(--px-17) 0px rgba(36, 37, 37, 0.4509803922);
}
.sec_about .about_bnr_list .item a {
  position: absolute;
  text-indent: -9999px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.sec_about .about_bnr_list .item a::before, .sec_about .about_bnr_list .item a::after {
  position: absolute;
  content: "";
  width: var(--px-60);
  aspect-ratio: 1;
  bottom: var(--px-21);
  right: var(--px-15);
}
.sec_about .about_bnr_list .item a::before {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  border: var(--px-1) solid var(--white);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}
.sec_about .about_bnr_list .item a::after {
  background: var(--white);
  -webkit-mask-image: url(../img/common/arrow_subnav-sp.svg);
  mask-image: url(../img/common/arrow_subnav-sp.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: calc(17.93 / var(--sp_calc));
  mask-size: calc(17.93 / var(--sp_calc));
  -webkit-mask-position: center;
  mask-position: center;
  background-position: center;
}
@media (min-width: 768px) {
  .sec_about .about_bnr_list .item a::before, .sec_about .about_bnr_list .item a::after {
    right: 20px;
    bottom: 35px;
    width: var(--px-70);
  }
  .sec_about .about_bnr_list .item a::after {
    -webkit-mask-size: 20.92px;
    mask-size: 20.92px;
  }
}
@media (hover: hover) {
  .sec_about .about_bnr_list .item a:hover::after {
    animation: about_bnr_arrow 0.35s ease;
  }
}
.sec_about .about_bnr_list .item .img {
  position: relative;
}
.sec_about .about_bnr_list .item .img::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #A9A9A9;
  mix-blend-mode: multiply;
  opacity: 0;
}
.sec_about .about_bnr_list .item .txt {
  position: absolute;
  display: flex;
  flex-direction: column;
  left: var(--px-20);
  bottom: calc(28 / var(--sp_calc));
  text-shadow: 0px var(--px-4) var(--px-9) 0px rgba(36, 37, 37, 0.2509803922);
}
.sec_about .about_bnr_list .item .txt .num {
  font-family: var(--eb-garamond);
  font-weight: 400;
  font-size: calc(50 / var(--sp_calc));
  line-height: 1;
  letter-spacing: 0;
}
.sec_about .about_bnr_list .item .txt .jp {
  font-size: calc(26 / var(--sp_calc));
  line-height: 1;
  letter-spacing: 0.04em;
  margin-top: var(--px-8);
  margin-bottom: var(--px-10);
}
.sec_about .about_bnr_list .item .txt .en {
  font-size: calc(16 / var(--sp_calc));
  line-height: 1;
  letter-spacing: 0.04em;
}
@media (min-width: 768px) {
  .sec_about .about_bnr_list .item .txt {
    left: 30px;
    bottom: 40px;
  }
  .sec_about .about_bnr_list .item .txt .num {
    font-size: 70px;
  }
  .sec_about .about_bnr_list .item .txt .jp {
    font-size: 36px;
    margin-bottom: 14px;
  }
  .sec_about .about_bnr_list .item .txt .en {
    font-size: 20px;
  }
}
@media (hover: hover) {
  .sec_about .about_bnr_list .item .img img {
    transition: var(--transition-hover);
  }
  .sec_about .about_bnr_list .item .img::after {
    transition: var(--transition-hover);
  }
  .sec_about .about_bnr_list .item:hover .img img {
    transform: scale(1.049);
  }
  .sec_about .about_bnr_list .item:hover .img::after {
    opacity: 1;
  }
  .sec_about .about_bnr_list .item a:hover {
    opacity: 1;
  }
}
@media (min-width: 768px) {
  .sec_about .about_bnr_bg img {
    opacity: 0;
    transition: var(--transition-hover);
  }
  .sec_about .about_bnr_bg .hovered img {
    opacity: 1;
  }
}

@keyframes about_bnr_arrow {
  48% {
    -webkit-mask-position: var(--px-70) center;
            mask-position: var(--px-70) center;
  }
  49% {
    opacity: 0;
  }
  50% {
    -webkit-mask-position: calc(var(--px-24) * -1) center;
            mask-position: calc(var(--px-24) * -1) center;
  }
  51% {
    opacity: 1;
  }
  100% {
    -webkit-mask-position: center center;
            mask-position: center center;
  }
}
/* seiyukai sec_history */
.sec_history {
  background-position: center top;
  background-size: 100%;
}
@media (min-width: 768px) {
  .sec_history {
    background-size: auto;
  }
}
@media (min-width: 1920px) {
  .sec_history {
    background-size: 100%;
  }
}
.sec_history h2 {
  text-align: left;
  margin-bottom: var(--px-40);
}
.sec_history h2 .en {
  font-size: calc(26 / var(--sp_calc));
  line-height: 1;
  letter-spacing: 0;
  margin-bottom: var(--px-14);
}
.sec_history h2 .jp {
  font-size: calc(24 / var(--sp_calc));
  line-height: 1.6;
  letter-spacing: 0.04em;
}
.sec_history ._timeline_wrap {
  position: relative;
  padding: calc(16 / var(--sp_calc)) 0 calc(40 / var(--sp_calc)) calc(33 / var(--sp_calc));
}
.sec_history ._timeline_wrap::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: max(100vw, 1280px);
  height: 100%;
  background: rgba(255, 255, 255, 0.8980392157);
}
.sec_history .timeline {
  font-weight: 500;
  display: flex;
  gap: calc(17 / var(--sp_calc));
  flex-direction: column;
  position: relative;
}
.sec_history .timeline::before {
  position: absolute;
  content: "";
  height: calc(100% - 19 / var(--sp_calc));
  width: var(--px-1);
  top: calc(19 / var(--sp_calc));
  left: calc(18 / var(--sp_calc) * -1);
  background: var(--blue_02);
}
.sec_history .timeline .item {
  border-bottom: var(--px-1) solid var(--gray_03);
  padding-bottom: calc(16 / var(--sp_calc));
  position: relative;
}
.sec_history .timeline .item::before {
  position: absolute;
  content: "";
  width: calc(10 / var(--sp_calc));
  aspect-ratio: 1;
  border-radius: 50%;
  background: var(--blue_02);
  left: calc(22 / var(--sp_calc) * -1);
  top: calc(12 / var(--sp_calc));
}
.sec_history .timeline .year {
  color: var(--blue_03);
  font-size: calc(16 / var(--sp_calc));
  margin-block: var(--leading-trim);
  line-height: 1.6;
  letter-spacing: 0.06em;
}
.sec_history .timeline .year .num {
  font-size: calc(25 / var(--sp_calc));
  margin-block: var(--leading-trim);
  line-height: 1.6;
  letter-spacing: 0.06em;
  padding-right: var(--px-3);
}
.sec_history .timeline .event {
  font-size: calc(18 / var(--sp_calc));
  margin-block: var(--leading-trim);
  line-height: 1.5;
  letter-spacing: 0.04em;
}
.sec_history .timeline .event .letterspacing {
  letter-spacing: -0.09em;
}
.sec_history .timeline .event .letterspacing._clinic {
  letter-spacing: -0.15em;
}
.sec_history .timeline .event ._letterspacing {
  letter-spacing: 0.0075em;
}
@media (min-width: 768px) {
  .sec_history h2 {
    margin-bottom: 60px;
    padding-left: 40px;
  }
  .sec_history h2 .en {
    font-size: 50px;
    margin-bottom: 24px;
  }
  .sec_history h2 .jp {
    font-size: 50px;
    line-height: 1.5;
  }
  .sec_history ._timeline_wrap {
    padding: 40px 0 40px 140px;
  }
  .sec_history ._timeline_wrap::before {
    left: 40px;
  }
  .sec_history .timeline {
    gap: 20px;
  }
  .sec_history .timeline::before {
    width: 2px;
    height: calc(100% - 19px);
    top: 19px;
    left: -43px;
  }
  .sec_history .timeline .item {
    padding-bottom: 21px;
  }
  .sec_history .timeline .item::before {
    width: 12px;
    left: -48px;
    top: 16px;
  }
  .sec_history .timeline .year {
    font-size: 20px;
    padding-bottom: 3px;
  }
  .sec_history .timeline .year .num {
    font-size: 32px;
  }
  .sec_history .timeline .event {
    font-size: 26px;
  }
}

/* sec_achivements */
.sec_achivements {
  --h2-height: calc( 182 / var(--sp_calc));
  position: relative;
}
.sec_achivements::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  background-color: #E0EEFB;
  background-position: center top;
  background-size: 100%;
  width: 100%;
  height: var(--h2-height);
}
@media (min-width: 768px) {
  .sec_achivements::before {
    width: max(1920px, var(--vw100));
    height: 100%;
    left: 50%;
    transform: translateX(-50%);
    background-position: left top;
    background-size: auto;
  }
}
.sec_achivements h2 {
  color: var(--white);
  text-align: left;
}
.sec_achivements h2 .en {
  font-size: calc(22 / var(--sp_calc));
  line-height: 1;
  letter-spacing: 0;
}
.sec_achivements h2 .jp {
  font-size: calc(26 / var(--sp_calc));
  line-height: 1.2;
  letter-spacing: 0.04em;
}
.sec_achivements h2 + h3 {
  margin-top: 0;
}
.sec_achivements h3 {
  border-bottom: var(--px-1) solid var(--blue_03);
  font-size: calc(24 / var(--sp_calc));
  line-height: 1.7;
  letter-spacing: 0.08em;
  padding-bottom: var(--px-8);
  margin-bottom: var(--px-30);
}
.sec_achivements .achivements_boxs {
  display: flex;
  gap: var(--px-20);
}
.sec_achivements .achivements_boxs .box {
  flex: 1 1 auto;
  width: 100%;
}
@media (max-width: 767px) {
  .sec_achivements .achivements_boxs .box h4 {
    margin-bottom: var(--px-20);
  }
}
.sec_achivements .box {
  background: var(--white);
  padding: var(--px-24) var(--px-20);
  text-align: center;
  box-shadow: 0px 0px var(--px-30) 0px rgba(18, 93, 206, 0.2);
}
.sec_achivements h4 {
  background: var(--navy_01);
  color: var(--white);
  font-size: calc(22 / var(--sp_calc));
  line-height: 1.7;
  letter-spacing: 0.08em;
  text-align: center;
  padding: var(--px-4);
  margin-bottom: calc(10 / var(--sp_calc));
  width: 100%;
}
.sec_achivements .number_of_people {
  color: var(--navy_01);
  font-weight: 700;
  font-size: calc(23 / var(--sp_calc));
  line-height: 1;
  letter-spacing: 0.08em;
}
.sec_achivements .number_of_people .split_txt {
  font-size: calc(38 / var(--sp_calc));
  line-height: 1;
  letter-spacing: 0;
  padding-right: var(--px-4);
}
.sec_achivements ._item {
  display: inline-block;
  opacity: 0;
  transform: translateY(20px);
  animation: fadeInUp 0.5s ease forwards;
}
.sec_achivements ._item:nth-child(n) {
  animation-delay: calc(0.085s * var(--i));
}
.sec_achivements .split_txt:not(._active) ._item {
  animation: none;
}
.sec_achivements .graph figcaption {
  font-size: calc(14 / var(--sp_calc));
  line-height: 1.6;
  letter-spacing: 0.08em;
  margin-top: var(--px-10);
  text-align: left;
}
.sec_achivements .graph figcaption ._notes {
  position: relative;
  padding-left: 1em;
}
.sec_achivements .graph figcaption ._notes::before {
  position: absolute;
  content: "※";
  left: 0;
}
@media (max-width: 767px) {
  .sec_achivements h2 {
    height: var(--h2-height);
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: var(--px-8);
    margin-bottom: var(--px-30);
  }
  .sec_achivements .achivements_boxs {
    flex-direction: column;
  }
  .sec_achivements .achivements_boxs .box {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 0 calc(36 / var(--sp_calc));
  }
  .sec_achivements .achivements_boxs h4 {
    flex: 1 1 auto;
    width: 100%;
  }
  .sec_achivements .achivements_boxs .icon._achivement_examination {
    width: calc(62 / var(--sp_calc));
  }
  .sec_achivements .achivements_boxs .icon._achivement_surgery {
    width: calc(80 / var(--sp_calc));
  }
  .sec_achivements .achivements_boxs .icon._achivement_referral {
    width: calc(80.87 / var(--sp_calc));
  }
}
@media (min-width: 768px) {
  .sec_achivements .container {
    padding-left: 160px;
  }
  .sec_achivements .container {
    position: relative;
  }
  .sec_achivements h2 {
    position: absolute;
    writing-mode: vertical-rl;
    display: flex;
    flex-direction: column-reverse;
    gap: 21px;
    top: 0;
    left: -50px;
    left: -69px;
  }
  .sec_achivements h2 .en {
    font-size: 43px;
  }
  .sec_achivements h2 .jp {
    font-size: 50px;
  }
  .sec_achivements h3 {
    font-size: 32px;
  }
  .sec_achivements .achivements_boxs + h3 {
    margin-top: 40px;
  }
  .sec_achivements .achivements_boxs {
    gap: 31px;
  }
  .sec_achivements h4 {
    font-size: 26px;
    margin-bottom: 30px;
  }
  .sec_achivements .icon {
    margin-bottom: 19px;
  }
  .sec_achivements .number_of_people {
    font-size: 26px;
  }
  .sec_achivements .number_of_people .split_txt {
    font-size: 50px;
  }
  .sec_achivements .graph figcaption {
    font-size: 16px;
    margin-top: 20px;
  }
}

@keyframes fadeInUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.section._wide {
  margin-left: calc(50% - var(--vw100) / 2);
  margin-right: calc(50% - var(--vw100) / 2);
  padding-left: calc(var(--vw100) / 2 - 50%);
  padding-right: calc(var(--vw100) / 2 - 50%);
}
@media (min-width: 768px) and (max-width: 1280px) {
  .section._wide {
    margin-left: calc((var(--container-padding-size) + (var(--container-size) - var(--under-size)) / 2) * -1px);
    margin-right: calc((var(--container-padding-size) + (var(--container-size) - var(--under-size)) / 2) * -1px);
    padding-left: calc(var(--container-padding-size) * 1px);
    padding-right: calc(var(--container-padding-size) * 1px);
  }
}

/* 下層 section */
.section._philosophy {
  background: url(../img/page/philosophy_bg_sp.jpg) no-repeat center top/100%;
  padding-top: calc(40 / var(--sp_calc));
  padding-bottom: calc(40 / var(--sp_calc));
}
@media (min-width: 768px) {
  .section._philosophy {
    background: url(../img/page/philosophy_bg.jpg) no-repeat center top/auto;
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media (min-width: 1920px) {
  .section._philosophy {
    background-size: 100%;
  }
}
.section._philosophy h2 {
  color: var(--white);
  font-family: var(--title-family);
  font-weight: var(--title-family-weight);
  margin-top: 0;
  margin-bottom: calc(30 / var(--sp_calc));
  padding: 0;
  font-size: calc(29 / var(--sp_calc));
  line-height: 1.6;
  letter-spacing: 0.08em;
  text-align: center;
  text-shadow: 0px 0px calc(11 / var(--sp_calc)) rgba(48, 57, 70, 0.6509803922);
}
.section._philosophy h2::before, .section._philosophy h2::after {
  display: none;
}
.section._philosophy h2 .en {
  font-family: var(--cor-garamond);
  font-weight: 600;
  font-size: calc(22 / var(--sp_calc));
  line-height: 1;
  letter-spacing: 0;
  display: block;
  padding-top: var(--px-9);
}
@media (min-width: 768px) {
  .section._philosophy h2 {
    font-size: 53px;
    margin-top: 0;
    margin-bottom: 0;
  }
  .section._philosophy h2 .en {
    font-size: 34px;
  }
}
.section._philosophy .philosophy_txt {
  display: flex;
  justify-content: center;
  gap: calc(20 / var(--sp_calc));
}
@media (max-width: 767px) {
  .section._philosophy .philosophy_txt {
    flex-direction: column;
  }
}
@media (min-width: 768px) {
  .section._philosophy .philosophy_txt {
    gap: 58px;
  }
}
.section._philosophy .philosophy_txt .item {
  border-radius: 50%;
  background: radial-gradient(50% 50% at 50% 50%, #FFFFFF 0%, #EEF8FF 71.15%, #DDF1FF 94.71%);
  width: calc(270 / var(--sp_calc));
  aspect-ratio: 1;
  padding-top: calc(29 / var(--sp_calc));
  text-align: center;
  box-shadow: 0px 0px calc(46.67 / var(--sp_calc)) 0px rgba(1, 26, 59, 0.5490196078);
}
@media (max-width: 767px) {
  .section._philosophy .philosophy_txt .item:first-child {
    margin-right: auto;
  }
  .section._philosophy .philosophy_txt .item:last-child {
    margin-left: auto;
  }
}
@media (min-width: 768px) {
  .section._philosophy .philosophy_txt .item {
    padding-top: 59px;
    width: 450px;
    box-shadow: 0px 0px 75px 0px rgba(1, 26, 59, 0.5490196078);
  }
}
.section._philosophy .philosophy_txt .item .lead {
  color: var(--blue_02);
  padding-bottom: calc(14 / var(--sp_calc));
  margin-bottom: calc(13 / var(--sp_calc));
  position: relative;
}
.section._philosophy .philosophy_txt .item .lead ._num {
  font-family: var(--eb-garamond);
  font-weight: 500;
  font-size: calc(35.47 / var(--sp_calc));
  line-height: 1;
  letter-spacing: 0;
}
.section._philosophy .philosophy_txt .item .lead ._txt {
  font-family: var(--cor-garamond);
  font-weight: 600;
  font-size: var(--px-14);
  line-height: 1;
  letter-spacing: 0;
  margin-top: var(--px-6);
}
.section._philosophy .philosophy_txt .item .lead::after {
  position: absolute;
  content: "";
  width: calc(30 / var(--sp_calc));
  height: var(--px-1);
  bottom: 0;
  left: 0;
  right: 0;
  margin-inline: auto;
  background: var(--blue_03);
}
@media (min-width: 768px) {
  .section._philosophy .philosophy_txt .item .lead {
    padding-bottom: 23px;
    margin-bottom: 22px;
  }
  .section._philosophy .philosophy_txt .item .lead ._num {
    font-size: 70px;
  }
  .section._philosophy .philosophy_txt .item .lead ._txt {
    font-size: 20px;
    margin-top: 10px;
  }
  .section._philosophy .philosophy_txt .item .lead::after {
    width: 48px;
  }
}
.section._philosophy .philosophy_txt .item .txt {
  color: var(--blue_03);
  font-family: var(--title-family);
  font-weight: var(--title-family-weight);
  font-size: var(--px-19);
  line-height: 1.6;
  letter-spacing: 0.08em;
}
@media (max-width: 767px) {
  .section._philosophy .philosophy_txt .item .txt ._sp_db {
    display: block;
  }
}
@media (min-width: 768px) {
  .section._philosophy .philosophy_txt .item .txt {
    font-size: 30px;
  }
}
.section._greeting {
  position: relative;
}
.section._greeting .img {
  padding-bottom: calc(61 / var(--sp_calc));
  position: relative;
}
.section._greeting .img .en {
  color: var(--gray_03);
  font-family: var(--cor-garamond);
  font-weight: 600;
  font-size: calc(70 / var(--sp_calc));
  line-height: 1;
  letter-spacing: 0;
}
.section._greeting .img .en.pos {
  position: absolute;
  transform: rotate(90deg) translateY(-54%);
  transform-origin: left top;
  top: calc(71 / var(--sp_calc));
  left: 0;
  left: calc(5 / var(--sp_calc));
}
@media (min-width: 768px) {
  .section._greeting .img .en {
    font-size: 120px;
    line-height: 1;
    letter-spacing: 0;
  }
  .section._greeting .img .en.pos {
    transform: rotate(90deg) translateY(-80%);
    top: calc(100% + 60px);
    bottom: auto;
    left: 0;
  }
}
.section._greeting .img .caption {
  position: absolute;
  bottom: calc(7 / var(--sp_calc));
  right: 0;
  background: var(--beiju_04);
  color: var(--white);
  font-family: var(--title-family);
  font-weight: var(--title-family-weight);
  padding-top: calc(16 / var(--sp_calc));
  padding-left: calc(20 / var(--sp_calc));
  width: calc(266 / var(--sp_calc));
  height: calc(106 / var(--sp_calc));
}
.section._greeting .img .caption ._sub {
  display: block;
  font-size: calc(16 / var(--sp_calc));
  line-height: 1.4;
  letter-spacing: 0.08em;
}
.section._greeting .img .caption ._name {
  font-size: calc(17 / var(--sp_calc));
  line-height: 1;
  letter-spacing: 0.06em;
  margin-top: calc(7 / var(--sp_calc));
}
.section._greeting .img .caption ._name ._main {
  font-size: calc(24 / var(--sp_calc));
  line-height: 1;
  letter-spacing: 0.06em;
}
@media (max-width: 767px) {
  .section._greeting .img .caption ._name ._main {
    padding-left: calc(5 / var(--sp_calc));
  }
}
@media (min-width: 768px) {
  .section._greeting .img {
    padding-bottom: 0;
  }
  .section._greeting .img .caption {
    bottom: 0;
    padding-top: 26px;
    padding-left: 40px;
    width: 369px;
    height: 100px;
  }
  .section._greeting .img .caption ._sub {
    font-size: 18px;
    line-height: 1;
    letter-spacing: 0.08em;
  }
  .section._greeting .img .caption ._name {
    font-size: 20px;
    letter-spacing: 0.15em;
    margin-top: 12px;
  }
  .section._greeting .img .caption ._name ._main {
    font-size: 28px;
    letter-spacing: 0.15em;
  }
}
.section._greeting .txt {
  margin-top: calc(30 / var(--sp_calc));
  position: relative;
}
@media (min-width: 768px) {
  .section._greeting .txt {
    margin-top: 60px;
  }
  .section._greeting .txt:not(._chairman) {
    padding-left: 155px;
  }
}
@media (min-width: 768px) {
  .section._greeting h3.doctor_introduction_title {
    margin-bottom: var(--section-padding);
  }
}
.section._greeting._clinic .img .caption ._name {
  letter-spacing: 0.15em;
}
.section._greeting._clinic .img .caption ._name ._main {
  letter-spacing: 0.15em;
}
@media (max-width: 767px) {
  .section._greeting._clinic .img {
    padding-bottom: calc(24 / var(--sp_calc));
    padding-bottom: calc(33 / var(--sp_calc));
  }
  .section._greeting._clinic .img .caption {
    bottom: calc(30 / var(--sp_calc) * -1);
    bottom: calc(21 / var(--sp_calc) * -1);
    padding: calc(13 / var(--sp_calc)) calc(10 / var(--sp_calc)) calc(10 / var(--sp_calc)) calc(20 / var(--sp_calc));
    width: auto;
    height: calc(85 / var(--sp_calc));
    bottom: calc(-2 / var(--sp_calc));
  }
  .section._greeting._clinic .img .caption ._name {
    margin-top: calc(12 / var(--sp_calc));
  }
  .section._greeting._clinic .img .en.pos {
    top: calc(159 / var(--sp_calc));
  }
}
.section._greeting._clinic._chairman .img .caption {
  left: 0;
  right: auto;
}
@media (max-width: 767px) {
  .section._greeting._clinic._chairman .img .caption {
    padding-left: calc(10 / var(--sp_calc));
    padding-right: calc(20 / var(--sp_calc));
  }
}
.section._greeting .doctor_introduction {
  display: flex;
  gap: var(--px-30);
}
@media (max-width: 767px) {
  .section._greeting .doctor_introduction {
    flex-direction: column;
  }
}
@media (min-width: 768px) {
  .section._greeting .doctor_introduction {
    gap: 80px;
  }
}
@media (min-width: 768px) {
  .section._greeting .doctor_introduction h4 {
    margin-bottom: 35px;
  }
}
.section._greeting .doctor_introduction .img,
.section._greeting .doctor_introduction .txt {
  margin: 0;
  padding: 0;
  flex: 1 1 auto;
}
@media (min-width: 768px) {
  .section._greeting .doctor_introduction .img {
    flex: 0 0 auto;
  }
}
.section._greeting .doctor_introduction .txt h4 {
  padding-left: var(--px-4);
}
@media (max-width: 767px) {
  .section._greeting .doctor_introduction .txt h4 {
    margin-bottom: calc(28 / var(--sp_calc));
  }
}
.section._greeting .doctor_introduction .txt h5._border {
  background: none;
  color: inherit;
  padding: 0;
  padding-left: var(--px-16);
  font-size: calc(20 / var(--sp_calc));
  line-height: 1.8;
  letter-spacing: 0.04em;
  margin-bottom: 0;
  position: relative;
}
.section._greeting .doctor_introduction .txt h5._border::before {
  position: absolute;
  content: "";
  display: block;
  height: calc(100% - 4 / var(--sp_calc));
  top: calc(2 / var(--sp_calc));
  left: 0;
  width: var(--px-3);
  background: var(--color-clinic);
}
@media (max-width: 767px) {
  .section._greeting .doctor_introduction .txt h5._border {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .section._greeting .doctor_introduction .txt h5._border {
    font-size: 22px;
    width: 150px;
    margin-bottom: 18px;
  }
  .section._greeting .doctor_introduction .txt h5._border::before {
    height: calc(100% - 8px);
    top: 5px;
  }
}
@media (max-width: 767px) {
  .section._greeting .doctor_introduction .txt table.table_detail {
    margin-top: calc(15 / var(--sp_calc));
  }
}
.section._greeting .doctor_introduction .txt table.table_detail th {
  padding-top: calc(11 / var(--sp_calc));
  width: calc(78 / var(--sp_calc));
}
@media (min-width: 768px) {
  .section._greeting .doctor_introduction .txt table.table_detail th {
    width: 90px;
    padding: 15px 0;
  }
}
.section._greeting .doctor_introduction .txt table.table_detail td {
  padding: calc(11 / var(--sp_calc)) calc(14 / var(--sp_calc)) calc(10 / var(--sp_calc));
}
@media (min-width: 768px) {
  .section._greeting .doctor_introduction .txt table.table_detail td {
    padding: 15px 24px;
  }
}
.section._greeting .doctor_introduction .txt .flexbox._detail {
  gap: var(--px-20);
}
@media (max-width: 767px) {
  .section._greeting .doctor_introduction .txt .flexbox._detail {
    flex-direction: column;
  }
}
@media (min-width: 768px) {
  .section._greeting .doctor_introduction .txt .flexbox._detail {
    gap: 20px;
  }
}
.section._greeting .doctor_introduction .txt ._detail {
  margin-top: var(--px-30);
}
@media (min-width: 768px) {
  .section._greeting .doctor_introduction .txt ._detail {
    margin-top: 43px;
  }
}
@media (min-width: 768px) {
  .section._greeting .doctor_introduction .txt ._detail h5._border {
    margin-bottom: auto;
  }
}
.section._greeting .doctor_introduction .txt ._detail .ul_circle {
  gap: var(--px-8) var(--px-24);
}
.section._greeting .doctor_introduction .txt ._detail .ul_circle li {
  --line-height: 1.6;
  --padding-l: var(--px-18);
}
@media (min-width: 768px) {
  .section._greeting._chairman .txt._chairman {
    margin-top: 50px;
  }
}
@media (max-width: 767px) {
  .section._greeting._chairman .flexbox._chairman {
    flex-direction: column;
  }
}
.section._greeting._chairman .txt.flexbox ._img {
  flex: 0 0 auto;
}
.section._greeting._chairman .txt.flexbox ._img .btnstyle {
  margin-top: var(--px-20);
}
@media (max-width: 767px) {
  .section._greeting._chairman .txt.flexbox ._img {
    margin-bottom: calc(30 / var(--sp_calc));
  }
}
@media (min-width: 768px) {
  .section._greeting._chairman .txt.flexbox {
    gap: 60px;
    flex-direction: row-reverse;
  }
}
.section._greeting._seiyukai .img .caption {
  background: var(--beiju_04);
  color: var(--white);
}
@media (min-width: 768px) {
  .section._greeting._seiyukai .img .caption {
    width: 398px;
    height: 100px;
  }
}
.section._doctor {
  background: var(--blue_03);
  padding: calc(20 / var(--sp_calc));
  margin-top: var(--section-padding);
}
@media (min-width: 768px) {
  .section._doctor {
    padding: 30px 50px 40px;
  }
}
.section._doctor h2, .section._doctor h3, .section._doctor h4 {
  margin: 0;
  padding: 0;
  border: none;
}
.section._doctor h2::before, .section._doctor h3::before, .section._doctor h4::before {
  display: none;
}
.section._doctor h2._doctor_name {
  display: flex;
  color: var(--white);
  font-family: var(--title-family);
  font-weight: var(--title-family-weight);
  font-size: calc(24 / var(--sp_calc));
  line-height: 1.6;
  letter-spacing: 0.04em;
  padding: 0;
  margin-bottom: 18px;
}
.section._doctor h2._doctor_name::after {
  display: none;
}
.section._doctor h2._doctor_name ._kana {
  font-family: var(--title-family);
  font-weight: var(--title-family-weight);
  font-size: calc(13 / var(--sp_calc));
  line-height: 1.6;
  letter-spacing: 0;
}
@media (max-width: 767px) {
  .section._doctor h2._doctor_name {
    flex-direction: column;
    justify-content: center;
  }
}
@media (min-width: 768px) {
  .section._doctor h2._doctor_name {
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
    font-size: 28px;
    margin-bottom: 30px;
    border-bottom: var(--px-1) solid var(--white);
    padding-bottom: 8px;
  }
  .section._doctor h2._doctor_name ._kana {
    font-size: 17px;
  }
}
.section._doctor ul li {
  margin-block: var(--leading-trim);
  line-height: 1.6;
  letter-spacing: 0.04em;
  margin-bottom: 0;
}
.section._doctor ul + h3 {
  margin-top: var(--px-10);
}
.section._doctor ._doctor_rows {
  display: flex;
  gap: var(--px-10);
}
@media (min-width: 768px) {
  .section._doctor ._doctor_rows {
    gap: 10px;
  }
}
.section._doctor ._doctor_rows .img {
  text-align: center;
}
.section._doctor ._doctor_rows .img img {
  width: calc(195 / var(--sp_calc));
  aspect-ratio: 1;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}
.section._doctor ._doctor_rows .img img.alignleft, .section._doctor ._doctor_rows .img img.alignright, .section._doctor ._doctor_rows .img img.alignright {
  margin: 0 auto;
  float: none;
}
.section._doctor ._doctor_rows h3 {
  width: 100%;
  font-family: var(--title-family);
  font-weight: var(--title-family-weight);
  font-size: calc(18 / var(--sp_calc));
  margin-block: var(--leading-trim);
  line-height: 1.8;
  letter-spacing: 0.04em;
  border-bottom: var(--px-1) solid var(--beiju_02);
  padding-top: var(--px-3);
  padding-bottom: var(--px-3);
  margin-bottom: var(--px-11);
}
.section._doctor ._doctor_rows h3 .en {
  color: var(--beiju_02);
  font-family: var(--cor-garamond);
  font-weight: 600;
  font-size: calc(14 / var(--sp_calc));
  margin-block: var(--leading-trim);
  line-height: 1.2;
  letter-spacing: 0;
  padding-left: var(--px-8);
  vertical-align: middle;
}
.section._doctor ._doctor_rows ul + h3 {
  margin-top: var(--px-5);
}
@media (min-width: 768px) {
  .section._doctor ._doctor_rows ul + h3 {
    margin-top: 11px;
  }
}
.section._doctor ._doctor_rows ul {
  gap: var(--px-2) var(--px-24);
}
.section._doctor ._doctor_rows ul li {
  color: var(--white);
  padding-left: var(--px-18);
}
.section._doctor ._doctor_rows + ._has_detail {
  margin-top: var(--px-20);
}
@media (max-width: 767px) {
  .section._doctor ._doctor_rows {
    flex-direction: column;
  }
}
@media (min-width: 768px) {
  .section._doctor ._doctor_rows {
    gap: 60px;
  }
  .section._doctor ._doctor_rows .img {
    padding-right: 20px;
  }
  .section._doctor ._doctor_rows .img img {
    width: 222px;
  }
  .section._doctor ._doctor_rows h3 {
    display: table;
    font-size: 23px;
    width: auto;
  }
  .section._doctor ._doctor_rows h3 .en {
    font-size: 16px;
    line-height: 1.8;
    padding-left: 18px;
  }
  .section._doctor ._doctor_rows .txt {
    width: 260px;
  }
  .section._doctor ._doctor_rows .txt + .txt {
    width: 360px;
  }
  .section._doctor ._doctor_rows ul {
    padding: 10px 0;
    row-gap: 9px;
  }
  .section._doctor ._doctor_rows + ._has_detail {
    margin-top: 30px;
  }
}
.section._doctor ._has_detail {
  box-shadow: 0px 0px var(--px-25) 0px rgba(100, 105, 111, 0.1490196078);
}
.section._doctor ._has_detail + ._has_detail {
  margin-top: var(--px-16);
}
.section._doctor ._has_detail h3 {
  font-family: var(--title-family);
  font-weight: var(--title-family-weight);
  font-size: calc(22 / var(--sp_calc));
  line-height: 1.6;
  letter-spacing: 0;
  background: linear-gradient(270deg, #0D529D 0%, #0C3C6F 100%);
  border-left: var(--px-5) solid var(--beiju_03);
  padding: var(--px-8) calc(38 / var(--sp_calc)) var(--px-8) calc(12 / var(--sp_calc));
  position: relative;
}
.section._doctor ._has_detail h3::before, .section._doctor ._has_detail h3::after {
  position: absolute;
  content: "";
  display: block;
  background: var(--beiju_02);
  height: var(--px-2);
  width: var(--px-16);
  top: 0;
  bottom: 0;
  margin: auto;
  right: var(--px-11);
  left: auto;
}
.section._doctor ._has_detail h3::after {
  transform: rotate(90deg);
  transition: var(--transition-hover);
}
@media (hover: hover) {
  .section._doctor ._has_detail h3:hover {
    cursor: pointer;
  }
}
.section._doctor ._has_detail .open h3::after,
.section._doctor ._has_detail h3.open::after {
  transform: rotate(0);
}
.section._doctor ._has_detail ._detail {
  background: var(--white);
  padding: var(--px-20) var(--px-18) var(--px-20);
}
.section._doctor ._has_detail ._detail ul.ul_circle {
  gap: var(--px-2);
}
.section._doctor ._has_detail ._detail ul.ul_circle li {
  padding-left: calc(17.5 / var(--sp_calc));
}
@media (min-width: 768px) {
  .section._doctor ._has_detail ._detail ul.ul_circle li {
    padding-left: 20px;
  }
}
.section._doctor ._has_detail .table_detail th {
  width: calc(66 / var(--sp_calc));
}
.section._doctor ._has_detail .rows ._item {
  padding-top: var(--px-8);
}
.section._doctor ._has_detail h4._border {
  padding: 0;
  padding-left: var(--px-16);
  font-size: calc(20 / var(--sp_calc));
  margin-block: var(--leading-trim);
  line-height: 1.8;
  letter-spacing: 0.04em;
  margin-top: calc(3 / var(--sp_calc) * -1);
  margin-bottom: var(--px-14);
  position: relative;
}
.section._doctor ._has_detail h4._border::before {
  position: absolute;
  content: "";
  display: block;
  height: calc(100% - 4 / var(--sp_calc));
  top: calc(2 / var(--sp_calc));
  left: 0;
  width: var(--px-3);
  background: var(--navy_01);
}
.section._doctor ._has_detail h4._bg {
  background: var(--blue_01);
  color: var(--white);
  padding: var(--px-6) var(--px-12);
  font-size: 20px;
  line-height: 1.6;
  letter-spacing: 0.04em;
  margin-bottom: var(--px-20);
}
.section._doctor ._has_detail .box_bg {
  background: var(--bg_kasou);
  margin-top: var(--px-20);
  padding: var(--px-20) var(--px-18);
}
.section._doctor ._has_detail .box_bg h6 {
  margin-bottom: var(--px-14);
}
.section._doctor ._has_detail ul.ul_circle._other {
  gap: var(--px-8);
}
.section._doctor ._has_detail ul.ul_circle._other li {
  margin-block: 0;
}
.section._doctor ._has_detail p + h4._bg, .section._doctor ._has_detail ul + h4._bg, .section._doctor ._has_detail table + h4._bg, .section._doctor ._has_detail .box_bg + h4._bg, .section._doctor ._has_detail .img + h4._bg {
  margin-top: 30px;
}
@media (min-width: 768px) {
  .section._doctor ._has_detail h3 {
    font-size: 26px;
    line-height: 1.8;
    letter-spacing: 0.04em;
    padding-left: 25px;
    padding-right: 30px;
  }
  .section._doctor ._has_detail h3::before, .section._doctor ._has_detail h3::after {
    right: 27px;
  }
  .section._doctor ._has_detail ._detail {
    padding: 40px 40px 30px;
  }
  .section._doctor ._has_detail ._detail .rows {
    gap: 40px;
  }
  .section._doctor ._has_detail ._detail .rows .item {
    display: flex;
    gap: 20px;
  }
  .section._doctor ._has_detail ._detail .rows .item h4 {
    width: 150px;
    flex: 0 0 auto;
    margin-bottom: auto;
    margin-top: -5px;
    padding-top: 0;
    padding-bottom: 0;
  }
  .section._doctor ._has_detail ._detail .rows .item h4::before {
    height: calc(100% - 8px);
    top: 5px;
  }
  .section._doctor ._has_detail ._detail .rows .item ul {
    margin-top: 5px;
    margin-bottom: auto;
    gap: 9px;
  }
  .section._doctor ._has_detail ._detail .rows .item ul li {
    padding-left: 18px;
  }
  .section._doctor ._has_detail .table_detail th {
    width: 90px;
  }
  .section._doctor ._has_detail h4._border {
    padding: 8px 16px;
    font-size: 22px;
  }
  .section._doctor ._has_detail h4._bg {
    padding: 8px 20px;
    font-size: 22px;
  }
  .section._doctor ._has_detail .box_bg {
    padding: 30px 50px;
  }
}

._doctor_list {
  row-gap: var(--px-20);
}
._doctor_list table.table._fee tbody th, ._doctor_list table.table._fee tbody td {
  background: var(--white);
  padding-top: var(--px-10);
  padding-bottom: var(--px-10);
}
@media (min-width: 768px) {
  ._doctor_list table.table._fee tbody th, ._doctor_list table.table._fee tbody td {
    line-height: 1.6;
  }
}
._doctor_list table + table {
  margin-top: 0;
}

._clnic_access {
  --map-width: 535px;
}
._clnic_access._yao, ._clnic_access._matsubara {
  --map-width: 488px;
}
._clnic_access .clinic_logo {
  display: table;
  margin-bottom: calc(10 / var(--sp_calc));
}
._clnic_access .clinic_logo._takatsuki {
  --width: calc( 318 / var(--sp_calc));
}
._clnic_access .clinic_logo._yao {
  --width: calc( 350 / var(--sp_calc));
}
._clnic_access .clinic_logo._matsubara {
  --width: calc( 350 / var(--sp_calc));
}
@media (min-width: 768px) {
  ._clnic_access .clinic_logo._takatsuki {
    --width: 460px;
  }
  ._clnic_access .clinic_logo._yao {
    --width: 505px;
  }
  ._clnic_access .clinic_logo._matsubara {
    --width: 505px;
  }
}
@media (max-width: 767px) {
  ._clnic_access .clinic_logo {
    margin-inline: auto;
  }
}
@media (min-width: 768px) {
  ._clnic_access .clinic_logo {
    margin-bottom: 40px;
  }
}
._clnic_access .clinic_logo img {
  width: var(--width);
}
._clnic_access .clinic_logo + ._clinic_detail {
  margin-top: 0;
}
@media (min-width: 768px) {
  ._clnic_access .table_detail._clinic_detail {
    border-top: 1px solid #B5BFD1;
  }
}
._clnic_access .table_detail._clinic_detail tbody th, ._clnic_access .table_detail._clinic_detail tbody td {
  font-weight: var(--main-family-bold);
  padding-left: var(--px-10);
  line-height: 1.8;
  vertical-align: middle;
}
@media (max-width: 767px) {
  ._clnic_access .table_detail._clinic_detail tbody th, ._clnic_access .table_detail._clinic_detail tbody td {
    padding-top: calc(16 / var(--sp_calc));
    padding-bottom: calc(16 / var(--sp_calc));
  }
}
._clnic_access .table_detail._clinic_detail tbody th.va-top, ._clnic_access .table_detail._clinic_detail tbody td.va-top {
  vertical-align: top;
}
._clnic_access .table_detail._clinic_detail tbody th {
  text-align: left;
  padding-top: calc(16 / var(--sp_calc));
}
@media (min-width: 768px) {
  ._clnic_access .table_detail._clinic_detail tbody th {
    padding-top: 24px;
    padding-left: 16px;
    width: 118px;
  }
}
._clnic_access .table_detail._clinic_detail tbody td {
  padding-top: calc(16 / var(--sp_calc));
}
@media (min-width: 768px) {
  ._clnic_access .table_detail._clinic_detail tbody td {
    font-size: 22px;
    padding-top: 24px;
    padding-left: 24px;
  }
}
._clnic_access .table_detail._clinic_detail td {
  font-weight: var(--main-family-bold);
}
@media (min-width: 768px) {
  ._clnic_access .table_detail._clinic_detail .tel {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  ._clnic_access {
    flex-wrap: wrap;
    gap: var(--item-margin);
  }
  ._clnic_access .item {
    flex: 1 1 auto;
    width: 100%;
  }
  ._clnic_access .item._map .map + .btnstyle {
    margin-top: calc(20 / var(--sp_calc));
  }
}
@media (min-width: 768px) {
  ._clnic_access {
    gap: 60px;
  }
  ._clnic_access .item._detail {
    flex: 1 1 auto;
    width: 100%;
  }
  ._clnic_access .item._map {
    flex: 0 0 auto;
    width: var(--map-width);
  }
}

._access_by p:not(.note) {
  line-height: 1.6;
}
._access_by ul.ul_circle._maru {
  gap: var(--px-14);
}
._access_by ul.ul_circle._maru li {
  --line-height: 1.6;
}
._access_by ul.ul_circle._maru li strong.color {
  line-height: 1.5;
  margin-bottom: var(--px-7);
}
@media (max-width: 767px) {
  ._access_by ul.ul_circle._maru li strong.color {
    font-size: calc(18 / var(--sp_calc));
  }
}
@media (min-width: 768px) {
  ._access_by ul.ul_circle._maru li strong.color {
    margin-bottom: 8px;
  }
}

/* デザイン用 */
._db {
  display: inline-block;
}

.letterspacing {
  letter-spacing: -0.01em;
}

.letterspacing-minus {
  letter-spacing: -0.02em;
}
.letterspacing-minus._clinic {
  letter-spacing: -0.075em;
}

/* 既存対応 */
.tac {
  text-align: center;
}

.tar {
  text-align: right;
}

.topbox {
  margin-top: var(--section-padding);
}

.sp_column_reverse {
  overflow: hidden;
}
@media (max-width: 767px) {
  .sp_column_reverse {
    display: flex;
    flex-direction: column-reverse;
  }
}

@media (min-width: 768px) {
  .icl_instructor_aignright {
    float: right;
    max-width: 34%;
  }
}
/* 汎用 既存対応 */
.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

.text-left {
  text-align: left !important;
}

@media (max-width: 767px) {
  .sp-text-right {
    text-align: right !important;
  }
  .sp-text-center {
    text-align: center !important;
  }
  .sp-text-left {
    text-align: left !important;
  }
}
@media (min-width: 768px) {
  .pc-text-right {
    text-align: right !important;
  }
  .pc-text-center {
    text-align: center !important;
  }
  .pc-text-left {
    text-align: left !important;
  }
}
@media (min-width: 768px) {
  .pc_span {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .sp_span {
    display: inline !important;
  }
}
.bold {
  font-weight: bold;
}

.text-red {
  color: #ff0000;
}

.mt0 {
  margin-top: 0 !important;
}

.mt-5 {
  margin-top: var(--px-5) !important;
}

.mt-10 {
  margin-top: var(--px-10) !important;
}

.mt-15 {
  margin-top: var(--px-15) !important;
}

.mt-20 {
  margin-top: var(--px-20) !important;
}

.mt-25 {
  margin-top: var(--px-25) !important;
}

.mt-30 {
  margin-top: var(--px-30) !important;
}

.mt-35 {
  margin-top: var(--px-35) !important;
}

.mt-40 {
  margin-top: var(--px-40) !important;
}

.mt-45 {
  margin-top: var(--px-45) !important;
}

.mt-50 {
  margin-top: var(--px-50) !important;
}

.mt-55 {
  margin-top: var(--px-55) !important;
}

.mt-60 {
  margin-top: var(--px-60) !important;
}

.mt-65 {
  margin-top: var(--px-65) !important;
}

.mt-70 {
  margin-top: var(--px-70) !important;
}

.mt-75 {
  margin-top: var(--px-75) !important;
}

.mt-80 {
  margin-top: var(--px-80) !important;
}

.mt-85 {
  margin-top: var(--px-85) !important;
}

.mt-90 {
  margin-top: var(--px-90) !important;
}

.mt-95 {
  margin-top: var(--px-95) !important;
}

.mt-100 {
  margin-top: var(--px-100) !important;
}

.mt-105 {
  margin-top: var(--px-105) !important;
}

.mt-110 {
  margin-top: var(--px-110) !important;
}

.mt-115 {
  margin-top: var(--px-115) !important;
}

.mt-120 {
  margin-top: var(--px-120) !important;
}

.mt-125 {
  margin-top: var(--px-125) !important;
}

.mt-130 {
  margin-top: var(--px-130) !important;
}

.mt-135 {
  margin-top: var(--px-135) !important;
}

.mt-140 {
  margin-top: var(--px-140) !important;
}

.mt-145 {
  margin-top: var(--px-145) !important;
}

.mt-150 {
  margin-top: var(--px-150) !important;
}

.mt-155 {
  margin-top: var(--px-155) !important;
}

.mt-160 {
  margin-top: var(--px-160) !important;
}

.mt-165 {
  margin-top: var(--px-165) !important;
}

.mt-170 {
  margin-top: var(--px-170) !important;
}

.mt-175 {
  margin-top: var(--px-175) !important;
}

.mt-180 {
  margin-top: var(--px-180) !important;
}

.mt-185 {
  margin-top: var(--px-185) !important;
}

.mt-190 {
  margin-top: var(--px-190) !important;
}

.mt-195 {
  margin-top: var(--px-195) !important;
}

.mt-200 {
  margin-top: var(--px-200) !important;
}

.mt-205 {
  margin-top: var(--px-205) !important;
}

.mt-210 {
  margin-top: var(--px-210) !important;
}

.mt-215 {
  margin-top: var(--px-215) !important;
}

.mt-220 {
  margin-top: var(--px-220) !important;
}

.mt-225 {
  margin-top: var(--px-225) !important;
}

.mt-230 {
  margin-top: var(--px-230) !important;
}

.mt-235 {
  margin-top: var(--px-235) !important;
}

.mt-240 {
  margin-top: var(--px-240) !important;
}

.mt-245 {
  margin-top: var(--px-245) !important;
}

.mt-250 {
  margin-top: var(--px-250) !important;
}

.mt-255 {
  margin-top: var(--px-255) !important;
}

.mt-260 {
  margin-top: var(--px-260) !important;
}

.mt-265 {
  margin-top: var(--px-265) !important;
}

.mt-270 {
  margin-top: var(--px-270) !important;
}

.mt-275 {
  margin-top: var(--px-275) !important;
}

.mt-280 {
  margin-top: var(--px-280) !important;
}

.mt-285 {
  margin-top: var(--px-285) !important;
}

.mt-290 {
  margin-top: var(--px-290) !important;
}

.mt-295 {
  margin-top: var(--px-295) !important;
}

.mt-300 {
  margin-top: var(--px-300) !important;
}

.mt-305 {
  margin-top: var(--px-305) !important;
}

.mt-310 {
  margin-top: var(--px-310) !important;
}

.mt-315 {
  margin-top: var(--px-315) !important;
}

.mt-320 {
  margin-top: var(--px-320) !important;
}

.mt-325 {
  margin-top: var(--px-325) !important;
}

.mt-330 {
  margin-top: var(--px-330) !important;
}

.mt-335 {
  margin-top: var(--px-335) !important;
}

.mt-340 {
  margin-top: var(--px-340) !important;
}

.mt-345 {
  margin-top: var(--px-345) !important;
}

.mt-350 {
  margin-top: var(--px-350) !important;
}

.mt-355 {
  margin-top: var(--px-355) !important;
}

.mt-360 {
  margin-top: var(--px-360) !important;
}

.mt-365 {
  margin-top: var(--px-365) !important;
}

.mt-370 {
  margin-top: var(--px-370) !important;
}

.mt-375 {
  margin-top: var(--px-375) !important;
}

.mt-380 {
  margin-top: var(--px-380) !important;
}

.mt-385 {
  margin-top: var(--px-385) !important;
}

.mt-390 {
  margin-top: var(--px-390) !important;
}

.mt-395 {
  margin-top: var(--px-395) !important;
}

.mt-400 {
  margin-top: var(--px-400) !important;
}

.mt-405 {
  margin-top: var(--px-405) !important;
}

.mt-410 {
  margin-top: var(--px-410) !important;
}

.mt-415 {
  margin-top: var(--px-415) !important;
}

.mt-420 {
  margin-top: var(--px-420) !important;
}

.mt-425 {
  margin-top: var(--px-425) !important;
}

.mt-430 {
  margin-top: var(--px-430) !important;
}

.mt-435 {
  margin-top: var(--px-435) !important;
}

.mt-440 {
  margin-top: var(--px-440) !important;
}

.mt-445 {
  margin-top: var(--px-445) !important;
}

.mt-450 {
  margin-top: var(--px-450) !important;
}

.mt-455 {
  margin-top: var(--px-455) !important;
}

.mt-460 {
  margin-top: var(--px-460) !important;
}

.mt-465 {
  margin-top: var(--px-465) !important;
}

.mt-470 {
  margin-top: var(--px-470) !important;
}

.mt-475 {
  margin-top: var(--px-475) !important;
}

.mt-480 {
  margin-top: var(--px-480) !important;
}

.mt-485 {
  margin-top: var(--px-485) !important;
}

.mt-490 {
  margin-top: var(--px-490) !important;
}

.mt-495 {
  margin-top: var(--px-495) !important;
}

.mt-500 {
  margin-top: var(--px-500) !important;
}

.mb0 {
  margin-bottom: 0 !important;
}

.mb-5 {
  margin-bottom: var(--px-5) !important;
}

.mb-10 {
  margin-bottom: var(--px-10) !important;
}

.mb-15 {
  margin-bottom: var(--px-15) !important;
}

.mb-20 {
  margin-bottom: var(--px-20) !important;
}

.mb-25 {
  margin-bottom: var(--px-25) !important;
}

.mb-30 {
  margin-bottom: var(--px-30) !important;
}

.mb-35 {
  margin-bottom: var(--px-35) !important;
}

.mb-40 {
  margin-bottom: var(--px-40) !important;
}

.mb-45 {
  margin-bottom: var(--px-45) !important;
}

.mb-50 {
  margin-bottom: var(--px-50) !important;
}

.mb-55 {
  margin-bottom: var(--px-55) !important;
}

.mb-60 {
  margin-bottom: var(--px-60) !important;
}

.mb-65 {
  margin-bottom: var(--px-65) !important;
}

.mb-70 {
  margin-bottom: var(--px-70) !important;
}

.mb-75 {
  margin-bottom: var(--px-75) !important;
}

.mb-80 {
  margin-bottom: var(--px-80) !important;
}

.mb-85 {
  margin-bottom: var(--px-85) !important;
}

.mb-90 {
  margin-bottom: var(--px-90) !important;
}

.mb-95 {
  margin-bottom: var(--px-95) !important;
}

.mb-100 {
  margin-bottom: var(--px-100) !important;
}

.mb-105 {
  margin-bottom: var(--px-105) !important;
}

.mb-110 {
  margin-bottom: var(--px-110) !important;
}

.mb-115 {
  margin-bottom: var(--px-115) !important;
}

.mb-120 {
  margin-bottom: var(--px-120) !important;
}

.mb-125 {
  margin-bottom: var(--px-125) !important;
}

.mb-130 {
  margin-bottom: var(--px-130) !important;
}

.mb-135 {
  margin-bottom: var(--px-135) !important;
}

.mb-140 {
  margin-bottom: var(--px-140) !important;
}

.mb-145 {
  margin-bottom: var(--px-145) !important;
}

.mb-150 {
  margin-bottom: var(--px-150) !important;
}

.mb-155 {
  margin-bottom: var(--px-155) !important;
}

.mb-160 {
  margin-bottom: var(--px-160) !important;
}

.mb-165 {
  margin-bottom: var(--px-165) !important;
}

.mb-170 {
  margin-bottom: var(--px-170) !important;
}

.mb-175 {
  margin-bottom: var(--px-175) !important;
}

.mb-180 {
  margin-bottom: var(--px-180) !important;
}

.mb-185 {
  margin-bottom: var(--px-185) !important;
}

.mb-190 {
  margin-bottom: var(--px-190) !important;
}

.mb-195 {
  margin-bottom: var(--px-195) !important;
}

.mb-200 {
  margin-bottom: var(--px-200) !important;
}

.mb-205 {
  margin-bottom: var(--px-205) !important;
}

.mb-210 {
  margin-bottom: var(--px-210) !important;
}

.mb-215 {
  margin-bottom: var(--px-215) !important;
}

.mb-220 {
  margin-bottom: var(--px-220) !important;
}

.mb-225 {
  margin-bottom: var(--px-225) !important;
}

.mb-230 {
  margin-bottom: var(--px-230) !important;
}

.mb-235 {
  margin-bottom: var(--px-235) !important;
}

.mb-240 {
  margin-bottom: var(--px-240) !important;
}

.mb-245 {
  margin-bottom: var(--px-245) !important;
}

.mb-250 {
  margin-bottom: var(--px-250) !important;
}

.mb-255 {
  margin-bottom: var(--px-255) !important;
}

.mb-260 {
  margin-bottom: var(--px-260) !important;
}

.mb-265 {
  margin-bottom: var(--px-265) !important;
}

.mb-270 {
  margin-bottom: var(--px-270) !important;
}

.mb-275 {
  margin-bottom: var(--px-275) !important;
}

.mb-280 {
  margin-bottom: var(--px-280) !important;
}

.mb-285 {
  margin-bottom: var(--px-285) !important;
}

.mb-290 {
  margin-bottom: var(--px-290) !important;
}

.mb-295 {
  margin-bottom: var(--px-295) !important;
}

.mb-300 {
  margin-bottom: var(--px-300) !important;
}

.mb-305 {
  margin-bottom: var(--px-305) !important;
}

.mb-310 {
  margin-bottom: var(--px-310) !important;
}

.mb-315 {
  margin-bottom: var(--px-315) !important;
}

.mb-320 {
  margin-bottom: var(--px-320) !important;
}

.mb-325 {
  margin-bottom: var(--px-325) !important;
}

.mb-330 {
  margin-bottom: var(--px-330) !important;
}

.mb-335 {
  margin-bottom: var(--px-335) !important;
}

.mb-340 {
  margin-bottom: var(--px-340) !important;
}

.mb-345 {
  margin-bottom: var(--px-345) !important;
}

.mb-350 {
  margin-bottom: var(--px-350) !important;
}

.mb-355 {
  margin-bottom: var(--px-355) !important;
}

.mb-360 {
  margin-bottom: var(--px-360) !important;
}

.mb-365 {
  margin-bottom: var(--px-365) !important;
}

.mb-370 {
  margin-bottom: var(--px-370) !important;
}

.mb-375 {
  margin-bottom: var(--px-375) !important;
}

.mb-380 {
  margin-bottom: var(--px-380) !important;
}

.mb-385 {
  margin-bottom: var(--px-385) !important;
}

.mb-390 {
  margin-bottom: var(--px-390) !important;
}

.mb-395 {
  margin-bottom: var(--px-395) !important;
}

.mb-400 {
  margin-bottom: var(--px-400) !important;
}

.mb-405 {
  margin-bottom: var(--px-405) !important;
}

.mb-410 {
  margin-bottom: var(--px-410) !important;
}

.mb-415 {
  margin-bottom: var(--px-415) !important;
}

.mb-420 {
  margin-bottom: var(--px-420) !important;
}

.mb-425 {
  margin-bottom: var(--px-425) !important;
}

.mb-430 {
  margin-bottom: var(--px-430) !important;
}

.mb-435 {
  margin-bottom: var(--px-435) !important;
}

.mb-440 {
  margin-bottom: var(--px-440) !important;
}

.mb-445 {
  margin-bottom: var(--px-445) !important;
}

.mb-450 {
  margin-bottom: var(--px-450) !important;
}

.mb-455 {
  margin-bottom: var(--px-455) !important;
}

.mb-460 {
  margin-bottom: var(--px-460) !important;
}

.mb-465 {
  margin-bottom: var(--px-465) !important;
}

.mb-470 {
  margin-bottom: var(--px-470) !important;
}

.mb-475 {
  margin-bottom: var(--px-475) !important;
}

.mb-480 {
  margin-bottom: var(--px-480) !important;
}

.mb-485 {
  margin-bottom: var(--px-485) !important;
}

.mb-490 {
  margin-bottom: var(--px-490) !important;
}

.mb-495 {
  margin-bottom: var(--px-495) !important;
}

.mb-500 {
  margin-bottom: var(--px-500) !important;
}

.color01 {
  color: #2a4d76;
}

.color02 {
  color: #ee6b01;
}

.color03 {
  color: #893767;
}

.bgcolor01 {
  background-color: #f7f6ef;
  padding: 0 0.3em;
}

.bg-white {
  background: #fff;
  padding: 1em;
  text-align: center;
  margin: 0 0 1em 1em;
  box-sizing: border-box;
}

.li_item {
  display: flex;
  justify-content: space-between;
}

.li_wrap {
  display: flex;
  justify-content: space-between;
}
@media (min-width: 768px) {
  .li_wrap ul {
    width: 48%;
  }
}

@media (min-width: 768px) {
  .con_r {
    float: right;
  }
  .box2.ble_item {
    width: 100%;
  }
}
.page-blepharoplasty .li_item {
  justify-content: space-between;
}

.pricelist_bnr {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--px-10) var(--px-20);
}

.multifocal-table {
  table-layout: fixed;
}

.multifocal-table th, .multifocal-table td {
  text-align: center;
  vertical-align: middle;
}

.multifocal-table tbody th {
  width: 15%;
}

.multifocal-table td img {
  height: 170px;
}

.mce-content-body .recruit_list {
  display: block grid;
  grid-template-columns: repeat(1, 1fr);
  gap: var(--px-10) var(--px-20);
}
@media (min-width: 768px) {
  .mce-content-body .recruit_list {
    grid-template-columns: repeat(4, 1fr);
  }
}
.mce-content-body .recruit_list .btnstyle {
  min-width: 0;
  width: 100%;
}
.mce-content-body .recruit_list .btnstyle::before {
  background: var(--beiju_03);
}
.mce-content-body .recruit_list .btnstyle a::after {
  background: var(--blue_03);
}
.mce-content-body .recruit_list .btnstyle + .btnstyle {
  margin: 0;
}

p + .graph_wrap {
  margin-top: var(--box-margin);
}

@media screen and (max-width: 767px) {
  .graph_wrap {
    width: 100%;
    overflow-x: scroll;
  }
  .graph_inner {
    min-width: 700px;
  }
  .graph_inner img {
    min-width: 700px;
  }
}
.btn-style.line_btn a {
  background-color: #06C755;
}

.btn-style.webask_btn a {
  background: #0d2846;
}

/* blepharoplasty */
.sec_under_blepharoplasty {
  padding-top: var(--section-padding);
}
.sec_under_blepharoplasty .bnr_area {
  text-align: center;
  margin-inline: auto;
}
.sec_under_blepharoplasty .bnr_area + .bg-block {
  margin-top: var(--box-margin);
}
.sec_under_blepharoplasty .blepha_list {
  background: url(../img/page/list_sp_bg_1.png) no-repeat right bottom/cover;
  color: var(--white);
}
@media (min-width: 768px) {
  .sec_under_blepharoplasty .blepha_list {
    background-image: url(../img/page/list_bg_2_grey_001.png);
    background-size: cover;
    background-position: center;
  }
}
.sec_under_blepharoplasty .blepha_list h2 {
  background: var(--blue_02);
  color: var(--white);
  font-size: var(--h3-size);
  padding: calc(10 / var(--sp_calc));
  margin-top: 0;
  margin-bottom: var(--px-30);
}
.sec_under_blepharoplasty .blepha_list h2::before, .sec_under_blepharoplasty .blepha_list h2::after {
  display: none;
}
@media (min-width: 768px) {
  .sec_under_blepharoplasty .blepha_list h2 {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}
.sec_under_blepharoplasty .blepha_list h3 {
  background: none;
  padding: 0;
  border-bottom: var(--px-1) solid var(--beiju_02);
  font-size: var(--h4-size);
  margin-bottom: var(--px-20);
  padding-bottom: calc(12 / var(--sp_calc));
}
.sec_under_blepharoplasty .blepha_list h3::before {
  display: none;
}
@media (min-width: 768px) {
  .sec_under_blepharoplasty .blepha_list h3 {
    padding-bottom: 16px;
  }
}
@media (min-width: 768px) {
  .sec_under_blepharoplasty .blepha_list ol.ol_decimal:has(.box2) {
    grid-template-columns: repeat(2, 1fr);
  }
}
.sec_under_blepharoplasty .blepha_list ol.ol_decimal:has(.box2) .box2 {
  width: auto;
}
.sec_under_blepharoplasty .blepha_list ol.ol_decimal li a {
  color: var(--white);
}
.sec_under_blepharoplasty .blepha_list ol.ol_decimal li::before {
  background: var(--beiju_03);
}
.sec_under_blepharoplasty .surgery_bg + .li_item, .sec_under_blepharoplasty .surgery_bg + .surgery_bg {
  margin-top: var(--px-20);
}
.sec_under_blepharoplasty .li_item + .li_wrap {
  margin-top: var(--box-margin);
}
.sec_under_blepharoplasty .li_wrap {
  display: grid;
  gap: var(--px-28);
}
.sec_under_blepharoplasty .li_wrap + .li_wrap {
  margin-top: var(--box-margin);
}
@media (min-width: 768px) {
  .sec_under_blepharoplasty .li_wrap {
    grid-template-columns: repeat(2, 1fr);
  }
  .sec_under_blepharoplasty .li_wrap .li_wrap_item {
    display: grid;
    gap: 0;
    grid-template-rows: subgrid;
    grid-row: span 6;
  }
  .sec_under_blepharoplasty .li_wrap .li_wrap_item h2 {
    margin-top: 0;
    font-size: calc(var(--h3-size) * 1.25);
    margin-bottom: var(--px-30);
  }
  .sec_under_blepharoplasty .li_wrap .li_wrap_item h3 {
    margin-top: var(--px-30);
  }
  .sec_under_blepharoplasty .li_wrap .li_wrap_item .surgery_bg {
    padding: var(--note-padding);
    display: grid;
    gap: var(--px-20);
    grid-template-rows: subgrid;
    grid-row: span 2;
  }
}
.sec_under_blepharoplasty .li_wrap .li_item {
  display: block grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--px-5);
}
.sec_under_blepharoplasty .ble_item.laser {
  display: flex;
  gap: var(--px-30);
}
@media (max-width: 767px) {
  .sec_under_blepharoplasty .ble_item.laser {
    flex-direction: column;
  }
}
@media (min-width: 768px) {
  .sec_under_blepharoplasty .ble_item.laser .box_item {
    width: 16%;
    flex: 0 0 16%;
  }
}
.sec_under_blepharoplasty .ble_item.laser h6 {
  margin-top: 0;
}

.youtube-wrap {
  width: 700px;
  max-width: 100%;
  margin-inline: auto;
}

.consul {
  color: var(--color-clinic);
}

.consul2 {
  color: var(--beiju_03);
}

/* img_slider */
.img_slider {
  overflow: hidden;
}
.img_slider._facility .slider_main {
  position: relative;
  margin-bottom: var(--px-30);
}
.img_slider._facility .slider_main figcaption {
  font-size: calc(16 / var(--sp_calc));
  line-height: 1.5;
  letter-spacing: 0.08em;
  margin-top: calc(14 / var(--sp_calc));
}
@media (min-width: 768px) {
  .img_slider._facility .slider_main figcaption {
    font-size: 18px;
    margin-top: 16px;
  }
}
.img_slider._facility .slider_thumb_wrap {
  width: calc(128 / var(--sp_calc) * 3 + 8 / var(--sp_calc) * 2);
}
.img_slider._facility .slider_thumb {
  --gap: calc( 8 / var(--sp_calc));
}
.img_slider._facility .slider_thumb .item {
  position: relative;
}
.img_slider._facility .slider_thumb .item::after {
  position: absolute;
  content: "";
  display: block;
  background: #C1C1C1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  mix-blend-mode: multiply;
  opacity: 0;
  transition: var(--transition-hover);
}
.img_slider._facility .slider_thumb .item.is-active::after {
  opacity: 1;
}
.img_slider._facility .slider_arrows {
  position: absolute;
  top: calc(104 / var(--sp_calc));
  display: flex;
  justify-content: space-between;
  padding: 0 calc(6 / var(--sp_calc));
  width: 100%;
}
@media (min-width: 768px) {
  .img_slider._facility .slider_arrows {
    top: 300px;
  }
}
.img_slider._facility .slider_arrows ._prev,
.img_slider._facility .slider_arrows ._next {
  width: calc(17 / var(--sp_calc));
  height: calc(30 / var(--sp_calc));
  position: relative;
  filter: drop-shadow(0 var(--px-3) var(--px-14) 0px rgba(36, 37, 37, 0.2509803922));
}
.img_slider._facility .slider_arrows ._prev::before,
.img_slider._facility .slider_arrows ._next::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-mask-image: url(../img/common/arrow-img_slider.svg);
          mask-image: url(../img/common/arrow-img_slider.svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  background: var(--white);
}
.img_slider._facility .slider_arrows ._prev {
  transform: scale(-1, 1);
}
@media (min-width: 768px) {
  .img_slider._facility .slider_thumb_wrap {
    width: 1264px;
  }
  .img_slider._facility .slider_thumb {
    --gap: 16px;
  }
  .img_slider._facility .slider_arrows {
    padding: 0 20px;
  }
  .img_slider._facility .slider_arrows ._prev,
  .img_slider._facility .slider_arrows ._next {
    width: 22px;
    height: 40px;
  }
}

/* activity_slider */
.activity_slider {
  position: relative;
  margin-right: calc(var(--container-padding-size) / var(--sp_calc) * -1);
}
@media (min-width: 768px) {
  .activity_slider {
    margin-right: calc(var(--container-padding-size) * -1px - 50px);
  }
}
@media (min-width: 1280px) {
  .activity_slider {
    margin-right: calc(50% - var(--vw100) / 2);
  }
}
p + .activity_slider, .activity_txt + .activity_slider {
  margin-top: calc(68 / var(--sp_calc));
}
@media (min-width: 768px) {
  p + .activity_slider, .activity_txt + .activity_slider {
    margin-top: 50px;
  }
}
.activity_slider .item img {
  width: 100%;
}
.activity_slider .item figcaption {
  --fontsize: calc( 14 / var(--sp_calc));
  font-size: var(--fontsize);
  letter-spacing: 0.04em;
  line-height: 1.6;
  /*leading-trim: キャップハイト;*/
  margin-block: var(--leading-trim);
}
@media (min-width: 768px) {
  .activity_slider .item figcaption {
    --fontsize: 20px;
  }
}
.activity_slider .splide__arrows {
  position: absolute;
  bottom: calc(100% + 20 / var(--sp_calc));
  display: flex;
  gap: calc(8 / var(--sp_calc));
  right: calc(var(--container-padding-size) / var(--sp_calc));
}
.activity_slider .splide__arrows .splide__arrow {
  width: calc(40 / var(--sp_calc));
  aspect-ratio: 1;
  border-radius: 50%;
  background: var(--blue_03);
  position: relative;
}
.activity_slider .splide__arrows .splide__arrow::after {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: var(--beiju_02);
  -webkit-mask-image: url(../img/common/arrow_subnav-sp.svg);
  mask-image: url(../img/common/arrow_subnav-sp.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: calc(12 / var(--sp_calc));
  mask-size: calc(12 / var(--sp_calc));
  -webkit-mask-position: center;
  mask-position: center;
  background-position: center;
}
.activity_slider .splide__arrows .splide__arrow._prev {
  transform: rotate(180deg);
}
@media (min-width: 768px) {
  .activity_slider .splide__arrows {
    gap: 12px;
    bottom: calc(100% + 50px);
    right: 100%;
    transform: translateX(1100px);
  }
  .activity_slider .splide__arrows .splide__arrow {
    width: 60px;
  }
  .activity_slider .splide__arrows .splide__arrow::after {
    -webkit-mask-size: 18px;
    mask-size: 18px;
  }
}
@media (hover: hover) {
  .activity_slider .splide__arrows .splide__arrow {
    transition: var(--transition-hover);
  }
  .activity_slider .splide__arrows .splide__arrow::after {
    transition: var(--transition-hover);
  }
  .activity_slider .splide__arrows .splide__arrow:hover {
    background: var(--blue_02);
  }
  .activity_slider .splide__arrows .splide__arrow:hover::after {
    transform: translateX(calc(4 / var(--sp_calc)));
  }
}
@media (hover: hover) and (min-width: 768px) {
  .activity_slider .splide__arrows .splide__arrow:hover::after {
    transform: translateX(3px);
  }
}
.activity_slider .splide__pagination {
  --width: calc( 8 / var(--sp_calc));
  display: flex;
  justify-content: flex-start;
  gap: calc(10 / var(--sp_calc));
  margin-top: calc(20 / var(--sp_calc));
  width: var(--container-size);
  margin-inline: auto;
  height: var(--width);
}
.activity_slider .splide__pagination li {
  height: var(--width);
}
.activity_slider .splide__pagination li button {
  width: var(--width);
  height: var(--width);
  display: block;
  aspect-ratio: 1;
  background: var(--navy_02);
  border-radius: 50%;
  border: none;
}
.activity_slider .splide__pagination li button.is-active {
  background: var(--blue_03);
}
@media (min-width: 768px) {
  .activity_slider .splide__pagination {
    --width: 10px;
    margin-top: 30px;
    gap: 14px;
  }
}
.activity_slider._overseas {
  margin-left: calc(var(--container-padding-size) / var(--sp_calc) * -1);
}
@media (min-width: 768px) {
  .activity_slider._overseas {
    margin-left: calc(var(--container-padding-size) * -1px - 50px);
  }
}
@media (min-width: 1280px) {
  .activity_slider._overseas {
    margin-left: calc(50% - var(--vw100) / 2);
  }
}
.activity_slider._overseas .item {
  --padding: calc( 7 / var(--sp_calc));
  --width: calc( 340 / var(--sp_calc));
  padding: 0 var(--padding);
  width: calc(var(--width) + var(--padding) * 2) !important;
}
.activity_slider._overseas .item img {
  width: 100%;
}
.activity_slider._overseas .item figcaption {
  position: absolute;
  left: var(--padding);
  bottom: 0;
  padding: calc(8 / var(--sp_calc)) calc(6 / var(--sp_calc));
  margin: 0;
  background: var(--beiju_04);
  color: var(--white);
  letter-spacing: 0.02em;
}
@media (min-width: 768px) {
  .activity_slider._overseas .item {
    --padding: 18px;
    --width: 900px;
  }
  .activity_slider._overseas .item figcaption {
    --fontsize: 17px;
    padding: 10.9px 14px;
  }
}
.activity_slider._overseas .splide__arrows {
  right: 50%;
  transform: translateX(calc(175 / var(--sp_calc)));
}
@media (min-width: 768px) {
  .activity_slider._overseas .splide__arrows {
    transform: translateX(550px);
  }
}
.activity_slider._overseas .splide__pagination {
  justify-content: center;
}
.activity_slider._awards .item, .activity_slider._reports .item {
  padding-right: var(--padding);
  width: calc(var(--padding) + var(--width)) !important;
}
.activity_slider._awards .item img, .activity_slider._reports .item img {
  transform: scale(1);
}
.activity_slider._awards .item figcaption, .activity_slider._reports .item figcaption {
  margin-top: calc(24 / var(--sp_calc));
}
@media (min-width: 768px) {
  .activity_slider._awards .item figcaption, .activity_slider._reports .item figcaption {
    margin-top: 30px;
  }
}
.activity_slider._awards .item {
  --padding: calc( 26 / var(--sp_calc));
  --width: calc( 260 / var(--sp_calc));
}
@media (min-width: 768px) {
  .activity_slider._awards .item {
    --padding: 36px;
    --width: 370px;
  }
}
.activity_slider._awards .item img {
  box-shadow: 0px var(--px-4) var(--px-16) 0px rgba(137, 137, 137, 0.6);
}
.activity_slider._awards .item ._specular_reflection {
  position: relative;
  display: block;
}
.activity_slider._awards .item ._specular_reflection .reflection {
  --height: calc( 23 / var(--sp_calc));
  overflow: hidden;
  width: 100%;
  height: var(--height);
  line-height: 1;
  position: absolute;
}
@media (min-width: 768px) {
  .activity_slider._awards .item ._specular_reflection .reflection {
    --height: 32px;
  }
}
.activity_slider._awards .item ._specular_reflection .reflection img {
  box-shadow: none;
  transform: scaleY(-1);
  mask-image: linear-gradient(to top, rgba(0, 0, 0, 0.4), transparent);
  -webkit-mask-image: linear-gradient(to top, rgba(0, 0, 0, 0.4), transparent);
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: bottom center;
     object-position: bottom center;
  height: var(--height);
}
.activity_slider._awards .item ._specular_reflection .reflection::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(217, 217, 217, 0) 0%, rgba(50, 50, 50, 0.9) 100%);
  opacity: 0.35;
}
.activity_slider._awards .item ._specular_reflection._other .reflection::after {
  background: linear-gradient(0deg, rgba(217, 217, 217, 0) 0%, rgba(115, 115, 115, 0.9) 100%);
}
.activity_slider._reports .item {
  --padding: calc( 16 / var(--sp_calc));
  --width: calc( 140 / var(--sp_calc));
}
@media (min-width: 768px) {
  .activity_slider._reports .item {
    --padding: 36px;
    --width: 240px;
  }
}
.activity_slider._reports .item img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center top;
     object-position: center top;
  aspect-ratio: calc(140/166.83);
  box-shadow: var(--px-4) var(--px-6) var(--px-13) 0px rgba(96, 97, 105, 0.4);
}
@media (min-width: 768px) {
  .activity_slider._reports .item img {
    box-shadow: 6px 10px 22px 0px rgba(96, 97, 105, 0.4);
  }
}
.activity_slider._reports .item figcaption {
  --margin-top: calc( 24 / var(--sp_calc));
  margin-top: calc(var(--margin-top) - var(--fontsize) * 0.6 * 0.5);
}
@media (min-width: 768px) {
  .activity_slider._reports .item figcaption {
    --margin-top: 30px;
  }
}

.activity_txt p {
  line-height: 1.6;
  letter-spacing: 0.04em;
}/*# sourceMappingURL=bond.css.map */