@charset "UTF-8";
/* rgba(240, 173, 206, 1) */
/* rgba(171, 154, 134, 1) */
.tk-fot-tsukubrdgothic-std {
  font-family: "fot-tsukubrdgothic-std", sans-serif;
}

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

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

.mt-20 {
  margin-top: -2rem !important;
}

.mt10 {
  margin-top: 1rem !important;
}

.mb10 {
  margin-bottom: 1rem !important;
}

.mt20 {
  margin-top: 2rem !important;
}

.mb20 {
  margin-bottom: 2rem !important;
}

.mt30 {
  margin-top: 3rem !important;
}

.mb30 {
  margin-bottom: 3rem !important;
}

.mt50 {
  margin-top: 5rem !important;
}

.mb50 {
  margin-bottom: 5rem !important;
}

.ml05 {
  margin-left: 0.5rem !important;
}

.mr05 {
  margin-right: 0.5rem !important;
}

.ml20 {
  margin-left: 2rem !important;
}

.mr20 {
  margin-right: 2rem !important;
}

.mt-40 {
  margin-top: -4rem !important;
}

.w100 {
  width: 100%;
}

/*.wrapper {
    padding: 0;
    overflow: hidden;
    position: relative;
}*/
/*----- フェードイン -----*/
.inviewfadeIn {
  opacity: 0;
  transition: 0.7s;
}

.fadeIn {
  opacity: 1;
}

/*----- 上へスライド -----*/
.inviewUp {
  transform: translate(0, 20px);
  -webkit-transform: translate(0, 20px);
  transition: 0.7s;
}

.Up {
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
}

/*----- ズームイン -----*/
.inviewzoomIn {
  transform: scale(0, 0);
  -webkit-transform: scale(0, 0);
  transition: 0.7s;
}

.zoomIn {
  transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
}

/*----- フェードインしながら上へスライド -----*/
.inviewfadeInUp {
  opacity: 0;
  transform: translate(0, 40px);
  -webkit-transform: translate(0, 40px);
  transition: 0.7s;
}

.fadeInUp {
  opacity: 1;
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
}

/*----- フェードインしながら上へスライド（繰り返し用） -----*/
.inviewfadeInUp_r {
  opacity: 0;
  transform: translate(0, 40px);
  -webkit-transform: translate(0, 40px);
  transition: 0.7s;
}

.fadeInUp_r {
  opacity: 1;
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
}

/*----- フェードインしながら横へスライド -----*/
.inviewslideInUp {
  opacity: 0;
  transform: translate(-80px, 0px);
  -webkit-transform: translate(-80px, 0px);
  transition: 0.7s;
}

.slideInUp {
  opacity: 1;
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
}

@media (min-width: 320px) {
  .delay_2 {
    transition-delay: 0s;
  }
}
@media (min-width: 768px) {
  .delay_2 {
    transition-delay: 0.2s;
  }
}

@media (min-width: 320px) {
  .delay_4 {
    transition-delay: 0s;
  }
}
@media (min-width: 768px) {
  .delay_4 {
    transition-delay: 0.4s;
  }
}

@media (min-width: 320px) {
  .delay_6 {
    transition-delay: 0s;
  }
}
@media (min-width: 768px) {
  .delay_6 {
    transition-delay: 0.6s;
  }
}

@media (min-width: 320px) {
  .delay_8 {
    transition-delay: 0s;
  }
}
@media (min-width: 768px) {
  .delay_8 {
    transition-delay: 0.8s;
  }
}

html {
  font-size: 62.5%;
}

body {
  font-size: 1.6rem;
  color: #222222;
  line-height: 1.8;
}

img {
  max-width: 100%;
}

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

@media (min-width: 320px) {
  p,
  table tr th,
  table tr td,
  dl dt,
  dl dd {
    font-size: 1.4rem;
  }
}
@media (min-width: 768px) {
  p,
  table tr th,
  table tr td,
  dl dt,
  dl dd {
    font-size: 1.6rem;
  }
}

@media (min-width: 320px) {
  .sticky {
    position: static;
  }
}
@media (min-width: 992px) {
  .sticky {
    position: sticky;
    top: 12rem;
  }
}

.chart-container {
  width: 100%;
}
@media (min-width: 320px) {
  .chart-container {
    height: 300px;
  }
}
@media (min-width: 768px) {
  .chart-container {
    height: auto;
  }
}
.chart-container #myChart {
  width: 100%;
}

.side_nav .sticky .small_nav {
  display: block;
  border-bottom: none;
}
.side_nav .sticky .small_nav li span {
  cursor: pointer;
  transition: 0.3s;
  font-size: 1.4rem;
}
.side_nav .sticky .small_nav li span:hover {
  opacity: 0.7;
}

#first_floor .tab-content > .active,
#second_floor .tab-content > .active {
  animation: fade-in 0.5s;
}

@keyframes fade-in {
  0% {
    opacity: 0;
    transform: translate(0, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0px);
  }
}
/* header */
#top-head {
  top: -100px;
  position: absolute;
  width: 100%;
  margin: 100px auto 0;
  z-index: 999;
  background: #fff;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
}
#top-head .inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1280px;
  margin: 0 auto;
}
@media (min-width: 320px) {
  #top-head .inner #mobile-head {
    width: 100%;
  }
}
@media (min-width: 992px) {
  #top-head .inner #mobile-head {
    width: 25%;
  }
}
@media (min-width: 1200px) {
  #top-head .inner #mobile-head {
    width: 30%;
  }
}
#top-head .inner #global-nav {
  margin-left: auto;
}
@media (min-width: 320px) {
  #top-head .inner #global-nav {
    width: 100%;
  }
}
@media (min-width: 992px) {
  #top-head .inner #global-nav {
    width: 75%;
  }
}
@media (min-width: 1200px) {
  #top-head .inner #global-nav {
    width: 850px;
  }
}
@media (min-width: 320px) {
  #top-head .logo {
    padding: 1rem 0 0 1rem;
  }
}
@media (min-width: 768px) {
  #top-head .logo {
    padding: 1rem 0 0 2rem;
  }
}
@media (min-width: 320px) {
  #top-head .logo img {
    max-width: 150px;
  }
}
@media (min-width: 768px) {
  #top-head .logo img {
    max-width: 200px;
  }
}

#global-nav .global_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  width: 100%;
}
@media (min-width: 320px) {
  #global-nav .global_box {
    margin-top: 3rem;
  }
}
@media (min-width: 992px) {
  #global-nav .global_box {
    margin-top: 0;
  }
}
#global-nav .global_box .menu {
  display: flex;
  margin: 0;
}
@media (min-width: 320px) {
  #global-nav .global_box .menu {
    order: 2;
  }
}
@media (min-width: 992px) {
  #global-nav .global_box .menu {
    order: 3;
  }
}
#global-nav .global_box .menu li a {
  display: inline-block;
  color: #707070;
  font-size: 1.4rem;
  font-weight: bold;
  position: relative;
}
#global-nav .global_box .menu li a:after {
  position: absolute;
  content: "";
  bottom: 1rem;
  left: 10%;
  width: 0;
  height: 2px;
  /*
                          background: #E08DB0;
  */
  transition: 0.1s;
}
#global-nav .global_box .menu li a:hover {
  opacity: 0.7;
  text-decoration: none;
}
#global-nav .global_box .menu li a:hover:after {
  width: 80%;
}
@media (min-width: 992px) {
  #global-nav .global_box .menu li a {
    padding: 2rem 2.65rem 2rem 2.65rem;
  }
}
#global-nav .global_box .top_nav {
  margin-top: 1.5rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (min-width: 320px) {
  #global-nav .global_box .top_nav {
    margin-right: 0;
    order: 3;
    width: 100%;
  }
}
@media (min-width: 992px) {
  #global-nav .global_box .top_nav {
    margin-right: 1rem;
    order: 1;
    width: 58%;
  }
}
#global-nav .global_box .top_nav ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0;
}
@media (min-width: 320px) {
  #global-nav .global_box .top_nav ul {
    padding: 0 1rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
  }
}
@media (min-width: 992px) {
  #global-nav .global_box .top_nav ul {
    padding: 0;
    justify-content: flex-end;
    width: 100%;
  }
}
@media (min-width: 320px) {
  #global-nav .global_box .top_nav ul li {
    width: 49%;
    margin-left: 0;
    margin-bottom: 1rem;
  }
}
@media (min-width: 768px) {
  #global-nav .global_box .top_nav ul li {
    width: 33%;
    margin-left: 0;
    margin-bottom: 0;
  }
}
@media (min-width: 992px) {
  #global-nav .global_box .top_nav ul li {
    width: auto;
    margin-left: 1rem;
  }
}
@media (min-width: 992px) {
  #global-nav .global_box .top_nav ul li:first-of-type {
    margin-left: 0;
  }
}
#global-nav .global_box .top_nav ul li a {
  background: #e08db0;
  border: 2px solid #e08db0;
  padding: 0.24rem 1.5rem;
  color: #fff;
  border-radius: 50px;
  transition: 0.3s;
  font-size: 1.4rem;
  display: block;
}
#global-nav .global_box .top_nav ul li a:before {
  font-family: "Font Awesome 6 pro";
  font-weight: 300;
  margin-right: 1rem;
}
#global-nav .global_box .top_nav ul li a:hover {
  background: #f7f4ee;
  color: #e08db0;
  text-decoration: none;
}
#global-nav .global_box .top_nav ul li.english_btn a {
  background: #f7f4ee;
  color: #e08db0;
}
#global-nav .global_box .top_nav ul li.english_btn a:hover {
  background: #e08db0;
  color: #fff;
  text-decoration: none;
}
#global-nav .global_box .top_nav ul li.english_btn a:before {
  content: "\f0ac";
}
#global-nav .global_box .top_nav ul li.info_btn a:before {
  content: "\f0e0";
  font-weight: 900;
}
#global-nav .global_box .top_nav ul li.appform_btn a:before {
  font-family: "Font Awesome 6 pro";
  content: "\e0d2";
  font-weight: 900;
}
#global-nav .global_box .top_nav ul li.access_btn a:before {
  font-family: "Font Awesome 6 pro";
  font-weight: 900;
  content: "\f1b9";
}
@media (min-width: 320px) {
  #global-nav .global_box .search {
    width: 100%;
    margin-top: 0;
    order: 1;
  }
}
@media (min-width: 992px) {
  #global-nav .global_box .search {
    width: 40%;
    margin-top: 1.7rem;
    order: 2;
  }
}
#global-nav .global_box .search .search_window {
  margin-left: 1rem;
  position: relative;
  text-align: left;
}
@media (min-width: 320px) {
  #global-nav .global_box .search .search_window {
    margin-bottom: 2rem;
    margin-right: 15px;
  }
}
@media (min-width: 992px) {
  #global-nav .global_box .search .search_window {
    margin-bottom: 0;
    margin-right: 2.65rem;
  }
}
@media (min-width: 320px) {
  #global-nav .global_box .search .search_window table tr th,
  #global-nav .global_box .search .search_window table tr td {
    font-size: 1.6rem;
  }
}
@media (min-width: 992px) {
  #global-nav .global_box .search .search_window table tr th,
  #global-nav .global_box .search .search_window table tr td {
    font-size: 1.6rem;
  }
}

/* Fixed */
#top-head.fixed {
  margin-top: 0;
  top: 0;
  position: fixed;
  height: auto;
  background: #fff;
  transition: top 0.3s ease-in;
}
@media (min-width: 320px) {
  #top-head.fixed .logo {
    padding: 1rem 0 0 1rem;
  }
}
@media (min-width: 768px) {
  #top-head.fixed .logo {
    padding: 1rem 0 0 2rem;
  }
}
@media (min-width: 320px) {
  #top-head.fixed .logo img {
    max-width: 150px;
  }
}
@media (min-width: 768px) {
  #top-head.fixed .logo img {
    max-width: 200px;
  }
}

/* Toggle Button */
#nav-toggle {
  display: none;
  position: absolute;
  right: 1rem;
  top: 2rem;
  width: 34px;
  height: 36px;
  cursor: pointer;
  z-index: 101;
}
#nav-toggle div {
  position: relative;
}
#nav-toggle span {
  display: block;
  position: absolute;
  height: 4px;
  width: 100%;
  background: #003398;
  border-radius: 100px;
  left: 0;
  -webkit-transition: 0.35s ease-in-out;
  -moz-transition: 0.35s ease-in-out;
  transition: 0.35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
  top: 0;
}
#nav-toggle span:nth-child(2) {
  top: 11px;
}
#nav-toggle span:nth-child(3) {
  top: 22px;
}

@media (max-width: 992px) {
  #top-head,
  .inner {
    width: 100%;
    padding: 0;
  }
  #top-head {
    top: 0;
    position: fixed;
    margin-top: 0;
  }
  #top-head.fixed {
    padding-top: 0;
    background: transparent;
  }
  #mobile-head {
    background: #fff;
    width: 100%;
    height: 70px;
    z-index: 999;
    position: relative;
  }
  #global-nav {
    position: absolute;
    /* 開いてないときは画面外に配置 */
    top: -700px;
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
    width: 100%;
    text-align: center;
    padding: 10px 0;
    -webkit-transition: 0.4s ease-in-out;
    -moz-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
  }
  #global-nav .global_box .menu {
    list-style: none;
    position: static;
    right: 0;
    bottom: 0;
    font-size: 1.4rem;
    display: block;
    width: 100%;
  }
  #global-nav .global_box .menu li {
    float: none;
    position: static;
  }
  #top-head #global-nav .global_box .menu li a,
  #top-head.fixed #global-nav .global_box .menu li a {
    width: 90%;
    margin: 0 auto;
    display: block;
    padding: 18px 0;
  }
  #nav-toggle {
    display: block;
  }
  /* #nav-toggle 切り替えアニメーション */
  .open #nav-toggle span:nth-child(1) {
    top: 11px;
    -webkit-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    transform: rotate(315deg);
  }
  .open #nav-toggle span:nth-child(2) {
    width: 0;
    left: 50%;
  }
  .open #nav-toggle span:nth-child(3) {
    top: 11px;
    -webkit-transform: rotate(-315deg);
    -moz-transform: rotate(-315deg);
    transform: rotate(-315deg);
  }
  /* #global-nav スライドアニメーション */
  .open #global-nav {
    /* #global-nav top + #mobile-head height */
    -moz-transform: translateY(756px);
    -webkit-transform: translateY(756px);
    transform: translateY(756px);
  }
}
@media (min-width: 320px) {
  #___gcse_1 {
    width: 100% !important;
  }
}
@media (min-width: 992px) {
  #___gcse_1 {
    width: 100% !important;
  }
}
@media (min-width: 320px) {
  #___gcse_1 table tr th,
  #___gcse_1 table tr td {
    font-size: 1.6rem;
  }
}
@media (min-width: 992px) {
  #___gcse_1 table tr th,
  #___gcse_1 table tr td {
    font-size: 1.6rem;
  }
}

/* headerより */
.gsc-control-cse {
  font-family: arial, sans-serif;
}

.gsc-control-cse .gsc-table-result {
  font-family: arial, sans-serif;
}

.gsc-refinementsGradient {
  background: linear-gradient(to left, rgb(255, 255, 255), rgba(255, 255, 255, 0));
}

/* ↑ここまで */
.gsc-input-box {
  border-radius: 100px 0 0 100px !important;
  border: 2px solid #e08db0 !important;
  padding: 0 !important;
}

.gsc-search-box .gsc-input {
  padding-right: 0 !important;
  margin-left: 4px !important;
}

.gsib_a {
  padding: 0 9px !important;
}

.gsst_a {
  padding: 0 4px !important;
}

.gsc-search-button-v2 {
  padding: 7px 18px !important;
  vertical-align: top !important;
}
.gsc-search-button-v2 svg {
  width: 15px !important;
  height: 15px !important;
}

.gsc-search-button-v2:active {
  border: 2px solid #e08db0 !important;
}

.gsc-search-button {
  margin-left: 0 !important;
}

.gsc-input {
  outline: none !important;
}

.gsst_a .gscb_a {
  position: absolute !important;
  top: 1px !important;
  left: -10px !important;
}

.gsc-search-box td {
  vertical-align: top;
}

.gsc-search-button-v2,
.gsc-search-button-v2:hover,
.gsc-search-button-v2:focus {
  border: 2px solid #e08db0 !important;
  border-radius: 0 100px 100px 0 !important;
  background-color: #e08db0 !important;
}

@media (min-width: 320px) {
  .gsc-control-cse .gs-spelling,
  .gsc-control-cse .gs-result .gs-title,
  .gsc-control-cse .gs-result .gs-title * {
    font-size: 1.6rem !important;
  }
}
@media (min-width: 768px) {
  .gsc-control-cse .gs-spelling,
  .gsc-control-cse .gs-result .gs-title,
  .gsc-control-cse .gs-result .gs-title * {
    font-size: 1.8rem !important;
  }
}

.gsc-webResult.gsc-result {
  border-bottom: 1px solid #ddd !important;
  padding-bottom: 1rem !important;
}

.gsc-webResult.gsc-result {
  padding: 15px 0 15px 0 !important;
}

@media (min-width: 320px) {
  .gs-webResult:not(.gs-no-results-result):not(.gs-error-result) .gs-snippet,
  .gs-fileFormatType {
    font-size: 1.4rem !important;
  }
}
@media (min-width: 768px) {
  .gs-webResult:not(.gs-no-results-result):not(.gs-error-result) .gs-snippet,
  .gs-fileFormatType {
    font-size: 1.6rem !important;
  }
}

@media (min-width: 320px) {
  .gsc-control-cse,
  .gsc-control-cse .gsc-table-result {
    padding: 0;
    font-size: 1.4rem !important;
  }
}
@media (min-width: 768px) {
  .gsc-control-cse,
  .gsc-control-cse .gsc-table-result {
    font-size: 1.6rem !important;
  }
}

/* -------------- */
html {
  scroll-padding-top: 100px;
}

body {
  font-style: normal;
  color: #515151;
}

html[lang=ja] body {
  font-family: "Noto Sans JP", "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.8;
}

html[lang=en] body {
  font-family: noto-sans, sans-serif;
  font-weight: 300;
}

@media (min-width: 992px) {
  main {
    padding-top: 11rem;
  }
}
/* 改行 */
@media (min-width: 768px) {
  .pc,
  .sp {
    display: none;
  }
  .tb {
    display: inline;
  }
}
@media (min-width: 992px) {
  .pc {
    display: inline;
  }
  .sp,
  .tb {
    display: none;
  }
}
@media (max-width: 768px) {
  .pc {
    display: none;
  }
  .sp {
    display: inline;
  }
  .tb {
    display: none;
  }
}
.main_v {
  position: relative;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  background: #fff;
}
.main_v .main_bg {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  -webkit-animation-name: anime;
  animation-name: anime;
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-duration: 28s;
  animation-duration: 28s;
}
.main_v .top_news {
  position: absolute;
  bottom: 5rem;
  right: 0;
  z-index: 2;
  background: #fff;
  border-radius: 100px 0 0 100px;
  padding: 0.5rem;
  width: 500px;
  height: 70px;
  overflow: hidden;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
}
.main_v .top_news .slider_1 .swiper-wrapper .swiper-slide .news_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-right: 0.5rem;
}
.main_v .top_news .slider_1 .swiper-wrapper .swiper-slide .news_box .date {
  margin: 0;
  padding: 0.5rem;
  width: 6rem;
  height: 6rem;
  border-radius: 100px;
  border: 1px solid #ddd;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #616161;
}
.main_v .top_news .slider_1 .swiper-wrapper .swiper-slide .news_box .date .year {
  font-size: 1rem;
  width: 100%;
  margin: 0;
  line-height: 1.2;
}
.main_v .top_news .slider_1 .swiper-wrapper .swiper-slide .news_box .date .day {
  font-size: 1.4rem;
  width: 100%;
  margin: -1rem 0 0 0;
  line-height: 1.2;
}
.main_v .top_news .slider_1 .swiper-wrapper .swiper-slide .news_box .top_topic {
  font-size: 1.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 500;
}
.main_v .top_news .slider_1 .swiper-wrapper .swiper-slide .news_box .top_topic span {
  background: #ddd;
  font-size: 1.4rem;
  border-radius: 3px;
  padding: 0 1rem;
  margin: 0 1rem;
  color: #fff;
}
.main_v .top_news .slider_1 .swiper-wrapper .swiper-slide .news_box .top_topic span.topic, .main_v .top_news .slider_1 .swiper-wrapper .swiper-slide .news_box .top_topic span.news {
  background: #54ba07;
}
.main_v .top_news .slider_1 .swiper-button-prev {
  background: none;
  right: 0;
  left: auto;
  top: 2.5rem;
  height: auto;
}
.main_v .top_news .slider_1 .swiper-button-next {
  background: none;
  right: 0;
  left: auto;
  top: 5.5rem;
  height: auto;
}

@media (min-width: 320px) {
  .main_v {
    height: 72vh;
  }
}
@media (min-width: 768px) {
  .main_v {
    height: 79vh; /*80vh*/
  }
}
@media (min-width: 320px) {
  .main_v .main_bg:nth-of-type(1) {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
    background-image: url(/img/top_bg_1_mo.jpg);
  }
  .main_v .main_bg:nth-of-type(2) {
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
    background-image: url(/img/top_bg_2_mo.jpg);
  }
  .main_v .main_bg:nth-of-type(3) {
    -webkit-animation-delay: 13s;
    animation-delay: 13s;
    background-image: url(/img/top_bg_3_mo.jpg);
  }
  .main_v .main_bg:nth-of-type(4) {
    -webkit-animation-delay: 20s;
    animation-delay: 20s;
    background-image: url(/img/top_bg_4_mo.jpg);
  }
}
@media (min-width: 320px) and (min-width: 768px) {
  .main_v .main_bg:nth-of-type(1) {
    background-image: url(/img/top_bg_1.jpg);
  }
  .main_v .main_bg:nth-of-type(2) {
    background-image: url(/img/top_bg_2.jpg);
  }
  .main_v .main_bg:nth-of-type(3) {
    background-image: url(/img/top_bg_3.jpg);
  }
  .main_v .main_bg:nth-of-type(4) {
    background-image: url(/img/top_bg_4.jpg);
  }
}
.main_v .top_catch:nth-of-type(1) {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
.main_v .top_catch:nth-of-type(2) {
  -webkit-animation-delay: 6s;
  animation-delay: 6s;
}
.main_v .top_catch:nth-of-type(3) {
  -webkit-animation-delay: 13s;
  animation-delay: 13s;
}
.main_v .top_catch:nth-of-type(4) {
  -webkit-animation-delay: 20s;
  animation-delay: 20s;
}

@media (min-width: 320px) {
  .main_v .top_catch {
    position: absolute;
    top: 62%;
    z-index: 3;
    left: 15px;
    font-family: fot-tsukubrdgothic-std, sans-serif;
    font-weight: 700;
    color: #434343;
    background: rgba(255, 255, 255, 0.7);
    line-height: 1.5;
    font-size: 1.8rem;
    padding: 2rem;
    width: 310px;
    letter-spacing: 2px;
  }
  .main_v .top_catch span {
    font-size: 1.6rem;
    letter-spacing: 1px;
  }
}
@media (min-width: 320px) and (min-width: 768px) {
  .main_v .top_catch {
    left: 60px;
    top: 64%;
    font-size: 3.5rem;
    padding: 2rem 3rem;
    width: 560px;
    letter-spacing: 3px;
  }
  .main_v .top_catch span {
    font-size: 2rem;
    letter-spacing: 1.5px;
  }
}
@media (min-width: 320px) and (min-width: 768px) and (min-width: 1200px) {
  .main_v .top_catch {
    left: 100px;
    top: 54%;
    font-size: 4rem;
    padding: 3rem 4rem;
    width: 660px;
    letter-spacing: 4px;
  }
  .main_v .top_catch span {
    font-size: 2rem;
    letter-spacing: 2px;
  }
}
@media (min-width: 320px) and (min-width: 768px) and (min-width: 1200px) and (min-width: 1860px) {
  .main_v .top_catch {
    left: 18%;
  }
}
@media (min-width: 320px) {
  .main_v .top_news {
    display: none;
  }
}
@media (min-width: 768px) {
  .main_v .top_news {
    display: block;
  }
}
@-webkit-keyframes anime {
  0% {
    opacity: 0;
  }
  8% {
    opacity: 1;
  }
  17% {
    opacity: 1;
  }
  25% {
    opacity: 0;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    z-index: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes anime {
  0% {
    opacity: 0;
  }
  8% {
    opacity: 1;
  }
  17% {
    opacity: 1;
  }
  25% {
    opacity: 0;
    transform: scale(1.1);
    z-index: 1;
  }
  100% {
    opacity: 0;
  }
}
.kranke_menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.kranke_menu .kranke_menu_box {
  border-radius: 4px;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  /* -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; */
  -webkit-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
}
.kranke_menu .kranke_wrap:first-child .kranke_menu_box {
  border: 1.5px solid #be93c2;
}
.kranke_menu .kranke_wrap:nth-child(2) .kranke_menu_box {
  border: 1.5px solid #87c899;
}
.kranke_menu .kranke_wrap:nth-child(3) .kranke_menu_box {
  border: 1.5px solid #82ade6;
}
.kranke_menu .kranke_wrap:nth-child(4) .kranke_menu_box {
  border: 1.5px solid #8dc9d7;
}
.kranke_menu .kranke_menu_box {
  width: 100%;
}
.kranke_menu .kranke_wrap a:hover {
  text-decoration: none;
}
.kranke_menu .kranke_menu_box .icon {
  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;
  margin-bottom: 0;
}
.kranke_menu .kranke_menu_box .text {
  color: #fff;
  font-weight: bold;
  width: 100%;
  text-decoration: none;
  position: relative;
  display: inline-block;
  border-radius: 3px 3px 0 0;
}
.kranke_menu .kranke_wrap:first-child .kranke_menu_box .text {
  background-color: #be93c2;
}
.kranke_menu .kranke_wrap:nth-child(2) .kranke_menu_box .text {
  background-color: #87c899;
}
.kranke_menu .kranke_wrap:nth-child(3) .kranke_menu_box .text {
  background-color: #82ade6;
}
.kranke_menu .kranke_wrap:nth-child(4) .kranke_menu_box .text {
  background-color: #8dc9d7;
}
.kranke_menu .kranke_menu_box .text:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border: 10px solid transparent;
}
.kranke_menu .kranke_wrap:first-child .kranke_menu_box .text:before {
  border-top: 10px solid #be93c2;
}
.kranke_menu .kranke_wrap:nth-child(2) .kranke_menu_box .text:before {
  border-top: 10px solid #87c899;
}
.kranke_menu .kranke_wrap:nth-child(3) .kranke_menu_box .text:before {
  border-top: 10px solid #82ade6;
}
.kranke_menu .kranke_wrap:nth-child(4) .kranke_menu_box .text:before {
  border-top: 10px solid #8dc9d7;
}
.kranke_menu .kranke_menu_box:hover {
  opacity: 0.7;
  /* background-color: #F8ECF2; */
}

@media (min-width: 320px) {
  .kranke_menu {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media (min-width: 768px) {
  .kranke_menu {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    margin: auto;
  }
}
@media (min-width: 320px) {
  .kranke_menu .kranke_menu_box {
    height: 130px;
    padding-bottom: 0.5rem;
  }
}
@media (min-width: 480px) {
  .kranke_menu .kranke_menu_box {
    height: 180px;
  }
}
@media (min-width: 992px) {
  .kranke_menu .kranke_menu_box {
    height: 200px;
    padding-bottom: 1rem;
  }
}
@media (min-width: 1164px) {
  .kranke_menu .kranke_menu_box {
    height: 220px;
    padding-bottom: 1rem;
  }
}
@media (min-width: 320px) {
  .kranke_menu .kranke_menu_box .icon img {
    width: 36%;
  }
}
@media (min-width: 480px) {
  .kranke_menu .kranke_menu_box .icon img {
    width: 32%;
  }
}
@media (min-width: 768px) {
  .kranke_menu .kranke_menu_box .icon img {
    width: 22%;
  }
}
@media (min-width: 1164px) {
  .kranke_menu .kranke_menu_box .icon img {
    width: 42%;
  }
}
@media (min-width: 320px) {
  .kranke_wrap {
    width: 48%;
    margin: 0 0.5rem 1rem 0;
  }
}
@media (min-width: 320px) and (min-width: 768px) {
  .kranke_wrap {
    width: 49%;
    margin: 0 0.5rem 1rem 0;
  }
}
@media (min-width: 320px) and (min-width: 768px) and (min-width: 1160px) {
  .kranke_wrap {
    width: 24%;
    margin: 0 0.5rem 0 0.5rem;
  }
}
@media (min-width: 320px) and (min-width: 768px) and (min-width: 1160px) and (min-width: 1280px) {
  .kranke_wrap {
    max-width: 300px;
  }
}
@media (min-width: 320px) {
  .kranke_menu .kranke_menu_box .text {
    font-size: 1.6rem;
    margin-bottom: 1.5rem;
    height: 26%;
    padding: 0.3rem;
    font-family: fot-tsukubrdgothic-std, sans-serif;
    font-weight: 700;
  }
}
@media (min-width: 320px) and (min-width: 480px) {
  .kranke_menu .kranke_menu_box .text {
    padding: 0.8rem;
  }
}
@media (min-width: 768px) {
  .kranke_menu .kranke_menu_box .text {
    font-size: 2rem;
    margin-bottom: 2rem;
    padding: 0.5rem;
    height: 26%;
  }
}
@media (min-width: 768px) and (min-width: 992px) {
  .kranke_menu .kranke_menu_box .text {
    padding: 0.7rem;
  }
}
@media (min-width: 768px) and (min-width: 992px) and (min-width: 1164px) {
  .kranke_menu .kranke_menu_box .text {
    padding: 0.9rem;
  }
}
/* global_nav */
@media (min-width: 992px) {
  #global-nav .global_box .menu li a i {
    position: relative;
  }
  #global-nav .global_box .top_nav {
    width: 80%;
  }
}
/* トップページニュースエリア・予約エリア*/
.news_bg {
  background: #f7f4ee;
}

@media (min-width: 320px) {
  .news_area,
  .appoint_area,
  .info_area {
    background: #f7f4ee;
    padding: 2rem 0;
    margin: 0 0 1.5rem;
    border-radius: 5px;
  }
}
@media (min-width: 320px) and (min-width: 768px) {
  .news_area,
  .appoint_area,
  .info_area {
    padding: 3rem 0;
    margin: 0 0 3rem;
  }
}
.news_area a:hover,
.appoint_area a:hover,
.info_area a:hover,
.treatment_area a:hover,
.contact a:hover {
  text-decoration: none;
  opacity: 0.7;
}
.news_area h2.title,
.appoint_area h2.title,
.info_area h2.title,
.treatment_area h2.title,
.contact h2.title {
  color: #434343;
  font-family: fot-tsukubrdgothic-std, sans-serif;
  font-weight: 700;
  font-style: normal;
}
.news_area h2.title:after,
.appoint_area h2.title:after,
.info_area h2.title:after,
.treatment_area h2.title:after,
.contact h2.title:after {
  font-family: "Font Awesome 6 pro";
  font-weight: 500;
  content: "\f101";
}

@media (min-width: 320px) {
  .news_area dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 0;
    padding: 0.5rem 0;
  }
  .news_area a {
    color: #333333;
  }
  .news_area a:hover {
    opacity: 0.7;
  }
}
@media (min-width: 320px) and (min-width: 992px) {
  .news_area dl {
    padding: 0.5rem 0;
  }
}
@media (min-width: 320px) and (min-width: 320px) {
  .news_area dl dt,
  .appoint_area dl dt,
  .info_area dl dt {
    width: 100%;
    background: #fff;
    padding: 0.5rem 1rem;
    border-radius: 4px 4px 0 0;
  }
  .news_area dl dt i,
  .appoint_area dl dt i,
  .info_area dl dt i {
    padding-right: 0.6rem;
  }
  .news_area dl dd i,
  .appoint_area dl dd i,
  .info_area dl dd i {
    display: none;
  }
  .news_area a.name div,
  .appoint_area a.name div,
  .info_area a.name div {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding: 1rem 1rem 0.5rem 0;
  }
  .news_area a.all div,
  .appoint_area a.all div,
  .info_area a.all div {
    border-top: 1px solid #d6d6d6;
    margin-top: 1rem;
  }
  .news_area h2.title,
  .appoint_area h2.title,
  .info_area h2.title {
    margin-bottom: 1.5rem;
  }
  .news_area h2.title:after,
  .appoint_area h2.title:after,
  .info_area h2.title:after {
    margin-left: 0.8rem;
    font-size: 1.9rem;
  }
  .news_area a.name p,
  .appoint_area a.name p,
  .info_area a.name p {
    margin-bottom: 0;
    padding: 1rem 0 0.5rem 0.5rem;
    border-radius: 4px;
    width: 100%;
  }
  .news_area div h2.title,
  .appoint_area div h2.title,
  .info_area div h2.title {
    font-size: 2rem;
    font-family: fot-tsukubrdgothic-std, sans-serif;
    color: #333;
  }
  .news_area p.link i,
  .appoint_area p.link i,
  .info_area p.link i {
    padding-left: 2rem;
    padding-right: 0.6rem;
    float: right;
    line-height: revert;
  }
}
@media (min-width: 320px) and (min-width: 320px) and (min-width: 992px) {
  .news_area dl dt,
  .appoint_area dl dt,
  .info_area dl dt {
    width: 100%;
    border-radius: 4px 0 0 4px;
  }
  .news_area dl dt i,
  .appoint_area dl dt i,
  .info_area dl dt i {
    padding-right: 0.8rem;
  }
  .news_area dl dd i,
  .appoint_area dl dd i,
  .info_area dl dd i {
    float: right;
    display: inline-block;
  }
  .news_area a.name div,
  .appoint_area a.name div,
  .info_area a.name div {
    display: flex;
    padding: 0.5rem 2rem 0.5rem 0;
    align-items: center;
  }
  .news_area a.name p,
  .appoint_area a.name p,
  .info_area a.name p {
    width: 280px;
    padding: 1.5rem 0 0.5rem 1rem;
  }
  .news_area div h2.title,
  .appoint_area div h2.title,
  .info_area div h2.title {
    font-size: 2.4rem;
  }
  .news_area div h2.title::after,
  .appoint_area div h2.title::after,
  .info_area div h2.title::after {
    margin-left: 1rem;
    font-size: 2.1rem;
  }
  .news_area p.link i,
  .appoint_area p.link i,
  .info_area p.link i {
    padding-left: 2rem;
    padding-right: 0.8rem;
  }
}
@media (min-width: 320px) {
  .fa-chevron-right:before {
    content: "〉";
    vertical-align: sub;
  }
}
@media (min-width: 320px) and (min-width: 992px) {
  .news_area dl dt {
    width: 30%;
    padding: 1.5rem 0 1.5rem 2rem;
    border-radius: 4px 0 0 4px;
  }
  .news_area dl dt span {
    margin-left: 3rem;
    width: 150px;
  }
}
@media (min-width: 320px) and (min-width: 320px) {
  .news_area dl dd {
    width: 100%;
    margin-bottom: 0;
    background: #fff;
    padding: 0.5rem 1rem;
    border-radius: 0 0 4px 4px;
    color: #1c5aa8;
  }
}
@media (min-width: 320px) and (min-width: 992px) {
  .news_area dl dd {
    width: 70%;
    padding: 1.5rem 2rem 1.5rem 0;
    border-radius: 0 4px 4px 0;
  }
}
@media (min-width: 320px) {
  .phone_area {
    color: #434343;
  }
  .phone_area .facility {
    font-size: 2rem;
    font-weight: 500;
    padding: 1.2rem 2rem 1rem;
    width: 95%;
    background: #edf3fd;
    border-radius: 4px;
  }
  .phone_area .facility:before {
    background-image: url(/img/favicon.png);
    background-size: contain;
    content: "";
    display: inline-block;
    position: relative;
    vertical-align: middle;
  }
}
@media (min-width: 320px) and (min-width: 320px) {
  .phone_area {
    border: 1px solid #1c5aa8;
    padding: 1.5rem;
    border-radius: 5px;
    margin-top: 2rem;
  }
  .phone_area .col-md-6 {
    width: 100%;
  }
  .phone_area .phone_box {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .phone_area .facility {
    font-weight: 500;
  }
  .phone_area .facility:before {
    bottom: 1px;
    height: 20px;
    margin-right: 0.8rem;
    width: 20px;
  }
}
@media (min-width: 320px) and (min-width: 768px) {
  .phone_area .col-md-6 {
    flex: none;
    max-width: 100% !important;
  }
}
@media (min-width: 320px) and (min-width: 992px) {
  .phone_area .col-md-6 {
    width: 50%;
  }
}
@media (min-width: 320px) and (min-width: 768px) {
  .phone_area {
    padding: 2rem;
    margin-top: 5rem;
  }
  .phone_area .phone_box {
    margin-bottom: 0;
  }
  .phone_area .facility:before {
    bottom: 2px;
    height: 22px;
    margin-right: 1rem;
    width: 22px;
  }
}
@media (min-width: 320px) and (min-width: 320px) {
  .phone_area .phone_box .info_table {
    width: 100%;
    white-space: -webkit-nowrap;
  }
  .phone_area .phone_box .info_table tr {
    padding-bottom: 1rem;
  }
  .phone_area .phone_box .info_table tr td {
    font-size: 1.3rem;
    color: #434343;
    vertical-align: text-top;
    padding-bottom: 0.5rem;
    text-align: left;
    /*font-weight: 500;*/
  }
  .phone_area .phone_box .info_table tr td:first-child {
    width: 5%;
  }
  .phone_area .phone_box .info_table tr td:nth-child(2) {
    width: 35%;
    font-weight: 500;
  }
  .phone_area .phone_box .info_table tr td:nth-child(3) {
    width: 60%;
    font-weight: 500;
  }
  .phone_area .phone_box .info_table tr td:nth-child(3) ul li {
    display: flex;
  }
  .phone_area .phone_box .info_table tr td:nth-child(3) ul li .item {
    min-width: 25px;
    width: 9%;
  }
  .phone_area .phone_box .info_table tr td .medi_item {
    display: flex;
  }
  .phone_area .phone_box .info_table tr td .medi_time {
    margin-bottom: 0.5rem;
  }
  .phone_area .phone_box .info_table tr td:first-child {
    color: #1c5aa8;
    padding-right: 0.5rem;
    text-align: center;
  }
  .phone_area .phone_box .info_table tr td.caution {
    padding-top: 1.5rem;
    padding-left: 1em;
    font-weight: 500;
    text-align: left;
    text-indent: -1em;
    margin-left: 1em;
  }
  .phone_area .phone_box .link_table {
    width: 100%;
    white-space: -webkit-nowrap;
  }
  .phone_area .phone_box .link_table tr td {
    width: 100%;
    display: block;
    padding: 0.8rem 0rem;
  }
  .phone_area .phone_box .map {
    text-align: center;
  }
  .phone_area .phone_box .map iframe {
    width: -webkit-fill-available;
    height: 200px;
  }
}
@media (min-width: 320px) and (min-width: 320px) and (min-width: 768px) {
  .phone_area .phone_box .info_table tr td:first-child {
    width: 5%;
  }
  .phone_area .phone_box .info_table tr td:nth-child(2) {
    width: 22%;
    font-weight: 500;
  }
  .phone_area .phone_box .info_table tr td:nth-child(3) {
    width: 70%;
    font-weight: 500;
  }
  .phone_area .phone_box .info_table tr td:nth-child(3) ul li {
    display: flex;
  }
  .phone_area .phone_box .info_table tr td:nth-child(3) ul li .item {
    min-width: 25px;
    width: 9%;
  }
  .phone_area .phone_box .link_table {
    width: 100%;
    margin: auto;
  }
  .phone_area .phone_box .link_table tr td {
    display: inline-block;
    width: 50%;
  }
  .phone_area .phone_box .link_table tr td:first-child {
    padding: 1rem 1rem 2rem 0;
  }
  .phone_area .phone_box .link_table tr td:nth-child(2) {
    padding: 1rem 0 2rem 1rem;
  }
}
@media (min-width: 320px) and (min-width: 320px) and (min-width: 992px) {
  .phone_area .phone_box .info_table {
    width: 90%;
    margin: auto;
  }
  .phone_area .phone_box .info_table tr {
    padding-bottom: 1rem;
  }
  .phone_area .phone_box .info_table tr td {
    font-size: 1.5rem;
    padding-bottom: 0.8rem;
  }
  .phone_area .phone_box .info_table tr td:first-child {
    width: 8%;
  }
  .phone_area .phone_box .info_table tr td:nth-child(2) {
    width: 27%;
  }
  .phone_area .phone_box .info_table tr td:nth-child(3) {
    width: 65%;
  }
  .phone_area .phone_box .info_table tr td:first-child {
    padding-right: 0.5rem;
    padding-left: 1rem;
  }
  .phone_area .phone_box .link_table {
    width: 90%;
    margin: auto;
  }
  .phone_area .phone_box .link_table tr td {
    width: 50%;
    display: inline-block;
  }
  .phone_area .phone_box .link_table tr td:first-child {
    padding: 1rem 1rem 2rem 0rem;
  }
  .phone_area .phone_box .link_table tr td:nth-child(2) {
    padding: 1rem 0rem 2rem 1rem;
  }
  .phone_area .phone_box .map iframe {
    max-width: 640px;
    height: 450px;
  }
}
@media (min-width: 320px) and (min-width: 320px) {
  .phone_area .recruit_btn {
    margin: auto;
  }
  .phone_area .recruit_btn a {
    background: #fff;
    border: 2px solid #1c5aa8;
    padding: 0 1rem;
    color: #1c5aa8;
    border-radius: 50px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    font-size: 1.3rem;
    display: block;
    font-weight: 600;
    text-align: center;
    padding: 0.3rem;
    height: 40px;
    line-height: 2.4;
  }
  .phone_area .recruit_btn a:hover {
    color: #fff;
    background: #1c5aa8;
    text-decoration: none;
  }
  .phone_area .recruit_btn a:before {
    font-family: "Font Awesome 6 pro";
    font-weight: 900;
    content: "\f007";
    margin-right: 0.8rem;
  }
  .phone_area .access_btn {
    margin: auto;
  }
  .phone_area .access_btn a {
    background: #fff;
    border: 2px solid #1c5aa8;
    padding: 0 1rem;
    color: #1c5aa8;
    border-radius: 50px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    font-size: 1.3rem;
    display: block;
    font-weight: 600;
    text-align: center;
    padding: 0.3rem;
    height: 40px;
    line-height: 2.4;
  }
  .phone_area .access_btn a:hover {
    color: #fff;
    background: #1c5aa8;
    text-decoration: none;
  }
  .phone_area .access_btn a:before {
    font-family: "Font Awesome 6 pro";
    font-weight: 900;
    content: "\f1b9";
    margin-right: 0.8rem;
  }
  .phone_area .appointment_btn {
    margin: auto;
  }
  .phone_area .appointment_btn a {
    background: #fff;
    border: 2px solid #1c5aa8;
    color: #1c5aa8;
    border-radius: 50px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    font-size: 1.3rem;
    display: block;
    font-weight: 600;
    text-align: center;
    padding: 0.3rem;
    height: 40px;
    line-height: 2.1;
  }
  .phone_area .appointment_btn a:hover {
    color: #fff;
    background: #1c5aa8;
    text-decoration: none;
  }
  .phone_area .appointment_btn a:before {
    font-family: "Font Awesome 6 pro";
    font-weight: 900;
    content: "\e0d2";
    margin-right: 0.8rem;
  }
}
@media (min-width: 320px) and (min-width: 320px) and (min-width: 992px) {
  .phone_area .recruit_btn {
    width: 20rem;
    margin: auto;
    padding-top: 1rem;
    padding-bottom: 2rem;
  }
  .phone_area .recruit_btn a {
    font-size: 1.5rem;
    padding: 0.3rem;
    line-height: 2.1;
  }
  .phone_area .recruit_btn a:before {
    margin-right: 1rem;
  }
  .phone_area .access_btn {
    width: 20rem;
    margin: auto;
    padding-top: 1rem;
    padding-bottom: 2rem;
  }
  .phone_area .access_btn a {
    font-size: 1.5rem;
    padding: 0.3rem;
    line-height: 2.1;
  }
  .phone_area .access_btn a:before {
    margin-right: 1rem;
  }
  .phone_area .appointment_btn {
    width: 20rem;
    margin: auto;
    padding-top: 1rem;
    padding-bottom: 2rem;
    line-height: 2.1;
  }
  .phone_area .appointment_btn a {
    font-size: 1.5rem;
    padding: 0.3rem;
  }
  .phone_area .appointment_btn a:before {
    margin-right: 1rem;
  }
}
@media (min-width: 320px) and (min-width: 320px) and (min-width: 600px) {
  .info_table br.mo {
    display: none;
  }
}
@media (min-width: 320px) {
  .footer_link {
    background: #fbfaf7;
  }
  .footer_link .pc .pc_link_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .footer_link .pc .pc_link_row .pc_link_area .f_link_box h3 {
    color: #333333;
    font-weight: bold;
    margin-bottom: 0;
    padding-bottom: 0.8rem;
  }
  .footer_link .pc .pc_link_row .pc_link_area .f_link_box h3:before {
    font-family: "Font Awesome 6 pro";
    font-weight: 900;
    content: "\f0a9";
    margin-right: 1rem;
  }
  .footer_link .pc .pc_link_row .pc_link_area .f_link_box h3 a {
    color: #333333;
  }
  .footer_link .pc .pc_link_row .pc_link_area .f_link_box ul {
    padding-left: 2.8rem;
  }
  .footer_link .pc .pc_link_row .pc_link_area .f_link_box ul li a {
    color: #333333;
    font-size: 1.4rem;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .footer_link .pc .pc_link_row .pc_link_area .f_link_box ul li a:hover {
    text-decoration: none;
    opacity: 0.7;
  }
  .footer_link .pc .pc_link_row .pc_link_area .f_link_box.b2 {
    padding-top: 2.25rem;
  }
  .footer_link .mo .f_link_box h3 {
    color: #333333;
    font-weight: bold;
    background: #fbfaf7;
    border-bottom: 1px solid #fff;
    padding: 1.5rem 15px;
    cursor: pointer;
    font-size: 1.4rem;
  }
  .footer_link .mo .f_link_box h3[aria-expanded=false]:before {
    font-family: "Font Awesome 6 pro";
    font-weight: 900;
    content: "\f0a9";
    margin-right: 1rem;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .footer_link .mo .f_link_box h3[aria-expanded=true]:before {
    font-family: "Font Awesome 6 pro";
    font-weight: 900;
    content: "\f0ab";
    margin-right: 1rem;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .footer_link .mo .f_link_box ul {
    padding: 0 15px;
  }
  .footer_link .mo .f_link_box ul li {
    padding: 0.8rem 0;
  }
  .footer_link .mo .f_link_box ul li a {
    color: #333333;
    font-size: 1.2rem;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .footer_link .mo .f_link_box ul li a:hover {
    text-decoration: none;
    opacity: 0.7;
  }
  .footer_link .mo .f_link_box ul:last-of-type {
    padding-bottom: 2rem;
  }
}
@media (min-width: 320px) and (min-width: 320px) {
  .footer_link {
    padding: 0;
  }
}
@media (min-width: 320px) and (min-width: 768px) {
  .footer_link {
    padding: 2rem 0;
  }
}
@media (min-width: 320px) and (min-width: 320px) {
  .footer_link .pc {
    display: none;
  }
}
@media (min-width: 320px) and (min-width: 768px) {
  .footer_link .pc {
    display: block;
  }
}
@media (min-width: 320px) and (min-width: 320px) {
  .footer_link .mo {
    display: block;
  }
}
@media (min-width: 320px) and (min-width: 768px) {
  .footer_link .mo {
    display: none;
  }
}
@media (min-width: 320px) {
  footer {
    margin-top: 5rem;
  }
  footer p {
    text-align: center;
    color: #707070;
    padding: 0 15px;
  }
  footer p a {
    color: #707070;
  }
  footer p a:hover {
    color: #1c5aa8;
    text-decoration: none;
  }
}
@media (min-width: 320px) and (min-width: 320px) {
  footer {
    bottom: 0;
    position: relative;
    margin-top: 20%;
  }
}
@media (min-width: 320px) and (min-width: 600px) {
  footer {
    bottom: 5rem;
    position: relative;
    margin-top: 14rem;
  }
}
@media (min-width: 320px) and (min-width: 1400px) {
  footer {
    padding-bottom: 0;
    bottom: 0;
    margin-top: 4rem;
  }
}
@media (min-width: 320px) and (min-width: 320px) {
  footer p {
    font-size: 1.2rem;
    font-weight: 500;
  }
}
@media (min-width: 320px) and (min-width: 768px) {
  footer p {
    font-size: 1.4rem;
  }
}
@media (min-width: 320px) {
  .page_t_link {
    display: none;
    position: fixed;
    right: 2rem;
    bottom: 2rem;
    z-index: 1000;
  }
  .page_t_link a {
    display: inline-block;
    background: #1c5aa8;
    background: -webkit-gradient(linear, left bottom, left top, from(#1c5aa8), to(#1380c4));
    background: linear-gradient(0deg, #1c5aa8 0%, #1380c4 100%);
    color: #fff;
    text-align: center;
    line-height: 1.2;
    width: 5rem;
    height: 5rem;
    border-radius: 100px;
    font-size: 1.2rem;
    padding: 0.5rem;
  }
}
@media (min-width: 320px) and (min-width: 320px) {
  .page_t_link {
    right: 1rem;
    bottom: 0rem;
  }
}
@media (min-width: 320px) and (min-width: 1400px) {
  .page_t_link {
    right: 2rem;
    bottom: 2rem;
  }
}
@media (min-width: 320px) and (min-width: 320px) {
  .footer_logo img {
    width: 60%;
  }
}
@media (min-width: 320px) and (min-width: 320px) and (min-width: 768px) {
  .footer_logo img {
    max-width: 280px;
  }
}
@media (min-width: 320px) and (min-width: 320px) {
  .sub_page .page_header {
    padding: 4rem 1rem;
  }
}
@media (min-width: 320px) and (min-width: 768px) {
  .sub_page .page_header {
    padding: 8rem 2rem;
  }
}
@media (min-width: 320px) {
  .sub_page {
    position: relative;
    top: 0;
  }
  .sub_page .page_header h1 {
    font-weight: bold;
    letter-spacing: 0.5rem;
  }
  .sub_page .page_header h1 span {
    display: block;
  }
  .sub_page .page_header.principle {
    background: url(/img/bg_sample_4.jpg) no-repeat;
    background-size: cover;
  }
  .sub_page .page_header.principle h1 {
    color: #fff;
  }
  .sub_page .page_header.service {
    background: url(/img/hoshizora_bg.png) no-repeat;
    background-size: cover;
  }
  .sub_page .page_header.service h1 {
    color: #333333;
    font-family: fot-tsukubrdgothic-std, sans-serif;
    font-weight: 700;
    font-style: normal;
  }
  .sub_page .page_header.recruit {
    background: url(/img/header_image_recruit.jpg) no-repeat;
    background-size: cover;
  }
  .sub_page .page_header.recruit h1 {
    color: #333333;
    font-family: fot-tsukubrdgothic-std, sans-serif;
    font-weight: 700;
    font-style: normal;
  }
  .sub_page .page_header.service_department {
    background: url(/img/bg_sample_2.jpg) no-repeat;
    background-size: cover;
  }
  .sub_page .page_header.service_department h1 {
    color: #fff;
  }
  .sub_page .page_header.internal {
    background: url(/img/bg_sample_3.jpg) no-repeat;
    background-size: cover;
  }
  .sub_page .page_header.internal h1 {
    color: #fff;
  }
  .sub_page .page_header.gastroenterological {
    background: url(/img/bg_sample_6.jpg) no-repeat;
    background-size: cover;
  }
  .sub_page .page_header.gastroenterological h1 {
    color: #fff;
  }
  .sub_page .page_header.news {
    background: url(/img/news_bg_01.png) no-repeat;
    background-size: cover;
  }
  .sub_page .page_header.news h1 {
    color: #333333;
    font-family: fot-tsukubrdgothic-std, sans-serif;
    font-weight: 700;
    font-style: normal;
  }
  .sub_page .breadcrumb ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .sub_page .breadcrumb ul li:after {
    font-family: "Font Awesome 6 pro";
    font-weight: 300;
    content: "\f054";
    margin: 0 1rem;
  }
  .sub_page .breadcrumb ul li:last-of-type:after {
    content: "";
    margin: 0;
  }
  .sub_page .breadcrumb ul li a {
    color: #a7a7a7;
  }
  .sub_page .content {
    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;
  }
}
@media (min-width: 320px) and (min-width: 320px) {
  .sub_page .page_header h1 {
    font-size: 2.4rem;
  }
}
@media (min-width: 320px) and (min-width: 992px) {
  .sub_page .page_header h1 {
    font-size: 4rem;
  }
}
@media (min-width: 320px) and (min-width: 320px) {
  .sub_page .page_header h1 span {
    font-size: 1.2rem;
  }
}
@media (min-width: 320px) and (min-width: 992px) {
  .sub_page .page_header h1 span {
    font-size: 1.6rem;
  }
}
@media (min-width: 320px) and (min-width: 320px) {
  .sub_page .breadcrumb {
    background: none;
    padding: 1.5rem 0;
  }
}
@media (min-width: 320px) and (min-width: 768px) {
  .sub_page .breadcrumb {
    background: none;
    padding: 2rem 0;
  }
}
@media (min-width: 320px) and (min-width: 320px) {
  .sub_page .breadcrumb ul li {
    font-size: 1.2rem;
    font-weight: 500;
  }
}
@media (min-width: 320px) and (min-width: 992px) {
  .sub_page .breadcrumb ul li {
    font-size: 1.4rem;
  }
}
@media (min-width: 320px) {
  .menu_content img {
    border-radius: 6px;
  }
}
@media (min-width: 320px) and (min-width: 320px) {
  .sub_page .content .main_area {
    width: 100%;
  }
}
@media (min-width: 320px) and (min-width: 992px) {
  .sub_page .content .main_area {
    width: 75%;
  }
  .sub_page .content .main_area.search {
    width: 100%;
  }
}
@media (min-width: 320px) {
  .sub_page .content .main_area .read_text {
    color: #333333;
    margin-bottom: 2rem;
    font-weight: 500;
  }
  .sub_page .content .side_nav h2 {
    background: #fcdbeb;
    border-radius: 8px;
    margin-bottom: 2rem;
    font-family: fot-tsukubrdgothic-std, sans-serif;
    font-weight: 700;
    border: none;
  }
  .sub_page .content .main_area .menu_area {
    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;
  }
}
@media (min-width: 320px) and (min-width: 320px) {
  .sub_page .content .side_nav {
    display: none;
  }
}
@media (min-width: 320px) and (min-width: 320px) and (min-width: 992px) {
  .sub_page .content .side_nav {
    display: block;
    width: 20%;
    margin-top: 0;
  }
}
@media (min-width: 320px) and (min-width: 320px) {
  .sub_page .content .main_area .menu_area .menu_content {
    border-radius: 3px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    margin-bottom: 6%;
  }
}
@media (min-width: 320px) and (min-width: 768px) {
  .sub_page .content .main_area .menu_area .menu_content {
    margin-bottom: 3%;
  }
}
@media (min-width: 320px) and (max-width: 768px) {
  .privacy_policy .sub_page .content .side_nav {
    display: inline-block;
    width: 100%;
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .privacy_policy .sub_page .content .side_nav h2 {
    padding: 1rem 0.5rem;
    font-family: fot-tsukubrdgothic-std, sans-serif;
    font-weight: 700;
    color: #333333;
  }
  .privacy_policy .sub_page .content .side_nav ul {
    margin-left: 2rem;
  }
}
@media (min-width: 320px) {
  .menu_content img {
    border-radius: 6px;
  }
}
@media (min-width: 320px) and (min-width: 320px) {
  .sub_page .content .main_area .menu_area {
    padding-bottom: 6rem;
  }
  .sub_page .content .main_area .menu_area .menu_content {
    width: 100%;
  }
}
@media (min-width: 320px) and (min-width: 992px) {
  .sub_page .content .main_area .menu_area {
    padding-bottom: 10rem;
  }
  .sub_page .content .main_area .menu_area .menu_content {
    width: 48.5%;
  }
}
@media (min-width: 320px) {
  .sub_page .content .main_area .menu_area .menu_content:hover {
    opacity: 0.7;
  }
  .sub_page .content .main_area .menu_area .menu_content a {
    display: block;
    padding: 0rem;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: relative;
    border-radius: 5px;
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
  }
}
/* トップページ 予約エリア */
.appoint_area,
.info_area,
.treat_info,
.topnotice_area {
  background: none;
  margin-top: 2.5rem;
}
.appoint_area a.appoint_link,
.info_area a.appoint_link,
.treat_info a.appoint_link,
.topnotice_area a.appoint_link {
  color: #006fcf;
}
.appoint_area a:hover,
.info_area a:hover,
.treat_info a:hover,
.topnotice_area a:hover {
  opacity: 1;
}
.appoint_area h2.title,
.info_area h2.title,
.treat_info h2.title,
.topnotice_area h2.title {
  color: #434343;
  font-family: fot-tsukubrdgothic-std, sans-serif;
  font-weight: 700;
  font-style: normal;
}
.appoint_area h2.title:after,
.info_area h2.title:after,
.treat_info h2.title:after,
.topnotice_area h2.title:after {
  font-family: "Font Awesome 6 pro";
  font-weight: 500;
  content: "\f101";
}
.appoint_area p.text,
.info_area p.text,
.treat_info p.text,
.topnotice_area p.text {
  margin: 0 auto;
  font-weight: 500;
  display: inline-block;
  text-align: left;
  /**/
}
.appoint_area p.text .text_ind,
.info_area p.text .text_ind,
.treat_info p.text .text_ind,
.topnotice_area p.text .text_ind {
  display: inline-block;
  margin-left: 5em;
}
.appoint_area p.text .text_it,
.info_area p.text .text_it,
.treat_info p.text .text_it,
.topnotice_area p.text .text_it {
  display: inline-block;
  letter-spacing: 0.35em;
}
.appoint_area p.caution_text,
.info_area p.caution_text,
.treat_info p.caution_text,
.topnotice_area p.caution_text {
  margin-top: 2rem;
  text-align: center;
}
.appoint_area p.caution_text span.c_box,
.info_area p.caution_text span.c_box,
.treat_info p.caution_text span.c_box,
.topnotice_area p.caution_text span.c_box {
  padding: 0.5rem 2rem;
  border: 1px solid #e08db0;
  border-radius: 5px;
  display: inline-block;
}
.appoint_area span.uline,
.info_area span.uline,
.treat_info span.uline,
.topnotice_area span.uline {
  display: inline-block;
  line-height: 0.3;
  border-bottom: 7px solid rgba(224, 141, 176, 0.3);
}
@media (max-width: 965px) and (min-width: 767px) {
  .appoint_area p.text,
  .info_area p.text,
  .treat_info p.text,
  .topnotice_area p.text {
    text-align: left;
  }
  .appoint_area p.text .text_mo,
  .appoint_area p.text .text_br,
  .info_area p.text .text_mo,
  .info_area p.text .text_br,
  .treat_info p.text .text_mo,
  .treat_info p.text .text_br,
  .topnotice_area p.text .text_mo,
  .topnotice_area p.text .text_br {
    display: none;
  }
  .appoint_area p.text .text_ind,
  .appoint_area p.text .t_week,
  .info_area p.text .text_ind,
  .info_area p.text .t_week,
  .treat_info p.text .text_ind,
  .treat_info p.text .t_week,
  .topnotice_area p.text .text_ind,
  .topnotice_area p.text .t_week {
    display: block;
    margin-left: 5em;
  }
  .appoint_area p.text .text_inde,
  .info_area p.text .text_inde,
  .treat_info p.text .text_inde,
  .topnotice_area p.text .text_inde {
    display: inline-block;
  }
  .appoint_area p.text .t_week,
  .info_area p.text .t_week,
  .treat_info p.text .t_week,
  .topnotice_area p.text .t_week {
    line-height: 1;
    margin-bottom: 0.2em;
  }
}
@media (max-width: 460px) and (min-width: 346px) {
  .appoint_area p.text,
  .info_area p.text,
  .treat_info p.text,
  .topnotice_area p.text {
    text-align: left;
  }
  .appoint_area p.text .text_mo,
  .appoint_area p.text .br_mo,
  .appoint_area p.text .text_br,
  .info_area p.text .text_mo,
  .info_area p.text .br_mo,
  .info_area p.text .text_br,
  .treat_info p.text .text_mo,
  .treat_info p.text .br_mo,
  .treat_info p.text .text_br,
  .topnotice_area p.text .text_mo,
  .topnotice_area p.text .br_mo,
  .topnotice_area p.text .text_br {
    display: none;
  }
  .appoint_area p.text .text_ind,
  .appoint_area p.text .text_inde,
  .info_area p.text .text_ind,
  .info_area p.text .text_inde,
  .treat_info p.text .text_ind,
  .treat_info p.text .text_inde,
  .topnotice_area p.text .text_ind,
  .topnotice_area p.text .text_inde {
    display: block;
    margin-left: 5em;
  }
  .appoint_area p.text .t_week,
  .info_area p.text .t_week,
  .treat_info p.text .t_week,
  .topnotice_area p.text .t_week {
    line-height: 1;
    margin-bottom: 0.2em;
    display: block;
    margin-left: 5em;
  }
  .appoint_area p.text .text_it,
  .info_area p.text .text_it,
  .treat_info p.text .text_it,
  .topnotice_area p.text .text_it {
    display: inline-block;
    letter-spacing: 0.35em;
  }
}
@media (max-width: 425px) {
  .appoint_area p.caution_text,
  .info_area p.caution_text,
  .treat_info p.caution_text,
  .topnotice_area p.caution_text {
    text-align: left;
  }
}
@media (max-width: 345px) {
  .appoint_area p.text,
  .info_area p.text,
  .treat_info p.text,
  .topnotice_area p.text {
    text-align: left;
    margin: 0;
    display: block;
  }
  .appoint_area p.text .t_item,
  .info_area p.text .t_item,
  .treat_info p.text .t_item,
  .topnotice_area p.text .t_item {
    display: block;
    margin-left: 1em;
  }
  .appoint_area p.text .text_mo,
  .info_area p.text .text_mo,
  .treat_info p.text .text_mo,
  .topnotice_area p.text .text_mo {
    display: none;
  }
  .appoint_area p.text .text_it,
  .info_area p.text .text_it,
  .treat_info p.text .text_it,
  .topnotice_area p.text .text_it {
    letter-spacing: 0.35em;
    margin-top: 1rem;
  }
  .appoint_area p.text .text_ind,
  .info_area p.text .text_ind,
  .treat_info p.text .text_ind,
  .topnotice_area p.text .text_ind {
    display: block;
  }
  .appoint_area p.text .text_inde,
  .info_area p.text .text_inde,
  .treat_info p.text .text_inde,
  .topnotice_area p.text .text_inde {
    display: inline-block;
  }
  .appoint_area p.text .br_mo,
  .info_area p.text .br_mo,
  .treat_info p.text .br_mo,
  .topnotice_area p.text .br_mo {
    display: none;
  }
  .appoint_area p.text .text_box,
  .info_area p.text .text_box,
  .treat_info p.text .text_box,
  .topnotice_area p.text .text_box {
    display: block;
    margin-top: 1rem;
  }
  .appoint_area p.text .ti,
  .info_area p.text .ti,
  .treat_info p.text .ti,
  .topnotice_area p.text .ti {
    border: 1px solid #e08db0;
    border-radius: 5px;
    padding: 0.5rem 1rem;
    font-weight: 600;
  }
}
@media (max-width: 1000px) and (min-width: 966px) {
  .appoint_area p.text .t_week,
  .info_area p.text .t_week,
  .treat_info p.text .t_week,
  .topnotice_area p.text .t_week {
    line-height: 1;
    margin-bottom: 0.2em;
    display: block;
    margin-left: 5em;
  }
  .appoint_area p.text .text_br,
  .info_area p.text .text_br,
  .treat_info p.text .text_br,
  .topnotice_area p.text .text_br {
    display: none;
  }
}
@media (max-width: 860px) and (min-width: 768px) {
  .appoint_area p.text .text_inde,
  .info_area p.text .text_inde,
  .treat_info p.text .text_inde,
  .topnotice_area p.text .text_inde {
    display: block;
    margin-left: 5em;
  }
}
.appoint_area .row,
.info_area .row,
.treat_info .row,
.topnotice_area .row {
  padding: 2rem !important;
  border: 2px solid #e08db0;
  border-radius: 5px;
}
.appoint_area .app-tel,
.appoint_area .app-net,
.appoint_area .info-head,
.info_area .app-tel,
.info_area .app-net,
.info_area .info-head,
.treat_info .app-tel,
.treat_info .app-net,
.treat_info .info-head,
.topnotice_area .app-tel,
.topnotice_area .app-net,
.topnotice_area .info-head {
  text-align: center;
}
.appoint_area .app-headline,
.appoint_area .info-headline,
.info_area .app-headline,
.info_area .info-headline,
.treat_info .app-headline,
.treat_info .info-headline,
.topnotice_area .app-headline,
.topnotice_area .info-headline {
  margin: 1rem auto 1.5rem;
  padding: 0.3rem 0;
  background: #e08db0;
  border-radius: 20px;
  color: #fff;
  width: 80%;
}
.appoint_area .info-headline,
.info_area .info-headline,
.treat_info .info-headline,
.topnotice_area .info-headline {
  margin-bottom: 2rem;
  padding: 1rem 0;
  letter-spacing: 3px;
  font-family: fot-tsukubrdgothic-std, sans-serif;
  font-weight: 700;
  font-style: normal;
  width: 95%;
}
.appoint_area .info-mess,
.info_area .info-mess,
.treat_info .info-mess,
.topnotice_area .info-mess {
  width: 85%;
  margin: auto;
  text-align: center;
}
.appoint_area .infomess-box,
.info_area .infomess-box,
.treat_info .infomess-box,
.topnotice_area .infomess-box {
  display: inline-block;
  text-align: left;
}
.appoint_area .infodate-area,
.info_area .infodate-area,
.treat_info .infodate-area,
.topnotice_area .infodate-area {
  text-align: center;
}
.appoint_area .infodate-box,
.info_area .infodate-box,
.treat_info .infodate-box,
.topnotice_area .infodate-box {
  display: inline-block;
  text-align: left;
}
.appoint_area .app-tel .tel-number,
.appoint_area .info-mess .info-date,
.info_area .app-tel .tel-number,
.info_area .info-mess .info-date,
.treat_info .app-tel .tel-number,
.treat_info .info-mess .info-date,
.topnotice_area .app-tel .tel-number,
.topnotice_area .info-mess .info-date {
  color: #006fcf;
  font-size: 3rem;
  font-weight: 500;
}
.appoint_area .info-mess .info-date,
.info_area .info-mess .info-date,
.treat_info .info-mess .info-date,
.topnotice_area .info-mess .info-date {
  font-size: 2rem;
}
@media (max-width: 965px) {
  .appoint_area .info-headline,
  .info_area .info-headline,
  .treat_info .info-headline,
  .topnotice_area .info-headline {
    width: 100%;
  }
  .appoint_area .info-mess,
  .info_area .info-mess,
  .treat_info .info-mess,
  .topnotice_area .info-mess {
    width: 95%;
  }
}
@media (max-width: 767px) {
  .appoint_area .cont-infodate,
  .info_area .cont-infodate,
  .treat_info .cont-infodate,
  .topnotice_area .cont-infodate {
    display: block;
    margin-left: 5em;
  }
}
@media (max-width: 600px) {
  .appoint_area .infodate,
  .info_area .infodate,
  .treat_info .infodate,
  .topnotice_area .infodate {
    display: block;
    margin-left: 5em;
  }
  .appoint_area .app-headline,
  .info_area .app-headline,
  .treat_info .app-headline,
  .topnotice_area .app-headline {
    width: 90%;
  }
}
@media (max-width: 400px) {
  .appoint_area .info-period,
  .info_area .info-period,
  .treat_info .info-period,
  .topnotice_area .info-period {
    display: block;
    text-align: center;
    writing-mode: vertical-rl;
    width: 60%;
  }
}
.appoint_area .app-tel .tel-number:before,
.info_area .app-tel .tel-number:before,
.treat_info .app-tel .tel-number:before,
.topnotice_area .app-tel .tel-number:before {
  content: "\f095";
  font-family: "Font Awesome 6 pro";
  font-weight: 900;
  margin-right: 1rem;
}
.appoint_area .info-mess .info-date .info-space,
.info_area .info-mess .info-date .info-space,
.treat_info .info-mess .info-date .info-space,
.topnotice_area .info-mess .info-date .info-space {
  display: inline-block;
  margin: 0 0.5em;
}
.appoint_area .app-net .form-link,
.info_area .app-net .form-link,
.treat_info .app-net .form-link,
.topnotice_area .app-net .form-link {
  color: #006fcf;
  font-size: 2.5rem;
  font-weight: 500;
}
.appoint_area .app-net .form-link a:hover,
.info_area .app-net .form-link a:hover,
.treat_info .app-net .form-link a:hover,
.topnotice_area .app-net .form-link a:hover {
  text-decoration: none;
  opacity: 0.6;
}
.appoint_area .app-net .form-link a:before,
.info_area .app-net .form-link a:before,
.treat_info .app-net .form-link a:before,
.topnotice_area .app-net .form-link a:before {
  content: "\e0d2";
  font-family: "Font Awesome 6 pro";
  font-weight: 900;
  font-size: 3rem;
  margin-right: 1rem;
}
.appoint_area .app-net .form-link a span,
.info_area .app-net .form-link a span,
.treat_info .app-net .form-link a span,
.topnotice_area .app-net .form-link a span {
  display: inline-block;
}
.appoint_area hr,
.info_area hr,
.treat_info hr,
.topnotice_area hr {
  margin: 0 0 1rem 0;
  border-top: none;
}
@media (min-width: 768px) {
  .appoint_area hr,
  .info_area hr,
  .treat_info hr,
  .topnotice_area hr {
    display: none;
  }
}
@media (max-width: 830px) {
  .appoint_area .app-net .caution_txt br,
  .info_area .app-net .caution_txt br,
  .treat_info .app-net .caution_txt br,
  .topnotice_area .app-net .caution_txt br {
    display: none;
  }
}
@media (max-width: 380px) {
  .appoint_area .app-net .caution_txt br,
  .info_area .app-net .caution_txt br,
  .treat_info .app-net .caution_txt br,
  .topnotice_area .app-net .caution_txt br {
    display: none;
  }
}

/* トップページ 診療エリア */
.treatment_area {
  margin: 5em 0 5em;
}
.treatment_area h2.title {
  position: relative;
  line-height: 1.4;
  padding: 0.25em 1em;
  margin: 0 auto 1em;
  width: 500px;
  display: block;
  text-align: center;
  font-weight: 700;
  font-size: 3rem;
  letter-spacing: 3px;
}
.treatment_area h2.title:before, .treatment_area h2.title:after {
  content: "";
  width: 25px;
  height: 25px;
  position: absolute;
  display: inline-block;
}
.treatment_area h2.title:before {
  border-left: solid 2px #e08db0;
  border-top: solid 2px #e08db0;
  top: 0;
  left: 0;
}
.treatment_area h2.title:after {
  border-right: solid 2px #e08db0;
  border-bottom: solid 2px #e08db0;
  bottom: 0;
  right: 0;
}
@media (max-width: 510px) {
  .treatment_area h2.title {
    width: 80%;
    font-size: 2rem;
  }
  .treatment_area h2.title:before, .treatment_area h2.title:after {
    width: 15px;
    height: 15px;
  }
}
.treatment_area .treat_menu {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.treatment_area .treat_menu .treat_box {
  display: flex;
  justify-content: center;
  position: relative;
  padding: 2rem 1rem;
  width: 100%;
  /*.treat_btn*/
}
@media (min-width: 768px) {
  .treatment_area .treat_menu .treat_box {
    width: 48%;
  }
}
.treatment_area .treat_menu .treat_box .image {
  width: 100%;
}
.treatment_area .treat_menu .treat_box .image img {
  border-radius: 15px;
  height: auto;
  max-width: 100%;
  transition-property: opacity;
  transition-duration: 0.5s;
}
.treatment_area .treat_menu .treat_box .image img:hover {
  opacity: 0.7;
}
.treatment_area .treat_menu .treat_box .treat_btn {
  display: grid;
  position: absolute;
}
@media (min-width: 320px) {
  .treatment_area .treat_menu .treat_box .treat_btn {
    bottom: 20px;
    width: 90%;
    max-width: 450px;
  }
}
@media (min-width: 768px) {
  .treatment_area .treat_menu .treat_box .treat_btn {
    bottom: 20px;
  }
}
.treatment_area .treat_menu .treat_box .treat_btn a {
  color: #333;
  transition: 0.2s;
}
.treatment_area .treat_menu .treat_box .treat_btn a p {
  background: rgba(255, 255, 255, 0.9);
  border-radius: 30px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  padding: 10px 4rem 8px;
  position: relative;
  transition: 0.2s;
  text-align: center;
  font-size: 1.6rem;
}
.treatment_area .treat_menu .treat_box .treat_btn a p::after {
  content: "\f054";
  font-family: "Font Awesome 6 pro";
  font-weight: 900;
  position: absolute;
  right: 22px;
  transition: 0.2s;
}
@media (min-width: 320px) {
  .treatment_area .treat_menu .treat_box .treat_btn a p::after {
    top: calc(50% - 16px);
  }
}
@media (min-width: 768px) {
  .treatment_area .treat_menu .treat_box .treat_btn a p::after {
    top: calc(50% - 15px);
  }
}
.treatment_area .treat_menu .treat_box .treat_btn a p span {
  display: inline-block;
  margin-right: 1em;
  border: 2px solid #e08db0;
  color: #e08db0;
  width: 7em;
  border-radius: 5px;
}
@media (max-width: 425px) {
  .treatment_area .treat_menu .treat_box .treat_btn a p span {
    display: block;
    margin: 0 auto;
  }
}

/* ---  --- */
.sub_page .content .main_area .menu_area .menu_content a:hover {
  text-decoration: none;
  opacity: 0.7;
}
.sub_page .content .main_area .menu_area .menu_content a p {
  color: #707070;
  margin-bottom: 0;
}
.sub_page .content .side_nav ul li {
  margin-bottom: 2rem;
}
.sub_page .content .side_nav ul li a {
  color: #434343;
  font-style: normal;
  text-decoration: none;
  transition: 0.3s;
}
.sub_page .content .side_nav ul li a:hover {
  opacity: 0.7;
}
.sub_page .content .side_nav ul li a:before {
  font-family: "Font Awesome 6 pro";
  font-weight: 900;
  content: "\f0a9";
  color: #e08db0;
  margin-right: 1rem;
}
.sub_page .content .side_nav ul li ul li {
  margin-bottom: 0.5rem;
  text-indent: -1rem;
  padding-left: 1rem;
}
.sub_page .content .side_nav ul li ul li a:before {
  color: #ab9a86;
}
.sub_page .content .side_nav ul li .small_nav li {
  margin-bottom: 0rem;
  line-height: 2;
  padding-left: 2.8rem;
}

@media (min-width: 320px) {
  .sub_page .content .main_area .menu_area .menu_content a h2 {
    color: #434343;
    font-weight: bold;
    font-size: 1.8rem;
    position: absolute;
    bottom: -5px;
    width: 100%;
    border-radius: 0 0 5px 5px;
    padding: 10px 15px 7px;
    background: rgba(255, 255, 255, 0.7);
    font-family: "Noto Sans JP", "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  }
}
@media (min-width: 768px) {
  .sub_page .content .main_area .menu_area .menu_content a h2 {
    padding: 12px 16px 8px;
  }
}
@media (min-width: 768px) {
  .sub_page .content .side_nav h2 {
    padding: 2rem 1rem;
  }
  .sub_page .content .main_area .menu_area .menu_content a h2 {
    font-size: 2rem;
  }
}
@media (min-width: 320px) {
  .sub_page .content .side_nav ul li {
    font-size: 1.4rem;
    text-indent: -2.4rem;
    padding-left: 2.4rem;
  }
}
@media (min-width: 768px) {
  .sub_page .content .side_nav ul li {
    font-size: 1.6rem;
    text-indent: -2.6rem;
    padding-left: 2.6rem;
  }
}
.side_nav .small_nav li a {
  color: #333333;
  font-size: 1.4rem;
}
.side_nav .small_nav li a::before {
  display: none;
}
.side_nav .small_nav li:first-child {
  padding-top: 0.6rem;
}

.bnr_area {
  margin-bottom: 3rem;
}
.bnr_area ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.bnr_area ul li {
  text-align: center;
}
.bnr_area ul li a {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.bnr_area ul li a:hover {
  opacity: 0.7;
}

@media (min-width: 320px) {
  .bnr_area ul li {
    width: 100%;
    margin: 2rem 0 1rem;
  }
}
@media (min-width: 768px) {
  .bnr_area ul li {
    max-width: 100%;
    margin-top: 3rem;
  }
}
@media (min-width: 320px) {
  .bnr_area ul li a .pc {
    display: none;
  }
}
@media (min-width: 320px) and (min-width: 768px) {
  .bnr_area ul li a .mo {
    display: none;
  }
  .bnr_area ul li a .pc {
    display: inline-block;
  }
}
.general_tab {
  text-align: center;
}
.general_tab .general_select {
  display: inline-block;
  padding: 1rem 0;
  border: 2px solid #e08db0;
  width: 100%;
  border-radius: 6px;
}
.general_tab .general_select .nav {
  border: none;
  margin: 0;
}
.general_tab .general_select .nav li span {
  display: block;
  color: #e08db0;
  cursor: pointer;
}
.general_tab .general_select .nav li span.active {
  background: #e08db0;
  color: #fff;
  border-radius: 6px;
}

@media (min-width: 320px) {
  .general_tab {
    margin-bottom: 1rem;
  }
}
@media (min-width: 768px) {
  .general_tab {
    margin-bottom: 3rem;
  }
}
@media (min-width: 320px) {
  .general_tab .general_select .nav li {
    font-size: 1.4rem;
    margin: auto;
    width: 47%;
  }
}
@media (min-width: 768px) {
  .general_tab .general_select .nav li {
    font-size: 1.6rem;
    margin: auto;
    width: 47%;
  }
}
@media (min-width: 320px) {
  .general_tab .general_select .nav li span {
    padding: 0.5rem 1rem;
  }
}
@media (min-width: 768px) {
  .general_tab .general_select .nav li span {
    padding: 1rem 1rem;
  }
}
@media (min-width: 320px) {
  .side_nav .general_tab {
    text-align: left;
  }
  .side_nav .general_tab .general_select {
    display: block;
    padding: 0rem 0;
    border: none;
    width: 100%;
  }
  .general_tab .general_select .nav {
    border: none;
    margin: 0;
  }
}
@media (min-width: 320px) and (min-width: 320px) {
  .side_nav .general_tab .general_select .nav li {
    font-size: 1.4rem;
    margin: auto;
    width: 100%;
  }
}
@media (min-width: 320px) and (min-width: 768px) {
  .container3 .side_nav .general_tab .general_select .nav li {
    font-size: 1.6rem;
    margin: auto;
    width: 100%;
  }
}
@media (min-width: 320px) and (min-width: 768px) {
  .container3 .news_tabs .general_tab .general_select .nav li {
    width: 24%;
  }
}
@media (min-width: 320px) {
  .general_box h2 {
    color: #434343;
    font-family: fot-tsukubrdgothic-std, sans-serif;
    font-weight: 700;
  }
  .general_box h2:before {
    font-family: "Font Awesome 6 pro";
    font-weight: 900;
    content: "\f005";
    color: #e08db0;
    position: absolute;
    left: 0;
    top: 0;
  }
  .general_box .general_part {
    border-bottom: 1px dashed #707070;
  }
  .general_box .general_part:last-of-type {
    border-bottom: none;
  }
  .general_box .general_part h3 {
    display: inline-block;
    color: #434343;
    font-weight: 600;
    border: 2px solid #e08db0;
    margin-bottom: 1rem;
  }
}
@media (min-width: 320px) and (min-width: 320px) {
  .general_box h2 {
    margin-bottom: 2rem;
    font-size: 2.2rem;
    padding-left: 2.6rem;
    position: relative;
  }
  .general_box h2:before {
    font-size: 2rem;
    line-height: 1.32;
  }
}
@media (min-width: 320px) and (min-width: 768px) {
  .general_box h2 {
    margin-bottom: 2rem;
    font-size: 2.6rem;
    padding-left: 3.2rem;
    position: relative;
  }
  .general_box h2:before {
    font-size: 2.4rem;
    line-height: 1.32;
  }
}
@media (min-width: 320px) and (min-width: 320px) {
  .general_box .general_part {
    padding-bottom: 2rem;
    padding-left: 0;
    margin-bottom: 2rem;
  }
}
@media (min-width: 320px) and (min-width: 768px) {
  .general_box .general_part {
    padding-bottom: 3rem;
    padding-left: 2rem;
    margin-bottom: 3rem;
  }
}
@media (min-width: 320px) and (min-width: 320px) {
  .general_box .general_part:last-of-type {
    padding-bottom: 0;
  }
}
@media (min-width: 320px) and (min-width: 768px) {
  .general_box .general_part:last-of-type {
    padding-bottom: 0;
  }
}
@media (min-width: 320px) and (min-width: 320px) {
  .general_box .general_part h3 {
    font-size: 1.7rem;
    padding: 0.9rem 0.9rem 0.7rem;
    border-radius: 4px;
  }
}
@media (min-width: 320px) and (min-width: 768px) {
  .general_box .general_part h3 {
    font-size: 1.9rem;
    padding: 1rem 1rem 0.8rem;
    border-radius: 6px;
  }
}
@media (min-width: 320px) and (min-width: 320px) {
  .general_part h4 {
    font-size: 1.8rem;
    font-weight: 600;
    margin: 0.8rem 0 0.5rem;
    padding-left: 2.2rem;
    position: relative;
  }
  .general_part h4:before {
    font-family: "Font Awesome 6 pro";
    font-weight: 900;
    content: "\f192";
    color: #e08db0;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 1.6rem;
  }
}
@media (min-width: 320px) and (min-width: 768px) {
  .general_part h4 {
    font-size: 2rem;
    font-weight: 600;
    margin: 1rem 0 1rem;
    padding-left: 2.6rem;
  }
  .general_part h4:before {
    font-size: 1.8rem;
  }
  .general_part h4.acc {
    margin: 2rem 0 1rem;
  }
}
@media (min-width: 320px) {
  .explain {
    margin-bottom: 1.5em;
    color: #333333;
  }
  .general_box .general_part .staff_area {
    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;
    border: 1px solid #ddd;
    border-top: 2px solid #e08db0;
    margin-bottom: 2rem;
  }
  .general_box .general_part .staff_area .staff_photo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .general_box .general_part .staff_area .staff_photo .photo {
    width: 15%;
    text-align: center;
    margin-bottom: 0;
  }
  .general_box .general_part .staff_area .staff_photo .photo img {
    border-radius: 10px;
  }
  .general_box .general_part .staff_area .staff_photo .name_area {
    width: 80%;
    padding: 20px 0;
  }
  .general_box .general_part .staff_area .staff_photo .name_area .post {
    margin-bottom: 0;
  }
  .general_box .general_part .staff_area .staff_photo .name_area .name {
    font-weight: 700;
    font-size: 1.6rem;
  }
}
@media (min-width: 320px) and (max-width: 500px) {
  .general_box .general_part .staff_area .staff_photo .photo {
    width: 60px;
  }
  .general_box .general_part .staff_area .staff_photo .name_area {
    max-width: 300px;
    padding: 0;
  }
  .general_box .general_part .staff_area .staff_photo .name_area .name .hebon {
    display: inline-block;
  }
}
@media (min-width: 320px) and (max-width: 350px) {
  .general_box .general_part .staff_area .staff_photo .name_area {
    max-width: 200px;
  }
}
@media (min-width: 320px) {
  .general_box .general_part .staff_area .brief-comment {
    /*移動*/
    margin-left: 5%;
    margin-top: 1em;
    display: inline-block;
  }
  .general_box .general_part .staff_area .brief-comment .comment_tit {
    border: 1px solid #e08db0;
    border-radius: 3px;
    color: #e08db0;
    display: inline-block;
    font-weight: 900;
    margin-bottom: 0.5rem;
    padding: 0 0.5rem;
  }
  .general_box .general_part .staff_area .brief-comment ul li {
    font-weight: 400;
  }
}
@media (min-width: 320px) and (max-width: 500px) {
  .general_box .general_part .staff_area .brief-comment {
    margin-top: 1rem;
    margin-left: 0;
    width: 100%;
  }
}
@media (min-width: 320px) {
  .general_box .general_part .staff_area .career table {
    width: 100%;
    border: 1px solid #dbdbdb;
  }
  .general_box .general_part .staff_area .career table tr th {
    background: #e8e8e8;
    border: 1px solid #dbdbdb;
    padding: 1rem;
    color: #585858;
  }
  .general_box .general_part .staff_area .career table tr td {
    border: 1px solid #dbdbdb;
    padding: 1rem;
    color: #585858;
  }
  .general_box .general_part .schedule_area {
    background: #f8ecf2;
    border-radius: 3px;
  }
  .general_box .general_part .schedule_area .pc {
    background: #fff;
    border-radius: 3px;
    padding: 2rem;
  }
  .general_box .general_part .schedule_area .pc table {
    width: 100%;
  }
  .general_box .general_part .schedule_area .pc table tr th {
    width: 11%;
    padding: 1rem 0rem;
    font-size: 1.6rem;
    font-weight: 600;
    color: #515151;
    text-align: center;
    border-bottom: 1px solid #d6d6d6;
  }
  .general_box .general_part .schedule_area .pc table tr th.tit {
    width: 16%;
    color: #e08db0;
    white-space: nowrap;
  }
  .general_box .general_part .schedule_area .pc table .week th {
    color: #e08db0;
  }
  .general_box .general_part .schedule_area .pc table .week th:last-child {
    width: 6%;
  }
  .general_box .general_part .schedule_area .pc table tr th.tit:before {
    font-family: "Font Awesome 6 pro";
    font-weight: 500;
    content: "\f017";
    margin-right: 0.5rem;
  }
  .general_box .general_part .schedule_area .pc table tr td {
    font-size: 1.6rem;
    color: #515151;
    font-weight: 600;
    text-align: center;
    border-bottom: 0.5px solid #d6d6d6;
    height: 9rem;
    vertical-align: baseline;
    padding-top: 3.5rem;
    max-width: 20px;
  }
  .general_box .general_part .schedule_area .pc table tr td.time {
    padding-top: 0;
    vertical-align: middle;
    white-space: nowrap;
  }
  .general_box .general_part .schedule_area .pc table tr td.time span {
    display: inline-block;
  }
  .general_box .general_part .schedule_area .pc table tr td.time span.ap_label {
    color: #e08db0;
    border: 1px solid #e08db0;
    border-radius: 5px;
    padding: 0 0.5rem;
    margin: 0.3rem 1rem 0.3rem 0.3rem;
    min-width: 4em;
  }
  .general_box .general_part .schedule_area .pc table tr td.time span.ap_time {
    width: 100px;
  }
  .general_box .general_part .month .schedule_area .pc table {
    white-space: nowrap;
  }
  .general_box .general_part .month .schedule_area .pc table tr th {
    vertical-align: middle;
    padding: 1rem 0;
    border: 0.5px solid #d6d6d6;
    color: #515151;
    background: #f8ecf2;
  }
  .general_box .general_part .month .schedule_area .pc table .day td {
    background: #f0f8ff;
  }
  .general_box .general_part .month .schedule_area .pc table tr td {
    vertical-align: middle;
    padding: 1rem 0;
    border-right: 0.5px solid #d6d6d6;
  }
  .general_box .general_part .month .schedule_area .pc table tr td:first-child {
    border-left: 0.5px solid #d6d6d6;
  }
  .general_box .general_part .month .schedule_area .pc table tr td li {
    display: inline-block;
    vertical-align: text-top;
  }
  .general_box .general_part .month .schedule_area .pc table tr td .day_border {
    border: 0.5px dashed #d6d6d6;
    height: 58px;
    margin: 0 0.5rem;
  }
  .general_box .general_part .month .schedule_area .pc table tr.ampm td {
    background: #f8ecf2;
  }
  .general_box .general_part .schedule_area .pc table tr td .ampm {
    width: 4.4rem;
  }
  .general_box .general_part .schedule_area .pc table tr td .ampm:first-child {
    text-align: right;
  }
  .general_box .general_part .schedule_area .pc table tr td .ampm:nth-child(3) {
    text-align: left;
  }
  .general_box .general_part .schedule_area .pc table .day td {
    height: 4rem;
    font-weight: 600;
    background: #f8ecf2;
  }
}
@media (min-width: 320px) and (min-width: 320px) {
  .general_box .general_part .staff_area {
    padding: 1rem;
  }
}
@media (min-width: 320px) and (min-width: 768px) {
  .general_box .general_part .staff_area {
    padding: 2rem;
  }
}
@media (min-width: 320px) and (min-width: 320px) {
  .general_box .general_part .staff_area .staff_name {
    margin-bottom: 1rem;
    width: 100%;
    display: flex;
  }
  .general_box .general_part .staff_area .staff_name .photo {
    flex-basis: 120px;
  }
  .general_box .general_part .staff_area .staff_name .photo img {
    border-radius: 5px;
  }
  .general_box .general_part .staff_area .staff_name .name_area {
    flex-grow: 2;
    padding-left: 2em;
    padding-top: 1rem;
    font-weight: 700;
  }
  .general_box .general_part .staff_area .staff_name .name_area span {
    font-weight: normal;
  }
}
@media (min-width: 320px) and (min-width: 768px) {
  .general_box .general_part .staff_area .staff_name {
    margin-bottom: 0;
    width: 100%;
    display: flex;
  }
  .general_box .general_part .staff_area .staff_name .photo {
    flex-basis: 120px;
  }
  .general_box .general_part .staff_area .staff_name .photo img {
    border-radius: 5px;
  }
  .general_box .general_part .staff_area .staff_name .name_area {
    flex-grow: 2;
    padding-left: 2em;
    padding-top: 1rem;
    font-weight: 700;
  }
  .general_box .general_part .staff_area .staff_name .name_area span {
    font-weight: normal;
  }
}
@media (min-width: 320px) and (min-width: 320px) {
  .general_box .general_part .staff_area .staff_name .name_area .post {
    font-size: 1.2rem;
  }
}
@media (min-width: 320px) and (min-width: 768px) {
  .general_box .general_part .staff_area .staff_name .name_area .post {
    font-size: 1.4rem;
  }
}
@media (min-width: 320px) and (min-width: 320px) {
  .general_box .general_part .staff_area .staff_name .name_area .name span {
    font-size: 1rem;
  }
}
@media (min-width: 320px) and (min-width: 768px) {
  .general_box .general_part .staff_area .staff_name .name_area .name span {
    font-size: 1.2rem;
  }
}
@media (min-width: 320px) and (min-width: 320px) {
  .general_box .general_part .staff_area .career {
    width: 100%;
  }
}
@media (min-width: 320px) and (min-width: 768px) {
  .general_box .general_part .staff_area .career {
    width: 48%;
  }
}
@media (min-width: 320px) and (min-width: 320px) {
  .general_box .general_part .schedule_area {
    padding: 1rem;
    margin-bottom: 3rem;
  }
}
@media (min-width: 320px) and (min-width: 768px) {
  .general_box .general_part .schedule_area {
    padding: 2rem;
    margin-bottom: 5rem;
  }
}
@media (min-width: 320px) and (min-width: 320px) {
  .general_box .general_part .schedule_area .pc {
    display: none;
  }
}
@media (min-width: 320px) and (min-width: 768px) {
  .general_box .general_part .schedule_area .pc {
    display: block;
  }
}
@media (min-width: 320px) {
  .appointment_box .general_box .general_part .schedule_area .pc {
    padding-bottom: 1rem;
  }
  .general_box .general_part .schedule_area .mo {
    background: #fff;
    border-radius: 3px;
    padding: 1.5rem;
  }
  .general_box .general_part .schedule_area .mo table {
    width: 100%;
  }
  .general_box .general_part .schedule_area .mo table tr th {
    padding: 0.5rem 0rem;
    font-size: 1.4rem;
    font-weight: 600;
    color: #707070;
    text-align: center;
    border-bottom: 0.5px solid #d6d6d6;
  }
  .general_box .general_part .schedule_area .mo table tr th.tit:before {
    font-family: "Font Awesome 6 pro";
    font-weight: 500;
    content: "\f017";
    color: #e08db0;
  }
  .general_box .general_part .schedule_area .mo .mt_table tr th:first-of-type {
    padding-right: 0rem;
  }
  .general_box .general_part .schedule_area .mo table tr th:first-of-type {
    padding-right: 1rem;
  }
  .general_box .general_part .schedule_area .mo table tr td {
    padding: 0.5rem;
    font-size: 1.4rem;
    font-weight: 600;
    color: #707070;
    text-align: center;
    border-bottom: 0.5px solid #d6d6d6;
    height: 7rem;
    padding-top: 2.2rem;
    vertical-align: baseline;
  }
  .general_box .general_part .schedule_area .mo table tr td.time {
    padding-top: 0;
    vertical-align: middle;
  }
  .general_box .general_part .schedule_area .mo table tr td.time span.time_item {
    color: #e08db0;
    border: 1px solid #e08db0;
    border-radius: 5px;
    padding: 0.1rem 0.5rem 0.1rem;
    margin: 0.3rem 1rem 0.3rem 0.3rem;
    line-height: 1.8;
    min-width: 4em;
    display: inline-block;
  }
  .general_box .general_part .month .schedule_area .mo table tr td {
    padding-top: 0rem;
    vertical-align: middle;
    border-right: 0.5px solid #d6d6d6;
    font-weight: 600;
  }
  .general_box .general_part .month .schedule_area .mo table tr th {
    border: 0.5px solid #d6d6d6;
    font-weight: 600;
  }
  .general_box .general_part .schedule_area .mo table .day td {
    height: 4rem;
    font-weight: 600;
  }
  .general_box .general_part .schedule_area .mo table tr td li {
    display: inline-block;
    vertical-align: middle;
  }
  .general_box .general_part .schedule_area .mo table tr th .day_border {
    border: 0.5px dashed #d6d6d6;
    margin: 0 0.2rem;
  }
  .general_box .general_part .schedule_area .mo table tr td .day_border {
    border: 0.5px dashed #d6d6d6;
    margin: 0 0.2rem;
  }
  .general_box .general_part .schedule_area .mo table tr td .ampm {
    width: 3rem;
    height: 7rem;
  }
  .general_box .general_part .schedule_area .mo table tr th .ampm {
    list-style: none;
    height: 7rem;
  }
  .general_box .general_part .schedule_area .reception {
    margin-top: 2rem;
    background: #fff;
    border-radius: 3px;
    padding: 2rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .general_box .general_part .schedule_area .mo table.month tr:first-of-type {
    padding: 0.5rem 0.2rem;
  }
  .general_box .general_part .schedule_area .mo table.month tr th:first-of-type {
    width: 15%;
    color: #515151;
    background: #f0f8ff;
  }
  .general_box .general_part .schedule_area .mo table.month tr:first-of-type th:first-of-type {
    background: #fff;
  }
  .general_box .general_part .schedule_area .mo table.month tr:first-of-type th.ampm {
    background: #f8ecf2;
  }
  .general_box .general_part .schedule_area .mo table.month tr th {
    width: 38%;
    padding: 1rem 0.2rem;
  }
  .general_box .general_part .schedule_area .mo table.month tr td {
    padding: 0rem;
    height: 6.5rem;
    position: relative;
  }
  .general_box .general_part .schedule_area .mo table.month tr td:nth-of-type(2)::before {
    position: absolute;
    /*--positionを追加--*/
    top: 0;
    right: 100%;
    margin: 1rem 0rem;
    content: "";
    /*--縦線の太さ(幅)--*/
    height: 72%;
    border: none;
    /*--縦線の色--*/
  }
  .general_box .general_part .schedule_area .reception h3 {
    border: none;
    padding: 0;
    font-size: 1.4rem;
  }
  .general_box .general_part .schedule_area .reception h3:before {
    font-family: "Font Awesome 6 pro";
    font-weight: 900;
    content: "\f562";
    margin-right: 0.5rem;
  }
  .general_box .general_part .schedule_area .reception dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .general_box .general_part .schedule_area .reception dl dt {
    background: #1c5aa8;
    padding: 0.5rem;
    border-radius: 5px;
    color: #fff;
  }
  .general_box .general_part .schedule_area .reception dl dd {
    margin: 0 0 0 2rem;
    color: #707070;
  }
  .general_box .general_part .schedule_area .at_t {
    color: #333333;
    margin-top: 1rem;
  }
  .general_box .general_part .schedule_area .at_t:first-of-type {
    padding-top: 1rem;
  }
}
@media (min-width: 320px) and (min-width: 320px) {
  .general_box .general_part .schedule_area .mo {
    display: block;
  }
}
@media (min-width: 320px) and (min-width: 768px) {
  .general_box .general_part .schedule_area .mo {
    display: none;
  }
}
@media (min-width: 320px) and (min-width: 320px) {
  .general_box .general_part .schedule_area .reception {
    display: block;
  }
}
@media (min-width: 320px) and (min-width: 992px) {
  .general_box .general_part .schedule_area .reception {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (min-width: 320px) and (min-width: 320px) {
  .general_box .general_part .schedule_area .reception h3 {
    margin-left: 0;
  }
}
@media (min-width: 320px) and (min-width: 992px) {
  .general_box .general_part .schedule_area .reception h3 {
    margin-left: 2rem;
  }
}
@media (min-width: 320px) and (min-width: 320px) {
  .general_box .general_part .schedule_area .reception dl {
    margin-left: 0;
  }
}
@media (min-width: 320px) and (min-width: 1065px) {
  .general_box .general_part .schedule_area .reception dl {
    margin-left: 2rem;
  }
}
@media (min-width: 320px) and (min-width: 1065px) {
  .general_box .general_part .schedule_area .at_t {
    font-size: 1.6rem;
  }
}
@media (min-width: 320px) and (min-width: 320px) {
  .top .general_box .general_part .schedule_area {
    padding: 0rem;
  }
}
@media (min-width: 320px) {
  .top .general_box .general_part .schedule_area .pc {
    border-radius: 5px;
    padding: 3rem 5rem;
  }
}
@media (min-width: 320px) and (min-width: 1065px) {
  .top .general_box .general_part .schedule_area {
    margin-bottom: 0rem;
  }
}
@media (min-width: 320px) and (min-width: 320px) {
  .top .general_box .general_part {
    padding-left: 0;
    margin-bottom: 2rem;
  }
}
@media (min-width: 320px) {
  .department {
    background: #efeee8;
    padding: 1rem;
    margin-top: 5rem;
  }
  .department h2 {
    background: #6bb4a0;
    padding: 1rem;
    color: #fff;
    letter-spacing: 0.5rem;
    text-align: center;
    margin-bottom: 1rem;
  }
  .department .fl {
    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;
  }
  .department .fl section div {
    background: #fff;
    padding: 1rem;
    margin-bottom: 1rem;
  }
  .department .fl section div:last-of-type {
    margin-bottom: 0;
  }
  .department .fl section div h3 {
    color: #1c5aa8;
    font-weight: bold;
    margin-bottom: 1rem;
  }
  .department .fl section div h3:before {
    font-family: "Font Awesome 6 pro";
    font-weight: 900;
    content: "\f0a9";
    margin-right: 0.5rem;
  }
  .department .fl section div h3 a {
    color: #1c5aa8;
  }
  .department .fl section div p,
  .department .fl section div ul {
    margin: 0;
  }
}
@media (min-width: 320px) and (min-width: 320px) {
  .department .fl section {
    width: 100%;
  }
}
@media (min-width: 320px) and (min-width: 992px) {
  .department .fl section {
    width: 49.5%;
  }
}
@media (min-width: 320px) and (min-width: 320px) {
  .department .fl section div ul li {
    font-size: 1.4rem;
  }
}
@media (min-width: 320px) and (min-width: 768px) {
  .department .fl section div ul li {
    font-size: 1.6rem;
  }
}
@media (min-width: 320px) {
  .fixed_page_box {
    color: #333333;
  }
  .fixed_page_box h2 {
    color: #1c5aa8;
    font-weight: bold;
  }
  .fixed_page_box h2:before {
    font-family: "Font Awesome 6 pro";
    font-weight: 900;
    content: "\f192";
    margin-right: 0.5rem;
  }
  .fixed_page_box h3 {
    display: inline-block;
    color: #1c5aa8;
    font-weight: bold;
    border: 1px solid #1c5aa8;
    border-radius: 5px;
    margin-bottom: 2rem;
  }
  .fixed_page_box h4 {
    font-weight: bold;
  }
  .fixed_page_box ol {
    counter-reset: my-counter;
    list-style: none;
    background: #f4f4f4;
    border-radius: 3px;
  }
  .fixed_page_box ol li {
    position: relative;
    padding-left: 3.5rem;
    margin-bottom: 1rem;
  }
  .fixed_page_box ol li:last-of-type {
    margin-bottom: 0;
  }
  .fixed_page_box ol li:before {
    content: counter(my-counter);
    counter-increment: my-counter;
    background-color: #1c5aa8;
    border-radius: 50%;
    height: 2.5rem;
    width: 2.5rem;
    text-align: center;
    color: #ffffff;
    font-weight: bold;
    line-height: 2.5rem;
    position: absolute;
    top: 0.25rem;
    left: 0;
  }
  .fixed_page_box table {
    width: 100%;
    border: 1px solid #dbdbdb;
  }
  .fixed_page_box table tr th {
    background: #e8e8e8;
    border: 1px solid #dbdbdb;
    color: #585858;
  }
  .fixed_page_box table tr td {
    border: 1px solid #dbdbdb;
    color: #585858;
  }
}
@media (min-width: 320px) and (min-width: 320px) {
  .fixed_page_box {
    margin-bottom: 5rem;
  }
}
@media (min-width: 320px) and (min-width: 768px) {
  .fixed_page_box {
    margin-bottom: 10rem;
  }
}
@media (min-width: 320px) and (min-width: 320px) {
  .fixed_page_box h2 {
    margin-bottom: 1rem;
    font-size: 1.6rem;
  }
}
@media (min-width: 320px) and (min-width: 768px) {
  .fixed_page_box h2 {
    margin-bottom: 3rem;
    font-size: 2.4rem;
  }
}
@media (min-width: 320px) and (min-width: 320px) {
  .fixed_page_box h3 {
    font-size: 1.4rem;
    padding: 0.5rem;
  }
}
@media (min-width: 320px) and (min-width: 768px) {
  .fixed_page_box h3 {
    font-size: 1.8rem;
    padding: 0.5rem 1rem;
  }
}
@media (min-width: 320px) and (min-width: 320px) {
  .fixed_page_box h4 {
    font-size: 1.4rem;
  }
}
@media (min-width: 320px) and (min-width: 768px) {
  .fixed_page_box h4 {
    font-size: 1.6rem;
  }
}
@media (min-width: 320px) and (min-width: 320px) {
  .fixed_page_box ol {
    padding: 1rem;
  }
}
@media (min-width: 320px) and (min-width: 768px) {
  .fixed_page_box ol {
    padding: 2rem;
  }
}
@media (min-width: 320px) and (min-width: 320px) {
  .fixed_page_box ol li {
    font-size: 1.4rem;
  }
}
@media (min-width: 320px) and (min-width: 768px) {
  .fixed_page_box ol li {
    font-size: 1.6rem;
  }
}
@media (min-width: 320px) and (min-width: 320px) {
  .fixed_page_box p.mt {
    margin-top: 2rem;
  }
}
@media (min-width: 320px) and (min-width: 768px) {
  .fixed_page_box p.mt {
    margin-top: 5rem;
  }
}
@media (min-width: 320px) and (min-width: 320px) {
  .fixed_page_box p.mb {
    margin-bottom: 2rem;
  }
}
@media (min-width: 320px) and (min-width: 768px) {
  .fixed_page_box p.mb {
    margin-bottom: 5rem;
  }
}
@media (min-width: 320px) and (min-width: 320px) {
  .fixed_page_box table {
    margin-bottom: 2rem;
  }
}
@media (min-width: 320px) and (min-width: 768px) {
  .fixed_page_box table {
    margin-bottom: 5rem;
  }
}
@media (min-width: 320px) and (min-width: 320px) {
  .fixed_page_box table tr th {
    padding: 0.5rem;
    display: block;
  }
}
@media (min-width: 320px) and (min-width: 768px) {
  .fixed_page_box table tr th {
    padding: 1rem;
    display: table-cell;
  }
}
@media (min-width: 320px) and (min-width: 320px) {
  .fixed_page_box table tr td {
    padding: 0.5rem;
    display: block;
  }
}
@media (min-width: 320px) and (min-width: 768px) {
  .fixed_page_box table tr td {
    padding: 1rem;
    display: table-cell;
  }
}
@media (min-width: 320px) and (min-width: 320px) {
  .news_block {
    margin-bottom: 5rem;
  }
}
@media (min-width: 320px) and (min-width: 768px) {
  .news_block {
    margin-bottom: 10rem;
  }
}
@media (min-width: 320px) {
  .news_block h2 {
    color: #4b4b4b;
    padding-bottom: 1rem;
    border-bottom: 2px solid #cccccc;
  }
  .news_block dl {
    margin-top: 1rem;
    border-bottom: 1px dashed #cccccc;
    padding-bottom: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .news_block dl dt {
    color: #707070;
    font-weight: normal;
  }
  .news_block dl dt time {
    display: inline-block;
    width: 6.3em;
  }
  .news_block dl dt span {
    display: inline-block;
    text-align: center;
    width: 9rem;
    color: #fff;
    border-radius: 3px;
    margin-left: 1rem;
    font-weight: 600;
  }
  .news_block dl dd {
    margin: 0;
  }
  .news_block dl dd a {
    color: #1c5aa8;
  }
}
@media (min-width: 320px) and (min-width: 320px) {
  .news_block h2 {
    font-size: 2rem;
  }
}
@media (min-width: 320px) and (min-width: 768px) {
  .news_block h2 {
    font-size: 2.4rem;
  }
}
@media (min-width: 320px) and (min-width: 320px) {
  .news_block dl dt {
    font-size: 1.2rem;
    width: 100%;
    margin-bottom: 0.5rem;
  }
}
@media (min-width: 320px) and (min-width: 768px) {
  .news_block dl dt {
    font-size: 1.6rem;
    width: 40%;
    margin-bottom: 0;
  }
}
@media (min-width: 320px) and (min-width: 1200px) {
  .news_block dl dt {
    width: 35%;
  }
}
@media (min-width: 320px) and (min-width: 320px) {
  .news_block dl dt span {
    font-size: 1rem;
    width: 150px !important;
    margin-left: 3rem !important;
  }
}
@media (min-width: 320px) and (min-width: 768px) {
  .news_block dl dt span {
    font-size: 1.2rem;
  }
}
@media (min-width: 320px) and (min-width: 320px) {
  .news_block dl dd {
    width: 100%;
    font-size: 1.4rem;
  }
}
@media (min-width: 320px) and (min-width: 768px) {
  .news_block dl dd {
    width: 60%;
    font-size: 1.6rem;
  }
}
@media (min-width: 320px) and (min-width: 1200px) {
  .news_block dl dd {
    width: 63%;
  }
}
@media (min-width: 320px) {
  .news_detail {
    color: #333333;
  }
  .news_detail p {
    font-weight: 500;
    margin-bottom: 2rem;
  }
  .news_detail h2 {
    color: #434343;
    font-weight: bold;
    padding-bottom: 1rem;
    border-bottom: 1px solid #cccccc;
    position: relative;
    line-height: 1.5;
  }
  .news_detail h2:after {
    position: absolute;
    content: " ";
    display: block;
    border-bottom: solid 1px #e08db0;
    bottom: -1px;
    width: 5%;
  }
  .news_detail h3 {
    color: #434343;
    font-weight: bold;
    position: relative;
    line-height: 1.5;
  }
  .news_detail h3::before {
    font-family: "Font Awesome 6 pro";
    font-weight: 900;
    content: "\f192";
    color: #e08db0;
    position: absolute;
    left: 0;
    top: 0;
  }
  .news_detail h4 {
    display: inline-block;
    color: #434343;
    border: 2px solid #e08db0;
    margin-bottom: 1rem;
    font-weight: 600;
  }
  .news_detail ul {
    background: #f4f4f4;
    border-radius: 3px;
  }
  .news_detail ul li {
    margin-bottom: 1rem;
    position: relative;
  }
  .news_detail ul li:last-of-type {
    margin-bottom: 0;
  }
  .news_detail ul li:before {
    font-family: "Font Awesome 6 pro";
    font-weight: 900;
    content: "\f192";
    color: #e08db0;
    position: absolute;
    left: 0;
    top: 0;
  }
  .news_detail .important_content {
    background: #1c5aa8;
    border-radius: 3px;
  }
  .news_detail .important_content p {
    color: #fff;
    text-align: center;
    margin: 0;
  }
  .news_detail .important_content p span {
    font-weight: bold;
  }
  .news_detail .notes {
    margin-top: 1rem;
    text-align: right;
  }
  .news_detail ul .sentence {
    font-weight: 500;
  }
}
@media (min-width: 320px) and (min-width: 320px) {
  .news_detail .date {
    font-size: 1.2rem;
  }
}
@media (min-width: 320px) and (min-width: 768px) {
  .news_detail .date {
    font-size: 1.4rem;
  }
}
@media (min-width: 320px) and (min-width: 320px) {
  .news_detail h2 {
    margin-bottom: 1.5rem;
    font-size: 1.6rem;
  }
}
@media (min-width: 320px) and (min-width: 768px) {
  .news_detail h2 {
    margin-bottom: 3rem;
    font-size: 2.4rem;
  }
}
@media (min-width: 320px) and (min-width: 320px) {
  .news_detail h3 {
    margin-bottom: 1.5rem;
    font-size: 1.5rem;
    padding-left: 2rem;
  }
}
@media (min-width: 320px) and (min-width: 320px) and (min-width: 768px) {
  .news_detail h3 {
    margin-bottom: 3rem;
    font-size: 2rem;
    padding-left: 3rem;
    margin-bottom: 1rem;
  }
}
@media (min-width: 320px) and (min-width: 320px) {
  .news_detail h4 {
    font-size: 1.6rem;
    padding: 0.5rem;
    border-radius: 4px;
  }
}
@media (min-width: 320px) and (min-width: 768px) {
  .news_detail h4 {
    font-size: 1.8rem;
    padding: 0.8rem;
    border-radius: 6px;
  }
}
@media (min-width: 320px) and (min-width: 320px) and (min-width: 768px) {
  .news_detail_block {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .news_detail .news_detail_block:first-of-type {
    padding-top: 0rem;
  }
  .news_detail .news_detail_block:last-of-type {
    padding-bottom: 5rem;
  }
}
@media (min-width: 320px) and (min-width: 320px) {
  .news_detail ul {
    margin: 1rem 0 2rem 0;
    padding: 1rem;
  }
}
@media (min-width: 320px) and (min-width: 768px) {
  .news_detail ul {
    margin: 2rem 0 5rem 0;
    padding: 2rem;
  }
}
@media (min-width: 320px) and (min-width: 320px) {
  .news_detail ul li {
    font-size: 1.4rem;
    padding-left: 2rem;
  }
}
@media (min-width: 320px) and (min-width: 768px) {
  .news_detail ul li {
    font-size: 1.6rem;
    padding-left: 2.5rem;
  }
}
@media (min-width: 320px) and (min-width: 320px) {
  .news_detail .important_content {
    padding: 1rem;
  }
}
@media (min-width: 320px) and (min-width: 768px) {
  .news_detail .important_content {
    padding: 2rem;
  }
}
@media (min-width: 320px) and (min-width: 320px) {
  .news_detail .important_content p span {
    font-size: 1.6rem;
  }
}
@media (min-width: 320px) and (min-width: 768px) {
  .news_detail .important_content p span {
    font-size: 2.4rem;
  }
}
@media (min-width: 320px) and (min-width: 320px) {
  .news_detail .notes {
    font-size: 1.2rem;
  }
}
@media (min-width: 320px) and (min-width: 768px) {
  .news_detail .notes {
    font-size: 1.4rem;
  }
}
@media (min-width: 320px) {
  .department_block {
    color: #434343;
  }
  .department_block h2 {
    color: #434343;
    margin-bottom: 1rem;
    position: relative;
    padding-left: 3.2rem;
    font-family: fot-tsukubrdgothic-std, sans-serif;
    font-weight: 700;
  }
  .department_block h2:before {
    font-family: "Font Awesome 6 pro";
    font-weight: 900;
    content: "\f005";
    color: #e08db0;
    position: absolute;
    left: 0;
    top: 0;
  }
  .department_block dl {
    margin-top: 2rem;
    border-bottom: 2px dashed #cccccc;
    padding-bottom: 1rem;
  }
  .department_block dl dt {
    display: inline-block;
    color: #1c5aa8;
    font-weight: bold;
    border: 1px solid #1c5aa8;
    border-radius: 5px;
    margin-bottom: 1rem;
  }
  .department_block ul li {
    margin-bottom: 0.5rem;
    position: relative;
  }
  .department_block ul li:last-of-type {
    margin-bottom: 0;
  }
  .department_block ul li:before {
    font-family: "Font Awesome 6 pro";
    font-weight: 900;
    content: "\f192";
    color: #e08db0;
    position: absolute;
    left: 0;
    top: 0;
  }
}
@media (min-width: 320px) and (min-width: 320px) {
  .department_block {
    margin-bottom: 5rem;
  }
}
@media (min-width: 320px) and (min-width: 768px) {
  .department_block {
    margin-bottom: 5rem;
  }
}
@media (min-width: 320px) and (min-width: 320px) {
  .department_block h2 {
    margin-bottom: 2rem;
    font-size: 2.2rem;
    padding-left: 2.6rem;
  }
  .department_block h2:before {
    font-size: 2rem;
  }
}
@media (min-width: 320px) and (min-width: 768px) {
  .department_block h2 {
    margin-bottom: 2rem;
    font-size: 2.6rem;
    padding-left: 3.2rem;
  }
  .department_block h2:before {
    font-size: 2.4rem;
    line-height: 1.32;
  }
}
@media (min-width: 320px) and (min-width: 320px) {
  .department_block dl dt {
    font-size: 1.4rem;
    padding: 0.5rem;
  }
}
@media (min-width: 320px) and (min-width: 768px) {
  .department_block dl dt {
    font-size: 1.6rem;
    padding: 0.5rem 1rem;
  }
}
@media (min-width: 320px) and (min-width: 320px) {
  .department_block ul li {
    font-size: 1.4rem;
    padding-left: 2rem;
  }
}
@media (min-width: 320px) and (min-width: 768px) {
  .department_block ul li {
    font-size: 1.6rem;
    padding-left: 2.5rem;
  }
}
@media (min-width: 320px) {
  .container2,
  .container3 {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
  }
}
@media (min-width: 320px) and (min-width: 1200px) {
  .container2 {
    max-width: 1280px;
  }
}
@media (min-width: 320px) and (min-width: 768px) {
  .general_part img {
    padding-top: 0;
  }
}
@media (min-width: 320px) and (min-width: 1200px) {
  .container3 {
    max-width: 1280px;
  }
}
@media (min-width: 320px) {
  .treatment_detail_detail {
    color: #333333;
  }
}
@media (min-width: 320px) and (min-width: 320px) {
  .treatment_detail .date {
    font-size: 1.2rem;
  }
}
@media (min-width: 320px) and (min-width: 768px) {
  .treatment_detail .date {
    font-size: 1.4rem;
  }
}
@media (min-width: 320px) {
  .treatment_detail h2 {
    color: #207b3c;
    font-weight: bold;
    padding-bottom: 1rem;
    border-bottom: 1px solid #cccccc;
    position: relative;
    line-height: 1.5;
  }
  .treatment_detail h2:after {
    position: absolute;
    content: " ";
    display: block;
    border-bottom: solid 1px #207b3c;
    bottom: -1px;
    width: 5%;
  }
  .treatment_detail ul {
    background: #f4f4f4;
    border-radius: 3px;
  }
  .treatment_detail ul li {
    margin-bottom: 1rem;
    position: relative;
  }
  .treatment_detail ul li:last-of-type {
    margin-bottom: 0;
  }
  .treatment_detail ul li:before {
    font-family: "Font Awesome 6 pro";
    font-weight: 900;
    content: "\f192";
    color: #e08db0;
    position: absolute;
    left: 0;
    top: 0;
  }
  .treatment_detail .important_content {
    background: #207b3c;
    border-radius: 3px;
  }
  .treatment_detail .important_content p {
    color: #fff;
    text-align: center;
    margin: 0;
  }
  .treatment_detail .important_content p span {
    font-weight: bold;
  }
  .treatment_detail .notes {
    margin-top: 1rem;
    text-align: right;
  }
}
@media (min-width: 320px) and (min-width: 320px) {
  .treatment_detail h2 {
    margin-bottom: 1.5rem;
    font-size: 1.6rem;
  }
}
@media (min-width: 320px) and (min-width: 768px) {
  .treatment_detail h2 {
    margin-bottom: 3rem;
    font-size: 2.4rem;
  }
}
@media (min-width: 320px) and (min-width: 320px) {
  .treatment_detail ul {
    margin: 1rem 0 2rem 0;
    padding: 1rem;
  }
}
@media (min-width: 320px) and (min-width: 768px) {
  .treatment_detail ul {
    margin: 2rem 0 5rem 0;
    padding: 2rem;
  }
}
@media (min-width: 320px) and (min-width: 320px) {
  .treatment_detail ul li {
    font-size: 1.4rem;
    padding-left: 2rem;
  }
}
@media (min-width: 320px) and (min-width: 768px) {
  .treatment_detail ul li {
    font-size: 1.6rem;
    padding-left: 2.5rem;
  }
}
@media (min-width: 320px) and (min-width: 320px) {
  .treatment_detail .important_content {
    padding: 1rem;
  }
}
@media (min-width: 320px) and (min-width: 768px) {
  .treatment_detail .important_content {
    padding: 2rem;
  }
}
@media (min-width: 320px) and (min-width: 320px) {
  .treatment_detail .important_content p span {
    font-size: 1.6rem;
  }
}
@media (min-width: 320px) and (min-width: 768px) {
  .treatment_detail .important_content p span {
    font-size: 2.4rem;
  }
}
@media (min-width: 320px) and (min-width: 320px) {
  .treatment_detail .notes {
    font-size: 1.2rem;
  }
}
@media (min-width: 320px) and (min-width: 768px) {
  .treatment_detail .notes {
    font-size: 1.4rem;
  }
}
@media (min-width: 320px) and (min-width: 768px) {
  .list_block ul li {
    margin-bottom: 2rem;
    position: relative;
    font-weight: 600;
    color: #333333;
  }
  .list_block ul li p {
    font-weight: normal;
  }
  .list_block ul:first-of-type {
    padding-top: 1em;
  }
  .list_block ul li {
    font-size: 1.6rem;
    padding-left: 2.5rem;
  }
  .list_block ul li:before {
    font-family: "Font Awesome 6 pro";
    font-weight: 900;
    content: "\f192";
    color: #207b3c;
    position: absolute;
    left: 0;
    top: 0;
  }
}
@media (min-width: 320px) and (min-width: 320px) {
  .list_block ul li {
    font-size: 1.4rem;
    padding-left: 2rem;
    position: relative;
    font-weight: 600;
  }
  .list_block ul li:before {
    font-family: "Font Awesome 6 pro";
    font-weight: 900;
    content: "\f192";
    color: #207b3c;
    position: absolute;
    left: 0;
    top: 0;
  }
  .list_block ul li p {
    font-weight: normal;
  }
}
@media (min-width: 320px) {
  .hours_area {
    background: #f8ecf2;
  }
  .hours_area a:hover {
    text-decoration: none;
  }
  .hours_area a:hover h2 {
    opacity: 0.7;
  }
  .hours_area h2 {
    color: #333333;
    font-family: fot-tsukubrdgothic-std, sans-serif;
    font-weight: 700;
    font-style: normal;
  }
  .hours_area h2::after {
    font-family: "Font Awesome 6 pro";
    font-weight: 500;
    content: "\f101";
  }
  .hours_area h2:hover {
    opacity: 0.7;
  }
}
@media (min-width: 320px) and (min-width: 320px) {
  .hours_area {
    /* margin-bottom: 5rem; */
    padding: 2rem 0 1rem;
  }
  .hours_area h2 {
    margin-bottom: 2rem;
  }
  .hours_area h2::after {
    margin-left: 0.8rem;
    font-size: 1.9rem;
  }
}
@media (min-width: 320px) and (min-width: 768px) {
  .hours_area {
    /* margin-bottom: 10rem; */
    padding: 3rem 0;
  }
  .hours_area h2 {
    margin-bottom: 2rem;
    font-size: 2.4rem;
  }
  .hours_area h2:after {
    margin-left: 1rem;
    font-size: 2.1rem;
  }
}
@media (min-width: 320px) {
  .heart:before {
    font-family: "Font Awesome 6 pro";
    font-weight: 400;
    content: "\f004";
    margin-right: 0.6rem;
  }
  .bell:before {
    font-family: "Font Awesome 6 pro";
    font-weight: 400;
    content: "\f562";
    margin-right: 0.6rem;
    margin-left: 1rem;
  }
  .clock::before {
    font-family: "Font Awesome 6 pro";
    font-weight: 400;
    content: "\f017";
    margin-right: 0.6rem;
  }
  .hour_border2 {
    display: inline-block;
  }
  .hour_border ul li:first-child {
    border-bottom: 1px solid #ccc;
    list-style: none;
    margin: 0px 1rem;
    padding: 0rem 1rem 2rem;
  }
  .hour_border ul li:nth-child(2) {
    padding-top: 2rem;
    list-style: none;
  }
  .hour_border2 li {
    padding: 0 2rem;
  }
  .hour_border2 li:first-child {
    list-style: none;
    background-color: #1c5aa8;
    color: #fff;
    padding: 0.6rem 0;
    margin: 0 3rem;
    border-radius: 6px;
  }
  .hour_border2 li:nth-child(2) {
    border-bottom: 1px solid #ccc;
    padding: 1.5rem 0rem;
    list-style: none;
    margin: 0px 1rem;
  }
  .hour_border2 li:nth-child(3) {
    padding-top: 1.5rem;
  }
  .hour_border ul li:first-child {
    border-bottom: 1px solid #ccc;
    padding-bottom: 1.5rem;
    list-style: none;
  }
  .hour_border ul li:nth-child(2) {
    padding-top: 1.5rem;
    list-style: none;
  }
  .hour_border2 {
    display: inline-block;
  }
  .hour_border2 li {
    padding: 0 2rem;
  }
  .hour_border2 li:first-child {
    list-style: none;
    background-color: #207b3c;
    color: #fff;
    padding: 0.6rem 0;
    margin: 0 3rem;
    border-radius: 6px;
  }
  .hour_border2 li:nth-child(2) {
    border-bottom: 1px solid #ccc;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    list-style: none;
  }
  .hour_border2 li:nth-child(3) {
    padding-top: 1.5rem;
  }
}
@media screen and (min-width: 320px) {
  .flow_part {
    padding-bottom: 3em;
  }
  .flow_part td {
    list-style: none;
    padding-left: 2em;
    line-height: 2em;
    vertical-align: top;
    width: 60%;
  }
  .flow_part th {
    vertical-align: initial;
  }
  .flow_part td li:first-child {
    font-size: 1.8rem;
    font-weight: 600;
    display: inline-block;
    vertical-align: inherit;
    padding-bottom: 0.6em;
  }
  .list_circle_num > li + li {
    margin: 1em 0px 0px;
  }
  .container3 .general_tab .general_select .nav li {
    font-size: 1.4rem;
    margin: auto;
    width: 48%;
  }
  .container3 .general_tab .general_select .nav li a {
    text-decoration: none;
  }
  .general_part .flow_part img {
    padding-top: 0em;
  }
  .flow_part span {
    color: #207b3c;
    padding-right: 0.6rem;
  }
}
@media screen and (min-width: 320px) and (min-width: 768px) {
  .container3 .general_tab .general_select .nav li {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 768px) {
  .flow_part {
    padding-bottom: 1em;
  }
  .flow_part th {
    display: block;
    width: 100%;
  }
  .flow_part td {
    display: block;
    width: 100%;
    padding-left: 0em;
  }
  .flow_part td li:first-child {
    padding-top: 1rem;
    font-size: 1.6rem;
  }
  .flow_part td li:nth-child(2) {
    font-size: 1.4rem;
  }
}
.department_block .appoint_number ul li:before {
  display: none;
}

.appoint_number ul {
  background: #f4f4f4;
  border-radius: 3px;
  text-align: center;
}
.appoint_number ul li {
  margin-bottom: 1rem;
  position: relative;
}
.appoint_number ul li:last-of-type {
  margin-bottom: 0;
}

@media (min-width: 320px) {
  .appoint_number ul {
    margin: 1rem 0 3rem 1rem;
    padding: 2em 1rem;
  }
  .appoint_part .appoint_number ul li {
    font-weight: 600;
  }
}
@media (min-width: 768px) {
  .treatment_detail ul {
    margin: 2rem 0 5rem 0;
    padding: 2rem;
  }
}
.appoint_part {
  padding: 1rem 0;
}
.appoint_part ul li:last-of-type {
  margin-bottom: 0;
}
.appoint_part ul li:before {
  font-family: "Font Awesome 6 pro";
  font-weight: 900;
  content: "\f192";
  color: #e08db0;
  position: absolute;
  left: 0;
  top: 0;
}

@media (min-width: 320px) {
  .appoint_number ul li {
    font-size: 1.4rem;
    padding-left: 2rem;
    margin-bottom: 1rem;
    font-weight: 600;
  }
  .appoint_part ul li {
    font-size: 1.4rem;
    padding-left: 2rem;
    margin-bottom: 0.5rem;
    position: relative;
    font-weight: 500;
  }
  .appoint_number ul li span {
    display: block;
    padding-bottom: 0.2rem;
  }
  .appoint_number ul li span i {
    padding-right: 0.5rem;
  }
}
@media (min-width: 320px) and (min-width: 768px) {
  .appoint_number ul li {
    font-size: 1.6rem;
    padding-left: 2.5rem;
  }
  .appoint_number ul li span {
    display: inline-block;
  }
  .appoint_number ul li span:nth-child(2) {
    padding-left: 2rem;
  }
}
@media (min-width: 768px) {
  .appoint_part ul li {
    font-size: 1.6rem;
    padding-left: 2.5rem;
    margin-bottom: 1rem;
    position: relative;
  }
}
.guidance_detail ol {
  background: #f4f4f4;
  border-radius: 3px;
  counter-reset: num;
  list-style-type: none !important;
  padding: 0;
  margin: 0;
}
.guidance_detail ol li {
  margin-bottom: 1rem;
  position: relative;
  line-height: 1.5em;
  color: #333333;
}
.guidance_detail ol li:last-of-type {
  margin-bottom: 0;
}
.guidance_detail ol li:before {
  position: absolute;
  counter-increment: num;
  content: counter(num);
  display: inline-block;
  background: #e08db0;
  color: #fff;
  font-family: "Arial", sans-serif;
  font-weight: bold;
  text-align: center;
  border-radius: 50%;
  left: 0;
}

@media (min-width: 320px) {
  .guidance_detail ol {
    margin: 1rem 0 2rem 0;
    padding: 1rem;
  }
}
@media (min-width: 768px) {
  .guidance_detail ol {
    margin: 2rem 0 2rem 0;
    padding: 2rem;
  }
}
@media (min-width: 320px) {
  .guidance_detail ol li {
    font-size: 1.4rem;
    padding-left: 2rem;
  }
  .guidance_detail ol li:before {
    width: 1.4rem;
    height: 1.4rem;
    line-height: 1.4rem;
    top: 0.3rem;
    font-size: 1rem;
  }
  .guidance_detail ol li span {
    font-weight: 500;
  }
}
@media (min-width: 320px) and (min-width: 768px) {
  .guidance_detail ol li {
    font-size: 1.6rem;
    padding-left: 2.5rem;
    padding-bottom: 0.2rem;
  }
  .guidance_detail ol li:before {
    font-size: 1.2rem;
    width: 1.6rem;
    height: 1.6rem;
    line-height: 1.6rem;
    top: 0.3rem;
  }
}
.green {
  color: #207b3c;
  padding-right: 0.6rem;
}

.red {
  color: #cc0000;
}

.skyblue {
  color: #00b1ff;
}

@media (min-width: 768px) {
  .director_content {
    padding-bottom: 1em;
  }
  .director_content div:first-of-type {
    display: inline-block;
    width: 24%;
    padding-top: 0em;
  }
  .director_content div:nth-of-type(2) {
    display: inline-block;
    max-width: 74%;
    vertical-align: top;
    padding-left: 3rem;
    padding-top: 1em;
  }
}
@media (min-width: 320px) {
  .director_content {
    padding-bottom: 1em;
  }
  .director_content div:first-of-type {
    max-width: 60%;
  }
  .director_content div:nth-of-type(2) {
    padding-top: 1em;
  }
}
.old_list li {
  font-weight: 600;
}
.old_list li p {
  font-weight: normal;
}

@media (min-width: 320px) {
  .early_detection_content {
    max-width: 50%;
    border-radius: 6px;
  }
  .early_detection_content img {
    border-radius: 0.6rem;
    margin-bottom: 1rem;
  }
  .old_age_block {
    margin-bottom: 3rem;
    padding-top: 1rem;
  }
}
@media (min-width: 768px) {
  .early_detection_content {
    max-width: 30%;
    border-radius: 6px;
  }
  .early_detection_content img {
    border-radius: 0.6rem;
    padding-top: 0;
    margin: 2rem 0 2rem;
  }
  .alz_deta {
    max-width: 50%;
  }
  .old_age_block {
    margin-bottom: 10rem;
    padding-top: 3rem;
  }
}
@media (max-width: 768px) {
  .general_box .small_part {
    padding-bottom: 2rem;
    padding-left: 0;
    margin-bottom: 2rem;
  }
  .general_box .small_part h4 {
    font-size: 1.4rem;
    display: inline-block;
    color: #207b3c;
    font-weight: bold;
  }
  .access_map {
    border: 0;
    width: 100%;
    height: 300px;
    padding-top: 1rem;
  }
}
@media (min-width: 768px) {
  .general_box .small_part h4 {
    display: inline-block;
    color: #207b3c;
    font-weight: bold;
    margin-bottom: 1rem;
  }
  .access_image {
    width: 60%;
    padding-bottom: 1rem;
  }
  .car_access_image {
    width: 80%;
    padding-bottom: 2rem;
  }
  .car_access_part .guidance_detail li span {
    font-weight: 600;
  }
  .general_box .small_part {
    margin-bottom: 3rem;
  }
  .general_box .small_part h4 {
    font-size: 1.8rem;
    padding: 1rem 0;
  }
  .access_map {
    border: 0;
    width: 100%;
    height: 500px;
    padding-top: 2rem;
  }
}
.appointment_box .general_box {
  margin-top: 0;
}

.car:before {
  font-family: "Font Awesome 6 pro";
  font-weight: 400;
  content: "\f1b9";
  margin-right: 0.6rem;
}

@media (min-width: 768px) {
  .col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (min-width: 320px) {
  .general_part .half_photo {
    width: 100%;
  }
}
@media (min-width: 320px) and (min-width: 768px) {
  .general_part .half_photo {
    width: 50%;
  }
  .general_part .full_photo {
    width: 100%;
  }
}
@media (min-width: 320px) {
  .equipment_part {
    display: block;
    width: 100%;
    padding: 2rem 0rem 1rem;
    border-bottom: 1px dashed #707070;
  }
  .general_part .equipment_block:last-child .equipment_part:last-of-type {
    border-bottom: none;
  }
  .equipment_part img {
    padding-bottom: 2rem;
  }
}
@media (min-width: 320px) and (min-width: 768px) {
  .equipment_part {
    display: inline-block;
    width: 48%;
    border-bottom: none;
    padding: 0;
    vertical-align: top;
  }
  .equipment_part:nth-of-type(2) {
    margin-left: 1.5rem;
  }
  .equipment_part img {
    padding-bottom: 2rem;
  }
  .equipment_block {
    border-bottom: 1px dashed #707070;
    margin-bottom: 2rem;
    padding-bottom: 2rem;
    display: flex;
    justify-content: space-between;
  }
  .general_part .equipment_block:last-child {
    border-bottom: none;
  }
}
@media (min-width: 320px) {
  .affiliated_list li.introduction {
    margin-top: -0.3rem;
    margin-left: 2em;
  }
  .introduction_title {
    font-size: 1.4rem;
    border-radius: 6px;
    display: inline-block;
    color: #434343;
    border: 2px solid #e08db0;
    padding: 0 0.5rem;
  }
  .introduce_area ul li {
    border-bottom: 1px dashed #707070;
    padding: 1.5rem 0;
  }
  .introduce_area ul li:first-child .introduction, .introduce_area ul li:nth-child(2) .introduction, .introduce_area ul li:nth-child(5) .introduction {
    margin-bottom: 1rem;
  }
  .department_block .introduce_area ul li:before {
    display: none;
  }
  .introduction {
    display: block;
    vertical-align: middle;
    margin: 0;
  }
  .introduce_area .history_table tr td:first-child {
    width: 42%;
    vertical-align: baseline;
  }
  .introduce_area .history_table tr td span {
    display: block;
  }
}
@media (min-width: 320px) and (min-width: 768px) {
  .introduction_title {
    font-size: 1.6rem;
    border-radius: 6px;
    display: inline-block;
    width: 20%;
    margin-right: 5%;
    text-align: center;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    vertical-align: top;
  }
  .introduce_area ul li {
    border-bottom: 1px dashed #707070;
    padding: 3rem 0.5rem;
  }
  .introduce_area ul li h2 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    font-size: 2.2rem;
    color: #434343;
    margin-bottom: 1rem;
    position: relative;
    padding-left: 2.8rem;
    font-family: fot-tsukubrdgothic-std, sans-serif;
    font-weight: 700;
  }
  .department_block .introduce_area ul li h2:before {
    font-family: "Font Awesome 6 pro";
    font-weight: 900;
    content: "\f005";
    color: #e08db0;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 2rem;
    line-height: 1.32;
  }
  .introduction {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    width: 74%;
    line-height: 2;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
  .introduce_area .history_table tr td:first-child {
    width: 36%;
    vertical-align: baseline;
  }
  .introduce_area .history_table tr td span {
    display: inline-block;
  }
}
.appoint_time {
  padding: 1rem 0;
}
.appoint_time ul li:last-of-type {
  margin-bottom: 0;
}
.appoint_time ul li:before {
  font-family: "Font Awesome 6 pro";
  font-weight: 900;
  content: "\f017";
  color: #e08db0;
  position: absolute;
  left: 0;
  top: 0;
}

@media (min-width: 320px) {
  .appoint_time ul li {
    font-size: 1.4rem;
    padding-left: 2rem;
    margin-bottom: 0.5rem;
    position: relative;
    font-weight: 600;
  }
}
@media (min-width: 768px) {
  .appoint_time ul li {
    font-size: 1.6rem;
    padding-left: 2.5rem;
    margin-bottom: 1rem;
    position: relative;
    font-weight: 600;
  }
}
@media (min-width: 320px) {
  .person {
    border-bottom: 1px dashed #707070;
    padding: 3rem 0.5rem;
  }
  .person img {
    display: none;
    display: block;
    width: 95%;
    margin: auto;
  }
  .person div {
    display: block;
  }
  .person div:nth-child(3) {
    display: block;
    padding-top: 0rem;
  }
  .staff {
    border-bottom: 1px dashed #707070;
    padding: 3rem 0.5rem;
  }
  .staff .post {
    font-size: 1.4rem;
  }
  .notice {
    padding-top: 3rem;
  }
  .general_box .general_part .person h3 {
    margin-bottom: 1rem;
  }
  .person .name {
    text-align: right;
    padding-bottom: 0rem;
    padding-top: 2rem;
    font-weight: 600;
  }
  .director_detail {
    margin: 0rem 0 2rem 0;
  }
  .director_detail ul li {
    padding-left: 0rem;
    margin-bottom: 1rem;
    font-weight: 500;
  }
  .director_detail ul li:before {
    display: none;
  }
}
@media (min-width: 320px) and (min-width: 768px) {
  .person img {
    display: inline-block;
    width: 30%;
    padding-left: 2rem;
    padding-top: 3.5em;
    vertical-align: top;
  }
  .person div {
    display: inline-block;
    width: 100%;
    padding-top: 0rem;
  }
  .person div:nth-child(3) {
    display: inline-block;
    width: 100%;
    padding-top: 3rem;
  }
  .general_box .general_part .person h3 {
    margin-bottom: 2rem;
  }
  .person .name {
    text-align: right;
    padding-bottom: 0rem;
    padding-top: 4rem;
  }
  .director_detail {
    margin: 2rem 0;
  }
}
@media (min-width: 320px) {
  .hospitalization_photo {
    max-width: 100%;
    opacity: 0.8;
  }
  .hospitalization_photo.pc {
    display: none;
  }
}
@media (min-width: 320px) and (min-width: 768px) {
  .hospitalization_photo {
    max-width: 100%;
    padding-bottom: 2rem;
  }
  .hospitalization_photo.pc {
    display: block;
  }
  .hospitalization_photo.mo {
    display: none;
  }
}
.mgr-20 {
  margin-right: 2rem;
}

@media (min-width: 320px) {
  .tab-content.room img {
    width: 100%;
  }
}
@media (min-width: 320px) {
  .record_name {
    padding-top: 2rem;
  }
  .record_name ul {
    list-style: none;
    font-size: 0;
  }
  .record_name ul li {
    display: inline-block;
    font-size: 1.4rem;
    text-decoration: none;
    font-weight: bold;
    padding-right: 1rem;
  }
  .record_name ul li span {
    padding-right: 0.6rem;
  }
  .news_detail ul li .title {
    font-weight: 600;
  }
}
@media (min-width: 320px) and (min-width: 768px) {
  .record_name {
    padding-top: 4rem;
  }
  .record_name ul li {
    font-size: 1.6rem;
    padding-right: 2rem;
  }
  .record_name ul li span {
    padding-right: 1rem;
  }
}
.example3 li {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  width: 40px;
  text-align: center;
  border: 1px #ccc solid;
  color: #000053;
  border-radius: 5px/5px;
}
.example3 .pre {
  background-color: #ccc;
  color: #333;
}
.example3 .this {
  background-color: #777;
  color: #fff;
}
.example3 li a {
  display: block;
  text-decoration: none;
}
.example3 li a:hover {
  color: #fff;
  text-decoration: none;
  background-color: #003396;
}

@media (min-width: 320px) {
  .pagination-container {
    text-align: center;
  }
  .pagination {
    display: inline-flex;
    padding-top: 3rem;
  }
  .pagination li {
    border: 1px solid #ccc;
    padding: 0 0.8rem;
    margin: 0 0.4rem;
    border-radius: 4px;
    line-height: 1.6;
  }
  .pagination li a {
    color: #434343;
    font-size: 1.4rem;
  }
  .pagination .navi-active {
    color: #333333;
    background-color: #fcdbeb;
  }
}
@media (min-width: 320px) and (min-width: 768px) {
  .pagination {
    display: inline-flex;
    padding-top: 5rem;
  }
  .pagination li {
    padding: 0 1rem;
    margin: 0 0.5rem;
    border-radius: 4px;
    line-height: 1.8;
  }
  .pagination li a {
    font-size: 1.6rem;
  }
}
@media (min-width: 320px) {
  .recruit_area {
    margin-bottom: 4rem;
    justify-content: space-between;
  }
  .recruit_area a {
    text-decoration: none;
  }
  .recruit_area h2 {
    color: #333333;
    font-family: fot-tsukubrdgothic-std, sans-serif;
    font-weight: 700;
    font-style: normal;
    margin-bottom: 2rem;
    font-size: 2rem;
  }
  .recruit_area h2:hover {
    opacity: 0.7;
  }
  .recruit_area h2:after {
    font-family: "Font Awesome 6 pro";
    font-weight: 500;
    content: "\f101";
    margin-left: 0.8rem;
    font-size: 1.9rem;
  }
  .recruit_area .wrap {
    display: flex;
    justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    width: 100%;
    margin: auto;
    text-align: center;
    flex-wrap: wrap;
  }
  .recruit_area .wrap div {
    list-style: none;
    width: 48%;
    margin-bottom: 1rem;
    flex-wrap: wrap;
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
  }
  .recruit_area .wrap div:hover {
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    transition: 0.3s;
  }
  .recruit_area .wrap div img {
    display: block;
    max-width: 100%;
  }
  .recruit_area .wrap div:hover img {
    opacity: 0.7;
    transition: 0.3s;
  }
  .recruit_area .wrap div a p {
    display: block;
    color: #484848;
    line-height: 1.4rem;
  }
  .recruit_area .wrap div a:hover {
    text-decoration: none;
  }
  .recruit_area .wrap div a:hover p {
    opacity: 0.7;
    transition: 0.3s;
  }
  .recruit_area .wrap div p:nth-child(2) {
    text-align: left;
    padding-top: 1rem;
    padding-left: 0.8rem;
    margin-bottom: 0.5rem;
  }
  .recruit_area .wrap div p:nth-child(3) {
    text-align: right;
    padding-right: 0.8em;
    margin-bottom: 1rem;
  }
  .recruit_area .wrap div:hover p:nth-child(3) {
    color: #e08db0;
  }
}
@media (min-width: 320px) and (min-width: 480px) {
  .recruit_area .wrap div {
    margin: 0 0.5rem 1rem 0;
    width: 48.5%;
  }
}
@media (min-width: 320px) and (min-width: 480px) and (min-width: 768px) {
  .recruit_area {
    margin-bottom: 8rem;
  }
  .recruit_area h2 {
    margin-bottom: 2rem;
    font-size: 2.4rem;
  }
  .recruit_area h2:after {
    margin-left: 1rem;
    font-size: 2.1rem;
  }
  .recruit_area .wrap div p:nth-child(2) {
    padding-top: 1.2rem;
    padding-left: 1.5rem;
  }
  .recruit_area .wrap div p:nth-child(3) {
    padding-right: 1.5rem;
    margin-bottom: 1.2rem;
  }
}
@media (min-width: 320px) and (min-width: 480px) and (min-width: 768px) and (min-width: 992px) {
  .recruit_area .wrap div {
    width: 30%;
    margin: 0 0.5rem 1rem 0;
  }
}
/* 採用ページ */
.sub_page .content .main_area .menu_area .menu_content.recruit_menu a {
  box-shadow: none;
}
.sub_page .content .main_area .menu_area .menu_content.recruit_menu a h2 {
  font-family: fot-tsukubrdgothic-std, sans-serif;
  font-weight: 700;
  color: #434343;
  font-weight: bold;
  text-align: center;
  background: #f8ecf2;
  border-radius: 6px;
  position: unset;
}
.sub_page .content .main_area .menu_area .menu_content.recruit_menu a h2:before {
  display: none;
}

/* 募集要項 */
@media (min-width: 320px) {
  .sub_page .content .main_area .menu_area .menu_content.recruit_menu a h2 {
    font-size: 1.6rem;
    padding: 0.8rem 0;
    margin-top: 0.8rem;
    margin-bottom: 0;
    border: none;
  }
}
@media (min-width: 768px) {
  .sub_page .content .main_area .menu_area .menu_content.recruit_menu a h2 {
    font-size: 1.8rem;
    padding: 1rem 0;
    margin-top: 1rem;
    margin-bottom: 2rem;
  }
}
@media (min-width: 320px) {
  .sub_page .content .main_area .menu_area.r_jump {
    padding-bottom: 2rem;
  }
  .sub_page .content .main_area .menu_area.r_jump .menu_content {
    margin-bottom: 8%;
  }
}
@media (min-width: 768px) {
  .sub_page .content .main_area .menu_area.r_jump {
    padding-bottom: 3rem;
  }
  .sub_page .content .main_area .menu_area.r_jump .menu_content {
    margin-bottom: 1%;
  }
}
@media (min-width: 320px) {
  .recruit {
    padding-bottom: 1rem;
  }
  .recruit .dash_border {
    border-bottom: 1px dashed #d6d6d6;
    margin: 3rem 0;
  }
  .recruit h2 {
    font-weight: 600;
    border-bottom: 1px solid #d6d6d6;
    font-size: 1.8rem;
    padding: 0.6rem 0 0.6rem 0.6rem;
    margin-bottom: 3rem;
  }
  .recruit h2.recruit_head {
    border: none;
    padding-left: 3.2rem;
    margin-bottom: 2rem;
    position: relative;
    font-size: 2.6rem;
  }
  .recruit h3 {
    display: inline-block;
    color: #434343;
    font-weight: 600;
    border: 2px solid #e08db0;
    margin-bottom: 2rem;
    font-size: 1.6rem;
    padding: 0.6rem;
    border-radius: 6px;
  }
  .recruit h4 {
    font-weight: 600;
    font-size: 1.6rem;
    margin-bottom: 2rem;
  }
  .recruit h4:before {
    font-family: "Font Awesome 6 pro";
    font-weight: 900;
    content: "\f0c8";
    color: #fcdbeb;
    margin-right: 1rem;
  }
  .recruit h4.blue:before {
    color: #bef2ef;
  }
  .recruit .little_link {
    margin-bottom: 3rem;
  }
  .recruit .little_link a {
    background: #f8ecf2;
    color: #333333;
    border-radius: 50px;
    text-decoration: none;
    transition: 0.3s;
    padding: 1rem 2rem;
    margin-right: 1rem;
    display: block;
    margin-bottom: 1.6rem;
    font-size: 1.4rem;
  }
  .recruit .little_link a:after {
    font-family: "Font Awesome 6 pro";
    font-weight: 900;
    content: "\f13a";
    color: #e08db0;
    margin-left: 1rem;
  }
  .recruit .little_link a:hover {
    opacity: 0.7;
  }
  .recruit .little_link .br {
    padding-bottom: 0.8rem;
    display: block;
  }
  .recruit .little_link .br:last-child {
    padding-bottom: 0;
  }
  .job_description table {
    margin-bottom: 4rem;
    width: 100%;
  }
  .job_description table tr th {
    border: 1px solid #ccc;
    border-left: none;
    width: 40%;
    padding: 1rem 0rem 1rem 1.5rem;
  }
  .job_description table tr td {
    border: 1px solid #d6d6d6;
    border-right: none;
    width: 60%;
    padding: 1rem 0rem 1rem 1.5rem;
    font-weight: 400;
  }
  .job_description table tr td p {
    margin-bottom: 0;
  }
  .job_description table tr td a {
    font-weight: 500;
  }
  .job_description table:last-child {
    margin-bottom: 3rem;
  }
}
@media (min-width: 320px) and (min-width: 768px) {
  .recruit {
    padding-bottom: 0rem;
  }
  .recruit .dash_border {
    border-bottom: 1px dashed #d6d6d6;
    margin: 4rem 0;
  }
  .recruit h2 {
    font-size: 2.2rem;
    padding: 0.8rem 0 0.8rem 0.8rem;
    margin-bottom: 4rem;
  }
  .recruit h2.recruit_head:before {
    top: 0.8rem;
  }
  .recruit h3 {
    display: inline-block;
    margin-bottom: 2rem;
    font-size: 1.8rem;
    padding: 1rem;
    border-radius: 6px;
  }
  .recruit h4 {
    font-size: 1.8rem;
    margin-bottom: 2rem;
  }
  .recruit h4:before {
    margin-right: 2rem;
  }
  .recruit h4.blue:before {
    color: #bef2ef;
  }
  .recruit .little_link {
    margin-bottom: 4rem;
  }
  .recruit .little_link a {
    border-radius: 50px;
    transition: 0.3s;
    padding: 0.8rem 2rem;
    margin-right: 1rem;
    display: inline-block;
    font-size: 1.6rem;
  }
  .recruit .little_link a:hover {
    opacity: 0.7;
  }
  .recruit .little_link .br {
    padding-bottom: 0.8rem;
    display: block;
  }
  .recruit .little_link .br:last-child {
    padding-bottom: 0;
  }
  .job_description table {
    margin-bottom: 5rem;
    width: 100%;
  }
  .job_description table tr th {
    width: 40%;
    padding: 1.5rem 0rem 1.5rem 3rem;
  }
  .job_description table tr td {
    border-right: none;
    width: 60%;
    padding: 1.5rem 0rem 1.5rem 3rem;
  }
  .job_description table tr td a {
    font-weight: 500;
  }
  .job_description table:last-child {
    margin-bottom: 4rem;
  }
}
/* フォームへのリンクボタン */
@media (min-width: 320px) {
  .recruit .btn_area {
    margin-bottom: 8rem;
  }
  .recruit .form_btn {
    margin-bottom: 2rem;
  }
  .recruit .form_btn a {
    margin: auto;
    border-radius: 50px;
    padding: 1rem;
    background: #fff;
    color: #e08db0;
    border: 2px solid #e08db0;
    transition: 0.3s;
    text-align: center;
    display: block;
    font-weight: 600;
    padding-left: 6rem;
    font-size: 1.4rem;
    width: 100%;
  }
  .recruit .form_btn a:hover {
    background: #e08db0;
    color: #fff;
    text-decoration: none;
  }
  .recruit .form_btn a:after {
    font-family: "Font Awesome 6 pro";
    font-weight: 500;
    content: "\f105";
    color: #e08db0;
    transition: 0.3s;
    margin-left: 6rem;
  }
  .recruit .form_btn a:hover:after {
    color: #fff;
  }
}
@media (min-width: 320px) and (min-width: 768px) {
  .recruit .btn_area {
    margin-bottom: 8rem;
  }
  .recruit .form_btn {
    margin-bottom: 2rem;
  }
  .recruit .form_btn a {
    margin: auto;
    border-radius: 50px;
    padding: 0.8rem 1rem;
    text-align: center;
    display: block;
    padding-left: 6rem;
    font-size: 1.6rem;
    width: 400px;
  }
  .recruit .form_btn a:after {
    margin-left: 6rem;
  }
}
@media (min-width: 320px) {
  .recruit_area ul li.test {
    display: block;
  }
}
/* 問い合わせページ */
@media (min-width: 576px) {
  .contact .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .contact .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .contact .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .contact .container {
    max-width: 1140px;
  }
}
.contact .container .content .main_area {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 320px) {
  .inquiry_area {
    border: 1.6rem solid #f4f4f4;
    padding: 3rem 1.5rem 3rem 1.5rem;
    border-radius: 6px;
    margin: 4rem 0 8rem;
  }
  .inquiry_area p.note {
    margin-bottom: 2rem;
  }
  .inquiry_area p.thanks {
    font-size: 1.6rem;
  }
}
@media (min-width: 320px) and (min-width: 768px) {
  .inquiry_area {
    border: 2.8rem solid #f4f4f4;
    padding: 5rem 3rem 5rem 3rem;
    border-radius: 6px;
    margin: 4rem 0 8rem;
  }
  .inquiry_area p.note {
    margin-bottom: 4rem;
  }
}
@media (min-width: 320px) {
  .contact {
    width: 100%;
  }
  .contact td {
    font-weight: 500;
    vertical-align: baseline;
    padding-bottom: 3rem;
    display: block;
    font-size: 1.6rem;
  }
  .contact th {
    width: 100%;
    vertical-align: baseline;
    font-size: 1.7rem;
    display: block;
  }
  .contact tr th.must::after {
    content: "※";
    color: #cc0000;
    position: absolute;
    margin-left: 0.5rem;
  }
  .contact td label {
    font-weight: 600;
  }
  .contact input,
  .contact textarea {
    padding: 0.8rem;
    border: 1px solid #afafaf;
    border-radius: 6px;
  }
  .contact input::placeholder,
  .contact textarea::placeholder {
    color: #9c9c9c;
  }
}
@media (min-width: 320px) and (min-width: 768px) {
  .contact th {
    vertical-align: top;
    width: 30%;
    font-size: 1.8rem;
    padding-bottom: 3rem;
    display: inline-block;
  }
  .contact td {
    padding-bottom: 3rem;
    display: inline-block;
    width: 70%;
  }
  .contact tr th.must::after {
    margin-left: 1rem;
  }
  .contact input,
  .contact textarea {
    padding: 0.8rem;
    border: 1px solid #afafaf;
    border-radius: 6px;
  }
}
/* 送付先ご住所 */
@media (min-width: 320px) {
  .contact .address_list {
    margin-bottom: 1rem;
  }
  .contact .address_list label {
    width: 100%;
  }
  .contact .address_list select {
    padding: 1rem;
    border: 1px solid #afafaf;
    border-radius: 6px;
  }
  .contact .address_list input.p-postal-code {
    width: 50%;
  }
  .contact .address_list input.p-address {
    width: 100%;
  }
}
@media (min-width: 320px) and (min-width: 768px) {
  .contact .address_list {
    display: block;
    margin-bottom: 1.5rem;
  }
  .contact .address_list label {
    width: 20%;
  }
  .contact .address_list select {
    padding: 1rem;
    border: 1px solid #afafaf;
    border-radius: 6px;
    margin-left: -4px;
  }
  .contact .address_list input.p-postal-code {
    width: 30%;
  }
  .contact .address_list input.p-address {
    width: 60%;
  }
}
@media (min-width: 320px) {
  .checkbox_square label {
    width: 100%;
    margin-bottom: 1rem;
  }
  .contact .name input,
  .contact .tel input {
    width: 100%;
  }
  .contact .mail input,
  .contact .mail message {
    width: 100%;
  }
  .contact .message textarea {
    width: 100%;
  }
}
@media (min-width: 320px) and (min-width: 768px) {
  .checkbox_square label {
    width: 33%;
  }
  .contact .name input,
  .contact .tel input {
    width: 80%;
  }
  .contact .mail input,
  .contact .mail message {
    width: 80%;
  }
  .contact .message textarea {
    width: 90%;
  }
}
@media (min-width: 320px) {
  .inquiry_area .send_area {
    text-align: center;
    margin-top: 1rem;
    margin-bottom: 3rem;
  }
  .inquiry_area button {
    padding: 1rem 1.2rem;
    font-size: 1.6rem;
    cursor: pointer;
    font-weight: bold;
    font-weight: bold;
    border-radius: 4px;
    line-height: 1;
    vertical-align: middle;
    white-space: nowrap;
    border: 2px solid #efa52f;
    color: #ffffff;
    background: #efa52f;
    transition: 0.3s;
    width: 100%;
  }
  .inquiry_area button:hover {
    border: 2px solid #efa52f;
    color: #efa52f;
    background: #fff;
  }
  .inquiry_area button.fix {
    border: 2px solid #a9a8a8;
    color: #ffffff;
    background: #a9a8a8;
    margin: 1rem 0 0 0;
  }
  .inquiry_area button.fix:hover {
    border: 2px solid #a9a8a8;
    color: #a9a8a8;
    background: #fff;
  }
}
@media (min-width: 320px) and (min-width: 768px) {
  .inquiry_area .send_area {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
  .inquiry_area .send_area .policy {
    padding-bottom: 1rem;
  }
  .inquiry_area button {
    padding: 1.5rem 1.2rem;
    font-size: 1.8rem;
    max-width: 320px;
  }
  .inquiry_area button.fix {
    margin: 0 0 0 1rem;
  }
}
/* スケジュールなどの角丸テーブル --------------------------------------------------------------*/
.usually_table .rl_bb {
  border-bottom-left-radius: 6px;
}
.usually_table .rl_bt {
  border-top-left-radius: 6px;
}
.usually_table .rr_bt {
  border-top-right-radius: 6px;
}

@media (min-width: 320px) {
  .usually_table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    margin-bottom: 2rem;
  }
  .usually_table thead th {
    border: 1px solid #dbdbdb;
    background: #fff2f9;
    padding: 1rem 0;
    text-align: center;
  }
  .schedule .usually_table thead th {
    width: 42%;
  }
  .usually_table thead th:first-child {
    border-top-left-radius: 6px;
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    z-index: 1;
    width: 10%;
    padding: 5px;
  }
  .usually_table thead th:last-child {
    border-top-right-radius: 6px;
  }
  .usually_table tbody td {
    border: 1px solid #dbdbdb;
    font-weight: 500;
  }
  .schedule .usually_table tbody td {
    padding: 1rem 0.5rem 1rem 5%;
  }
  .usually_table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 6px;
  }
}
@media (min-width: 320px) and (min-width: 768px) {
  .usually_table {
    margin-bottom: 4rem;
  }
  .schedule .usually_table tbody td {
    padding: 1.5rem 5% 1.5rem 10%;
  }
}
@media (min-width: 320px) {
  .surgery .usually_table {
    border-collapse: separate;
    border-spacing: 0;
    position: relative;
    margin: 1rem 0;
    width: 100%;
    min-width: 340px;
  }
}
@media (min-width: 320px) {
  .surgery {
    overflow-x: auto;
    margin: 0 -5px 2rem 5px;
  }
  .surgery .usually_table tbody th {
    display: block;
  }
  .surgery .usually_table tbody td {
    padding: 1rem;
    text-align: right;
  }
  .scrollArea.deco::-webkit-scrollbar {
    width: 15px;
  }
}
@media (min-width: 320px) and (min-width: 768px) {
  .surgery {
    margin: 0 0 3rem 0;
  }
  .surgery .usually_table tbody td {
    padding: 1rem;
  }
}
@media (min-width: 320px) {
  .surgery .usually_table.illness thead th:first-child {
    width: 110px;
  }
}
@media (min-width: 768px) {
  .surgery .usually_table.illness thead th:first-child {
    width: 24%;
  }
}
@media (min-width: 320px) {
  .surgery .usually_table tbody td.name {
    background: #fff2f9;
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    z-index: 1;
    padding: 1rem;
    text-align: left;
    font-weight: 700;
  }
}
@media (min-width: 320px) and (min-width: 768px) {
  .surgery .usually_table tbody td.name {
    padding: 1.5rem;
  }
}
.surgery .usually_table.y_total {
  min-width: auto;
  text-align: center;
  position: sticky;
  left: 0;
}
.surgery .usually_table.y_total tbody td {
  background: #fafafa;
  width: 50%;
}
.surgery .usually_table tr.m_total {
  background: #fafafa;
}

@media (min-width: 320px) and (min-width: 992px) {
  .hosizora .sub_page .content .main_area {
    width: 100%;
  }
}
dd.required p,
.send_area p,
p.note,
p.thanks {
  font-weight: 400;
}

.sub_page .container .content .main_area h2 {
  font-size: 2.6rem;
  margin-bottom: 2rem;
  padding-left: 3.2rem;
  position: relative;
}

.contact .main_area {
  color: #434343;
}
.contact .main_area h2 {
  color: #434343;
  margin-bottom: 1rem;
  position: relative;
  padding-left: 3.2rem;
  font-family: fot-tsukubrdgothic-std, sans-serif;
  font-weight: 700;
}
.contact .main_area h2:before {
  font-family: "Font Awesome 6 pro";
  font-weight: 900;
  content: "\f005";
  color: #e08db0;
  position: absolute;
  left: 0;
  top: 0;
}

.grecaptcha-badge {
  left: 6px !important;
  bottom: 2rem !important;
  width: 70px !important;
}

.grecaptcha-badge:hover {
  left: 6px !important;
  bottom: 2rem !important;
  width: 256px !important;
}

/**/
@media (max-width: 425px) {
  .general_box .general_part .schedule_area .mo table tr td.time .time_span {
    display: inline-block;
  }
}
/* --- 治療について --- */
.menu_area {
  padding-bottom: 10rem;
  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;
}
.menu_area .menu_content {
  border-radius: 3px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  margin-bottom: 6%;
  width: 48.5%;
}
.menu_area .menu_content a {
  display: block;
  padding: 0rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: relative;
  border-radius: 5px;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}
.menu_area .menu_content a h2::before {
  font-family: "Font Awesome 6 pro";
  font-weight: 900;
  content: "\f0a9";
  color: #e08db0;
  margin-right: 1rem;
}
@media (min-width: 320px) {
  .menu_area .menu_content a h2 {
    color: #434343;
    font-weight: bold;
    font-size: 1.8rem;
    position: absolute;
    bottom: -5px;
    width: 100%;
    border-radius: 0 0 5px 5px;
    padding: 10px 15px 7px;
    background: rgba(255, 255, 255, 0.7);
    font-family: "Noto Sans JP", "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  }
}
@media (min-width: 768px) {
  .menu_area .menu_content a h2 {
    font-size: 2rem;
    padding: 12px 16px 8px;
  }
}

/*  */
.treat_area {
  /*
      i {
          position: relative;
          top: 1px;
          color: $blue_color;
          font-size: 1.8rem;
          margin-right: 0.5em;
      }
  */
}
.treat_area .menu_wrap p.title {
  margin-bottom: 1em;
  font-size: 2.2rem;
  color: #434343;
  margin-bottom: 1rem;
  position: relative;
  padding-left: 3.8rem;
  font-family: fot-tsukubrdgothic-std, sans-serif;
  font-weight: 700;
  background: rgba(171, 154, 134, 0.2);
  border-radius: 3px;
}
.treat_area .menu_wrap p.title::before {
  font-family: "Font Awesome 6 pro";
  font-weight: 900;
  content: "\f005";
  color: #fff;
  position: absolute;
  left: 1rem;
  top: 0.7rem;
  font-size: 2rem;
  line-height: 1.32;
}
.treat_area .menu_wrap ul {
  margin: 2rem 1em 10rem;
}
.treat_area .menu_wrap ul li {
  font-size: 1.8rem;
}
.treat_area .menu_wrap ul li span {
  display: block;
  margin-left: 1em;
}
.treat_area .menu_wrap ul li ul {
  margin-top: 0.5rem;
}
.treat_area .menu_wrap ul li ul li {
  font-size: 1.6rem;
  display: inline-block;
  min-width: 12em;
  margin-bottom: 0.5em;
  margin-right: 1rem;
}
.treat_area .menu_wrap ul li ul li::before {
  font-family: "Font Awesome 6 pro";
  font-weight: 900;
  content: "\f058";
  color: #e08db0;
  font-size: 1.5rem;
  line-height: 1.32;
  margin-right: 0.5em;
}
.treat_area .menu_area {
  margin-top: 2rem;
  padding-bottom: 10rem;
}
.treat_area .treat_container {
  padding-top: 4em;
  padding-bottom: 3em; /*3em*/
  border-bottom: 1px dashed rgba(171, 154, 134, 0.5);
}
.treat_area .treat_container.last {
  border-bottom: none;
}
.treat_area .treat_container dl {
  margin-left: 1rem;
  border-bottom: none;
}
.treat_area .treat_container dl dt {
  margin-bottom: 0;
  padding: 0 0 0 2.5rem;
  position: relative;
  border: none;
  font-weight: 600;
  color: #000;
  border: none;
}
.treat_area .treat_container dl dt:before {
  font-family: "Font Awesome 6 pro";
  font-weight: 900;
  content: "\f192";
  color: #e08db0;
  position: absolute;
  left: 0;
  top: 0;
}
.treat_area .treat_container dl dd {
  margin-left: 2.5rem;
  margin-bottom: 1rem;
  font-weight: 400;
}
.treat_area .treat_container ul {
  list-style: none;
  margin-left: 1rem;
  padding-left: 0;
}
.treat_area .treat_container ul li {
  position: relative;
  margin-bottom: 0;
  padding: 0 0 0 2.5rem;
  font-weight: 400;
  color: #000;
  border: none;
}
.treat_area .treat_container ul li:before {
  font-family: "Font Awesome 6 pro";
  font-weight: 900;
  content: "\f192";
  color: #e08db0;
  position: absolute;
  left: 0;
  top: 0;
  display: inline;
}
.treat_area .explain {
  margin-left: 30px;
}
.treat_area .explain.ind {
  margin-left: 33px;
  text-indent: -15px;
}
.treat_area .treat_info {
  margin: 0 0 0;
}
.treat_area .treat_info .info-head h2::before {
  display: none;
}
.treat_area .treat_info .info-head h2.info-headline {
  margin-bottom: 1rem auto 2rem;
  padding: 1rem;
  border-radius: 30px;
}
.treat_area .introduce .introduce_wrap {
  margin: 2em 0 0 30px;
}
.treat_area .introduce h3 {
  margin-bottom: 1em;
}
.treat_area ol.treat_flow {
  counter-reset: number;
  padding: 0.5em;
  background: #f5faff;
}
.treat_area ol.treat_flow li {
  position: relative;
  padding-left: 30px;
  line-height: 1.5em;
  padding: 0.5em 0.5em 0.5em 30px;
}
.treat_area ol.treat_flow li::before {
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*以下数字のデザイン変える*/
  display: inline-block;
  background: #e08db0;
  color: white;
  font-family: "futura", "Arial Black", "Arial", sans-serif;
  font-weight: bold;
  font-size: 15px;
  border-radius: 50%;
  width: 33px;
  height: 33px;
  line-height: 25px;
  text-align: center;
  /*以下 上下中央寄せのため*/
  top: 3.7rem;
  left: 2rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border: 3px solid #fff;
}
@media (min-width: 320px) {
  .treat_area ol.treat_flow .introduction_title {
    font-size: 1.4rem;
    border-radius: 6px;
    display: inline-block;
    color: #434343;
    font-weight: 600;
    border: 2px solid #e08db0;
    padding: 0 0.5rem 0 1.5em;
    width: 10em;
  }
  .treat_area ol.treat_flow .introduction {
    display: block;
    vertical-align: middle;
    margin: 0;
    font-weight: 500;
  }
}
@media (max-width: 669px) {
  .treat_area ol.treat_flow li {
    padding-left: 2.5em;
  }
  .treat_area ol.treat_flow li::before {
    top: 1.5em;
  }
}
@media (min-width: 670px) {
  .treat_area ol.treat_flow .introduction_title {
    font-size: 1.6rem;
    border-radius: 6px;
    display: inline-block;
    width: 20%;
    margin-right: 5%;
    text-align: left;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    padding-left: 1.5em;
    vertical-align: top;
  }
  .treat_area ol.treat_flow .introduction {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    width: 74%;
    line-height: 2;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
}
.treat_area .prescription {
  margin: 0 0 10px 25%;
  padding: 20px 0 0 20px;
  font-weight: 500;
  border: 2px solid rgba(171, 154, 134, 0.5);
  border-radius: 5px;
}
.treat_area .prescription .presc_box {
  margin-bottom: 2rem;
}
.treat_area .prescription .presc_box .presc_head {
  font-size: 1.4rem;
  border-radius: 6px;
  display: inline-block;
  font-weight: 600;
  color: #fff;
  border: 2px solid #e08db0;
  background: #e08db0;
  padding: 0 0.5rem;
  margin-bottom: 0.5rem;
  text-align: center;
  width: 5em;
}
.treat_area .prescription .presc_box .presc_body {
  display: block;
  vertical-align: middle;
  margin: 0 0 0 1em;
  font-weight: 500;
}
@media (max-width: 669px) {
  .treat_area .prescription {
    margin: 10px 0;
    padding-right: 10px;
  }
}
@media (max-width: 767px) {
  .treat_area .cost .introduction_title {
    width: 20%;
    margin-right: 2rem;
    text-align: center;
  }
  .treat_area .cost .price {
    width: 75%;
  }
}
@media (max-width: 600px) {
  .treat_area .cost .introduction_title {
    width: 25%;
  }
  .treat_area .cost .price {
    width: 65%;
  }
}
@media (max-width: 500px) {
  .treat_area .cost .introduction_title {
    width: 30%;
  }
  .treat_area .cost .price {
    width: 60%;
  }
}
.treat_area .cost .introduction {
  display: inline-block;
}
.treat_area .cost .price {
  font-weight: 700;
  border-bottom: 1px solid rgba(171, 154, 134, 0.5);
}
.treat_area .cost .items_wrap {
  display: flex;
  margin-left: 25.5%;
}
@media (max-width: 767px) {
  .treat_area .cost .items_wrap {
    margin-bottom: 2rem;
  }
}
.treat_area .cost .items_wrap .items_box.box_l {
  margin-left: 3em;
  width: 6em;
}
.treat_area .cost .items_wrap .items_box.box_r {
  width: 15em;
  font-weight: 500;
}
.treat_area .cost .items_wrap .items_box.box_r p {
  margin-bottom: 0;
}
.treat_area .cost .items_wrap .items_box.box_r p span {
  display: inline-block;
  width: 7em;
}
.treat_area .cost .items_wrap .items_box .items_head {
  font-size: 1.4rem;
  border-radius: 6px;
  display: inline-block;
  font-weight: 600;
  color: #fff;
  border: 2px solid #e08db0;
  background: #e08db0;
  padding: 0 0.5rem;
  margin-bottom: 0.5rem;
  text-align: center;
  width: 5em;
}
@media (max-width: 475px) {
  .treat_area .cost .items_wrap .items_box .items_head {
    width: 4em;
  }
}
.treat_area .cost .introduce_wrap {
  margin-left: 30px;
}
@media (max-width: 424px) {
  .treat_area .cost .introduction_title {
    display: block;
    width: 50%;
  }
  .treat_area .cost .price {
    display: block;
    margin-left: 10%;
    width: 85%;
  }
  .treat_area .cost .items_wrap {
    margin-left: 0 !important;
    padding-top: 1rem;
  }
  .treat_area .cost .items_wrap .box_l {
    margin-left: 10%;
  }
}

/*眼瞼下垂*/
main.ptosis h3,
main.cataract h3,
main.ptosis-en h3,
main.cataract-en h3 {
  margin-top: 1em;
}
main.ptosis h3.surgery_flow,
main.cataract h3.surgery_flow,
main.ptosis-en h3.surgery_flow,
main.cataract-en h3.surgery_flow {
  position: relative;
  line-height: 1.5em;
  margin-left: 0.5em;
  padding: 0.5em 1em 0.5em 1.2em;
  width: 15em;
}
main.ptosis h3.surgery_flow::before,
main.cataract h3.surgery_flow::before,
main.ptosis-en h3.surgery_flow::before,
main.cataract-en h3.surgery_flow::before {
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*以下数字のデザイン変える*/
  display: inline-block;
  background: #006fcf;
  color: white;
  font-family: "Avenir", "Arial Black", "Arial", sans-serif;
  font-weight: bold;
  font-size: 15px;
  border-radius: 50%;
  border: 3px solid #fff;
  left: -1.8rem;
  width: 32px;
  height: 32px;
  line-height: 25px;
  text-align: center;
  /*以下 上下中央寄せのため*/
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
main.ptosis h3.surgery_flow.list_01::before,
main.cataract h3.surgery_flow.list_01::before,
main.ptosis-en h3.surgery_flow.list_01::before,
main.cataract-en h3.surgery_flow.list_01::before {
  content: "1";
}
main.ptosis h3.surgery_flow.list_02::before,
main.cataract h3.surgery_flow.list_02::before,
main.ptosis-en h3.surgery_flow.list_02::before,
main.cataract-en h3.surgery_flow.list_02::before {
  content: "2";
}
main.ptosis h3.surgery_flow.list_03::before,
main.cataract h3.surgery_flow.list_03::before,
main.ptosis-en h3.surgery_flow.list_03::before,
main.cataract-en h3.surgery_flow.list_03::before {
  content: "3";
}
main.ptosis h3.surgery_flow.list_04::before,
main.cataract h3.surgery_flow.list_04::before,
main.ptosis-en h3.surgery_flow.list_04::before,
main.cataract-en h3.surgery_flow.list_04::before {
  content: "4";
}
main.ptosis h3.surgery_flow.list_05::before,
main.cataract h3.surgery_flow.list_05::before,
main.ptosis-en h3.surgery_flow.list_05::before,
main.cataract-en h3.surgery_flow.list_05::before {
  content: "5";
}
main.ptosis h3.surgery_flow.list_06::before,
main.cataract h3.surgery_flow.list_06::before,
main.ptosis-en h3.surgery_flow.list_06::before,
main.cataract-en h3.surgery_flow.list_06::before {
  content: "6";
}
main.ptosis .general_part .images,
main.cataract .general_part .images,
main.ptosis-en .general_part .images,
main.cataract-en .general_part .images {
  margin: 2rem auto;
  padding-left: 30px;
  width: 100%;
}
main.ptosis .general_part .images.half,
main.cataract .general_part .images.half,
main.ptosis-en .general_part .images.half,
main.cataract-en .general_part .images.half {
  margin-left: 30px;
  width: 70%;
  padding-left: 0;
}
main.ptosis .general_part ul li,
main.cataract .general_part ul li,
main.ptosis-en .general_part ul li,
main.cataract-en .general_part ul li {
  margin-bottom: 1rem;
}
main.ptosis ol li span,
main.ptosis ul li span,
main.cataract ol li span,
main.cataract ul li span,
main.ptosis-en ol li span,
main.ptosis-en ul li span,
main.cataract-en ol li span,
main.cataract-en ul li span {
  display: inline-block;
  font-weight: 500;
}
main.ptosis .photo,
main.cataract .photo,
main.ptosis-en .photo,
main.cataract-en .photo {
  width: 20% !important;
}
main.ptosis .name_area,
main.cataract .name_area,
main.ptosis-en .name_area,
main.cataract-en .name_area {
  width: 75% !important;
}
@media (max-width: 768px) {
  main.ptosis .name_area,
  main.cataract .name_area,
  main.ptosis-en .name_area,
  main.cataract-en .name_area {
    padding: 10px 0 !important;
  }
}
main.ptosis .name_area .name,
main.cataract .name_area .name,
main.ptosis-en .name_area .name,
main.cataract-en .name_area .name {
  font-size: 1.8rem !important;
}
main.ptosis .name_area .name span,
main.cataract .name_area .name span,
main.ptosis-en .name_area .name span,
main.cataract-en .name_area .name span {
  font-size: 1.4rem !important;
}
main.ptosis .name_area .specialty,
main.cataract .name_area .specialty,
main.ptosis-en .name_area .specialty,
main.cataract-en .name_area .specialty {
  font-weight: 500;
  font-size: 1.4rem;
}
main.ptosis .name_area .specialty span,
main.cataract .name_area .specialty span,
main.ptosis-en .name_area .specialty span,
main.cataract-en .name_area .specialty span {
  border: 1px solid #e08db0;
  border-radius: 3px;
  color: #e08db0;
  display: inline-block;
  font-weight: 900;
  margin-right: 1rem;
  margin-bottom: 0.5rem;
  padding: 0 0.5rem; /*
display: inline-block;
margin-right: 1rem;
padding: 0.3rem 1rem;
background: $key_color;
border-radius: 5px;
font-weight: 700;
color: #fff;
*/
}
@media (max-width: 500px) {
  main.ptosis .photo,
  main.cataract .photo,
  main.ptosis-en .photo,
  main.cataract-en .photo {
    width: 30% !important;
  }
  main.ptosis .name_area,
  main.cataract .name_area,
  main.ptosis-en .name_area,
  main.cataract-en .name_area {
    padding: 0 !important;
    max-width: 68% !important;
  }
}
main.ptosis .brief-comment,
main.cataract .brief-comment,
main.ptosis-en .brief-comment,
main.cataract-en .brief-comment {
  /*略歴のみ*/
  margin-left: 2em !important;
}
@media (max-width: 475px) {
  main.ptosis .brief-comment.onebox,
  main.cataract .brief-comment.onebox,
  main.ptosis-en .brief-comment.onebox,
  main.cataract-en .brief-comment.onebox {
    margin-left: 0.5rem !important;
  }
}
main.ptosis .brief-wrap,
main.cataract .brief-wrap,
main.ptosis-en .brief-wrap,
main.cataract-en .brief-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-top: 1em;
  padding-left: 2em;
  width: 100%;
}
@media (max-width: 475px) {
  main.ptosis .brief-wrap,
  main.cataract .brief-wrap,
  main.ptosis-en .brief-wrap,
  main.cataract-en .brief-wrap {
    padding-left: 0.5em;
  }
}
main.ptosis .brief-wrap .brief-comment,
main.cataract .brief-wrap .brief-comment,
main.ptosis-en .brief-wrap .brief-comment,
main.cataract-en .brief-wrap .brief-comment {
  margin: 1em 1em 1em 0;
  margin-left: 0 !important;
  width: 45% !important;
}
@media (max-width: 767px) {
  main.ptosis .brief-wrap .brief-comment,
  main.cataract .brief-wrap .brief-comment,
  main.ptosis-en .brief-wrap .brief-comment,
  main.cataract-en .brief-wrap .brief-comment {
    width: 95% !important;
  }
}

main.ptosis .brief-wrap,
main.cataract .brief-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

main.ptosis-en .general_box .general_part .staff_area .staff_name .brief-comment,
main.ptosis-en .brief-wrap .brief-comment,
main.cataract-en .general_box .general_part .staff_area .staff_name .brief-comment,
main.cataract-en .brief-wrap .brief-comment {
  display: block;
  width: 100% !important;
}

/*近視抑制薬*/
main.suppressive p.explain,
main.suppressive-en p.explain {
  font-size: 1.6rem;
}
main.suppressive h2 .il_bl,
main.suppressive-en h2 .il_bl {
  display: block;
  font-family: "Noto Sans JP", "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #000;
  padding: 1rem 0 0.3rem;
}
main.suppressive .introduce_wrap,
main.suppressive-en .introduce_wrap {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
main.suppressive .introduce_wrap h3,
main.suppressive-en .introduce_wrap h3 {
  padding-left: 2.3em;
  padding-right: 1em;
}
main.suppressive .introduce_wrap h3::before,
main.suppressive-en .introduce_wrap h3::before {
  font-family: "Font Awesome 6 pro";
  font-weight: 900;
  font-size: 20px;
  content: "\f672";
  color: #006fcf;
  position: absolute;
  left: 0.5em;
  top: 0.5em;
}
main.suppressive .introduce_wrap .introduce_box ul > li,
main.suppressive-en .introduce_wrap .introduce_box ul > li {
  font-size: 1.6rem;
}
main.suppressive .introduce_wrap .images,
main.suppressive-en .introduce_wrap .images {
  width: 45%;
  margin-left: 5%;
  padding-bottom: 10px;
  align-self: flex-end;
  text-align: center;
}
main.suppressive .introduce_wrap .images img,
main.suppressive-en .introduce_wrap .images img {
  width: 80%;
}
@media (max-width: 1190px) {
  main.suppressive .introduce_wrap .images,
  main.suppressive-en .introduce_wrap .images {
    width: 30%;
  }
}
@media (max-width: 600px) {
  main.suppressive .introduce_wrap,
  main.suppressive-en .introduce_wrap {
    justify-content: center;
  }
  main.suppressive .introduce_wrap .introduce_box,
  main.suppressive-en .introduce_wrap .introduce_box {
    width: 100%;
    margin: 0 auto;
  }
  main.suppressive .introduce_wrap .images,
  main.suppressive-en .introduce_wrap .images {
    width: 100%;
    margin-left: 0;
    text-align: center;
  }
  main.suppressive .introduce_wrap .images img,
  main.suppressive-en .introduce_wrap .images img {
    width: 70%; /*70%*/
    height: auto;
  }
}
main.suppressive .flow_wrap,
main.suppressive-en .flow_wrap {
  margin: 3em 0 1em;
  padding: 2em;
  background: rgba(216, 218, 217, 0.4);
  border-radius: 3px;
  position: relative;
}
main.suppressive .flow_wrap h3,
main.suppressive-en .flow_wrap h3 {
  background: rgba(255, 255, 255, 0.7);
}
main.suppressive .flow_wrap .flow_block,
main.suppressive-en .flow_wrap .flow_block {
  margin: 2em 0 0;
  padding: 2rem 2rem 0;
  border-left: 3px solid rgba(216, 218, 217, 0.8);
}
main.suppressive .flow_wrap .flow_block .flow_box,
main.suppressive-en .flow_wrap .flow_block .flow_box {
  margin: -2em 0 4em;
  padding: 1em 1em 0.5em;
  background: #fff;
  border-radius: 10px;
}
main.suppressive .flow_wrap .flow_block .flow_box:last-child,
main.suppressive-en .flow_wrap .flow_block .flow_box:last-child {
  margin-bottom: 0;
}
main.suppressive .flow_wrap .flow_block .flow_box .t_flow_g,
main.suppressive-en .flow_wrap .flow_block .flow_box .t_flow_g {
  display: flex;
  z-index: 1000;
}
main.suppressive .flow_wrap .flow_block .flow_box .t_flow_g:before,
main.suppressive-en .flow_wrap .flow_block .flow_box .t_flow_g:before {
  position: absolute;
  content: "";
  display: inline-block;
  width: 3em;
  height: 1px;
  left: 2em;
  margin-top: 1.01em;
  background: rgba(216, 218, 217, 0.8);
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
  z-index: 0;
}
main.suppressive .flow_wrap .flow_block .flow_box .t_flow_g .t_flow_itm_g,
main.suppressive-en .flow_wrap .flow_block .flow_box .t_flow_g .t_flow_itm_g {
  display: flex;
  flex-wrap: nowrap;
}
main.suppressive .flow_wrap .flow_block .flow_box p,
main.suppressive-en .flow_wrap .flow_block .flow_box p {
  font-weight: 500;
  padding: 0.5rem 1rem;
  line-height: 1.6;
  font-size: 1.8rem;
}
main.suppressive .flow_wrap .flow_block .flow_box p.t_flow_tit,
main.suppressive-en .flow_wrap .flow_block .flow_box p.t_flow_tit {
  position: relative;
  background: #e08db0;
  padding: 0.5rem 1rem 0.3rem;
  text-align: center;
  display: inline-block;
  border-radius: 10px;
  width: 6em;
  font-weight: 600;
  color: #fff;
  z-index: 1000 !important;
}
main.suppressive .flow_wrap .flow_block .flow_box p.t_flow_tit:before,
main.suppressive-en .flow_wrap .flow_block .flow_box p.t_flow_tit:before {
  font-family: "Font Awesome 6 pro";
  font-weight: 900;
  font-size: 1.6rem;
  content: "\f111";
  color: #e08db0;
  position: absolute;
  left: -2.85em;
}
main.suppressive .flow_wrap .flow_block .flow_box p.t_flow_itm,
main.suppressive-en .flow_wrap .flow_block .flow_box p.t_flow_itm {
  font-weight: 700;
  margin-left: 1rem;
  margin-bottom: 0;
  line-height: 1.6;
}
main.suppressive .flow_wrap .flow_block .flow_box p.t_flow_itm .t_flow_ins,
main.suppressive .flow_wrap .flow_block .flow_box p.t_flow_itm .t_flow_free,
main.suppressive-en .flow_wrap .flow_block .flow_box p.t_flow_itm .t_flow_ins,
main.suppressive-en .flow_wrap .flow_block .flow_box p.t_flow_itm .t_flow_free {
  display: inline-block;
  margin-left: 0.5rem;
  padding: 0 0.5rem;
  border-radius: 8px;
  font-weight: 500;
  font-size: 1.4rem;
}
main.suppressive .flow_wrap .flow_block .flow_box p.t_flow_itm .t_flow_ins,
main.suppressive-en .flow_wrap .flow_block .flow_box p.t_flow_itm .t_flow_ins {
  border: 2px solid #64a3a6;
}
main.suppressive .flow_wrap .flow_block .flow_box p.t_flow_itm .t_flow_free,
main.suppressive-en .flow_wrap .flow_block .flow_box p.t_flow_itm .t_flow_free {
  border: 2px solid #d67e82;
}
main.suppressive .flow_wrap .flow_block .flow_box p.t_flow_txt,
main.suppressive-en .flow_wrap .flow_block .flow_box p.t_flow_txt {
  font-size: 16px;
  margin-bottom: 0;
}
@media (max-width: 992px) {
  main.suppressive .flow_wrap,
  main.suppressive-en .flow_wrap {
    padding: 2em 1em;
  }
  main.suppressive .flow_wrap .flow_block,
  main.suppressive-en .flow_wrap .flow_block {
    padding: 2rem 1rem 0 2rem;
  }
  main.suppressive .flow_wrap .flow_block .flow_box .t_flow_g:before,
  main.suppressive-en .flow_wrap .flow_block .flow_box .t_flow_g:before {
    left: 1em;
  }
}
@media (max-width: 600px) {
  main.suppressive .flow_wrap .flow_block .flow_box p.t_flow_itm,
  main.suppressive-en .flow_wrap .flow_block .flow_box p.t_flow_itm {
    margin-left: 0;
  }
  main.suppressive .flow_wrap .flow_block .flow_box .t_flow_g,
  main.suppressive-en .flow_wrap .flow_block .flow_box .t_flow_g {
    display: inline;
  }
}
@media (max-width: 475px) {
  main.suppressive .flow_wrap,
  main.suppressive-en .flow_wrap {
    padding-right: 0.5rem;
  }
  main.suppressive .flow_wrap .flow_block,
  main.suppressive-en .flow_wrap .flow_block {
    padding-right: 0.5rem;
  }
  main.suppressive .flow_wrap .flow_block .flow_box p,
  main.suppressive-en .flow_wrap .flow_block .flow_box p {
    padding: 0.5rem;
  }
  main.suppressive .flow_wrap .flow_block .flow_box p.t_flow_itm,
  main.suppressive-en .flow_wrap .flow_block .flow_box p.t_flow_itm {
    display: inline-block;
  }
}
main.suppressive .cost_wrap,
main.suppressive-en .cost_wrap {
  margin: 2em 0 1em;
  padding: 2em;
  background: rgba(216, 218, 217, 0.4);
  border-radius: 3px;
  position: relative;
}
main.suppressive .cost_wrap .cost_box,
main.suppressive-en .cost_wrap .cost_box {
  margin-top: 1em;
  padding: 1em;
  background: #fff;
  border-radius: 10px;
}
main.suppressive .cost_wrap .cost_box .t_flow_g,
main.suppressive-en .cost_wrap .cost_box .t_flow_g {
  display: flex;
}
main.suppressive .cost_wrap .cost_box p,
main.suppressive-en .cost_wrap .cost_box p {
  font-weight: 500;
  padding: 0.5rem 0;
  font-size: 1.6rem;
}
main.suppressive .cost_wrap .cost_box p.t_flow_tit,
main.suppressive-en .cost_wrap .cost_box p.t_flow_tit {
  background: #e08db0;
  margin: 0 0 auto;
  padding: 0.5rem 1rem;
  text-align: center;
  display: inline-block;
  border-radius: 10px;
  width: 7em;
  font-weight: 600;
  color: #fff;
  line-height: 2;
}
main.suppressive .cost_wrap .cost_box p.t_flow_txt,
main.suppressive-en .cost_wrap .cost_box p.t_flow_txt {
  font-size: 16px;
}
main.suppressive .cost_wrap .cost_box p.t_flow_txt span,
main.suppressive-en .cost_wrap .cost_box p.t_flow_txt span {
  display: block;
  margin: 0 1rem 0.5rem 0;
  padding: 0;
  width: 12rem;
  text-align: center;
  border: 1px solid #ab9a86;
  border-radius: 3px;
  font-weight: 600;
  color: #e08db0;
}
main.suppressive .cost_wrap .cost_box ul,
main.suppressive-en .cost_wrap .cost_box ul {
  margin-bottom: 0;
  padding: 0.5em 0 0 4rem;
}
main.suppressive .cost_wrap .cost_box ul li,
main.suppressive-en .cost_wrap .cost_box ul li {
  display: inline-block;
  padding-right: 1rem;
  font-size: 1.6rem;
}
main.suppressive .cost_wrap .cost_box ul li::before,
main.suppressive-en .cost_wrap .cost_box ul li::before {
  top: 0;
}
main.suppressive .cost_wrap .cost_box .t_flow_cost,
main.suppressive-en .cost_wrap .cost_box .t_flow_cost {
  margin: 0 0 0 3rem;
  font-size: 20px;
  font-weight: 600;
}
main.suppressive .cost_wrap .cost_box .t_flow_cost.lt,
main.suppressive-en .cost_wrap .cost_box .t_flow_cost.lt {
  font-size: 1.6rem;
}
main.suppressive .cost_wrap .cost_box .t_flow_cost span,
main.suppressive-en .cost_wrap .cost_box .t_flow_cost span {
  padding-left: 0.5rem;
  font-size: 13px;
}
main.suppressive .cost_wrap .cost_box img,
main.suppressive-en .cost_wrap .cost_box img {
  display: block;
  margin: 1rem auto;
  width: 80%;
}
@media (max-width: 700px) {
  main.suppressive .cost_wrap,
  main.suppressive-en .cost_wrap {
    padding: 1em;
  }
  main.suppressive .cost_wrap .cost_box,
  main.suppressive-en .cost_wrap .cost_box {
    padding: 0.5em;
  }
  main.suppressive .cost_wrap .cost_box ul,
  main.suppressive-en .cost_wrap .cost_box ul {
    padding-left: 2.5rem;
  }
  main.suppressive .cost_wrap .cost_box ul li,
  main.suppressive-en .cost_wrap .cost_box ul li {
    display: block;
  }
  main.suppressive .cost_wrap .cost_box img,
  main.suppressive-en .cost_wrap .cost_box img {
    width: 100%;
  }
  main.suppressive .cost_wrap .cost_box .t_flow_cost,
  main.suppressive-en .cost_wrap .cost_box .t_flow_cost {
    margin-left: 1.5rem;
  }
  main.suppressive .cost_wrap .cost_box .t_flow_g.lt,
  main.suppressive-en .cost_wrap .cost_box .t_flow_g.lt {
    display: inline-block;
  }
  main.suppressive .cost_wrap .cost_box .t_flow_g.lt .t_flow_cost.lt,
  main.suppressive-en .cost_wrap .cost_box .t_flow_g.lt .t_flow_cost.lt {
    display: block;
    padding-top: 1rem;
    font-size: 1.6rem;
  }
  main.suppressive .cost_wrap .cost_box .t_flow_g.lt .t_flow_cost.lt span.lt,
  main.suppressive-en .cost_wrap .cost_box .t_flow_g.lt .t_flow_cost.lt span.lt {
    display: inline-block;
    font-size: 1.6rem;
  }
}
@media (max-width: 375px) {
  main.suppressive .cost_wrap .cost_box ul,
  main.suppressive-en .cost_wrap .cost_box ul {
    padding-left: 1.5rem;
  }
}
main.suppressive .md_box,
main.suppressive-en .md_box {
  margin: 2em 0 2em;
}
main.suppressive .md_box h3,
main.suppressive-en .md_box h3 {
  margin-bottom: 1.5rem;
}
main.suppressive .md_box ul > li,
main.suppressive-en .md_box ul > li {
  margin-bottom: 1em;
  font-weight: 500;
  font-size: 1.6rem;
}
main.suppressive .support_wrap,
main.suppressive-en .support_wrap {
  margin-top: 2em;
}
main.suppressive .support_wrap .support_box,
main.suppressive-en .support_wrap .support_box {
  display: block;
  margin-bottom: 2em;
}
main.suppressive .support_wrap .support_box .image,
main.suppressive-en .support_wrap .support_box .image {
  width: 90%;
  text-align: right;
}
main.suppressive .support_wrap .support_box .image img,
main.suppressive-en .support_wrap .support_box .image img {
  width: 70%;
}
main.suppressive .support_wrap .support_box .image img.mini,
main.suppressive-en .support_wrap .support_box .image img.mini {
  width: 45%;
}
@media (min-width: 600px) {
  main.suppressive .support_wrap .support_box,
  main.suppressive-en .support_wrap .support_box {
    display: flex;
    justify-content: space-between;
    margin-bottom: 2em;
  }
  main.suppressive .support_wrap .support_box p,
  main.suppressive-en .support_wrap .support_box p {
    width: 50%;
  }
  main.suppressive .support_wrap .support_box .image,
  main.suppressive-en .support_wrap .support_box .image {
    width: 38%;
    text-align: center;
  }
  main.suppressive .support_wrap .support_box .image img,
  main.suppressive-en .support_wrap .support_box .image img {
    width: 100%;
  }
  main.suppressive .support_wrap .support_box .image img.mini,
  main.suppressive-en .support_wrap .support_box .image img.mini {
    width: 45%;
  }
}

.notice a {
  display: block;
  justify-content: center;
  position: relative;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  box-shadow: none;
  border-radius: 5px;
  width: 100%;
}

.notice .notice_box {
  display: block;
  width: 100%;
}
.notice .notice_box h2 {
  background: #e3efe7;
  border-radius: 5px;
  color: #333;
  font-weight: 500;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .notice .notice_box h2 {
    font-size: 2.4rem;
    margin-bottom: 3rem;
    padding: 1rem 1rem 1rem 1.5rem;
  }
}
@media (min-width: 320px) {
  .notice .notice_box h2 {
    font-size: 2rem;
    margin-bottom: 2rem;
    padding: 0.8rem 1rem 0.8rem 1.2rem;
  }
}
.notice .three_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 1rem;
}
@media (min-width: 320px) {
  .notice .three_box {
    border-bottom: none;
  }
}
@media (min-width: 768px) {
  .notice .three_box {
    margin-bottom: 2rem;
  }
}
.notice .three_box .menu_content {
  background: none;
  width: 100%;
  border-bottom: none;
  padding: 1rem 0 2rem;
}
@media (min-width: 768px) {
  .notice .three_box .menu_content {
    width: 33%;
    padding: 1rem 1rem 2rem;
  }
  .notice .three_box .menu_content img {
    margin-bottom: 2rem;
  }
}
@media (min-width: 320px) {
  .notice .three_box .menu_content img {
    margin-bottom: 1rem;
  }
  .notice .three_box .menu_content a {
    display: block;
    justify-content: center;
    position: relative;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    box-shadow: none;
    border-radius: 5px;
    padding: 0;
  }
}
@media screen and (max-width: 767px) {
  .notice .three_box .menu_content {
    border-bottom: 1px dashed #c1c1c1;
  }
  .notice .three_box .menu_content img {
    height: 240px;
    object-fit: cover;
    object-position: 0 0;
    width: 100%;
  }
}
.notice .three_box .menu_content h3 {
  width: 100%;
  text-align: center;
}
.notice .three_box img {
  border-radius: 6px;
  border: 1px solid #ddd;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
}
.notice .three_box h3.sq_title {
  border: 1px solid #e08db0;
  background: #e08db0;
  color: #fff;
  border-radius: 5px;
  display: inline-block;
  font-weight: 500;
}
@media (min-width: 320px) {
  .notice .three_box h3.sq_title {
    font-size: 1.7rem;
    line-height: 1.4;
    padding: 0.5rem 1rem 0.4rem;
    margin-bottom: 1rem;
  }
}
@media (min-width: 768px) {
  .notice .three_box h3.sq_title {
    font-size: 1.9rem;
    line-height: 1.4;
    padding: 0.8rem 1.5rem 0.5rem;
    margin-bottom: 2rem;
  }
}

/* 当院について」 */
.about .general_box .general_part section {
  border-bottom: 1px dashed #ab9a86;
  padding: 3rem 0.5rem;
}
.about .general_box .general_part section:last-of-type {
  border-bottom: none;
}
.about .general_box .general_part section td.month:before {
  color: #e08db0;
  content: "●";
  font-weight: 900;
  padding-top: 0.2rem;
}
.about .general_box .general_part section td.month .era {
  margin-right: 0;
}
@media (min-width: 768px) {
  .about .mo {
    display: none;
  }
}

/* お知らせカレンダー */
table.schedule {
  width: 100%;
  border-collapse: collapse;
}
table.schedule th,
table.schedule td {
  border: solid 1px #ab9a86;
  text-align: center;
  width: 12.5%;
}
table.schedule th.sche_month,
table.schedule td.sche_month {
  border: none;
  font-size: 2.3rem;
  font-weight: 700;
  background: none;
}
@media (max-width: 600px) {
  table.schedule th.mobile,
  table.schedule td.mobile {
    display: none;
  }
}
table.schedule th {
  background: #eee;
}
table.schedule td {
  vertical-align: top;
}
table.schedule td span {
  display: block;
  width: 100%;
  font-weight: 600;
}
table.schedule td p {
  display: block;
  width: 100%;
  margin: 1rem 0;
}
table.schedule td p.sche_close {
  background: #eeebe7;
}
table.schedule td p.sche_am {
  background: #fcdbeb;
}

/* トップページの注意書き */
.topnotice_area .topnotice_text {
  display: block;
  width: 95%;
  margin-bottom: 1em;
}
@media (max-width: 1024px) {
  .topnotice_area .topnotice_text {
    width: 100%;
  }
}
.topnotice_area .topnotice_text.dr {
  display: inline-block;
  text-align: left;
  width: 80%;
}
@media (max-width: 1024px) {
  .topnotice_area .topnotice_text.dr {
    width: auto;
  }
}
.topnotice_area table.schedule td,
.topnotice_area table.schedule th,
.topnotice_area table.schedule .sche_close,
.topnotice_area table.schedule .sche_am {
  font-size: 1.4rem !important;
}

/* === お知らせのバッジ === */
.news_area dl dt span,
.news_block dl dt span {
  border: 1px solid #4d413d;
  color: #4d413d;
}
.news_area dl dt span.latest, .news_area dl dt span.information, .news_area dl dt span.information-en,
.news_block dl dt span.latest,
.news_block dl dt span.information,
.news_block dl dt span.information-en {
  background: #f6f7f8;
}
.news_area dl dt span.media,
.news_block dl dt span.media {
  background: #a9b81c;
}
.news_area dl dt span.closed, .news_area dl dt span.closed-en,
.news_block dl dt span.closed,
.news_block dl dt span.closed-en {
  background: #d1e8f5;
}
.news_area dl dt span.recruitment, .news_area dl dt span.recruitment-en,
.news_block dl dt span.recruitment,
.news_block dl dt span.recruitment-en {
  background: #d2ccec;
}
.news_area dl dt span.important,
.news_block dl dt span.important {
  background: #e18888;
}

/* === 休診のお知らせ（トップページ） === */
.top-closed.banner {
  position: relative;
  top: -1.7em;
  padding: 0;
  text-align: center;
}
.top-closed.banner .inner {
  display: inline-flex;
  align-items: center;
  gap: 0.8rem;
  padding: 1rem 3rem;
  border: 1px solid rgba(171, 154, 134, 0.5);
  border-radius: 999px;
  background: #f2f0ed;
  opacity: 1;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.top-closed.banner .inner:hover {
  opacity: 0.5;
}
.top-closed.banner .inner p.text {
  margin-bottom: 0;
}
.top-closed.banner .inner p.text span.closed-time {
  display: inline-block;
  margin-right: 1em;
  color: #807c7c;
}
.top-closed.banner .inner p.text span.closed-title {
  display: inline-block;
  font-weight: 600;
}
.top-closed.banner .inner p.text i.fa-chevron-right {
  padding-left: 2em;
  color: #807c7c;
  position: relative;
  bottom: 0.35rem;
}
.top-closed.banner .closed-link {
  color: #1d63b3;
  font-weight: 500;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
}
.top-closed.banner .closed-link:hover {
  text-decoration: underline;
}
@media (max-width: 480px) {
  .top-closed.banner .inner {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.4rem;
    text-align: center;
  }
  .top-closed.banner .closed-link {
    justify-content: center;
  }
}

/* --- プライバシーポリシー --- */
.privacy-policy .general_box .general_part {
  padding-top: 3rem;
  padding-left: 2rem;
  margin-bottom: 3rem;
  border-top: 1px dashed #707070;
}
.privacy-policy .general_box .general_part .pp_part ul li {
  margin-bottom: 1rem;
  padding-left: 1.5em;
}
.privacy-policy .general_box .general_part .pp_part ul li:before {
  font-family: "Font Awesome 6 pro";
  font-weight: 900;
  content: "\f192";
  color: #e08db0;
  position: absolute;
  left: 1.5em;
}
@media (max-width: 480px) {
  .privacy-policy .general_box .general_part {
    padding-left: 0;
  }
  .privacy-policy .general_box .general_part .pp_part ul li:before {
    left: 0;
  }
}
@media (min-width: 320px) {
  .privacy-policy .policy_sign {
    padding-top: 1rem;
    text-align: right;
  }
  .privacy-policy .pp_part ul li {
    margin-bottom: 0.5rem;
  }
}
@media (min-width: 320px) and (min-width: 768px) {
  .privacy-policy .policy_sign {
    padding-top: 2rem;
  }
  .privacy-policy .pp_part ul li {
    padding-left: 1.5em;
  }
  .privacy-policy .pp_part ul li:before {
    font-family: "Font Awesome 6 pro";
    font-weight: 900;
    content: "\f192";
    color: #e08db0;
    position: absolute;
    left: 1.5em;
  }
}

/* --- JP用設定 --- */
html[lang=ja] .appoint_area p.text .text_box {
  display: block;
  --label-width: 5em;
  padding-left: var(--label-width);
}
html[lang=ja] .appoint_area p.text .text_box .ti {
  display: inline-block;
  width: var(--label-width);
  margin-left: calc(-1 * var(--label-width));
  white-space: nowrap;
}

/* --- EN用見出しフォント設定 --- */
html[lang=en-US] h1,
html[lang=en-US] h2,
html[lang=en-US] h3,
html[lang=en-US] h4,
html[lang=en-US] .sub_page .page_header.service h1,
html[lang=en-US] .sub_page .content .side_nav h2,
html[lang=en-US] .phone_area .facility,
html[lang=en-US] .main_v .top_catch,
html[lang=en-US] h2.title,
html[lang=en-US] .treat_btn a p,
html[lang=en-US] .app-headline,
html[lang=en-US] .recruit_area .wrap div p,
html[lang=en-US] .page_header.news h1,
html[lang=en-US] .treat_area .menu_wrap p.title,
html[lang=en-US] li.title .head,
html[lang=en-US] .sub_page .content .main_area .menu_area .menu_content.recruit_menu a h2,
html[lang=en-US] .recruit .form_btn a,
html[lang=en-US] .recruit h2.recruit_head,
html[lang=en-US] .his_table tbody td.year,
html[lang=en-US] .his_table tbody td:nth-child(2),
html[lang=en-US] .kranke_menu .kranke_menu_box .text,
html[lang=en-US] .title_en {
  font-family: "Montserrat", "Noto Sans", sans-serif;
  font-weight: 600;
}

/* 共通 */
html[lang=en-US] h1 {
  letter-spacing: 0.01em;
}

html[lang=en-US] h2,
html[lang=en-US] h3 {
  letter-spacing: 0em;
}

html[lang=en-US] .sub_page .content .side_nav h2 {
  font-size: 1.8rem;
}

/* トップページ */
html[lang=en-US] .main_v .top_catch {
  letter-spacing: 0.015em;
}

html[lang=en-US] .appoint_area .app-tel {
  margin-bottom: 1em;
}

html[lang=en-US] .appoint_area p.text .text_it {
  letter-spacing: normal;
}

@media (min-width: 768px) {
  html[lang=en-US] .appoint_area p.text {
    width: 90%;
  }
}

/* 採用情報 */
html[lang=en-US] .job_description table tr th {
  font-weight: 500;
}

/* 当院について */
html[lang=en-US] .his_table tbody td:nth-child(2) {
  font-size: 2rem;
}

html[lang=en-US] .about .general_box .general_part section td.month:before {
  padding-top: 0.45rem;
}

html[lang=en-US] .his_table tbody td.year {
  padding-left: 1rem;
}