@charset "UTF-8";

header {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
}

#wrapper{
  min-width:980px;
  overflow:hidden;
}

main{
  position:relative;
  margin:0;
  padding:0 0 65px;
}

a:hover{
  text-decoration:none;
}

/*-----------------------------
  スライダー
------------------------------*/

.mv_slider li.slide_01 .bg {
  background: url(../img/slide01.jpg) center no-repeat;
  background-size: cover;
}

.mv_slider li.slide_02 .bg {
  background: url(../img/slide02.jpg) center no-repeat;
  background-size: cover;
}

.mv_slider li.slide_03 .bg {
  background: url(../img/slide03.jpg) center no-repeat;
  background-size: cover;
}

/* 各病院ごとに色を指定 */

.slick-dots li button {
  background: url(../img/icon_slide.png) center no-repeat;
}

.slick-dots li.slick-active button {
  background: url(../img/icon_slide_active.png) center no-repeat;
}
/* SP */

@media all and (max-width: 767px) {
  
  .mv_slider li.slide_01 .bg {
    background: url(../img/slide01_sp.jpg) center no-repeat;
    background-size: cover;
  }

  .mv_slider li.slide_02 .bg {
    background: url(../img/slide02_sp.jpg) center no-repeat;
    background-size: cover;
  }

  .mv_slider li.slide_03 .bg {
    background: url(../img/slide03_sp.jpg) center no-repeat;
    background-size: cover;
  }

}

/*-----------------------------
  nav ドロップ下層非表示
------------------------------*/

.dropmenu li:hover .in_drop{
  visibility:hidden;
  opacity:0;
}

.gnav > li > a{
  padding:2em 0;
}

/*-----------------------------
  main
------------------------------*/

.top_main {
  background: #faf7f0;
  padding: 64px 0 75px;
}

.top_main h2{
  font-size:1rem;
  text-align:center;
  margin:0 0 50px;
  line-height: 2;
}


.top_main .guide .day_service{
  width:49%;
  max-width:635px;
  float:left;
  border:1px solid #d9d9d9;
  border-top:4px solid #9f8ae3;
  background:#fff;
}

.top_main .guide .day_service h3{
  text-align:center;
  color:#5c3ebd;
  font-size:1.4rem;
  padding:15px 0;
  border-bottom:1px solid #d9d9d9;
}

.top_main .guide .day_service .pic img{
  width:100%;
}

.top_main .guide .day_service a{
  display:block;
}

.top_main .guide .day_service a:hover{
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}

.top_main .guide .day_service .ds_detail{
  width:92.8%;
  margin:auto;
  padding:2% 0;
  border-bottom:1px solid #d9d9d9;
}

.top_main .guide .day_service .ds_detail.last{
  border-bottom:none;
}

.top_main .guide .day_service .ds_detail .left{
  width:50%;
  float:left;
  box-sizing:border-box;
  padding:1.9% 5% 1.9% 0;
  border-right: 1px solid #d9d9d9;
  display:table;
}

.top_main .guide .day_service .ds_detail .left p{
  line-height:1.4;
  font-size:1.15rem;
  display:table-cell;
  vertical-align:middle;
}

.top_main .guide .day_service .ds_detail .left p span{
  background: url(../img/arrow_fuku.png) no-repeat left center;
  background-size:7px 11px;
  padding-left:15px;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}

.top_main .guide .day_service .ds_detail .right{
  width: 50%;
  float: right;
  padding:1.9% 0;
  padding-left:5%;
  box-sizing:border-box;
  display:table;
}

.top_main .guide .day_service .ds_detail .right p{
  line-height:1.4;
  font-size:1.15rem;
  display:table-cell;
  vertical-align:middle;
}

.top_main .guide .day_service .left p span,.top_main .guide .day_service .right p span{
  background: url(../img/arrow_fuku.png) no-repeat left center;
  background-size:7px 11px;
  padding-left:15px;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}

.top_main .guide .day_service .left:hover p span,.top_main .guide .day_service .right:hover p span{
  padding-right:18px;
}

.top_main .guide .right_block{
  width:49%;
  max-width:635px;
  float:right;
}

.top_main .guide .right_block .stay{
  border:1px solid #d9d9d9;
  border-top:4px solid #9f8ae3;
  background:#fff;
  margin:0 0 23px;
}

.top_main .guide .right_block .stay h3{
  text-align:center;
  color:#5c3ebd;
  font-size:1.4rem;
  padding:15px 0;
  border-bottom:1px solid #d9d9d9;
}

.top_main .guide .right_block .short_s{
  border:1px solid #d9d9d9;
  border-top:4px solid #9f8ae3;
  background:#fff;
}

.top_main .guide .right_block .short_s h3{
  text-align:center;
  color:#5c3ebd;
  font-size:1.4rem;
  padding:15px 0;
  border-bottom:1px solid #d9d9d9;
}

.top_main .guide .right_block dl dt{
  width:33.2%;
  float:left;
}

.top_main .guide .right_block dl dt img{
  width:100%;
  height:auto;
}

.top_main .guide .right_block dl dd{
  width:66.8%;
  float:right;
  box-sizing:border-box;
  padding:0 3.6%;
}

.top_main .guide .right_block dl dd ul li{
  padding:7.4% 0;
  font-size:1.15rem;
  display:table;
  width:100%;
}

.top_main .guide .right_block dl dd ul li:first-child{
  border-bottom:1px solid #d9d9d9;
}

.top_main .guide .right_block .stay dl dd ul li span{
  background: url(../img/arrow_fuku.png) no-repeat left center;
  background-size:7px 11px;
  padding-left:15px;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}

.top_main .guide .right_block .short_s dl dd ul li span{
  background: url(../img/arrow_fuku.png) no-repeat left center;
  background-size:7px 11px;
  padding-left:15px;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}

.btm_contents{
  padding:50px 0 0;
}

.btm_contents .news{
  max-width:940px;
  width:72%;
  float:left;
}

.btm_contents .news .news_head{
  margin:0 0 15px;
}

.btm_contents .news .news_head h3{
  font-size:1.4rem;
  font-weight:500;
  float:left;
}

.btm_contents .news .news_head .news_all{
  float:right;
}

.btm_contents .news .news_head .news_all a{
  display:block;
  border:1px solid #d9d9d9;
  border-radius:3px;
  line-height:30px;
  padding:0 19px;
  font-size:1rem;
  position:relative;
  text-align:center;
}

.btm_contents .news .news_head .news_all a:hover{
  opacity:0.85;
}

.btm_contents .news .news_head .news_all a:before {
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 1px #a18aed;
  border-right: solid 1px #a18aed;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top:50%;
  right:8px;
  margin-top:-3px;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}

.btm_contents .news .news_head .news_all a:hover::before {
  right:5px;
}

.btm_contents .news .news_list{
  border-top:1px solid #f0f0f0;
}

.btm_contents .news .news_list dl{
  border-bottom:1px solid #f0f0f0;
  position:relative;
  padding:10px 30px 10px 0;
}

.btm_contents .news .news_list dl:before {
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 1px #a18aed;
  border-right: solid 1px #a18aed;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top:50%;
  right:15px;
  margin-top:-3px;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}

.btm_contents .news .news_list dl:hover::before {
  right:10px;
}

.btm_contents .news .news_list dl::after{
  content: "";
  display: block;
  clear: both;
}

.btm_contents .news .news_list dl dt{
  width:18%;
  float:left;
}

.btm_contents .news .news_list dl dt span.data{
  width:100%;
  float:left;
  line-height:1.6;
  display:block;
  padding:0 2% 0 3%;
}

.btm_contents .news .news_list dl dd{
  float:left;
  width:82%;
  position:relative;
}

.btm_contents .news .news_list dl dd img{
  vertical-align:middle;
}

.btm_contents .news .news_list dl dd a{
  margin-left:2%;
  display:block;
  padding-right:7%;
  line-height:1.6;
}

.btm_contents .news .news_list dl dd a:hover{
  text-decoration:underline;
}

.btm_contents .bnr_area{
  max-width:280px;
  width:24%;
  float:right;
}

.btm_contents .bnr_area p{
  margin:0 0 15px;
}

.btm_contents .bnr_area p:last-child{
  margin:0;
}

.btm_contents .bnr_area p a{
  display:block;
}


.btm_contents .bnr_area img{
  width:100%;
}

.btm_contents .bnr_area p a:hover{
  opacity: 0.75;
}

/*トップへ戻るボタン*/
.topBtn {
position:fixed;
bottom:20px;
right:20px;
display:block;
}


@media screen and (max-width : 767px) {

  #wrapper{
      min-width:100%;
      overflow:auto;
  }

  .top_main {
      background: #faf7f0;
      padding: 9% 0 12%;
  }

  .top_main .inner{
      width:92%;
  }

  .top_main h2{
      line-height:1.7;
      font-size:1rem;
      text-align:center;
      margin:0 0 6%;
  }


  /*ここからmain*/

  .top_main .guide .day_service{
      width:100%;
      max-width:100%;
      float:none;
      border-top:3px solid #9f8ae3;
      margin: 0 0 4.3%;
  }

  .top_main .guide .day_service h3{
      font-size: 1.4rem;
      padding: 4% 0;
  }


  .top_main .guide .day_service .ds_detail{
      width:92.8%;
      margin:auto;
      padding:2% 0;
      border-bottom:1px solid #d9d9d9;
  }

  .top_main .guide .day_service .ds_detail .left{
      min-height:56px;
  }


  .top_main .guide .day_service .ds_detail .left p{
      font-size:1rem;
    padding-left: 20px;
    text-indent: -15px;
  }

  .top_main .guide .day_service .ds_detail .left:hover p span{
      padding-right:15px;
  }

  .top_main .guide .day_service .ds_detail .right{
      min-height:56px;
  }

  .top_main .guide .day_service .ds_detail .right p{
      font-size:1rem;
    padding-left: 20px;
    text-indent: -15px;
  }

  .top_main .guide .day_service .left:hover p span,.top_main .guide .day_service .right:hover p span{
      padding-right:15px;
  }

  .top_main .guide .right_block{
      width:100%;
      max-width:100%;
      float:none;
  }

  .top_main .guide .right_block .stay{
      border-top:3px solid #9f8ae3;
  }


  .top_main .guide .right_block .stay h3{
      font-size: 1.4rem;
      padding: 4% 0;
  }

  .top_main .guide .right_block .short_s{
      border-top:3px solid #9f8ae3;
  }

  .top_main .guide .right_block .short_s h3{
      font-size: 1.4rem;
      padding: 4% 0;
  }

  .top_main .guide .right_block dl dt{
      width:100%;
      float:none;
  }

  .top_main .guide .right_block dl dt img{
      width:100%;
      height:auto;
  }

  .top_main .guide .right_block dl dd{
      width:100%;
      float:none;
      box-sizing:border-box;
      padding:0 3.6%;
  }

  .top_main .guide .right_block dl dd ul{
      padding:2% 0;
      display:table;
      width:100%;
  }

  .top_main .guide .right_block dl dd ul li{
      padding:2.1% 0 2.1% 5%;
      font-size:1rem;
      float:left;
      width:50%;
      box-sizing:border-box;
      display:table;
      min-height:56px;
  }

  .top_main .guide .right_block dl dd ul li:first-child{
      border-bottom:none;
      border-right:1px solid #d9d9d9;
      padding-right:5%;
      line-height:1.4;
    padding-left: 20px;
    text-indent: -15px;
  }

  .top_main .guide .right_block dl dd ul li a{
      display:table-cell;
      vertical-align:middle;
  }

  .top_main .guide .right_block .stay dl dd ul li span{
      background-size:7px 11px;
      padding-right:15px;
      -webkit-transition: all .2s;
      -o-transition: all .2s;
      transition: all .2s;
  }

  .top_main .guide .right_block .stay dl dd ul li:hover span{
      padding-right:18px;
  }

  .top_main .guide .right_block .short_s dl dd ul li span{
      background-size:7px 11px;
      padding-right:15px;
      -webkit-transition: all .2s;
      -o-transition: all .2s;
      transition: all .2s;
  }

  .top_main .guide .right_block .short_s dl dd ul li:hover span{
      padding-right:18px;
  }

  .btm_contents{
      padding:50px 0 60px;
  }

  .btm_contents .inner{
      width:92%;
      max-width:1140px;
      margin:auto;
  }

  .btm_contents .news{
      max-width:100%;
      width:100%;
      float:none;
      margin:0 0 11%;
  }

  .btm_contents .news .news_head h3{
      font-size:1.2rem;
      font-weight:500;
      width:64%;
      line-height:1.5;
  }

  .btm_contents .news .news_head .news_all{
      min-width:100px;
  }

  .btm_contents .news .news_head .news_all a{
      line-height:2;
      padding:0 15% 0 5%;
      font-size:0.8rem;
  }

  .btm_contents .news .news_head .news_all a:hover{
      box-shadow:0 0 0 #fff;
  }

  .btm_contents .news .news_head .news_all a:before {
      right:5px;
  }

  .btm_contents .news .news_list dl{
      padding:3.7% 0;
      border-bottom:1px solid #f0f0f0;
  }

  .btm_contents .news .news_list dl:before {
      right:0;
  }

  .btm_contents .news .news_list dl:hover::before {
      right:0;
  }


  .btm_contents .news .news_list dl dt{
      width:100%;
      margin:0 0 1.5%;
      float:none;
  }

  .btm_contents .news .news_list dl dt span.data{
      float:none;
      line-height:1.6;
      text-align:left;
      padding:0 2% 0 0;

  }

  .btm_contents .news .news_list dl dd img{
      width:auto;
  }

  .btm_contents .news .news_list dl dd a{
      display:block;
      float:none;
      width:92%;
      margin-left:0;
      position:relative;
      padding-right:8%;
      line-height:1.6;
  }

  .btm_contents .news .news_list dl dt::after,.btm_contents .news .news_list dl dd::after{
      content: "";
      display: block;
      clear: both;
  }

  .btm_contents .news .news_list dl dd{
      float:none;
      width:100%;
  }

  .btm_contents .news .news_list dl dd a{
      margin-left:0%;
      display:block;
      padding-right:7%;
      line-height:1.6;
  }

  .btm_contents .bnr_area{
      max-width:280px;
      width:70%;
      float:none;
      margin:auto;
  }

  .btm_contents .bnr_area .recruit{
      margin:0 0 15px;
  }

  .btm_contents .bnr_area img{
      width:100%;
  }

  /*トップへ戻るボタン*/
  .topBtn {
    right:10px;
  }

}