@charset "utf-8";
/* ********************************************** 
 * top定義 css
 * 
 * topの大きさ・位置定義
 * 
 ********************************************** */
/* 
 * 2015/08/25
 * top 大きさ定義
 * 
 */
/* ページ */
section#main {
  position: absolute;
  display: block;
  top: 0px;
  left: 340px;
  width: 760px;
  min-height: 1800px;
  margin: 0px 0px 100px 0px;
}
/* ページheader */
article#article_header {
  position: relative;
  display: block;
  top: 0px;
  left: 0px;
  height: 551px;
  margin: 0px 0px 0px 0px;
}
/* トップ文字 */
div#section_header_top {
  position: absolute;
  display: block;
  top: 0px;
  left: 340px;
}
/* トップ文字 ここまで */
/* アクセス */
div.section_header_access {
  position: absolute;
  display: block;
  top: 20px;
  left: 485px;
}
/* アクセス ここまで */
/* お問い合わせ */
div#section_header_contact {
  position: absolute;
  display: block;
  top: 0px;
  left: 640px;
}
/* お問い合わせ ここまで */
/* 職員採用情報 */
div#section_header_syokuin {
  position: absolute;
  display: block;
  top: 470px;
  left: 40px;
}
/* 職員採用情報 ここまで */
/* ボランティア募集 */
div#section_header_volunteer {
  position: absolute;
  display: block;
  top: 470px;
  left: 410px;
}
/* ボランティア募集 ここまで */
/* 職員採用情報・ボランティア募集文字位置 */
div.section_header_title {
  position: absolute;
  display: block;
  top: 15px;
  left: 85px;
  width: 250px;
}
div.section_header_txt {
  position: absolute;
  display: block;
  top: 44px;
  left: 90px;
  width: 250px;
  word-wrap: break-word;
  word-break: break-all;
}
span.section_header_title_txt {
  font-size: 18px;
  line-height: 120%;
}
/* 職員採用情報・ボランティア募集文字位置 ここまで */
/* マウスオーバー */
/* アクセス */
a.section_header_access_1 {
  display: block;
  background: url("img/access_over.png") no-repeat;
}
a.section_header_access_1:hover img {
  visibility: hidden;
}
/* アクセス ここまで */
/* お問い合わせ */
a#section_header_contact_1 {
  display: block;
  background: url("img/contact_over.png") no-repeat;
}
a#section_header_contact_1:hover img {
  visibility: hidden;
}
/* お問い合わせ ここまで */
/* メインリード*/
.main_lead {
  font-size: 14px;
  color: #333333;
  font-weight: 500;
  letter-spacing: 0.1rem;
  line-height: 2;
  text-shadow: 1px 1px 6px #ffffff, -1px 1px 6px #ffffff, 1px -1px 6px #ffffff, -1px -1px 6px #ffffff, 1px 1px 6px #ffffff, -1px 1px 6px #ffffff, 1px -1px 6px #ffffff, -1px -1px 6px #ffffff;
  position: absolute;
  top: 50px;
}
/* メインリード ここまで */
/* 職員採用情報 */
a#section_header_syokuin_1 {
  display: block;
  background: url("img/syokuin_saiyou_over.png") no-repeat;
}
a#section_header_syokuin_1:hover img {
  visibility: hidden;
}
/* 職員採用情報 ここまで */
/* ボランティア募集 */
a#section_header_volunteer_1 {
  display: block;
  background: url("img/volunteer_bosyuu_over.png") no-repeat;
}
a#section_header_volunteer_1:hover img {
  visibility: hidden;
}
/* ボランティア募集 ここまで */
/* マウスオーバー ここまで */
/* ページheader ここまで */
/* ページbody */
article#article_body {
  position: relative;
  display: block;
  top: 0px;
  left: 40px;
  width: 720px;
  margin: 0px 0px 0px 0px;
}
/* 施設紹介タイトル */
article#main_facility_title {
  position: relative;
  display: block;
  padding: 49px 0px 16px 0px;
  border-bottom: solid 1px #000000;
}
div.main_facility_title_txt {
  position: absolute;
  display: block;
  top: 56px;
  left: 45px;
  font-size: 20px;
}
div.main_facility_txt {
  position: absolute;
  display: block;
  top: 56px;
  left: 230px;
  width: 500px;
}
/* 施設紹介タイトル ここまで */
/* 施設紹介 */
article#main_facility {
  position: relative;
  display: block;
  margin-top: 15px;
}
article#main_facility:after {
  content: "";
  display: block;
  clear: both;
}
article#main_facility > div {
  position: relative;
  float: left;
  display: block;
  width: 234px;
  height: 310px;
  border-right: dotted 1px #000000;
  border-bottom: dotted 1px #000000;
  padding-top: 10px;
}
article#main_facility > div:nth-child(-n+3) {
  padding-top: 0;
}
article#main_facility > div:nth-child(3n) {
  border-right: none;
}
article#main_facility > div:nth-last-child(1),article#main_facility > div:nth-last-child(2) {
  border-bottom: none;
  height: 300px;
}
/* 施設紹介 1段目 */
/*div#main_facility_1 {
				position: relative;
				float: left;
				display: block;
				width: 234px;
				height: 314px;
				border-right: dotted 1px #000000;
				border-bottom: dotted 1px #000000;
			}
			div#main_facility_2 {
				position: relative;
				float: left;
				display: block;
				width: 248px;
				height: 314px;
				border-right: dotted 1px #000000;
				border-bottom: dotted 1px #000000;
			}
			div#main_facility_3 {
				position: relative;
				float: left;
				display: block;
				width: 234px;
				height: 314px;
				border-bottom: dotted 1px #000000;
			}*/
/* 施設紹介 2段目 */
/*div#main_facility_4 {
				position: relative;
				float: left;
				display: block;
				width: 234px;
				height: 329px;
				border-right: dotted 1px #000000;
				border-bottom: dotted 1px #000000;
			}
			div#main_facility_5 {
				position: relative;
				float: left;
				display: block;
				width: 248px;
				height: 329px;
				border-right: dotted 1px #000000;
				border-bottom: dotted 1px #000000;
			}
			div#main_facility_6 {
				position: relative;
				float: left;
				display: block;
				width: 234px;
				height: 329px;
				border-bottom: dotted 1px #000000;
			}*/
/* 施設紹介 3段目 */
/*div#main_facility_7 {
				position: relative;
				float: left;
				display: block;
				width: 234px;
				height: 329px;
				border-right: dotted 1px #000000;
				border-bottom: dotted 1px #000000;
			}
			div#main_facility_8 {
				position: relative;
				float: left;
				display: block;
				width: 248px;
				height: 329px;
				border-right: dotted 1px #000000;
				border-bottom: dotted 1px #000000;
			}
			div#main_facility_15{
				position: relative;
				float: left;
				display: block;
				width: 234px;
				height: 329px;
				border-bottom: dotted 1px #000000;
			}

			div#main_facility_9 {
				position: relative;
				float: left;
				display: block;
				width: 234px;
				height: 329px;
				border-right: dotted 1px #000000;
				border-bottom: dotted 1px #000000;
			}*/
/* 施設紹介 4段目 */
/*div#main_facility_10 {
				position: relative;
				float: left;
				display: block;
				width: 248px;
				height: 329px;
				border-right: dotted 1px #000000;
				border-bottom: dotted 1px #000000;
			}
			div#main_facility_11 {
				position: relative;
				float: left;
				display: block;
				width: 234px;
				height: 329px;
				border-bottom: dotted 1px #000000;
			}
			div#main_facility_12 {
				position: relative;
				float: left;
				display: block;
				width: 234px;
				height: 314px;
				border-right: dotted 1px #000000;
			}
			
			div#main_facility_13 {
				position: relative;
				float: left;
				display: block;
				width: 234px;
				height: 314px;
			}

			div#main_facility_14 {
				position: relative;
				float: left;
				display: block;
				width: 248px;
				height: 329px;
				border-right: dotted 1px #000000;
			}*/
/* 施設紹介画像位置 */
div.main_facility_img {
  position: relative;
  display: block;
  width: 219px;
  height: 300px;
  margin: 0 auto;
}
/*
			div.main_facility_img_top {
				position: relative;
				display: block;
				top: 15px;
			}
			div.main_facility_img_left {
				position: relative;
				display: block;
				left: 15px;
			}*/
/* 施設紹介画像位置 ここまで */
/* 施設紹介文字位置 */
div.main_facility_box_txt {
  position: absolute;
  display: block;
  top: 232px;
  left: 11px;
  width: 198px;
  word-wrap: break-word;
  word-break: break-all;
}
/* 施設紹介文字位置 ここまで */
/* 施設紹介リンク動作 */
a#main_facility_img_1 {
  display: block;
  width: 219px;
  height: 300px;
  background: url("img/fuzi_gakuen_over.png") no-repeat;
}
a#main_facility_img_1:hover img {
  visibility: hidden;
}
a#main_facility_img_2 {
  display: block;
  width: 220px;
  height: 300px;
  background: url("img/sasaeai_over.png") no-repeat;
}
a#main_facility_img_2:hover img {
  visibility: hidden;
}
a#main_facility_img_3 {
  display: block;
  width: 220px;
  height: 300px;
  background: url("img/ringo_over.png") no-repeat;
}
a#main_facility_img_3:hover img {
  visibility: hidden;
}
a#main_facility_img_4 {
  display: block;
  width: 220px;
  height: 300px;
  background: url("img/kasinoki_over.png") no-repeat;
}
a#main_facility_img_4:hover img {
  visibility: hidden;
}
a#main_facility_img_5 {
  display: block;
  width: 220px;
  height: 300px;
  background: url("img/nozomi_over.png") no-repeat;
}
a#main_facility_img_5:hover img {
  visibility: hidden;
}
a#main_facility_img_6a {
  display: block;
  width: 220px;
  height: 300px;
  background: url("img/honsanrizuka/honsanrizuka_home_over.png") no-repeat;
}
a#main_facility_img_6a:hover img {
  visibility: hidden;
}
a#main_facility_img_6 {
  display: block;
  width: 220px;
  height: 300px;
  background: url("img/miyasimo_home_over.png") no-repeat;
}
a#main_facility_img_6:hover img {
  visibility: hidden;
}
a#main_facility_img_7 {
  display: block;
  width: 220px;
  height: 300px;
  background: url("img/takarada_home_over.png") no-repeat;
}
a#main_facility_img_7:hover img {
  visibility: hidden;
}
a#main_facility_img_8 {
  display: block;
  width: 220px;
  height: 300px;
  background: url("img/sinmati_home_over.png") no-repeat;
}
a#main_facility_img_8:hover img {
  visibility: hidden;
}
a#main_facility_img_9 {
  display: block;
  width: 220px;
  height: 300px;
  background: url("img/motogi_room_over.png") no-repeat;
}
a#main_facility_img_9:hover img {
  visibility: hidden;
}
a#main_facility_img_10 {
  display: block;
  width: 220px;
  height: 300px;
  background: url("img/saiwaityou_room_over.png") no-repeat;
}
a#main_facility_img_10:hover img {
  visibility: hidden;
}
a#main_facility_img_11 {
  display: block;
  width: 220px;
  height: 300px;
  background: url("img/hot_smile_over.png") no-repeat;
}
a#main_facility_img_11:hover img {
  visibility: hidden;
}
a#main_facility_img_12 {
  display: block;
  width: 220px;
  height: 300px;
  background: url("img/kurasi_support_over.png") no-repeat;
}
a#main_facility_img_12:hover img {
  visibility: hidden;
}
a#main_facility_img_13 {
  display: block;
  width: 220px;
  height: 300px;
  background: url("img/tamachi_home_over.png") no-repeat;
}
a#main_facility_img_13:hover img {
  visibility: hidden;
}
a#main_facility_img_14 {
  display: block;
  width: 220px;
  height: 300px;
  background: url("img/suzuran/suzuran_over.png") no-repeat;
}
a#main_facility_img_14:hover img {
  visibility: hidden;
}
a#main_facility_img_15 {
  display: block;
  width: 220px;
  height: 300px;
  background: url("img/athome_tamachi_over.png") no-repeat;
}
a#main_facility_img_15:hover img {
  visibility: hidden;
}
/* 新規追加分（御料ホーム） */
a#main_facility_img_16 {
  display: block;
  width: 220px;
  height: 300px;
  background: url("img/goryou/goryou_home_over.png") no-repeat;
}
a#main_facility_img_16:hover img {
  visibility: hidden;
}
/* 新規追加分（はっぴーほーむ田町ホーム） */
a#main_facility_img_17 {
  display: block;
  width: 220px;
  height: 300px;
  background: url("img/happyhome_tamachi_over.png") no-repeat;
}
a#main_facility_img_17:hover img {
  visibility: hidden;
}
/* 施設紹介リンク動作 ここまで */
/* 施設紹介 ここまで */
/* 最新情報・お知らせ */
article#main_info {
  position: relative;
  display: block;
  margin-bottom: 100px;
}
div#main_info_title {
  position: relative;
  display: block;
  padding: 32px 0px 18px 0px;
  border-bottom: solid 1px #000000;
}
div#main_info_txt {
  position: absolute;
  display: block;
  top: 40px;
  left: 45px;
  font-size: 20px;
}
div#main_info_all {
  position: absolute;
  display: block;
  top: 28px;
  left: 515px;
}
/* 施設紹介リンク動作 */
a#main_info_all_img {
  display: block;
  background: url("img/news_over.png") no-repeat;
}
a#main_info_all_img:hover img {
  visibility: hidden;
}
/* 施設紹介リンク動作 ここまで */
/* 最新情報・お知らせ ここまで */
/* ページbody ここまで */
/* ページ ここまで */
.main_photo {
  display: block;
  position: absolute;
}
.main_photo img {
  position: absolute;
}
#main1 {
  display: block;
}
#main2, #main3, #main4, #main5 {
  display: none;
}
/* お知らせ */
.new-news {
  margin-bottom: 40px;
}
.new-news div.main_info_list:last-of-type {
  border: none;
}
div.main_info_list {
  position: relative;
  display: block;
  padding: 20px 0px 20px 0px;
  border-bottom: dashed 1px rgba(0, 0, 0, 0.6);
}
div.main_info_list:last-of-type {
  border: none;
}
div.main_notice_list {
  font-size: 16px;
  line-height: 150%;
}
div.main_notice_list p {
  margin: 10px 0 5px;
}
div.main_notice_list a {
  color: #1d8540;
  font-weight: bold;
  border-bottom: 1px solid #8ec29f;
  transition: opacity 0.3s;
}
div.main_notice_list a:hover {
  opacity: 0.7;
}
span.main_notice_day {
  color: #1d8540;
  font-weight: 500;
}
span.main_notice_text {
  font-weight: 500;
}
.archive .title {
  font-size: 16px;
  color: #1d8540;
  font-weight: bold;
  cursor: pointer;
  transition: opacity 0.3s;
}
.archive .title:hover {
  opacity: 0.7;
}
.archive .title::after {
  content: "";
  display: inline-block;
  color: #1d8540;
  line-height: 1;
  width: 0.7em;
  height: 0.7em;
  border: 0.13em solid currentColor;
  border-left: 0;
  border-bottom: 0;
  box-sizing: border-box;
  -webkit-transform: translateY(-25%) rotate(135deg);
  transform: translateY(-25%) rotate(135deg);
  margin-left: 8px;
  transition: all 0.3s ease;
}
/*　closeというクラスがついたら形状変化　*/
.archive .title.close::after {
  -webkit-transform: translateY(25%) rotate(-45deg);
  transform: translateY(25%) rotate(-45deg);
}
.archive .box {
  display: none;
}
/* 高さピッタリにする */
.main-flex {
  display: flex;
  column-gap: 20px;
  justify-content: center;
}
section#main {
  position: relative;
  left: auto;
  min-height: auto;
  margin-bottom: 100px;
}
header {
  left: auto;
}
@media screen and (max-width: 767px) {
  section#main {
    position: static;
    width: 100%;
    min-height: auto;
    margin: 0px 0px 0px 0px;
    margin-top: clamp(40px, 21.3vw, 80px);
  }
  /* ページheader */
  article#article_header {
    position: relative;
    display: block;
    top: 0px;
    left: 0px;
    height: auto;
    margin: 0px 0px 0px 0px;
  }
  /* お問い合わせ */
  div#section_header_contact {
    position: fixed;
    bottom: 0;
    top: auto;
    left: auto;
    z-index: 999;
  }
  a#section_header_contact_1 {
    background: url("img/contact_over_sp.png") no-repeat;
    background-size: contain;
  }
  a#section_header_contact_1 img {
    width: 100%;
  }
  /* お問い合わせ ここまで */
  /* メインリード*/
  .main_lead {
    position: static;
    margin: 0 20px 20px;
  }
  /* メインリード ここまで */
  /* 職員採用情報 */
  div#section_header_syokuin {
    position: relative;
    top: auto;
    left: auto;
    margin: 0 auto 16px;
    max-width: 350px;
    width: calc(100% - 40px);
  }
  div#section_header_syokuin img {
    width: 100%;
    height: auto;
    display: block;
  }
  a#section_header_syokuin_1 {
    background-size: contain;
  }
  div.section_header_txt {
    top: 38px;
    left: 85px;
    width: auto;
    margin-right: 10px;
    max-width: 250px;
    font-size: clamp(12px, 3.3vw, 14px);
    line-height: 1.6;
  }
  /* 職員採用情報 ここまで */
  /* ボランティア募集 */
  div#section_header_volunteer {
    position: relative;
    top: auto;
    left: auto;
    margin: 0 auto 24px;
    width: calc(100% - 40px);
    max-width: 350px;
  }
  a#section_header_volunteer_1 {
    background-size: contain;
  }
  div#section_header_volunteer img {
    width: 100%;
    height: auto;
    display: block;
  }
  /* ボランティア募集 ここまで */
  /* 施設紹介 */
  article#article_body {
    left: 0;
    width: auto;
    margin: 0 20px;
  }
  /* 施設紹介タイトル */
  article#main_facility_title {
    padding: 0;
    margin-bottom: 22px;
  }
  div.main_facility_txt {
    position: static;
    width: 100%;
    margin: 8px 0 16px;
  }
  /* 施設紹介タイトル ここまで */
  article#main_facility {
    display: flex;
    margin-top: 0;
    flex-wrap: wrap;
    justify-content: space-between;
    column-gap: 5px;
    row-gap: 10px;
  }
  article#main_facility > div {
    position: relative;
    float: left;
    display: block;
    width: calc(100%/2 - 5px);
    height: auto;
    border-right: none;
    border-bottom: none;
    padding-top: 0;
  }
  article#main_facility > div:nth-child(-n+3) {
    padding-top: 0;
  }
  article#main_facility > div:nth-child(3n) {
    border-right: none;
  }
  article#main_facility > div:nth-last-child(1),article#main_facility > div:nth-last-child(2) {
    border-bottom: none;
    height: auto;
  }
  /* 施設紹介画像位置 */
  div.main_facility_img {
    width: 100%;
    height: auto;
  }
  div.main_facility_img a {
    width: 100% !important;
    height: auto !important;
    background-size: contain !important;
  }
  div.main_facility_img a img {
    width: 100%;
    height: auto;
  }
  /* 施設紹介画像位置  ここまで*/
  /* 施設紹介文字位置 */
  div.main_facility_box_txt {
    top: 75%;
    left: 0;
    margin-right: clamp(5px, 1.4vw, 10px);
    margin-left: clamp(5px, 1.4vw, 10px);
    width: auto !important;
    font-size: clamp(10px, 2.7vw, 16px);
    letter-spacing: normal;
    line-height: 1.3;
  }
  /* 施設紹介文字位置 ここまで */
  .main_photo {
    position: relative;
    height: 71.3vw;
    max-height: 100vh;
  }
  .main_photo img {
    width: 100%;
    height: auto;
  }
  /* お知らせ */
  .new-news {
    margin-bottom: 30px;
  }
  div.main_info_list {
    padding: 16px 0;
  }
  div.main_notice_list {
    font-size: 14px;
  }
  div.main_notice_list p {
    margin: 5px 0;
  }
  span.main_notice_text {
    display: block;
    margin-top: 10px;
  }
  .archive .title {
    font-size: 16px;
    color: #1d8540;
    font-weight: bold;
    cursor: pointer;
    transition: opacity 0.3s;
  }
  .archive .title:hover {
    opacity: 0.7;
  }
  .archive .title::after {
    content: "";
    display: inline-block;
    color: #1d8540;
    line-height: 1;
    width: 0.7em;
    height: 0.7em;
    border: 0.13em solid currentColor;
    border-left: 0;
    border-bottom: 0;
    box-sizing: border-box;
    -webkit-transform: translateY(-25%) rotate(135deg);
    transform: translateY(-25%) rotate(135deg);
    margin-left: 8px;
    transition: all 0.3s ease;
  }
}