@charset "UTF-8";
/*=======================================
	breakpoint
=======================================*/
/*=======================================
	hover
=======================================*/
/*=======================================
	中央配置
=======================================*/
/*=======================================
	可変レスポンシブ
=======================================*/
/* PC */
/* TB */
/* SP */
/*=======================================
	ブラウザ別
=======================================*/
/* Safari */
/* Firefox */
/*-------------------------
- common
- color
- area_sec
- hospital_sec
- list_sec
-------------------------*/
/*=======================================
　common
=======================================*/
main {
  margin-bottom: 190px;
}
@media screen and (max-width: 768px) {
  main {
    margin-bottom: 85px;
  }
}

.cmn_ttl02 {
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .cmn_ttl02 {
    margin-bottom: 27px;
  }
}

.main_ttl h1 {
  margin-top: 118px;
}
@media screen and (max-width: 768px) {
  .main_ttl h1 {
    margin-top: 21.3333333333vw;
    text-shadow: 2px 2px 0px var(--bg_white), -2px -2px 0px var(--bg_white), -2px 2px 0px var(--bg_white), 2px -2px 0px var(--bg_white), 2px 0px 0px var(--bg_white), -2px 0px 0px var(--bg_white), 0px 2px 0px var(--bg_white), 0px -2px 0px var(--bg_white);
  }
}

/*=======================================
　color
=======================================*/
:root {
  --hokkaido: #587dc5;
  --tohoku: #4CBCE2;
  --tokai: #B4D64C;
  --kanto: #33AB71;
  --kinki: #F68A29;
  --chugoku: #FE809A;
  --kyusyu: #E66165;
}

/*=======================================
　area_sec
=======================================*/
.area_sec {
  margin-bottom: 130px;
}
@media screen and (max-width: 768px) {
  .area_sec {
    margin-bottom: 81px;
  }
}
.area_sec .inner .cmn_txt01 {
  margin-bottom: 95px;
}
@media screen and (max-width: 768px) {
  .area_sec .inner .cmn_txt01 {
    text-align: left;
    margin-bottom: 20px;
  }
}
.area_sec .inner .map_wrap {
  position: relative;
  max-width: 802px;
  width: 73.57%;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .area_sec .inner .map_wrap {
    width: 99.25%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media screen and (max-width: 768px) {
  .area_sec .inner .map_wrap .map {
    margin-bottom: 40px;
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
}
@media screen and (max-width: 768px) {
  .area_sec .inner .map_wrap .map img {
    width: 100%;
  }
}
.area_sec .inner .map_wrap .ab_img {
  position: absolute;
  bottom: 14px;
  right: -17.95%;
  width: 30.79%;
}
@media screen and (max-width: 768px) {
  .area_sec .inner .map_wrap .ab_img {
    position: static;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    width: 86.37%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 768px) {
  .area_sec .inner .map_wrap .ab_img img {
    width: 100%;
  }
}
.area_sec .inner .map_wrap .btn_list {
  display: contents;
}
@media screen and (max-width: 768px) {
  .area_sec .inner .map_wrap .btn_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
        flex-flow: wrap;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin-bottom: 20px;
    gap: 20px 4.36%;
  }
}
.area_sec .inner .map_wrap .btn_list > div {
  position: absolute;
  width: 26.18%;
  height: 3.8125vw;
  height: 9.57%;
  max-height: 61px;
}
@media screen and (max-width: 768px) {
  .area_sec .inner .map_wrap .btn_list > div {
    position: static;
    width: 47.82%;
    height: 52px;
  }
}
.area_sec .inner .map_wrap .btn_list > div a {
  font-weight: 700;
  font-size: clamp(10px, 1.375vw, 22px);
  letter-spacing: 0.1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  background: #fff;
  border-radius: 5px;
  position: relative;
  padding: 0 9.52%;
}
@media screen and (max-width: 768px) {
  .area_sec .inner .map_wrap .btn_list > div a {
    padding: 0 11px;
    font-size: 17px;
  }
}
.area_sec .inner .map_wrap .btn_list > div a::before, .area_sec .inner .map_wrap .btn_list > div a::after {
  content: "";
  display: inline-block;
  width: 23px;
  max-width: 23px;
  height: 23px;
  max-height: 23px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 9.52%;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
@media screen and (max-width: 768px) {
  .area_sec .inner .map_wrap .btn_list > div a::before, .area_sec .inner .map_wrap .btn_list > div a::after {
    width: 21px;
    height: 21px;
    right: 9px;
  }
}
.area_sec .inner .map_wrap .btn_list > div a::before {
  background: #fff;
  border: 1px solid var(--main_green);
  border-radius: 50vw;
}
.area_sec .inner .map_wrap .btn_list > div a::after {
  background: url("../img/common/arrow01.svg") no-repeat;
  background-size: 10px;
  background-position: center;
}
@media screen and (max-width: 768px) {
  .area_sec .inner .map_wrap .btn_list > div a::after {
    -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(19deg) brightness(103%) contrast(101%);
            filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(19deg) brightness(103%) contrast(101%);
  }
}
@media (min-width: 769px) and (hover: hover) and (pointer: fine) {
  .area_sec .inner .map_wrap .btn_list > div a:hover {
    cursor: pointer;
  }
  .area_sec .inner .map_wrap .btn_list > div a:hover::before, .area_sec .inner .map_wrap .btn_list > div a:hover::after {
    -webkit-transform: scale(1.21) translateY(-45%);
            transform: scale(1.21) translateY(-45%);
  }
  .area_sec .inner .map_wrap .btn_list > div a:hover::after {
    -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(19deg) brightness(103%) contrast(101%) !important;
            filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(19deg) brightness(103%) contrast(101%) !important;
  }
}
@media (min-width: 769px) and (-ms-high-contrast: none), (min-width: 769px) and (-ms-high-contrast: active) {
  .area_sec .inner .map_wrap .btn_list > div a:hover {
    cursor: pointer;
  }
  .area_sec .inner .map_wrap .btn_list > div a:hover::before, .area_sec .inner .map_wrap .btn_list > div a:hover::after {
    -webkit-transform: scale(1.21) translateY(-45%);
            transform: scale(1.21) translateY(-45%);
  }
  .area_sec .inner .map_wrap .btn_list > div a:hover::after {
    -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(19deg) brightness(103%) contrast(101%) !important;
            filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(19deg) brightness(103%) contrast(101%) !important;
  }
}
.area_sec .inner .map_wrap .btn_list > div.hokkaido {
  top: 1.09%;
  left: 32.54%;
}
.area_sec .inner .map_wrap .btn_list > div.hokkaido a {
  color: var(--hokkaido);
  border: 1px solid var(--hokkaido);
}
.area_sec .inner .map_wrap .btn_list > div.hokkaido a::before {
  border: 1px solid var(--hokkaido) !important;
}
.area_sec .inner .map_wrap .btn_list > div.hokkaido a::after {
  -webkit-filter: brightness(0) saturate(100%) invert(49%) sepia(18%) saturate(1419%) hue-rotate(181deg) brightness(94%) contrast(91%);
          filter: brightness(0) saturate(100%) invert(49%) sepia(18%) saturate(1419%) hue-rotate(181deg) brightness(94%) contrast(91%);
}
@media (min-width: 769px) and (hover: hover) and (pointer: fine) {
  .area_sec .inner .map_wrap .btn_list > div.hokkaido a:hover::before {
    background: var(--hokkaido);
  }
}
@media (min-width: 769px) and (-ms-high-contrast: none), (min-width: 769px) and (-ms-high-contrast: active) {
  .area_sec .inner .map_wrap .btn_list > div.hokkaido a:hover::before {
    background: var(--hokkaido);
  }
}
.area_sec .inner .map_wrap .btn_list > div.tohoku {
  top: 40.97%;
  left: 65.21%;
}
.area_sec .inner .map_wrap .btn_list > div.tohoku a {
  color: var(--tohoku);
  border: 1px solid var(--tohoku) !important;
}
.area_sec .inner .map_wrap .btn_list > div.tohoku a::before {
  border: 1px solid var(--tohoku) !important;
}
.area_sec .inner .map_wrap .btn_list > div.tohoku a::after {
  -webkit-filter: brightness(0) saturate(100%) invert(65%) sepia(49%) saturate(548%) hue-rotate(152deg) brightness(94%) contrast(87%);
          filter: brightness(0) saturate(100%) invert(65%) sepia(49%) saturate(548%) hue-rotate(152deg) brightness(94%) contrast(87%);
}
@media (min-width: 769px) and (hover: hover) and (pointer: fine) {
  .area_sec .inner .map_wrap .btn_list > div.tohoku a:hover::before {
    background: var(--tohoku);
  }
}
@media (min-width: 769px) and (-ms-high-contrast: none), (min-width: 769px) and (-ms-high-contrast: active) {
  .area_sec .inner .map_wrap .btn_list > div.tohoku a:hover::before {
    background: var(--tohoku);
  }
}
.area_sec .inner .map_wrap .btn_list > div.kanto {
  top: 62%;
  left: 58.1%;
}
.area_sec .inner .map_wrap .btn_list > div.kanto a {
  color: var(--kanto);
  border: 1px solid var(--kanto) !important;
}
.area_sec .inner .map_wrap .btn_list > div.kanto a::before {
  border: 1px solid var(--kanto) !important;
}
.area_sec .inner .map_wrap .btn_list > div.kanto a::after {
  -webkit-filter: brightness(0) saturate(100%) invert(52%) sepia(83%) saturate(363%) hue-rotate(99deg) brightness(92%) contrast(83%);
          filter: brightness(0) saturate(100%) invert(52%) sepia(83%) saturate(363%) hue-rotate(99deg) brightness(92%) contrast(83%);
}
@media (min-width: 769px) and (hover: hover) and (pointer: fine) {
  .area_sec .inner .map_wrap .btn_list > div.kanto a:hover::before {
    background: var(--kanto);
  }
}
@media (min-width: 769px) and (-ms-high-contrast: none), (min-width: 769px) and (-ms-high-contrast: active) {
  .area_sec .inner .map_wrap .btn_list > div.kanto a:hover::before {
    background: var(--kanto);
  }
}
.area_sec .inner .map_wrap .btn_list > div.tokai {
  top: 36.26%;
  left: 20.94%;
}
.area_sec .inner .map_wrap .btn_list > div.tokai a {
  color: var(--tokai);
  border: 1px solid var(--tokai) !important;
}
.area_sec .inner .map_wrap .btn_list > div.tokai a::before {
  border: 1px solid var(--tokai) !important;
}
.area_sec .inner .map_wrap .btn_list > div.tokai a::after {
  -webkit-filter: brightness(0) saturate(100%) invert(99%) sepia(96%) saturate(1070%) hue-rotate(15deg) brightness(86%) contrast(95%);
          filter: brightness(0) saturate(100%) invert(99%) sepia(96%) saturate(1070%) hue-rotate(15deg) brightness(86%) contrast(95%);
}
@media (min-width: 769px) and (hover: hover) and (pointer: fine) {
  .area_sec .inner .map_wrap .btn_list > div.tokai a:hover::before {
    background: var(--tokai);
  }
}
@media (min-width: 769px) and (-ms-high-contrast: none), (min-width: 769px) and (-ms-high-contrast: active) {
  .area_sec .inner .map_wrap .btn_list > div.tokai a:hover::before {
    background: var(--tokai);
  }
}
.area_sec .inner .map_wrap .btn_list > div.kinki {
  top: 74.72%;
  left: 34.28%;
}
.area_sec .inner .map_wrap .btn_list > div.kinki a {
  color: var(--kinki);
  border: 1px solid var(--kinki) !important;
}
.area_sec .inner .map_wrap .btn_list > div.kinki a::before {
  border: 1px solid var(--kinki) !important;
}
.area_sec .inner .map_wrap .btn_list > div.kinki a::after {
  -webkit-filter: brightness(0) saturate(100%) invert(71%) sepia(37%) saturate(4948%) hue-rotate(343deg) brightness(101%) contrast(93%);
          filter: brightness(0) saturate(100%) invert(71%) sepia(37%) saturate(4948%) hue-rotate(343deg) brightness(101%) contrast(93%);
}
@media (min-width: 769px) and (hover: hover) and (pointer: fine) {
  .area_sec .inner .map_wrap .btn_list > div.kinki a:hover::before {
    background: var(--kinki);
  }
}
@media (min-width: 769px) and (-ms-high-contrast: none), (min-width: 769px) and (-ms-high-contrast: active) {
  .area_sec .inner .map_wrap .btn_list > div.kinki a:hover::before {
    background: var(--kinki);
  }
}
.area_sec .inner .map_wrap .btn_list > div.chugoku {
  top: 50.54%;
  left: -1.87%;
}
.area_sec .inner .map_wrap .btn_list > div.chugoku a {
  color: var(--chugoku);
  border: 1px solid var(--chugoku) !important;
}
.area_sec .inner .map_wrap .btn_list > div.chugoku a::before {
  border: 1px solid var(--chugoku) !important;
}
.area_sec .inner .map_wrap .btn_list > div.chugoku a::after {
  -webkit-filter: brightness(0) saturate(100%) invert(71%) sepia(22%) saturate(3061%) hue-rotate(302deg) brightness(102%) contrast(105%);
          filter: brightness(0) saturate(100%) invert(71%) sepia(22%) saturate(3061%) hue-rotate(302deg) brightness(102%) contrast(105%);
}
@media (min-width: 769px) and (hover: hover) and (pointer: fine) {
  .area_sec .inner .map_wrap .btn_list > div.chugoku a:hover::before {
    background: var(--chugoku);
  }
}
@media (min-width: 769px) and (-ms-high-contrast: none), (min-width: 769px) and (-ms-high-contrast: active) {
  .area_sec .inner .map_wrap .btn_list > div.chugoku a:hover::before {
    background: var(--chugoku);
  }
}
.area_sec .inner .map_wrap .btn_list > div.kyusyu {
  top: 70.01%;
  left: -14.58%;
}
.area_sec .inner .map_wrap .btn_list > div.kyusyu a {
  color: var(--kyusyu);
  border: 1px solid var(--kyusyu) !important;
}
.area_sec .inner .map_wrap .btn_list > div.kyusyu a::before {
  border: 1px solid var(--kyusyu) !important;
}
.area_sec .inner .map_wrap .btn_list > div.kyusyu a::after {
  -webkit-filter: brightness(0) saturate(100%) invert(44%) sepia(31%) saturate(2935%) hue-rotate(325deg) brightness(106%) contrast(80%);
          filter: brightness(0) saturate(100%) invert(44%) sepia(31%) saturate(2935%) hue-rotate(325deg) brightness(106%) contrast(80%);
}
@media (min-width: 769px) and (hover: hover) and (pointer: fine) {
  .area_sec .inner .map_wrap .btn_list > div.kyusyu a:hover::before {
    background: var(--kyusyu);
  }
}
@media (min-width: 769px) and (-ms-high-contrast: none), (min-width: 769px) and (-ms-high-contrast: active) {
  .area_sec .inner .map_wrap .btn_list > div.kyusyu a:hover::before {
    background: var(--kyusyu);
  }
}

/*=======================================
　hospital_sec
=======================================*/
.hospital_sec {
  margin-bottom: 130px;
}
@media screen and (max-width: 768px) {
  .hospital_sec {
    margin-bottom: 65px;
  }
}
.hospital_sec .inner {
  max-width: 1000px;
}
.hospital_sec .inner > .cmn_txt01 {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 84px;
}
@media screen and (max-width: 768px) {
  .hospital_sec .inner > .cmn_txt01 {
    margin-bottom: 42px;
  }
}
.hospital_sec .inner .hospital_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 66px;
}
@media screen and (max-width: 768px) {
  .hospital_sec .inner .hospital_wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 30px 0;
  }
}
.hospital_sec .inner .hospital_wrap .hospital {
  width: 44%;
}
@media screen and (max-width: 768px) {
  .hospital_sec .inner .hospital_wrap .hospital {
    width: 100%;
  }
}
.hospital_sec .inner .hospital_wrap .hospital .img {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 40px;
}
@media screen and (max-width: 768px) {
  .hospital_sec .inner .hospital_wrap .hospital .img {
    margin-bottom: 20px;
  }
}
.hospital_sec .inner .hospital_wrap .hospital .cmn_copy01 {
  margin-bottom: 23px;
}
.hospital_sec .inner .hospital_wrap .hospital.area .img img {
  -webkit-filter: brightness(0) saturate(100%) invert(69%) sepia(54%) saturate(427%) hue-rotate(354deg) brightness(93%) contrast(95%);
          filter: brightness(0) saturate(100%) invert(69%) sepia(54%) saturate(427%) hue-rotate(354deg) brightness(93%) contrast(95%);
}
.hospital_sec .inner .cmn_copy01 {
  margin-bottom: 24px;
}
@media screen and (max-width: 768px) {
  .hospital_sec .inner .cmn_copy01 {
    margin-bottom: 12px;
  }
}
.hospital_sec .inner .cmn_btn03 {
  margin: 0 auto;
}

/*=======================================
　list_sec
=======================================*/
.list_sec .list_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0 70px;
}
@media screen and (max-width: 820px) {
  .list_sec .list_wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 65px 0;
  }
}
.list_sec .list_wrap .cmn_btn03 {
  width: 100%;
}
.list_sec .list_wrap .cmn_btn03 a {
  font-size: 15px;
  padding: 0 21px;
}
.list_sec .list_wrap .cmn_btn03 a::before, .list_sec .list_wrap .cmn_btn03 a::after {
  width: 21px;
  height: 21px;
  top: calc(50% - 10.5px);
  right: 15px;
}
@media screen and (max-width: 768px) {
  .list_sec .list_wrap .cmn_btn03 a::before, .list_sec .list_wrap .cmn_btn03 a::after {
    width: 23px;
    height: 23px;
    top: calc(50% - 11.5px);
  }
}
.list_sec .list_wrap .side_nav {
  position: sticky;
  top: 150px;
  left: 0;
  max-width: 310px;
  min-width: 300px;
  width: 19.375%;
  background: var(--base_beige);
  padding: 50px 30px;
  border-radius: 0 5px 5px 0;
  margin-top: 100px;
}
@media screen and (max-width: 820px) {
  .list_sec .list_wrap .side_nav {
    position: static;
    border-radius: 5px;
    width: 79.46%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 768px) {
  .list_sec .list_wrap .side_nav {
    padding: 45px 19px 25px;
  }
}
.list_sec .list_wrap .side_nav .nav_ttl {
  font-weight: 700;
  font-size: 19px;
  letter-spacing: 0.08em;
  line-height: 1.473;
  color: var(--main_green);
  margin-bottom: 16px;
}
@media screen and (max-width: 820px) {
  .list_sec .list_wrap .side_nav .nav_ttl {
    letter-spacing: 0.07em;
  }
}
@media screen and (max-width: 768px) {
  .list_sec .list_wrap .side_nav .nav_ttl {
    font-size: 17px;
  }
}
.list_sec .list_wrap .side_nav .nav_ttl__search {
  padding-left: 85px;
  position: relative;
  margin-bottom: 51px;
}
@media screen and (max-width: 820px) {
  .list_sec .list_wrap .side_nav .nav_ttl__search {
    padding-left: 78px;
  }
}
@media screen and (max-width: 768px) {
  .list_sec .list_wrap .side_nav .nav_ttl__search {
    margin-bottom: 38px;
  }
}
.list_sec .list_wrap .side_nav .nav_ttl__search::before {
  content: "";
  background: url("../img/common/icon_search.svg") no-repeat;
  background-size: cover;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  width: 68px;
  height: 68px;
}
@media screen and (max-width: 820px) {
  .list_sec .list_wrap .side_nav .nav_ttl__search::before {
    width: 63px;
    height: 63px;
  }
}
.list_sec .list_wrap .side_nav .cmn_btn03 {
  position: relative;
}
.list_sec .list_wrap .side_nav .cmn_btn03::before {
  content: "";
  display: block;
  inset: 0;
  position: absolute;
  background: rgba(51, 51, 51, 0.5);
  border-radius: 15px;
  z-index: 1;
}
.list_sec .list_wrap .side_nav .cmn_btn03::after {
  content: "準備中";
  display: block;
  color: #fff;
  font-size: 19px;
  font-weight: 700;
  letter-spacing: 0.08em;
  position: absolute;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 10;
}
.list_sec .list_wrap .side_nav ul {
  margin-bottom: 29px;
}
.list_sec .list_wrap .side_nav ul li {
  padding-bottom: 15px;
  border-bottom: 1px dashed var(--main_green);
}
@media screen and (max-width: 768px) {
  .list_sec .list_wrap .side_nav ul li {
    padding-bottom: 12px;
  }
}
.list_sec .list_wrap .side_nav ul li:not(:last-child) {
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .list_sec .list_wrap .side_nav ul li:not(:last-child) {
    margin-bottom: 12px;
  }
}
.list_sec .list_wrap .side_nav ul li a {
  font-weight: 700;
  font-size: 17px;
  letter-spacing: 0.05em;
  color: #333;
  position: relative;
  padding-left: 13px;
}
@media screen and (max-width: 768px) {
  .list_sec .list_wrap .side_nav ul li a {
    font-size: 14px;
  }
}
@media (min-width: 769px) and (hover: hover) and (pointer: fine) {
  .list_sec .list_wrap .side_nav ul li a:hover {
    opacity: 0.8;
  }
}
@media (min-width: 769px) and (-ms-high-contrast: none), (min-width: 769px) and (-ms-high-contrast: active) {
  .list_sec .list_wrap .side_nav ul li a:hover {
    opacity: 0.8;
  }
}
.list_sec .list_wrap .side_nav ul li a::before {
  content: "";
  width: 6px;
  height: 6px;
  display: inline-block;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  top: 55%;
  left: 0;
}
.list_sec .list_wrap .side_nav ul li a.all::before {
  background: var(--main_green);
}
.list_sec .list_wrap .side_nav ul li a.block::before {
  background: var(--accent_red);
}
.list_sec .list_wrap .side_nav ul li a.area::before {
  background: var(--accent_orange);
}
.list_sec .list_wrap .side_nav ul li a.active {
  color: var(--main_green);
}
.list_sec .list_wrap .content_area {
  width: 60.3125%;
}
@media screen and (max-width: 820px) {
  .list_sec .list_wrap .content_area {
    width: 100%;
  }
}
.list_sec .list_wrap .content_area .inner {
  margin: 0;
  width: 100%;
  max-width: inherit;
}
@media screen and (max-width: 820px) {
  .list_sec .list_wrap .content_area .inner {
    margin: 0 auto;
    width: 90%;
  }
}
.list_sec .list_wrap .content_area .inner .icon_explanation {
  width: 80.59873345%;
  background: #FFF;
  border: 1px dashed #21AC70;
  border-radius: 10px;
  padding: 30px 48px;
  margin-inline: auto;
  margin-bottom: 100px;
}
.list_sec .list_wrap .content_area .inner .icon_explanation .explanation_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.list_sec .list_wrap .content_area .inner .icon_explanation .explanation_item:last-of-type {
  margin-top: 18px;
}
.list_sec .list_wrap .content_area .inner .icon_explanation .explanation_item .explanation_img {
  width: 50px;
  aspect-ratio: 1/1;
}
.list_sec .list_wrap .content_area .inner .icon_explanation .explanation_item .explanation_img img {
  opacity: 0.4;
}
.list_sec .list_wrap .content_area .inner .icon_explanation .explanation_item .explanation_img.join img {
  opacity: 1;
}
.list_sec .list_wrap .content_area .inner .icon_explanation .explanation_item .explanation_ttl {
  color: #21AC70;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.47;
}
.list_sec .list_wrap .content_area .inner .icon_explanation .explanation_item .explanation_txt {
  margin-top: 3px;
  font-size: 14px;
  line-height: 2.286;
}
.list_sec .list_wrap .content_area .inner .icon_explanation .explanation_item .flex1 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.list_sec .list_wrap .content_area .inner .flex_area {
  max-width: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 80px 0;
}
.list_sec .list_wrap .content_area .inner .hospital_list_wrap .list_ttl {
  font-weight: 700;
  font-size: 26px;
  letter-spacing: 0.1em;
  color: #fff;
  min-width: 219px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 64px;
  border-radius: 5px 5px 0px 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 15px;
}
@media screen and (max-width: 768px) {
  .list_sec .list_wrap .content_area .inner .hospital_list_wrap .list_ttl {
    font-size: 20px;
    min-width: 161px;
    height: 55px;
  }
}
.list_sec .list_wrap .content_area .inner .hospital_list_wrap .hospital_list {
  background: #fff;
  padding: 50px 5.18%;
}
@media screen and (max-width: 768px) {
  .list_sec .list_wrap .content_area .inner .hospital_list_wrap .hospital_list {
    padding: 30px 20px;
  }
}
.list_sec .list_wrap .content_area .inner .hospital_list_wrap .hospital_list > li {
  padding-bottom: 25px;
  border-bottom: 1px dashed #AEAEAE;
  margin-bottom: 25px;
}
@media screen and (max-width: 768px) {
  .list_sec .list_wrap .content_area .inner .hospital_list_wrap .hospital_list > li {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
}
.list_sec .list_wrap .content_area .inner .hospital_list_wrap .hospital_list > li .flex_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-flow: wrap;
      flex-flow: wrap;
}
.list_sec .list_wrap .content_area .inner .hospital_list_wrap .hospital_list > li .flex_area:nth-of-type(1) {
  gap: 0 20px;
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .list_sec .list_wrap .content_area .inner .hospital_list_wrap .hospital_list > li .flex_area:nth-of-type(1) {
    gap: 0 10px;
    margin-bottom: 12px;
  }
}
.list_sec .list_wrap .content_area .inner .hospital_list_wrap .hospital_list > li .flex_area:nth-of-type(2) {
  gap: 15px 25px;
  margin-bottom: 27px;
}
@media screen and (max-width: 820px) {
  .list_sec .list_wrap .content_area .inner .hospital_list_wrap .hospital_list > li .flex_area:nth-of-type(2) {
    margin-bottom: 20px;
  }
}
.list_sec .list_wrap .content_area .inner .hospital_list_wrap .hospital_list > li .tag_area {
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.08em;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 5px;
  height: 24px;
  padding: 0 15px;
}
.list_sec .list_wrap .content_area .inner .hospital_list_wrap .hospital_list > li .tag_category {
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0.05em;
  line-height: 25px;
  color: #333;
  padding-left: 11px;
  position: relative;
}
.list_sec .list_wrap .content_area .inner .hospital_list_wrap .hospital_list > li .tag_category::before {
  content: "";
  width: 6px;
  height: 6px;
  display: inline-block;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
}
@media (min-width: 769px) and (hover: hover) and (pointer: fine) {
  .list_sec .list_wrap .content_area .inner .hospital_list_wrap .hospital_list > li .tag_category a:hover {
    opacity: 0.8;
  }
}
@media (min-width: 769px) and (-ms-high-contrast: none), (min-width: 769px) and (-ms-high-contrast: active) {
  .list_sec .list_wrap .content_area .inner .hospital_list_wrap .hospital_list > li .tag_category a:hover {
    opacity: 0.8;
  }
}
.list_sec .list_wrap .content_area .inner .hospital_list_wrap .hospital_list > li .tag_category.block::before {
  background: var(--accent_red);
}
.list_sec .list_wrap .content_area .inner .hospital_list_wrap .hospital_list > li .tag_category.area::before {
  background: var(--accent_orange);
}
.list_sec .list_wrap .content_area .inner .hospital_list_wrap .hospital_list > li .tag_name {
  font-weight: 700;
  font-size: 20px;
  letter-spacing: 0.1em;
  line-height: 1.8;
}
@media screen and (max-width: 768px) {
  .list_sec .list_wrap .content_area .inner .hospital_list_wrap .hospital_list > li .tag_name {
    font-size: 17px;
    letter-spacing: 0.05em;
  }
}
.list_sec .list_wrap .content_area .inner .hospital_list_wrap .hospital_list > li .tag_department ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
      flex-flow: wrap;
  gap: 15px;
}
@media screen and (max-width: 768px) {
  .list_sec .list_wrap .content_area .inner .hospital_list_wrap .hospital_list > li .tag_department ul {
    gap: 10px;
  }
}
.list_sec .list_wrap .content_area .inner .hospital_list_wrap .hospital_list > li .tag_department ul li {
  font-weight: 700;
  font-size: 17px;
  letter-spacing: 0.1em;
  color: var(--main_green);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 35px;
  border-radius: 5px;
  background: #e5f5e3;
  padding: 0 20px;
}
@media screen and (max-width: 768px) {
  .list_sec .list_wrap .content_area .inner .hospital_list_wrap .hospital_list > li .tag_department ul li {
    font-size: 14px;
    padding: 0 13px;
    height: 26px;
  }
}
.list_sec .list_wrap .content_area .inner .hospital_list_wrap .hospital_list > li .tag_web {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.list_sec .list_wrap .content_area .inner .hospital_list_wrap .hospital_list > li .tag_web .explanation_img {
  width: 50px;
  aspect-ratio: 1/1;
}
.list_sec .list_wrap .content_area .inner .hospital_list_wrap .hospital_list > li .tag_web .explanation_img img {
  opacity: 0.4;
}
.list_sec .list_wrap .content_area .inner .hospital_list_wrap .hospital_list > li .tag_web .explanation_img.join img {
  opacity: 1;
}
.list_sec .list_wrap .content_area .inner .hospital_list_wrap .hospital_list > li .tag_web a {
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0.08em;
  color: var(--main_green);
  position: relative;
  padding: 0 25px 7px 0;
  border-bottom: 1px solid #a3df98;
  display: inline-block;
}
@media (min-width: 769px) and (hover: hover) and (pointer: fine) {
  .list_sec .list_wrap .content_area .inner .hospital_list_wrap .hospital_list > li .tag_web a:hover {
    opacity: 0.8;
  }
}
@media (min-width: 769px) and (-ms-high-contrast: none), (min-width: 769px) and (-ms-high-contrast: active) {
  .list_sec .list_wrap .content_area .inner .hospital_list_wrap .hospital_list > li .tag_web a:hover {
    opacity: 0.8;
  }
}
@media screen and (max-width: 768px) {
  .list_sec .list_wrap .content_area .inner .hospital_list_wrap .hospital_list > li .tag_web a {
    font-size: 14px;
    padding-bottom: 5px;
  }
}
.list_sec .list_wrap .content_area .inner .hospital_list_wrap .hospital_list > li .tag_web a::after {
  content: "";
  background: url("../img/common/icon_blank02.svg") no-repeat;
  background-size: cover;
  position: absolute;
  top: 0.15em;
  right: 0;
  width: 14px;
  height: 13px;
}
@media screen and (max-width: 768px) {
  .list_sec .list_wrap .content_area .inner .hospital_list_wrap .hospital_list > li .tag_web a::after {
    top: 0.1em;
  }
}
.list_sec .list_wrap .content_area .inner .hospital_list_wrap.hokkaido .list_ttl {
  background: var(--hokkaido);
}
.list_sec .list_wrap .content_area .inner .hospital_list_wrap.hokkaido .hospital_list {
  border-top: 2px solid var(--hokkaido);
}
.list_sec .list_wrap .content_area .inner .hospital_list_wrap.hokkaido .hospital_list .tag_area {
  background: var(--hokkaido);
}
.list_sec .list_wrap .content_area .inner .hospital_list_wrap.tohoku .list_ttl {
  background: var(--tohoku);
}
.list_sec .list_wrap .content_area .inner .hospital_list_wrap.tohoku .hospital_list {
  border-top: 2px solid var(--tohoku);
}
.list_sec .list_wrap .content_area .inner .hospital_list_wrap.tohoku .hospital_list .tag_area {
  background: var(--tohoku);
}
.list_sec .list_wrap .content_area .inner .hospital_list_wrap.kanto .list_ttl {
  background: var(--kanto);
}
.list_sec .list_wrap .content_area .inner .hospital_list_wrap.kanto .hospital_list {
  border-top: 2px solid var(--kanto);
}
.list_sec .list_wrap .content_area .inner .hospital_list_wrap.kanto .hospital_list .tag_area {
  background: var(--kanto);
}
.list_sec .list_wrap .content_area .inner .hospital_list_wrap.tokai .list_ttl {
  background: var(--tokai);
}
.list_sec .list_wrap .content_area .inner .hospital_list_wrap.tokai .hospital_list {
  border-top: 2px solid var(--tokai);
}
.list_sec .list_wrap .content_area .inner .hospital_list_wrap.tokai .hospital_list .tag_area {
  background: var(--tokai);
}
.list_sec .list_wrap .content_area .inner .hospital_list_wrap.kinki .list_ttl {
  background: var(--kinki);
}
.list_sec .list_wrap .content_area .inner .hospital_list_wrap.kinki .hospital_list {
  border-top: 2px solid var(--kinki);
}
.list_sec .list_wrap .content_area .inner .hospital_list_wrap.kinki .hospital_list .tag_area {
  background: var(--kinki);
}
.list_sec .list_wrap .content_area .inner .hospital_list_wrap.chugoku .list_ttl {
  background: var(--chugoku);
}
.list_sec .list_wrap .content_area .inner .hospital_list_wrap.chugoku .hospital_list {
  border-top: 2px solid var(--chugoku);
}
.list_sec .list_wrap .content_area .inner .hospital_list_wrap.chugoku .hospital_list .tag_area {
  background: var(--chugoku);
}
.list_sec .list_wrap .content_area .inner .hospital_list_wrap.kyusyu .list_ttl {
  background: var(--kyusyu);
}
.list_sec .list_wrap .content_area .inner .hospital_list_wrap.kyusyu .hospital_list {
  border-top: 2px solid var(--kyusyu);
}
.list_sec .list_wrap .content_area .inner .hospital_list_wrap.kyusyu .hospital_list .tag_area {
  background: var(--kyusyu);
}/*# sourceMappingURL=list.css.map */