@charset "utf-8";

/* 下層ページMV
.hero-lower
------------------------------------------------------------------*/
.hero-lower {
  margin-top: calc(-60 / 1920 * 100vw);
  position: relative;
}
.hero-lower__image {
  width: 100%;
  height: calc(556 / 1920 * 100vw);
  position: relative;
}
.hero-lower__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.hero-lower__image-bottom {
  position: absolute;
  left: 0;
  bottom: calc(-1 / 1920 * 100vw);
  width: 100%;
}
.hero-lower__image-bottom img {
  width: 100%;
  height: auto;
}
.hero-lower__textArea {
  position: absolute;
  left: calc(80 / 1920 * 100vw);
  bottom: calc(160 / 1920 * 100vw);
  color: #fff;
}
.hero-lower__text-en {
  font-family: var(--ff-en1);
  font-weight: 400;
  font-size: var(--fz18);
  line-height: 1.3;
  letter-spacing: 0.06em;
  margin-bottom: calc(12 / 1920 * 100vw);
}
.hero-lower__text-slug {
  margin-bottom: calc(12 / 1920 * 100vw);
  position: relative;
}
.hero-lower__text-slug span {
  font-family: var(--ff-en1);
  font-weight: 400;
  font-size: var(--fz50);
  line-height: 1.3;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  position: relative;
  z-index: 2;
}
.hero-lower__text-slug:before {
  content: "";
  position: absolute;
  top: 58%;
  left: 0;
  background: url(../images/common/section_title_bg.svg) no-repeat center center /
    contain;
  width: calc(498 / 1920 * 100vw);
  height: calc(56 / 1920 * 100vw);
  z-index: 1;
}
.hero-lower__text-ttl {
  font-weight: 500;
  font-size: var(--fz24);
  line-height: 1.3;
  letter-spacing: 0.06em;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 1599px) {
  .hero-lower {
    margin-top: calc(-60 / 1599 * 100vw);
  }
  .hero-lower__image {
    height: calc(556 / 1599 * 100vw);
  }
  .hero-lower__image-bottom {
    bottom: calc(-1 / 1599 * 100vw);
  }
  .hero-lower__textArea {
    left: calc(80 / 1599 * 100vw);
    bottom: calc(160 / 1599 * 100vw);
  }
  .hero-lower__text-en {
    margin-bottom: calc(12 / 1599 * 100vw);
  }
  .hero-lower__text-slug {
    margin-bottom: calc(12 / 1599 * 100vw);
  }
  .hero-lower__text-slug:before {
    width: calc(498 / 1599 * 100vw);
    height: calc(56 / 1599 * 100vw);
  }
}
@media screen and (max-width: 1440px) {
  .hero-lower {
    margin-top: calc(-60 / 1440 * 100vw);
  }
  .hero-lower__image {
    height: calc(556 / 1440 * 100vw);
  }
  .hero-lower__image-bottom {
    bottom: calc(-1 / 1440 * 100vw);
  }
  .hero-lower__textArea {
    left: calc(80 / 1440 * 100vw);
    bottom: calc(160 / 1440 * 100vw);
  }
  .hero-lower__text-en {
    margin-bottom: calc(12 / 1440 * 100vw);
  }
  .hero-lower__text-slug {
    margin-bottom: calc(12 / 1440 * 100vw);
  }
  .hero-lower__text-slug:before {
    width: calc(498 / 1440 * 100vw);
    height: calc(56 / 1440 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .hero-lower {
    margin-top: calc(-60 / 375 * 100vw);
    overflow: hidden;
  }
  .hero-lower__image {
    height: 100svh;
  }
  .hero-lower__image-bottom {
    left: -2%;
    width: 104%;
    bottom: calc(-1 / 375 * 100vw);
  }
  .hero-lower__textArea {
    left: calc(20 / 375 * 100vw);
    bottom: calc(80 / 375 * 100vw);
  }
  .hero-lower__text-en {
    font-size: var(--fz16);
    margin-bottom: calc(12 / 375 * 100vw);
  }
  .hero-lower__text-slug {
    margin-bottom: calc(12 / 375 * 100vw);
    font-size: var(--fz32);
  }
  .hero-lower__text-slug:before {
    width: calc(300 / 375 * 100vw);
    height: calc(45 / 375 * 100vw);
  }
  .hero-lower__text-ttl {
    font-size: var(--fz24);
  }
}

/* 共通
------------------------------------------------------------------*/
.content_low {
  padding: calc(100 / 1920 * 100vw) 0 calc(200 / 1920 * 100vw);
}
.main_page {
  background: url("../images/page/deco_ttl_page01.svg") no-repeat left top /
      auto 100%,
    url("../images/page/deco_ttl_page02.svg") no-repeat right bottom -1px / calc(
        458 / 1920 * 100vw
      ) auto,
    url("../images/page/bg_ttl_page.jpg") no-repeat center / cover;
  height: calc(440 / 1920 * 100vw);
}
.page_main section:not(:last-child),
.wrap_worries01:not(:last-of-type) {
  margin-bottom: calc(100 / 1920 * 100vw);
}
.hdg2 .ja:after {
  content: "";
  position: absolute;
  width: 100%;
  max-width: 800px;
  background: #fff;
  height: 2px;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
}
.hdg3:after {
  content: "";
  width: 2px;
  height: calc(40 / 1920 * 100vw);
  background: var(--color-text);
  display: block;
  margin: calc(20 / 1920 * 100vw) auto 0;
}
.hdg4 {
  border-bottom: 3px solid var(--color-secondary);
}
.hdg5 {
  border-left: 5px solid var(--color-primary);
}
.bg_common01 {
  background: linear-gradient(90deg, #ccaa99 0%, rgb(204, 170, 153, 0.2) 100%);
}
.bg_common01 .en {
  color: var(--color-text) !important;
}
.ttl_common02 {
  width: calc(600 / 1920 * 100vw);
  height: calc(50 / 1920 * 100vw);
  border-left: calc(6 / 1920 * 100vw) solid var(--color-primary);
  border-right: calc(6 / 1920 * 100vw) solid var(--color-primary);
}
.ttl_common02:after {
  content: "";
  width: 0;
  height: 0;
  border-top: calc(12 / 1920 * 100vw) solid var(--color-primary);
  border-right: calc(16 / 1920 * 100vw) solid transparent;
  border-left: calc(16 / 1920 * 100vw) solid transparent;
  margin: auto;
  position: absolute;
  right: 0;
  left: 0;
  bottom: calc(-11 / 1920 * 100vw);
}
.row_common01 .col_img {
  width: 49%;
  max-width: 600px;
}
.row_common01 .col_img.left:before {
  transform: scaleX(-1);
}
.row_common01 .col_img:after {
  content: "";
  width: 100%;
  height: calc(100% - calc(10 / 1920 * 100vw));
  background: var(--color-secondary);
  position: absolute;
  bottom: 0;
  z-index: -1;
}
.row_common01 .col_img.right:before,
.row_common01 .col_img.right:after {
  right: calc(-10 / 1920 * 100vw);
}
.row_common01 .col_img.left:before,
.row_common01 .col_img.left:after {
  left: calc(-10 / 1920 * 100vw);
}
.row_common01 .col_img img {
  position: relative;
  z-index: 1;
}
.row_common01 .col_txt {
  width: 47%;
}
.row_common01 .copy {
  font-size: 1.75rem;
}
.row_common02 .col {
  width: 32.3%;
  max-width: 400px;
  margin-right: 1.55%;
}
.row_common02 .col:nth-child(3n),
.row_common02 .col:last-child {
  margin-right: 0;
}
.row_common02 .col:not(:nth-child(-n + 3)) {
  margin-top: calc(40 / 1920 * 100vw);
}
.row_common02 .ttl {
  height: calc(70 / 1920 * 100vw);
  background-color: var(--color-secondary) !important;
}
.row_common03 .col {
  width: 32.3%;
  margin-right: 1.55%;
}
.row_common03 .col:nth-child(3n),
.row_common03 .col:last-child {
  margin-right: 0;
}
.row_common03 .col:not(:nth-child(-n + 3)) {
  margin-top: calc(20 / 1920 * 100vw);
}
.row_common03 .col a {
  height: calc(90 / 1920 * 100vw);
  border: 1px solid var(--color-primary);
  border-top: 4px solid var(--color-primary);
}
.row_common03 .col a:after {
  content: "";
  position: absolute;
  width: calc(20 / 1920 * 100vw);
  height: calc(20 / 1920 * 100vw);
  border-bottom: 1px solid var(--color-text);
  border-right: 1px solid var(--color-text);
  transform: rotate(45deg);
  margin: auto;
  right: 0;
  left: 0;
  bottom: calc(12 / 1920 * 100vw);
}
.box_common01 {
  max-width: 1080px;
}
.box_common02 {
  border: 1px solid var(--color-text);
  background: var(--color-quaternary);
}
.box_common02:after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  border-width: 0 0 calc(216 / 1920 * 100vw) calc(230 / 1920 * 100vw);
  border-color: transparent var(--color-secondary) var(--color-secondary)
    transparent;
  bottom: 0;
  right: 0;
  opacity: 0.2;
  z-index: -1;
}
.box_common02 .col_img {
  width: 36%;
  max-width: 400px;
}
.box_common02 .col_txt {
  width: 60%;
}
.box_common02 .col_txt.w100 {
  width: 100% !important;
}
.box_common02 .ttl {
  border-bottom: 1px solid var(--color-text);
  padding-left: calc(45 / 1920 * 100vw);
}
.box_common02 .ttl:before {
  content: "";
  background: var(--color-text);
  width: calc(18 / 1920 * 100vw);
  height: calc(18 / 1920 * 100vw);
  position: absolute;
  left: calc(10 / 1920 * 100vw);
  top: 0.6em;
  border-radius: 50%;
}
.list_common01 li {
  max-width: 480px;
  border-bottom: 1px solid var(--color-text);
  padding: 0 0 calc(10 / 1920 * 100vw) calc(60 / 1920 * 100vw);
}
.list_common01 li:before {
  background: url(../images/common/check_icon.svg) no-repeat center center /
    contain;
  width: calc(28 / 1920 * 100vw);
  height: calc(28 / 1920 * 100vw);
  top: 0;
  left: calc(10 / 1920 * 100vw);
}
.btn_common02 {
  width: calc(340 / 1920 * 100vw);
}
.btn_common02 a {
  height: calc(70 / 1920 * 100vw);
  background: var(--color-secondary) !important;
}
.btn_common02 a:after {
  right: calc(4 / 1920 * 100vw);
  bottom: calc(4 / 1920 * 100vw);
  border-width: calc(7 / 1920 * 100vw);
}
.btn_common02 a.bg_white:after {
  border-color: transparent var(--color-secondary) var(--color-secondary)
    transparent;
}

@media (any-hover: hover) {
  .btn_common02 a:hover {
    opacity: 1;
    background: var(--color-primary) !important;
  }
  .btn_common02 a.bg_white:after {
    border-color: transparent var(--color-primary) var(--color-primary)
      transparent;
  }
}

.tbl_common01 table {
  border-color: var(--color-primary);
}
.tbl_common01 th {
  background: var(--color-primary);
}
.tbl_common01 tr:not(:last-child) td {
  border-bottom-color: var(--color-primary);
}
.tbl_common01,
.tbl_common02,
.tbl_fee01 {
  max-width: 1000px;
}
.tbl_common02 table,
.tbl_fee01 table {
  border-color: var(--color-primary);
}
.tbl_common02 thead th,
.tbl_fee01 thead th {
  background: var(--color-secondary);
  color: #fff;
  font-weight: bold;
  text-align: center;
}
.tbl_common02 th,
.tbl_common02 td {
  width: 28%;
}
.tbl_common02 thead tr th:not(:first-of-type),
.tbl_fee01 thead tr th:not(:first-of-type) {
  border-left: 1px solid var(--color-primary);
}
.tbl_common02 tbody th,
.tbl_fee01 tbody th {
  background: var(--color-primary);
}
.tbl_common02 tr:not(:last-child) td {
  border-bottom-color: var(--color-text);
}
.tbl_common02 tbody tr td:not(:first-of-type),
.tbl_fee01 tbody tr td:not(:first-of-type) {
  border-left: 1px solid var(--color-primary);
}
.tbl_common02 tbody tr td:first-of-type,
.tbl_fee01 tbody tr td:first-of-type {
  background: var(--color-quaternary);
}
.row_case01:after {
  border-left-color: var(--color-secondary);
}
.row_case01 .en {
  height: calc(50 / 1920 * 100vw);
}
.btn_case01:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background: var(--color-text);
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.btn_case01 .btn {
  width: calc(600 / 1920 * 100vw);
  height: calc(80 / 1920 * 100vw);
  border: 1px solid var(--color-text);
}
.btn_case01 .btn .icn {
  right: calc(25 / 1920 * 100vw);
  top: 0;
  bottom: 0;
  margin: auto;
  width: calc(18 / 1920 * 100vw);
  height: calc(18 / 1920 * 100vw);
}
.btn_case01 .btn .icn:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background: var(--color-text);
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.btn_case01 .btn .icn:after {
  content: "";
  position: absolute;
  height: 100%;
  width: 2px;
  background: var(--color-text);
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  opacity: 1;
  transition: 0.3s;
}
.btn_case01.open .btn .icn:after {
  opacity: 0;
  transition: 0.3s;
}
.detail_case_common01 {
  display: none;
}
.ttl_case01 {
  height: calc(50 / 1920 * 100vw);
}
.row_case02 {
  position: relative;
}
.row_case02:after {
  content: "";
  width: 32%;
}
.row_case02 .col {
  width: 32%;
}
.row_case02.arw:after {
  content: "";
  width: 0;
  height: 0;
  border-top: calc(16 / 1920 * 100vw) solid var(--color-secondary);
  border-right: calc(22 / 1920 * 100vw) solid transparent;
  border-left: calc(22 / 1920 * 100vw) solid transparent;
  position: absolute;
  right: 0;
  left: 0;
  margin: auto;
  bottom: calc(-35 / 1920 * 100vw);
}
.box_pay01 {
  max-width: 1000px;
}
.box_pay01:before {
  content: "";
  position: absolute;
  width: calc(100% - calc(20 / 1920 * 100vw));
  height: calc(100% - calc(20 / 1920 * 100vw));
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border: 1px solid #283466;
  z-index: 0;
}
.box_pay01 .ttl span {
  border-bottom: 2px solid #283466;
}
.box_pay01 .txt01 .ccl {
  width: calc(96 / 1920 * 100vw);
  height: calc(96 / 1920 * 100vw);
}
.row_pay01 .col {
  width: 22.6%;
  margin-right: 3.2%;
  border-top: calc(6 / 1920 * 100vw) solid var(--color-primary);
  background: var(--color-secondary) !important;
}
.row_pay01 .col:nth-child(4n),
.row_pay01 .col:last-child {
  margin-right: 0;
}
.row_pay01 .icn {
  width: calc(180 / 1920 * 100vw);
}
.ttl_fee01 {
  height: calc(60 / 1920 * 100vw);
  border: 1px solid var(--color-primary);
  border-bottom: none;
}
.wrap_worries01 .inner:not(:last-of-type) {
  margin-bottom: calc(60 / 1920 * 100vw);
}
@media only screen and (min-width: 768px) and (max-width: 1599px) {
  .content_low {
    padding: calc(100 / 1599 * 100vw) 0 calc(200 / 1599 * 100vw);
  }
  .main_page {
    background: url("../images/page/deco_ttl_page01.svg") no-repeat left top /
        auto 100%,
      url("../images/page/deco_ttl_page02.svg") no-repeat right bottom -1px / calc(
          458 / 1599 * 100vw
        ) auto,
      url("../images/page/bg_ttl_page.jpg") no-repeat center / cover;
    height: calc(440 / 1599 * 100vw);
  }
  .page_main section:not(:last-child),
  .wrap_worries01:not(:last-of-type) {
    margin-bottom: calc(100 / 1599 * 100vw);
  }
  .hdg3:after {
    height: calc(40 / 1599 * 100vw);
    margin: calc(20 / 1599 * 100vw) auto 0;
  }
  .hdg4:after {
    width: calc(200 / 1599 * 100vw);
  }
  .hdg5:before {
    height: calc(14 / 1599 * 100vw);
  }
  .ttl_common02 {
    width: calc(600 / 1599 * 100vw);
    height: calc(50 / 1599 * 100vw);
    border-left: calc(6 / 1599 * 100vw) solid var(--color-primary);
    border-right: calc(6 / 1599 * 100vw) solid var(--color-primary);
  }
  .ttl_common02:after {
    border-top: calc(12 / 1599 * 100vw) solid var(--color-primary);
    border-right: calc(16 / 1599 * 100vw) solid transparent;
    border-left: calc(16 / 1599 * 100vw) solid transparent;
    bottom: calc(-11 / 1599 * 100vw);
  }
  .row_common01 .col_img {
    width: 49%;
    max-width: 600px;
  }
  .row_common01 .col_img:before {
    border-width: 0 0 calc(115 / 1599 * 100vw) calc(170 / 1599 * 100vw);
  }
  .row_common01 .col_img:after {
    height: calc(100% - calc(10 / 1599 * 100vw));
  }
  .row_common01 .col_img.right:before,
  .row_common01 .col_img.right:after {
    right: calc(-10 / 1599 * 100vw);
  }
  .row_common01 .col_img.left:before,
  .row_common01 .col_img.left:after {
    left: calc(-10 / 1599 * 100vw);
  }
  .row_common02 .col:not(:nth-child(-n + 3)) {
    margin-top: calc(40 / 1599 * 100vw);
  }
  .row_common02 .ttl {
    height: calc(70 / 1599 * 100vw);
  }
  .row_common03 .col:not(:nth-child(-n + 3)) {
    margin-top: calc(20 / 1599 * 100vw);
  }
  .row_common03 .col a {
    height: calc(90 / 1599 * 100vw);
  }
  .row_common03 .col a:after {
    width: calc(20 / 1599 * 100vw);
    height: calc(20 / 1599 * 100vw);
    bottom: calc(12 / 1599 * 100vw);
  }
  .box_common02:after {
    border-width: 0 0 calc(216 / 1599 * 100vw) calc(230 / 1599 * 100vw);
  }
  .box_common02 .ttl {
    padding-left: calc(45 / 1599 * 100vw);
  }
  .box_common02 .ttl:before {
    width: calc(18 / 1599 * 100vw);
    height: calc(18 / 1599 * 100vw);
    left: calc(10 / 1599 * 100vw);
  }
  .list_common01 li {
    padding: 0 0 calc(10 / 1599 * 100vw) calc(60 / 1599 * 100vw);
  }
  .list_common01 li:before {
    width: calc(28 / 1599 * 100vw);
    height: calc(28 / 1599 * 100vw);
    left: calc(10 / 1599 * 100vw);
  }
  .btn_common02 {
    width: calc(340 / 1599 * 100vw);
  }
  .btn_common02 a {
    height: calc(70 / 1599 * 100vw);
  }
  .btn_common02 a:after {
    right: calc(4 / 1599 * 100vw);
    bottom: calc(4 / 1599 * 100vw);
    border-width: calc(7 / 1599 * 100vw);
  }
  .row_case01 .en {
    height: calc(50 / 1599 * 100vw);
  }
  .btn_case01 .btn {
    width: calc(600 / 1599 * 100vw);
    height: calc(80 / 1599 * 100vw);
  }
  .btn_case01 .btn .icn {
    right: calc(25 / 1599 * 100vw);
    width: calc(18 / 1599 * 100vw);
    height: calc(18 / 1599 * 100vw);
  }
  .ttl_case01 {
    height: calc(50 / 1599 * 100vw);
  }
  .row_case02.arw:after {
    border-top: calc(16 / 1599 * 100vw) solid var(--color-secondary);
    border-right: calc(22 / 1599 * 100vw) solid transparent;
    border-left: calc(22 / 1599 * 100vw) solid transparent;
    bottom: calc(-35 / 1599 * 100vw);
  }
  .box_pay01:before {
    width: calc(100% - calc(20 / 1599 * 100vw));
    height: calc(100% - calc(20 / 1599 * 100vw));
  }
  .box_pay01 .txt01 .ccl {
    width: calc(96 / 1599 * 100vw);
    height: calc(96 / 1599 * 100vw);
  }
  .row_pay01 .col {
    border-top: calc(6 / 1599 * 100vw) solid var(--color-primary);
  }
  .row_pay01 .icn {
    width: calc(180 / 1599 * 100vw);
  }
  .ttl_fee01 {
    height: calc(60 / 1599 * 100vw);
  }
  .wrap_worries01 .inner:not(:last-of-type) {
    margin-bottom: calc(60 / 1599 * 100vw);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1299px) {
  .content_low {
    padding: calc(100 / 1299 * 100vw) 0 calc(200 / 1299 * 100vw);
  }
  .main_page {
    background: url("../images/page/deco_ttl_page01.svg") no-repeat left top /
        auto 100%,
      url("../images/page/deco_ttl_page02.svg") no-repeat right bottom -1px / calc(
          458 / 1299 * 100vw
        ) auto,
      url("../images/page/bg_ttl_page.jpg") no-repeat center / cover;
    height: calc(440 / 1299 * 100vw);
  }
  .page_main section:not(:last-child),
  .wrap_worries01:not(:last-of-type) {
    margin-bottom: calc(100 / 1299 * 100vw);
  }
  .hdg3:after {
    height: calc(40 / 1299 * 100vw);
    margin: calc(20 / 1299 * 100vw) auto 0;
  }
  .hdg4:after {
    width: calc(200 / 1299 * 100vw);
  }
  .hdg5:before {
    height: calc(14 / 1299 * 100vw);
  }
  .ttl_common02 {
    width: calc(600 / 1299 * 100vw);
    height: calc(50 / 1299 * 100vw);
    border-left: calc(6 / 1299 * 100vw) solid var(--color-primary);
    border-right: calc(6 / 1299 * 100vw) solid var(--color-primary);
  }
  .ttl_common02:after {
    border-top: calc(12 / 1299 * 100vw) solid var(--color-primary);
    border-right: calc(16 / 1299 * 100vw) solid transparent;
    border-left: calc(16 / 1299 * 100vw) solid transparent;
    bottom: calc(-11 / 1299 * 100vw);
  }
  .row_common01 .col_img {
    width: 49%;
    max-width: 600px;
  }
  .row_common01 .col_img:before {
    border-width: 0 0 calc(115 / 1299 * 100vw) calc(170 / 1299 * 100vw);
  }
  .row_common01 .col_img:after {
    height: calc(100% - calc(10 / 1299 * 100vw));
  }
  .row_common01 .col_img.right:before,
  .row_common01 .col_img.right:after {
    right: calc(-10 / 1299 * 100vw);
  }
  .row_common01 .col_img.left:before,
  .row_common01 .col_img.left:after {
    left: calc(-10 / 1299 * 100vw);
  }
  .row_common02 .col:not(:nth-child(-n + 3)) {
    margin-top: calc(40 / 1299 * 100vw);
  }
  .row_common02 .ttl {
    height: calc(70 / 1299 * 100vw);
  }
  .row_common03 .col:not(:nth-child(-n + 3)) {
    margin-top: calc(20 / 1299 * 100vw);
  }
  .row_common03 .col a {
    height: calc(90 / 1299 * 100vw);
  }
  .row_common03 .col a:after {
    width: calc(20 / 1299 * 100vw);
    height: calc(20 / 1299 * 100vw);
    bottom: calc(12 / 1299 * 100vw);
  }
  .box_common02:after {
    border-width: 0 0 calc(216 / 1299 * 100vw) calc(230 / 1299 * 100vw);
  }
  .box_common02 .ttl {
    padding-left: calc(45 / 1299 * 100vw);
  }
  .box_common02 .ttl:before {
    width: calc(18 / 1299 * 100vw);
    height: calc(18 / 1299 * 100vw);
    left: calc(10 / 1299 * 100vw);
  }
  .list_common01 li {
    padding: 0 0 calc(10 / 1299 * 100vw) calc(60 / 1299 * 100vw);
  }
  .list_common01 li:before {
    width: calc(28 / 1299 * 100vw);
    height: calc(28 / 1299 * 100vw);
    left: calc(10 / 1299 * 100vw);
  }
  .btn_common02 {
    width: calc(340 / 1299 * 100vw);
  }
  .btn_common02 a {
    height: calc(70 / 1299 * 100vw);
  }
  .btn_common02 a:after {
    right: calc(4 / 1299 * 100vw);
    bottom: calc(4 / 1299 * 100vw);
    border-width: calc(7 / 1299 * 100vw);
  }
  .row_case01 .en {
    height: calc(50 / 1299 * 100vw);
  }
  .btn_case01 .btn {
    width: calc(600 / 1299 * 100vw);
    height: calc(80 / 1299 * 100vw);
  }
  .btn_case01 .btn .icn {
    right: calc(25 / 1299 * 100vw);
    width: calc(18 / 1299 * 100vw);
    height: calc(18 / 1299 * 100vw);
  }
  .ttl_case01 {
    height: calc(50 / 1299 * 100vw);
  }
  .row_case02.arw:after {
    border-top: calc(16 / 1299 * 100vw) solid var(--color-secondary);
    border-right: calc(22 / 1299 * 100vw) solid transparent;
    border-left: calc(22 / 1299 * 100vw) solid transparent;
    bottom: calc(-35 / 1299 * 100vw);
  }
  .box_pay01:before {
    width: calc(100% - calc(20 / 1299 * 100vw));
    height: calc(100% - calc(20 / 1299 * 100vw));
  }
  .box_pay01 .txt01 .ccl {
    width: calc(96 / 1299 * 100vw);
    height: calc(96 / 1299 * 100vw);
  }
  .row_pay01 .col {
    border-top: calc(6 / 1299 * 100vw) solid var(--color-primary);
  }
  .row_pay01 .icn {
    width: calc(180 / 1299 * 100vw);
  }
  .ttl_fee01 {
    height: calc(60 / 1299 * 100vw);
  }
  .wrap_worries01 .inner:not(:last-of-type) {
    margin-bottom: calc(60 / 1299 * 100vw);
  }
}
@media only screen and (max-width: 767px) {
  .content_low {
    padding: 13vw 0 25vw;
  }
  .content_low .inner,
  .main_page .inner {
    max-width: calc(702 / 750 * 100vw);
  }
  .page_main section:not(:last-child),
  .wrap_worries01:not(:last-of-type) {
    margin-bottom: 20vw;
  }
  .main_page {
    background: url("../images/page/deco_ttl_page02.svg") no-repeat right bottom -1px /
        calc(230 / 750 * 100vw) auto,
      url("../images/page/bg_ttl_page_sp.jpg") no-repeat center / cover;
    height: calc(440 / 750 * 100vw);
    padding: 2vw 0 0;
  }
  .hdg2 .ja {
    line-height: 1.3;
    font-size: 156.25%;
    letter-spacing: 0;
    padding-bottom: 4vw;
    margin-bottom: 6vw;
  }
  .hdg2 .ja:after {
    height: 1px;
    max-width: calc(646 / 750 * 100vw);
  }
  .hdg2 .en {
    font-size: 1.25rem;
    letter-spacing: 0.1em;
  }
  .col_img {
    text-align: center;
  }
  .hdg3 {
    font-size: 1.4375rem;
    letter-spacing: 0;
  }
  .hdg3:after {
    width: 1px;
    height: calc(40 / 750 * 100vw);
    margin: 4vw auto 0;
  }
  .hdg4 {
    font-size: 1.25rem;
    letter-spacing: 0;
    padding-bottom: 1vw;
  }
  .hdg4:after {
    width: calc(200 / 750 * 100vw);
  }
  .hdg5 {
    font-size: 1.125rem;
    letter-spacing: 0;
    border-left: calc(8 / 750 * 100vw) solid var(--color-primary);
  }
  .hdg5:before {
    width: calc(8 / 750 * 100vw);
    height: calc(24 / 750 * 100vw);
    left: calc(-8 / 750 * 100vw);
  }
  .copy_common01 {
    font-size: 1.1875rem;
    letter-spacing: 0;
  }
  .ttl_common01 .ja {
    font-size: 1.25rem;
    letter-spacing: 0;
  }
  .ttl_common01 .en {
    font-size: 1.1875rem;
    letter-spacing: 0.1em;
  }
  .ttl_common02 {
    font-size: 1.125rem;
    letter-spacing: 0;
    width: calc(600 / 750 * 100vw);
    height: calc(80 / 750 * 100vw);
    border-left: calc(6 / 750 * 100vw) solid var(--color-primary);
    border-right: calc(6 / 750 * 100vw) solid var(--color-primary);
  }
  .ttl_common02:after {
    border-top: calc(12 / 750 * 100vw) solid var(--color-primary);
    border-right: calc(16 / 750 * 100vw) solid transparent;
    border-left: calc(16 / 750 * 100vw) solid transparent;
    bottom: calc(-11 / 750 * 100vw);
  }
  .row_common01 .col_img:before {
    border-width: 0 0 calc(115 / 750 * 100vw) calc(170 / 750 * 100vw);
  }
  .row_common01 .col_img:after {
    height: calc(100% - calc(10 / 750 * 100vw));
  }
  .row_common01 .col_img.right:before,
  .row_common01 .col_img.right:after {
    right: calc(-10 / 750 * 100vw);
  }
  .row_common01 .col_img.left:before,
  .row_common01 .col_img.left:after {
    left: calc(-10 / 750 * 100vw);
  }
  .row_common01 .copy {
    font-size: 1.25rem;
    line-height: 1.5;
    text-align: center;
    letter-spacing: 0;
  }
  .row_common02 {
    display: block;
    width: calc(646 / 750 * 100vw);
    margin-right: auto;
    margin-left: auto;
  }
  .row_common02 .col {
    width: 100%;
    max-width: 100%;
    margin-right: 0;
  }
  .row_common02 .col:not(:first-child) {
    margin-top: 5vw;
  }
  .row_common02 .ttl {
    font-size: 1.125rem;
    letter-spacing: 0;
    height: calc(80 / 750 * 100vw);
  }
  .row_common03 .col {
    width: 49%;
    margin-right: 2% !important;
  }
  .row_common03 .col:nth-child(2n),
  .row_common03 .col:last-child {
    margin-right: 0 !important;
  }
  .row_common03 .col:not(:nth-child(-n + 2)) {
    margin-top: 2vw;
  }
  .row_common03 .col a {
    height: auto;
    font-size: 0.875rem;
    letter-spacing: 0;
    padding: 2vw 2vw 6vw;
    border-top-width: 2px;
  }
  .row_common03 .col a:after {
    width: calc(20 / 750 * 100vw);
    height: calc(20 / 750 * 100vw);
    bottom: 3vw;
  }
  .box_common01 {
    max-width: 100%;
  }
  .box_common02 {
    display: block;
  }
  .box_common02:after {
    border-width: 0 0 calc(216 / 750 * 100vw) calc(230 / 750 * 100vw);
  }
  .box_common02 .col_img {
    width: 100%;
    max-width: 100%;
    margin: 0 auto 5vw;
  }
  .box_common02 .col_txt {
    width: 100%;
  }
  .box_common02 .ttl {
    font-size: 1.125rem;
    padding-left: 10vw;
  }
  .box_common02 .ttl:before {
    width: calc(36 / 750 * 100vw);
    height: calc(36 / 750 * 100vw);
    left: calc(20 / 750 * 100vw);
    top: 0.5em;
  }
  .list_common01 li {
    max-width: 100%;
    padding: 0 0 calc(10 / 750 * 100vw) calc(60 / 750 * 100vw);
  }
  .list_common01 li:before {
    width: calc(40 / 750 * 100vw);
    height: calc(40 / 750 * 100vw);
    top: 0.2em;
    left: calc(10 / 750 * 100vw);
  }
  .btn_common02 {
    width: calc(600 / 750 * 100vw);
  }
  .btn_common02 a {
    height: calc(120 / 750 * 100vw);
    font-size: 1rem;
    letter-spacing: 0;
  }
  .btn_common02 a:after {
    right: calc(10 / 750 * 100vw);
    bottom: calc(10 / 750 * 100vw);
    border-width: calc(11 / 750 * 100vw);
  }
  .tbl_common01,
  .tbl_common02,
  .tbl_fee01 {
    max-width: 100%;
  }
  .tbl_common02 table {
    border-color: var(--color-text);
  }
  .tbl_common02 thead th {
    background: #0d7bc1;
    color: #fff;
    font-weight: bold;
    text-align: center;
  }
  .tbl_common02 th,
  .tbl_common02 td {
    width: 28%;
  }
  .row_case01 .en {
    font-size: 0.75rem;
    height: calc(60 / 750 * 100vw);
  }
  .btn_case01 {
    max-width: 100% !important;
    height: auto !important;
    font-size: inherit !important;
  }
  .btn_case01 .btn {
    width: calc(400 / 750 * 100vw);
    height: calc(100 / 750 * 100vw);
    font-size: 1rem;
    letter-spacing: 0;
  }
  .btn_case01 .btn .icn {
    right: calc(25 / 750 * 100vw);
    width: calc(18 / 750 * 100vw);
    height: calc(18 / 750 * 100vw);
  }
  .ttl_case01 {
    font-size: 1rem;
    height: calc(80 / 750 * 100vw);
  }
  .row_case02.arw:after {
    border-top: calc(16 / 750 * 100vw) solid var(--color-secondary);
    border-right: calc(22 / 750 * 100vw) solid transparent;
    border-left: calc(22 / 750 * 100vw) solid transparent;
    bottom: calc(-35 / 750 * 100vw);
  }
  .box_pay01 {
    max-width: 100%;
  }
  .box_pay01:before {
    width: calc(100% - calc(20 / 750 * 100vw));
    height: calc(100% - calc(20 / 750 * 100vw));
  }
  .box_pay01 .ttl {
    font-size: 1.125rem;
    letter-spacing: 0;
  }
  .box_pay01 .txt01 {
    font-size: 1rem;
    letter-spacing: 0;
  }
  .box_pay01 .txt01 .ccl {
    width: calc(80 / 750 * 100vw);
    height: calc(80 / 750 * 100vw);
    font-size: 0.875rem;
    letter-spacing: 0;
  }
  .box_pay01 .txt01 .fz80 {
    font-size: 2.5rem;
    letter-spacing: 0.05em;
  }
  .box_pay01 .txt01 .fz50 {
    font-size: 1.25rem;
    letter-spacing: 0;
  }
  .box_pay01 .txt02 {
    font-size: 1.1875rem;
    letter-spacing: 0;
  }
  .box_pay01 .txt03 {
    font-size: 0.875rem;
    letter-spacing: 0;
  }
  .row_pay01 .col {
    width: 49%;
    margin-right: 2% !important;
    border-top: calc(6 / 750 * 100vw) solid var(--color-primary);
  }
  .row_pay01 .col:nth-child(2n),
  .row_pay01 .col:last-child {
    margin-right: 0 !important;
  }
  .row_pay01 .col:not(:nth-child(-n + 2)) {
    margin-top: 2vw;
  }
  .row_pay01 .icn {
    width: calc(180 / 750 * 100vw);
  }
  .row_pay01 .ttl {
    font-size: 1.0625rem;
    letter-spacing: 0;
  }
  .row_pay01 .txt {
    font-size: 0.875rem;
    letter-spacing: 0;
  }
  .ttl_fee01 {
    height: calc(80 / 750 * 100vw);
  }
  .ttl_worries01 {
    font-size: 1.125rem;
    letter-spacing: 0;
  }
  .wrap_worries01 .inner:not(:last-of-type) {
    margin-bottom: 8vw;
  }
}

/* クリニック紹介 clinic
------------------------------------------------------------------*/
.bg_clinic01 {
  background: url("../images/clinic/bg_clinic01.jpg") no-repeat center / cover;
}
.ttl_clinic01 {
  width: calc(840 / 1920 * 100vw);
  height: calc(80 / 1920 * 100vw);
  border: 2px solid #fff;
}
.box_clinic01 .col_img {
  width: 49%;
  max-width: 600px;
  right: 0;
  top: 0;
}
.box_clinic01 .box {
  width: calc(110 / 1920 * 100vw);
  height: calc(110 / 1920 * 100vw);
  left: calc(-30 / 1920 * 100vw);
  top: calc(30 / 1920 * 100vw);
  border: 1px solid #fff;
  color: var(--color-text) !important;
}
.box_clinic01:nth-child(2) .box {
  background-color: var(--color04) !important;
}
.box_clinic01 .ccl {
  width: calc(120 / 1920 * 100vw);
  height: calc(120 / 1920 * 100vw);
  background: var(--color-secondary);
  bottom: calc(-30 / 1920 * 100vw);
  left: calc(30 / 1920 * 100vw);
}
.box_clinic01 .ccl02 {
  left: calc(140 / 1920 * 100vw);
}
.box_clinic01 .col_txt {
  min-height: calc(410 / 1920 * 100vw);
  width: calc(100% - calc(60 / 1920 * 100vw));
  background: var(--color-quaternary) !important;
  color: var(--color-text) !important;
}
.box_clinic01 h4 {
  color: var(--color-text) !important;
}
.box_clinic01 .col_txt .wrap {
  width: 50%;
}
.row_clinic03 .col_img {
  width: 44%;
  max-width: 540px;
}
.row_clinic03 .col_img:after {
  content: "";
  width: 100%;
  position: absolute;
  height: calc(100% - calc(40 / 1920 * 100vw));
  background: rgb(114, 136, 185);
  background: linear-gradient(
    0deg,
    var(--color-secondary) 0%,
    rgb(204, 170, 153, 0.2) 100%
  );
  left: calc(-40 / 1920 * 100vw);
  bottom: 0;
  z-index: -1;
}
.row_clinic03 .col_txt {
  width: 52%;
}
.name_dr02 .box {
  width: calc(160 / 1920 * 100vw);
  height: calc(40 / 1920 * 100vw);
}
.row_clinic03 .col_txt .img {
  width: calc(338 / 1920 * 100vw);
}
.row_clinic04 .col {
  width: 49%;
  max-width: 600px;
  border-top: 1px dotted var(--color-secondary);
}
.row_clinic04 .col_r {
  border-top-color: var(--color-secondary);
}
.row_clinic04 .ttl {
  border-bottom: 2px solid var(--color-secondary);
}
.row_clinic04 .col_r .ttl {
  border-bottom-color: var(--color-secondary);
}
.list_clinic01 li {
  border-bottom: 1px solid var(--color-secondary);
  padding: 0 0 calc(10 / 1920 * 100vw) calc(35 / 1920 * 100vw);
}
.list_clinic01 li:before {
  background: var(--color-primary);
  left: calc(10 / 1920 * 100vw);
}
.row_clinic04 .col_r .list_clinic01 li:before {
  background: var(--color-primary);
}
.slide_clinic01 .slick-prev {
  width: calc(31 / 1920 * 100vw);
  height: calc(57 / 1920 * 100vw);
  transform: translate(0);
  top: 0;
  bottom: 0;
  margin: auto;
  left: -7.2%;
  z-index: 1;
  -webkit-mask-image: url("../images/clinic/arw_clinic.svg");
  mask-image: url("../images/clinic/arw_clinic.svg");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  background-color: var(--color-primary);
}
.slide_clinic01 .slick-next {
  width: calc(31 / 1920 * 100vw);
  height: calc(57 / 1920 * 100vw);
  right: -7.2%;
  transform: translate(0) scaleX(-1);
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 1;
  -webkit-mask-image: url("../images/clinic/arw_clinic.svg");
  mask-image: url("../images/clinic/arw_clinic.svg");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  background-color: var(--color-primary);
}
.slide_clinic01 .slick-prev:before,
.slide_clinic01 .slick-next:before {
  display: none;
}
.slide_clinic01 .slide_thumbnail li {
  width: 18%;
  margin-right: 2.5%;
  margin-bottom: 2%;
  opacity: 0.5;
  transition: 0.3s;
}
.slide_clinic01 .slide_thumbnail li.thumbnail-current {
  opacity: 1;
}
.slide_clinic01 .slide_thumbnail li:nth-child(5n),
.slide_clinic01 .slide_thumbnail li:last-child {
  margin-right: 0;
}
.slide_clinic01 .slide_thumbnail li:hover {
  opacity: 1;
  transition: 0.3s;
  cursor: pointer;
}
.row_clinic05:after {
  content: "";
  width: 32%;
  max-width: 380px;
}
.row_clinic05 .col {
  width: 32%;
  max-width: 380px;
}
.row_clinic05 .col:not(:nth-child(-n + 3)) {
  margin-top: calc(60 / 1920 * 100vw);
}
.box_video02 {
  width: 100%;
  max-width: 560px;
  /* margin: 0 auto 60px;*/
  margin: 0 auto 30px;
}
.box_video02 iframe {
  width: 100%;
  height: 315px;
}

@media (min-width: 768px) and (max-width: 1599px) {
  .ttl_clinic01 {
    width: calc(840 / 1599 * 100vw);
    height: calc(80 / 1599 * 100vw);
  }
  .box_clinic01 .box {
    width: calc(110 / 1599 * 100vw);
    height: calc(110 / 1599 * 100vw);
    left: calc(-30 / 1599 * 100vw);
    top: calc(30 / 1599 * 100vw);
  }
  .box_clinic01 .ccl {
    width: calc(120 / 1599 * 100vw);
    height: calc(120 / 1599 * 100vw);
    bottom: calc(-30 / 1599 * 100vw);
    left: calc(30 / 1599 * 100vw);
  }
  .box_clinic01 .ccl02 {
    left: calc(140 / 1599 * 100vw);
  }
  .box_clinic01 .col_txt {
    min-height: calc(410 / 1599 * 100vw);
    width: calc(100% - calc(60 / 1599 * 100vw));
    background-size: calc(460 / 1599 * 100vw) auto;
  }
  .row_clinic03 .col_img:after {
    height: calc(100% - calc(40 / 1599 * 100vw));
    left: calc(-40 / 1599 * 100vw);
  }
  .name_dr02 .box {
    width: calc(160 / 1599 * 100vw);
    height: calc(40 / 1599 * 100vw);
  }
  .row_clinic03 .col_txt .img {
    width: calc(338 / 1599 * 100vw);
  }
  .list_clinic01 li {
    padding: 0 0 calc(10 / 1599 * 100vw) calc(35 / 1599 * 100vw);
  }
  .list_clinic01 li:before {
    left: calc(10 / 1599 * 100vw);
  }
  .slide_clinic01 .slick-prev {
    width: calc(31 / 1599 * 100vw);
    height: calc(57 / 1599 * 100vw);
  }
  .slide_clinic01 .slick-next {
    width: calc(31 / 1599 * 100vw);
    height: calc(57 / 1599 * 100vw);
  }
  .row_clinic05 .col:not(:nth-child(-n + 3)) {
    margin-top: calc(60 / 1599 * 100vw);
  }
}
@media (min-width: 768px) and (max-width: 1299px) {
  .ttl_clinic01 {
    width: calc(840 / 1299 * 100vw);
    height: calc(80 / 1299 * 100vw);
  }
  .box_clinic01 .box {
    width: calc(110 / 1299 * 100vw);
    height: calc(110 / 1299 * 100vw);
    left: calc(-30 / 1299 * 100vw);
    top: calc(30 / 1299 * 100vw);
  }
  .box_clinic01 .ccl {
    width: calc(120 / 1299 * 100vw);
    height: calc(120 / 1299 * 100vw);
    bottom: calc(-30 / 1299 * 100vw);
    left: calc(30 / 1299 * 100vw);
  }
  .box_clinic01 .ccl02 {
    left: calc(140 / 1299 * 100vw);
  }
  .box_clinic01 .col_txt {
    min-height: calc(410 / 1299 * 100vw);
    width: calc(100% - calc(60 / 1299 * 100vw));
    background-size: calc(460 / 1299 * 100vw) auto;
  }
  .row_clinic03 .col_img:after {
    height: calc(100% - calc(40 / 1299 * 100vw));
    left: calc(-40 / 1299 * 100vw);
  }
  .name_dr02 .box {
    width: calc(160 / 1299 * 100vw);
    height: calc(40 / 1299 * 100vw);
  }
  .row_clinic03 .col_txt .img {
    width: calc(338 / 1299 * 100vw);
  }
  .list_clinic01 li {
    padding: 0 0 calc(10 / 1299 * 100vw) calc(35 / 1299 * 100vw);
  }
  .list_clinic01 li:before {
    left: calc(10 / 1299 * 100vw);
  }
  .slide_clinic01 .slick-prev {
    width: calc(31 / 1299 * 100vw);
    height: calc(57 / 1299 * 100vw);
    left: 2%;
  }
  .slide_clinic01 .slick-next {
    width: calc(31 / 1299 * 100vw);
    height: calc(57 / 1299 * 100vw);
    right: 2%;
  }
  .row_clinic05 .col:not(:nth-child(-n + 3)) {
    margin-top: calc(60 / 1299 * 100vw);
  }
}
@media (max-width: 767px) {
  .ttl_clinic01 {
    width: 100%;
    height: auto;
    padding: 3vw 3vw 4vw;
    font-size: 1.25rem;
    letter-spacing: 0;
    line-height: 1.5;
  }
  .box_clinic01 {
    padding: 0;
  }
  .box_clinic01 .col_img {
    position: relative;
    width: 100%;
    max-width: 100%;
    padding: 0 4vw;
    right: auto;
    top: auto;
  }
  .box_clinic01 .box {
    width: calc(120 / 750 * 100vw);
    height: calc(120 / 750 * 100vw);
    left: 0;
    top: calc(30 / 750 * 100vw);
  }
  .box_clinic01 .en {
    font-size: 0.75rem;
    letter-spacing: 0;
  }
  .box_clinic01 .num {
    font-size: 1.875rem;
  }
  .box_clinic01 .ccl {
    font-size: 0.75rem;
    letter-spacing: 0;
    width: calc(140 / 750 * 100vw);
    height: calc(140 / 750 * 100vw);
    bottom: calc(-30 / 750 * 100vw);
    left: calc(60 / 750 * 100vw);
  }
  .box_clinic01 .ccl02 {
    left: calc(190 / 750 * 100vw);
  }
  .box_clinic01 .col_txt {
    min-height: auto;
    width: 100%;
    margin-top: calc(-60 / 750 * 100vw);
    background-size: calc(460 / 750 * 100vw) auto;
    padding: 15vw 4vw 5vw;
  }
  .box_clinic01 .col_txt .wrap {
    width: 100%;
  }
  .box_clinic01 .copy {
    font-size: 1.1875rem;
    letter-spacing: 0;
    text-align: center;
  }
  .row_clinic01 {
    display: flex !important;
  }
  .row_clinic01 .col {
    width: 49%;
    margin-right: 2% !important;
    margin-top: 0 !important;
  }
  .row_clinic01 .col:nth-child(2n),
  .row_clinic01 .col:last-child {
    margin-right: 0 !important;
  }
  .row_clinic01 .col:not(:nth-child(-n + 2)) {
    margin-top: 2vw !important;
  }
  .row_clinic01 .ttl {
    height: auto;
    font-size: 0.875rem;
    padding: 2vw 2vw 3vw;
  }
  .row_clinic03 {
    display: block;
  }
  .row_clinic03 .col_img {
    width: 100%;
    max-width: calc(540 / 750 * 100vw);
    margin: 0 auto 5vw;
  }
  .row_clinic03 .col_img:after {
    height: calc(100% - calc(40 / 750 * 100vw));
    left: calc(-40 / 750 * 100vw);
  }
  .row_clinic03 .col_txt {
    width: 100%;
  }
  .name_dr02 .box {
    font-size: 0.875rem;
    letter-spacing: 0;
    width: calc(140 / 750 * 100vw);
    height: calc(50 / 750 * 100vw);
  }
  .name_dr02 .name01 {
    font-size: 1.25rem;
    margin-right: 3vw;
  }
  .name_dr02 .name02 {
    font-size: 1.875rem;
  }
  .name_dr02 .name03 {
    font-size: 0.875rem;
    letter-spacing: 0.1em;
  }
  .name_dr02 .name04 {
    font-size: 0.875rem;
    letter-spacing: 0.1em;
  }
  .row_clinic03 .col_txt .img {
    width: calc(338 / 750 * 100vw);
  }
  .row_clinic03 .col_txt .img .caption {
    font-size: 0.75rem;
    letter-spacing: 0;
  }
  .row_clinic04 {
    display: block;
  }
  .row_clinic04 .col {
    width: 100%;
    max-width: 100%;
  }
  .row_clinic04 .col_l {
    margin-bottom: 5vw;
  }
  .row_clinic04 .ttl {
    font-size: 1.125rem;
    letter-spacing: 0;
  }
  .list_clinic01 li {
    padding: 0 0 calc(10 / 750 * 100vw) calc(35 / 750 * 100vw);
  }
  .list_clinic01 li:before {
    left: calc(10 / 750 * 100vw);
    top: 0.6em;
  }
  .slide_clinic01 .slick-prev {
    width: calc(31 / 750 * 100vw);
    height: calc(57 / 750 * 100vw);
    left: 3vw;
  }
  .slide_clinic01 .slick-next {
    width: calc(31 / 750 * 100vw);
    height: calc(57 / 750 * 100vw);
    right: 3vw;
  }
  .row_clinic05:after {
    display: none;
  }
  .row_clinic05 .col {
    width: 49%;
    max-width: 100%;
  }
  .row_clinic05 .col:not(:nth-child(-n + 2)) {
    margin-top: 2vw;
  }
  .row_clinic05 .ttl {
    padding: 2vw 2vw 3vw;
    font-size: 0.875rem;
    letter-spacing: 0;
  }
  .box_video02 iframe {
    height: calc(394 / 750 * 100vw);
  }
}

/* 診療時間・アクセス access
------------------------------------------------------------------*/
.logo_access {
  width: calc(390 / 1920 * 100vw);
}
.row_access01 .col_img {
  width: 53%;
  max-width: 650px;
}
.row_access01 .col_txt {
  width: 43%;
  max-width: 530px;
}
.wrap_access01 {
  width: 90%;
  max-width: 1240px;
}
.txt_access02 .icn {
  width: calc(26 / 1920 * 100vw);
}
.row_access02:after {
  content: "";
  width: 32.3%;
  max-width: 400px;
}
.row_access02 .col {
  width: 32.3%;
  max-width: 400px;
}
.row_access02 .col:not(:nth-child(-n + 3)) {
  margin-top: calc(40 / 1920 * 100vw);
}
.row_access02 .num {
  width: calc(60 / 1920 * 100vw);
  height: calc(60 / 1920 * 100vw);
  left: 0;
  top: 0;
}
@media (min-width: 768px) and (max-width: 1599px) {
  .logo_access {
    width: calc(390 / 1599 * 100vw);
  }
  .txt_access02 .icn {
    width: calc(26 / 1599 * 100vw);
  }
  .row_access02 .col:not(:nth-child(-n + 3)) {
    margin-top: calc(40 / 1599 * 100vw);
  }
  .row_access02 .num {
    width: calc(60 / 1599 * 100vw);
    height: calc(60 / 1599 * 100vw);
  }
}
@media (min-width: 768px) and (max-width: 1299px) {
  .logo_access {
    width: calc(390 / 1299 * 100vw);
  }
  .txt_access02 .icn {
    width: calc(26 / 1299 * 100vw);
  }
  .row_access02 .col:not(:nth-child(-n + 3)) {
    margin-top: calc(40 / 1299 * 100vw);
  }
  .row_access02 .num {
    width: calc(60 / 1299 * 100vw);
    height: calc(60 / 1299 * 100vw);
  }
}
@media (max-width: 767px) {
  .logo_access {
    width: calc(480 / 750 * 100vw);
    margin-bottom: 5vw;
  }
  .row_access01 {
    display: block;
  }
  .row_access01 .col_img {
    width: 100%;
    max-width: 100%;
    margin: 0 auto 5vw;
  }
  .row_access01 .col_txt {
    width: 100%;
    max-width: 100%;
  }
  .txt_access01 {
    font-size: 1.125rem;
    letter-spacing: 0;
  }
  .wrap_access01 {
    width: 100%;
    max-width: 100%;
  }
  .txt_access02 {
    font-size: 1.0625rem;
    letter-spacing: 0;
  }
  .txt_access02 .icn {
    width: calc(40 / 750 * 100vw);
  }
  .row_access02:after {
    display: none;
  }
  .row_access02 .col {
    width: 49%;
    max-width: 100%;
  }
  .row_access02 .col:not(:nth-child(-n + 2)) {
    margin-top: 2vw;
  }
  .row_access02 .num {
    width: calc(80 / 750 * 100vw);
    height: calc(80 / 750 * 100vw);
    font-size: 1rem;
  }
}

/* 植毛について hair
------------------------------------------------------------------*/
@media (min-width: 768px) and (max-width: 1599px) {
}
@media (min-width: 768px) and (max-width: 1299px) {
}
@media (max-width: 767px) {
  .ttl_hair01 {
    font-size: 1.125rem;
    letter-spacing: 0;
  }
}

/* 植毛クリニックを選ぶポイント point
------------------------------------------------------------------*/
.row_point01 .col {
  width: 32.3%;
  margin-right: 1.55%;
}
.row_point01 .col:last-child {
  margin-right: 0;
}
.row_point01 .ccl {
  width: calc(180 / 1920 * 100vw);
  height: calc(180 / 1920 * 100vw);
  right: 0;
  left: 0;
  top: calc(-100 / 1920 * 100vw);
  margin: auto;
  background: #fff;
  border: 1px solid var(--color-primary);
}
.row_point01 .ttl {
  height: calc(70 / 1920 * 100vw);
}
.arw_point01 {
  width: calc(220 / 1920 * 100vw);
  height: calc(28 / 1920 * 100vw);
  -webkit-mask-image: url(../images/index/arw__type01.svg);
  mask-image: url(../images/index/arw__type01.svg);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  background-color: var(--color-primary);
}
.arw_point01 img {
  display: none;
}
.box_point01 {
  background: var(--color-quaternary) !important;
}
.box_point01:before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  border-width: calc(300 / 1920 * 100vw) calc(400 / 1920 * 100vw) 0 0;
  border-color: var(--color-secondary) transparent transparent
    var(--color-secondary);
  left: 0;
  top: 0;
  opacity: 0.5;
  z-index: 0;
}
.box_point01 .copy {
  border-bottom: 1px solid var(--color-text);
}
.box_point01 h4 {
  color: var(--color-text) !important;
}
.box_point01 .col_txt p {
  color: var(--color-text) !important;
}
.row_point02 .col_img {
  width: 44%;
  max-width: 500px;
}
.row_point02 .col_txt {
  width: 52%;
}
.box_qa03 {
  border-color: var(--color-primary);
}
.box_qa03 .box_q .box {
  background: var(--color-quinary);
}
.box_qa03 .box_q .txt {
  background: none;
}
.box_qa03 .box_q .txt .icn:before,
.box_qa03 .box_q .txt .icn:after {
  background: var(--color-primary);
}
.box_qa03 .box_a {
  border-top: 1px solid var(--color-primary);
}
@media (min-width: 768px) and (max-width: 1599px) {
  .row_point01 .ccl {
    width: calc(180 / 1599 * 100vw);
    height: calc(180 / 1599 * 100vw);
    top: calc(-100 / 1599 * 100vw);
  }
  .row_point01 .ttl {
    height: calc(70 / 1599 * 100vw);
  }
  .arw_point01 {
    width: calc(220 / 1599 * 100vw);
    height: calc(28 / 1599 * 100vw);
  }
  .box_point01:before {
    border-width: calc(300 / 1599 * 100vw) calc(400 / 1599 * 100vw) 0 0;
  }
}
@media (min-width: 768px) and (max-width: 1299px) {
  .row_point01 .ccl {
    width: calc(180 / 1299 * 100vw);
    height: calc(180 / 1299 * 100vw);
    top: calc(-100 / 1299 * 100vw);
  }
  .row_point01 .ttl {
    height: calc(70 / 1299 * 100vw);
  }
  .arw_point01 {
    width: calc(220 / 1299 * 100vw);
    height: calc(28 / 1299 * 100vw);
  }
  .box_point01:before {
    border-width: calc(300 / 1299 * 100vw) calc(400 / 1299 * 100vw) 0 0;
  }
}
@media (max-width: 767px) {
  .row_point01 {
    display: block;
  }
  .row_point01 .col {
    width: 100%;
    margin-right: 0;
    margin-top: calc(160 / 750 * 100vw);
  }
  .row_point01 .ccl {
    width: calc(180 / 750 * 100vw);
    height: calc(180 / 750 * 100vw);
    top: calc(-100 / 750 * 100vw);
  }
  .row_point01 .ccl .en {
    font-size: 0.875rem;
    letter-spacing: 0.1em;
  }
  .row_point01 .ccl .num {
    font-size: 1.875rem;
  }
  .row_point01 .ttl {
    font-size: 1.125rem;
    letter-spacing: 0;
    height: calc(80 / 750 * 100vw);
  }
  .arw_point01 {
    width: calc(220 / 750 * 100vw);
    height: calc(28 / 750 * 100vw);
  }
  .txt_point02 {
    font-size: 1.1875rem;
    letter-spacing: 0;
  }
  .box_point01:before {
    border-width: calc(300 / 750 * 100vw) calc(400 / 750 * 100vw) 0 0;
  }
  .box_point01 .copy {
    font-size: 1.1875rem;
    letter-spacing: 0;
  }
  .row_point02 {
    display: block;
  }
  .row_point02 .col_img {
    width: 100%;
    max-width: 100%;
    margin: 0 auto 5vw;
  }
  .row_point02 .col_txt {
    width: 100%;
  }
}

/* 女性へアライン矯正 hairline
------------------------------------------------------------------*/
.ttl_hairline02 {
  height: calc(70 / 1920 * 100vw);
}
.ttl_hairline02:after {
  content: "";
  width: 0;
  height: 0;
  border-top: calc(12 / 1920 * 100vw) solid #eaf3f9;
  border-right: calc(16 / 1920 * 100vw) solid transparent;
  border-left: calc(16 / 1920 * 100vw) solid transparent;
  margin: auto;
  right: 0;
  left: 0;
  bottom: calc(-11 / 1920 * 100vw);
  position: absolute;
}
.row_hairline03 .col {
  /* width: 32.3%; */
  width: 37.3%;
  /* margin-right: 1.55%; */
  margin-right: 0.55%;
  /* max-width: 400px; */
  max-width: 450px;
  margin-bottom: 2%;
}
.row_hairline03 .col:nth-child(3n),
.row_hairline03 .col:last-child {
  /* margin-right: 0; */
  margin-right: 0.55%;
}
.row_hairline03 .ttl {
  height: calc(60 / 1920 * 100vw);
  border-top: 1px solid var(--color-text);
  border-bottom: 1px solid var(--color-text);
}
.bg_hairline02:after {
  position: absolute;
  content: "";
  background: #283466;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  width: 100%;
  height: 50%;
  z-index: -1;
}
.bg_hairline03 {
  padding: calc(35 / 1920 * 100vw) 0 calc(60 / 1920 * 100vw);
}
.row_hairline05 .col_l {
  width: calc(211 / 1920 * 100vw);
  height: calc(211 / 1920 * 100vw);
  margin-right: calc(40 / 1920 * 100vw);
}
.row_hairline05 .col_l:after {
  position: absolute;
  content: "";
  border: 1px solid #fff;
  border-radius: 100%;
  bottom: 0;
  top: 0;
  right: 0;
  left: 0;
  margin: auto;
  width: calc(100% - calc(20 / 1920 * 100vw));
  height: calc(100% - calc(20 / 1920 * 100vw));
}
.row_hairline05 .col_r {
  color: #283466;
}
.row_hairline05 .col_r .ttl {
  letter-spacing: 0.09em;
}
.row_hairline05 .col_r .copy:after {
  position: absolute;
  content: "";
  border-bottom: 1px solid #010101;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  max-width: calc(832 / 1920 * 100vw);
  width: 100%;
  height: 1px;
}
.box_hairline02 {
  padding: calc(43 / 1920 * 100vw) 5% calc(40 / 1920 * 100vw);
}
.box_hairline02 .wrap {
  max-width: calc(540 / 1920 * 100vw);
}
.box_hairline02 .box {
  background: #0d7bc1;
  letter-spacing: 0;
  line-height: calc(40 / 1920 * 100vw);
}
.row_hairline06 .col_l {
  width: calc(120 / 1920 * 100vw);
  height: calc(120 / 1920 * 100vw);
  margin-right: calc(35 / 1920 * 100vw);
}
.row_hairline06 .col_r .txt01:after {
  position: absolute;
  content: "";
  border-bottom: 1px solid #010101;
  bottom: 0;
  top: 0;
  right: 0;
  left: 0;
  margin: auto;
  width: 100%;
  height: 1px;
}
.row_hairline06 .col_r .txt01 span {
  position: relative;
  background: #fff;
  padding: 0 calc(25 / 1920 * 100vw);
  z-index: 1;
}
.row_hairline06 .col_r .txt02 {
  font-size: 452.77%;
  letter-spacing: 0.1em;
  line-height: 1;
}
.row_hairline06 .col_r .txt02 span {
  font-size: 119.63%;
  line-height: 0.5;
}
.wrap_hairline01 {
  border-top: 2px solid var(--color-primary);
}
.arw_flow:before {
  border-top-color: var(--color-primary);
}
.bg_hairline04 {
  position: relative;
  background: url("../images/hairline/bg_hairline01.png") no-repeat center center / contain;
  height: calc(600 / 1920 * 100vw);
}

.bg_hairline04 .ttl {
  display: none;
}
.bg_hairline04 .en {
  display: none;
}
@media (min-width: 768px) and (max-width: 1599px) {
  .ttl_hairline02 {
    height: calc(70 / 1599 * 100vw);
  }
  .ttl_hairline02:after {
    border-top: calc(12 / 1599 * 100vw) solid #eaf3f9;
    border-right: calc(16 / 1599 * 100vw) solid transparent;
    border-left: calc(16 / 1599 * 100vw) solid transparent;
    bottom: calc(-11 / 1599 * 100vw);
  }
  .row_hairline03 .ttl {
    height: calc(60 / 1599 * 100vw);
  }
  .bg_hairline03 {
    padding: calc(35 / 1599 * 100vw) 0 calc(60 / 1599 * 100vw);
  }
  .row_hairline05 .col_l {
    width: calc(211 / 1599 * 100vw);
    height: calc(211 / 1599 * 100vw);
    margin-right: calc(40 / 1599 * 100vw);
  }
  .row_hairline05 .col_l:after {
    width: calc(100% - calc(20 / 1599 * 100vw));
    height: calc(100% - calc(20 / 1599 * 100vw));
  }
  .row_hairline05 .col_r .copy:after {
    max-width: calc(832 / 1599 * 100vw);
  }
  .box_hairline02 {
    padding: calc(43 / 1599 * 100vw) 5% calc(40 / 1599 * 100vw);
  }
  .box_hairline02 .wrap {
    max-width: calc(540 / 1599 * 100vw);
  }
  .box_hairline02 .box {
    line-height: calc(40 / 1599 * 100vw);
  }
  .row_hairline06 .col_l {
    width: calc(120 / 1599 * 100vw);
    height: calc(120 / 1599 * 100vw);
    margin-right: calc(35 / 1599 * 100vw);
  }
  .row_hairline06 .col_r .txt01 span {
    padding: 0 calc(25 / 1599 * 100vw);
  }
  .bg_hairline04 .ttl {
    max-width: calc(490 / 1599 * 100vw);
  }
}
@media (min-width: 768px) and (max-width: 1299px) {
  .ttl_hairline02 {
    height: calc(70 / 1299 * 100vw);
  }
  .ttl_hairline02:after {
    border-top: calc(12 / 1299 * 100vw) solid #eaf3f9;
    border-right: calc(16 / 1299 * 100vw) solid transparent;
    border-left: calc(16 / 1299 * 100vw) solid transparent;
    bottom: calc(-11 / 1299 * 100vw);
  }
  .row_hairline03 .ttl {
    height: calc(60 / 1299 * 100vw);
  }
  .bg_hairline03 {
    padding: calc(35 / 1299 * 100vw) 0 calc(60 / 1299 * 100vw);
  }
  .row_hairline05 .col_l {
    width: calc(211 / 1299 * 100vw);
    height: calc(211 / 1299 * 100vw);
    margin-right: calc(40 / 1299 * 100vw);
  }
  .row_hairline05 .col_l:after {
    width: calc(100% - calc(20 / 1299 * 100vw));
    height: calc(100% - calc(20 / 1299 * 100vw));
  }
  .row_hairline05 .col_r .copy:after {
    max-width: calc(832 / 1299 * 100vw);
  }
  .box_hairline02 {
    padding: calc(43 / 1299 * 100vw) 5% calc(40 / 1299 * 100vw);
  }
  .box_hairline02 .wrap {
    max-width: calc(540 / 1299 * 100vw);
  }
  .box_hairline02 .box {
    line-height: calc(40 / 1299 * 100vw);
  }
  .row_hairline06 .col_l {
    width: calc(120 / 1299 * 100vw);
    height: calc(120 / 1299 * 100vw);
    margin-right: calc(35 / 1299 * 100vw);
  }
  .row_hairline06 .col_r .txt01 span {
    padding: 0 calc(25 / 1299 * 100vw);
  }
  .bg_hairline04 .ttl {
    max-width: calc(490 / 1299 * 100vw);
  }
}
@media (max-width: 767px) {
  .ttl_hairline01 {
    font-size: 1.125rem;
    letter-spacing: 0;
  }
  .ttl_hairline02 {
    font-size: 1.125rem;
    letter-spacing: 0;
    height: auto;
    padding: 2vw 3vw 3vw;
  }
  .ttl_hairline02:after {
    border-top: calc(12 / 750 * 100vw) solid #eaf3f9;
    border-right: calc(16 / 750 * 100vw) solid transparent;
    border-left: calc(16 / 750 * 100vw) solid transparent;
    bottom: calc(-11 / 750 * 100vw);
  }
  .row_hairline03 .col {
    width: 49%;
    margin-right: 2% !important;
    max-width: 100%;
  }
  .row_hairline03 .col:nth-child(2n),
  .row_hairline03 .col:last-child {
    margin-right: 0 !important;
  }
  .row_hairline03 .col:not(:nth-child(-n + 2)) {
    margin-top: 2vw;
  }
  .row_hairline03 .ttl {
    height: calc(60 / 750 * 100vw);
    font-size: 0.875rem;
  }
  .row_hairline03 .ttl em {
    font-size: 1rem;
  }
  .bg_hairline03 {
    padding: 5vw 5% 6vw;
  }
  .row_hairline05.ai_end {
    align-items: center;
  }
  .row_hairline05 .col_l {
    width: calc(180 / 750 * 100vw);
    height: calc(180 / 750 * 100vw);
    margin-right: 2vw;
    font-size: 62.5%;
  }
  .row_hairline05 .col_l:after {
    width: calc(100% - 1vw);
    height: calc(100% - 1vw);
  }
  .row_hairline05 .col_r .copy:after {
    max-width: calc(832 / 750 * 100vw);
  }
  .box_hairline02 {
    padding: 5vw 5%;
  }
  .box_hairline02 .wrap {
    max-width: calc(650 / 750 * 100vw);
  }
  .box_hairline02 .box {
    font-size: 87.5%;
    letter-spacing: 0.05em;
    line-height: calc(55 / 750 * 100vw);
  }
  .row_hairline06.start {
    justify-content: center;
  }
  .row_hairline06 .col_l {
    width: calc(130 / 750 * 100vw);
    height: calc(130 / 750 * 100vw);
    margin-right: 4vw;
    font-size: 75%;
  }
  .row_hairline06 .col_r .txt01 {
    font-size: 100%;
  }
  .row_hairline06 .col_r .txt01 span {
    padding: 0 2vw;
  }
  .row_hairline06 .col_r .txt02 {
    font-size: 237.5%;
  }
  .row_hairline05 .col_r .copy {
    font-size: 100%;
    line-height: 1.5;
    padding-bottom: 2vw;
    margin-bottom: 1vw;
  }
  .row_hairline05 .col_r .ttl {
    font-size: 112.5%;
  }
  .bg_hairline04 .ttl {
    font-size: 137.5%;
    letter-spacing: 0;
    max-width: 100%;
  }
  .bg_hairline04 .en {
    width: 50%;
    bottom: -0.5vw;
  }
}

/* ハゲ・AGA（男性型脱毛症）・FAGA（女性型脱毛症） baldness
------------------------------------------------------------------*/
.img_baldness01 {
  max-width: 1000px;
}
@media (min-width: 768px) and (max-width: 1599px) {
}
@media (min-width: 768px) and (max-width: 1299px) {
}
@media (max-width: 767px) {
  .img_baldness01 {
    max-width: 100%;
  }
}

/* 女性へアライン矯正 hairline
------------------------------------------------------------------*/
@media (min-width: 768px) and (max-width: 1599px) {
}
@media (min-width: 768px) and (max-width: 1299px) {
}
@media (max-width: 767px) {
}

/* 症例紹介 case
------------------------------------------------------------------*/
.tab_case {
  border-bottom: 3px solid var(--color-text);
}
.tab_case li {
  width: calc(400 / 1920 * 100vw);
}
.tab_case li a {
  height: calc(70 / 1920 * 100vw);
  border: 1px solid var(--color-text);
  color: var(--color-text);
  transition: 0.3s;
  border-bottom: none;
}
.tab_case li a.active {
  background: var(--color-text);
  border-color: var(--color-text);
  color: #fff;
  transition: 0.3s;
}
.ttl_case02 {
  height: calc(70 / 1920 * 100vw);
}
.ttl_case02:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-top: calc(12 / 1920 * 100vw) solid var(--color-bg);
  border-right: calc(16 / 1920 * 100vw) solid transparent;
  border-left: calc(16 / 1920 * 100vw) solid transparent;
  margin: auto;
  right: 0;
  left: 0;
  bottom: calc(-11 / 1920 * 100vw);
}
.wrap_case .bg_case01:not(:last-of-type) {
  margin-bottom: calc(60 / 1920 * 100vw);
}
.area_case_common01:not(:last-of-type) {
  margin-bottom: calc(60 / 1920 * 100vw);
}
.wrap_case01 {
  position: relative;
}
.wrap_case01 .deco01 {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
.wrap_case01 .deco02 {
  position: absolute;
  right: calc(6 / 1920 * 100vw);
  bottom: calc(-8 / 1920 * 100vw);
  z-index: -1;
}
.wrap_case01 .ttl {
  font-size: 177.77%;
  letter-spacing: 0.1em;
}
.box_case01 {
  position: relative;
  padding: calc(30 / 1920 * 100vw) calc(50 / 1920 * 100vw)
    calc(60 / 1920 * 100vw);
}
.unit_case .en {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  transform: translateY(-50%);
}
.unit_case .en span {
  font-size: 277.77%;
  letter-spacing: 0.1em;
}
.wrap_case02 {
  max-width: 580px;
}
.wrap_case02 .ja {
  font-size: 166.6%;
  letter-spacing: 0.1em;
}
.unit_case .area_case_search dt {
  width: calc(160 / 1920 * 100vw);
  height: calc(38 / 1920 * 100vw);
  color: #fff;
  background: #555;
  position: relative;
  z-index: 1;
}
.unit_case .area_case_search dt::before {
  content: "";
  width: 0;
  height: 0;
  border-left: calc(13 / 1920 * 100vw) solid #555;
  border-top: calc(19 / 1920 * 100vw) solid transparent;
  border-bottom: calc(19 / 1920 * 100vw) solid transparent;
  position: absolute;
  top: 0;
  bottom: 0;
  right: calc(-13 / 1920 * 100vw);
}
.unit_case .area_case_search dd {
  width: calc(100% - calc(180 / 1920 * 100vw));
  margin-bottom: calc(10 / 1920 * 100vw);
}
.unit_case .area_case_search select {
  width: 100%;
  padding: calc(4 / 1920 * 100vw) 4%;
  background: #fff;
  border: solid 1px #ccc;
  line-height: 1.5;
  letter-spacing: 0.1em;
}
.btn_case {
  max-width: 350px;
}
.btn_case:before,
.btn_case:after {
  content: "";
  position: absolute;
  width: calc(30 / 1920 * 100vw);
  height: 0;
  border-top: 1px solid #fff;
  border-bottom: none;
  border-right: none;
  transform: rotate(0);
  right: calc(20 / 1920 * 100vw);
  top: 0;
  bottom: 0;
  margin: auto;
}
.btn_case:after {
  width: calc(9 / 1920 * 100vw);
  transform: rotate(45deg);
  top: calc(-7 / 1920 * 100vw);
}
.btn_case input {
  padding: calc(30 / 1920 * 100vw) calc(5 / 1920 * 100vw);
  font-size: 111.11%;
  background: #555;
}
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; /* デフォルトの矢印を非表示 */
}
select::-ms-expand {
  display: none; /* デフォルトの矢印を非表示(IE用) */
}
.wrap_case02 dd {
  position: relative;
}
.wrap_case02 dd:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: calc(10 / 1920 * 100vw) calc(5 / 1920 * 100vw) 0
    calc(5 / 1920 * 100vw);
  border-color: #707070 transparent transparent transparent;
  top: 0;
  bottom: 0;
  right: calc(15 / 1920 * 100vw);
  margin: auto;
}
.wrap_case03:last-child {
  margin-bottom: 0 !important;
}
.unit_case .tbl_case01 .label01 {
  margin-bottom: calc(8 / 1920 * 100vw);
}
.unit_case label,
.unit_case input[type="checkbox"] {
  cursor: pointer;
}
@media (min-width: 768px) and (max-width: 1599px) {
  .tab_case li {
    width: calc(400 / 1599 * 100vw);
  }
  .tab_case li a {
    height: calc(70 / 1599 * 100vw);
  }
  .ttl_case02 {
    height: calc(70 / 1599 * 100vw);
  }
  .ttl_case02:after {
    border-top: calc(12 / 1599 * 100vw) solid var(--color-bg);
    border-right: calc(16 / 1599 * 100vw) solid transparent;
    border-left: calc(16 / 1599 * 100vw) solid transparent;
    bottom: calc(-11 / 1599 * 100vw);
  }
  .wrap_case .bg_case01:not(:last-of-type) {
    margin-bottom: calc(60 / 1599 * 100vw);
  }
  .area_case_common01:not(:last-of-type) {
    margin-bottom: calc(60 / 1599 * 100vw);
  }
  .wrap_case01 .deco02 {
    right: calc(6 / 1599 * 100vw);
    bottom: calc(-8 / 1599 * 100vw);
  }
  .box_case01 {
    padding: calc(30 / 1599 * 100vw) calc(50 / 1599 * 100vw)
      calc(60 / 1599 * 100vw);
  }
  .unit_case .area_case_search dt {
    width: calc(160 / 1599 * 100vw);
    height: calc(38 / 1599 * 100vw);
  }
  .unit_case .area_case_search dt::before {
    border-left: calc(13 / 1599 * 100vw) solid #555;
    border-top: calc(19 / 1599 * 100vw) solid transparent;
    border-bottom: calc(19 / 1599 * 100vw) solid transparent;
    right: calc(-13 / 1599 * 100vw);
  }
  .unit_case .area_case_search dd {
    width: calc(100% - calc(180 / 1599 * 100vw));
    margin-bottom: calc(10 / 1599 * 100vw);
  }
  .unit_case .area_case_search select {
    padding: calc(4 / 1599 * 100vw) 4%;
  }
  .btn_case:before,
  .btn_case:after {
    width: calc(30 / 1599 * 100vw);
    right: calc(20 / 1599 * 100vw);
  }
  .btn_case:after {
    width: calc(9 / 1599 * 100vw);
    top: calc(-7 / 1599 * 100vw);
  }
  .btn_case input {
    padding: calc(30 / 1599 * 100vw) calc(5 / 1599 * 100vw);
  }
  .wrap_case02 dd:before {
    border-width: calc(10 / 1599 * 100vw) calc(5 / 1599 * 100vw) 0
      calc(5 / 1599 * 100vw);
    right: calc(15 / 1599 * 100vw);
  }
}
@media (min-width: 768px) and (max-width: 1299px) {
  .tab_case li {
    width: calc(400 / 1299 * 100vw);
  }
  .tab_case li a {
    height: calc(70 / 1299 * 100vw);
  }
  .ttl_case02 {
    height: calc(70 / 1299 * 100vw);
  }
  .ttl_case02:after {
    border-top: calc(12 / 1299 * 100vw) solid var(--color-bg);
    border-right: calc(16 / 1299 * 100vw) solid transparent;
    border-left: calc(16 / 1299 * 100vw) solid transparent;
    bottom: calc(-11 / 1299 * 100vw);
  }
  .wrap_case .bg_case01:not(:last-of-type) {
    margin-bottom: calc(60 / 1299 * 100vw);
  }
  .area_case_common01:not(:last-of-type) {
    margin-bottom: calc(60 / 1299 * 100vw);
  }
  .wrap_case01 .deco02 {
    right: calc(6 / 1299 * 100vw);
    bottom: calc(-8 / 1299 * 100vw);
  }
  .box_case01 {
    padding: calc(30 / 1299 * 100vw) calc(50 / 1299 * 100vw)
      calc(60 / 1299 * 100vw);
  }
  .unit_case .area_case_search dt {
    width: calc(160 / 1299 * 100vw);
    height: calc(38 / 1299 * 100vw);
  }
  .unit_case .area_case_search dt::before {
    border-left: calc(13 / 1299 * 100vw) solid #555;
    border-top: calc(19 / 1299 * 100vw) solid transparent;
    border-bottom: calc(19 / 1299 * 100vw) solid transparent;
    right: calc(-13 / 1299 * 100vw);
  }
  .unit_case .area_case_search dd {
    width: calc(100% - calc(180 / 1299 * 100vw));
    margin-bottom: calc(10 / 1299 * 100vw);
  }
  .unit_case .area_case_search select {
    padding: calc(4 / 1299 * 100vw) 4%;
  }
  .btn_case:before,
  .btn_case:after {
    width: calc(30 / 1299 * 100vw);
    right: calc(20 / 1299 * 100vw);
  }
  .btn_case:after {
    width: calc(9 / 1299 * 100vw);
    top: calc(-7 / 1299 * 100vw);
  }
  .btn_case input {
    padding: calc(30 / 1299 * 100vw) calc(5 / 1299 * 100vw);
  }
  .wrap_case02 dd:before {
    border-width: calc(10 / 1299 * 100vw) calc(5 / 1299 * 100vw) 0
      calc(5 / 1299 * 100vw);
    right: calc(15 / 1299 * 100vw);
  }
}
@media (max-width: 767px) {
  .tab_case li {
    width: 49%;
  }
  .tab_case li:nth-child(2n + 1) {
    margin-right: 2%;
  }
  .tab_case li a {
    font-size: 0.875rem;
    list-style-type: 0;
    height: calc(80 / 750 * 100vw);
  }
  .ttl_case02 {
    font-size: 1.125rem;
    letter-spacing: 0;
    height: calc(80 / 750 * 100vw);
  }
  .ttl_case02:after {
    border-top: calc(12 / 750 * 100vw) solid var(--color-bg);
    border-right: calc(16 / 750 * 100vw) solid transparent;
    border-left: calc(16 / 750 * 100vw) solid transparent;
    bottom: calc(-11 / 750 * 100vw);
  }
  .bg_case01 .ttl {
    font-size: 1.25rem;
  }
  .bg_case01 .ttl em {
    font-size: 1.5rem;
  }
  .wrap_case .bg_case01:not(:last-of-type) {
    margin-bottom: calc(60 / 750 * 100vw);
  }
  .area_case_common01:not(:last-of-type) {
    margin-bottom: calc(60 / 750 * 100vw);
  }
  .wrap_case01 .ttl {
    font-size: 125%;
  }
  .wrap_case02 dd:before {
    border-width: calc(20 / 750 * 100vw) calc(10 / 750 * 100vw) 0
      calc(10 / 750 * 100vw);
    right: 2vw;
  }
  .wrap_case01 .txt {
    text-align: left;
    max-width: calc(646 / 750 * 100vw);
    margin-left: auto;
    margin-right: auto;
  }
  .wrap_case01 {
    padding-top: 8vw;
  }
  .wrap_case01 .deco01 {
    width: calc(190 / 750 * 100vw);
    left: -3vw;
  }
  .wrap_case01 .deco02 {
    width: calc(109 / 750 * 100vw);
    right: -4vw;
    bottom: -4vw;
  }
  .wrap_case02 {
    max-width: 100%;
  }
  .wrap_case02 .ja {
    font-size: calc(40 / 750 * 100vw);
  }
  .unit_case .en span {
    font-size: calc(75 / 750 * 100vw);
  }
  .unit_case .area_case_search dt {
    width: 100%;
    height: calc(76 / 750 * 100vw);
  }
  .unit_case .area_case_search dt::before {
    content: none;
  }
  .unit_case .area_case_search dd {
    width: 100%;
    height: calc(76 / 750 * 100vw);
  }
  .unit_case .en {
    top: 1vw;
  }
  .box_case01 {
    padding: 6vw 5% 7vw;
  }
  .btn_case input {
    padding: 5vw 5%;
    font-size: calc(32 / 750 * 100vw);
  }
  .btn_case {
    width: calc(550 / 750 * 100vw);
    max-width: 100%;
  }
}

/* リスク・副作用
------------------------------------------------------------------*/
.box_risk01 .box {
  max-height: 180px;
  height: auto;
  touch-action: auto !important;
  position: relative;
}
/*.risk > iframe {
	height: 260px!important;
	width: calc(100% + 17px)!important;
}
.risk.inner1000 {
	max-width: 1000px!important;
	width: 90%!important;
}
.box_risk01 {
	padding: calc(38 / 1920 * 100vw) calc(50 / 1920 * 100vw) calc(40 / 1920 * 100vw)!important;
	font-size: calc(18 / 1920 * 100vw)!important;
	border: 1px solid #333;
	min-height: 260px!important;
}
.box_risk01 .box {
	overflow: hidden;
	position: relative;
	padding: 0 calc(20 / 1920 * 100vw) 0 0!important;
	max-height: 180px!important;
	height: auto;
	touch-action: auto !important;
}
.box_risk01 .ttl {
	margin-bottom: calc(7 / 1920 * 100vw)!important;
	font-size: 1.125rem!important;
	letter-spacing: .1em!important;
}
.box_risk01 .txt {
	font-size: 1rem!important;
	letter-spacing: .1em!important;
}*/
@media (min-width: 768px) and (max-width: 1599px) {
  /*.risk > iframe {
		height: calc(262 / 1599*100vw)!important;
	}
	.risk.tab > iframe {
		width: 100%!important;
	}
	.box_risk01 {
		padding: calc(38 / 1599 * 100vw) calc(50 / 1599 * 100vw) calc(40 / 1599 * 100vw)!important;
		font-size: calc(18 / 1599 * 100vw)!important;
		min-height: calc(260 / 1599 * 100vw );
	}
	.box_risk01 .box {
		padding: 0 calc(20 / 1599 * 100vw) 0 0!important;
		max-height: calc(180 / 1599 * 100vw)!important;
	}
	.box_risk01 .ttl {
		margin-bottom: calc(7 / 1599 * 100vw)!important;
	}*/
}
@media (min-width: 751px) and (max-width: 1299px) {
  /*.risk > iframe {
		height: calc(262 / 1299*100vw)!important;
	}
	.box_risk01 {
		padding: calc(38 / 1299 * 100vw) calc(50 / 1299 * 100vw) calc(40 / 1299 * 100vw)!important;
		font-size: calc(18 / 1299 * 100vw)!important;
		min-height: calc(260 / 1299 * 100vw );
	}
	.box_risk01 .box {
		padding: 0 calc(20 / 1299 * 100vw) 0 0!important;
		max-height: calc(180 / 1299 * 100vw)!important;
	}
	.box_risk01 .ttl {
		margin-bottom: calc(7 / 1299 * 100vw)!important;
	}*/
}
@media (max-width: 767px) {
  .box_risk01 .box {
    max-height: calc(420 / 750 * 100vw);
  }
  .box_risk01 .txt {
    letter-spacing: 0;
  }
  /*.risk > iframe {
		width: 100%!important;
	}
	.sp.risk.inner1000 {
		max-width: calc(702 / 750 * 100vw)!important;
		width: 100%!important;
	}
	.sp.risk iframe {
		height: calc(500 / 750 * 100vw)!important;
	}
	.sp.box_risk01 {
		font-size: 4.27vw!important;
		padding: 5vw 5% 5vw!important;
		min-height: calc(500 / 750 * 100vw)!important;
	}
	.sp.box_risk01 .box {
		max-height: calc(420 / 750 * 100vw)!important;
		padding: 0 3vw 0 0!important;
	}
	.sp.box_risk01 .ttl {
		margin-bottom: 2vw!important;
		font-size: 112.5%!important;
		letter-spacing: 0!important;
	}
	.sp.box_risk01 .txt {
		font-size: 100%!important;
		letter-spacing: 0!important;
	}
	.sp.risk .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y, .sp.risk .ps-container > .ps-scrollbar-y-rail {
		right: 0!important;
		width: 2px!important;
	}*/
}

/* 採用情報 recruit
------------------------------------------------------------------*/
.wrap_recruit01:after {
  content: "";
  width: 100%;
  height: calc(100% - calc(120 / 1920 * 100vw));
  position: absolute;
  background: var(--color-bg);
  left: 0;
  bottom: 0;
  z-index: -1;
}
.wrap_recruit01 h4 {
  color: var(--color-text) !important;
}
.txt_recruit01 {
  color: var(--color-text) !important;
}
.img_recruit01 {
  width: calc(500 / 1920 * 100vw);
}
.box_recruit01 {
  height: calc(160 / 1920 * 100vw);
}
.tbl_guideline01:not(:last-child) {
  margin-bottom: calc(100 / 1920 * 100vw);
}
.tbl_form table {
  border-color: var(--color-text);
}
.tbl_form th {
  background: #0d7bc1;
}
.tbl_form tr:not(:last-child) td {
  border-bottom-color: var(--color-text);
}
.tbl_recruit .require span:after {
  color: #283466;
}
.box_privacy {
  border-color: var(--color-text);
}
.btn_submit input {
  border: none;
  background: #283466;
}
@media (min-width: 768px) and (max-width: 1599px) {
  .wrap_recruit01:after {
    height: calc(100% - calc(120 / 1599 * 100vw));
  }
  .img_recruit01 {
    width: calc(500 / 1599 * 100vw);
  }
  .box_recruit01 {
    height: calc(160 / 1599 * 100vw);
  }
  .tbl_guideline01:not(:last-child) {
    margin-bottom: calc(100 / 1599 * 100vw);
  }
}
@media (min-width: 768px) and (max-width: 1299px) {
  .wrap_recruit01:after {
    height: calc(100% - calc(120 / 1299 * 100vw));
  }
  .img_recruit01 {
    width: calc(500 / 1299 * 100vw);
  }
  .box_recruit01 {
    height: calc(160 / 1299 * 100vw);
  }
  .tbl_guideline01:not(:last-child) {
    margin-bottom: calc(100 / 1299 * 100vw);
  }
}
@media (max-width: 767px) {
  .wrap_recruit01:after {
    height: calc(100% - calc(120 / 750 * 100vw));
  }
  .img_recruit01 {
    width: calc(500 / 750 * 100vw);
  }
  .box_recruit01 {
    height: calc(240 / 750 * 100vw);
  }
  .tbl_guideline01 td a {
    text-decoration: underline;
    color: var(--guideline-color);
  }
  .tbl_guideline01:not(:last-child) {
    margin-bottom: calc(100 / 750 * 100vw);
  }
}

/* モニター（自毛植毛体験者）募集中 monitor
------------------------------------------------------------------*/
.txt_monitor02 {
  height: calc(100 / 1920 * 100vw);
}
.txt_monitor02:before {
  content: "";
  position: absolute;
  width: calc(100% - calc(20 / 1920 * 100vw));
  height: calc(100% - calc(20 / 1920 * 100vw));
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border: 1px solid #fff;
  z-index: 0;
}
.row_monitor02 > .col {
  width: 49%;
  max-width: 600px;
  border: 1px solid #364584;
}
.row_monitor02 .ttl {
  height: calc(70 / 1920 * 100vw);
}
.row_monitor03 .col {
  width: 30.8%;
  max-width: 160px;
  margin-right: 3.8%;
}
.row_monitor03 .col:nth-child(3n),
.row_monitor03 .col:last-child {
  margin-right: 0;
}
.tbl_recruit .address input {
  width: 100%;
}
@media (min-width: 768px) and (max-width: 1599px) {
  .txt_monitor02 {
    height: calc(100 / 1599 * 100vw);
  }
  .txt_monitor02:before {
    width: calc(100% - calc(20 / 1599 * 100vw));
    height: calc(100% - calc(20 / 1599 * 100vw));
  }
  .row_monitor02 .ttl {
    height: calc(70 / 1599 * 100vw);
  }
}
@media (min-width: 768px) and (max-width: 1299px) {
  .txt_monitor02 {
    height: calc(100 / 1299 * 100vw);
  }
  .txt_monitor02:before {
    width: calc(100% - calc(20 / 1299 * 100vw));
    height: calc(100% - calc(20 / 1299 * 100vw));
  }
  .row_monitor02 .ttl {
    height: calc(70 / 1299 * 100vw);
  }
}
@media (max-width: 767px) {
  .txt_monitor02 {
    font-size: 1.25rem;
    letter-spacing: 0;
    height: auto;
    padding: 5vw 4vw 6vw;
    line-height: 1.5;
  }
  .txt_monitor02 em {
    font-size: 1.5rem;
    letter-spacing: 0;
  }
  .txt_monitor02:before {
    width: calc(100% - calc(20 / 750 * 100vw));
    height: calc(100% - calc(20 / 750 * 100vw));
  }
  .row_monitor02 {
    display: block;
  }
  .row_monitor02 > .col {
    width: 100%;
    max-width: 100%;
  }
  .row_monitor02 > .col_l {
    margin-bottom: 5vw;
  }
  .row_monitor02 .ttl {
    font-size: 1.125rem;
    letter-spacing: 0;
    height: calc(80 / 750 * 100vw);
  }
  .row_monitor03 .col {
    width: 32%;
    max-width: 100%;
    margin-right: 2%;
  }
  .row_monitor03 .txt {
    font-size: 0.875rem;
    letter-spacing: 0;
  }
  .tbl_recruit .address input {
    width: 100%;
  }
}

/* 初診カウンセリングWEB予約 reserve
------------------------------------------------------------------*/
.btn_reserve01.row_foot02 {
  max-width: 660px;
}
.btn_reserve01.row_foot02 .col {
  width: 100%;
  max-width: 660px;
}
.btn_reserve01.row_foot02 .col a {
  height: calc(120 / 1920 * 100vw);
}
.tbl_reserve.tbl_default th {
  background-color: #0d7bc1;
}
.tbl_reserve .btn_submit input:disabled {
  background: #283466;
}
.calendar {
  margin-top: -20px;
}
@media (min-width: 768px) and (max-width: 1599px) {
  .btn_reserve01.row_foot02 .col a {
    height: calc(120 / 1599 * 100vw);
  }
}
@media (min-width: 768px) and (max-width: 1299px) {
  .btn_reserve01.row_foot02 .col {
    width: 90%;
  }
  .btn_reserve01.row_foot02 .col a {
    height: calc(120 / 1299 * 100vw);
  }
}
@media (max-width: 767px) {
  .btn_reserve01.row_foot02 .col a {
    height: calc(120 / 750 * 100vw);
  }
}

/* お問い合わせ contact
------------------------------------------------------------------*/
.inv-recaptcha-holder {
  display: none !important;
}
@media (min-width: 768px) and (max-width: 1599px) {
}
@media (min-width: 768px) and (max-width: 1299px) {
}
@media (max-width: 767px) {
}

/* ブログ blog
------------------------------------------------------------------*/
#sidebar {
  width: 24%;
}
#sidebar h4 {
  background: var(--color-secondary);
  color: #fff;
  font-weight: 500;
  font-size: 1.25rem;
  line-height: calc(40 / 1920 * 100vw);
  margin-bottom: calc(4 / 1920 * 100vw);
  text-align: center;
}
#sidebar caption {
  margin-bottom: calc(5 / 1920 * 100vw);
}
#wp-calendar {
  width: 100%;
  margin-bottom: calc(10 / 1920 * 100vw);
}
#wp-calendar thead th {
  background: var(--color-quaternary);
  border: 1px solid var(--color-text);
  border-right-color: var(--color-text);
  font-size: 0.8125rem;
  font-weight: normal;
}
#wp-calendar tbody td {
  border: 1px solid var(--color-text);
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.8;
}
#wp-calendar tbody td a {
  color: #e84366;
  text-decoration: underline;
}
.wp-calendar-nav {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
  margin-bottom: calc(60 / 1920 * 100vw);
  line-height: 1.5;
}
.wp-calendar-nav-prev {
  padding-left: calc(10 / 1920 * 100vw);
}
.wp-calendar-nav-next {
  padding-right: calc(10 / 1920 * 100vw);
}
.wp-calendar-nav a {
  padding-bottom: calc(3 / 1920 * 100vw);
  border-bottom: 1px solid var(--color-text); /*--- Androidブラウザ用 ---*/ /*--- IE10 ---*/ /*--- safari（PC）用 ---*/
  display: flex; /*--- Androidブラウザ用 ---*/ /*--- IE10 ---*/ /*--- safari（PC）用 ---*/
  justify-content: space-between; /* Safari */
  flex-wrap: wrap;
}
#sidebar ul li {
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
#sidebar ul li a {
  border-bottom: 1px solid var(--color-text);
  padding-bottom: calc(4 / 1920 * 100vw);
  line-height: 2.1;
}
.post_main {
  width: 71%;
}
.navigation {
  /*--- Androidブラウザ用 ---*/ /*--- IE10 ---*/ /*--- safari（PC）用 ---*/
  display: flex; /*--- Androidブラウザ用 ---*/ /*--- IE10 ---*/ /*--- safari（PC）用 ---*/
  justify-content: space-between;
  margin-bottom: calc(60 / 1920 * 100vw);
}
.navigation li {
  width: calc(170 / 1920 * 100vw);
}
.navigation .navitop {
  text-align: center;
}
.navigation .naviright {
  text-align: right;
}
.navigation li a {
  padding-bottom: calc(4 / 1920 * 100vw);
  border-bottom: 1px solid #333;
}
.post_content img {
  max-width: 100%;
  height: auto;
}
.date_single {
  display: block;
  text-align: right;
  font-size: 0.8125rem;
  margin-top: calc(-30 / 1920 * 100vw);
  margin-bottom: calc(40 / 1920 * 100vw);
}
.post_content {
  line-height: 1.75;
}
.thmb {
  width: calc(120 / 1920 * 100vw);
}
.thmb img {
  height: calc(120 / 1920 * 100vw);
  -o-object-fit: cover;
  object-fit: cover;
}
.thmb a:hover .img_thmb {
  opacity: 0.75;
}
.txt_post {
  width: calc(100% - calc(140 / 1920 * 100vw));
}
.page_main section.blog_archive {
  padding-bottom: calc(35 / 1920 * 100vw);
  border-bottom: 1px solid var(--color-text);
}
.post_main section.blog_archive:not(:last-child) {
  margin-bottom: calc(40 / 1920 * 100vw);
}
.txt_post a {
  color: inherit;
}
.txt_post a:hover {
  text-decoration: underline;
}
.txt_post h4 {
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 1.7;
}
.txt_post .date {
  font-size: 0.75rem;
  color: #283466;
}
.txt_post .txt_excerpt {
  line-height: 1.75;
  margin-top: calc(8 / 1920 * 100vw);
}
.txt_post .txt_excerpt .more {
  color: var(--color-primary);
  text-decoration: underline;
}
.page_main .wp-pagenavi {
  margin-top: calc(60 / 1920 * 100vw);
  text-align: center;
  font-size: 0.875rem;
}
.page_main .wp-pagenavi a,
.page_main .wp-pagenavi span {
  text-decoration: none;
  border: 1px solid var(--color-text);
  color: var(--color-text);
  padding: 0 calc(10 / 1920 * 100vw);
  margin: calc(2 / 1920 * 100vw);
  display: inline-block;
}
.page_main .wp-pagenavi span.pages {
  padding: 0 calc(11 / 1920 * 100vw);
}
.page_main .wp-pagenavi a:hover,
.page_main .wp-pagenavi span.current {
  border-color: var(--color-text);
  background: var(--color-text);
  color: #fff;
}
.page_main .wp-pagenavi span.current {
  font-weight: normal;
}
.post_content li {
  list-style: inherit;
  margin-left: 1.5em;
}
.single_post > h3 {
  border-bottom: 3px solid var(--color-text);
  line-height: 1.6;
}
.single_post > h3:before {
  content: "";
  position: absolute;
  width: calc(100 / 1920 * 100vw);
  height: 3px;
  left: 0;
  bottom: -3px;
  background: var(--color-text);
}
@media (min-width: 768px) and (max-width: 1599px) {
  #sidebar h4 {
    line-height: calc(40 / 1599 * 100vw);
    margin-bottom: calc(4 / 1599 * 100vw);
  }
  #sidebar caption {
    margin-bottom: calc(5 / 1599 * 100vw);
  }
  #wp-calendar {
    margin-bottom: calc(10 / 1599 * 100vw);
  }
  #wp-calendar tfoot td#prev {
    padding-top: calc(8 / 1599 * 100vw);
    padding-left: calc(10 / 1599 * 100vw);
  }
  #wp-calendar tfoot td#next {
    padding-top: calc(8 / 1599 * 100vw);
    padding-right: calc(10 / 1599 * 100vw);
  }
  #wp-calendar tfoot td a {
    padding-bottom: calc(3 / 1599 * 100vw);
  }
  .wp-calendar-nav {
    margin-bottom: calc(60 / 1599 * 100vw);
  }
  .wp-calendar-nav-prev {
    padding-left: calc(10 / 1599 * 100vw);
  }
  .wp-calendar-nav-next {
    padding-right: calc(10 / 1599 * 100vw);
  }
  .wp-calendar-nav a {
    padding-bottom: calc(3 / 1599 * 100vw);
  }
  #sidebar ul li a {
    padding-bottom: calc(4 / 1599 * 100vw);
  }
  .navigation {
    margin-bottom: calc(60 / 1599 * 100vw);
  }
  .navigation li {
    width: calc(170 / 1599 * 100vw);
  }
  .navigation li a {
    padding-bottom: calc(4 / 1599 * 100vw);
  }
  .date_single {
    margin-top: calc(-30 / 1599 * 100vw);
    margin-bottom: calc(40 / 1599 * 100vw);
  }
  .thmb img {
    height: calc(120 / 1599 * 100vw);
  }
  .thmb {
    width: calc(120 / 1599 * 100vw);
  }
  .txt_post {
    width: calc(100% - calc(140 / 1599 * 100vw));
  }
  .page_main section.blog_archive {
    padding-bottom: calc(35 / 1599 * 100vw);
  }
  .post_main section.blog_archive:not(:last-child) {
    margin-bottom: calc(40 / 1599 * 100vw);
  }
  .txt_post .txt_excerpt {
    margin-top: calc(8 / 1599 * 100vw);
  }
  .page_main .wp-pagenavi {
    margin-top: calc(60 / 1599 * 100vw);
  }
  .page_main .wp-pagenavi a,
  .page_main .wp-pagenavi span {
    padding: 0 calc(10 / 1599 * 100vw);
    margin: calc(2 / 1599 * 100vw);
  }
  .page_main .wp-pagenavi span.pages {
    padding: 0 calc(11 / 1599 * 100vw);
  }
  .single_post > h3:before {
    width: calc(100 / 1599 * 100vw);
  }
}
@media (min-width: 768px) and (max-width: 1299px) {
  #sidebar h4 {
    line-height: calc(40 / 1299 * 100vw);
    margin-bottom: calc(4 / 1299 * 100vw);
  }
  #sidebar caption {
    margin-bottom: calc(5 / 1299 * 100vw);
  }
  #wp-calendar {
    margin-bottom: calc(10 / 1299 * 100vw);
  }
  #wp-calendar tfoot td#prev {
    padding-top: calc(8 / 1299 * 100vw);
    padding-left: calc(10 / 1299 * 100vw);
  }
  #wp-calendar tfoot td#next {
    padding-top: calc(8 / 1299 * 100vw);
    padding-right: calc(10 / 1299 * 100vw);
  }
  #wp-calendar tfoot td a {
    padding-bottom: calc(3 / 1299 * 100vw);
  }
  .wp-calendar-nav {
    margin-bottom: calc(60 / 1299 * 100vw);
  }
  .wp-calendar-nav-prev {
    padding-left: calc(10 / 1299 * 100vw);
  }
  .wp-calendar-nav-next {
    padding-right: calc(10 / 1299 * 100vw);
  }
  .wp-calendar-nav a {
    padding-bottom: calc(3 / 1299 * 100vw);
  }
  #sidebar ul li a {
    padding-bottom: calc(4 / 1299 * 100vw);
  }
  .navigation {
    margin-bottom: calc(60 / 1299 * 100vw);
  }
  .navigation li {
    width: calc(170 / 1299 * 100vw);
  }
  .navigation li a {
    padding-bottom: calc(4 / 1299 * 100vw);
  }
  .date_single {
    margin-top: calc(-30 / 1299 * 100vw);
    margin-bottom: calc(40 / 1299 * 100vw);
  }
  .thmb img {
    height: calc(120 / 1299 * 100vw);
  }
  .thmb {
    width: calc(120 / 1299 * 100vw);
  }
  .txt_post {
    width: calc(100% - calc(140 / 1299 * 100vw));
  }
  .page_main section.blog_archive {
    padding-bottom: calc(35 / 1299 * 100vw);
  }
  .post_main section.blog_archive:not(:last-child) {
    margin-bottom: calc(40 / 1299 * 100vw);
  }
  .txt_post .txt_excerpt {
    margin-top: calc(8 / 1299 * 100vw);
  }
  .page_main .wp-pagenavi {
    margin-top: calc(60 / 1299 * 100vw);
  }
  .page_main .wp-pagenavi a,
  .page_main .wp-pagenavi span {
    padding: 0 calc(10 / 1299 * 100vw);
    margin: calc(2 / 1299 * 100vw);
  }
  .page_main .wp-pagenavi span.pages {
    padding: 0 calc(11 / 1299 * 100vw);
  }
  .single_post > h3:before {
    width: calc(100 / 1299 * 100vw);
  }
}
@media (max-width: 767px) {
  .page_main {
    display: block !important;
  }
  #sidebar {
    width: 100%;
  }
  #sidebar h4 {
    line-height: calc(80 / 750 * 100vw);
    margin: calc(4 / 750 * 100vw);
  }
  #sidebar caption {
    margin-bottom: calc(5 / 750 * 100vw);
  }
  #wp-calendar {
    margin-bottom: calc(10 / 750 * 100vw);
  }
  #wp-calendar tfoot td#prev {
    padding-top: calc(8 / 750 * 100vw);
    padding-left: calc(10 / 750 * 100vw);
  }
  #wp-calendar tfoot td#next {
    padding-top: calc(8 / 750 * 100vw);
    padding-right: calc(10 / 750 * 100vw);
  }
  #wp-calendar tfoot td a {
    padding-bottom: calc(3 / 750 * 100vw);
  }
  .wp-calendar-nav {
    margin-bottom: calc(60 / 750 * 100vw);
  }
  .wp-calendar-nav-prev {
    padding-left: calc(10 / 750 * 100vw);
  }
  .wp-calendar-nav-next {
    padding-right: calc(10 / 750 * 100vw);
  }
  .wp-calendar-nav a {
    padding-bottom: calc(3 / 750 * 100vw);
  }
  #sidebar ul li a {
    padding-bottom: calc(4 / 750 * 100vw);
  }
  .navigation li a {
    padding-bottom: calc(4 / 750 * 100vw);
  }
  .post_main {
    width: 100%;
    margin-bottom: 20vw;
  }
  .date_single {
    margin-top: calc(-30 / 750 * 100vw);
    margin-bottom: calc(40 / 750 * 100vw);
  }
  .thmb {
    width: calc(210 / 750 * 100vw);
  }
  .thmb img {
    height: calc(210 / 750 * 100vw);
  }
  .txt_post {
    width: 66%;
  }
  .txt_post .txt_excerpt {
    margin-top: calc(8 / 750 * 100vw);
  }
  .navigation {
    margin-bottom: calc(60 / 750 * 100vw);
  }
  .navigation li {
    width: calc(200 / 750 * 100vw);
  }
  .page_main .wp-pagenavi {
    margin-top: calc(60 / 750 * 100vw);
  }
  .page_main .wp-pagenavi span.pages,
  .page_main .wp-pagenavi a,
  .page_main .wp-pagenavi span {
    padding: 0.5vw 2vw;
    margin: calc(4 / 750 * 100vw);
  }
  .page_main section.blog_archive {
    padding-bottom: 6vw;
  }
  .post_main section.blog_archive:not(:last-child) {
    margin-bottom: 6vw;
  }
  .post_main .wp-pagenavi {
    margin-top: 12vw; /*--- Androidブラウザ用 ---*/ /*--- IE10 ---*/ /*--- safari（PC）用 ---*/
    display: flex; /*--- Androidブラウザ用 ---*/ /*--- IE10 ---*/
    -ms-justify-content: center;
    justify-content: center; /* Safari */
    flex-wrap: wrap;
  }
  .single_post > h3 {
    letter-spacing: 0;
    font-size: 1.1875rem;
    padding: 0 0 2vw;
  }
  .single_post > h3:before {
    width: calc(100 / 750 * 100vw);
  }
}
.grecaptcha-badge {
  visibility: hidden;
}

/* 簡易ページ
simple-section
------------------------------------------------------------------*/
.simple__title {
  font-size: var(--fz24);
  line-height: 1.4;
  letter-spacing: 0.1em;
  border-top: 1px solid var(--color-secondary);
  border-bottom: 1px solid var(--color-secondary);
  padding-block: calc(40 / 1920 * 100vw);
  margin-bottom: calc(40 / 1920 * 100vw);
}

.simple__subtitle {
  font-size: var(--fz20);
  line-height: 1.4;
  letter-spacing: 0.1em;
  margin-top: calc(60 / 1920 * 100vw);
  margin-bottom: calc(32 / 1920 * 100vw);
}
.simple__button {
  margin-top: calc(40 / 1920 * 100vw);
  margin-bottom: calc(30 / 1920 * 100vw);
}

@media screen and (max-width: 1599px) {
  .simple__title {
    padding-block: calc(40 / 1599 * 100vw);
    margin-bottom: calc(40 / 1599 * 100vw);
  }
  .simple__subtitle {
    margin-top: calc(60 / 1599 * 100vw);
    margin-bottom: calc(32 / 1599 * 100vw);
  }
  .simple__button {
    margin-top: calc(40 / 1599 * 100vw);
    margin-bottom: calc(30 / 1599 * 100vw);
  }
}

@media screen and (max-width: 1440px) {
  .simple__title {
    padding-block: calc(40 / 1440 * 100vw);
    margin-bottom: calc(40 / 1440 * 100vw);
  }
  .simple__subtitle {
    margin-top: calc(60 / 1440 * 100vw);
    margin-bottom: calc(32 / 1440 * 100vw);
  }
  .simple__button {
    margin-top: calc(40 / 1440 * 100vw);
    margin-bottom: calc(30 / 1440 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .simple__title {
    font-size: var(--fz18);
    padding-block: calc(20 / 375 * 100vw);
    margin-bottom: calc(20 / 375 * 100vw);
  }
  .simple__subtitle {
    font-size: var(--fz16);
    margin-top: calc(40 / 375 * 100vw);
    margin-bottom: calc(20 / 375 * 100vw);
  }
  .simple__button {
    margin-top: calc(32 / 375 * 100vw);
    margin-bottom: calc(24 / 375 * 100vw);
  }
}