@charset "UTF-8";
@-webkit-keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* ----------------------------------------------------------------------------------
リセット　_reset.scss
---------------------------------------------------------------------------------- */
html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

*, *::before, *::after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

ol, ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-size: inherit;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

/* ----------------------------------------------------------------------------------
モジュール　_module.scss
---------------------------------------------------------------------------------- */
/* clearfix -------------------------------------- */
.cf::before,
.cf::after {
  content: "";
  display: block;
}

.cf::after {
  clear: both;
}

/* float -------------------------------------- */
.fl_l {
  float: left;
}

.fl_r {
  float: right;
}

/* txt -------------------------------------- */
.txt_c {
  text-align: center;
}

.txt_l {
  text-align: left;
}

.txt_r {
  text-align: right;
}

.bold {
  font-weight: bold;
}

.red {
  color: rgb(183, 10, 13);
}

.d-inline {
  display: inline-block;
}

/* 囲い文字 -------------------------------------- */
*[class*=frame_] {
  border-radius: 10px;
  padding: 1rem;
  margin-bottom: 2rem;
}
@media screen and (min-width: 48em), print {
  *[class*=frame_] {
    padding: 2rem 1rem 2rem 2rem;
    margin-bottom: 3rem;
  }
}
*[class*=frame_].frame_01 {
  background: #FBF9E4;
}
*[class*=frame_].frame_02 {
  background: #E7F6F6;
}

/* img -------------------------------------- */
.img_c {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 1rem auto;
}

.img_l, .img_r {
  display: block;
  max-width: 80%;
  height: auto;
  margin: 1rem auto;
}

@media screen and (min-width: 48em), print {
  .img_l {
    float: left;
    margin: 0 2rem 2rem 0;
  }
  .img_r {
    float: right;
    margin: 0 0 2rem 2rem;
  }
}
/* PC・SP　表示・非表示 -------------------------------------- */
.sp_n {
  display: none;
}

@media screen and (min-width: 48em), print {
  .sp_n {
    display: block;
  }
  .pc_n {
    display: none;
  }
}
/* マージン・パディング回り -------------------------------------- */
.mt40 {
  margin-top: 4rem;
}

.mt30 {
  margin-top: 3rem;
}

.mt20 {
  margin-top: 2rem;
}

.mt10 {
  margin-top: 1rem;
}

.main > section ~ section, .flex2 > section ~ section {
  margin-top: 4rem;
}

.main > section section ~ section, .flex2 > section section ~ section {
  margin-top: 3rem;
}

.main > section > section section ~ section, .flex2 > section > section section ~ section {
  margin-top: 2rem;
}

.main > section > section > section section ~ section, .flex2 > section > section > section section ~ section {
  margin-top: 2rem;
}

@media screen and (min-width: 48em), print {
  .mt40 {
    margin-top: 8rem;
  }
  .mt30 {
    margin-top: 6rem;
  }
  .mt20 {
    margin-top: 4rem;
  }
  .mt10 {
    margin-top: 2rem;
  }
  .main > section ~ section, .flex2 > section ~ section {
    margin-top: 8rem;
  }
  .main > section section ~ section, .flex2 > section section ~ section {
    margin-top: 6rem;
  }
  .main > section > section section ~ section, .flex2 > section > section section ~ section {
    margin-top: 4rem;
  }
  .main > section > section > section section ~ section, .flex2 > section > section > section section ~ section {
    margin-top: 2rem;
  }
}
/* タイムテーブル -------------------------------------- */
.tbl_time {
  width: 100%;
  caption-side: bottom;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 1.4rem;
  table-layout: fixed;
}
.tbl_time caption {
  text-align: left;
}
.tbl_time caption dl div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 0 0.6rem;
}
.tbl_time caption dl div dt {
  border: 1px solid #4470D6;
  color: #4470D6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 8rem;
  margin-right: 0.6rem;
}
.tbl_time caption dl div dd {
  margin: 0;
  line-height: 1.2;
}
.tbl_time tr th {
  font-weight: normal;
}
.tbl_time tr th[scope=col] {
  padding: 0.4rem 0;
  background: #4470D6;
  font-size: 1.2rem;
  color: #fff;
  font-weight: bold;
}
.tbl_time tr th[scope=col]:first-child {
  width: 32%;
}
.tbl_time tr th.time {
  background: #fff;
  font-size: 1.2rem;
  font-weight: bold;
  border-bottom: 1px solid #D9D9D9;
}
.tbl_time tr td {
  text-align: center;
  padding: 1rem 0.4rem;
  background: #fff;
  color: #4470D6;
  border-bottom: 1px solid #D9D9D9;
  line-height: 1;
}

@media screen and (min-width: 48em), print {
  .tbl_time {
    font-size: 1.8rem;
  }
  .tbl_time caption {
    font-size: 1.6rem;
  }
  .tbl_time caption dl div {
    margin: 0 0 1rem;
  }
  .tbl_time caption dl div dt {
    font-weight: bold;
    margin-right: 1.5rem;
    width: 10rem;
  }
  .tbl_time caption dl div dd {
    font-size: 1.7rem;
  }
  .tbl_time tr th[scope=col] {
    padding: 0.6rem 0;
    font-size: 1.8rem;
  }
  .tbl_time tr th[scope=col]:first-child {
    width: 30%;
  }
  .tbl_time tr th.time {
    padding: 2.4rem 0;
    font-size: 1.8rem;
  }
  .tbl_time tr td {
    padding: 1rem 0;
  }
}
/* グーグルマップ -------------------------------------- */
.gmap {
  width: 100%;
}
.gmap iframe {
  width: 100%;
  height: 100%;
  border: none;
}

/* タイトル回り -------------------------------------- */
.tit_01 {
  background: url(../img/tit_01.jpg) no-repeat center/cover;
  font-size: 2.2rem;
  color: #36556D;
  font-weight: bold;
  font-family: "shippori", YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
  text-shadow: 0 0 6px #fff, 0 0 8px #fff, 0 0 10px #fff, 0 0 12px #fff, 0 0 12px #fff;
  height: 10rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  margin: 0 0 1rem;
  position: relative;
}
.tit_01::after {
  content: "";
  display: block;
  width: 100%;
  height: 2rem;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -0.2rem;
  margin: auto;
  background: url("../img/a_kv_parts01.svg") no-repeat center/contain;
}

.tit_02 {
  color: #292929;
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
  margin: 0 0 2rem;
  padding: 0;
  line-height: 1.2;
}
.tit_02 span {
  display: block;
  margin: 0.2rem auto 0;
  color: #5592C2;
  font-size: 1.2rem;
  text-align: center;
}

body:not(.index) .tit_02::after {
  content: "";
  display: block;
  margin: 0.6rem auto 0;
  width: 6rem;
  height: 0.2rem;
  background: #4470D6;
}
body:not(.index) .tit_02 span {
  all: unset;
}

.tit_03 {
  color: #fff;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.2;
  margin: 0 0 1rem;
  padding: 0.6rem 1rem;
  background: #4470D6;
  border-radius: 6px;
}

.tit_04 {
  color: #292929;
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 1.2;
  margin: 0 0 1rem;
  padding: 0 0 0.6rem 2rem;
  border-bottom: 3px dotted #C1C1C1;
  position: relative;
}
.tit_04::before {
  content: "\e924";
  font-family: "fontello";
  position: absolute;
  top: 0;
  left: 0;
  font-weight: normal;
  color: #F9AD21;
}

.tit_05 {
  color: #292929;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.2;
  margin: 0 0 1.4rem;
  padding: 0 0 0 1.2rem;
  position: relative;
}
.tit_05::before {
  content: "";
  display: block;
  width: 0.4rem;
  height: 90%;
  background: #7ECDD1;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.tit_05::after {
  content: "";
  display: block;
  width: 100%;
  height: 0.1rem;
  background: #c1c1c1;
  margin: 0;
  position: absolute;
  left: 0;
  bottom: -0.4rem;
}

@media screen and (min-width: 48em), print {
  .tit_01 {
    background: url(../img/tit_01.jpg) no-repeat center/auto auto;
    font-size: 3.5rem;
    height: 30rem;
    padding-bottom: 7rem;
    margin: 1rem 0 2rem;
  }
  .tit_01::after {
    height: 12rem;
    bottom: -0.2rem;
    background: url("../img/a_kv_parts01.svg") no-repeat center/auto auto;
  }
  .tit_02 {
    font-size: 3.2rem;
    margin: 0 0 5rem;
  }
  .tit_02 span {
    font-size: 1.6rem;
  }
  body:not(.index) .tit_02 {
    line-height: 1.4;
    font-size: 2.8rem;
  }
  body:not(.index) .tit_02::after {
    width: 8rem;
    height: 0.3rem;
    margin: 1.4rem auto 0;
  }
  .tit_03 {
    font-size: 2rem;
    line-height: 1.4;
    padding: 0.96rem 1.8rem;
    margin: 0 0 2rem;
  }
  .tit_04 {
    font-size: 2rem;
    margin: 0 0 2rem;
    padding: 0 0 0.8rem 3rem;
  }
  .tit_05 {
    font-size: 2rem;
    line-height: 1.4;
    margin: 0 0 3rem;
  }
  .tit_05::after {
    bottom: -0.8rem;
  }
}
/* リスト回り -------------------------------------- */
.lst_ul01 li {
  text-indent: -2rem;
  padding-left: 2.2rem;
  padding-bottom: 1rem;
  line-height: 1.4;
}
.lst_ul01 li:last-child {
  padding-bottom: 0;
}
.lst_ul01 li::before {
  content: "●";
  margin-right: 0.4rem;
  color: #6795D2;
}
.lst_ul01 li.none::before {
  content: none;
}
@media screen and (min-width: 48em), print {
  .lst_ul01.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .lst_ul01.flex li {
    width: 49%;
  }
}

.lst_ol01 {
  margin: 1rem 0 1rem 2.6rem;
}
@media screen and (min-width: 48em), print {
  .lst_ol01 {
    margin: 1rem 0 1rem 3rem;
  }
}
.lst_ol01 li {
  line-height: 1.4;
  counter-increment: number 1;
  text-indent: -1rem;
  padding: 0 0 1rem 0;
}
@media screen and (min-width: 48em), print {
  .lst_ol01 li {
    text-indent: -1.4rem;
  }
}
.lst_ol01 li::before {
  display: inline-block;
  content: counter(number) ".";
  margin-right: 0.8rem;
  font-family: "Lato", sans-serif;
  color: clr_blue;
  font-weight: bold;
}
.lst_ol01 li:last-child {
  padding: 0;
}

.lst_dl01 div {
  margin: 0 0 1rem;
}
.lst_dl01 div dt {
  font-weight: bold;
}
@media screen and (min-width: 48em), print {
  .lst_dl01 div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .lst_dl01 div dt {
    width: 20rem;
  }
  .lst_dl01 div dd {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}

.lst_dl02 dt {
  font-weight: bold;
  font-size: 110%;
  padding: 0.8rem 1rem;
  background: #E7F6F6;
  border-radius: 3px;
}
.lst_dl02 dd {
  padding: 0.4rem;
  margin: 0.8rem 0 2rem;
}
@media screen and (min-width: 48em), print {
  .lst_dl02 dt {
    padding: 0.8rem 2.6rem;
  }
  .lst_dl02 dd {
    margin: 1.2rem 0 2rem;
    padding: 2rem;
  }
}

/* フレックス回り -------------------------------------- */
.flex3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.flex3 > li {
  width: 46%;
}

@media screen and (min-width: 48em), print {
  .flex2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .flex2 > section, .flex2 > li {
    width: 48%;
    margin: 0 !important;
  }
  .flex3 li {
    width: 31%;
  }
}
/* リンク -------------------------------------- */
.btn_01 {
  display: block;
  text-align: center;
}
.btn_01 a {
  background: #4470D6;
  color: #fff;
  text-align: center;
  padding: 0.6rem 4rem;
  border-radius: 30px;
  display: inline-block;
  text-decoration: none !important;
  position: relative;
}
.btn_01 a::after {
  content: "c";
  font-family: "fontello";
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
@media screen and (min-width: 48em), print {
  .btn_01 {
    text-align: left;
  }
}

/* フローチャート -------------------------------------- */
.dl_flow dt {
  padding: 1rem;
  font-weight: bold;
  background: #E7F6F6;
  border-radius: 7px;
}
@media screen and (min-width: 48em), print {
  .dl_flow dt {
    padding: 1rem 2rem;
  }
}
.dl_flow dd {
  margin: 1rem 0 6rem;
  position: relative;
}
@media screen and (min-width: 48em), print {
  .dl_flow dd {
    margin: 1rem 0 10rem;
    padding: 1rem;
  }
}
.dl_flow dd:not(:last-child)::after {
  display: block;
  width: 0;
  height: 0;
  content: "";
  position: absolute;
  bottom: -5rem;
  left: 0;
  right: 0;
  border-top: 2rem solid #7ECDD1;
  border-right: 2rem solid transparent;
  border-bottom: 1rem solid transparent;
  border-left: 2rem solid transparent;
  margin: auto;
}

/* テーブル -------------------------------------- */
.main *[class*=tbl_]:not(.tbl_access):not(.tbl_time) {
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
  caption-side: bottom;
}
.main *[class*=tbl_]:not(.tbl_access):not(.tbl_time) caption {
  padding: 0.4rem 0;
  text-align: left;
}
@media screen and (min-width: 48em), print {
  .main *[class*=tbl_]:not(.tbl_access):not(.tbl_time) caption {
    padding: 1rem 0;
  }
}
.main *[class*=tbl_]:not(.tbl_access):not(.tbl_time) thead tr th {
  background: #E7F6F6;
  font-weight: bold;
  padding: 0.6rem 0;
}
@media screen and (min-width: 48em), print {
  .main *[class*=tbl_]:not(.tbl_access):not(.tbl_time) thead tr th {
    padding: 1.2rem 0;
  }
}
.main *[class*=tbl_]:not(.tbl_access):not(.tbl_time) tr th {
  width: 30%;
  background: #FBF9E4;
  text-align: center;
  font-weight: bold;
  border: 1px solid #D2D2D2;
}
.main *[class*=tbl_]:not(.tbl_access):not(.tbl_time) tr td {
  padding: 0.8rem;
  border: 1px solid #D2D2D2;
}
@media screen and (min-width: 48em), print {
  .main *[class*=tbl_]:not(.tbl_access):not(.tbl_time) tr th {
    padding: 2rem 1rem;
  }
  .main *[class*=tbl_]:not(.tbl_access):not(.tbl_time) tr td {
    padding: 2rem;
  }
}

.tbl_access {
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
}
.tbl_access tr th {
  width: 37%;
  background: #E7F6F6;
  text-align: center;
  font-weight: bold;
  padding: 0.8rem;
}
.tbl_access tr td {
  padding: 0.8rem;
  border-bottom: 2px solid #E7F6F6;
}
.tbl_access tr:first-child td {
  border-top: 2px solid #E7F6F6;
}

@media screen and (min-width: 48em), print {
  .tbl_access tr th {
    width: 30%;
  }
  .tbl_access tr td {
    padding: 2rem;
    border-bottom: 3px solid #E7F6F6;
  }
  .tbl_access tr:first-child td {
    border-top: 3px solid #E7F6F6;
  }
}
/* ----------------------------------------------------------------------------------
共通　_common.scss
---------------------------------------------------------------------------------- */
html {
  font-size: 3.125vw;
  font-family: "游ゴシック体", YuGothic, "Yu Gothic medium", -apple-system, "BlinkMacSystemFont", "Hiragino Sans", Meiryo, "sans-serif";
}

body {
  background: #fff;
  color: #292929;
  position: relative;
}

a {
  color: inherit;
  text-decoration: none;
}

.wrap {
  padding: 0 1rem 0;
}

.main {
  font-size: 1.4rem;
  line-height: 1.6;
  padding: 0 0 0;
  position: relative;
  z-index: 1;
}
.main a:not([href*=tel]) {
  text-decoration: underline;
}
.main a[class*=btn_] {
  text-decoration: none;
}
.main a[class*=bnr_] {
  text-decoration: none;
}

@media screen and (min-width: 48em), print {
  html {
    font-size: 62.5%;
  }
  body {
    min-width: 1220px;
  }
  body > .wrap {
    margin: 3.4rem auto 0;
  }
  a {
    -webkit-transition: 0.2s;
    transition: 0.2s;
  }
  a:hover {
    opacity: 0.8;
  }
  .wrap {
    width: 1200px;
    margin: 0 auto;
    padding: 0;
  }
  .main {
    font-size: 1.6rem;
    background: #fff;
    padding: 0 0 0;
    width: 100%;
  }
}
:target {
  scroll-margin-top: 8rem;
}
@media screen and (min-width: 48em), print {
  :target {
    scroll-margin-top: 12rem;
  }
}

/* アイコンフォント -------------------------------------- */
@font-face {
  font-family: "fontello";
  src: url("fontello/font/fontello.eot");
  src: url("fontello/font/fontello.eot#iefix") format("embedded-opentype"), url("fontello/font/fontello.woff2") format("woff2"), url("fontello/font/fontello.woff") format("woff"), url("fontello/font/fontello.ttf") format("truetype"), url("fontello/font/fontello.svg#fontello") format("svg");
}
/* フォント -------------------------------------- */
@font-face {
  font-family: "shippori";
  src: url("../font/ShipporiMincho-Bold.ttf") format("truetype");
}
/* アンカーリンクの解消 -------------------------------------- */
.anc_innner {
  display: block;
}

@media screen and (min-width: 48em), print {
  .anc_innner {
    display: block;
    padding-top: 100px;
    margin-top: -100px;
  }
}
/* ヘッダー -------------------------------------- */
.header {
  border-top: 3px solid #4470D6;
  position: relative;
}
.header .wrap {
  margin: 1rem;
}
.header .wrap .logo {
  height: 5rem;
}
.header .wrap .logo a {
  display: block;
  width: 100%;
  height: 100%;
  background: url(../img/logo.svg) no-repeat left center/contain;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.header .wrap .headR {
  margin: 2.5rem 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: inline-block;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  white-space: nowrap;
  justify-content: space-between;
  align-items: center;
  white-space: nowrap;
}
.header .wrap .headR .flexbox_area {
  margin: 0 auto;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 1.2rem 0.8rem;
  width: 100%;
}
.header .wrap .headR .flexbox_area > * {
  width: 47%;
}
.header .wrap .headR .flexbox_area > *.flexbox {
  margin: 0 0.2rem;
}
.header .wrap .headR .monshin_item {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.2;
  padding: 0.4rem 0.2rem 0.4rem;
  text-decoration: none !important;
  background: #4470D6;
  border-radius: 4px;
  border: 1px solid #fff;
  -webkit-box-shadow: 0 0 0 3px #4470D6;
          box-shadow: 0 0 0 3px #4470D6;
}
.header .wrap .headR .monshin_item::before {
  content: "\f0f6";
  font-family: "fontello";
  font-weight: normal;
  font-size: 2rem;
  margin-right: 0.4rem;
}
.header .wrap .headR .rsv_item {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1;
  padding: 0.6rem 0.2rem 0.4rem;
  text-decoration: none !important;
  background: #7ECDD1;
  border-radius: 4px;
  border: 1px solid #fff;
  -webkit-box-shadow: 0 0 0 3px #7ECDD1;
          box-shadow: 0 0 0 3px #7ECDD1;
}
.header .wrap .headR .rsv_item::before {
  content: "\ea60";
  font-family: "fontello";
  font-weight: normal;
  font-size: 2.2rem;
  margin-right: 0.4rem;
}
.header .wrap .headR .scl_item {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1;
  padding: 0.6rem 0.2rem 0.4rem;
  text-decoration: none !important;
  background: #7e00bd;
  border-radius: 4px;
  border: 1px solid #fff;
  -webkit-box-shadow: 0 0 0 3px #7e00bd;
          box-shadow: 0 0 0 3px #7e00bd;
}
.header .wrap .headR .scl_item::before {
  content: "\e935";
  font-family: "fontello";
  font-weight: normal;
  font-size: 1.8rem;
  line-height: 1.2;
  margin-right: 0.4rem;
}
.header .wrap .headR .tel_item {
  margin: 0 auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: bold;
  font-size: 1.4rem;
  letter-spacing: 0.1rem;
}
.header .wrap .headR .tel_item::before {
  content: "\ea5f";
  font-size: 2.2rem;
  font-family: "fontello";
  font-weight: normal;
  margin-right: 0.4rem;
  color: #4470D6;
}

@media screen and (min-width: 48em), print {
  .header {
    border-top: 1rem solid #4470D6;
    padding: 0 0 1rem;
    z-index: 10;
  }
  .header .wrap {
    margin: 3.2rem auto 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .header .wrap .logo {
    width: 42.2rem;
    height: 10rem;
  }
  .header .wrap .headR {
    margin: 0;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .header .wrap .headR .flexbox_area {
    width: 57.5rem;
    margin: 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .header .wrap .headR .flexbox_area > * {
    width: 27rem;
  }
  .header .wrap .headR .scl_item {
    margin: 0 0.5rem 1.5rem 0;
    font-size: 2rem;
    -webkit-box-shadow: 0 0 0 5px #7e00bd;
            box-shadow: 0 0 0 5px #7e00bd;
    letter-spacing: 0.1rem;
  }
  .header .wrap .headR .scl_item::before {
    font-size: 3rem;
    line-height: 1.4;
    margin-right: 1.6rem;
  }
  .header .wrap .headR .monshin_item {
    margin: 0 0.5rem 1.5rem 0;
    font-size: 2rem;
    -webkit-box-shadow: 0 0 0 5px #4470D6;
            box-shadow: 0 0 0 5px #4470D6;
    letter-spacing: 0.1rem;
  }
  .header .wrap .headR .monshin_item::before {
    font-size: 3.5rem;
    margin-right: 1.8rem;
  }
  .header .wrap .headR .rsv_item {
    margin: 0 0.5rem 1.5rem 0;
    font-size: 2rem;
    -webkit-box-shadow: 0 0 0 5px #7ECDD1;
            box-shadow: 0 0 0 5px #7ECDD1;
    letter-spacing: 0.1rem;
  }
  .header .wrap .headR .rsv_item::before {
    font-size: 4.2rem;
    margin-right: 1.8rem;
  }
  .header .wrap .headR .tel_item {
    margin: 0 0.5rem 1.5rem 0;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    font-size: 3.2rem;
    letter-spacing: 0.2rem;
    white-space: nowrap;
  }
  .header .wrap .headR .tel_item::before {
    font-size: 3.6rem;
    margin-right: 1rem;
  }
  .sticky .item_sticky {
    display: block !important;
  }
  .sticky .item_sticky .fixed_float_bnr {
    -webkit-animation: fadein 1s ease-out 0.2s 1 normal forwards;
            animation: fadein 1s ease-out 0.2s 1 normal forwards;
  }
}
.overlay {
  content: "";
  display: block;
  width: 0;
  height: 0;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 90;
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.overlay.open {
  width: 100%;
  height: 100vh;
  opacity: 1;
}

#nav {
  width: 100vw;
  position: fixed;
  inset: 0 0 auto 0;
  z-index: 100;
}
#nav #sp_menu {
  width: 5rem;
  height: 5rem;
  -webkit-box-flex: 1;
  border-radius: 5px;
  border: none;
  color: #fff;
  background: #6495ED;
  text-align: center;
  line-height: 1;
  font-size: 1.2rem;
  padding: 0;
  position: absolute;
  inset: 1rem 1rem auto auto;
  z-index: 100;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
#nav #sp_menu.hide {
  -webkit-transform: translateY(-220%);
          transform: translateY(-220%);
}
#nav #sp_menu::before {
  display: block;
  font-family: "fontello";
  content: "\e802";
  font-size: 2.6rem;
}
#nav #sp_menu::after {
  display: block;
  content: "MENU";
  margin: 0.2rem 0 0;
  font-size: 1rem;
}
#nav #sp_menu.close::before {
  font-family: "fontello";
  content: "\e803";
}
#nav #sp_menu.close::after {
  content: "CLOSE";
}
#nav #sp_menu span {
  display: none;
}
#nav .gnav_subnav {
  display: none;
  width: 27rem;
  height: 100%;
  overflow-y: scroll;
  background-color: #f9f9f9;
  padding: 4rem 0 6rem;
  padding: 6.6rem 0 1.6rem;
  margin: 0 0 0 auto;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 95;
}
#nav .gnav_subnav .gnav {
  display: block;
  font-size: 1.2rem;
  padding: 4rem 0 2rem;
}
#nav .gnav_subnav .gnav > li {
  position: relative;
  text-align: left;
  margin: 0;
  border-bottom: 1px solid #ddd;
}
#nav .gnav_subnav .gnav > li a, #nav .gnav_subnav .gnav > li .sub, #nav .gnav_subnav .gnav > li .child_sub {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1.5rem 2rem 1.4rem;
  font-size: 1.4rem;
  font-weight: bold;
  color: #6495ED;
  text-decoration: none !important;
}
#nav .gnav_subnav .gnav > li .sub, #nav .gnav_subnav .gnav > li .child_sub {
  border: none;
  background: none;
}
#nav .gnav_subnav .gnav > li .sub::after, #nav .gnav_subnav .gnav > li .child_sub::after {
  content: "t";
  font-family: "fontello";
  line-height: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#nav .gnav_subnav .gnav > li .sub.close::after, #nav .gnav_subnav .gnav > li .child_sub.close::after {
  content: "y";
}
#nav .gnav_subnav .gnav > li .subbox {
  display: none;
  background: #fff;
  padding: 0;
  margin: 0;
}
#nav .gnav_subnav .gnav > li .subbox > .subnav {
  display: block;
}
#nav .gnav_subnav .gnav > li .subbox > .subnav li {
  width: 100%;
  border-bottom: 1px solid #ddd;
  text-align: left;
}
#nav .gnav_subnav .gnav > li .subbox > .subnav li a, #nav .gnav_subnav .gnav > li .subbox > .subnav li .child_sub {
  font-weight: bold;
  color: #292929;
  padding: 1.5rem 1.5rem 1.4rem 1.5rem;
}
#nav .gnav_subnav .gnav > li .subbox > .subnav li:last-child {
  border-bottom: none;
}
#nav .gnav_subnav .gnav > li .subbox > .subnav li > .subbox > .subnav li {
  border-top: 1px solid #ddd;
  background: #d5d5d5;
}
#nav .gnav_subnav .gnav > li .subbox > .subnav li > .subbox > .subnav li a {
  display: block;
}
#nav .gnav_subnav .gnav > li .subbox > .subnav li > .subbox > .subnav li a::before {
  content: "\e807";
  font-family: "fontello";
  font-weight: normal;
  margin-right: 0.6rem;
  color: #7B7B7B;
}

@media screen and (min-width: 48em), print {
  .overlay {
    display: none;
  }
  #nav {
    width: auto;
    position: sticky;
    inset: 0 0 auto;
    z-index: 100;
    -webkit-transition: 0.8s;
    transition: 0.8s;
    all: unset;
    padding: 2.5rem 0 2.7rem;
    display: block;
    background: #FFF;
  }
  #nav.hide {
    -webkit-transform: translateY(-300%);
            transform: translateY(-300%);
  }
  #nav #sp_menu {
    display: none;
  }
  #nav .gnav_subnav {
    display: block !important;
    width: 100%;
    max-height: inherit;
    -webkit-box-shadow: none;
            box-shadow: none;
    background: #FFF;
    overflow-y: visible;
    padding: 0;
    position: static;
  }
  #nav .gnav_subnav .gnav {
    width: 1200px;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border: none;
    padding: 0;
  }
  #nav .gnav_subnav .gnav > li {
    width: auto;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-left: 1px solid #292929;
  }
  #nav .gnav_subnav .gnav > li.item_sticky {
    display: none;
  }
  #nav .gnav_subnav .gnav > li:not(:last-child) {
    border-bottom: none;
  }
  #nav .gnav_subnav .gnav > li:last-child {
    border-right: 1px solid #292929;
  }
  #nav .gnav_subnav .gnav > li > a, #nav .gnav_subnav .gnav > li .sub {
    position: relative;
    text-align: center;
    color: #292929;
    padding: 0;
  }
  #nav .gnav_subnav .gnav > li > a::before, #nav .gnav_subnav .gnav > li .sub::before {
    display: none;
  }
  #nav .gnav_subnav .gnav > li a, #nav .gnav_subnav .gnav > li .sub {
    font-weight: bold;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
    font-size: 1.6rem;
    margin: 0;
    cursor: pointer;
  }
  #nav .gnav_subnav .gnav > li a::after, #nav .gnav_subnav .gnav > li .sub::after {
    color: #4470D6;
    font-size: 1.6rem;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    bottom: -1.7rem;
  }
  #nav .gnav_subnav .gnav > li a:is(:hover, :focus-visible), #nav .gnav_subnav .gnav > li .sub:is(:hover, :focus-visible) {
    opacity: 0.8;
  }
  #nav .gnav_subnav .gnav > li .subbox {
    display: none;
    width: 24.4rem;
    position: absolute;
    top: 5.4rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    line-height: 1.2;
    z-index: 100;
  }
  #nav .gnav_subnav .gnav > li .subbox > .subnav > li {
    position: relative;
    border: 1px solid #DBDBDB;
    border-bottom: none;
  }
  #nav .gnav_subnav .gnav > li .subbox > .subnav > li:last-child {
    border-bottom: 1px solid #ddd;
  }
  #nav .gnav_subnav .gnav > li .subbox > .subnav > li a, #nav .gnav_subnav .gnav > li .subbox > .subnav > li .child_sub {
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background: #fff;
    font-size: 1.6rem;
    padding: 1.6rem 0 1.6rem 2rem;
    text-align: left;
    color: #4470D6;
  }
  #nav .gnav_subnav .gnav > li .subbox > .subnav > li a:is(:hover, :focus-visible), #nav .gnav_subnav .gnav > li .subbox > .subnav > li .child_sub:is(:hover, :focus-visible) {
    color: #fff;
    background: #4470D6;
    opacity: 1;
  }
  #nav .gnav_subnav .gnav > li .subbox > .subnav > li .child_sub::after {
    content: "i";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    right: 1.6rem;
  }
  #nav .gnav_subnav .gnav > li .subbox > .subnav > li > .subbox ul {
    position: absolute;
    left: 24.4rem;
    top: -5.5rem;
    width: 31.4rem;
  }
  #nav .gnav_subnav .gnav > li .subbox > .subnav > li > .subbox ul li a {
    font-size: 1.6rem;
    margin: 0;
    cursor: pointer;
  }
  #nav .gnav_subnav #menu_close {
    display: none;
  }
  #nav.sticky {
    position: fixed;
    inset: 0 0 auto;
    margin: auto;
    z-index: 200;
    padding: 2.5rem 0 2.5rem;
    opacity: 1;
    visibility: visible;
    background: rgba(255, 255, 255, 0.94);
    -webkit-transform: translateY(0);
            transform: translateY(0);
    margin: auto;
    -webkit-box-shadow: 0 4px 13px 3px rgba(0, 0, 0, 0.16);
            box-shadow: 0 4px 13px 3px rgba(0, 0, 0, 0.16);
  }
  #nav.sticky .gnav_subnav {
    inset: 0 0 auto;
  }
  #nav.sticky .gnav_subnav .gnav {
    width: 1200px;
    margin: 0 auto;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  #nav.sticky .gnav_subnav .gnav > li {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; /* リスト項目を均等に広げるために追加 */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; /* リスト項目の高さを揃えるために追加 */
    max-width: 14rem;
    height: 6rem;
  }
  #nav.sticky .gnav_subnav .gnav > li:last-child {
    border-right: none;
    max-width: 100%;
    border-bottom: none;
  }
  #nav.sticky .gnav_subnav .gnav > li > a, #nav.sticky .gnav_subnav .gnav > li button {
    font-size: 1.7rem;
    padding: 1.2rem 0.4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  #nav.sticky .gnav_subnav .gnav > li > .subbox {
    top: 8.4rem;
  }
  #nav.sticky .gnav_subnav .gnav > li > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  #nav.sticky .gnav_subnav .gnav > li > ul .scl_item {
    width: 9rem;
    display: inline-block;
    margin: 0 auto;
  }
  #nav.sticky .gnav_subnav .gnav > li > ul .scl_item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #fff;
    font-weight: bold;
    font-size: 1.2rem;
    -webkit-box-shadow: 0 0 0 5px #7e00bd;
            box-shadow: 0 0 0 5px #7e00bd;
    letter-spacing: 0.1rem;
    line-height: 1;
    padding: 0.2rem 0.2rem 0.2rem;
    text-decoration: none !important;
    background: #7e00bd;
    border-radius: 4px;
    border: 1px solid #fff;
  }
  #nav.sticky .gnav_subnav .gnav > li > ul .tel_item {
    width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    font-size: 2.2rem;
    letter-spacing: 0.2rem;
    white-space: nowrap;
    font-weight: bold;
    letter-spacing: 0.2rem;
  }
  #nav.sticky .gnav_subnav .gnav > li > ul .tel_item::before {
    content: "\ea5f";
    font-size: 2.8rem;
    font-family: "fontello";
    font-weight: normal;
    margin: 0 0.5rem 0.5rem 0;
    background: none;
    color: #4470D6;
  }
  #nav.sticky .gnav_subnav .gnav > li .fixed_float_bnr {
    position: fixed;
    right: 0;
    top: 20vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    gap: 2rem;
    z-index: 10;
  }
  #nav.sticky .gnav_subnav .gnav > li .fixed_float_bnr li {
    -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
            writing-mode: vertical-rl;
    text-orientation: upright;
  }
  #nav.sticky .gnav_subnav .gnav > li .fixed_float_bnr li a {
    display: inline-block;
    border-radius: 10px 0 0 10px;
    color: #fff;
    width: 100%;
    min-height: 20vh;
    padding: 2.6rem 2rem 2.6rem 0;
    font-size: 2.2rem;
    font-weight: 400;
  }
  #nav.sticky .gnav_subnav .gnav > li .fixed_float_bnr li a::before {
    font-family: "fontello";
    font-weight: normal;
    font-size: 2.5rem;
    margin-bottom: 1rem;
  }
  #nav.sticky .gnav_subnav .gnav > li .fixed_float_bnr li.monshin a {
    background: #4470D6;
  }
  #nav.sticky .gnav_subnav .gnav > li .fixed_float_bnr li.monshin a::before {
    content: "\ea60";
  }
  #nav.sticky .gnav_subnav .gnav > li .fixed_float_bnr li.rsv a {
    background: #7ECDD1;
  }
  #nav.sticky .gnav_subnav .gnav > li .fixed_float_bnr li.rsv a::before {
    content: "\f0f6";
  }
}
/* トップバナー -------------------------------------- */
ul.bnr_flex {
  width: auto;
  display: block;
}
ul.bnr_flex li {
  margin: 0 0 2rem;
}
ul.bnr_flex.-justify-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
ul.bnr_flex.-justify-center li {
  text-align: center;
}

@media screen and (min-width: 48em), print {
  ul.bnr_flex {
    width: auto;
    margin-bottom: 5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  ul.bnr_flex li {
    margin: 0 1.5rem 3rem;
  }
}
/* クリニック概要 -------------------------------------- */
.overview {
  padding: 2rem 0 0;
  font-size: 1.4rem;
  line-height: 1.6;
  background: #fff;
  border-top: 3px solid #4470D6;
}
.overview > .wrap {
  padding: 0 1rem 0;
}
.overview > .wrap .overviewL .clinic_name {
  text-align: center;
  margin: 0 0 2rem;
}
.overview > .wrap .overviewL .clinic_name img {
  max-width: 80%;
  height: auto;
}
.overview > .wrap .overviewL .tbl_gaiyo {
  width: 100%;
  border-collapse: collapse;
}
.overview > .wrap .overviewL .tbl_gaiyo th {
  width: 27%;
  text-align: center;
  vertical-align: top;
}
.overview > .wrap .overviewL .tbl_gaiyo th span {
  display: inline-block;
  width: 100%;
  padding: 0.2rem 0.4rem;
  font-weight: bold;
  vertical-align: top;
  color: #fff;
  background: #4470D6;
}
.overview > .wrap .overviewL .tbl_gaiyo td {
  padding: 0.4rem;
}
.overview > .wrap .overviewR {
  margin: 2rem 0 0;
}
.overview > .wrap .overviewR .tbl_time {
  margin: 1.6rem 0;
}
.overview .gmap {
  height: 30rem;
}
.overview .gmap iframe {
  height: 100%;
}

@media screen and (min-width: 48em), print {
  .overview {
    margin: 0 0 0;
    padding: 13rem 0 0;
    font-size: 1.8rem;
    border-top: 6px solid #4470D6;
  }
  .overview > .wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 0 auto 10rem;
  }
  .overview > .wrap .overviewL, .overview > .wrap .overviewR {
    width: 48%;
  }
  .overview > .wrap .overviewL {
    padding: 0 0;
  }
  .overview > .wrap .overviewL .clinic_name {
    margin: 0 0 4rem;
  }
  .overview > .wrap .overviewL .clinic_name img {
    max-width: 37rem;
  }
  .overview > .wrap .overviewL .tbl_gaiyo th {
    padding: 0 0 1.6rem;
    width: 10rem;
  }
  .overview > .wrap .overviewL .tbl_gaiyo td {
    padding: 0 0 1.6rem 1.5rem;
  }
  .overview > .wrap .overviewR {
    padding: 0 0;
    margin: 0;
  }
  .overview > .wrap .overviewR .tbl_time {
    margin: 0;
  }
  .overview .gmap {
    height: 40rem;
  }
}
/* フッター -------------------------------------- */
#pageup {
  display: none;
  position: fixed;
  bottom: 6rem;
  right: 1rem;
  z-index: 1;
  cursor: pointer;
}
#pageup a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 5rem;
  height: 5rem;
  font-size: 1.6rem;
  text-align: center;
  padding: 0.4rem;
  background: #4470D6;
  border-radius: 50%;
  border: 1px solid #fff;
}
#pageup a::before {
  text-align: center;
  font-size: 2.8rem;
  font-family: "fontello";
  content: "v";
  color: #fff;
}
#pageup a span {
  display: none;
}

@media screen and (min-width: 48em), print {
  #pageup a {
    width: 6.4rem;
    height: 6.4rem;
  }
  #pageup a::before {
    font-size: 5rem;
    padding: 0 0 0.4rem;
  }
}
.tel_rsv {
  width: 100%;
  background: #fff;
  visibility: hidden;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
  font-size: 1.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1rem 0.5rem;
  padding: 0.5rem;
}
.tel_rsv > * {
  width: 48%;
}
.tel_rsv .btn {
  color: #fff;
}
.tel_rsv .btn a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.82rem 0;
  font-weight: bold;
  border: 1px solid #fff;
  border-radius: 4px;
}
.tel_rsv .btn a::before {
  font-family: "fontello";
  font-weight: normal;
  font-size: 2rem;
  margin-right: 0.4rem;
}
.tel_rsv .btn.monshin a {
  background: #4470D6;
  -webkit-box-shadow: 0 0 0 3px #4470D6;
          box-shadow: 0 0 0 3px #4470D6;
}
.tel_rsv .btn.monshin a::before {
  content: "\f0f6";
}
.tel_rsv .btn.rsv a {
  background: #7ECDD1;
  -webkit-box-shadow: 0 0 0 3px #7ECDD1;
          box-shadow: 0 0 0 3px #7ECDD1;
}
.tel_rsv .btn.rsv a::before {
  content: "\ea60";
}
.tel_rsv .btn.scl a {
  background: #7e00bd;
  -webkit-box-shadow: 0 0 0 3px #7e00bd;
          box-shadow: 0 0 0 3px #7e00bd;
}
.tel_rsv .btn.scl a::before {
  content: "\e935";
}
.tel_rsv .tel {
  padding: 1.2rem 0;
  font-size: 1.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: bold;
  border-radius: 4px;
}
.tel_rsv .tel::before {
  content: "\ea5f";
  color: #4470D6;
  font-family: "fontello";
  font-size: 2rem;
  margin-right: 0.4rem;
}

@media screen and (min-width: 48em), print {
  .tel_rsv {
    display: none !important;
    visibility: hidden !important;
  }
  .tel_rsv .tel, .tel_rsv .rsv {
    display: none;
  }
}
.footer {
  text-align: center;
  padding: 0 0 4.6rem;
}
.footer ul {
  display: none;
}
.footer .copy {
  display: block;
  background: #4470D6;
  color: #fff;
  padding: 2.4rem 1rem 3.6rem;
  font-size: 1.2rem;
}

@media screen and (min-width: 48em), print {
  .footer {
    padding: 4.8rem 0 0;
  }
  .footer ul {
    width: 1200px;
    display: block;
    text-align: center;
    margin: 1.2rem auto 0;
  }
  .footer ul.footer_gnav {
    margin: 0 auto 2.4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .footer ul.footer_gnav li::after, .footer ul.footer_gnav li:first-child::before {
    content: none;
  }
  .footer ul.footer_gnav li a {
    font-weight: bold;
    font-size: 1.7rem;
  }
  .footer ul.footer_gnav li a::before {
    content: "j";
    font-family: "fontello";
    font-weight: normal;
    margin-right: 0.2rem;
    color: #4470D6;
    display: inline-block;
  }
  .footer ul.footer_gnav li a span {
    display: none;
  }
  .footer ul.footer_gnav li.treatment {
    display: none;
  }
  .footer ul li {
    display: inline-block;
    font-size: 1.7rem;
  }
  .footer ul li::after, .footer ul li:first-child::before {
    content: "|";
    margin: 0 0.2rem;
    color: #292929;
  }
  .footer ul li a {
    opacity: 1;
  }
  .footer ul li a span {
    display: none;
  }
  .footer ul li a:hover {
    text-decoration: underline;
  }
  .footer ul li.treatment {
    display: none;
  }
  .footer .copy {
    font-size: 1.6rem;
    margin: 4.8rem 0 0;
    padding: 2.6rem 0;
  }
}
/* ----------------------------------------------------------------------------------
トップ　_top.scss
---------------------------------------------------------------------------------- */
/* キービジュアル -------------------------------------- */
#keyvsl {
  margin: 1rem 0rem 2rem;
  max-width: 100%;
  height: 20rem;
  background: url(../img/index_keyvsl01.jpg) no-repeat center center/cover;
}

@media screen and (min-width: 48em), print {
  #keyvsl {
    margin: 0 auto 0;
    height: 64rem;
    background: url(../img/index_keyvsl01.jpg) no-repeat center center/auto auto;
    overflow: hidden;
  }
}
.index .main {
  position: relative;
  z-index: 1;
  padding-bottom: 1rem;
}
.index .main::after {
  content: "";
  display: block;
  width: 100%;
  height: 3rem;
  position: absolute;
  top: -4.8rem;
  left: 0;
  right: 0;
  z-index: -1;
  margin: auto;
  background: url("../img/a_kv_parts01.svg") no-repeat center bottom/contain;
}
@media screen and (min-width: 48em), print {
  .index .main::after {
    height: 12rem;
    top: -10rem;
    background: url("../img/a_kv_parts01.svg") no-repeat center bottom/auto auto;
  }
}

/* 開院日時 -------------------------------------- */
.open_txt {
  padding: 0 0 2rem;
}
.open_txt .wrap div {
  border: 2px solid #BACADE;
  padding: 0.2rem;
  border-radius: 16px;
}
.open_txt .wrap div p {
  text-align: center;
  font-weight: bold;
  color: #6795D2;
  font-size: 1.6rem;
  border: 2px solid #BACADE;
  border-radius: 14px;
  margin: 0;
  padding: 0.8rem 0;
}

@media screen and (min-width: 48em), print {
  .open_txt {
    padding: 6rem 0 3rem;
  }
  .open_txt .wrap div {
    width: 110rem;
    margin: 0 auto;
    padding: 0.8rem;
  }
  .open_txt .wrap div p {
    font-size: 3.2rem;
    border-radius: 10px;
    padding: 2.4rem 0;
  }
}
/* キャッチコピー -------------------------------------- */
.catch {
  padding: 2rem 0 2rem;
}
.catch .wrap {
  padding: 0 2rem;
}
.catch .wrap .tit_catch {
  font-family: "shippori", YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
  color: #36556D;
  font-size: 2.2rem;
  position: relative;
  z-index: 1;
}
.catch .wrap .tit_catch::before {
  content: "";
  display: block;
  width: 8rem;
  height: 8rem;
  background: url("../img/index_catch_parts01.svg") no-repeat center/contain;
  position: absolute;
  left: -1rem;
  bottom: -2rem;
  z-index: -1;
}
.catch .wrap p {
  line-height: 1.6;
}
.catch .wrap p span {
  color: #FF8636;
}

@media screen and (min-width: 48em), print {
  .catch {
    padding: 6rem 0 11rem;
  }
  .catch .wrap {
    padding: 0 5rem;
  }
  .catch .wrap .tit_catch {
    font-size: 4rem;
  }
  .catch .wrap .tit_catch::before {
    width: 16rem;
    height: 16rem;
    left: -4rem;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  }
  .catch .wrap p {
    line-height: 2;
    font-size: 2rem;
  }
}
/* お知らせ -------------------------------------- */
.info {
  padding: 4rem 0 4rem;
  position: relative;
  z-index: 1;
}
.info::before, .info::after {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
}
.info::before {
  background: -webkit-gradient(linear, left top, left bottom, from(#E7F5FE), to(#FFFFFF));
  background: linear-gradient(to bottom, #E7F5FE, #FFFFFF);
  height: 30rem;
  z-index: -2;
}
.info::after {
  background: url("../img/index_info_parts01.svg") no-repeat center/contain;
  height: 1.5rem;
  top: -2px;
  z-index: -1;
}
.info dl {
  margin: 0;
  padding: 1rem 0 0;
  line-height: 1.4;
  height: 100%;
  border-top: 2px solid #4470D6;
}
.info dl .line {
  padding: 0 0.4rem;
  border-bottom: 2px solid #D9D9D9;
}
.info dl .line:nth-of-type(n+4) dd {
  display: none;
}
.info dl .line dt {
  margin: 0.4rem 0 0.4rem;
  padding: 0 0 0 2rem;
  font-weight: bold;
  color: #36556D;
  font-size: 110%;
  cursor: pointer;
  display: table;
  position: relative;
}
.info dl .line dt:hover {
  opacity: 0.8;
}
.info dl .line dt::before {
  content: "h";
  font-family: "fontello";
  color: #4470D6;
  position: absolute;
  left: 0;
  top: 0;
}
.info dl .line dt.close::before {
  content: "g";
}
.info dl .line dd {
  padding: 0;
  margin: 0 0 0.4rem;
}
.info dl .line dd p {
  margin: 0;
}

@media screen and (min-width: 48em), print {
  .info {
    padding: 8rem 0 9rem;
  }
  .info::before {
    height: 16rem;
  }
  .info::after {
    background: url("../img/index_info_parts01.svg") no-repeat center/auto auto;
    height: 8.5rem;
    top: 0;
  }
  .info .wrap {
    padding: 0 5rem;
  }
  .info .wrap dl {
    padding: 1.4rem;
  }
  .info .wrap dl .line {
    padding: 0 1rem 0.6rem 2rem;
    margin: 0 0 1rem;
  }
  .info .wrap dl .line dt {
    font-size: 1.9rem;
    margin: 0 0 0.4rem;
    padding: 0 0 0 2.6rem;
  }
  .info .wrap dl .line dd {
    font-size: 1.7rem;
    padding: 0 0 0.6rem;
  }
}
/* 当院の特長 -------------------------------------- */
.feature {
  padding: 2rem 0 2rem;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.feature ul {
  counter-reset: feature_num;
}
.feature ul li {
  padding: 2rem 0 12rem;
  margin: 0 0 4.4rem;
  counter-increment: feature_num 1;
  position: relative;
}
.feature ul li:last-child {
  margin: 0 0 2rem;
}
.feature ul li::before {
  content: "";
  display: block;
  width: 100%;
  height: 6rem;
  background: url("../img/index_feature_bg01.jpg") no-repeat center/cover;
  position: absolute;
  left: 4rem;
  top: 0;
  z-index: -1;
}
.feature ul li::after {
  content: "";
  display: block;
  width: 100%;
  height: 11rem;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  bottom: 0;
  left: -2rem;
}
.feature ul li:nth-child(even)::after {
  right: -2rem;
  left: auto;
}
.feature ul li.item_01::after {
  background-image: url("../img/index_feature_01.jpg");
}
.feature ul li.item_02::after {
  background-image: url("../img/index_feature_02.jpg");
}
.feature ul li.item_03::after {
  background-image: url("../img/index_feature_03.jpg");
}
.feature ul li.item_04::after {
  background-image: url("../img/index_feature_04.jpg");
}
.feature ul li.item_05::after {
  background-image: url("../img/index_feature_05.jpg");
}
.feature ul li.item_06:after {
  background-image: url("../img/index_feature_06.jpg");
}
.feature ul li p.tit {
  font-family: "shippori", YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
  color: #36556D;
  padding: 0 0 0.2rem;
  font-size: 1.8rem;
  border-bottom: 2px solid #4470D6;
  position: relative;
}
.feature ul li p.tit::before {
  content: counter(feature_num, decimal-leading-zero);
  display: block;
  color: #7ECDD1;
  font-size: 3.8rem;
  position: absolute;
  bottom: -0.8rem;
  right: 0;
}

@media screen and (min-width: 48em), print {
  .feature {
    padding: 0 0 11rem;
  }
  .feature ul li {
    width: 50%;
    min-height: 40rem;
    margin: 0 0 5rem 50%;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .feature ul li::before {
    height: 33rem;
    width: 100rem;
    background: url("../img/index_feature_bg01.jpg") no-repeat center/contain;
    top: -3rem;
  }
  .feature ul li::after {
    width: 100rem;
    height: 40rem;
    left: -100rem;
  }
  .feature ul li p {
    font-size: 2rem;
    padding: 0 0 0 10.5rem;
    margin: 0 0 1rem;
  }
  .feature ul li p.tit {
    font-size: 3.4rem;
    padding: 0 0 2rem 10.5rem;
    margin: 0 0 2rem;
    width: 100%;
    border-bottom: 3px solid #4470D6;
  }
  .feature ul li p.tit::before {
    font-size: 12rem;
  }
  .feature ul li:nth-child(even) {
    margin: 0 50% 5rem 0;
  }
  .feature ul li:nth-child(even)::before {
    left: -36rem;
  }
  .feature ul li:nth-child(even)::after {
    right: -100rem;
  }
  .feature ul li:nth-child(even) p {
    padding: 0 10.5rem 0 0;
  }
  .feature ul li:nth-child(even) p.tit {
    padding: 0 0 2rem 0;
  }
  .feature ul li:nth-child(even) p.tit::before {
    right: 10.5rem;
  }
}
/* 診療のご案内 -------------------------------------- */
.treatment_menu {
  background: #fff;
  padding: 2rem 0 2rem;
}
.treatment_menu .wrap {
  position: relative;
  z-index: 1;
}
.treatment_menu .wrap::before, .treatment_menu .wrap::after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.treatment_menu .wrap::before {
  height: 100%;
  background: url("../img/index_treatmentMenu_bg02.jpg") no-repeat center/cover;
  z-index: -2;
}
.treatment_menu .wrap::after {
  height: 100%;
  background: url("../img/index_treatmentMenu_bg01.svg") no-repeat center top/contain, url("../img/index_treatmentMenu_bg03.svg") no-repeat center bottom/contain;
  z-index: -1;
}
.treatment_menu .wrap > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.treatment_menu .wrap > ul > li {
  width: 46%;
  margin: 0 0 3rem;
  position: relative;
}
.treatment_menu .wrap > ul > li > .child_sub {
  border: none;
  background: none;
  width: 100%;
  padding: 0;
  display: block;
}
.treatment_menu .wrap > ul > li > .child_sub::before {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.treatment_menu .wrap > ul > li a, .treatment_menu .wrap > ul > li .child_sub {
  display: block;
  font-weight: bold;
  font-size: 1.4rem;
  text-align: center;
  text-decoration: none !important;
}
.treatment_menu .wrap > ul > li a::before, .treatment_menu .wrap > ul > li .child_sub::before {
  content: "\ea56";
  font-family: "fontello";
  margin: 0 auto 1rem;
  padding: 1rem;
  width: 80%;
  height: 10rem;
  display: block;
  font-size: 5rem;
  font-weight: normal;
  color: #6795D2;
  background: #fff;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  border-radius: 20px;
}
.treatment_menu .wrap > ul > li a.general_medical_care::before, .treatment_menu .wrap > ul > li .child_sub.general_medical_care::before {
  content: "\ea56";
}
.treatment_menu .wrap > ul > li a.internal::before, .treatment_menu .wrap > ul > li .child_sub.internal::before {
  content: "\ea57";
}
.treatment_menu .wrap > ul > li a.orthopedics, .treatment_menu .wrap > ul > li .child_sub.orthopedics {
  font-size: 1.2rem;
}
.treatment_menu .wrap > ul > li a.orthopedics::before, .treatment_menu .wrap > ul > li .child_sub.orthopedics::before {
  content: "\ea58";
}
.treatment_menu .wrap > ul > li a.rehabilitation::before, .treatment_menu .wrap > ul > li .child_sub.rehabilitation::before {
  content: "\ea59";
}
.treatment_menu .wrap > ul > li a.osteoporosis::before, .treatment_menu .wrap > ul > li .child_sub.osteoporosis::before {
  content: "\ea63";
}
.treatment_menu .wrap > ul > li a.surgery::before, .treatment_menu .wrap > ul > li .child_sub.surgery::before {
  content: "\ea5a";
}
.treatment_menu .wrap > ul > li a.gastro::before, .treatment_menu .wrap > ul > li .child_sub.gastro::before {
  content: "\ea61";
}
.treatment_menu .wrap > ul > li a.dermatology::before, .treatment_menu .wrap > ul > li .child_sub.dermatology::before {
  content: "\ea5c";
}
.treatment_menu .wrap > ul > li a.checkup::before, .treatment_menu .wrap > ul > li .child_sub.checkup::before {
  content: "\ea5d";
}
.treatment_menu .wrap > ul > li a.accident::before, .treatment_menu .wrap > ul > li .child_sub.accident::before {
  content: "\ea78";
}
.treatment_menu .wrap > ul > li a.hospitalization::before, .treatment_menu .wrap > ul > li .child_sub.hospitalization::before {
  content: "\ea5e";
}
.treatment_menu .wrap > ul > li a.telemedicine::before, .treatment_menu .wrap > ul > li .child_sub.telemedicine::before {
  content: "\ea62";
}
.treatment_menu .wrap > ul > li a.own::before, .treatment_menu .wrap > ul > li .child_sub.own::before {
  content: "\ea67";
}
.treatment_menu .wrap > ul > li > .subbox {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}
.treatment_menu .wrap > ul > li > .subbox.active {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}
.treatment_menu .wrap > ul > li > .subbox .subnav {
  all: unset;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
  width: 150%;
  margin: auto;
  padding: 1rem;
  border-radius: 16px;
  position: absolute;
  top: 8rem;
  right: 0;
  z-index: 100;
  background: #CBDAEE;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.treatment_menu .wrap > ul > li > .subbox .subnav li {
  width: 100%;
  margin: 0 0 0.6rem;
}
.treatment_menu .wrap > ul > li > .subbox .subnav li a {
  all: unset;
  display: block;
  text-align: center;
  font-weight: bold;
  padding: 0.4rem 0 0.2rem;
  width: 100%;
  background: #fff;
  border: 2px solid #AAC2E2;
  border-radius: 50px;
  color: #292929;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.treatment_menu .wrap > ul > li > .subbox .subnav li a::before {
  display: none;
}

@media screen and (min-width: 48em), print {
  .treatment_menu {
    overflow: hidden;
  }
  .treatment_menu .wrap::before {
    width: 2000px;
    background: url("../img/index_treatmentMenu_bg02.jpg") no-repeat center/auto auto;
  }
  .treatment_menu .wrap::after {
    width: 2000px;
    background: url("../img/index_treatmentMenu_bg01.svg") no-repeat center top/auto auto, url("../img/index_treatmentMenu_bg03.svg") no-repeat center bottom/auto auto;
  }
  .treatment_menu .wrap > ul {
    padding: 11rem 0 8rem;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 4rem;
  }
  .treatment_menu .wrap > ul > li {
    width: 17.4rem;
    margin: 0;
  }
  .treatment_menu .wrap > ul > li a, .treatment_menu .wrap > ul > li .child_sub {
    font-size: 1.8rem;
  }
  .treatment_menu .wrap > ul > li a::before, .treatment_menu .wrap > ul > li .child_sub::before {
    font-size: 11rem;
    width: 100%;
    height: 20rem;
    margin: 0 0 1.6rem;
  }
  .treatment_menu .wrap > ul > li a.orthopedics, .treatment_menu .wrap > ul > li .child_sub.orthopedics {
    font-size: 1.7rem;
    white-space: nowrap;
  }
  .treatment_menu .wrap > ul > li > .subbox .subnav {
    width: 28rem;
    padding: 3rem;
    top: 15rem;
    right: -8.7rem;
  }
  .treatment_menu .wrap > ul > li > .subbox .subnav li {
    width: 100%;
    margin: 0 0 1.6rem;
  }
  .treatment_menu .wrap > ul > li > .subbox .subnav li a {
    font-size: 1.8rem;
    padding: 1.1rem 0;
    cursor: pointer;
  }
  .treatment_menu .wrap > ul > li > .subbox .subnav li a:hover {
    background: #4470D6;
    color: #fff;
    border: 2px solid #4470D6;
  }
}
/* 診療カレンダー -------------------------------------- */
.calendar_area {
  padding: 2rem 0 2rem;
}
.calendar_area .cal_flex > div {
  margin: 0 0 2rem;
}
.calendar_area .cal_flex > div .caledit {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  overflow: hidden;
}
.calendar_area .cal_flex > div .caledit tbody tr.month {
  overflow: hidden;
}
.calendar_area .cal_flex > div .caledit tbody tr.month th {
  padding: 0.4rem 0 0;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  background: #4470D6;
  border-radius: 20px 20px 0 0;
  border: none;
  color: #fff;
  font-family: "游ゴシック体", YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}
.calendar_area .cal_flex > div .caledit tbody tr.month th::after {
  content: "";
  width: 100%;
  height: 0.6rem;
  background: #fff;
  display: block;
  border: 1px solid #fff;
}
.calendar_area .cal_flex > div .caledit tbody tr.week {
  position: relative;
}
.calendar_area .cal_flex > div .caledit tbody tr.week::after {
  content: "";
  display: block;
  width: 100%;
  height: 0.6rem;
  background: #fff;
  border: #fff 1px solid;
  border-bottom: 1px #E3E3DD solid;
  position: absolute;
  left: 0;
  bottom: -1px;
}
.calendar_area .cal_flex > div .caledit tbody tr.week th {
  font-size: 1.4rem;
  padding: 0 0 0.6rem;
  font-weight: bold;
  background: #9AC0E2;
  color: #fff;
  border: 1px solid #fff;
  font-family: "游ゴシック体", YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}
.calendar_area .cal_flex > div .caledit tbody tr.day td {
  color: #333;
  background: #fff;
  border: 1px solid #E3E3DD;
  font-family: "游ゴシック体", YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
  font-weight: 500;
  padding: 0.4rem 0 0.2rem;
}
.calendar_area .cal_flex > div .caledit tbody tr.day td.notTheMonth {
  color: #fff !important;
  background: #fff !important;
}
.calendar_area .cal_flex > div .caledit tbody tr.day td.notTheMonth.outPatient {
  color: #fff !important;
}
.calendar_area .cal_flex > div .caledit tbody tr.day td.outPatient {
  background: #FFB2CA;
  color: #fff;
}
.calendar_area .cal_flex > div .caledit tbody tr.day td.amOnly {
  background: #7ECDD1;
  color: #fff;
}
.calendar_area .cal_flex > div .caledit tbody tr.day td.pmOnly {
  background: #D1827E;
  color: #fff;
}
.calendar_area .cal_flex > div .lst_status li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.calendar_area .cal_flex > div .lst_status li::before {
  content: "";
  display: block;
  margin-right: 0.4rem;
  width: 3rem;
  height: 1em;
  background: #222;
}
.calendar_area .cal_flex > div .lst_status li.close::before {
  background: #FFB2CA;
}
.calendar_area .cal_flex > div .lst_status li.amOnly::before {
  background: #7ECDD1;
}
.calendar_area .cal_flex > div .lst_status li.pmOnly::before {
  background: #D1827E;
}

@media screen and (min-width: 48em), print {
  .calendar_area {
    padding: 8.5rem 0 12rem;
  }
  .calendar_area .cal_flex {
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .calendar_area .cal_flex > div {
    width: 54rem;
  }
  .calendar_area .cal_flex > div .caledit {
    margin: 0 0 2.3rem;
  }
  .calendar_area .cal_flex > div .caledit tbody tr.month th {
    font-size: 2.8rem;
    padding: 0;
    line-height: 2.2;
  }
  .calendar_area .cal_flex > div .caledit tbody tr.month th::after {
    height: 2rem;
  }
  .calendar_area .cal_flex > div .caledit tbody tr.week th {
    font-size: 2rem;
    padding: 0.8rem 0 1rem;
  }
  .calendar_area .cal_flex > div .caledit tbody tr.day td {
    font-size: 2.8rem;
    padding: 1.6rem 0;
  }
  .calendar_area .cal_flex > div .lst_status li {
    font-size: 1.7rem;
  }
  .calendar_area .cal_flex > div .lst_status li::before {
    width: 5rem;
    height: 2rem;
  }
}
/* スケジュール -------------------------------------- */
.schedule_area {
  padding: 2rem 0 2rem;
}
.schedule_area #editedTable {
  width: 100%;
  border-top: #999999 solid 1px;
  border-left: #999999 solid 1px;
  border-collapse: collapse;
  border-spacing: 0;
}
.schedule_area #editedTable th {
  display: none;
}
.schedule_area #editedTable tr:nth-child(1), .schedule_area #editedTable tr:nth-child(2) {
  display: none;
}
.schedule_area #editedTable td {
  text-align: center;
  border-bottom: 1px solid #999;
  border-right: 1px solid #999;
}
.schedule_area #editedTable tr:nth-child(4) {
  background: #9ac0e2;
  color: #FFF;
}
.schedule_area #editedTable tr:nth-child(4n+1) {
  background: #ffb2ca !important;
  color: #FFF !important;
}

@media screen and (min-width: 48em), print {
  .schedule_area {
    padding: 0rem 0 12rem;
  }
  a.bnr_recruit {
    display: block;
    width: 96%;
    height: auto;
    margin: 1rem auto;
    padding: 0.5rem 0 0.5rem 14rem;
    border: 3px solid #4470D6;
    background: url(../img/bnr_recruit.png) #fff no-repeat left center/auto 100%;
    color: #4470D6;
    font-size: 4.8vw;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
  }
  a.bnr_recruit span {
    display: block;
    width: 60%;
    margin: 0 auto;
    background: #4470D6;
    border-radius: 2rem;
    font-size: 1.2rem;
    line-height: 160%;
    font-weight: normal;
    color: #fff;
  }
}
@media screen and (min-width: 48em) and (min-width: 48em), print {
  a.bnr_recruit {
    width: 800px;
    height: 12rem;
    margin: 0 auto 8rem;
    padding: 1rem 0 2rem 40rem;
    background: url(../img/bnr_recruit.png) #fff no-repeat left center/50% auto;
    color: #4470D6;
    font-size: 3.5rem;
    text-align: center;
  }
  a.bnr_recruit span {
    margin: 0 auto;
    font-size: 1.8rem;
    line-height: 160%;
  }
}
/* ----------------------------------------------------------------------------------
下層　_lower.scss
---------------------------------------------------------------------------------- */
body:not(.index) .breadcrumb_list {
  display: none;
}
@media screen and (min-width: 48em), print {
  body:not(.index) .breadcrumb_list {
    width: 1200px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  body:not(.index) .breadcrumb_list li {
    font-size: 1.4rem;
    display: inline-block;
  }
  body:not(.index) .breadcrumb_list li:not(:last-child)::after {
    content: "s";
    font-family: "fontello";
    display: inline-block;
    margin: 0 1rem;
    color: #4470D6;
  }
  body:not(.index) .breadcrumb_list li a {
    text-decoration: underline;
  }
}
@media screen and (min-width: 48em), print {
  body:not(.index) > .wrap {
    width: 1000px;
  }
}
body:not(.index) .main {
  margin: 4rem 1rem 6rem;
}
@media screen and (min-width: 48em), print {
  body:not(.index) .main {
    margin: 0 0 10rem;
    line-height: 1.7;
    letter-spacing: 0.1rem;
    font-size: 1.7rem;
  }
}

@media screen and (min-width: 48em), print {
  .cf .img_l, .cf .img_r {
    max-width: 40%;
    height: auto;
  }
}
/* 医師紹介・医院紹介 */
@media screen and (min-width: 48em), print {
  .clinic .cf .img_r {
    max-width: 30%;
  }
}
.clinic .cf .txt_r {
  font-size: 120%;
}

.dl_doctor div {
  margin: 0 0 0.6rem;
}
.dl_doctor div dt {
  font-weight: bold;
  color: #4470D6;
}
.dl_doctor div dd {
  padding: 0;
  margin: 0;
}
@media screen and (min-width: 48em), print {
  .dl_doctor div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin: 0 0 1.4rem;
  }
  .dl_doctor div dt {
    margin-right: 1.6rem;
    min-width: 10rem;
  }
  .dl_doctor div dd {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}

@media screen and (min-width: 48em), print {
  .clinic .flex2 {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 6rem auto 0;
  }
  .clinic .flex2 > section {
    width: 58%;
  }
  .clinic .flex2 > .mt20 {
    width: 40%;
    margin: 0;
  }
  .clinic .flex2 > .mt20 > .mt20 {
    margin-top: 4rem;
  }
}
/* クリニック紹介 */
#slider, #thumbnail_slider, #slider_02, #thumbnail_slider_02 {
  width: 100%;
}
@media screen and (min-width: 48em), print {
  #slider, #thumbnail_slider, #slider_02, #thumbnail_slider_02 {
    max-width: 750px;
  }
}

#slider, #slider_02 {
  margin: 0 auto 0.2rem;
}
#slider figure, #slider_02 figure {
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 1;
}
#slider figure figcaption, #slider_02 figure figcaption {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: auto;
  padding: 0.4rem 0.2rem;
  margin: 0 auto;
  text-align: center;
  font-size: 1.4rem;
  color: #fff;
  background: rgba(34, 34, 34, 0.8);
}
@media screen and (min-width: 48em), print {
  #slider figure figcaption, #slider_02 figure figcaption {
    padding: 0.8rem 1rem;
    font-size: 1.8rem;
  }
}

#thumbnail_slider, #thumbnail_slider_02 {
  margin: 0 auto 2rem;
}
#thumbnail_slider .slick-list .thumbnail-item, #thumbnail_slider_02 .slick-list .thumbnail-item {
  width: 6rem;
}
@media screen and (min-width: 48em), print {
  #thumbnail_slider .slick-list .thumbnail-item, #thumbnail_slider_02 .slick-list .thumbnail-item {
    width: 14rem;
  }
}
#thumbnail_slider .slick-list .thumbnail-item img, #thumbnail_slider_02 .slick-list .thumbnail-item img {
  cursor: -webkit-grab;
  cursor: grab;
}
#thumbnail_slider .slick-list .thumbnail-item img:active, #thumbnail_slider_02 .slick-list .thumbnail-item img:active {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
#thumbnail_slider .slick-list .slick-current, #thumbnail_slider_02 .slick-list .slick-current {
  position: relative;
}
#thumbnail_slider .slick-list .slick-current::after, #thumbnail_slider_02 .slick-list .slick-current::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border: 4px solid #222;
}
#thumbnail_slider .slick-list .slick-current img, #thumbnail_slider_02 .slick-list .slick-current img {
  width: 100%;
  display: block;
}
#thumbnail_slider .slick-prev::before, #thumbnail_slider .slick-next::before, #thumbnail_slider_02 .slick-prev::before, #thumbnail_slider_02 .slick-next::before {
  color: #222;
}

.slide-item img {
  width: 100%;
  height: auto;
}

.thumbnail-item img {
  width: 98%;
  display: block;
  margin: 0 auto;
}

#clinicslide {
  margin-bottom: 8rem;
}
#clinicslide img, #clinicslide p {
  display: none;
}

.sp-layer.sp-black.sp-padding {
  text-align: center;
  font-size: 2.4rem;
}

.sp-selected-thumbnail {
  border: 4px solid #000;
}

.device li {
  margin: 0 0 2rem;
  text-align: center;
}
.device li img {
  display: block;
  margin: 0 auto 0.6rem;
  max-width: 80%;
  height: auto;
}

@media screen and (min-width: 48em), print {
  .device {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .device li {
    width: 48%;
  }
  .device li img {
    margin: 0 auto 1rem;
    max-width: 100%;
  }
}
/* 初めての方へ */
@media screen and (min-width: 48em), print {
  .first .main .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .first .main .flex > * {
    width: 48%;
  }
  .first .main .flex > * p {
    min-height: 7rem;
  }
}
.first .main .tbl_plan {
  table-layout: auto !important;
}
.first .main .tbl_plan tr th {
  width: 25%;
}
.first .main .tbl_plan tr td {
  display: block;
}

@media screen and (min-width: 48em), print {
  .first .main .tbl_plan tr th {
    width: 20%;
  }
  .first .main .tbl_plan tr td {
    display: table-cell;
    min-width: 13rem;
  }
  .first .main .tbl_plan tr td.pc_n {
    display: none;
  }
}
/* 診療時間・アクセス */
.access .gmap {
  height: 30rem;
  margin: 2rem 0;
}

@media screen and (min-width: 48em), print {
  .access .gmap {
    height: 50rem;
  }
}
/* 整形外科・ペイン外来 */
/* 健康診断 */
.checkup .tbl_checkup tbody tr th {
  text-align: left !important;
  padding: 2rem 2.2rem !important;
}

/* 入院治療 */
.hospitalization .main .tit {
  font-weight: bold;
  color: #4470D6;
}
/*# sourceMappingURL=style.css.map */