/*-------------------------------------------------------------------
lp/include/clinic-menu.php
-------------------------------------------------------------------*/
.p-clinic-menu__section {
  --ff_sans: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  text-align: center;
  padding: 0 20px;
  margin: 0 auto 100px;
  max-width: 700px;
}
.p-clinic-menu__section .c-container{
  max-width: 100%;
  width: 100%;
}
.p-clinic-menu__section .c-section__title {
  font-family: var(--ff_sans);
  margin-bottom: 30px;
  line-height: 1.6;
  font-size: 32px;
  font-weight: 700;
}
.p-clinic-menu__section .c-section__title-en {
  margin-bottom: 20px;
  font-size: 22px;
  font-weight: inherit;
  color: #0070bb;
}
.p-clinic-menu__section .c-section__title-ja {
  font-weight: inherit;
}

.c-section__map {
  position: relative;
  width: 100%;
  max-width: 500px;
  margin-right: auto;
  margin-left: auto;
  max-width: 90vw;
}

.c-section__map-figure {
  aspect-ratio: 10 / 8;
  display: flex;
  align-items: flex-start;
}

.c-section__map-item {
  position: absolute;
  font-family: var(--ff_sans);
}

.c-section__map-item.-hokkaido {
  top: 15%;
  right: 42.5%;
}

.c-section__map-item.-kantou {
  bottom: 29%;
  left: 64%;
}

.c-section__map-item.-tokyo {
  top: 49.5%;
  right: 7%;
}

.c-section__map-item.-tyubu {
  bottom: 17.5%;
  left: 44.5%;
}

.c-section__map-item.-kansai {
  bottom: 12%;
  left: 20%;
}

.c-section__map-item.-chugoku {
  top: 35%;
  right: 60%;
}

.c-section__map-item.-kyushu {
  bottom: 0;
  left: 0;
}
.c-section__map-item a {
  display: block;
  padding: 12px 20px;
  border: 2px solid;
  border-radius: 8px;
  font-weight: 700;
  font-size: 20px;
  text-decoration: none;
  line-height: 1;
}

.c-section__map-item a:hover {
  color: #fff !important;
}
@media (max-width: 700px) {
  .c-section__map-item a {
    padding: 0.66666em;
    border-radius:0.4em;
    font-size: calc(20vw / 6.4);
  }
	.c-section__map-item.-kantou{ bottom:30%; }
	.c-section__map-item.-tokyo{ right:4%; top: 44.5%;}
  .c-section__map-item.-tyubu{ bottom:16%; left:47%; }
  .c-section__map-item.-kansai{ bottom:14%; left:21%; }
  .c-section__map-item.-chugoku{ top: 30%;}
  .c-section__map-item.-hokkaido { top: 10%;}
}

.c-section__map-item a{
  border-color: var(--map-area-color);
  color: var(--map-area-color);
}
.c-section__map-item a:hover {
  background: var(--map-area-color);
}
.c-section__map-item.-hokkaido{--map-area-color: #5384c4;}
.c-section__map-item.-kantou{--map-area-color: #f8b62c;}
.c-section__map-item.-tokyo{--map-area-color: #c84643;}
.c-section__map-item.-kansai{--map-area-color: #4dac8e;}
.c-section__map-item.-tyubu{--map-area-color: #888;}
.c-section__map-item.-chugoku{--map-area-color: #9a84bc;}
.c-section__map-item.-kyushu{--map-area-color: #ea5514;}


.c-clinic-table {
  margin-top: 80px;
  text-align: left;
}
.c-clinic-table__panel-title{
  font-family: var(--ff_sans);
  display: block;
  margin-bottom: 15px;
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  position: relative;
  cursor: pointer;
}
.c-clinic-table__panel-title span{
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
}
.c-clinic-table__panel-title:hover{
  opacity: 0.9;
}
.c-clinic-table__panel-title span{
  display: block;
  padding: 20px;
}
.c-clinic-table__panel-title span::before {
  content: "";
  width: 22px;
  height: 22px;
  background: #fff;
  position: absolute;
  top: 50%;
  right: 20px;
  border-radius: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.c-clinic-table__panel-title::before,
.c-clinic-table__panel-title::after{
  position: absolute;
  content:'';
  width: 12px;
  height: 2px;
  background-color: #FFF;
  top:50%;
  right: 25px;
  transform: translateY(-50%);
  z-index: 2;
}
.c-clinic-table__panel-title::before{
  transform: rotate(0deg);
}
.c-clinic-table__panel-title::after{
  transform: rotate(90deg);
}
.c-clinic-table__panel-title.active::after{
  display:none;
}
.c-clinic-table__panel .c-clinic-table__panel-title,
.c-clinic-table__panel .c-clinic-table__panel-title::before,
.c-clinic-table__panel .c-clinic-table__panel-title::after {
  background: var(--area-color-light);
}
.c-clinic-table__panel .c-clinic-table__list-title{
  font-size: 22px;
  color: var(--area-color);
  font-family: var(--ff_sans);
  text-wrap: initial;
}
.c-clinic-table__panel.-hokkaido{ --area-color-light: #5384c4;--area-color: #2d7dc8;}
.c-clinic-table__panel.-kanto { --area-color-light: #f8b62c;--area-color: #f5b421;}
.c-clinic-table__panel.-tokyo { --area-color-light: #c84643;--area-color: #c84643;}
.c-clinic-table__panel.-kansai { --area-color-light: #4dac8e;--area-color: #58ab8e;}
.c-clinic-table__panel.-tyubu { --area-color-light: #888888;--area-color: #888888;}
.c-clinic-table__panel.-sikoku { --area-color-light: #9a84bc;--area-color: #9886bd;}
.c-clinic-table__panel.-kyusyu { --area-color-light: #ea5514;--area-color: #e45503;}

.c-clinic-table__panel-body{
  margin-top: 40px;
  line-height: 1.5;
}
.c-clinic-table__list{
  margin-bottom: 40px;
}

.c-clinic-table__list-iframe iframe,
.c-clinic-table__list-iframe .comingsoon {
  width: 100%;
  height: 240px;
}
.c-clinic-table__panel-body .c-clinic-table__list{
  font-size: 22px;
}
.c-clinic-table__panel-body .c-clinic-table__list-body{
  font-size: 20px;
  font-family: var(--ff_sans);
}