.d--none {
  display: none !important;
}
.sr_name_br{
  display: inline-block;
}

@media screen and (max-width: 768px) {
.sr_name_br{
  display: block;
}
}

#map {
  width: 100%;
  height: 500px;
}
p.map_text {
  line-height: 21px;
  font-size: 13px;
}
.map_text_b {
  font-weight: bold;
  font-size: 15px;
}
.map_btn a {
  width: 150px;
  background: #333;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 5px;
  display: block;
  margin-top: 10px;
}
.map_btn a:hover {
  background: #ccc;
  color: #222;
}
.tab {
  width: 48%;
  text-align: center;
  font-size: 13px;
  margin-left: 1%;
}
.tab:nth-child(even) {
  margin-right: 1%;
  margin-left: 0%;
}
@media screen and (min-width: 769px) {
  .tab {
    font-size: 16px;
  }
}
.panel {
  display: none;
}
.panel.is-show {
  display: block;
}
/* ボタンとしての見た目を維持 */
button {
 display: flex;             
  align-items: center;      
  justify-content: center;  
  text-align: center;       
  line-height: 1.3;   
  height: 60px;      
}

button.map__btn01 {
  width: 98%;
  border: 3px #020202 solid;
  border-radius: 30px;
  box-shadow: 2px 5px 0 #00ba61;
  background: #fff;
}
button.map__btn03 {
  width: 98%;
  border: 3px #00ba61 solid;
  border-radius: 30px;
  box-shadow: 2px 5px 0 #02964e;
  background: #fff;
}
button.map__btn02 {
  width: 98%;
  border: 3px #ff8f00 solid;
  border-radius: 30px;
  box-shadow: 2px 5px 0 #b66802;
  background: #fff;
}
button.map__btn05 {
  width: 98%;
  border: 3px #d21614 solid;
  border-radius: 30px;
  box-shadow: 2px 5px 0 #960c0a;
  background: #fff;
}
button.map__btn04 {
  width: 98%;
  border: 3px #92d150 solid;
  border-radius: 30px;
  box-shadow: 2px 5px 0 #6a9b36;
  background: #fff;
}
button.map__btn06 {
  width: 98%;
  border: 3px #4bb7df solid;
  border-radius: 30px;
  box-shadow: 2px 5px 0 #3282a0;
  background: #fff;
}
button.map__btn07 {
  width: 98%;
  border: 3px #8b5fae solid;
  border-radius: 30px;
  box-shadow: 2px 5px 0 #5b3b75;
  background: #fff;
}
.area1 {
  position: relative;
  color: #000;
  font-weight: bold;
}
.area2 {
  position: relative;
  color: #ff8f00;
  font-weight: bold;
}
.area3 {
  position: relative;
  color: #00ba61;
  font-weight: bold;
}
.area4 {
  position: relative;
  color: #92d150;
  font-weight: bold;
}
.area5 {
  position: relative;
  color: #d21614;
  font-weight: bold;
}
.area6 {
  position: relative;
  color: #4bb7df;
  font-weight: bold;
}
.area7 {
  position: relative;
  color: #8b5fae;
  font-weight: bold;
}
.area--ico {
  position: absolute;
  top: 17px;
  right: 12px;
  font-size: 15px;
}
@media screen and (min-width: 769px) {
  .area--ico {
      top: 12px;
    right: 15px;
    font-size: 20px;
  }
}
.tab.is-active button.map__btn01, button.map__btn01:hover {
  background: #020202;
  color: #fff;
}
.tab.is-active button.map__btn03, button.map__btn03:hover {
  background: #00ba61;
  color: #fff;
}
.tab.is-active button.map__btn02, button.map__btn02:hover {
  background: #ff8f00;
  color: #fff;
}
.tab.is-active button.map__btn05, button.map__btn05:hover {
  background: #d21614;
  color: #fff;
}
.tab.is-active button.map__btn04, button.map__btn04:hover {
  background: #92d150;
  color: #fff;
}
.tab.is-active button.map__btn06, button.map__btn06:hover {
  background: #4bb7df;
  color: #fff;
}
.tab.is-active button.map__btn07, button.map__btn07:hover {
  background: #8b5fae;
  color: #fff;
}
.panel__wrap {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.panel__wrap--box {
  width: 49%;
  border: 1px #ccc solid;
  background: #FFF;
  margin-bottom: 20px;
}


@media all and (min-width:769px) {
  .panel__wrap {
  justify-content: start;
}

  .panel__wrap--box {
            width: calc(calc(100% / 3) - 6px);
        margin-right: 6px;
  }
  .panel__wrap--box:nth-child(3),
.panel__wrap--box:nth-child(6),
.panel__wrap--box:nth-child(9),
.panel__wrap--box:nth-child(12),
.panel__wrap--box:nth-child(15),
.panel__wrap--box:nth-child(18),
.panel__wrap--box:nth-child(21),
.panel__wrap--box:nth-child(24),
.panel__wrap--box:nth-child(27)  {
  margin-right: 0px;
}
}
@media all and (max-width:374px) {
  .panel__wrap {
  justify-content: center;
}
  .panel__wrap--box {
            width: 80%;
        margin-right: 0px !important;
  }
}

.panel__wrap::before {
  content: "";
  display: block;
  width: 24%;
  order: 1;
}
.panel__wrap::after {
  content: "";
  display: block;
  width: 24%;
}
.sr_name {
  width: 100%;
  background: #cd1320;
  color: #fff;
  text-decoration: none;
  padding: 10px 10% 10px 10px;
  position: relative;
  line-height: 16px;
}
@media all and (max-width:500px) {
.sr_name {
  letter-spacing: 0px;
}
}

.panel__box--thum:hover .sr_name {
  opacity: 0.6;
}
@media screen and (max-width: 810px) {
  .sp_small {
    font-size: 11px;
    line-height: 16px;
  }
}
@media screen and (min-width: 641px) and (max-width: 720px) {
  .sp_small02 {
    font-size: 11px;
    line-height: 16px;
  }
}
.sr_name::after {
  content: "\f105";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  top: 10px;
  right: 5px;
}
.panel__box--textArea {
  padding: 10px;
}
.panel__box--text {
  width: 100%;
  font-size: 13px;
  line-height: 24px;
  min-height: 96px;
}
.panel__btn--wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.panel__btn--wrap div {
  width: 100%;
  margin-top: 10px;
  justify-content: center;
  flex-wrap: wrap;
}
.panel_box_btn {
  display: inline-block;
  padding: 0 10px;
  color: #ff0048;
  border: 1px #ff0048 solid;
  font-size: 13px;
  border-radius: 20px;
  width: 100%;
  text-align: center;
  position: relative;
  height: 40px;
  line-height: 36px;
}
.panel_box_btn02 {
  display: inline-block;
  padding: 0 10px 0 4px;
  color: #319692;
  border: 1px #319692 solid;
  font-size: 12px;
  border-radius: 20px;
  width: 100%;
  text-align: center;
  position: relative;
    height: 40px;
  line-height: 36px;
letter-spacing: 0px;
}
.panel_box_btn::after, .panel_box_btn02::after {
  content: '\f054';
  font-weight: 900;
  font-size: 14px;
  font-family: 'Font Awesome 5 Free';
  position: absolute;
  top: 1px;
  right: 7px;
}
@media screen and (min-width: 769px) {
  .panel_box_btn, .panel_box_btn02 {
    font-size: 16px;
    font-weight: bold;
  }
  .panel_box_btn::after, .panel_box_btn02::after {
    content: '\f054';
    font-weight: 900;
    font-size: 16px;
    font-family: 'Font Awesome 5 Free';
    position: absolute;
    top: 1px;
    right: 9px;
  }
}
.panel_box_btn a {
  color: #ff0048;
  text-decoration: none;
}
.panel_box_btn02 a {
  color: #319692;
  text-decoration: none;
}
.panel_box_btn a:hover, .panel_box_btn02 a:hover {
  opacity: 0.6;
}
.fa-angle-double-right {
  margin-left: 3px;
}
a[href*="tel:"] {
  text-decoration: underline;
}
/*
@media (min-width: 641px) {
  a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
  }
}*/
.demo {
  /** 高さ揃えるcss**/
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center; /** 真ん中寄せ **/
}
.demo .box {
  width: 200px;
  background: #f71137;
  padding: 20px;
  color: #fff;
  margin: 20px;
  text-align: center;
  /** 以下中央揃え**/
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.demo .green {
  background: #00c1a6;
}
@media screen and (min-width: 871px) {
  .map_btn_kaigyo {
    content: "\A";
    white-space: pre;
  }
}

  .panel--text {
    min-height: 120px;
  }

@media screen and (max-width: 768px) {
  .panel--text {
    min-height: 120px;
  }
}
.panel_ico {
  width: 20px;
  margin-right: 10px;
  font-size: 14px;
  line-height: 16px;
  padding-bottom: 10px;
}
.panel_ico.marker{
  width: 18px;
  margin-right: 10px;
  font-size: 14px;
  line-height: 16px;
  padding-bottom: 10px;
}
.panel_txt {
  width: calc(100% - 35px);
  text-align: left;
  font-size: 13px;
  line-height: 16px;
  padding-bottom: 18px;
  display: flex;
  align-items: center;
  color: #000 !important;
}