@charset "UTF-8";
/*-----------clearfix-------------------*/
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}
/*-------------------共通部分------------------------*/
*{
  margin:0;
  padding:0;
  line-height:1.5;
}
html,
body{
  height:100%;
}
body,
h1,
h2,
h3,
h4,
h5,
h6,
th,
strong,
em{
  font-size:12px;
  font-weight:400;
  color:#333333;
}
img{
  vertical-align:bottom;
}
a{
  color:#333333;
  text-decoration:none;
  outline:none;
}
ul,
ol,
dl{
  list-style:none;
}
.lt-em08{
  letter-spacing:0.8em;
}
#wrapper{
  overflow:hidden;
}

.mbr,
.mbr480{
  display: none;
}

/*-------------------センタリング---------------------*/
#header-inner,
#content-inner,
#footer-inner,
#copyright{
  width:78.2%;
  max-width:998px;
  min-width:680px;
  margin:0 auto;
}
/* #wrapper{} */
/*-----------------------ヘッダー----------------------*/
#header-wrap{
  border-bottom:3px solid #00957B;
  height:100px;
  width:100%;
  position:fixed;
  left:center;
  top:0;
  background:#FFFFFF;
  z-index:999;
}
#header-left{
  float:left;
  display: flex;
  align-items: flex-end;
  gap: 5px;
}
.scholarship{
  font-size: 10px;
}
.scholarship .mybr{
  display: inline-block;
}
#header-right{
  float:right;
  font-weight:100;
  margin-top:20px;
}
/* #header-left h1,
#header-left .header-name{
  float:left;
} */
#header-left h1{
  margin-top:20px;
}
#header-left h1 a img{
  width:94px;
  height:100%;
}
#header-left .header-name{
  font-size:14px;
  letter-spacing:1em;
}
@media screen and (max-width:890px){
  #header-left .header-name{
    letter-spacing:0.5em;
  }
}
#header-right #tel-no{
  line-height:1em;
  font-size:36px;
  padding-left:20px;
  background:url(../img/header_tel_icon.svg) no-repeat left 6px;
}
/*================グローバルナビ====================*/
@media only screen and (min-width: 769px){
#header-nav-btn{
  display:none;
}
#header-nav-wrap{
  display:block;
  width:100%;
  border-top:3px solid #00957B;
  border-bottom:1px solid #CCCCCC;
}
#header-nav-inner{
  width:78.2%;
  max-width:998px;
  min-width:680px;
  height:100%;
  margin:0 auto;
  border-left:1px solid #CCCCCC;
  border-right:1px solid #CCCCCC;
}
#header-nav-inner #nav-btn{
  display:none;
}
#header-nav-inner ul{
  width:100%;
  height:80px;
}
#header-nav-inner ul li{
  width:14.285714285%;
  height:80px;
  float:left;
  text-align:center;
}
#header-nav-inner ul li a{
  padding-top:5px;
  display:block;
  height:75px;
  background:no-repeat center 70%;
  border-right:1px solid #DDDDDD;
  margin:0 -1px 0 1px;
  transition:0.5s;
  -moz-transition:0.5s;
  -ms-transition:0.5s;
  -o-transition:0.5s;
  -webkit-transition:0.5s;
}
#header-nav-inner ul li.selected a{
  background-color:#EEEEEE;
}
#header-nav-inner ul li:nth-child(1) a{
  line-height:75px;
  margin-left:0;
}

#header-nav-inner ul li:nth-child(2) a{
  background-image:url(../img/nav1.svg);
}
#header-nav-inner ul li:nth-child(3) a{
  background-image:url(../img/nav2.svg);
}
#header-nav-inner ul li:nth-child(4) a{
  background-image:url(../img/nav4.svg);
}
#header-nav-inner ul li:nth-child(5) a{
  background-image:url(../img/nav5.svg);
}
#header-nav-inner ul li:nth-child(6) a{
  background-image:url(../img/nav6.svg);
}
#header-nav-inner ul li:nth-child(7) a{
  background-image:url(../img/nav7.svg);
}
#header-nav-inner ul li:nth-child(8) a{
  background-image:url(../img/nav8.svg);
  border-right:none;
  margin-right:0;
}
#header-nav-inner ul li a:hover{
  color:#00957B;
  background-color:#EEEEEE;
}
}
#header-sub-nav-wrap{
  display:none;
}
/*-----------------------コンテント----------------------*/
#content-inner{
  border-left:1px solid #CCCCCC;
  border-right:1px solid #CCCCCC;
}
/*-----------------------フッター----------------------*/
#footer-wrap{
  border-bottom:1px solid #CCCCCC;
}
#footer-inner{
  height:99px;
  line-height:99px;
  border:1px solid #CCCCCC;
  background:#EEEEEE;
}
#footer-inner ul{
  width:50%;
  min-width:660px;
  margin:0 auto;
}
#footer-inner ul li{
  float:left;
}
#footer-inner ul li a{
  display:block;
  line-height:99px;
  margin-right:3em;
  padding-left:15px;
  background:url(../img/footer_link_icon.svg) no-repeat left center;
}
#footer-inner ul li a:hover{
  color:#00957b;
}

/*--------------page-top-btn--------------------*/
#footer-page-top-btn{
  width:100%;
}
#footer-page-top-btn a{
  border-left:1px solid #CCCCCC;
  border-right:1px solid #CCCCCC;
  border-bottom:1px solid #CCCCCC;
  text-align:center;
  display:block;
  width:78.2%;
  max-width:998px;
  min-width:680px;
  padding:5px 0;
  margin:0 auto;
  transition:0.5s;
  -moz-transition:0.5s;
  -ms-transition:0.5s;
  -o-transition:0.5s;
  -webkit-transition:0.5s;
}
@media only screen and (min-width: 768px){
  #footer-page-top-btn a:hover{
    background-color:#DDDDDD;
  }
}
#copyright{
  text-align:center;
  border-right:1px solid #CCCCCC;
  border-left:1px solid #CCCCCC;
  height:100px;
  line-height:100px;
}

/* #main-wrap{}
#nav-wrap{}
#nav-btn{} */

/*201703追記 出張診療バナー*/
#header-inner{
  position:relative;
}
#header-visit-banner a{
  display: block;
  width: 150px;
  padding: 5px;
  color: #FFFFFF;
  background-color: #00957b;
  position: absolute;
  right: 250px;
  top: 0;
  z-index: 9999;
  border-radius: 0 0 3px 3px;
  
  transition: 0.5s;
  -webkit-transition: 0.5s;
}
#header-visit-banner a:hover{
  background-color: #666666;
}
#header-visit-banner img{
  width: 15%;
  margin:0 2%;
}
/* デイサービスワン追加 */
.header-day-nav{
  position: fixed;
  right: 0;
  top: 300px;
}
.header-day-nav a{
  display: flex;
  justify-content: center;
  align-items: center;
  writing-mode: vertical-rl;
  width: 50px;
  text-align: left;
  background-color: rgba(255,255,255,0.5);
  border: solid #EA5514;
  border-width: 2px 0 2px 2px;
  border-radius: 10px 0 0 10px;
  padding: 20px 0;
  font-size: 16px;
}
.header-day-nav a span{
  line-height: 1;
}
.header-day-nav a .group{
  font-size: 10px;
}
/* .day{

} */
.day .inner{
  width: 78.2%;
  max-width: 998px;
  min-width: 680px;
  margin: 0 auto;
  padding: 50px 0;
  border: solid #ccc;
  border-width: 1px 1px 0;
}
@media screen and ( max-width:768px ){
  .day{
    border: solid #ccc;
    border-width: 1px 0 0 0;
  }
  .day .inner{
    border: none;
    width: 78.2%;
    min-width: unset;
  }
}
.day a{
  display: flex;
  width: 60%;
  margin: 0 auto;
  padding: 10px;
  border: 3px solid #EA5514;
}
.day a img{
  display: block;
  box-sizing: border-box;
  padding: 10px;
  width: 50%;
  background-color: #fff;
}
.day .day-text{
  font-size: calc( 6 / 375 * 100vw );
  width: 50%;
  border: solid #EA5514;
  border-width: 0 1px 0 0;
}
.train{
  font-size: 0.6em;
  display: block;;
}
@media screen and  ( max-width:480px ){
  .day a{
    flex-direction: column;
  }
  .day .day-text{
    box-sizing: border-box;
    width: 100%;
    border-width: 0 0 1px 0;
    padding: 10px;
    font-size: calc( 14 / 375 * 100vw );
  }
  .day a img{
    width: 100%;
  }
}