.zen-maru-gothic-regular {
     font-family: "Zen Maru Gothic", sans-serif;
     font-weight: 400;
     font-style: normal;
   }

   .zen-maru-gothic-bold {
     font-family: "Zen Maru Gothic", sans-serif;
     font-weight: 700;
     font-style: normal;
   }

   .zen-maru-gothic-medium {
     font-family: "Zen Maru Gothic", sans-serif;
     font-weight: 500;
     font-style: normal;
   }

   .zen-maru-gothic-black {
     font-family: "Zen Maru Gothic", sans-serif;
     font-weight: 900;
     font-style: normal;
   }

   /* slider */

   .slider_bg {
     background-color: #fff;
     width: 85rem;
     margin: 4.3rem auto 0 auto;
     border-radius: 1rem;
   }
   .slider_bg_bottom {
     background-color: #fff;
     width: 85rem;
     margin: 4.3rem auto 0 auto;
     border-radius: 1rem;
   }

   .slider-container {
     width: 79rem;
     overflow: hidden;
     /* はみ出した部分を隠す */
     margin: 0 auto;
     position: relative;
     /* ボタンの絶対配置のために必要 */
   }

   .slider-wrapper {
     display: flex;
     transition: transform 0.5s ease-in-out;
     /* スムーズなスライドのために追加 */
   }

   .slide {
     flex: 0 0 100%;
     /* スライド1枚の幅をコンテナの100%に設定 (1枚表示) */
     box-sizing: border-box;
     /* padding: 0 10px; */
     /* 1枚表示の場合は不要か、imgタグに適用を検討 */
     display: flex;
     margin: 0 auto;
     width: 79rem;
     height: 26rem;
   }

   .slide_img {
     width: 39.5rem;
     height: 26rem;
     display: block;
     margin-left: 0rem;
     padding: 0rem 0rem;
   }

   .caption {
     margin-top: 5rem;
     margin-left: 4rem;
   }

   /* ナビゲーションボタンのスタイル */
   /* .slider-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: #BF88C6;
  color: white;
  border: none;
  padding: 1rem 1.5rem;
  cursor: pointer;
  font-size: 2.4rem;
  z-index: 10;
  border-radius: 15rem;
  user-select: none; 
} */

   /* ボタン */
   .circle-left-top {
     width: 3.5rem;
     height: 3.5rem;
     background-color: #BF88C6;
     /* 丸の色 */
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     position: relative;
     top: 0rem;
     left: 0rem;
     z-index: 9;
   }

   .triangle-left-top {
     width: 0;
     height: 0;
     border-top: 9px solid transparent;
     border-bottom: 9px solid transparent;
     border-right: 16px solid white;
     /* 左向きに変更 */
     left: -0.2rem;
     position: relative;
     left: -0.3rem
   }

   .circle-right-top {
     width: 3.5rem;
     height: 3.5rem;
     background-color: #BF88C6;
     /* 丸の色 */
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     position: relative;
     top: -3.4rem;
     left: 47.2rem;
   }

   .triangle-right-top {
     width: 0;
     height: 0;
     border-top: 9px solid transparent;
     border-bottom: 9px solid transparent;
     border-left: 16px solid white;
     /* 右向きに変更 */
     left: 0.1rem;
     position: relative;
   }


   .circle-left {
     width: 3.5rem;
     height: 3.5rem;
     background-color: #BF88C6;
     /* 丸の色 */
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     position: relative;
     top: 0rem;
     left: 0rem;
     z-index: 9;
   }

   .triangle-left {
     width: 0;
     height: 0;
     border-top: 9px solid transparent;
     border-bottom: 9px solid transparent;
     border-right: 16px solid white;
     /* 左向きに変更 */
     left: -0.2rem;
     position: relative;
   }

   .circle-right {
     width: 3.5rem;
     height: 3.5rem;
     background-color: #BF88C6;
     /* 丸の色 */
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     position: relative;
     top: -3.3rem;
     left: 47.3rem;
   }

   .triangle-right {
     width: 0;
     height: 0;
     border-top: 9px solid transparent;
     border-bottom: 9px solid transparent;
     border-left: 16px solid white;
     /* 右向きに変更 */
     left: 0.1rem;
     position: relative;
   }


   .slider-btn:hover {
     /* background-color: rgba(0, 0, 0, 0.8); */
   }

   .prev-btn {
     left: 45rem;
     /* コンテナの左端からの位置 */
     top: 26.3rem;
     position: relative;
   }

   .next-btn {
     right: 23rem;
     /* コンテナの右端からの位置 */
     top: 25.3rem;
   }


   /* ------------- */
   .swiper-top-button-prev,
   .swiper-top-button-next {
     width: 3.5rem;
     height: 3.5rem;
     background-color: #BF88C6;
     border-radius: 50%;
     z-index: 10;
   }

   .swiper-top-button-next {
     position: absolute;
     left: 57rem;
     top: 31rem;
   }

   .swiper-top-button-prev {
     position: absolute;
     left: 51.6rem;
     top: 31rem;

   }

   /* 矢印サイズ調整 */
   .swiper-top-button-prev::after,
   .swiper-top-button-next::after {
     font-size: 20px;
     color: white;
     opacity: 0;
   }






   /* ---------------- */

   /* 全体 */
   .zenrinsou_body {
     width: 98rem;
     margin: 0 auto;
     background-color: #FCF7E7;
     border-radius: 1rem;

   }

   .zenrinsou_main {
     overflow: hidden;

   }

   /* タイトル */
   .zenrinsou_ruby {
     font-size: 1.6rem;
     line-height: calc(24em / 16);
     color: #83468B;
     margin-top: 2rem;
     margin-left: 11rem;
     padding-top: 5rem;
   }

   .zenrinsou_title {
     font-size: 4rem;
     line-height: calc(58em / 40);
     color: #000;
     margin-top: -1rem;
     margin-left: 11rem;
   }

   /* 葉っぱイメージ */
   .main_title {
     position: relative;

   }

   .leaf_img {
     width: 58rem;
     height: 51rem;
     object-fit: cover;
     position: absolute;
     transform: rotate(11deg) scaleX(0.8);
     object-position: 33% 50%;
     right: -19.5rem;
     top: -15rem;
   }

   /* メインイメージ */
   .main_img {
     object-fit: cover;
     width: 85rem;
     height: 45rem;
     margin-top: 3.5rem;
     margin: 3.5rem auto 0 auto;
     display: block;
     border-radius: 1rem;
   }

   .main_img_parent {
     position: relative;
   }

   .main_copy_box {
     background-color: #fff;
     width: 53.4rem;
     height: 5.7rem;
     position: absolute;
     top: 37.8rem;
     left: 2.6rem;
   }

   .main_copy {
     font-size: 2.6rem;
     line-height: calc(37em / 26);
     padding-top: 1rem;
     padding-left: 2rem;

   }

   .yutaka {
     color: #4E8B46;
   }

   .nitijou {
     color: #3A3333;
   }


   /* メインテキスト */
   .area_facility,
   .unit_facility {
     font-size: 1.3rem;
     line-height: calc(19em / 13);
     color: #fff;
     background-color: #4E8B46;
     padding: 0.5rem 1rem;
     border-radius: 1.5rem;
   }

   .area_facility {
     margin-left: 6.5rem;
     margin-top: 0.8rem;
    }
    
    .unit_facility {
      margin-left: 1.5rem;
      margin-top: 0.8rem;
   }

   .facility {
     display: flex;
     margin-top: -1.2rem;
   }

   .facility_text {
     width: 85rem;
     font-size: 1.8rem;
     line-height: calc(26em / 18);
     color: #000;
     margin: 2.5rem auto 0 auto;
   }

   /* 空室状況日付 */
   .status_date {
     display: flex;
     background-color: #fff;
     border-radius: 3.6rem;
     width: 36.3rem;
     border: solid 0.1rem #000;
   }

   .status {
     font-size: 2rem;
     line-height: calc(29em / 20);
     color: #000;
     padding-left: 4rem;
     padding-top: 0.9rem;
   }

   .date {
     font-size: 2.5rem;
     line-height: calc(36em / 25);
     color: #000;

     padding: 0.5rem 0 0.5rem 5.2rem;
   }

   /* 空室状況内容 */
   .status_content {
     width: 85rem;
     height: 61rem;
     border: solid 0.1rem #000;
     border-radius: 1rem;
     background-color: #fff;
     margin: 0 auto;
     margin-top: 12.4rem;
     position: relative;
   }

   .status_date_box {
     position: absolute;
     top: -2.6rem;
     left: 4.3rem;

   }

   .regional_adhesion,
   .unit_care {
     font-size: 2rem;
     line-height: calc(29em / 20);
     color: #fff;
     border-radius: 2.5rem;
     background-color: #4E8B46;
     width: 30rem;
     height: 4.9rem;
     padding-top: 1rem;
     padding-left: 2rem;
   }

   .flex_box {
     display: flex;
   }

   .dot {
     font-size: 3rem;
     line-height: calc(44em / 30);
   }

   .number {
     font-size: 4rem;
     line-height: calc(36em / 40);
     margin-left: 0.8rem;
   }

   .room {
     font-size: 2.5rem;
     line-height: calc(36em / 25);
   }

   .unit_care {
     margin-top: 4.7rem;
     margin-left: 10.8rem;
   }

   .unit_care_text {
     margin-top: 4.9rem;
     margin-left: 0.9rem;
   }

   .regional_adhesion {
     margin-top: 5.4rem;
     margin-left: 10.8rem;
   }

   .regional_adhesion_text {
     margin-top: 6rem;
     margin-left: 1rem;
   }

   .inside_city,
   .outside_city {
     font-size: 1.8rem;
     line-height: calc(37.6em / 18);
     color: #fff;
     background-color: #D55167;
     border-radius: 0.5rem;
     width: 27.7rem;
     height: 3.6rem;
     padding-bottom: 0rem;
     padding-left: 5rem;
     margin-top: 5rem;
   }

   .outside_city {
     padding-left: 4rem;
   }

   .inside_city {
     margin-left: 10.8rem;
     margin-right: 8rem;
   }

   .inside_city_text,
   .outside_city_text {
     font-size: 1.8rem;
     line-height: calc(26em / 18);
     margin-top: 1rem;
   }

   .inside_city_text {
     margin-left: 10.8rem;
   }

   /* お問い合わせボタン */
   .contact_btn {
     display: inline-block;
     width: 27.9rem;
     height: 5.5rem;
     line-height: calc(35em / 17);
     text-align: center;
     text-decoration: none;
     color: #fff;
     background-color: #BF88C6;
     padding-top: 1rem;
     margin: 5rem auto 0 auto;
     display: block;
   }

   .contact_btn a {
     display: inline-block;
     width: 17rem;
     font-size: 1.7rem;
     line-height: calc(35em / 17);
     text-align: center;
     text-decoration: none;
     color: #fff;
     background-color: #BF88C6;
     position: relative;
     margin-left: -2.7rem;
     /* padding: 1.5rem 6.9rem 1.5rem 4rem; */
   }

   .contact_btn a::before {
     width: 0;
     height: 0;
     border-top: 0.9rem solid transparent;
     border-bottom: 0.9rem solid transparent;
     border-left: 1.6rem solid #fff;
     /* 三角形の色 */

     bottom: 0;
     content: "";
     margin: auto;
     position: absolute;
     right: -2.3rem;
     top: 0;
     /* transform: rotate(45deg); */
     transition: right .3s;
   }

   .contact_btn a:hover::before {
     right: -3.8rem;
   }

   .tel_no {
     font-size: 1.6rem;
     line-height: calc(24em / 16);
     margin-top: 1rem;
     text-align: center;
   }

   .tel_icon {
     object-fit: cover;
     width: 3.6rem;
     height: 3.6rem
   }

   .tel_box {
     display: flex;
     justify-content: center;
     margin-top: 0.8rem;
   }

   .tel_number_pc {
     font-size: 2.5rem;
     line-height: calc(36em / 25);
     margin-left: 1rem;
   }

   .tel_number_sp {
     display: none;
   }

   /* 善隣荘へようこそ */
   .welcom {
     font-size: 4rem;
     line-height: calc(58em / 40);
     text-align: center;
     margin-top: 10rem;
     margin-bottom: 2.5rem;
     z-index: 9;

   }

   .welcom_img {
     object-fit: cover;
     width: 52.5rem;
     height: 30rem;
     margin: 0 auto;
     display: block;
   }

   .white_bg {
     background-color: #fff;
     width: 85rem;
     margin: 0 auto;
     z-index: 9;
     position: relative;
   }

   .welcom_title {
     font-size: 2.5rem;
     line-height: calc(36em / 25);
     color: #000;
     margin-left: 2rem;
     margin-top: 1.5rem;
     padding-top: 2rem;
     padding-bottom: 1.5rem;
   }

   .welcom_text {
     font-size: 1.6rem;
     line-height: calc(24em / 16);
     color: #000;
     margin-left: 2rem;
     width: 81rem;
     margin-top: -1rem;
   }

   /* サービスの例 */
   .service_box_wrap {
     position: relative;
     margin-top: 6rem;

   }

   .leaf_img_service {

     width: 58rem;
     height: 51rem;
     object-fit: cover;
     position: absolute;
     transform: rotate(11deg) scale(0.6);
     object-position: 33% 50%;
     right: -11.5rem;
     top: -23rem;
   }

   .grape_img_service {
     object-fit: cover;
     width: 13.3rem;
     height: 19.4rem;
     position: absolute;
     top: 16.5rem;
     right: 2.8rem;


     animation: fuwafuwa 3s ease-in-out infinite alternate;
     background: url(../img/ico-apple.svg) no-repeat center center / 6rem auto;
     display: inline-block;
     transition: 1.5s ease-in-out;

     margin-top: 1.5rem;
   }

   @keyframes fuwafuwa {
     0% {
       transform: translate(0, 0) rotate(-7deg);
     }

     50% {
       transform: translate(0, -7px) rotate(0deg);
     }

     100% {
       transform: translate(0, 0) rotate(7deg);
     }

   }

   .service_title {
     font-size: 2rem;
     line-height: calc(29em / 20);
     color: #000;
     /* padding: 1rem 4rem 4rem 1rem; */
     background-color: #fff;
     border-radius: 3.6rem;
     border: solid 0.1rem #000;
     width: 20rem;
     text-align: center;
     margin-left: 9rem;
     margin-top: 8rem;
     padding: 1rem;
   }

   .nursing_care,
   .health_management,
   .counseling,
   .recreation,
   .everyday_care,
   .end_of_life_care {
     font-size: 1.8rem;
     line-height: calc(26em / 18);
     color: #fff;
     background-color: #4E8B46;
     border-radius: 2.3rem;
     padding: 1rem 4rem 1rem 4rem;
     text-align: center;
   }

   .nursing_care {
     margin-left: 9rem;
     margin-right: 2.5rem;
     margin-top: 1.5rem;
   }

   .health_management {
     margin-top: 1.5rem;
     position: relative;
     z-index: 9;

   }

   .counseling {
     margin-left: 9rem;
     margin-right: 2.5rem;
     margin-top: 2.5rem;

   }

   .recreation {
     margin-top: 2.5rem;
   }

   .everyday_care {
     margin-left: 9rem;
     margin-right: 2.5rem;
     margin-top: 2.5rem;
   }

   .end_of_life_care {
     margin-top: 2.5rem;

   }

   .recommended_service {
     font-size: 2rem;
     line-height: calc(29em / 20);
     color: #000;
     background-color: #fff;
     border-radius: 3.6rem;
     padding: 1rem 4rem 1rem 4rem;
     text-align: center;
     width: 44.2rem;
     height: 4.9rem;
     border: solid 0.1rem #000;
     margin-top: 6rem;
     margin-left: 9rem;

   }

   .recommended_service_sp {
     display: none;
     font-size: 2rem;
     line-height: calc(29em / 20);
     color: #000;
     background-color: #fff;
     border-radius: 3.6rem;
     padding: 1rem 4rem 1rem 4rem;
     text-align: center;
     width: 45rem;
     border: solid 0.1rem #000;
     margin-top: 6rem;
     margin-left: 9rem;
   }

   .woman {
     object-fit: cover;
     width: 14.85rem;
     height: 16.6rem;
   }

   .recommended_service_box {
     position: relative;
     width: 50rem;
     margin-top: 1.5rem;
   }

   .recommended_service_top {
     padding-top: 1.5rem;
     padding-left: 2.4rem;
     font-size: 1.6rem;
     line-height: calc(24em / 16);
     color: #000;
   }

   .recommended_service_bottom {
     padding-top: 1rem;
     padding-bottom: 1.5rem;
     padding-left: 2.4rem;
     font-size: 1.6rem;
     line-height: calc(24em / 16);
     color: #000;
   }

   .woman {
     position: absolute;
     bottom: -5rem;
     left: -14.7rem;
   }

   /* 入所条件 */
   .admission_criteria_box {
     width: 67.3rem;
     margin-top: 6.4rem;
     border: solid 0.1rem #D55167;
   }

   .admission_criteria_title {
     font-size: 1.6rem;
     line-height: calc(24em / 16);
     color: #000;
     padding-top: 1.5rem;
     padding-left: 2.51rem;
     position: relative;
   }

   .admission_criteria_title::before {
     content: "";
     width: 0.5rem;
     height: 2.4rem;
     position: absolute;
     top: 1.5rem;
     left: 1.5rem;
     background-color: #D55167;
   }

   .admission_criteria_text_top,
   .admission_criteria_text_bottom {
     font-size: 1.6rem;
     line-height: calc(24em / 16);
     color: #000;
     padding-left: 1.5rem;
   }

   .admission_criteria_text_top {
     padding-top: 0.5rem;

   }

   .admission_criteria_text_bottom {
     padding-bottom: 1.4rem;

   }

   /* 地域密着型とユニット型の特徴 */
   .features {
     font-size: 1.6rem;
     line-height: calc(24em / 16);
     color: #83468B;
     text-align: center;
     margin-top: 10rem;
     margin-left: 1.1rem;
   }

   .features_title {
     font-size: 4rem;
     line-height: calc(58em / 40);
     color: #000;
     text-align: center;
     margin-top: -1.3rem;
   }

   .living_room {
     width: 7.2rem;
     font-size: 1.6rem;
     line-height: calc(24em / 16);
     color: #3A3333;
     /* padding-left: 2.5rem; */
     margin-left: -1.8rem;
     margin-top: -5.6rem;
   }

   .living_room_text {
     font-size: 1.4rem;
     line-height: calc(20em / 14);
     color: #3A3333;
     width: 37rem;
     /* padding-left: 2.5rem; */
     margin-left: -1.5rem;
     margin-top: 1rem;

   }

   .living_room_box {
     margin-top: -20rem;
   }

   .slide_img {
     padding: 0rem 0 0rem 0;
     border-radius: 1rem;
   }

   /* 地域密着型 */
   .regional_adhesion_type_wrap {
     position: relative;
   }

   .regional_adhesion_type_box {
     background-color: #D55167;
     width: 27.7rem;
     height: 3.6rem;
     position: absolute;
     top: 2.5rem;
     left: 15rem;
     z-index: 99;
     border-radius: 0.5rem;
   }

   .regional_adhesion_type {
     font-size: 1.8rem;
     line-height: calc(38em / 18);
     color: #fff;
     text-align: center;
   }

   /* ユニット型 */
   .unit_adhesion_type_wrap {
     position: relative;
     margin-top: 3rem;
   }

   .unit_adhesion_type_box {
     background-color: #D55167;
     width: 27.7rem;
     height: 3.6rem;
     position: absolute;
     top: 2.5rem;
     left: 15rem;
     z-index: 99;
     border-radius: 0.5rem;
   }

   .unit_adhesion_type {
     font-size: 1.8rem;
     line-height: calc(38em / 18);
     color: #fff;
     text-align: center;
   }

   /* 善隣荘について */
   .about {
     font-size: 1.6rem;
     line-height: calc(24em / 16);
     color: #83468B;
     text-align: center;
     margin-top: 9rem;
   }

   .about_zenrinsou {
     font-size: 4rem;
     line-height: calc(58em / 40);
     color: #000;
     text-align: center;
     margin-top: -1rem;

   }

   .zenrinsou_map {
     width: 70rem;
     height: 33rem;
     margin: 0 auto;
     display: block;
     margin-top: 2.5rem;
   }

   .zenrinsou_info {
     display: flex;
     flex-wrap: wrap;
     width: calc(23.5rem + 62.6rem);
   }

   .zenrinsou_info dt {
     width: 23.5rem;
     border-right: solid 0rem #3A3333;
     border-bottom: solid 0rem #3A3333;
   }

   .zenrinsou_info dd {
     width: 62.6rem;
     border-bottom: solid 0rem #3A3333;
   }

   .zenrinsou_info {
     border-bottom: solid 0.1rem #3A3333;
     margin: 0 auto;
     margin-top: 6rem;
   }

   .zenrinsou_info_box {
     padding-bottom: 5.05rem;
     margin-bottom: 16rem;
   }

   .target {
     font-size: 1.6rem;
     line-height: calc(105em / 16);
     color: #000;
     background-color: #D3D9D2;
     width: 23.5rem;
     height: 10.5rem;
     border: solid 0.1rem #3A3333;
     /* border-right: solid 0rem #3A3333;
  border-bottom: solid 0rem #3A3333; */

     padding-left: 2rem;
   }

   .target_text {
     font-size: 1.6rem;
     line-height: calc(24em / 16);
     color: #000;
     background-color: #fff;
     height: 10.5rem;
     border: solid 0.1rem #3A3333;
     display: flex;
     align-items: center;
     padding-left: 1.9rem;
   }

   .zenrinsou_address {
     font-size: 1.6rem;
     line-height: calc(54em / 16);
     color: #000;
     background-color: #D3D9D2;
     width: 23.5rem;
     height: 5.4rem;
     border: solid 0.1rem #3A3333;
     padding-left: 2rem;
   }

   .zenrinsou_address_text {
     font-size: 1.6rem;
     line-height: calc(24em / 16);
     color: #000;
     background-color: #fff;
     height: 5.4rem;
     border: solid 0.1rem #3A3333;
     display: flex;
     align-items: center;
     padding-left: 1.9rem;

   }

   .administrator {
     font-size: 1.6rem;
     line-height: calc(54.5em / 16);
     color: #000;
     background-color: #D3D9D2;
     width: 23.5rem;
     height: 5.45rem;
     border: solid 0.1rem #3A3333;
     padding-left: 2rem
   }

   .administrator_text {
     font-size: 1.6rem;
     line-height: calc(24em / 16);
     color: #000;
     background-color: #fff;
     height: 5.45rem;
     border: solid 0.1rem #3A3333;
     display: flex;
     align-items: center;
     padding-left: 1.9rem;

   }

   .capacity {
     font-size: 1.6rem;
     line-height: calc(54em / 16);
     color: #000;
     background-color: #D3D9D2;
     width: 23.5rem;
     height: 5.4rem;
     border: solid 0.1rem #3A3333;
     padding-left: 2rem;
   }

   .capacity_text {
     font-size: 1.6rem;
     line-height: calc(54em / 16);
     color: #000;
     background-color: #fff;
     height: 5.4rem;
     border: solid 0.1rem #3A3333;
     display: flex;
     align-items: center;
     padding-left: 1.9rem;
   }

   .condition {
     font-size: 1.6rem;
     line-height: calc(125em / 16);
     color: #000;
     background-color: #D3D9D2;
     width: 23.5rem;
     height: 12.5rem;
     border: solid 0.1rem #3A3333;
     padding-left: 2rem;

   }

   .condition_text {
     font-size: 1.6rem;
     line-height: calc(24em / 16);
     color: #000;
     background-color: #fff;
     height: 12.5rem;
     border: solid 0.1rem #3A3333;
     display: flex;
     align-items: center;
     padding-left: 1.9rem;

   }

   .zenrinsou_contact {
     font-size: 1.6rem;
     line-height: calc(105em / 16);
     color: #000;
     background-color: #d3d9d2;
     width: 23.5rem;
     height: 10.5rem;
     border: solid 0.1rem #3A3333;
     border-bottom: solid 0.1rem #3A3333;
     padding-left: 2rem;
     align-items: center;
   }

   .zenrinsou_contact_text {
     font-size: 1.6rem;
     line-height: calc(24em / 16);
     color: #000;
     background-color: #fff;
     height: 10.5rem;
     border: solid 0.1rem #3A3333;
     border-bottom: solid 0.1rem #3A3333;
     /* display: flex; */
     /* flex-direction: column; */
     align-items: center;
     padding-left: 1.9rem;
     padding-top: 1.5rem;

   }

   .br_sp,
   .span_sp {
     display: none;
   }



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


    .span_pc{
      display: none;
    }
     .flex_box {
       display: block;
     }

     .zenrinsou_body {
       width: 33.5rem;
     }

     /* 葉っぱイメージ */
     .leaf_img {
       width: 35rem;
       height: 36rem;
       right: -9.5rem;
       top: -12rem;
     }

     /* タイトル */
     .zenrinsou_ruby {
       margin-left: 1rem;
       padding-top: 10rem;
     }

     .zenrinsou_title {
       margin-left: 1rem;
       font-size: 3rem;
     }

     /* メインイメージ */
     .main_img {
       width: 31.5rem;
       height: 45rem;
     }

     .main_copy_box {
       left: -1.8rem;
       top: 38.5rem;
     }

     .main_copy {
       font-size: 1.6rem;
       line-height: calc(20em / 16);
       color: #000;
       padding-left: 2.3rem;
     }

     .yutaka {
       color: #000;
     }

     .nitijou {
       color: #000;
     }

     .main_copy_box {
       width: 33rem;
       height: 4.4rem;
     }

     /* メインテキスト */
     .facility {
       display: block;
     }

     .area_facility {
       width: 18.9rem;
       margin-left: 0.9rem;
       margin-top: 0.3rem;
     }

     .unit_facility {
       width: 18.9rem;
       margin-left: 0.9rem;
       margin-top: 1.1rem;

     }

     .facility_text {
       width: 31.5rem;
       font-size: 1.6rem;
       line-height: calc(24em / 16);

     }

     /* 室内状況内容 */
     .status_content {
       width: 31.5rem;
     }

     .status {
       font-size: 1.6rem;
       line-height: calc(24em / 16);
       padding-left: 2rem;
       padding-top: 0.7rem;
     }

     .date {
       font-size: 2rem;
       line-height: calc(29em / 20);
       padding-left: 2.1rem;

     }

     .status_date_box {
       top: -2.4rem;
       left: 2.7rem;
     }

     .status_date {
       width: 25.7rem;
     }

     .regional_adhesion,
     .unit_care {
       font-size: 1.4rem;
       line-height: calc(21em / 14);
       padding-left: 2rem;
       width: 22rem;
       height: 4rem;
       margin-left: 2rem;
     }

     .regional_adhesion {
       margin-top: 4.6rem;
     }

     .unit_care {
       margin-top: 2rem;
     }

     .dot {
       display: none;
     }

     .number {
       font-size: 3rem;
       line-height: calc(32em / 30);
       margin-left: 18rem;
     }

     .room {
       font-size: 1.6rem;
       line-height: calc(32em / 16);

     }

     .regional_adhesion_text {
       margin-top: 1.6rem;
       margin-left: -1rem;
     }

     .unit_care_text {
       margin-top: 1rem;
       margin-left: -1.2rem;
     }

     .inside_city,
     .outside_city {
       font-size: 1.4rem;
       line-height: calc(14em / 14);
       width: 24.8rem;
       height: 3rem;
       padding-left: 5rem;
       padding-top: 0.7rem;
       margin-top: 3rem;
     }

     .inside_city {
       margin-left: 3.4rem;
     }

     .inside_city_text,
     .outside_city_text {
       font-size: 1.6rem;
       line-height: calc(24em / 16);
       width: 25.6rem;
     }

     .inside_city_text {
       margin-left: 3rem;

     }

     .outside_city {
       margin-left: 3rem;

     }

     .outside_city_text {
       margin-left: 3rem;
     }

     .status_content {
       height: 76.3rem;
     }

     .br_sp,
     .span_sp {
       display: inline-block;
     }

     .tel_no {
       text-align: left;
       margin-left: 4.3rem;
       font-size: 1.4rem;
       line-height: calc(21em / 14);
     }

     .tel_number_pc {
       display: none;
     }

     .tel_number_sp {
       display: block;
       font-size: 2.5rem;
       line-height: calc(36em / 25);
       margin-left: 1rem
     }

     .contact_btn {
       width: 25.9rem;
       border-radius: 1rem;
     }

     .tel_icon {
       margin-left: -4rem;
     }

     /* 善隣荘へようこそ */
     .welcom {
       font-size: 2.4rem;
       line-height: calc(36em / 24);
     }

     .welcom_img {
       width: 31.5rem;
       height: 21rem;
       margin-top: -1rem;
     }

     .white_bg {
       width: 31.5rem;
     }

     .welcom_title {
       font-size: 2rem;
       line-height: calc(30em / 20);
       margin-left: 1.5rem;
     }

     .welcom_text {
       width: 28.5rem;
       margin-left: 1.5rem;
       margin-top: -0.8rem;
     }


     /* サービスの例 */
     .service_title {
       margin-left: 1rem;
       font-size: 1.6rem;
       line-height: calc(24em / 16);
       padding: 1rem 2rem;
       margin-left: 0.8rem;
       width: 13.8rem;
     }

     .nursing_care,
     .health_management,
     .counseling,
     .recreation,
     .everyday_care,
     .end_of_life_care {
       font-size: 1.4rem;
       line-height: calc(21em / 14);
       padding: 1rem 2rem;
     }

     .nursing_care {
       margin-left: 1rem;
       width: 32rem;
       position: relative;
       z-index: 9;
       ;
     }

     .counseling {
       margin-left: 1rem;
     }

     .health_management {
       width: 20.8rem;
       margin-left: 1rem;
       margin-top: 1.9rem;
     }

     .counseling {
       width: 9.6rem;
       margin-left: 22.9rem;
       margin-top: -4.2rem;
       position: relative;
       z-index: 9;
     }

     .recreation {
       width: 26.4rem;
       margin-left: 1rem;
       margin-top: 2rem;
     }

     .everyday_care {
       width: 16.6rem;
       margin-left: 1rem;
       margin-top: 2rem;
     }

     .end_of_life_care {
       width: 8.2rem;
       margin-left: 19.6rem;
       margin-top: -4.3rem;
       position: relative;
       z-index: 9;
     }

     .recommended_service {
       display: none;
       ;
     }

     .leaf_img_service {
       right: -20.5rem;
     }

     .grape_img_service {
       right: 0rem;
       width: 5.9rem;
       height: 9rem;
     }

     .service_box {
       z-index: 9;
       position: relative;
     }

     .recommended_service {
       display: none;
     }

     .recommended_service_sp {
       font-size: 1.6rem;
       line-height: calc(24em / 16);
       width: 25.8rem;
       padding: 1rem 2rem;
       margin-left: 0.4rem;
       display: block;
     }

     .recommended_service_top {
       font-size: 1.3rem;
       line-height: calc(20em / 13);
       color: #000;
       padding-top: 1.3rem;
       padding-left: 1.4rem;

     }

     .recommended_service_bottom {
       font-size: 1.3rem;
       line-height: calc(20em / 13);
       padding-top: 1.2rem;
       padding-left: 1.4rem;

     }

     .woman {
       width: 10rem;
       height: 11rem;
       left: 11rem;
       bottom: -12rem;
     }

     .admission_criteria_box {
       margin-top: 13.5rem;
     }

     .admission_criteria_title {
       font-size: 1.4rem;
       line-height: calc(20em / 14);
       padding-top: 1.8rem;
       padding-left: 1.91rem;
     }

     .admission_criteria_title::before {
       height: 2rem;
       top: 1.9rem;
       left: 1rem;
     }

     .admission_criteria_text_top,
     .admission_criteria_text_bottom {
       font-size: 1.4rem;
       line-height: calc(20em / 14);

     }

     .admission_criteria_text_top {
       margin-top: 0.6rem;
       margin-left: 0rem;
       padding-left: 2rem;

     }

     .admission_criteria_box {
       width: 31.5rem;
     }

     .admission_criteria_text_bottom {
       padding-bottom: 2rem;
     }

     .features {
       font-size: 1.2rem;
       line-height: calc(12em / 12);
       margin-top: 10.4rem;
       margin-left: 0.2rem;
     }

     .features_title {
       font-size: 2rem;
       line-height: calc(35em / 20);
       margin-top: -1rem;
     }

     .regional_adhesion_type_box {
       width: 20rem;
       height: 3.4rem;
       left: 6.7rem;
       top: -1.1rem;
     }

     .unit_adhesion_type_box {
       width: 20rem;
       height: 3.4rem;
       left: 6.7rem;
       top: -3.3rem;
     }

     .regional_adhesion_type {
       font-size: 1.6rem;
       line-height: calc(34em / 16);

     }

     .slide {
       display: block;
     }

     .slide_img {
       width: 27rem;
       height: 18rem;
       /* position: absolute; */
       position: static;
       /* top: -2rem; */
       /* left: 0.3rem; */
       padding: 0;
       margin: 2rem 0 0 2.4rem;
       border-radius: 1rem;
     }

     .slide_img_bottom {
       width: 27rem;
       height: auto;
       /* position: absolute; */
       /* position: static;
       bottom: -2rem;
       right: 0.3rem; */
       margin-top: 1.6rem;

     }

     .slider-container {
       height: 37.4rem;
       margin-top: -1.7rem;
     }



     .caption {
       margin-top: 2rem;
       margin-left: 1rem;
     }

     .living_room {
       /* position: absolute; */
       position: static;
       /* top: 30rem; */
       /* left: 2rem; */
       margin: 1rem 0 0 1.5rem;
     }

     .living_room_text {
       /* position: absolute; */
       position: static;
       /* top: 26rem; */
       /* left: 2rem; */
       width: 27rem;
       margin: 1rem 0 0 1.3rem;
     }

     .prev-btn {
       left: 0.7rem;
       top: 11.1rem;
       position: relative;
     }

     .circle-left-top {
       top: 0rem;
       left: 0rem;
     }

     .circle-right-top {
       top: -16.8rem;
       left: 27.5rem;
     }

     .circle-left {
       top: -0.4rem;
       left: 0rem;
     }

     .circle-right {
       top: -16.9rem;
       left: 27.9rem;

     }

     .slider_bg {
       width: 31.5rem;
      margin-top: 2.3rem;
     }

     .slider_bg_bottom {
       width: 31.5rem;
       background-color: #fff;
       margin-left: 0.9rem;
       margin: 6.3rem auto 0 auto;
     border-radius: 1rem;
     }
     
     .unit_adhesion_type_box {
       width: 20rem;
       height: 3.4rem;
       left: 7rem;
       top: -1.3rem;
     }

     .unit_adhesion_type {
       font-size: 1.6rem;
       line-height: calc(34em / 16);

     }

     /* 善隣荘について */
     .about {
       font-size: 1.2rem;
       line-height: calc(12em / 12);
      margin-left: 0.7rem;
      margin-top: 8.6rem;
     }

     .about_zenrinsou {
       font-size: 2.4rem;
       line-height: calc(36em / 24);
       margin-top: -0.3rem;
       margin-left: 0.6rem;
     }

     .zenrinsou_map {
       width: 31.5rem;
       height: 14.8rem;
       margin-top: 1.5rem;
     }

     .zenrinsou_info {
       display: block;
       width: 31.5rem;
     }

     .zenrinsou_info dt {
       width: 31.5rem;
       height: 5.4rem;
       border-right: solid 0.1rem #3A3333;
     }

     .zenrinsou_info dd {
       width: 31.5rem;
     }

     .target {
       line-height: calc(54em / 16);
     }

     .target_text {
       font-size: 1.4rem;
       line-height: calc(21em / 14);
       height: 15.9rem;
     }

     .zenrinsou_address_text {
       font-size: 1.4rem;
       line-height: calc(21em / 14);
       height: 7.5rem;
     }

     .administrator_text {
       font-size: 1.4rem;
       line-height: calc(21em / 14);
       height: 7.5rem;
     }

     .capacity_text {
       font-size: 1.4rem;
       line-height: calc(21em / 14);
       height: 7.5rem;
     }

     .condition {
       line-height: calc(54em / 16);
       padding-bottom: 6rem;
     }

     .condition_text {
       font-size: 1.4rem;
       line-height: calc(21em / 14);
       height: 18rem;
       margin-top: -1rem;
     }

     .zenrinsou_contact {
       line-height: calc(54em / 16);
     }

     .zenrinsou_contact_text {
       font-size: 1.4rem;
       line-height: calc(21em / 14);
       height: 16rem;
       padding-top: 1.5rem;
     }

     .br_pc {
       display: none;
     }
   }