@media (max-width: 1890px) {
  /*笑顔を守る～*/
  .title02 {
    font-size: 1.8rem;
  }
  #top_features .photo_space .badge {
    width: 100px;
    height: 100px;
    bottom: 5px;
    left: 5px;
  }
  /*CTA*/
  #cta .white_box {
    width: 90%;
    padding: 60px 20px;
  }
  #cta .tel {
    font-size: 1.8rem;
  }
  #cta .tel::before {
    width: 22px;
    height: 22px;
  }
  #cta .cta_flex {
    width: 90%;
  }
}
@media (max-width: 1730px) {
  /*フッター*/
  #footer_sitemap .footer_flex {
    flex-wrap: wrap;
  }
  #footer_sitemap .sitemap_flex {
    gap: 20px;
  }
  #footer_sitemap address{
    font-size: 14px;
  }
  .footer_btn01,.footer_btn02 {
    width: 160px;
  }
}

@media (max-width: 1650px) {
  #page_link_list_area {
    width: 100%;
  }
}

@media (max-width: 1500px) {
  /*フッター*/
  #footer_sitemap .footer_flex {
    flex-wrap: wrap;
  }
  #footer_sitemap .footer_flex >div:nth-child(1) {
    border-top :1px dotted #96d5cc;
    width: 100%;
    margin-top: 20px;
    padding-top: 20px;
    order: 2;
  }
  #footer_sitemap .footer_flex >div:nth-child(2) {
    width: 100%;
  }
  #footer_sitemap address{
    font-size: 14px;
  }
  .footer_btn01,.footer_btn02 {
    width: 160px;
  }
  .footer_btn01,.footer_btn02 {
    width: 200px;
  }
  #footer_sitemap address{
    font-size: 1rem;
  }
}

@media (max-width: 1400px) {
  /*年間行事*/
  .year_list {
    gap: 10px;
  }
  .year_list .img img {
    width: 90%;
    margin: 0 auto;
    display: block;
  }
  .year_list > div {
    padding: 20px;
  }
  .year_list p {
    font-size: 0.9rem;
  }
  .content_size01 {
    width: 90%;
  }
  .price_box_title {
    font-size: 1.5rem;
  }
  .price_btn:after {
    width: 30px;
    height: 30px;
  }
}


@media (max-width: 1380px) {
  /*左メニュー*/
  #main_visual .main_visual_lead span {
    font-size: 1.5rem;
  }
  #side_menu {
    width: auto;
    padding: 20px;
  }
  #side_menu_inner {
    width: 200px;
  }
  #site_title {
    margin-bottom: 10px;
  }
  #site_logo img{
    width: 60px;
  }
  #site_title img {
    width: 200px;
  }
  #site_title .site_title_small {
    font-size: 12px;
  }
  .tel {
    font-size: 1.4rem;
  }
  .tel::before {
    width: 20px;
    height: 20px;
  }
  .main_box {
    background-color: var(--light-yellow);
    width: 100%;
    padding-left: 240px;
  }
  #global_navi li a {
    font-size: 0.9rem;
  }
  #site_logo {
    margin-bottom: 0px;
  }
  #second_navi {
    transform: translateX(-100%);
  }
  #second_navi.is_open {
    transform: translateX(240px);
  }
  .img_scale_waku {
    width: 80px;
    height: 80px;
  }
  #second_navi ul li a {
   font-size: 0.9rem;
  }
}

@media (max-width: 1200px) {
  .title06 {
    font-size: 2rem;
  }
  /********************************************/
  /*広報誌のご案内
  /********************************************/
  #koho .backnumber > ul {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}



@media (max-width: 1050px) {
  /*広報誌のご案内*/
  #top_magazine .magazine_box_area {
    max-width: none;
    min-width: auto;
    width: 95%;
  }
  #top_magazine .magazine_box {
    max-width: none;
    min-width: auto;
    width: 100%;
    margin: 0 auto;
  }
  .title04 {
    width: 95%;
    margin: 0 auto;
    text-align: left;
  }
  .title05,#top_magazine .magazine_title {
    font-size: 1.5rem;
  }
  #top_magazine .magazine_box::after {
    aspect-ratio: 132 / 197;
    width: 80px;
    height: auto;
    right: 0;
  }
  #top_magazine .magazine_box::before {
    display: none;
  }
  #top_magazine .magazine_flex {
    display: block;
  }
  #top_magazine .magazine_flex > div:nth-child(1) {
    width: 100%;
  }
  #top_magazine .magazine_flex > div:nth-child(2) {
    display: none;
  }
  #top_magazine{margin-bottom: 120px;}
  #top_magazine .magazine_box_area {
    margin-bottom: 60px;
  }
  #top_magazine .link01 {
    padding-top: 10px;
  }

}
@media (max-width: 1000px) {
  #site_footer {
    padding-top: 220px;
  }
  /********************************************/
  /*トップページ
  /********************************************/
  #top_message {
    width: 90%;
    padding: 30px;
    border-radius: 20px;
    margin: 20px auto 30px auto;
  }
  #top_message .lead01 {
    font-size: 1.8rem;
    display: block;
  }
  #top_message .lead01::after {
    margin-top: 10px;
  }
  /*笑顔を守る～*/
  .title02 {
     writing-mode: horizontal-tb;
     width: 72%;
     font-size: 1.5rem;
  }
  #top_features .features_flex > div:nth-child(1) .title02 {
    margin-bottom: 30px;
  }
  #top_features .features_flex {
    display: block;
  }
  #top_features .features_flex > div:nth-child(1),
  #top_features .features_flex > div:nth-child(2) {
    width: 100%;
  }
  #top_features .features_flex > div:nth-child(1) p {
    width: 90%;
    line-height: 1.8;
    margin-bottom: 20px;
  }
  #top_features .features_flex .features_photo img.phtoFrame01,
  #top_features .features_flex .features_photo img.phtoFrame02
   {border-radius: 0;}
  /********************************************/
  /*ページタイトル
  /********************************************/
  #page_title .page_title_visual {
    height: 300px;
  }
  /********************************************/
  /*CTA
  /********************************************/
  #cta .cta_flex {
    flex-wrap: wrap;
  }
  #cta .cta_flex > div {
    width: 100%;
  }
  #cta .cta_back {
    padding-top: 180px;
  }
  /********************************************/
  /*デイサービス
  /********************************************/
  .service_content_list {
    grid-template-columns : 1fr;
    gap: 10px;
  }
  .service_content_list .lead {
  font-size: 1.5rem;
  }
  .service_content_list .lead img {
    margin-right: 16px;
  }
  .gaiyou_table th {
  padding: 20px;
  text-align: center;
  }
  .gaiyou_table tr:first-child th, .gaiyou_table tr:first-child td {
    border-top: none;
  }
  .gaiyou_table td {
    border-top: none;
    border-bottom: none;
  }
  .gaiyou_table th,.gaiyou_table td{
    display: block;
  }
  @keyframes fadein_message {
    0% {
      opacity: 0;
      transform: translateX(20px) translateY(0);
    }
    100% {
      opacity: 1;
      transform: translateX(0) translateY(0);
    }
  }
  /********************************************/
  /*居宅介護支援事業所
  /********************************************/
  .flow_list01 {
      flex-wrap: wrap;
      gap: 40px 30px;
  }
  .flow_list01 > div {
      width: calc(32% - 20px);
  }
  #care-management .service_list li {
    font-size: 1.2rem;
  }
  #care-management .service_list {
    grid-template-columns: 1fr;
  }
    /*サービスのご案内*/
  #top_service .service_list .service_flex {
    flex-wrap: wrap;
  }
  #top_service .service_list .item {
    width: 100%!important;
    flex-wrap: wrap;
  }
  #top_service .service_list {
    grid-template-columns: 1fr 1fr;
  } 
  #top_service .service_list .item:not(.size02) a {
    padding: 20px;
  }
  #top_service .service_list a:hover {
      background: #fff;
  }

}

/* 768px以下 */
@media (max-width: 768px) {
  /********************************************/
  /*ヘッダー
  /********************************************/
  #logo_sp {
    padding: 16px 0;
    display: block;
  }
  #logo_sp img {
    width: 220px;
  }
  /********************************************/
  /*トップページ
  /********************************************/

  #top_magazine {
    width: 90%;
    min-width: auto;
    margin: 0 auto;
  }
  #top_magazine .magazine_box {
    width: 100%;
    min-width: auto;
    margin: 0 auto;
  }
  #side_menu {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    background: #fff;
    transform: translateX(-100%);
    z-index: 1000;
  }
  #side_menu.is-open {
    transform: translateX(0);
  }
  #side_menu.is-pushed {
    transform: translateX(-200px);
  }
  #second_navi {
    transform: translateX(-100%);
    width: calc(100% - 80px );
  }
  #second_navi.is_open {
    transform: translateX(40px);
  }
  #hamburger_btn {
    display: block;
    position: fixed;
    top: 16px;
    right: 16px;
    z-index: 1100;
    width: 60px;
    height: 60px;
    background: #067d6b;
    border: none;
    border-radius: 8px;
    padding: 0;
    cursor: pointer;
  }
  #hamburger_btn span {
    display: block;
    position: absolute;
    left: 14px;
    width: calc(100% - 28px);
    height: 2px;
    background: #fff;
    border-radius: 2px;
    transition: transform .3s ease, opacity .3s ease, top .3s ease;
  }
  #hamburger_btn span:nth-child(1) { top: 20px; }
  #hamburger_btn span:nth-child(2) { top: 29px; }
  #hamburger_btn span:nth-child(3) { top: 38px; }
  #hamburger_btn.is-active span:nth-child(1) {
    top: 29px;
    transform: rotate(45deg);
  }
  #hamburger_btn.is-active span:nth-child(2) {
    opacity: 0;
  }
  #hamburger_btn.is-active span:nth-child(3) {
    top: 29px;
    transform: rotate(-45deg);
  }
  #menu_overlay.is-open {
      display: block;
      opacity: 1;
  }
  .main_box {
    padding-left: 0;
  }
  #page_link_list_area {
    border-radius: 16px;
  }
  /********************************************/
  /*居宅介護支援事業所
  /********************************************/
  .flow_list01 {
      flex-wrap: wrap;
      gap: 40px 30px;
  }
  .flow_list01 > div {
      width: calc(50% - 30px);
  }
  /********************************************/
  /*広報誌のご案内
  /********************************************/
  #koho .backnumber > ul {
    grid-template-columns: 1fr 1fr 1fr;
  }
  #koho .latest_title span {
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
    font-size: 1rem;
    padding: 8px;
  }
  #koho .latest_title {
    font-size: 1.3rem;
  }
  #koho .backnumber > ul li a {
    padding: 8px;
  }
}


@media (max-width: 670px) {
  .gaiyou_tel_area span.tel_area:first-child{
      margin-bottom: 10px;
  }
}


/* 500px以下 */
@media (max-width: 500px) {
  /********************************************/
  /*共通
  /********************************************/
  .title01,.title03 {
    font-size: 1.8rem;
  }
  .title01 span,.title03 span {
    font-size: 1rem;
  }
  .title07 {
    font-size: 1.3rem;
  }


  /********************************************/
  /*トップページ
  /********************************************/
  #main_visual .main_visual_lead {
    top: 10%;
  }
  #main_visual .main_visual_lead span {
    background: rgba(12, 147, 127, 0.6);
  }
  /*サービスのご案内*/
  #top_service .service_list .service_flex {
    flex-wrap: wrap;
  }
  #top_service .service_list .item {
    width: 100%!important;
    flex-wrap: wrap;
  }
  #top_service .service_list {
    grid-template-columns: 1fr;
  }
  #top_service .service_list .item.size02 {
    grid-column: span 1;
  }
  #top_service .service_list .service_flex {
    display: block;
    padding: 20px;
  }
  #top_service .service_list .item:not(.size02) a {
    padding: 20px;
  }
  #top_service .service_list .item.size02 .service_flex a.service_box {
    padding: 0;
  }
  /*笑顔を守る～*/
    #top_features .photo_space .badge {
    display: none;
  }
  /*お知らせ*/
  .info_tab_navi li div {
    padding: 10px 10px 0 10px ;
  }
  .info_tab_navi li{
    width: 32%;
    text-align: center;
  }
  .info_row {
    padding: 16px;
  }

  .info_row::after {
    display: none;
  }
  .info_row .cate,.info_row .new,.info_row .important {
    font-size: 12px;
    padding: 2px 10px;
    border-radius: 4px;
    font-weight: 500;
  }
  .info_bottom_btn {
    text-align: center;
  }
  /*広報誌のご案内*/
    .title04 {
    font-size: 1.8rem;
  }
  #top_magazine .publication_date {
    margin-bottom: 0;
  }
  #top_magazine .publication_name {
    display: inline-block;
    margin-top: 5px;
  }
  /********************************************/
  /*
  /********************************************/
  .bread_list {
    margin-bottom: 30px;
  }
  #page_title h1 {
    font-size: 40px;
    padding-top:20px;
  }
  #page_link_list_area {
    margin-top: 16px;
  }

.swiper-slide:nth-child(2) img {
  object-position: bottom;
}

/********************************************/
/*赤堀・東福祉会について
/********************************************/
.history_table {
  border-collapse: collapse;
  width: 100%;
}
.history_table th,
.history_table td {
  display: block;
  width: 100%;
}
.history_table th {
  padding: 8px;

}
.history_table td {
  background: #fff;
  line-height: 1.6;
  border-top: none;
  border-bottom: none;
  font-size: 0.9rem;
  padding: 16px;
}
.history_table tr:last-child td {
  border-bottom: 1px solid #ccc; 
}
/********************************************/
/*サービス共通
/********************************************/
.service_content_list > div:nth-child(1) .lead img {
  width: 70px;
}
.service_content_list > div:nth-child(2) .lead img {
  width: 35px;
}
.service_top_flex > div:nth-child(2){
  text-align: center;
  padding-top: 20px;
}
.service_top_flex img{
  width: 80%;
}


/********************************************/
/*デイサービス
/********************************************/
.title06 {
  font-size: 1.6rem;
  margin-bottom: 20px;
}
.service_about {
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 1.8;
    margin-bottom: 20px;
}
.service_top_flex {
  flex-wrap: wrap;
}
.service_top_flex > div:nth-child(1){
  width: 100%;
}
.service_top_flex > div:nth-child(2){
  width: 80%;
  margin: 0 auto;
}
 #day-service .service_content_list .service_list{
    grid-template-columns: 1fr;
    gap: 4px;
  }
   #day-service .service_content_list .service_list li {
    padding: 10px;
  }
.year_list {
  grid-template-columns: 1fr 1fr;
}
.gallery01,.gallery02 {
  grid-template-columns: 1fr 1fr;
}
#day-service .time_schedule .time_area {
  margin-bottom: 10px;
}
#day-service .time_schedule .time {
  display: block;
}
#day-service .time_schedule .time_content {
  margin-left: 30px;
  font-size: 1.2rem;
}
.price_btn {
  width: 95%;
  padding: 16px 12px;
}
.price_box_title {
  font-size: 1.1rem;
}
/********************************************/
/*ホームヘルプ
/********************************************/
#home-help .service_content_list .fs13 {
  font-size: 1rem;
}
/********************************************/
/*お問い合わせ
/********************************************/
.contact_form {
  padding: 20px;
}
table.contact_table th {
  display: block;
  width: 100%;
  border-bottom: none;
  padding-bottom: 5px;
}
table.contact_table td {
  display: block;
  width: 100%;
  padding: 0 0 20px 0;
  margin-bottom: 20px;
}
.confirm_form {
  padding: 20px;
}
table.confirm_table th {
  display: block;
  width: 100%;
  border-bottom: none;
  padding-bottom: 5px;
  color: var(--main-color);
}
table.confirm_table td {
  display: block;
  width: 100%;
  padding: 0 0 20px 0;
  margin-bottom: 20px;
}
/********************************************/
/*CTA
/********************************************/
#cta .lead {
  font-size: 1.5rem;
}
/********************************************/
/*フッター
/********************************************/
#footer_sitemap .sitemap_flex {
  display: block;
}
#footer_sitemap .footer_sitemap_link{
  width: 100%;
}
.footer_btn01 {
  margin-top: 20px;
}
.footer_btn01, .footer_btn02 {
  width: 100%;
}
#footer_sitemap .footer_tel_fax {
  flex-wrap: wrap;
  gap: 0;
}
#footer_sitemap .footer_tel_fax span{
  width: 100%;
  justify-content: space-between;
}
#footer_sitemap .footer_banner_area a{
  width: 49%;
  gap: 1%;
}
#footer_sitemap .footer_banner_area a img {
  width: 100%;
}
#site_footer::after {
  right: 0;
}

/********************************************/
/*居宅介護支援事業所
/********************************************/
#care-management .flow_list01 > div {
    width: 100%;
}
#care-management .flow_list01 .image_area::after {
    display: none;
}
#care-management .flow_list01 > div:not(:last-child)::before {
    display: block;
    margin-top: 20px;
    transform: translate(-50%, -50%);
}
.gallery03 {
  grid-template-columns: 1fr ;
}
.service_content_list > div {
      padding: 30px 20px;
}
.flow_list01 .image_area {
  padding: 10px;
}
.flow_list01 .image_area img{
  width: 80px;
}
.flow_list01 .image_area p {
  padding-top: 5px;
}
/********************************************/
/*広報誌のご案内
/********************************************/

#koho .backnumber > ul {
  grid-template-columns: 1fr 1fr;
}
/********************************************/
/*採用情報
/********************************************/
.recruit_table {
  border-collapse: collapse;
  width: 100%;
}
.recruit_table th,
.recruit_table td {
  display: block;
  width: 100%;
}
.recruit_table th {
  padding: 8px;
  text-align: center;

}
.recruit_table td {
  background: #fff;
  line-height: 1.6;
  border-top: none;
  border-bottom: none;
  font-size: 0.9rem;
}
.recruit_table tr:last-child td {
  border-bottom: 1px solid #ccc; 
}
#recruit .recurit_list > ul {
  grid-template-columns: 1fr;
}
/********************************************
/*お知らせ詳細
/********************************************/
.cntTitle01 {
    font-size: 1.7rem;
    padding-bottom: 5px;
}
}


@media (max-height: 500px) {
  #main_visual .main_visual_lead{display: none;}
}