@charset "UTF-8";
/* ===================================================================
BASIC
=====================================================================*/
/*
共 通
------------------------------------------------------------------------- */
#pageTitle:after {
  transform: translateX(-50%);
}

.bg_blue {
  background-color: #F9FAFC;
}

/*
タイトル
------------------------------------------------------------------------- */
#pageTitle p.after_title {
  font-size: 35px;
  position: relative;
  display: inline-block;
  /*
  font-size: clamp(28px, 1.823vw, 35px);
  */
  /*
  @include sp {
      font-size: clamp(24px, 3.645vw, 28px);
  }
  @include msp {
      font-size: 5vw;
  }
  */
  margin-bottom: 0;
  color: #050505;
}
@media screen and (min-width: 769px) {
  #pageTitle p.after_title {
    font-size: clamp(28px, 1.823vw, 35px);
  }
}
@media screen and (max-width: 1024px) {
  #pageTitle p.after_title {
    font-size: clamp(24px, 2.734vw, 28px);
  }
}
@media screen and (max-width: 768px) {
  #pageTitle p.after_title {
    font-size: clamp(24px, 3.645vw, 28px);
  }
}
@media screen and (max-width: 480px) {
  #pageTitle p.after_title {
    font-size: clamp(20px, 5vw, 24px);
  }
}
#pageTitle p.after_title:after {
  content: "" !important;
  position: absolute;
  top: 40%;
  left: 0;
  transform: translate(-9.5rem, -50%);
  display: block;
  width: 5.5em;
  height: 5.5rem;
  aspect-ratio: 1/1;
  background: url(../images/after_support/free_icon.webp) no-repeat center/contain;
}
@media screen and (max-width: 768px) {
  #pageTitle p.after_title:after {
    transform: translate(-4.5rem, -50%);
    max-width: 60px;
    width: 6rem;
    height: 6rem;
  }
}

.section_title {
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .section_title {
    margin-bottom: 6%;
  }
}

/* -------------------------------------------------------------- */
#Introduction .one_period p {
  margin-bottom: 0 !important;
  margin-top: 1.4rem;
}
#Introduction h3 {
  font-family: "Cochin", "NotoSerif", serif !important;
  /* font-size: clamp(24px, 2.734vw, 28px); */
  font-size: 28px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.1em;
  color: #78C153;
  margin-bottom: 2em;
}
@media screen and (max-width: 768px) {
  #Introduction h3 {
    font-size: clamp(20px, 3.125vw, 24px);
  }
}
@media screen and (max-width: 480px) {
  #Introduction h3 {
    font-size: 4.166vw;
  }
}

/* -------------------------------------------------------------- */
.introduction_wrap {
  width: 100%;
  max-width: 733px;
  height: auto;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .introduction_wrap {
    width: 90%;
  }
}

/* -------------------------------------------------------------- */
.introduction_img {
  width: 100%;
  height: auto;
  margin-bottom: 2rem;
  border-radius: 10px;
  overflow: hidden;
}
.introduction_img img {
  width: 100%;
  height: auto;
}

/* -------------------------------------------------------------- */
.introduction_text {
  text-align: left;
}

/*
役所手続き
------------------------------------------------------------------------- */
dl.two_layot_bloc {
  width: 100%;
  max-width: 1200px;
  height: auto;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 768px) {
  dl.two_layot_bloc {
    flex-direction: column;
    max-width: 600px;
    margin: 0 auto;
  }
}
dl.two_layot_bloc dt, dl.two_layot_bloc dd {
  height: auto;
}
dl.two_layot_bloc dt {
  width: 50%;
  margin: 0;
}
@media screen and (max-width: 768px) {
  dl.two_layot_bloc dt {
    width: 100%;
    margin-bottom: 5vw;
  }
}
dl.two_layot_bloc dd {
  width: 50%;
}
@media screen and (max-width: 768px) {
  dl.two_layot_bloc dd {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  dl.two_layot_bloc.reverse {
    margin: 0 auto;
  }
}
@media screen and (max-width: 768px) {
  dl.two_layot_bloc.reverse dt {
    margin: 0 auto 5vw auto;
  }
}

.section_title {
  padding-bottom: 0;
  margin-bottom: 0.8em;
}
@media screen and (max-width: 768px) {
  .section_title {
    font-size: clamp(24px, 3.645vw, 28px);
    margin-bottom: 7%;
  }
}
@media screen and (max-width: 480px) {
  .section_title {
    font-size: 5vw;
  }
}
.section_title:after {
  display: none;
}

#procedures .one_period:last-of-type,
#buddhist .one_period:last-of-type {
  width: 85%;
  margin: 0;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  #procedures .one_period:last-of-type,
  #buddhist .one_period:last-of-type {
    width: 100%;
  }
}

.after-support_wrap {
  width: 90%;
  max-width: 1200px;
  margin: 0 auto 45px auto;
}
@media screen and (max-width: 768px) {
  .after-support_wrap {
    margin: 0 auto 4.5% auto;
  }
}
.after-support_wrap:last-of-type {
  margin: 0 auto;
}
.after-support_wrap dd p {
  font-size: 18px;
}
@media screen and (min-width: 769px) {
  .after-support_wrap dd p {
    font-size: clamp(16px, 0.937vw, 18px);
  }
}
@media screen and (max-width: 1024px) {
  .after-support_wrap dd p {
    font-size: clamp(15px, 1.562vw, 16px);
  }
}
@media screen and (max-width: 768px) {
  .after-support_wrap dd p {
    font-size: clamp(15px, 2.083vw, 16px);
  }
}
@media screen and (max-width: 480px) {
  .after-support_wrap dd p {
    font-size: clamp(13px, 2.916vw, 15px);
  }
}
@media screen and (max-width: 768px) {
  .after-support_wrap dd p {
    width: 100%;
    padding-top: 0.4rem;
    padding-left: 0;
    text-align: justify;
  }
}
@media screen and (max-width: 480px) {
  .after-support_wrap dd p {
    padding-top: 0.5rem;
  }
}

/*
手続き詳細
------------------------------------------------------------------------- */
.after-support_wrap02 dl {
  position: relative;
  display: flex;
  align-items: center;
  background-color: #fff;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.16);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.16);
  margin-bottom: 40px;
  height: 100%;
  min-height: 10em;
  padding: 2em;
}
@media screen and (max-width: 768px) {
  .after-support_wrap02 dl {
    display: block;
    margin-bottom: 5vw;
    padding: 6vw;
    min-height: initial;
  }
}
.after-support_wrap02 dl:last-child {
  margin-bottom: 0;
}
.after-support_wrap02 dl:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  height: 80%;
  width: 1px;
  background: #78C153;
}
@media screen and (max-width: 768px) {
  .after-support_wrap02 dl:after {
    display: none;
  }
}
.after-support_wrap02 dl dt {
  width: 50%;
  text-align: center;
  font-size: 24px;
  color: #78C153;
  font-family: "Cochin", "NotoSerif", serif;
  padding: 0 2em;
}
@media screen and (min-width: 769px) {
  .after-support_wrap02 dl dt {
    font-size: clamp(20px, 1.0422vw, 24px);
  }
}
@media screen and (max-width: 1024px) {
  .after-support_wrap02 dl dt {
    font-size: clamp(18px, 1.757vw, 20px);
  }
}
@media screen and (max-width: 768px) {
  .after-support_wrap02 dl dt {
    font-size: clamp(18px, 2.343vw, 20px);
  }
}
@media screen and (max-width: 480px) {
  .after-support_wrap02 dl dt {
    font-size: clamp(15px, 3.33vw, 16px);
  }
}
@media screen and (max-width: 768px) {
  .after-support_wrap02 dl dt {
    width: 100%;
    padding: 0 0 1rem 0;
    /*
    font-size: min(5.625vw,35px);
     font-size: clamp(18px, 2.343vw, 20px);
     */
    line-height: 1.5;
    border-bottom: 1px solid;
  }
}
@media screen and (max-width: 480px) {
  .after-support_wrap02 dl dt {
    /*font-size: 3.333vw;*/
  }
}
.after-support_wrap02 dl dt span {
  display: inline-block;
}
.after-support_wrap02 dl dd {
  width: 50%;
  padding-left: 2em;
  font-size: 18px;
  /*@include msp {
      font-size: 2.291vw;
  }
  */
}
@media screen and (min-width: 769px) {
  .after-support_wrap02 dl dd {
    font-size: clamp(16px, 0.937vw, 18px);
  }
}
@media screen and (max-width: 1024px) {
  .after-support_wrap02 dl dd {
    font-size: clamp(15px, 1.562vw, 16px);
  }
}
@media screen and (max-width: 768px) {
  .after-support_wrap02 dl dd {
    font-size: clamp(15px, 2.083vw, 16px);
  }
}
@media screen and (max-width: 480px) {
  .after-support_wrap02 dl dd {
    font-size: clamp(13px, 2.916vw, 15px);
  }
}
@media screen and (max-width: 768px) {
  .after-support_wrap02 dl dd {
    width: 100%;
    padding-top: 1rem;
    padding-left: 0;
    /* font-size: clamp(11px, 1.562vw, 13px); */
    text-align: justify;
    /* font-size: clamp(14px, 2.083vw, 16px); */
  }
}

/* -------------------------------------------------------------- */
@media screen and (max-width: 768px) {
  .one_period {
    width: 100%;
  }
}
.one_period.left {
  margin: 0 auto 0 0;
}
.one_period.right {
  margin: 0 0 0 auto;
}
.one_period.right h3, .one_period.right p {
  text-align: left;
}
@media screen and (max-width: 768px) {
  .one_period p {
    /*font-size: clamp(14px, 2.083vw, 16px);*/
  }
}

/*
遺言・相続
------------------------------------------------------------------------- */
#testamentary h4, #Testamentary h4 {
  font-size: 30px;
  color: #78C153;
  font-weight: 500;
  font-family: "Cochin", "NotoSerif", serif;
  /*
          @include sp {
              font-size: min(5.625vw,35px);
          }

          @include msp {
              font-size: 3.333vw;
          }
      */
}
@media screen and (min-width: 769px) {
  #testamentary h4, #Testamentary h4 {
    font-size: clamp(26px, 1.563vw, 30px);
  }
}
@media screen and (max-width: 1024px) {
  #testamentary h4, #Testamentary h4 {
    font-size: clamp(22px, 2.168vw, 26px);
  }
}
@media screen and (max-width: 768px) {
  #testamentary h4, #Testamentary h4 {
    font-size: clamp(22px, 3.385vw, 22px);
  }
}
@media screen and (max-width: 480px) {
  #testamentary h4, #Testamentary h4 {
    font-size: clamp(18px, 4.583vw, 22px);
  }
}
#testamentary .after-support_wrap03 dl.two_layot_bloc, #Testamentary .after-support_wrap03 dl.two_layot_bloc {
  margin-bottom: 60px;
  align-items: flex-start;
}
@media screen and (max-width: 768px) {
  #testamentary .after-support_wrap03 dl.two_layot_bloc, #Testamentary .after-support_wrap03 dl.two_layot_bloc {
    flex-direction: column-reverse;
  }
}
#testamentary .after-support_wrap03 dl.two_layot_bloc.reverse dd, #Testamentary .after-support_wrap03 dl.two_layot_bloc.reverse dd {
  width: 50%;
}
@media screen and (max-width: 768px) {
  #testamentary .after-support_wrap03 dl.two_layot_bloc.reverse dd, #Testamentary .after-support_wrap03 dl.two_layot_bloc.reverse dd {
    width: 100%;
  }
}
#testamentary .after-support_wrap03 dl.two_layot_bloc.reverse dt, #Testamentary .after-support_wrap03 dl.two_layot_bloc.reverse dt {
  width: 50%;
  margin: 0;
}
@media screen and (max-width: 768px) {
  #testamentary .after-support_wrap03 dl.two_layot_bloc.reverse dt, #Testamentary .after-support_wrap03 dl.two_layot_bloc.reverse dt {
    width: 100%;
  }
}
#testamentary .after-support_wrap03 .two_layoutpic, #Testamentary .after-support_wrap03 .two_layoutpic {
  width: 80%;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  #testamentary .after-support_wrap03 .two_layoutpic, #Testamentary .after-support_wrap03 .two_layoutpic {
    width: 100%;
  }
}
#testamentary .after-support_wrap03 .one_period, #Testamentary .after-support_wrap03 .one_period {
  width: 90%;
  margin: 0;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  #testamentary .after-support_wrap03 .one_period, #Testamentary .after-support_wrap03 .one_period {
    width: 100%;
  }
}
#testamentary dl:last-child.two_layot_bloc, #Testamentary dl:last-child.two_layot_bloc {
  margin-bottom: 0;
}
#testamentary .after-support_wrap.after-support_wrap02, #Testamentary .after-support_wrap.after-support_wrap02 {
  margin: 0 auto 90px auto;
}

/*
バナーセット
------------------------------------------------------------------------- */
#bannerArea.mb {
  margin-bottom: 120px;
}
@media screen and (max-width: 768px) {
  #bannerArea.mb {
    margin-bottom: 12%;
  }
}

.bnr-set {
  width: 90%;
  max-width: 1200px;
}
.bnr-set .bnr_memberShip {
  position: relative;
  width: 100%;
  max-width: none;
  margin: 0 auto 50px;
}
@media screen and (max-width: 768px) {
  .bnr-set .bnr_memberShip {
    margin: 0 auto 5vw;
  }
}
.bnr-set .bnr_memberShip:last-of-type {
  margin-bottom: 0;
}
.bnr-set .bnr_memberShip .ex-part {
  position: absolute;
  top: 0;
  left: 0;
  width: 11%;
  transform: translate(-20%, -10%);
}
@media screen and (max-width: 768px) {
  .bnr-set .bnr_memberShip .ex-part {
    width: 20%;
    transform: translate(-20%, -19%);
  }
}
.bnr-set .bnr_memberShip.book {
  margin-top: -25px;
}
@media screen and (max-width: 768px) {
  .bnr-set .bnr_memberShip.book {
    margin-top: 0;
  }
}
.bnr-set .bnr_memberShip.book .btnwrap {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  font-family: "Cochin", "NotoSerif", serif;
  font-size: min(1.79vw, 24px);
  gap: 0.9em;
  transform: translate(-9%, -77%);
}
@media screen and (max-width: 768px) {
  .bnr-set .bnr_memberShip.book .btnwrap {
    display: block;
    width: 100%;
    transform: translate(0, 0);
    padding: 7%;
    font-size: 4.2vw;
  }
}
.bnr-set .bnr_memberShip.book .btnwrap a {
  background: #fff;
  width: 15em;
  text-align: center;
  padding: 0.3em 0 0.1em;
  border-radius: 1.5em;
  box-shadow: 0.05em 0.05em 0.5em rgba(0, 0, 0, 0.3);
}
@media screen and (max-width: 768px) {
  .bnr-set .bnr_memberShip.book .btnwrap a {
    width: 100%;
    padding: 0.5em 0;
    margin-top: 3vw;
  }
}
.bnr-set .bnr_memberShip.book .btnwrap a span {
  position: relative;
  display: inline-block;
  padding-left: 1.5em;
}
.bnr-set .bnr_memberShip.book .btnwrap a span.small:before {
  content: none;
}
.bnr-set .bnr_memberShip.book .btnwrap a.link {
  width: 13em;
  font-size: 0.875em;
}
@media screen and (max-width: 768px) {
  .bnr-set .bnr_memberShip.book .btnwrap a.link {
    width: 100%;
    padding: 0.5em 0;
    margin-top: 3vw;
  }
}
.bnr-set .bnr_memberShip.book .btnwrap a.link span::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 1.2em;
  height: 1.2em;
  background: url(../images/common/icon_book.png) no-repeat center/contain;
}
.bnr-set .bnr_memberShip.book .btnwrap a.tel span:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 1.2em;
  height: 1.2em;
  background: url(../images/common/icon_tel.png) no-repeat center/contain;
}
.bnr-set .bnr_memberShip.book .btnwrap a.small {
  font-size: 0.6em;
  padding-left: 0;
}

/* -------------------------------------------------------------- */
@media screen and (max-width: 768px) {
  .section_basic,
  .content_basic {
    padding: 13vw 0;
  }
}

/* -------------------------------------------------------------- 
p{
    @include sp {
        font-size: clamp(14px, 2.083vw, 16px);
    }
}
*/
/* -------------------------------------------------------------- 
.one_period . introduction_textp{

    @include sp {
        font-size: clamp(14px, 2.083vw, 16px);
    }

    @include msp {
        font-size: 2.916vw;
    }
}
*/
/* -------------------------------------------------------------- */
.two_layot_bloc .one_period p {
  /*
  @include sp {
      font-size: clamp(14px, 2.083vw, 16px);
  }
  @include msp {
      font-size: 2.916vw;
  }
  */
}

/* -------------------------------------------------------------- */
#bannerArea ul#bottom_bannerList li p.bnr_listcap {
  /*
  @include sp {
      font-size: min(3.125vw, 16px);
  }

  */
}

/* -------------------------------------------------------------- */
@media screen and (max-width: 768px) {
  ul#bottom_bannerList {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  #belongings .one_period p {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 768px) {
  #grave.one_period p {
    margin-bottom: 0;
  }
}
#grave .after-support_wrap.after-support_wrap01 {
  margin: 0 auto 0 auto;
}

.after-support_wrap .two_layot_bloc.reverse .two_layoutpic:before {
  right: initial;
  left: -10%;
}
@media screen and (max-width: 768px) {
  .after-support_wrap .two_layot_bloc.reverse .two_layoutpic:before {
    left: -8%;
  }
}
.after-support_wrap.after-support_wrap03 .two_layot_bloc.reverse .two_layoutpic:before {
  content: none;
}
.after-support_wrap .two_layoutpic {
  position: relative;
  z-index: 1;
}
.after-support_wrap .two_layoutpic:before {
  content: "";
  position: absolute;
  z-index: 2;
  width: 30%;
  height: 30%;
  top: -10%;
  right: -10%;
  background-image: url("../images/after_support/icon_consultation_free.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media screen and (max-width: 768px) {
  .after-support_wrap .two_layoutpic:before {
    right: -8%;
  }
}
.after-support_wrap .two_layoutpic img {
  border-radius: 10px;
}

/*
/* 2026.01.15 CUSTOM
/* -------------------------------------------------------------- */
.contact_linkbox {
  width: 90%;
  height: auto;
  max-width: 1200px;
  margin: 60px auto 0;
}
@media screen and (max-width: 768px) {
  .contact_linkbox {
    margin-top: 6%;
  }
}
.contact_linkbox .btn_basic {
  margin: 0 auto;
  max-width: 400px;
}
.contact_linkbox .btn_basic a {
  font-size: 24px;
  padding: 1.2rem 2rem;
}
@media screen and (min-width: 769px) {
  .contact_linkbox .btn_basic a {
    font-size: clamp(20px, 1.0422vw, 24px);
  }
}
@media screen and (max-width: 1024px) {
  .contact_linkbox .btn_basic a {
    font-size: clamp(18px, 1.757vw, 20px);
  }
}
@media screen and (max-width: 768px) {
  .contact_linkbox .btn_basic a {
    font-size: clamp(18px, 2.343vw, 20px);
  }
}
@media screen and (max-width: 480px) {
  .contact_linkbox .btn_basic a {
    font-size: clamp(15px, 3.33vw, 16px);
  }
}

/* -------------------------------------------------------------- */
.sub_captions {
  margin-top: 1rem;
}
.sub_captions p {
  font-size: 18px;
}
@media screen and (min-width: 769px) {
  .sub_captions p {
    font-size: clamp(16px, 0.937vw, 18px);
  }
}
@media screen and (max-width: 1024px) {
  .sub_captions p {
    font-size: clamp(15px, 1.562vw, 16px);
  }
}
@media screen and (max-width: 768px) {
  .sub_captions p {
    font-size: clamp(15px, 2.083vw, 16px);
  }
}
@media screen and (max-width: 480px) {
  .sub_captions p {
    font-size: clamp(13px, 2.916vw, 15px);
  }
}/*# sourceMappingURL=after_support.css.map */