@charset "utf-8";  /*コードの文字化けを防ぐためのコードです */


/* 共通部分
　　----------------------------------------------------------------- */

html {
    font-size: 100%;  /* 設定したフォントサイズを正しく表示するための指示*/
	
	scroll-behavior: smooth;/*ゆっくりスクロールさせる*/
}

header {
	max-width: 1800px;
	margin: 0 auto;
}

.wrapp {
	max-width: 1800px;
	margin: 0 auto;
}

.top_logo {
	position: absolute;
}

.logo {
    margin-top: 0.5rem;
    width: 45%;
}

/*　絆福祉会　ロゴの位置設定　*/
.align-left {
    position: absolute; 
    text-align: left;
    margin-left: 0.2rem;
    z-index: 1200;
    width: 35%;
}

/*  上部の人材募集関係・訪問看護ステーションのお知らせボタン */
.align-right {
    z-index: 201;
	display: flex;
    position: absolute;
    text-align: left;
    right: 0;
    top: 0;
    margin-top: 2px;
    margin-right: 1em;
	width: 75%;
}

.btn01 {
	width: 28%;
	margin: 0 0 0 auto;
}

.btn02 {
	width: 30%;
    margin-top: 8px;
}

.btn03 {
	width: 32%;
    margin-top: 8px;
}

/* 全ボタンのフォント・フォント色・位置の微調整 */
.align-right a {
    text-decoration: none; 
}

.align-right p {
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	text-align: left;
    font-size: 1.7vw;
    font-weight: 600;
    letter-spacing: 1px;
	line-height: 2vw;
    color: #666666;
}

.align-right span {
    font-weight: bold;
	font-size: 1.5vw;
}

.align-right span:hover {
    background-color: #ECECEC;
}

large {
	display: inline-block;
	width: 40%;
	color: #FFF;
	font-size: 1.6vw;
	font-weight: 700;
	lone-height: 2vw;
	background-color: #FF595C;
	padding-left: 10px;
	padding-right: 4px;
}

/*　ロゴをクリックするとページ先頭に戻るためのエリアを設定　*/

h1 a {
    display: block;
    height: 100%;
    width: 100%;   
}



/* スライドショーをする写真の位置設定 */
/*　写真の飾りつけイラストの設定　*/

/* スライダーに重なる文字 */

/* おかえりなさい ふるさとへ */
.copy01 {
	position: relative;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
    color: #FFF;
    font-size: 3.5vw;
    font-weight: 700;
    text-align: center;
    margin-top: 3.8em;
    text-shadow: 1px 1px 3px #323232;
}

/* スマホ用 -- おかえりなさいふるさとへ */
.copy01-s {
	position: relative;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
    color: #FFF;
    font-size: 5.5vw;
    font-weight: 700;
    text-align: center;
    margin-top: 6.5em;
    text-shadow: 1px 1px 3px #323232;
}

/* 施設名表示のための指示記述 */
.copy02 {
    position: absolute;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    text-align: center;
    width: 40%;
    font-size: 2vw;
    line-height: 2.4vw;
    right: 0;
    bottom: 0;
    margin : 0 0 0.5em 0;
    background-color: #fff;
	background: rgba(255,255,255,0.8);
    color: #534E38;
}

/* スマホ用 施設名表示 */
.copy02-s {
    position: relative;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    text-align: center;
    width: 90%;
    font-size: 4vw;
    line-height: 5vw;
	margin: 18em auto 0;
    background-color: #fff;
	background: rgba(255,255,255,0.8);
    color: #534E38;
}

/* 桜の「桜」文字をピンクにするための記述*/
.copy02 span {
	color: #FF80FE;
	font-size: 2.2vw;
}

/* 桜の「桜」文字をピンクにするための記述*/
/* スマホ用 */
.copy02-s span {
    color: #EB4BE9;
    font-weight: 700;
}

/* 法人理念の表示指示記述 */
/* 見つめあう目と目 */
.copy10 {
    position: relative;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
    color: #FFF;
    font-size: 3vw;
    font-weight: 700;
    text-align: left;
    margin-left: 8em;
    margin-top: 3em;
    text-shadow: 1px 1px 3px #323232;
}

/* つなぎあう手と手 */
.copy11 {
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	color: #FFF;
	font-size: 3vw;
	line-height: 5.5vw;
	font-weight: 700;
	text-align: right;
	margin-top: -0.5em;
	margin-right: 8em;
	text-shadow: 1px 1px 3px #323232;
}

/* 法人理念 */
.copy12 {
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	color: #FFF;
	font-size: 1.4vw;
	font-weight: 600;
	text-align: right; 
	margin-right: 13.2em;
	margin-top: -0.5em;
	text-shadow: 1px 1px 3px #323232;
}

/* ふれあう心と心 */
.copy13 {
	position: relative;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
	color: #FFF;
	font-size: 3vw;
	line-height: 5.5vw;
	font-weight: 700;
    text-align: left;
	margin-left: 8em;
	margin-top: -1em;
	text-shadow: 1px 1px 3px #323232;
}

/* 人と人との絆を大切に */
.copy14 {
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	color: #FFF;
	font-size: 3vw;
	line-height: 5.5vw;
	font-weight: 700;
	text-align: right;
	margin-right: 8em;
	margin-top: -0.5em;
	text-shadow: 1px 1px 3px #323232;
}


/* 法人理念の表示指示記述 -- スマホ版*/
/* 見つめあう目と目 */
.copy10-s {
    position: relative;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
    color: #FFF;
    font-size: 5vw;
    font-weight: 700;
    text-align: left;
    margin-left: 2em;
    margin-top: 5em;
    text-shadow: 1px 1px 3px #323232;
}

/* つなぎあう手と手 */
.copy11-s {
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	color: #FFF;
	font-size: 5vw;
	line-height: 8vw;
	font-weight: 700;
	text-align: right;
	margin-right: 2em;
	text-shadow: 1px 1px 3px #323232;
}

/* 法人理念 */
.copy12-s {
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	color: #FFF;
	font-size: 2.5vw;
	font-weight: 600;
	text-align: right; 
	margin-right: 1.5em;
	text-shadow: 1px 1px 3px #323232;
}

/* ふれあう心と心 */
.copy13-s {
	position: relative;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
	color: #FFF;
	font-size: 5vw;
	line-height: 8vw;
	font-weight: 700;
    text-align: left;
	margin-left: 2em;
	text-shadow: 1px 1px 3px #323232;
}

/* 人と人との絆を大切に */
.copy14-s {
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	color: #FFF;
	font-size: 5vw;
	line-height: 8vw;
	font-weight: 700;
	text-align: right;
	margin-right: 2em;
	text-shadow: 1px 1px 3px #323232;
}



.slider {
    width: 100%;
    aspect-ratio: 3.2 / 1;
    overflow: hidden;
    position: relative;
    max-width: 1800px;
    border-bottom: 4px solid #FFF;
}

.slider div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  aspect-ratio: 3.2 / 1;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 10;
  opacity: 0;
  animation-name: fade;
  animation-duration: 68s;
  animation-iteration-count: infinite;
}

@keyframes fade {
  0%{
    opacity: 0;
  }
  10%{
    opacity: 1;
  }
  90%{
    opacity: 1;
  }
  100%{
    opacity: 0;
    z-index: 0;
  }
}

/* 1枚目のスライド */
.slider>div:first-of-type{
  background-image: url("../images/index/index_top_01.webp");
}

/* 2枚目のスライド */
.slider>div:nth-of-type(2){
  background-image: url("../images/index/index_top_01.webp");
   animation-delay: 2s;
}

/* 3枚目のスライド */
.slider>div:nth-of-type(3){
  background-image: url("../images/index/index_top_02.webp");
   animation-delay: 8s;
}

/* 4枚目のスライド */
.slider>div:nth-of-type(4){
  background-image: url("../images/index/index_top_03.webp");
   animation-delay: 14s;
}

/* 5枚目のスライド */
.slider>div:nth-of-type(5){
  background-image: url("../images/index/index_top_04.webp");
   animation-delay: 20s;
}

/* 6枚目のスライド */
.slider>div:nth-of-type(6){
  background-image: url("../images/index/index_top_05.webp");
   animation-delay: 26s;
}

/* 7枚目のスライド */
.slider>div:nth-of-type(7){
  background-image: url("../images/index/index_top_06.webp");
   animation-delay: 32s;
}

/* 8枚目のスライド */
.slider>div:nth-of-type(8){
  background-image: url("../images/index/index_top_07.webp");
   animation-delay: 38s;
}

/* 9枚目のスライド */
.slider>div:nth-of-type(9){
  background-image: url("../images/index/index_top_08.webp");
   animation-delay: 44s;
}

/* 10枚目のスライド */
.slider>div:nth-of-type(10){
  background-image: url("../images/index/index_top_09.webp");
   animation-delay: 50s;
}

/* 11枚目のスライド */
.slider>div:nth-of-type(11){
  background-image: url("../images/index/index_top_10.webp");
   animation-delay: 56s;
}

/* 8枚目のスライド */
.slider>div:last-of-type{
  background-image: url("../images/index/index_top_10.webp");
   animation-delay: 60s;
}



/* -------------- スマホサイズ ---------------- */


.slider-s {
  width: 100%;
  aspect-ratio: 1.23 / 1;
  overflow: hidden;
  position: relative;
  max-width: 800px;
}

.slider-s div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  aspect-ratio: 1.23 / 1;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 11;
  opacity: 0;
  animation-name: fade;
  animation-duration: 65s;
  animation-iteration-count: infinite;
}

@keyframes fade {
  0%{
    opacity: 0;
  }
  10%{
    opacity: 1;
  }
  95%{
    opacity: 1;
  }
  100%{
    opacity: 0;
    z-index: 0;
  }
}

/* 1枚目のスライド */
.slider-s>div:first-of-type{
  background-image: url("../images/index/index_top_s_01.webp");
}

/* 2枚目のスライド */
.slider-s>div:nth-of-type(2){
  background-image: url("../images/index/index_top_s_01.webp");
  animation-delay: 3s;
}

/* 3枚目のスライド */
.slider-s>div:nth-of-type(3){
  background-image: url("../images/index/index_top_s_02.webp");
   animation-delay: 7s;
}

/* 4枚目のスライド */
.slider-s>div:nth-of-type(4){
  background-image: url("../images/index/index_top_s_03.webp");
   animation-delay: 13s;
}

/* 5枚目のスライド */
.slider-s>div:nth-of-type(5){
  background-image: url("../images/index/index_top_s_04.webp");
   animation-delay: 19s;
}

/* 6枚目のスライド */
.slider-s>div:nth-of-type(6){
  background-image: url("../images/index/index_top_s_05.webpp");
   animation-delay: 25s;
}

/* 7枚目のスライド */
.slider-s>div:nth-of-type(7){
  background-image: url("../images/index/index_top_s_06.webp");
   animation-delay: 31s;
}

/* 8枚目のスライド */
.slider-s>div:nth-of-type(8){
  background-image: url("../images/index/index_top_s_07.webp");
   animation-delay: 37s;
}

/* 9枚目のスライド */
.slider-s>div:nth-of-type(9){
  background-image: url("../images/index/index_top_s_08.webp");
   animation-delay: 43s;
}

/* 10枚目のスライド */
.slider-s>div:nth-of-type(10){
  background-image: url("../images/index/index_top_s_09.webp");
   animation-delay: 49s;
}

/* 11枚目のスライド */
.slider-s>div:nth-of-type(11){
  background-image: url("../images/index/index_top_s_10.webp");
   animation-delay: 55s;
}

/* 12枚目のスライド */
.slider-s>div:last-of-type {
  background-image: url("../images/index/index_top_s_10.webp");
   animation-delay: 58s;
}





/* ナビゲーション－リンクボタンの設定
--------------------------------- */

.nav-01 {
    position: relative;
    display: flex; 
    width: 98%;
    margin: 0 auto;
    gap: 2px;
    top: 4;
}

.line01-01 {
    display: flex;
    width: 50%;
    background-color: #4699ca;
}

.line01-01:hover,.line01-02:hover,.line02-01:hover,.line03-01:hover,.line02-01-s:hover {
    background-color: #a7b19b;
}

.line01-02 {
    display: flex;
    width: 50%;
    background-color: #3b82c4;
}

.line01-01 a {
    text-decoration: none;
    line-height: 40px;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-size: 2.1vw;
    font-weight: 600;
    color: #FFF;
    margin: 0 auto;
	padding-top: 0.1rem;
}

.line01-02 a {
    display: flex;
    text-decoration: none;
    line-height: 40px;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-size: 2.1vw;
    font-weight: 600;
    color: #FFF; 
    margin: 0 auto;
	padding-top: 0.1rem;
}

.nav-02{
    position: relative;
    display: flex;
    margin: 2px auto;
    width: 98%;
    gap: 2px;
}

.line02-01 {
    display: flex;
    width: 25%;
    background-color: #80a491;
}
/*
.line02-01 a {
	font-size: 1.2rem;
	padding-top: 0.1rem;
}*/

.nav-02-s{
    position: relative;
    display: flex;
    margin: 2px auto;
    width: 98%;
    gap: 2px;
}

.line02-01-s {
    display: flex;
    width: 25%;
    background-color: #80a491;
}

.nav-02 a {
    font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
    line-height: 30px;
	padding-top: 0.1rem;
    font-size: 1.2rem;
    font-weight: 600;
    margin: 0 auto;
    color: #FFF; 
    text-decoration: none;
}

.nav-02-s a {
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    line-height: 30px;
    font-size: 98%;
    font-weight: 600;
    margin: 0 auto;
    color: #FFF; 
    text-decoration: none;
}

.nav-03{
    position: relative;
    display: flex;
    margin: 2px auto;
    width: 98%;
    gap: 2px;
}

.nav-03 a {
    font-family:YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
    line-height: 30px;
    font-size: 0.9rem;
    font-weight: 600;
    margin: 0 auto;
    color: #FFF; 
    text-decoration: none;
}

/* 四段目 アコーディオンメニューの動作記述 */
.wrapper{
    display: flex;
    width: 98%;
    margin: 0 auto;
}

/* 施設のご案内のアコーディオン */

.accordion-001{ /* 全体の横幅 */
    width: 100%; 
}


.accordion-004 a { /* 各施設の選択用文字 */
    display: flex;
    text-decoration: none;
    color: #001A33;
    font-size: 18px;
    font-weight: 500;
    border-top: 4px solid #FFF;
    justify-content: center;
    background-color: #ECECEC;
    font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
}

.accordion-004 a:hover { /*カーソルオン時のバックカラー */
    color: #FFF;
    background-color: #a7b19b; 
}


.accordion-004 { /* ボタンの色設定 */
    margin-bottom: 7px;
    background-color: #94c674;
}

.accordion-004:hover {
    background-color: #B4D0A2;
}

.accordion-004 summary {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    padding: 0em 2em 0.1em 2em;
    color: #FFF;
    font-size: 1.5rem;
    font-weight: 600;
    cursor: pointer;
    border-right: 2px solid #FFF; 
}

.accordion-004 summary::-webkit-details-marker {
    display: none;
}

.accordion-004 summary::after { /* "矢印の設定" */
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 20px;
 /*   margin-bottom: 2px;*/
    border-bottom: 3px solid #FFF;
    border-right: 3px solid #FFF;
    content: '';
    transition: transform .3s;
}

.accordion-004[open] summary::after {
    transform: rotate(225deg);
}

.accordion-004 p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: .3em 2em 1.5em;
    color: #330000;
    transition: transform .5s, opacity .5s;
    background-color: #EBECC7;
}


.accordion-004[open] p {
    transform: none;
    opacity: 1;
}

/* 重要事項報告書のアコーディオン */
.accordion-0011 {
    width: 100%; 
}

.accordion-0041 a {
    display: flex;
    text-decoration: none;
    color: #330000;
    font-size: 18px;
    font-weight: 500;
    border-top: 4px solid #FFF;
    justify-content: center;
    background-color: #FFF3C3;
    font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
}

.accordion-0041 a:hover {
    color: #FFF;
    background-color: #a7b19b; 
}


.accordion-0041 {
    margin-bottom: 7px;
    background-color: #ffbf1f; 
}

.accordion-0041:hover {
    background-color: #EBD08E;
}

.accordion-0041 summary {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    padding: 0em 2em 0.1em 2em;
    color: #FFF;
    font-size: 1.5rem;
    font-weight: 600;
    cursor: pointer;
    border-right: 1px solid #FFF;
    border-left: 1px solid #FFF;
}

.accordion-0041 summary::-webkit-details-marker {
    display: none;
}

.accordion-0041 summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 20px;
    border-bottom: 3px solid #FFF;
    border-right: 3px solid #FFF;
    content: '';
    transition: transform .3s;
}

.accordion-0041[open] summary::after {
    transform: rotate(225deg);
}

.accordion-0041 p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: .3em 2em 1.5em;
    color: #330000;
    transition: transform .5s, opacity .5s;
    background-color: #FCEABF;
}


.accordion-0041[open] p {
    transform: none;
    opacity: 1;
}


.line03-01 {
    display: flex;
    width: 25%;
    background: #1760a0;
}

.line03-01 a {
	font-weight: 600;
	font-size: 1.4vw
}

.line03-02 {
    display: flex;
    width: 25%;
    background-color: #EF6063;
}

.line03-02 a {
	font-weight: 600;
	font-size: 1.6vw;
}

.line03-02:hover {
    background-color: #F57A7E;
}


/* SNSのリンクボタン　*/

.sns_link {
    position: relative;
    display: flex;
    width: 98%;
    margin: 1rem auto 0;
}

.sns_link img {
    width: 98%
}

.sns_link img:hover {
    background-color: #EDEDED;
    border-radius: 10px;
}


/* ぷくすけのお知らせ */

.info {
    position: relative;
    display: flex;
    width: 94%;
    gap: 2%;
    margin: 1em auto 0;
	border: dashed #5C5C5C 0.6px;
	border-radius: 20px;
}

/*　絆福祉会からのお知らせ側の全体枠 */
.notice {
	width: 86%;
	padding-top: 0.8em;
	padding-right: 1em;
}

/* 絆福祉会からのお知らせ タイトル文字 */
.notice p {
    font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
    font-size: 1.8vw; /*文字の大きさ*/
    font-weight: 600; /*文字の太さ*/
    position: relative;
    color: #FFF;
    background-color: #82B3B5; /*バックの色*/
    text-align: center;
    width: 50%;
    margin: 0 auto 1em;
}

.notice li {
	list-style: none;
	border-bottom: dashed #5A5A5A 1px;
	margin-bottom: 0.8em;
}

.notice a {
	text-decoration: none;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	font-size: 1.2rem;
	color: #434242;
}

.notice span {
	background-color: #EC484A;
	color: #FFF;
	padding-left: 10px;
	padding-right: 10px;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	font-size: 1.2rem;
	margin-right: 10px;
}

.notice small {
	font-size: 1.2rem;
	color: #418BC8;
}
/*
.notice a:hover {
	background-color: #BCBCBC;
}*/

.notice small:hover {
	color: #FFF;
	background-color: #BCBCBC;
}


.puku {
	position: relative;
	display: block;
	width: 26%;
	padding-top: 1em;
	padding-left: 1em
}

.puku img {
	position: relative;
	margin: o auto;
	width: 100%;
}

.puku p {
	width: 88%;
	margin: -0.5em auto 0; 
	font-family:YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	font-size: 1.4vw;
	font-weight: 600;
	text-align: center;
	background-color: #C8B344;
	border-radius: 40px;
	line-height: 1.8vw;
	color: #fff;
}

.puku span {
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, "serif";
    font-size: 2.4vw;
    font-weight: 700;
    color: #F1F551;
	line-height: 3vw;
}

/* パンフのリンクボタン */
.pamf {
    position: relative;
    width: 100%;
    margin-top: 3em;
}

.pamf_info {
    width:100%;
}

.pamf_info a {
    text-decoration: none;
    background-color: #f98fab;
    padding: 1.5px 20px 1.5px 20px;  
    border-radius: 8px;
    color: #FFF;
    font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 1px; 
    text-align:center;
    margin-left: 1.5em;
}

.pamf_info a:hover {
    background-color: #EDC4CF;
}

.pamf_info p {
    display: block;
    font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
    color: #f67690;
    text-align: left;
    margin: 0 0 0 1.6em;
}

.pamf_info span {
    color: #f5a500 ;
}

.pamf_print a {
    text-decoration: none;
    font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
    font-size: 19px;
    font-weight: 600;
    color: #82aaaa;
    margin-left: 1.5em;
}

.pamf_print a:hover {
    color: #8F9F9F;
    border-bottom: 2px solid #f9e900;
    
}

.pamf_print p {
    font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
    font-size: 16px;
    color: #330000;
    margin-left: 1.7em;
}


/* 理事長ごあいさつ
----------------------------------------- */

.greet{
    margin-top: 8rem;
}


#old-clock {
    position: relative;
    display: flex;
    width: 90%;
    margin: -5rem auto 0;
}

.greet-all {
    position: relative;
    width: 90%;
    margin: 2rem auto;
}

.sub-title5 {
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
    font-size: 2rem;
    color: #3B2D2D;
    position: relative;
    width: 30%;
    margin-top: 1rem;
    margin-left: 2.4rem
}

.sub-title4 {
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
    font-size: 2rem;
    color: #3B2D2D;
    position: relative;
    width: 30%;
    margin-top: 1rem;
    margin-left: 3.4rem
}

.line {
    display: flex;
    width: 100%;
    position: relative; 
}

.line01 {
    border: none;
    border-bottom: 4px solid #d6c299; 
}

.line02 {
    border: none;
    border-bottom: 4px solid #ab0f50;
}

.line03 {
    border: none;
    border-bottom: 4px solid #6e5064;
}

.line04 {
    border: none;
    border-bottom: 4px solid #f6efdb;
}

.line05 {
    margin-top: 3em;
    border-left: none;
    border-right: none;
    border-top: none;
    border-bottom: 2px double black;
}


.greet-text {
    width: 95%;
    margin-top: 1rem;
    margin-left: 1rem;
    font-size: 1.2rem;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
    color: #3B2D2D;
}

.greet-text p {
    margin-bottom: 1.2rem;
    }


.greet-02 {
    position: relative;
    display: inline-flex;
    width: 100%;
}

.greet-02-text {
    position: relative;
    width: 65%;
    left: -1.1rem;
}

.greet-02-text p {
    margin-left: 1rem;
    font-size: 1.2rem;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
    color: #3B2D2D;
    margin-bottom: 1.2rem;
}

.greet-02-photo {
    position: absolute;
    height: 322px;
    margin-left: 20px;
    margin-top: 1.6em;
    bottom: 0;
    right: 0;
}

.greet-02-photo p {
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    font-size: 18px;
    text-align: right;
    margin-right: 6px;
    margin-top: -16px;
    line-height: 40px;
}

.greet-02-photo span {
    font-weight: 700;
    font-size: 22px;
}



/*沿革
------------------------------------------ */

#history {
    position: relative;
    width: 90%;
    margin: 2rem auto 0;
}

.table{
    z-index: 100;
    position: relative;
    width: 80%;
    border-collapse: collapse;
    border-width: thin;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    line-height: 22px;
    margin: 3rem auto 0;
}

.ymd01{
    text-align: left;
    color: #5F5740;
    font-size: 1.0rem;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;  
    padding: 0 10px;
}

.ymd02{
    text-align: left;
    background-color: #CEDBE0;
    color: #5F5740;  
    font-size: 1.0rem;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;  
    padding: 0 10px;
}

#history p {
    position: relative;
    width: 89%;
    font-size: 16px;
    text-align: right;
    margin: 0.5rem ;
    color: #5F5740;  
}

#history img {
    position: relative;
    margin-top: -4em;
}

.content01{
    text-align: left;
    color: #5F5740;
    font-size: 1.0rem;
    padding-left: 0.6rem;
    padding-right: 1rem;
    padding-top:0.6rem;
    padding-bottom: 0.6rem;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;   
}

.content02{
    text-align: left;
    background-color: #CEDBE0;
    color: #5F5740;
    font-size: 1.0rem;
    padding-left: 0.6rem;
    padding-right: 1rem;
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;   
}

.pict{
    z-index: 90;
    position: relative;
    margin-top: -2rem;
    width: 100%;
}


/*アクセスマップ
---------------------------------------- */
.access {
    position: relative;
    width: 90%;
    margin: 4rem auto 0;
}

.area00 {
    display: block;
    
}
.area {
    position: relative;
    font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
    color: #3B2B2F;
    font-size: 20px;
    width: 50%;
    text-align: left;
    margin-top: 3em;
    background-image: linear-gradient(to right,#001 1px,transport 1px);
}

.square {
    color: #f9e900;
}


.map {
    position: relative;
    width: 100%;
    display: flex;
    margin: 0.6em auto 0; 
   
} 

.map img {
    width: 60%;
    max-width: 500px;
}

.map-text {
    margin-top: 10px;
    width: 100%;
    margin-left: 1em;
}

.border-line {
    margin-top: 2em;
    background-image : linear-gradient(to right, #d4ba9f 5px, transparent 1px);
    background-size: 14px 1px;
    background-repeat: repeat-x; 
    background-position: left bottom;
}

.map-text-arise {
    position: absolute;
    right: 1rem;
    bottom: 0;
}

.map-photo {
    position: relative;
    display: flex;
    width: 100%;
    margin: 2rem auto 0;
}

.map-text02 {
    position: relative;
    margin-top: 2rem;
}

.nursinghome,.sakura,.care{
    position: relative;
    width: 32%;
    margin-left: 0.6rem;
}

.nursinghome img,.sakura img,.care img {
    width: 100%;
    
}

.nursinghome a,.sakura a,.care a{
    position: relative;
    text-decoration: none;
    text-align: right;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    color: #5F5740;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px  
}

.nursinghome a:hover,.sakura a:hover,.care a:hover {
    color: #B4B4B4;
}

.nursinghome p,.sakura p,.care p {
    position: relative;
    text-align: right;
    font-size: 24px;
    margin-bottom: 10px;
    border-bottom: 1px dashed #d6c299;
    
}

.map-photo span {
    font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
    font-size: 17px;
    margin-right: 8px;
    font-weight: normal;    
}


/*フッター
---------------------------------------- */
.copyright{
  /*  background-color: #021F39;*/
    background-image: url("../images/footer.webp");
    width: 100%;
    text-align: center;
    margin-top: 4rem;
}

    .copyright small{
    color: #FFFFFF;
    font-family:"Times New Roman", Times, "serif";
    font-size: 12px;
    padding-top: 0.1rem;
}


/* 横幅が1800pxを超えたときの対処記述*/
@media (min-width: 1800px) {
	
	.line01-01 a,.line01-02 a,.line02-01 a,.line03-02 a,.line03-01 a,.accordion-004 summary,.accordion-0011 summary {
		font-size: 22px;
	}
	
	
	
}

/*デスクトップ版設定
--------------------------------- */

@media (min-width: 801px){
   
    .slider-s{
        display:none;
    }
    
    .top_deco-s{
        display: none;
    }     
	
    .logo{
    width: 60%;
    margin-left: 0.5rem;
    }
    
    .space-s {
        display: none;
    }
    
	.sp-size {
		display: none;
	}
    .chairman_container{
        display: flex;
        width: 60%;
        margin: 0 auto 0 auto;
    }
    
    .greet_p {
        width: 90%;
    }
    
    .nav-02-s {
        display: none;
    }
  
    .item01{
        margin-top: 2rem;
        width: 200px;
}
    
    .item02{
        margin-top: 7rem;
        margin-left: 2rem;
    }
    

    
}

.copyright {
	background-image: url("../images/footer.webp");
	background-size: cover;
	text-align: center;
	margin-top: 8rem;
	color: #fff;
}

/*スマホ版設定
--------------------------------- */

@media (max-width: 800px){
    .slider {
        display: none;
    }
    
    .align-left {
        width: 22em;
        margin-top: -0.5em;
    
	}
    
    .align-right {
        display: none
    }
	

	
    .nav-01 {
        display: block;
        margin-top: 10px;
    }
    
    .line01-01,.line01-02 {
        width: 100%;
        margin-bottom: 2px;
    }
	
	.line01-01 a,.line01-02 a,.line02-01-s a {
		font-size: 3.2vw;
	}
    
    .sns_link {
        display: block;
        width: 90%;
    }
    
    .nav-02 {
        display: none;  
    }
    
    .nav-02-s {
        display: block;
        width: 98%;
        margin: 6px auto 0;
    }

    
    .sub-title5 {
        position: relative;
        display: block;
        text-align: center;
        width: 50%;
        font-size: 24px;
        margin: -1em auto 0 ;
    }
    
    .sub-title4 {
        position: relative;
        display: block;
        text-align: center;
        width: 50%;
        font-size: 24px;
        margin: -1em auto 0 ;
    }
    
    .line01,.line02,.line03 {
        width: 33%;
    }
    .line04 {
        display: none;
    }
    
    .line {
        width: 75%;
        margin: 0 auto;
    }
    
    .greet-02 {
        position: relative;
        display: block;
        width: 90%;
        margin: -2em auto 0;
    
    }
    
    .greet-02-photo {
        position: relative;
        display: block;
        width: 68%;
        margin: 0 auto;
    }
    
    .greet-text,.greet-02 p {
        font-size: 16px;
    }
    
    .greet-02-text  {
        margin-top: -2em;
    }
    
        
    .line02-01-s,.line03-01,.line03-02 { 
        width: 100%;
        margin-bottom: 2px;
    }
    
	.line03-01 a,.line03-02 a {
		font-size: 3.4vw;
		line-height: 5.4vw;
	}
	
    .nav-03 {
        display: block; 
        margin-top: 6px;
    }
    
    .wrapper {
        display: block;
    }
    
    .accordion-001 {
        margin-top: 6px;
    }
	
	.accordion-001 summary,.accordion-0011 summary {
        font-size: 3.4vw;
    }

	.info {
		width: 98%;
		display: block;
	}
	
	.info p {
		width: 80%;
	}
    
	.puku {
	    display: flex;
		width: 90%;
	}
	
	.puku p {
		display: none;
	}
	
	.puku img {
		width: 40%;
		margin-left: 10px;
		z-index: 101;
	}
    
	.notice {
		margin: -1em auto 0;
	}
	
	.notice p {
		font-size: 5vw;
		margin-left: 40px;
	}
	
	.notice a {
		/*display: grid;*/
		font-size: 4.6vw;
		font-weight: 600;
	}
	
	.notice span {
		margin-right: 2px;
		font-size: 4.6vw;
	}
	
	.notice small {
		font-size: 4.6vw;
	}
	
    .pamf {
        display: block; 
        width: 96%;
        margin: 0 auto;
    }
	
	.pamf_info p {
		font-size: 3.8vw;
		margin: 0 16% ;
	}
	
	.pamf_info a {
		font-size: 4.4vw;
		font-weight: 600;
		margin: 0 10px ;
	}
    
    .pamf_print {
        display: none;
    }
    
    .table {
        width: 96%;
    }
    
    .ymd01,.ymd02,.content01,.content02{
        font-size: 16px;
        font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
        font-weight: 200;
    }
    
    #history {
        width: 100%;
    }
    #history p {
        font-size: 14px;
        text-align: right;
        margin: 0 1em 0 auto;
    }
    
    #history img {
        margin-top: 0px;
    }
    
    .access {
        position: relative;
        width: 98%;
    }
    .map {
          position: relative;
          width: 100%;
          display: block;
          margin: 0.6em auto 0; 
    }
    
    .map img {
        width: 100%;
    }
    
    .map-photo {
        position: relative;
        display: block;
    }
    
    .area {
        width: 85%;
    }
    
    .nursinghome,.sakura,.care  {
        position: relative;
        width: 90%;
    }
   
    .copyright small{
        color: #FFFFFF;
        font-family:"Times New Roman", Times, "serif";
        font-size: 10px;
        padding-top: 0.1rem;
}
}