@charset "UTF-8";

  @media (width <= 1536px) {

    #container .top_card .content_box{padding: 0; border-radius: 0; }
  }

  @media (width <= 1400px) {

  }

  @media (width <= 1024px) {
  .title{font-size: 24px;}
  .title_box span{}
  .desc{font-size: 1rem; }
  .sub_menu li a{padding: 12px 20px; }

  #container .main_visual{height: auto; }
  #container .main_visual .swiper-pagination{bottom: 0; }

  .cont_2 ul,
    .cont_7 ul,
    .cont_8 .desc_wrap ul,
    .cont_6 .content_box{grid-template-columns: 1fr; }
    .cont_8 .desc_wrap ul{gap: 40px; }

    #container .top_card .swiper-container{height: 240px}

  .about_wrap .title_box{margin-bottom: 40px;}
  .about_wrap .title_box h6{}
  .about_wrap .title_box h5{}

  .about_wrap .desc_box{gap: 90px; }
  .about_wrap .desc_box .desc_item{gap: 40px; }
    .about_wrap .desc_box .img_box{width: 400px; }

  .about_wrap .desc_box p{font-size: 16px; }
  .about_wrap .desc_box h6{font-size: 24px;}
  .about_wrap .desc_box ul{display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; }
  .about_wrap .desc_box li .img_box{height: auto; width: 100%; aspect-ratio: 4/3; }
  .about_wrap .desc_box li p{padding: 12px; font-size: 16px;}
  .about_wrap .desc_box .desc_item:last-child .img_box{margin: 0 auto; }

  .about_wrap.greeting .desc_item{gap: 40px; }
  .about_wrap.greeting .desc_item .desc{font-size: 18px; }
  .about_wrap.greeting .tit{font-size: 24px; margin-bottom: 24px;}
  .about_wrap.greeting .tit br{display: none}

  .about_wrap.purpose .list{display: grid; grid-template-columns: repeat(3,1fr); overflow: hidden; }
  .about_wrap.purpose .list li .img_box{width: 100%; aspect-ratio: 1/1; height: auto; margin-bottom: 12px;}
  .about_wrap.purpose .list li p{font-size: 16px; }
  .about_wrap.purpose .revenue_box{height: auto; padding: 60px 20px !important; }
  .about_wrap.purpose .revenue_box .desc{font-size: 16px;}

  .recruit_box .info{padding: 16px 20px;}
  .recruit_box .info li{flex-direction: column; gap: 0; margin-bottom: 24px; font-size: 16px; width: 100%; }  .recruit_box .info li div{font-size: 16px; }
  .recruit_box .desc{font-size: 16px;}

  .about_activity_wrap .item_list{}
  .about_activity_wrap .img_list{width: 360px}
  .about_activity_wrap .item_list li h5{font-size: 24px;}
  .about_activity_wrap .item_list li h6{font-size: 18px;}
  .about_activity_wrap .item_list li span{font-size: 16px;}
  .about_activity_wrap .item_list .btn_box{margin-top: 40px;}

  .map_wrap .text_box > h5{font-size: 24px;}
  .map_wrap .map_list .tit h6{font-size: 20px;}
  .map_wrap .map_list .tit span{font-size: 18px;}
  .map_wrap .map_list li h6,
  .map_wrap .map_list li span{font-size: 16px;}
  .map_wrap .map_list .fax{margin-bottom: 20px;}

  .funeral_support_wrap.main .desc_box li .img_box{width: 360px; }
  .funeral_support_wrap.main .desc_box li h6{font-size: 20px;}
  .funeral_support_wrap.main .desc_box li p{font-size: 16px;}
  .funeral_support_wrap.info>.content_box{flex-direction: column; gap:0}
  .funeral_support_wrap.info .tit_wrap{position: sticky; top: 60px; left: 0; background: #fff;  padding: 12px 0 !important;}
  .funeral_support_wrap.info .desc_box{padding: 16px 24px; }
  .funeral_support_wrap.info .list{position: static; width: 100%; display: flex; justify-content: space-between; }
  .funeral_support_wrap.info .list li a{ font-weight: normal; padding: 8px 12px; border-left-width: 0; border-radius: 8px}
  .funeral_support_wrap.info .list li.active a{font-weight: bold; }
  .funeral_support_wrap.info .procedure_list{flex-direction: column; align-items: center; max-width: 500px; margin: 0 auto;}
  .funeral_support_wrap.info .procedure_list li{width: 100%; text-align: center}
  .funeral_support_wrap.info .procedure_list li:nth-child(even) svg{transform: rotate(90deg); }
  .funeral_support_wrap.info .procedure_list li svg{margin: 0 auto; }
  .funeral_support_wrap.info .desc_wrap>article .box span{}

  .funeral_support_wrap.apply .info_box>div{font-size: 16px;}
  .funeral_support_wrap.apply .info_box>p{}
  .funeral_support_wrap.apply .info_box ul{grid-template-columns: 1fr; }
  .funeral_support_wrap.apply .info_box ul li:first-child{border-right:0; border-bottom: 1px solid var(--border-color); }

  .funeral_info_wrap.main .traditional .tab_list .timeline_box{gap: 16px}
  .funeral_info_wrap.main .traditional .tab_list .step_group{flex-wrap: wrap; gap: 4px 0;  }
  .funeral_info_wrap.main .traditional .tab_list .step_group li span{width: 80px}
  .funeral_info_wrap.main .traditional .tab_list .step_group li{}
  .funeral_info_wrap.main .traditional .tab_list .step_group li::after{}

  .funeral_info_wrap.method .content_box section .card ul li>*{padding: 12px 20px; }
  .funeral_info_wrap.method .content_box section .card ul:not(.list_outside){gap: 20px; }

  .funeral_info_wrap.after .after_work_list h6 a strong{font-size: 18px; padding-left: 0;}
  .funeral_info_wrap.after .after_work_list .desc_box>ul>li{flex-direction: column; align-items: flex-start; gap: 0;}
    .funeral_info_wrap.after .after_work_list .desc_box>ul>li h6{padding-left: 0;}
  .funeral_info_wrap.after .after_work_list .desc_box>ul>li span{}

  .funeral_info_wrap.necessity .price_card_box ul{gap: 8px; }
  .funeral_info_wrap.necessity .price_card_box ul .card{padding: 16px; }

  .sponsorship_wrap .desc_wrap .type_list{gap: 12px; }
  .sponsorship_wrap .desc_wrap .type_list li .account_box{padding-left: 0;}
  .sponsorship_wrap .desc_wrap .type_list li .account_box li span{width: 100%; }

  .join_wrap  .form_wrap dt{text-align: left;}


  .shop_wrap.main .shop_list{grid-template-columns: repeat(3,1fr); }
}

@media (width <= 992px) {

}

@media (width <= 768px) {
  .board_list li>* .tit{font-size: 20px;}

  .tit{font-size: 22px;}

  .sub_menu ul{overflow: auto; justify-content: safe center}
  .sub_menu ul::-webkit-scrollbar{display: none; }
  .sub_menu ul li{flex-shrink: 0; }
  .sub_menu ul li a{white-space: nowrap; }
  .title_box .title{font-size: 28px;}
  .title_box .sub_title{font-size: 20px;}
  .title_box i{font-size: 16px;}


  .main_visual .swiper-slide .pc{display: none; }
  .main_visual .swiper-slide .mo{display: block; }
  #container .main_visual .swiper-btn-box{bottom: 4px; right: 0px; }


  .cont_8 .content_box .card-body{flex-direction: column; }
  .cont_8 .title_box{border-right: 0; border-bottom: 1px solid var(--border-color); padding-right: 0; margin-right: 0; padding-bottom: 20px; margin-bottom: 20px; width: 100%; padding-left: 0;}
  .cont_8 .desc_wrap{padding: 0;}
  .cont_8 .desc_wrap ul{flex-direction: column; align-items: stretch}
  .cont_8 .desc_wrap li{}
  .cont_8 .desc_wrap li a{display: flex; gap : 20px; }
  .cont_8 .desc_wrap li a .img_box{flex-shrink: 0; margin: 0; }
  .cont_8 .desc_wrap li .desc_box{padding: 0; flex: 1; text-align: left;}
  .cont_8 .desc_wrap li .tit{font-size: 24px;}
  .cont_8 .desc_wrap li .desc{font-size: 1rem;}
  .cont_8 .desc_wrap li .desc br{display: none; }
  .cont_8 .desc_wrap li.arrow .img_box svg{transform: rotate(90deg); margin: 0 auto; }

  .foot_banner .card .card-body{flex-direction: column; padding: 0; gap: 40px}
  .foot_banner .card .tit{font-size: 24px;}
  .foot_banner .card .btn_box{width: 100%; }
  .foot_banner .card .btn_box a .tel_num{font-size: 28px;}

  .about_wrap .desc_box .desc_item{flex-direction: column; overflow: hidden; gap: 40px; }
  .about_wrap .desc_box .img_box{width: 100%; height: auto; }
  .about_wrap .desc_box ul{grid-template-columns: repeat(2,1fr); }
  .about_wrap .desc_box li .img_box{aspect-ratio: 4/3; }

  .about_wrap.main .sub_cont_1 .img_box{width: 100%; }
  .about_wrap.main .sub_cont_1 .content_box{flex-direction: column; }
  .about_wrap.main .sub_cont_1 .desc p{font-size: 20px;}
  .about_wrap.main .sub_cont_2 ul{grid-template-columns: 1fr; }
  .about_wrap.main .sub_cont_2 li .desc .tit br{display: none; }
  .about_wrap.main .sub_cont_3 .content_box{flex-direction: column; }
  .about_wrap.main .sub_cont_3 p{font-size: 1rem; }
  .about_wrap.main .sub_cont_4 .flex_box{grid-template-columns: 1fr; }

  .about_wrap.greeting .desc_item{flex-direction: column; margin-bottom: 24px; gap: 40px; }

  .about_wrap.map .map_box{flex-direction: column-reverse; }
  .about_wrap.map .text_box > h5{font-size: 32px;}
  .about_wrap.map .map_list .tit h6{font-size: 22px;}
  .about_wrap.map .map_list .tit span{font-size: 22px;}
  .about_wrap.map .map_list li h6{font-size: 20px;}
  .about_wrap.map .map_list li span{font-size: 20px;}

  .recruit_box .inner{grid-template-columns: 1fr; }

  .about_activity_wrap .item_list>li{flex-direction: column; }
  .about_activity_wrap .img_list{width: 100%; }

  .map_wrap .map_box{grid-template-columns: 1fr; }

  .funeral_support_wrap.main .desc_box li{flex-direction: column; }
  .funeral_support_wrap.main .desc_box li:nth-child(odd){flex-direction: column-reverse; }
  .funeral_support_wrap.main .desc_box li .img_box{width: 100%; }

  .funeral_support_wrap.info .list li a{font-size: 12px;}
  .funeral_support_wrap.info .list li a .icon{display: none}

  .funeral_info_wrap.main .traditional .tab_list .timeline_box>li{align-items: flex-start; flex-direction: column; gap: 8px; }

  .funeral_info_wrap.method .content_box section .card ul:not(.list_outside){flex-direction: column;}

  .funeral_info_wrap.after .after_work_list h6 a .badge{display: none; }

  .sponsorship_wrap .desc_wrap .type_list{flex-direction: column; }

  .sponsorship_wrap .account_box{padding-left: 0; }
  .sponsorship_wrap .account_box li>div{flex: 1;}
  .sponsorship_wrap .account_box li>a{flex-shrink: 0;}

  /* shop */
  .shop_wrap.main .shop_list{grid-template-columns: repeat(2,1fr); gap: 20px 8px; }
  .shop_wrap.main .shop_list li .tit{font-size: 16px; }
  .shop_wrap.main .shop_list li .desc{font-size: 14px; }
  .shop_wrap.main .shop_list li .price{font-size: 16px;}

  .care_wrap.main .sub_cont_2 ul{grid-template-columns: 1fr; }
  .care_wrap.main .sub_cont_2 li{padding-left: 0;padding-right: 0;}
  .care_wrap.main .sub_cont_2 li:nth-child(odd){border-right: 0; }
  .care_wrap.main .sub_cont_2 li .desc{font-size: 1rem;}

  .care_wrap.main .sub_cont_3 ul{grid-template-columns: 1fr; }
  .care_wrap.main .sub_cont_3 li::after{display: none; }
  .care_wrap.main .sub_cont_3 li{display: flex; text-align: left; }
  .care_wrap.main .sub_cont_3 li .num{flex-shrink: 0; }

  .care_wrap.main .sub_cont_5 .flex_box{flex-direction: column; }

  .care_wrap.transport .dl_box dl.tit{display: none}
  .care_wrap.transport .sub_cont_7 .tab_item .tab_link{font-size: 1rem;}
  .care_wrap.transport .sub_cont_7 .flex_box{flex-direction: column; }
  .care_wrap.transport .sub_cont_2 ul{flex-direction: column; }
  .care_wrap.transport .sub_cont_2 li{padding-bottom: 20px; margin-bottom: 20px;}
  .care_wrap.transport .sub_cont_2 li::after{width: 100%; height: 1px; top: auto; bottom: 0; left: 0; right: auto; }

  .care_wrap.transport .sub_cont_3 ul{flex-direction: column; }
  .care_wrap.transport .sub_cont_4 .card_list{flex-direction: column; }
  .care_wrap.transport .sub_cont_5 .flex_box{flex-direction: column; }

  .care_wrap.meal .sub_cont_1 .sub_title span br{display: block}
  .care_wrap.meal .sub_cont_1 .btn_box a{flex: 1; }
  .care_wrap.meal .sub_cont_1 .btn_box a span{display: none; }
  .care_wrap.meal .sub_cont_3 .img_box{width: 100%; position: static; }
  .care_wrap.meal .sub_cont_2 ul,
  .care_wrap.meal .sub_cont_3 li,
  .care_wrap.meal .sub_cont_4 ul,
  .care_wrap.meal .sub_cont_6 ul{flex-direction: column; }
  .care_wrap.meal .sub_cont_2 ul li{display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; }
  .care_wrap.meal .sub_cont_2 ul li .icon_box{margin: 0; }
  .care_wrap.meal .sub_cont_2 ul li .tit{align-self: center; margin-bottom: 0;}
  .care_wrap.meal .sub_cont_2 ul li .desc{width: 100%; }
  .care_wrap.meal .sub_cont_4 li .tit{font-size: 40px;}


  .care_wrap.meal .sub_cont_5 ul{grid-template-columns: 1fr;}

  .care_wrap.homecare .sub_cont_2 ul{flex-direction: column; }
  .care_wrap.homecare .sub_cont_3 .card li .desc{align-items: flex-start}
  .care_wrap.homecare .sub_cont_3 .card li .icon_box{width: 28px; height: 28px; }
  .care_wrap.homecare .sub_cont_3 .disease_box .toggle_trigger .tit_box .tit{font-size: 1rem;}
  .care_wrap.homecare .sub_cont_3 .disease_box .tit_box div{font-size: 16px;}
  .care_wrap.homecare .sub_cont_3 .toggle_box .toggle_trigger::after{top: 0; transform: none; right: 0; }
  .care_wrap.homecare .sub_cont_5 .toggle_box .toggle_item .list{grid-template-columns: 1fr; }
  .care_wrap.homecare .sub_cont_3 .toggle_item .card-body{grid-template-columns: 1fr; gap: 40px; }
  .care_wrap.homecare .sub_cont_3 .toggle_item .card-body .tit{font-size: 20px;}
  .care_wrap.homecare .sub_cont_3 .toggle_item ul{font-size: 16px;}
  .care_wrap.homecare .sub_cont_4 li .icon_box{display: none; }
  .care_wrap.homecare .sub_cont_4 li::after{display: none; }
  .care_wrap.homecare .sub_cont_4 li .card strong{color: var(--primary); }
  .care_wrap.homecare .sub_cont_5 .table_box{overflow: auto; }
  .care_wrap.homecare .sub_cont_5 .table_box .tit{font-size: 1rem;}
  .care_wrap.homecare .sub_cont_5 .table_box .sub_text{font-size: 16px;}
  .care_wrap.homecare .sub_cont_5 .info_box .info_list .text{align-items: flex-start}
  .care_wrap.homecare .sub_cont_5 .info_box .info_list svg{margin-top: 2px;}
  .care_wrap.homecare .sub_cont_5 .toggle_box .toggle_item .list li .desc{padding: 0;}


  .care_wrap.homecare_apply .form_wrap dl{flex-direction: column; }

  .care_wrap.funeral .sub_cont_2 .desc .point{font-size: 24px; padding-left: 20px;}
  .care_wrap.funeral .sub_cont_3 li .tit{font-size: 40px;}
  .care_wrap.funeral .sub_cont_3 ul,
  .care_wrap.funeral .sub_cont_4 ul,
  .care_wrap.funeral .sub_cont_5 .desc_box{flex-direction: column; }
  .care_wrap.funeral .sub_cont_5 .img_box{width: 100%; position: static}

  .care_wrap.funeral_apply .info_box .card{font-size: 15px;}
  .care_wrap.funeral_apply .info_box .btn_box{flex-direction: column; }
  .care_wrap.funeral_apply .info_box .btn_box .btn{width: 100%; }
  .care_wrap.funeral_apply .form_wrap dl{flex-direction: column; }

  .education_wrap.main .sub_cont_1 .img_wrap{display: none; }
  .education_wrap.main .sub_cont_1 .btn_box a{font-size: 20px; padding-left: 0; padding-right: 0; flex: 1; }
  .education_wrap.main .sub_cont_2 ul,
  .education_wrap.main .sub_cont_3 ul,
  .education_wrap.main .sub_cont_4 .desc_box{flex-direction: column; }
  .education_wrap.main .sub_cont_3 .title_box{flex-direction: column; align-items: flex-start; }
  .education_wrap.main .sub_cont_3 .title_box>a{margin-left: auto; margin-top: 20px;}
  .education_wrap.main .sub_cont_4 .desc_box li .tit{font-size: 20px;}
  .education_wrap.main .sub_cont_4 .desc_box li .sub_text{font-size: 16px;}

  .shopping_wrap.main .shop_list{grid-template-columns: repeat(2, 1fr); gap: 20px 8px; }
  .shopping_wrap.main .shop_list li .tit{font-size: 20px;}
  .shopping_wrap.main .shop_list li .sub_tit,
  .shopping_wrap.main .shop_list li .desc{font-size: 16px; }

  .sponsorship_wrap .desc_wrap .type_box .point_box{font-size: 16px; }
  .sponsorship_wrap .form_wrap dl{flex-direction: column; }

  .photo_list_box ul{display: grid; grid-template-columns: repeat(3,1fr); }
  .photo_list_box li .img_box{width: 100%; height: auto; aspect-ratio: 1/1; }

  .activity_wrap.notice .board_list>li>* .num,
  .activity_wrap.notice .board_list>li>* .view{display: none; }
}


@media (width <= 576px) {

  .join_wrap .form_wrap form>.card{border: none; border-radius: 0; }
  .join_wrap .form_wrap form>.card>.card-body{padding: 0;}

}