@charset "UTF-8";
/* Scss Document */
#main-panel {
  background-image: url("../img/index_back.jpg");
  background-position: top center;
  background-repeat: no-repeat;
  /* background-size: 135%; */
  background-size: cover;
  padding: 10px 0;
}
#main-panel > .container {
  padding: 0 6%;
}
@media (max-width: 991.98px) {
  #main-panel > .container {
    padding: 0 20px;
  }
}
#main-panel > .container .feature {
  padding: 10px 5px 0;
}
#main-panel > .container .feature h2 {
  height: 100%;
}
#main-panel > .container .feature .btn.btn-primary {
  background: rgba(255, 255, 255, 0.7);
  border: none;
  color: #000;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 0px;
  padding: 25% 15% 15%;
  transition: all 1s;
}
#main-panel > .container .feature .btn.btn-primary[aria-expanded="true"] {
  background: white;
}
#main-panel > .container .feature .btn.btn-primary:focus, #main-panel > .container .feature .btn.btn-primary:active {
  outline: none;
  box-shadow: none;
}
#main-panel > .container .feature .btn.btn-primary:hover {
  background-color: #FFF;
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.8);
}
#main-panel > .container .feature.f1 .btn.btn-primary {
  border-top-left-radius: 20px;
}
#main-panel > .container .feature.f3 .btn.btn-primary {
  border-top-right-radius: 20px;
}
#main-panel > .container .feature.f4 .btn.btn-primary {
  border-bottom-left-radius: 20px;
  padding: 10% 20% 8%;
}
#main-panel > .container .feature.f5 .btn.btn-primary {
  border-bottom-right-radius: 20px;
  padding: 10% 20% 8%;
}
@media (max-width: 991.98px) {
  #main-panel > .container .feature {
    padding: 4px 2px 0;
  }
}
#main-panel .upper-content, #main-panel .bottom-content {
  background-color: #FFF;
}
#main-panel .upper-content .container, #main-panel .bottom-content .container {
  padding: 20px 30px;
}

.arrow_box {
  position: relative;
  background: #FFFFFF;
  padding: 20px;
  border: 1px solid #BBBBBB;
}

.arrow_box:after, .arrow_box:before {
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  pointer-events: none;
  position: absolute;
  bottom: 100%;
  left: 50%;
}

.arrow_box:after {
  border-color: rgba(255, 255, 255, 0);
  border-top-width: 23px;
  border-bottom-width: 23px;
  border-left-width: 16px;
  border-right-width: 16px;
  margin-left: -16px;
  border-bottom-color: #FFFFFF;
}

.arrow_box:before {
  border-color: rgba(187, 187, 187, 0);
  border-top-width: 24px;
  border-bottom-width: 24px;
  border-left-width: 17px;
  border-right-width: 17px;
  margin-left: -17px;
  margin-bottom: 1px;
  border-bottom-color: #BBBBBB;
}

.arrow_box a.close {
  display: inline-block;
  margin-right: -10px;
  width: 30px;
  height: 30px;
  cursor: pointer;
}
.arrow_box a.close .close-btn {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
.arrow_box a.close .close-btn:before, .arrow_box a.close .close-btn:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: #666;
  transform: rotate(45deg);
  transform-origin: 0% 50%;
  position: absolute;
  top: calc(14% - 5px);
  left: 14%;
}
.arrow_box a.close .close-btn:after {
  transform: rotate(-45deg);
  transform-origin: 100% 50%;
  left: auto;
  right: 14%;
}

#collapse1 .container.arrow_box:before,
#collapse1 .container.arrow_box:after {
  left: 21%;
}

#collapse3 .container.arrow_box:before,
#collapse3 .container.arrow_box:after {
  left: 79%;
}

#collapse4 .container.arrow_box:before,
#collapse4 .container.arrow_box:after {
  left: 28%;
}

#collapse5 .container.arrow_box:before,
#collapse5 .container.arrow_box:after {
  left: 72%;
}

#collapse4, #collapse5 {
  /* 下のスペースを埋める */
  position: relative;
}
#collapse4:after, #collapse5:after {
  content: "";
  display: block;
  height: 11px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: -10px;
  background-color: #FFF;
  border: 1px solid #bbb;
  border-top-width: 0;
}

.arrow_box h2 {
  font-weight: normal;
  color: #555;
  font-size: 1.7rem;
}

.tbl_ope {font-size: 0.85rem;}

@media (max-width: 991.98px) {
  .arrow_box h2 {
    margin-top: 40px !important;
  }
}
.arrow_box h3 {
  text-align: center;
  color: #35a4d0;
  font-size: 1.2rem;
  margin-bottom: 1rem;
}
.arrow_box h3 img {
  margin-bottom: 0.6rem;
}
.arrow_box h4 {
  color: #e01919;
  font-size: 1.0rem;
  margin-bottom: 1rem;
}
.arrow_box h4 img {
  margin-bottom: 0.6rem;
}

.arrow_box table th {
  text-align: center;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}
.arrow_box table th.thead-light {
  outline: 1px solid #35a4d0;
  outline-offset: -1px;
  color: #35a4d0;
  background-color: #FFF;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}
.arrow_box table th.thead-dark {
  background-color: #35a4d0;
  color: #FFF;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}
.arrow_box .btn.btn-primary {
  background-color: #35a4d0;
  border: none;
  font-weight: bold;
}
.arrow_box .telnum {
  font-weight: bolder;
  font-size: 2rem;
  color:#111111;
}
.arrow_box .scrollable {
  height: 175px;
  overflow-y: scroll;
  border: 1px solid #999;
}
.arrow_box .icon-s {
  width: 70px;
}
.arrow_box .link-btn {
  display: inline-block;
  background: #35a4d0;
  color: #FFF;
  line-height: 1.0;
  border-radius: 20px;
  padding: 0.3rem 0.8rem 0.2rem;
}
.arrow_box .link-btn:hover {
  text-decoration: none;
  background-color: #2885aa;
}
.arrow_box p {
  color: #35a4d0;
  font-size: 1rem;
  line-height:1.2rem;
  margin-bottom: 1rem;
}/* 20200910 add */
.container-srch {
  background-color: #333;
  padding: 15px 10px;
}
.container-srch .btn-search {
  background-color: #707070;
  color: #FFF;
  border-radius: 0;
}
.container-srch input {
  border-radius: 0;
}

.container-attention {
  background-color: #D9002B;
  padding: 2% 10%;
  color: #FFF;
  font-weight: bold;
  font-size: 1.1rem;
}
.container-attention p {
  margin-bottom: 0;
}
.container-attention .attention-icon {
  max-width: 50px;
  margin-bottom: 20px;
}
@media (max-width: 991.98px) {
  .container-attention {
    padding: 2% 2%;
  }
}

.container-info h3 {
  background-color: #35a4d0;
  color: #FFF;
  text-align: center;
  padding: 2rem 0;
  font-size: 1.6rem;
}
.container-info ul {
  margin-top: 2rem;
}
.container-info ul li {
  list-style: none;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #CCC;
}

.panel-aria .panel-row {
  padding: 0 60px;
}
/*------------------------
    nws iframe
-------------------------*/
.news-info {margin-bottom:2rem;}
.info-box {border:none;width:100%;height:280px;}
.iframe-box {border:none;width:100%;height:280px;}

/*-------020200915 add ---------*/
.tbl-wait tr th:nth-of-type(3) {white-space: nowrap;}
.tbl-wait tr td:nth-of-type(1) {white-space: nowrap;}
.tbl-wait tr td:nth-of-type(3) {white-space: nowrap;}
@media (max-width: 480px) {
.tbl-sw tr td:nth-of-type(2) {white-space: nowrap;}
.tbl-wait th,.tbl-wait td {font-size: 85%;}
.tbl-wait tr th:nth-of-type(1) {white-space: nowrap;}
}
/*--------------------------------
   2021/06/30  add
--------------------------------*/
.for-medical {margin-left:3rem;}
@media (max-width: 480px) {
.for-medical {font-size:0.9rem!important;margin-left:0rem;}
.info-box {height:100px;}
}