@charset "utf-8";

/****************************************************************************
トップページ　.group
****************************************************************************/

body{
  /*パネル無しの背景*/
}

#header {
  width: 100%;
  height: 100px;
  position: absolute;
}

#header::before {
  content: "";
  background:url(../img/bg_home_body.png) no-repeat center top / 1550px auto;
  height: 100px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 2;
}

#mv {
  background: url(../img/mv-bg.jpg);
  position: relative;
  height: 60vw;
  min-height: 600px;
}



#mv::after {
  content: "";
  background:url(../img/mv.png) no-repeat center bottom / contain;
  height: 60vw;
  min-height: 600px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
}

#head {
  height:73px;
  padding:15px 0 25px 0;
  /*113px*/
}

#home #pnav {
  display: none;
}

#headimg {
  position: absolute;
  width: 636px;
  height: 303px;
  margin: 0 auto;
  line-height: 0;
  overflow: hidden;
  left: 0;
  right: 0;
  top: 30%;
  z-index: 2;
}

#headimg #recruit {
  position: absolute;
  top: 187px;
  right: 20px;
  width: 165px;
  height: 180px;
}

#headimg #recruit a {
  display: block;
  width: 180px;
  height: 180px;
  font-size: 0%;
  line-height: 0%;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  padding: 0;
  margin: 0;
  background: url(../img/home_headimg_recruit_200204.png) no-repeat center / contain;
}

#headimg #recruit a:hover { opacity: .8; }

#contents {
  padding: 60px 0 10px;
}

.column h2{
  min-height:26px;
  height:auto !important;
  height:26px;
  padding:0 0 10px 0;
  line-height:26px;
  font-size:22px; /*固定*/
  font-weight:bold;
  color:#88abe4;
}

.column h2 span{
  font-size:18px;
  color:#808080;
  margin-left:10px;
}

.column h2 a{
  color:#88abe4;
  text-decoration:none;
}

.alphabox h2 a{ color:#c3d5f1;}
.alphabox h2 span{ color:#a7a29f;}

/*お知らせ*/
#allnewsbox{
  padding: 25px 30px 15px 30px;
}

#allnewsbox h2{ padding-bottom:10px;}

#allnewsbox .newslink{
  position: absolute;
  right: 30px;
  top: 25px;
  margin-top: 0;
  float: none;
}

#allnewsbox div{
  width:100%;
  padding:0;
  /* overflow:auto; */
}

#allnewsbox dl{
  width:500px;
  font-size:0.858em; /*12px相当*/
}

#allnewsbox dt{
  padding:12px 0 5px 0px;
  /*height:18px;*/
  line-height:18px;
}

#allnewsbox dt span{
  font-size: 11px;
  font-weight: 500;
  color: #fff;
  padding: 0 5px 1px;
  margin-left: 10px;
}

#allnewsbox dt span.houjin,
#allnewsbox dt span.hospital  {
  background: #88ABE4;
}

#allnewsbox dt span.aiikuen {
  background: #F09DB3;
}

#allnewsbox dt span.fukusikai {
  background: #8FCB75;
}

#allnewsbox dt span.ican {
  background: #F7B47C;
}



*+html #allnewsbox dt span { vertical-align:middle; }
* html #allnewsbox dt span { vertical-align:middle; }


#allnewsbox dd{
  padding:0 10px 12px 0px;
  line-height:1.5em;
  border-bottom: dashed 1px #D0D0D0;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

#allnewsbox dd:last-child {
  border: none;
}

#allnewsbox dd a {
  font-size: 14px;
  font-weight: 700;
  overflow: hidden;
  text-decoration: none;
}

#allnewsbox .odd{
  background:#e8f0f7;
}

#home_recruit_banner,
#home_fes_banner {
  width: 535px;
}

#home_fes_banner {
  border: 5px solid #d9e8f7;
  border-radius: 30px;
}

/*あさかホスピタルって*/
#aboutbox{
  width:535px;
  padding:25px 30px;
  float:left;
  margin-left:30px;
}

#aboutbox::before {
  content: "";
  background:url(../img/bg_home_aboutbox.png) no-repeat center 5px / contain;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  transform: scale(1.01);
}



#aboutbox.alphabox{ background-position:center top; }

/*キーワード*/
#keywordbox{
  width:950px;
  height:150px;
  padding:20px 0 0 0;
  background:url(../img/bg_home_facilitybox.png) repeat-x left center;

  float:left;
  display:inline;
  margin-left:30px;
}
* html #keywordbox{ background-image:url(../img/bg_home_facilitybox_ie6.png); }

#keywordbox h2{ padding-left:25px; }

#keywordbox ul{
  width:950px;
  height:105px;
}

#keywordbox li{
  width:190px;
  height:105px;
  float:left;
}

* html #keywordbox li a{
  display:block;
  width:190px;
  height:105px;
  margin-top:8px;
}

* html #keywordbox li a img{
  display:none;
}

/*グループ法人*/
#groupbox{
  width:600px;
  height:255px;
  padding:25px 0 10px 20px;

  float:left;
  display:inline;
  margin-left:30px;
}

#groupbox h2{ padding-left:5px; }

#groupbox ul{
  position:relative;
  width:415px;
  height:218px;
  padding-right:160px;
  background:url(../img/bg_home_groupbox.png) no-repeat right top;
}

#groupbox li{
  position:absolute;
  padding-right:20px;
}

#groupbox li#g01{}
#groupbox li#g02{ left:200px; top:0; }
#groupbox li#g03{ left:0; bottom:0;}
#groupbox li#g04{ left:230px; bottom:0; }

#consultbox {
  width:535px;
  padding:25px 20px;
  position: relative;
  overflow: hidden;
}

#consultbox::before {
  content: "";
  background:url(../img/bg_home_consultbox.png) no-repeat center bottom / cover;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: block;
  transform: scale(1.02);
}

#consultbox h2{
  position:relative;
  width:260px;
  font-size:24px; /*固定*/
}

#consultbox p {
  width: 300px;
  position: relative;
}

* html #consultbox h2{ width:240px; }

.pickup{
  width:535px;
  height: 280px;
}

.pickup a{
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4;
  display:block;
  text-align: center;
  background:no-repeat center center;
  text-decoration: none;
}

.pickup span {
  font-size: 30px;
  color: #88abe4;
  display: block;
}

.pickup a:hover{
  filter:alpha(opacity=50);
  opacity: 0.5;
  -ms-filter: "alpha(opacity=50)";
  -moz-opacity:0.5;
  -khtml-opacity: 0.5;
}

#kfirmbox.pickup a{ background-image:url(../../images/kfirmbox.jpg); }
#buonobox.pickup a{ background-image:url(../../images/ilbnbox.jpg); }
#activebox.pickup a{ background-image:url(../../images/activebox.jpg); }
#albabox.pickup a{ background-image:url(../../images/albabox.jpg); }

#asccbox.pickup a{ background-image:url(../../images/asccbox.jpg); }
#sonfbox.pickup a{ background-image:url(../../images/sonfbox.jpg); }
#songbox.pickup a{ background-image:url(../../images/songbox.jpg); }

#an50box.pickup a{ background-image:url(../../images/an50box.jpg); }

#hajimaribox.pickup a{ background-image:url(../../images/hajimaribox.jpg); }

#volunteersbox.pickup a::before {
  content: "";
  background:url(../../images/volunteersbox.png) no-repeat center / cover;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}

#volunteersbox p {
  text-align: center;
  margin-top: 30px;
}

* html .pickup{ margin-left:0; }

#wordsbox,
#faqbox{
  width:415px;
  height:80px;
  padding:25px 20px;

  float:left;
  display:inline;
  margin-left:30px;
  text-align:center;
}
#wordsbox h2,
#faqbox h2,
#wordsbox p,
#faqbox p{
  text-align:center;
}

/* スクロールバー */
.jScrollPaneContainer {
  position: relative;
  overflow: hidden;
  z-index: 1;
  outline: none;
  background:url(../img/ArrowPane.png) repeat-y right top;
}

.jScrollPaneTrack {
  position: absolute;
  cursor: pointer;
  right: 0;
  top: 0;
  width:25px !important;
}

.jScrollPaneDrag {
  position: absolute;
  cursor: pointer;
  overflow: hidden;
  background:#88abe4;
}

.jScrollPaneDragTop {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.jScrollPaneDragBottom {
  position: absolute;
  bottom: 0;
  left: 0;
  overflow: hidden;
}

a.jScrollArrowUp {
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 390px;
  text-indent: -2000px;
  overflow: hidden;
  height:25px;
  width:25px;
  background:url(../img/ArrowUp.png) no-repeat left 1px;
  border-bottom:1px solid #d9e8f7;
}

a.jScrollArrowDown {
  display: block;
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 390px;
  text-indent: -2000px;
  overflow: hidden;
  height: 25px;
  width:25px;
  border-top:1px solid #d9e8f7;
  background:url(../img/ArrowDown.png) no-repeat left top;
}

/* クレドバナー 20170718  */
#credobox a {
  background: url(../../images/credobox.jpg) no-repeat;
  background-size: cover;
  width: 950px;
  height: 180px;
  padding: 0;
  display: block;
  margin-left: 30px;
  text-indent: -9999em;
}
#credobox a:hover {
  position: relative;
  filter: alpha(opacity=50);
  opacity: 0.5;
  -ms-filter: "alpha(opacity=50)";
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
}

#group-link {
  height: 320px;
  position: relative;
}

#group-link::before {
  content: "";
  background: url(../img/group-link.png) no-repeat center / 1050px auto;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
}

#group-link h2 {
  text-align: center;
  display: inline-block;
  line-height: 1.6;
  margin: 30px;
}

#group-link ul li {
  width: 330px;
  height: 100px;
  position: absolute;
}

#group-link ul li:nth-of-type(1) {
  left: 380px;
  top: 40px;
}

#group-link ul li:nth-of-type(2) {
  right: 30px;
  top: 40px;
}

#group-link ul li:nth-of-type(3) {
  left: 20px;
  bottom: 40px;
}

#group-link ul li:nth-of-type(4) {
  left: 350px;
  bottom: 40px;
}

#group-link ul li:nth-of-type(5) {
  right: 70px;
  bottom: 40px;
}



#group-link ul li a {
  width: 330px;
  height: 100px;
  display: block;
  font-size: 0% !important;
  line-height: 0% !important;
  text-indent: 100% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
}

/* 2→3カラムへ変更 220314 */
#volunteersbox,
#friendshipbox,
#consultbox {
  width: 345px;
}

#friendshipbox {
  position: relative;
  overflow: hidden;
}

#friendshipbox h2 {
  font-size: 24px;
}

#friendshipbox a::before {
  content: "";
  background: url(/../images/friendshipbox.png) no-repeat center bottom / 101%;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  bottom: -1px;
}

#volunteersbox.pickup a::before {
  content: "";
  background: url(/../images/volunteersbox.png) no-repeat center / 110%;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}

#consultbox::before {
  content: "";
  background: url(/../common/img/bg_home_consultbox.png) no-repeat center bottom / contain;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: block;
  transform: scale(1.02);
}

.pickup span {
  font-size: 25px;
  color: #88abe4;
  display: block;
}