@charset 'utf-8';

.hed_page_img {
  background-image: url("../img/buddhist_fv.jpg");
  filter: brightness(0.8);
}

/* 共通設定 */
.pc_only{
  display: block;
}

.common_head,.common_listitem{
  writing-mode: vertical-lr;
  font-size: 3rem;
  font-weight: bold;
  font-family: var(--ZenMincho);
  color: #020202;
  letter-spacing: 0.25em;
  line-height: 1;
}

.common_head{
  text-shadow: 0rem 0.2rem 0.1rem #00000029;
}

.common_detail_txt{
  font-size: 1.8rem;
  font-weight: bold;
  font-family: var(--ZenMincho);
  line-height: calc(35 / 18);
  color: #333333;
}

.common_fee_setting{
  font-size: 1.8rem;
  font-weight: bold;
  font-family: var(--ZenMincho);
  line-height: calc(26 / 18);
  letter-spacing: 0.24em;
}

.common_flex{
  display: flex;
}

/* 共通設定ここまで */

/* 全体背景 */
.butsuji_sec{
  /* padding-left: 7.4rem; */
  margin-bottom: 5.5rem;
}
.buddhist_bg{
  position: relative;
  width: 100%;
  height: 100%;

  padding-top: 7.4rem;
  padding-bottom: 16.4rem;
  
  &::before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0.9;
    z-index: -1;
    background-image: url(../img/buddhist_white_bg.png);
    background-size: cover;
    background-repeat: no-repeat;
  }
}

/* 仏事 */
.butsuji_head{
  height: fit-content;
  margin-top: 3.5rem;
  margin-left: 8.5rem;
}

.butsuji_container{
  justify-content: flex-end;
}

.butsuji_detail_box{
  max-width: 113.2rem;
  width: 100%;
  padding: 4.7rem 11rem 5.9rem 17.1rem;
  background-image: url(../img/buddhist_teikihouyou_bg.png);
  background-size: contain;
}

.butsuji_detail_head{
  margin-left: 1.4rem;
}

.butsuji_detail{
  writing-mode: vertical-rl;
  font-size: 2.5rem;
  font-family: var(--ZenMincho);
  font-weight: bold;
  color: #333333;
  line-height: calc(49 / 25);
  margin-left: 8.9rem;
  letter-spacing: 0.35em;
}
.butsuji_detail_box,.butsuji_detail_listbox{
  flex-direction: row-reverse;
}

.butsuji_detail_listbox{
  margin-top: 0.2rem;
}

.butsuji_detail_listitem{
  margin-left: 6.3rem;
  letter-spacing: 0.45em;
  height: fit-content;
}


.other_item{
  position: relative;
  font-size: 2rem;
  font-weight: bold;
  font-family: var(--ZenMincho);
  letter-spacing: 0.24rem;
  writing-mode: vertical-lr;
  color: #020202;
  margin-top: 6.8rem;
  letter-spacing: 0.45em;
}

.other_item::before{
  content: "";
  position: absolute;
  top: -2rem;
  left: 50%;
  width: 0.1rem;
  height: 1.54rem;
  background-color: #020202;
}

.other_item::after{
  content: "";
  position: absolute;
  bottom: -1.5rem;
  left: 50%;
  width: 0.1rem;
  height: 1.54rem;
  background-color: #020202;
}
/* 定期法要 */
.memorial_service_sec{
  position: relative;
  padding-bottom: 7.4rem;
}

.memorial_service_wrapper{
  margin-right: auto;
}

.memorial_imgbox{
  max-width: 96.8rem;
  width: 100%;
  max-height: 58.8rem;
  height: 100%;
  /* margin-right: 0rem; */
}

.memorial_service_detail_box{
  max-width: 72.3rem;
  width: 100%;
  position: absolute;
  bottom: 0;
  right: 0;
  background-image: url(../img/buddhist_teikihouyou_bg.png);
  background-size: contain;
  padding: 4.5rem 6.1rem 4.5rem;
}

.memorial_service_head{
  font-size: 2.5rem;
  width: fit-content;
  height: fit-content;
  margin:0.9rem 0 0 3.3rem;
  letter-spacing: 0.1em;
  z-index: 1;
}

/* ご供養 */
.gokuyou_sec{
  margin: 0 0 8.6rem 7rem;
}

.gokuyou_sp_container{
  display: flex;
}

.gokuyou_head{
  margin-top: 0.8rem;
  margin-right: 2.5rem;
  letter-spacing: 0.16em;
}

.gokuyou_imgbox{
  max-width: 32.5rem;
  width: 100%;
  max-height: 43.3rem;
  height: 100%;
  margin-right: 2.6rem;
}

.gokuyou_detail_box{
  max-width: 75.8rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin-top: 16rem;
}

.gokuyou_detail_txt{
  margin-bottom: 3.2rem;
}

.gokuyou_desc_list{
  margin-bottom: 0;
}

/* ご祈祷 */
.prayer_sec{
  position: relative;
  margin-bottom: 12rem;
}

.prayer_deco_imgbox{
  position: absolute;
  max-width: 46.5rem;
  max-height: 55.6rem;
  top: -8.9rem;
  left: 0;
}

.prayer_detail_box{
  padding: 14rem 28.2rem 5.5rem 4rem;
  background-image: url(../img/buddhist_gokitou_bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  margin-top: 24rem;
}

.prayer_desc_listbox{
  max-width: 58.3rem;
  margin-left: 1.4rem;
}

.prayer_head{
  margin-bottom: 6.6rem;
  letter-spacing: 0.46em;
}

.prayer_imgbox{
  max-width: 104.6rem;
  width: 100%;
  max-height: 54.7rem;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}

.prayer_detail_list:first-child{
  margin-bottom: 3.4rem;
}
/* お葬儀 */
.funeral_sec{
  margin-bottom: 5.2rem;
}

.funeral_img_box{
  flex-shrink: 0;
  max-width: 53.6rem;
  width: 100%;
}

.funeral_desc_box{
  display: flex;
  padding: 2.2rem 7.6rem 3.4rem 5.6rem;
  background-image: url(../img/buddhist_sougi_bg.png);
}

.funeral_desc_head{
  margin-top: 1.4rem;
  margin-right: 1.4rem;
  letter-spacing: 0.41em;
}

.funeral_desc_txt{
  margin-bottom: 3.4rem;
}
/* 永代供養 */
.perpetual_memorial_service_sec{
  position: relative;
  margin-bottom: 4.5rem;
}

.perpetual_deco_imgbox{
  position: absolute;
  right: 0;
  bottom: -16rem;
  max-width: 46.4rem;
}

.perpetual_desc_container{
  max-width: 89.4rem;
  width: 100%;
  background-image: url(../img/buddhist_eidaikuyou_bg.png);
  background-size: contain;
  padding: 3.9rem 22.2rem 6.4rem 4.8rem;
  margin-top: 5.8rem;
}

.perpetual_head{
  margin: 1.2rem 2.5rem 0 0;
  margin-top: 1.2rem;
  margin-right: 2.5rem;
  letter-spacing: 0.4em;
}

.perpetual_desc_box{
  max-width: 56.8rem;
  width: 100%;
}

.perpetual_desc_txt{
  max-width: 54.9rem;
  width: 100%;
  margin-bottom: 3.2rem;
}

/* 費用 */
.perpetual_fee_box{
  max-width: 48.7rem;
  width: 100%;
  margin-bottom: 7.2rem;
}

.perpetual_fee_listbox{
  display: flex;
  justify-content: space-between;
}

.perpetual_fee_title{
  position: relative;
  margin-bottom: 3rem;
}

.perpetual_fee_title::after{
  position: absolute;
  left: 0;
  bottom: -0.7rem;
  content: "";
  max-width: 48.7rem;
  width: 100%;
  background-color: #8AA357;
  height: 0.1rem;
}

.perpetual_fee{
  max-width: 11.3rem;
  width: 100%;
}

.perpetual_detail_list{
  margin-bottom: 0;
}

.perpetual_imgbox{
  max-width: 55.3rem;
  width: 100%;
  height: 46.9rem;
  position: absolute;
  top: 0;
  right: 0;
}

/* 動物供養*/
.animal_memorial_sec{
  position: relative;
  margin-bottom: 6.3rem;
}

.animal_memorial_imgbox{
  position: absolute;
  max-width: 50.8rem;
  width: 100%;
  top: 0;
  left: 0;
}

.animal_memorial_container{
  max-width: 85.6rem;
  width: 100%;
  margin-left: auto;
}

.animal_memorial_head{
  letter-spacing: 0.45em;
  margin: 0.5rem 0 4.1rem 10.3rem;
}

.animal_memorial_txtbox{
  width: 100%;
  padding: 4.5rem 4rem 5.2rem 13.4rem;
  background-image: url(../img/buddhist_gokitou_bg.png);
  background-repeat: no-repeat;
  background-size: cover;
}

.animal_memorial_desc{
  margin-bottom: 4rem;
}

.animal_memorial_fee_title{
  position: relative;
  margin-bottom: 2.5rem;
}

/* 費用 */
.animal_memorial_fee_box{
  max-width: 42rem;
  width: 100%;
  margin-bottom: 3.4rem;
}

.animal_memorial_fee_title::after{
  position: absolute;
  left: 0;
  bottom: -1.5rem;
  content: "";
  max-width: 42rem;
  width: 100%;
  background-color: #8AA357;
  height: 0.1rem;
}

.animal_memorial_fee_listbox{
  display: flex;
  justify-content: space-between;
}

/* その他 */
.other_sec{
  position: relative;
}
.other_container{
  margin-left: 4.4rem;
}

.other_deco_imgbox{
  position: absolute;
  top: -6.5rem;
  right: 0;
  max-width: 31.2rem;
  width: 100%;
  max-height: 37.3rem;
  z-index: 5;
}


.other_imgbox{
  max-width: 39rem;
  width: 100%;
  max-height: 52rem;
}

.other_desc_box{
  max-width: 76.4rem;
  width: 100%;
  position: absolute;
  right: 15rem;
  bottom: 0px;
  background-image: url(../img/buddhist_teikihouyou_bg.png);
  background-size: cover;
  padding: 5.1rem 7.2rem 6.4rem 8rem;
  margin-bottom: 4rem;
}

.other_head{
  letter-spacing: 0.4em;
  margin: 1rem 1.4rem 0 0;
}

.sp_only{
  display: none;
}

@media screen and (max-width: 699.98px) {
  /* 共通設定 */

  .hed_page_img {
    background-position: center;
  }

  .sp_only{
    display: block;
  }
  
  .common_head,.common_listitem{
    font-size: 2.4rem;
  }

  .common_head{
    line-height: 1;
  }

  .common_listitem{
    
  }

  .common_detail_txt{
    font-size: 1.6rem;
    line-height: calc(35 / 16);
  }

  .common_fee_setting{
    font-size: 1.6rem;
    line-height: calc(24 / 16);
    letter-spacing: 0.1em;
  }

  /* 共通設定ここまで */

  /* 全体設定 */
  .buddhist_bg{
    position: relative;
    padding-top: 2.2rem;
    padding-bottom: 8.4rem;

    &::before{
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      opacity: 0.9;
      z-index: -1;
      background-image: url(../img/buddhist_sp_bg.png);
      background-size: cover;
      background-repeat: no-repeat;
    }
  }
  
  /* 仏事 */
  .butsuji_sec{
    padding-left: 2rem;
    margin-bottom: 2.9rem;
  }

  .butsuji_deco_imgbox{
    position: absolute;
    max-width: 14rem;
    height: 16.7rem;
    top: 0;
    left: 0;
  }

  .butsuji_head{
    margin-left: 0;
    margin-right: 0.8rem;
  }

  .butsuji_detail_head{
    margin-left: 0.4rem;
  }

  .butsuji_detail_box{
    padding: 4.1rem 2.6rem 0 0;
  }

  .butsuji_detail{
    font-size: 2rem;
    margin-top: 0.4rem;
    margin-left: 2.9rem;
    line-height: calc(64 / 30);
    letter-spacing: 0.7em;
  }

  .butsuji_detail_listbox{
    flex-wrap: wrap;
  }
  
  .butsuji_detail_listitem{
    margin-left: 3rem;
    margin-bottom: 6.8rem;
  }

  /* .butsuji_detail_listitem:nth-last-child(2){
    margin-left: 0.7rem;
  } */

  .other_item{
    font-size: 1.6rem;
    letter-spacing: 0.5em;
    margin-top: 3.4rem;
    margin-bottom: 5.8rem;
  }

  /* 定期法要 */
  .memorial_service_sec{
    padding-bottom: 2.2rem;
    margin-bottom: 0;
  }

  .memorial_service_wrapper{
    margin-right: 0;
  }

  .memorial_service_container{
    flex-direction: column;
  }

  .memorial_service_detail_txt{
    font-size: 1.4rem;
  }

  .memorial_service_container :nth-child(1){
    max-width: 32.6rem;
    order: 2;
  }

  .memorial_service_container :nth-child(2){
    order: 3;
    margin-right:4.7rem;
  }

  .memorial_service_container :nth-child(3){
    order: 1;
    margin-bottom: -20.4rem;
  }

  .memorial_imgbox{
    max-width: 30.9rem;
    width: 100%;
    margin-top: -14.5rem;
  }

  .memorial_service_detail_box{
    max-width: 26.4rem;
    width: 100%;
    padding: 1.7rem 2.1rem 1.8rem;
    position: static;
    margin-left: auto;
    margin-top: -3.5rem;
  }

  .memorial_service_head{
    margin-top: 0;
    margin-left: auto;
    letter-spacing: 0.4em;
    margin-right: 2.2rem;
    padding-top: 1rem;
  }

  /* ご供養 */
  .gokuyou_sec{
    margin: 0 0 9.2rem 2rem;
  }

  .gokuyou_container{
    flex-direction: column;
  }

  .gokuyou_sp_container{
    display: flex;
  }

  .gokuyou_head{
    margin-top: 0.6rem;
    margin-right: 1rem;
    letter-spacing: 0.4em;
  }

  .gokuyou_imgbox{
    max-width: 18.1rem;
    width: 100%;
    height: 24.1rem;
    margin-bottom: 1.4rem;
  }

  .gokuyou_detail_box{
    max-width: 29.9rem;
    margin: 0 auto 0 3.5rem;
  }

  .gokuyou_detail_txt{
    margin-bottom: 3.3rem;
  }

  /* ご祈祷 */
  .prayer_sec{
    margin-bottom: 8rem;
  }

  .prayer_deco_imgbox{
    top: 0;
  }

  .prayer_desc_listbox{
    margin-left: 0;
  }

  .prayer_detail_box{
    max-width: 35.5rem;
    background-size: cover;
    padding: 4.2rem 1.6rem 3.8rem 2rem;
    margin-top: 4rem;
  }

  .prayer_head{
    margin-top: 0.9rem;
    margin-bottom: 0.3rem;
  }

  .prayer_imgbox{
    max-width: 31.1rem;
    max-height: 16.2rem;
  }

  /* お葬儀 */
  .funeral_sec{
    margin-bottom: 6.2rem;
  } 

  .funeral_container{
    flex-direction: column;
  }

  .funeral_desc_box{
    padding: 2.4rem 2rem 2.8rem;
    background-size: contain;
  }

  .funeral_desc_head{
    margin-top: 0;
  }

  /* 永代供養 */
  .perpetual_memorial_service_sec{
    margin-bottom: 3.8rem;
  }

  .perpetual_deco_imgbox{
    max-width: 14rem;
    height: 16.7rem;
    bottom: -10.4rem;
  }

  .perpetual_desc_container{
    flex-direction: column;
    max-width: 35.5rem;
    padding: 5.2rem 1rem 4.9rem 2rem;
    margin: 6rem 0 0 0;
  }

  .perpetual_head{
    width: fit-content;
    height: 14rem;
    margin-top: 0.5rem;
    margin-bottom: 2.8rem;
  }

  .perpetual_desc_txt{
    margin-left: 0.4rem;
  }

  /* 費用 */
  .perpetual_fee_box{
    max-width: 32.5rem;
    margin-bottom: 4rem;
  }

  .perpetual_fee_listbox{
    padding-right: 1rem;
  }

  .perpetual_fee_title{
    margin-bottom: 2.5rem;
  }

  .perpetual_fee_title::after{
    bottom: -1.4rem;
  }

  .perpetual_fee{
    max-width: unset;
    width: auto;
  }

  .perpetual_detail_listbox{
    max-width: 31.2rem;
    width: 100%;
  }

  .perpetual_imgbox{
    max-width: 31.1rem;
    height: 26.4rem;
  }

  /* 動物供養*/
  .animal_memorial_sec{
    margin-bottom: 7.3rem;
  }

  .animal_memorial_imgbox{
    max-width: 30.6rem;
    height: 40.8rem;
  }

  .animal_memorial_head{
    margin: 0.5rem 2rem 19rem auto;
  }

  .animal_memorial_txtbox{
    max-width: 33rem;
    width: 100%;
    padding: 8.4rem 1.8rem 4.7rem 2.15rem;
    margin-left: auto;
  }

  .animal_memorial_desc{
    font-size: 1.8rem;
    line-height: calc(35 / 18);
    margin-bottom: 2.8rem;
  }

  /* 費用 */
  .animal_memorial_fee_box{
    max-width: 27.5rem;
    margin-bottom: 3.8rem;
  }

  .animal_memorial_fee_title::after{
    bottom: -1.1rem;
  }

  .animal_memorial_fee_listbox{
    padding-right: 2rem;
  }

  /* その他 */
  .other_deco_imgbox{
    max-width: 14rem;
    height: 16.7rem;
    top: -6.3rem;
  }

  .other_container{
    flex-direction: column;
    margin-left: 0;
  }

  .other_imgbox{
    max-width: 28.6rem;
    height: 38.1rem;
    margin-left: 2rem;
  }

  .other_desc_box{
    max-width: 23.4rem;
    width: 100%;
    position: static;
    margin-left: auto;
    margin-top: -6.9rem;
    padding: 3rem 2rem 6.4rem 3.4rem;
    background-size: contain;
  }

  .other_head{
    margin: 0.2rem 1.1rem 0 0;
  }

  .other_desc_txt{
    font-size: 1.8rem;
    line-height: calc(35 / 18);
  }

  .pc_only{
    display: none;
  }
}