<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
/*
	サイト全体で使うフォントの指定
*/
/* ページのwidth */
/* グローバルのアイテム数 */
/* グローバルのアイテムwidth */
/* グローバルのアイテムheight */
/* ブレイクポイントのアイテムheight */
/*
	サイト全体で使うフォントの指定
*/
body {
  font-family: "noto-sans-cjk-jp", sans-serif;
  font-style: normal;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  word-break: break-all;
  -webkit-text-size-adjust: 100%;
  font-family: "Noto Sans JP", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

body.menuOpened {
  height: 100%;
  overflow: hidden;
}

.clearfix {
  clear: both;
  display: block;
}

.page-bg {
  position: relative;
  overflow: hidden;
  padding-bottom: 63px;
}
.page-bg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(../img/common/page/bg_purple.webp) center/cover no-repeat;
  opacity: 0.24;
  z-index: -1;
  mix-blend-mode: screen;
}
@media (max-width: 1080px) {
  .page-bg::before {
    display: none;
  }
}
.page-bg.--dark::before {
  opacity: 1;
}
@media (max-width: 1080px) {
  .page-bg.--dark::before {
    display: block;
  }
}
@media screen and (max-width: 699px) {
  .page-bg {
    padding-bottom: 0px;
  }
}

.cmn-inner {
  max-width: 1000px;
  margin: 0 auto 100px;
  padding: 0 40px;
}
@media (max-width: 768px) {
  .cmn-inner {
    padding: 0 15px;
    margin: 0 auto 60px;
  }
}

.toc {
  margin: 50px auto 40px;
}
.toc nav {
  padding: 20px 50px;
}
@media (max-width: 768px) {
  .toc nav {
    padding: 20px 45px;
  }
}
.toc nav a {
  position: relative;
  font-size: 16px;
  color: #005bac;
  text-decoration: underline;
}
.toc nav a::before {
  position: absolute;
  content: "▼";
  font-size: 10px;
  color: #005bac;
  top: 50%;
  left: -5px;
  -webkit-transform: translate(-100%, -50%);
          transform: translate(-100%, -50%);
}
@media (max-width: 768px) {
  .toc nav a::before {
    top: 10px;
  }
}
.toc__wrap {
  width: 560px;
  margin: 0 auto;
  border-radius: 12px;
  border: 2px solid #005bac;
  background-color: #f7fdff;
}
@media (max-width: 768px) {
  .toc__wrap {
    width: 100%;
  }
}
.toc__title {
  display: block;
  text-align: center;
  padding: 15px 0;
  font-size: 20px;
  font-weight: 700;
  color: #005bac;
  border-bottom: 1px dashed #005bac;
}

.plan-price {
  padding-top: 60px !important;
  text-align: center;
}
@media (max-width: 768px) {
  .plan-price__inner {
    padding: 0;
  }
}
.plan-price__title {
  font-family: "Noto Serif JP", serif;
  color: #8255A8;
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 25px;
}
.plan-price__table-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 20px 32px;
  background-color: #8255A8;
}
@media (max-width: 768px) {
  .plan-price__table-label {
    padding: 20px 15px;
  }
}
.plan-price__table-label-title {
  font-size: 20px;
  color: #fff;
  margin: 0;
}
.plan-price__table-label-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3px;
}
.plan-price__table-label-list li {
  font-size: 14px;
  font-weight: 700;
  background-color: #fff;
  color: #8255A8;
  margin: 0;
  border-radius: 5px;
  padding: 0 10px;
}
.plan-price__table {
  width: 100%;
  max-width: 600px;
  margin: 0 auto 40px;
}
.plan-price__table tr {
  width: 100%;
}
.plan-price__table tr:nth-child(n+1) {
  border-bottom: 1px dashed #8b8b8b;
}
.plan-price__table .plan-price__media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 26px;
  background-color: #F3E7F4;
  padding: 12px 0;
}
@media (max-width: 768px) {
  .plan-price__table .plan-price__media {
    gap: 10px;
  }
}
.plan-price__table .plan-price__media .plan-price__txt-box {
  width: 39%;
}
@media (max-width: 768px) {
  .plan-price__table .plan-price__media .plan-price__txt-box {
    width: 150px;
  }
}
.plan-price__table .plan-price__media .plan-price__txt-box .--name {
  color: #8255A8;
  font-size: 18px;
  font-weight: 700;
}
.plan-price__table .plan-price__media .plan-price__txt-box .plan-name {
  text-align: left;
}
.plan-price__table .plan-price__media .plan-price__txt-box .plan-name .--catch {
  display: block;
  font-weight: 500;
  font-size: 12px;
}
.plan-price__table .plan-price__media .plan-price__txt-box .plan-name .--reco {
  position: relative;
}
.plan-price__table .plan-price__media .plan-price__txt-box .plan-name .--reco::before {
  position: absolute;
  content: "";
  width: 23px;
  height: 20.07px;
  bottom: 2px;
  right: -8px;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  background: url(../img/common/page/family-funeral/plan-price_logo_reco.svg) center/contain no-repeat;
}
.plan-price__table .plan-price__media .plan-price__txt-box .plan-member {
  padding: 5px 15px;
  background-color: #fff;
  border-radius: 5px;
  margin: 5px 0 0 0;
}
.plan-price__table .plan-price__media .plan-price__txt-box .--num {
  position: relative;
  font-size: 14px;
  font-weight: 700;
  padding-left: 20px;
}
.plan-price__table .plan-price__media .plan-price__txt-box .--num::before {
  position: absolute;
  content: "";
  width: 11px;
  height: 16px;
  left: 0;
  bottom: 1px;
  background: url(../img/common/page/family-funeral/plan-price_logo_human.svg) center/contain no-repeat;
}
.plan-price__table .plan-price__media .plan-price__txt-box .--num.--two::after {
  position: absolute;
  content: "";
  width: 11px;
  height: 16px;
  left: 0;
  bottom: 1px;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  background: url(../img/common/page/family-funeral/plan-price_logo_human.svg) center/contain no-repeat;
}
.plan-price__table .plan-price__media .plan-price__txt-box .--note {
  display: block;
  font-size: 12px;
  font-weight: 500;
}
.plan-price__table .plan-price__media .plan-price__img-box {
  position: relative;
  width: 37.8%;
  max-width: 147px;
  max-height: 80px;
  aspect-ratio: 147/80;
}
@media (max-width: 768px) {
  .plan-price__table .plan-price__media .plan-price__img-box {
    width: 56px;
    height: 56px;
  }
}
.plan-price__table .plan-price__media .plan-price__img-box img {
  -o-object-position: center;
     object-position: center;
}
@media (max-width: 768px) {
  .plan-price__table .plan-price__media .plan-price__img-box img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.plan-price__table .plan-price__media .plan-price__img-box::before {
  position: absolute;
  content: "";
  width: 28px;
  height: 28px;
  right: -5px;
  bottom: -5px;
  background: url(../img/common/page/family-funeral/plan-price_logo_modal.svg) center/contain no-repeat;
}
.plan-price__table .plan-price__detail {
  width: 35.4%;
  background-color: #fff;
  text-align: center;
}
.plan-price__table .plan-price__detail .plan-price__detail-label {
  display: inline-block;
  color: #fff;
  background-color: #af3130;
  font-size: 12px;
  font-weight: 700;
  padding: 2px 9px;
  margin: 0;
}
.plan-price__table .plan-price__detail .--price {
  font-size: 24px;
  font-weight: 700;
  color: #af3130;
}
@media (max-width: 768px) {
  .plan-price__table .plan-price__detail .--price {
    font-size: 20px;
  }
}
.plan-price__table .plan-price__detail .plan-price__detail-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-left: 10px;
}
@media (max-width: 768px) {
  .plan-price__table .plan-price__detail .plan-price__detail-box {
    padding-left: 0;
  }
}
.plan-price__table .plan-price__detail .--unit {
  margin: 0;
}
.plan-price__table .plan-price__detail .--unit span {
  display: block;
  line-height: 1.1;
}
.plan-price__table .plan-price__detail .--unit span:nth-of-type(1) {
  font-size: 10px;
}
.plan-price__table .plan-price__detail .--unit span:nth-of-type(2) {
  font-size: 18px;
  font-weight: 700;
}
.plan-price__table .plan-price__detail .--more {
  font-size: 14px;
  font-weight: 700;
}
.plan-price__table .plan-price__detail .--tax {
  line-height: 1.1;
  margin: 0;
}
.plan-price__table-label--other {
  margin-top: 90px;
}
.plan-price__table-label--other .plan-price__table-label-title {
  font-size: 20px;
  font-weight: 700;
  color: #000;
  margin-bottom: 30px;
  text-align: center;
}
.plan-price__detail-label--normal {
  display: inline-block;
  padding: 2px 9px;
  font-size: 12px;
  font-weight: 400;
  background-color: none;
  color: #000;
  border: 1px solid #000;
  margin: 0;
}
.plan-price__detail-box .--price.--normal {
  color: #000;
  font-weight: 700;
}
.plan-price__btn-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 5px;
}
.plan-price__btn {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
  font-weight: 700;
  border-radius: 50px;
  color: #fff !important;
  background-color: #005bac;
  width: 120px;
  height: 35px;
  padding: 0 32px 1px 24px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media (max-width: 768px) {
  .plan-price__btn {
    margin-top: 5px;
    padding: 0 32px 0 21px;
  }
}
.plan-price__btn::before {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 10px;
  content: "";
  width: 9.18px;
  height: 10.17px;
  background: url(../img/common/page/family-funeral/plan-price_logo_arrow_r.svg) center/contain no-repeat;
}
.plan-price__media.--other {
  padding: 23px 0;
}
.plan-price__media.--red {
  background-color: rgba(175, 49, 48, 0.1);
}
.plan-price__media.--red .--name {
  color: #af3130 !important;
}
.plan-price__media.--red .plan-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3px;
  margin-top: 6px;
  margin-bottom: 7px;
}
.plan-price__media.--red .plan-list li {
  position: relative;
  font-size: 14px;
  width: 47px;
  font-weight: 700;
  border-radius: 5px;
  background-color: #fff;
  color: #af3130;
  margin-bottom: 0;
  text-align: center;
}
.plan-price__media.--red .plan-list li:nth-child(n+2) {
  color: rgba(175, 49, 48, 0.1);
}
.plan-price__media.--red .plan-list li:nth-child(n+2)::before {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  left: 50%;
  content: "";
  width: 46.56px;
  height: 19px;
  background: url(../img/common/page/family-funeral/plan-price_logo_cross.svg) center/contain no-repeat;
}
.plan-price__media.--red .plan-member .--num::before {
  background: url(../img/common/page/family-funeral/plan-price_logo_human_r.svg) center/contain no-repeat;
}
.plan-price__media.--blue {
  background-color: rgba(0, 91, 172, 0.1);
}
.plan-price__media.--blue .plan-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3px;
  margin-top: 12px;
  margin-bottom: 7px;
}
.plan-price__media.--blue .plan-list li {
  position: relative;
  font-size: 14px;
  width: 47px;
  font-weight: 700;
  border-radius: 5px;
  background-color: #fff;
  color: #005bac;
  margin-bottom: 0;
}
.plan-price__media.--blue .--name {
  color: #005bac !important;
}
.plan-price__media.--blue .plan-member {
  padding: 5px 10px !important;
  text-align: right;
}
.plan-price__media.--blue .--num {
  padding-left: 40px !important;
  padding-right: 0 !important;
}
.plan-price__media.--blue .--num.--thir::before {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  left: 10px;
  content: "";
  width: 33px;
  height: 16px;
  background: url(../img/common/page/family-funeral/plan-price_logo_human_thir.svg) center/contain no-repeat;
}

.page-faq {
  padding-top: 90px !important;
}
@media (max-width: 768px) {
  .page-faq__wrap {
    padding: 0;
  }
}
.page-faq__title {
  font-family: "Noto Serif JP", serif;
  text-align: center;
  font-weight: 700;
  font-size: 36px;
  color: #005BAC;
}
@media (max-width: 768px) {
  .page-faq__title {
    font-size: 24px;
  }
}
.page-faq__list {
  width: 80%;
  margin: 40px auto 0px;
}
@media (max-width: 768px) {
  .page-faq__list {
    width: 100%;
    margin: 40px auto;
  }
}
.page-faq__item {
  position: relative;
  border-bottom: 1px dashed #151515;
}
.page-faq__item::before {
  position: absolute;
  top: 18px;
  content: "Q";
  background-color: #005BAC;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50px;
}
@media (max-width: 768px) {
  .page-faq__item::before {
    top: 20.5px;
  }
}
.page-faq .question {
  font-size: 16px;
  font-weight: 400;
  position: relative;
  text-align: left;
  width: 100%;
  background-color: transparent;
  cursor: pointer;
  outline: none;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 25px 60px 25px 60px;
  font-size: 18px;
  color: #000 !important;
}
@media (max-width: 768px) {
  .page-faq .question {
    padding: 22px 45px 22px 50px;
    font-size: 16px;
  }
}
.page-faq .question::before {
  position: absolute;
  top: 50%;
  right: 19px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  content: "";
  width: 20px;
  height: 2px;
  background-color: #005BAC;
}
@media (max-width: 768px) {
  .page-faq .question::before {
    right: 15px;
  }
}
.page-faq .question::after {
  position: absolute;
  top: 50%;
  right: 19px;
  -webkit-transform: translateY(-50%) rotate(90deg);
          transform: translateY(-50%) rotate(90deg);
  content: "";
  width: 20px;
  height: 2px;
  opacity: 1;
  background-color: #005BAC;
  -webkit-transition: 0.15s all ease;
  transition: 0.15s all ease;
}
@media (max-width: 768px) {
  .page-faq .question::after {
    right: 15px;
  }
}
.page-faq .question.is-open::after {
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  opacity: 0;
}
.page-faq .answer {
  position: relative;
  border: transparent;
  line-height: 0;
  opacity: 0;
  height: 0;
  padding: 0 60px;
  -webkit-transition: 0.25s all ease;
  transition: 0.25s all ease;
  pointer-events: none;
}
@media (max-width: 768px) {
  .page-faq .answer {
    padding: 0 45px 0 50px;
  }
}
.page-faq .answer strong {
  font-size: 16px;
}
.page-faq .answer strong.--bold {
  font-size: 18px;
  font-weight: 700;
}
.page-faq .answer p {
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  text-align: justify;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0.1em;
}
.page-faq .answer p a {
  font-size: 16px;
  font-weight: 400;
  text-decoration: underline;
  color: #005BAC;
}
@media (max-width: 768px) {
  .page-faq .answer p {
    font-size: 14px;
  }
}
.page-faq .answer ul {
  margin-bottom: 20px;
}
.page-faq .answer ul li {
  font-size: 16px;
  margin: 5px 0;
  list-style: circle;
}
@media (max-width: 768px) {
  .page-faq .answer ul li {
    font-size: 14px;
  }
}
.page-faq .answer.is-open {
  line-height: 2.14;
  opacity: 1;
  height: auto;
  pointer-events: all;
  padding: 16px 60px 40px;
}
@media (max-width: 768px) {
  .page-faq .answer.is-open {
    padding: 22px 45px 22px 50px;
  }
}
.page-faq .answer::before {
  position: absolute;
  top: 10px;
  left: 5px;
  content: "A";
  border: 2px solid #005BAC;
  background-color: #fff;
  color: #005BAC;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  width: 36px;
  height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50px;
}
@media (max-width: 768px) {
  .page-faq .answer::before {
    top: 28px;
  }
}
.page-faq .answer__list-title {
  font-size: 18px !important;
  font-weight: 700 !important;
}

.baner__img-box {
  display: block;
  width: 100%;
  margin: 0 auto;
}
.baner__img-box img {
  -o-object-fit: contain !important;
     object-fit: contain !important;
}
.baner__title {
  font-family: "Noto Serif JP", serif;
  text-align: center;
  font-size: 36px;
  color: #005BAC;
  font-weight: 700;
}
@media (max-width: 768px) {
  .baner__title {
    font-size: 24px;
  }
}
.baner.--sakuratei {
  margin-top: 260px;
}
@media (max-width: 768px) {
  .baner.--sakuratei {
    margin-top: 48px;
  }
}
.baner.--sakuratei .baner__img-box {
  max-width: 920px;
  aspect-ratio: 920/180;
}
@media (max-width: 768px) {
  .baner.--sakuratei .baner__img-box {
    aspect-ratio: 360/147;
  }
}
@media (max-width: 768px) {
  .baner.--uservoice {
    margin-top: 68px;
  }
}
.baner.--uservoice .baner__img-box {
  max-width: 920px;
  aspect-ratio: 920/180;
}
@media (max-width: 768px) {
  .baner.--uservoice .baner__img-box {
    aspect-ratio: 360/147;
  }
}
.baner.--sakuramember {
  margin-top: 76px;
}
@media (max-width: 768px) {
  .baner.--sakuramember {
    margin-top: 58px;
  }
}
.baner.--sakuramember .baner__img-box {
  max-width: 920px;
  aspect-ratio: 920/260;
}
@media (max-width: 768px) {
  .baner.--sakuramember .baner__img-box {
    aspect-ratio: 360/254;
  }
}
.baner.--catalog {
  margin-top: 47px;
}
@media (max-width: 768px) {
  .baner.--catalog {
    margin-top: 34px;
  }
}
.baner.--catalog .baner__img-box {
  max-width: 920px;
  aspect-ratio: 920/180;
}
@media (max-width: 768px) {
  .baner.--catalog .baner__img-box {
    aspect-ratio: 360/147;
  }
}
.baner.--column {
  margin-top: 136px;
}
@media (max-width: 768px) {
  .baner.--column {
    margin-top: 73px;
  }
}
.baner.--column .baner__img-box {
  max-width: 700px;
  aspect-ratio: 700/147;
}
@media (max-width: 768px) {
  .baner.--column .baner__img-box {
    aspect-ratio: 360/97;
  }
}
.baner.--contact {
  margin-top: 134px;
  margin-bottom: 101px;
}
@media (max-width: 768px) {
  .baner.--contact {
    margin-top: 66px;
    margin-bottom: 84px;
  }
}
.baner.--contact .baner__img-box {
  max-width: 920px;
  aspect-ratio: 920/138;
}

.modal-window {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(21, 21, 21, 0.55);
  width: 100vw;
  height: auto;
  overflow: scroll;
  z-index: -99;
  display: none;
}
.modal-window.is-active {
  display: block;
  font-size: 16px;
  z-index: 2;
}
.modal-window.is-active .modal-window__content {
  position: absolute;
  /*			top: 50%;
  			left: 50%;
  			transform: translate(-50%, -50%);*/
  top: 2%;
  left: 50%;
  margin-bottom: 2%;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
  display: block;
  z-index: 3;
}
.modal-window.is-active .modal-window__content img {
  margin-bottom: 10px;
}
@media screen and (max-width: 840px) {
  .modal-window.is-active .modal-window__content {
    top: 80px;
    padding-bottom: 120px;
  }
}
.modal-window.--common-contactBtn {
  height: calc(100% - 80px);
  bottom: 80px;
}
.modal-window.--common-contactBtn a {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.modal-window.--common-contactBtn a.--arrow {
  position: relative;
}
.modal-window.--common-contactBtn a.--arrow::after {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 8px;
  content: "";
  width: 6.68px;
  height: 13.37px;
  background: url(../../assets/img/common/footer/modal_icon_arrow_link.svg) center/contain no-repeat;
}
.modal-window.--common-contactBtn.is-active .modal-window__content {
  top: 80px;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.modal-window__content {
  display: none;
  width: 700px;
  padding: 40px;
  border-radius: 12px;
  background-color: #fff;
}
.modal-window__content.--gallery {
  width: 433px;
  height: 510px;
}
@media (max-width: 768px) {
  .modal-window__content.--gallery {
    width: 92.3vw;
    height: 470px;
    min-width: 346px;
    aspect-ratio: 360/586;
    padding: 30px 15px;
  }
}
.modal-window__content.--gallery img {
  width: 372px;
  height: 372px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 768px) {
  .modal-window__content.--gallery img {
    width: 316px;
    height: 316px;
    margin: 0 auto;
  }
}
.modal-window__content.--common-contactBtn {
  width: 92.3vw;
  height: auto;
  min-width: 346px;
  padding: 0;
  background-color: #ebfaff;
}
.modal-window__content.--common-contactBtn .modal-window__content-main {
  padding: 22px;
}
.modal-window__content.--common-contactBtn .modal-window__content-label {
  font-size: 18px;
  font-weight: 700;
  padding: 17px 0;
  color: #ffffff;
  border-radius: 10px 10px 0 0;
  background-color: #005bac;
  margin-bottom: 0 !important;
}
.modal-window__content.--common-contactBtn .modal-window__google-map-search {
  position: relative;
  display: block;
  padding: 25px 0;
  background-color: #fff;
  color: #005bac;
  font-weight: 700;
  font-size: 16px;
  border: 1px solid #005bac;
  border-radius: 6px;
  width: 100% !important;
  margin: 0 !important;
}
.modal-window__content.--common-contactBtn .modal-window__google-map-search::before {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 20px;
  content: "";
  width: 18.15px;
  height: 26.72px;
  background: url(../../assets/img/common/footer/modal_icon_map.svg) center/contain no-repeat;
}
.modal-window__content.--common-contactBtn .modal-window__google-map-search::after {
  right: 14px;
}
.modal-window__content.--common-contactBtn .modal-window__hall-list-wrap h3 {
  text-align: left;
  color: #005bac;
  font-size: 16px;
  font-weight: 700;
  margin-top: 30px;
}
.modal-window__content.--common-contactBtn .modal-window__hall-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 5px 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: 42px 5px 42px 5px 42px 5px 42px 5px 42px;
  grid-template-rows: 42px 42px 42px 42px 42px;
  gap: 5px;
}
.modal-window__content.--common-contactBtn .modal-window__hall-list &gt; *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.modal-window__content.--common-contactBtn .modal-window__hall-list &gt; *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.modal-window__content.--common-contactBtn .modal-window__hall-list &gt; *:nth-child(3) {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}
.modal-window__content.--common-contactBtn .modal-window__hall-list &gt; *:nth-child(4) {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
}
.modal-window__content.--common-contactBtn .modal-window__hall-list &gt; *:nth-child(5) {
  -ms-grid-row: 5;
  -ms-grid-column: 1;
}
.modal-window__content.--common-contactBtn .modal-window__hall-list &gt; *:nth-child(6) {
  -ms-grid-row: 5;
  -ms-grid-column: 3;
}
.modal-window__content.--common-contactBtn .modal-window__hall-list &gt; *:nth-child(7) {
  -ms-grid-row: 7;
  -ms-grid-column: 1;
}
.modal-window__content.--common-contactBtn .modal-window__hall-list &gt; *:nth-child(8) {
  -ms-grid-row: 7;
  -ms-grid-column: 3;
}
.modal-window__content.--common-contactBtn .modal-window__hall-list &gt; *:nth-child(9) {
  -ms-grid-row: 9;
  -ms-grid-column: 1;
}
.modal-window__content.--common-contactBtn .modal-window__hall-list &gt; *:nth-child(10) {
  -ms-grid-row: 9;
  -ms-grid-column: 3;
}
.modal-window__content.--common-contactBtn .modal-window__hall-list li {
  margin-bottom: 0;
}
.modal-window__content.--common-contactBtn .modal-window__hall-list li a {
  font-size: 14px;
  font-weight: 700;
  color: #005bac;
  border: 1px solid #005bac;
  background-color: #fff;
  margin: 0 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100% !important;
}
.modal-window__content.--common-contactBtn .modal-window__close-btn {
  background: #fff;
  margin-bottom: 37px;
}
.modal-window__content.--common-contactBtn .modal-window__plan-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}
.modal-window__content.--common-contactBtn .modal-window__plan-list li {
  margin: 0;
  min-height: 100px;
  aspect-ratio: 317/100;
}
.modal-window__content.--common-contactBtn .modal-window__plan-list li a {
  display: inline-block;
  width: 100% !important;
  height: 100%;
  margin: 0 !important;
}
.modal-window__content.--common-contactBtn .modal-window__plan-list li a img {
  width: 100% !important;
  height: 100% !important;
  -o-object-fit: contain !important;
     object-fit: contain !important;
}
.modal-window__content.--common-contactBtn .modal-window__cmn-more-btn {
  display: block;
  width: 100% !important;
  padding: 15px 0;
  border-radius: 6px;
  background-color: #fff;
  margin-top: 20px;
  color: #005bac;
  border: 1px solid #005bac;
  font-size: 14px;
  font-weight: 700;
}
.modal-window__content.--common-contactBtn .modal-window__cmn-more-btn.--evnet {
  margin-top: 0;
}
.modal-window__content.--common-contactBtn .modal-window__event-catch {
  font-weight: 700;
  font-size: 14px;
  color: #005bac;
}
.modal-window__content.--common-contactBtn .modal-window__event-btn-note {
  font-weight: 500;
  font-size: 12px;
  color: #005bac;
  margin-bottom: 5px;
  margin-top: 15px;
}
.modal-window__content.--common-contactBtn .modal-window__event-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}
.modal-window__content.--common-contactBtn .modal-window__event-list li {
  margin: 0;
  min-height: 115px;
  aspect-ratio: 315/115;
}
.modal-window__content.--common-contactBtn .modal-window__event-list li a {
  display: inline-block;
  width: 100% !important;
  height: 100%;
  margin: 0 !important;
}
.modal-window__content.--common-contactBtn .modal-window__event-list li a img {
  width: 100% !important;
  height: 100% !important;
  -o-object-fit: contain !important;
     object-fit: contain !important;
}
@media (max-width: 768px) {
  .modal-window__content {
    width: 92.3vw;
    height: calc(auto - 72px);
    min-width: 346px;
    padding: 30px 15px;
  }
}
.modal-window__title {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  color: #005BAC;
}
.modal-window__thumb-box {
  width: 100%;
  height: auto;
  aspect-ratio: 509/150;
}
.modal-window__thumb-box img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.modal-window__close-btn-wrap {
  text-align: center;
  margin-top: 20px;
}
.modal-window__close-btn {
  display: inline-block;
  border: 1px solid #005BAC;
  border-radius: 50px;
  background: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  padding: 10px 24px 10px 30px;
  color: #005BAC;
  cursor: pointer;
}
.modal-window__close-btn:hover {
  opacity: 0.7;
  font-size: 18px;
}
.modal-window .tab__list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 15px 1fr 15px 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 15px;
  border-bottom: 2px solid #005BAC;
  margin-top: 15px;
}
.modal-window .tab__item {
  margin-bottom: -2px;
  border-radius: 5px 5px 0 0;
  background-color: #fff;
  border: 2px solid #005BAC;
  height: 40px;
}
.modal-window .tab__item a {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  font-size: 14px;
  font-weight: 500;
  color: #005BAC;
}
.modal-window .tab__item a.active {
  background-color: #005BAC;
  color: #fff;
}
.modal-window .tab__item a.active.--explain::before {
  background: url(../img/common/page/family-funeral/tab_explain_active.svg) center/contain no-repeat;
}
.modal-window .tab__item a.active.--price::before {
  background: url(../img/common/page/family-funeral/tab_price_active.svg) center/contain no-repeat;
}
.modal-window .tab__item a.active.--experience::before {
  background: url(../img/common/page/family-funeral/tab_experience_active.svg) center/contain no-repeat;
}
.modal-window .tab__item a::before {
  position: absolute;
  left: 25px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  content: "";
  width: 24px;
  height: 24px;
  background: url(../img/common/page/family-funeral/tab_explain.svg) center/contain no-repeat;
}
@media (max-width: 768px) {
  .modal-window .tab__item a::before {
    left: 5px;
  }
}
.modal-window .tab__item a.--price::before {
  background: url(../img/common/page/family-funeral/tab_price.svg) center/contain no-repeat;
}
.modal-window .tab__item a.--experience::before {
  background: url(../img/common/page/family-funeral/tab_experience.svg) center/contain no-repeat;
}
.modal-window .tab__contents {
  text-align: left;
  margin-top: 12px;
  display: none;
  padding: 0 !important;
}
.modal-window .tab__contents .tab__contents-title {
  font-size: 18px;
  font-weight: 700;
  color: #005BAC;
  margin: 0;
}
.modal-window .tab__contents .tab__contents-txt {
  font-size: 16px;
  margin: 0;
  margin-top: 10px;
}
.modal-window .tab__contents .tab__contents-link-wrap {
  text-align: center;
  margin-top: 16px;
}
.modal-window .tab__contents .tab__contents-link {
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  color: #005BAC;
  text-decoration: underline;
}
.modal-window .tab__contents.active {
  display: block;
}

.modal-window-list-2col {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 0 6%;
}
.modal-window-list-2col li {
  width: 47%;
}
.modal-window-list-2col li img {
  margin-bottom: 10px;
}
.modal-window-list-2col li p {
  font-size: 16px !important;
}

.page-main {
  position: relative;
  height: 398px;
  background: url(../img/common/page/main_bg_purple.webp) center/cover no-repeat;
}
.page-main.--blue {
  background: url(../img/common/page/main_bg_blue.webp) center/cover no-repeat;
}
@media (max-width: 768px) {
  .page-main.--blue {
    padding: 0;
    height: 416px;
    background: url(../img/common/page/main_bg_blue_sp.webp) bottom/cover no-repeat;
  }
}
@media (max-width: 1080px) {
  .page-main {
    height: 478px;
    background: none;
    padding: 0;
  }
}
.page-main__inner {
  height: 100%;
  padding: 0;
}
.page-main__media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100%;
}
@media (max-width: 1080px) {
  .page-main__media {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.page-main__txt-box {
  text-align: center;
  color: #fff;
}
@media (max-width: 1080px) {
  .page-main__txt-box {
    position: relative;
    height: 277px;
    padding-top: 25px;
  }
}
@media (max-width: 1080px) {
  .page-main__txt-box::before {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    content: "";
    width: 100vw;
    height: 100%;
    background: url(../img/common/page/main_bg_purple_sp.webp) center/cover no-repeat;
    z-index: -1;
  }
}
.page-main__txt-box .page-main__txt-note {
  text-align: center;
}
@media (max-width: 1080px) {
  .page-main__txt-box .page-main__txt-note {
    margin-bottom: 5px;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.4;
  }
}
.page-main__txt-box h1 {
  display: inline-block;
  font-family: "Noto Serif JP", serif;
  text-align: center;
  font-size: 54px;
  margin-bottom: 15px;
  border-top: 1px solid #fff;
  font-weight: 700;
}
@media (max-width: 1080px) {
  .page-main__txt-box h1 {
    font-size: 40px;
    margin-bottom: 7px;
  }
}
.page-main__txt-box ul {
  display: -ms-grid;
  display: grid;
  gap: 4px;
  -ms-grid-columns: 1fr 4px 1fr 4px 1fr 4px 1fr 4px 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 29px;
}
@media (max-width: 1080px) {
  .page-main__txt-box ul {
    margin-bottom: 0;
  }
}
.page-main__txt-box ul li {
  border-radius: 10px;
  background-color: #fff;
  color: #8255A8;
  padding: 3px 0px;
  margin: 0;
  font-weight: 700;
}
@media (max-width: 1080px) {
  .page-main__txt-box ul li {
    font-size: 14px;
  }
}
.page-main__txt-box .page-main__txt-price-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #FFF007;
}
@media (max-width: 1080px) {
  .page-main__txt-box .page-main__txt-price-box {
    margin-top: 10px;
  }
}
.page-main__txt-box .page-main__txt-price-box .page-main__txt-price {
  font-size: 62px;
  line-height: 62px !important;
  padding: 0 10px;
  font-weight: 700;
}
@media (max-width: 1080px) {
  .page-main__txt-box .page-main__txt-price-box .page-main__txt-price {
    font-size: 48px;
    padding-right: 5px;
  }
}
.page-main__txt-box .page-main__txt-price-box p {
  display: inline-block;
  height: auto;
  margin: 0;
}
.page-main__txt-box .page-main__txt-price-box .page-main__txt-price-label {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 10px;
  height: 50px;
  line-height: 1.2;
  border: 2px solid #FFF007;
  margin-top: 10px;
}
@media (max-width: 1080px) {
  .page-main__txt-box .page-main__txt-price-box .page-main__txt-price-label {
    font-size: 13px;
    margin-top: 0;
  }
}
.page-main__txt-box .page-main__txt-price-box .page-main__txt-price-unit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-main__txt-box .page-main__txt-price-box .page-main__txt-price-unit p {
  letter-spacing: 0.15em;
}
.page-main__txt-box .page-main__txt-price-box .page-main__txt-price-unit p:nth-of-type(1) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.page-main__txt-box .page-main__txt-price-box .page-main__txt-price-unit p:nth-of-type(2) {
  font-size: 31px;
}
@media (max-width: 1080px) {
  .page-main__txt-box .page-main__txt-price-box .page-main__txt-price-unit p:nth-of-type(2) {
    font-size: 24px;
  }
}
.page-main__txt-box .page-main__txt-price-box .page-main__txt-price-unit p span {
  line-height: 1.2;
}
@media (max-width: 1080px) {
  .page-main__txt-box .page-main__txt-price-box .page-main__txt-price-unit p span {
    font-size: 10px;
  }
}
.page-main__txt-box .page-main__txt-price-box .page-main__txt-price-unit p .--unit {
  font-size: 31px;
}
@media (max-width: 1080px) {
  .page-main__txt-box .page-main__txt-price-box .page-main__txt-price-unit p .--unit {
    font-size: 24px;
  }
}
.page-main__txt-box .--tax {
  text-align: right;
  color: #FFF007;
  margin-bottom: 0;
}
@media (max-width: 1080px) {
  .page-main__txt-box .--tax {
    font-size: 13px;
    margin-top: -5px;
  }
}
.page-main__img-box {
  aspect-ratio: 500/346;
  width: 50%;
  border-radius: 10px;
  overflow: hidden;
}
@media (max-width: 1080px) {
  .page-main__img-box {
    position: static;
    border-radius: 0;
    width: 100vw;
    height: 201px;
  }
}
.page-main__img-box img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
}

.page-catch {
  text-align: center;
}
.page-catch__inner {
  padding-top: 80px;
}
@media (max-width: 768px) {
  .page-catch__inner {
    padding-top: 33px;
  }
}
.page-catch__label {
  display: inline-block;
  padding: 0 45px;
  font-size: 20px;
  font-weight: 700;
  background-color: #F3E7F4;
  color: #8255A8;
}
@media (max-width: 768px) {
  .page-catch__label {
    padding: 5px 0;
    width: 100%;
    font-size: 16px;
  }
}
.page-catch__title {
  font-family: "Noto Serif JP", serif;
  font-size: 36px;
  font-weight: 700;
  color: #8255A8;
  text-align: center;
}
@media (max-width: 768px) {
  .page-catch__title {
    font-size: 24px;
  }
}
.page-catch__title.--blue {
  color: #005BAC;
  margin-bottom: 80px;
}
@media (max-width: 1080px) {
  .page-catch__title.--blue {
    margin-bottom: 35px;
  }
}
.page-catch__txt {
  font-size: 16px;
  margin: 0;
}
@media (max-width: 768px) {
  .page-catch__txt {
    text-align: justify;
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
    letter-spacing: 0.1em;
  }
}
.page-catch__bnr-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 30px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (max-width: 1080px) {
  .page-catch__bnr-list {
    gap: 15px;
  }
}
.page-catch__bnr-list li {
  width: 47%;
  margin-bottom: 0;
}
@media (max-width: 1080px) {
  .page-catch__bnr-list li {
    width: auto;
  }
}
@media (max-width: 1080px) {
  .page-catch__bnr-list li:nth-of-type(2) {
    margin-top: -10px;
  }
}

.breadcrumbs {
  font-size: 1.4rem;
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  padding: 12px 0 10px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 7px;
}
@media (max-width: 1080px) {
  .breadcrumbs {
    position: relative;
    top: 60px;
    width: 100%;
    padding-left: 2rem;
    padding-right: 2rem;
    z-index: 90;
    border-top: 2px solid #005bac;
  }
}
.breadcrumbs span {
  font-size: 1.4rem;
}
@media (max-width: 768px) {
  .breadcrumbs span {
    font-size: 1.2rem;
  }
}
.breadcrumbs span a {
  display: inline-block;
  height: 100%;
}
.breadcrumbs span a:hover {
  text-decoration: underline;
}
.breadcrumbs span .home {
  position: relative;
  padding-left: 1.7rem;
}
.breadcrumbs span .home::before {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  content: "";
  width: 11.6px;
  height: 10.31px;
  background: url(../../assets/img/common/icons/home.svg) center/contain no-repeat;
}
@media (max-width: 1080px) {
  .breadcrumbs span .home::before {
    width: auto;
    height: 1.4rem;
    aspect-ratio: 1/1;
  }
}
@media (max-width: 768px) {
  .breadcrumbs span .home::before {
    height: 1.2rem;
  }
}

.page-sec-ttl {
  font-family: "Noto Serif JP", serif;
  font-size: 36px !important;
  font-weight: 700 !important;
  letter-spacing: normal !important;
  color: #005BAC;
}
.page-sec-ttl.--pink {
  color: #CF6882;
}
@media (max-width: 1080px) {
  .page-sec-ttl.--pink {
    font-size: 24px !important;
  }
}

/*
	サイト全体のナビゲーション設定
*/
/* グローバルナビの設定 */
/* ローカルナビの設定 */
.side-nav {
  margin-bottom: 20px;
}
.side-nav .side-nav__title {
  background: #005BAC;
  padding: 7px;
  font-size: 114%;
  color: #fff;
}
.side-nav .side-nav__list {
  list-style: none;
}
.side-nav .side-nav__list li {
  border-bottom: 1px solid #005BAC;
}
.side-nav .side-nav__list li a {
  display: block;
  padding: 5px 5px 5px 5px;
}

.common-anchor {
  padding: 80px 0 0;
  margin: 0 0 0px;
}

.common-anchor {
  max-width: 1100px;
  margin: 0 auto 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  /*grid-template-columns: 1fr 1fr 1fr;*/
  gap: 20px;
}
.common-anchor li {
  max-width: none !important;
  width: auto !important;
  text-align: center;
  margin-bottom: 0 !important;
}
@media (max-width: 768px) {
  .common-anchor li:nth-child(n+2) {
    margin-top: 20px !important;
  }
}
.common-anchor li a {
  position: relative;
  display: block !important;
  font-size: 20px;
  font-weight: 700;
  color: #005bac;
  background-color: #f4f8fc;
  border: 2px solid #015bac;
  line-height: 1;
  padding: 20px 35px;
  border-radius: 5px;
}
@media (max-width: 768px) {
  .common-anchor li a {
    font-size: 18px !important;
  }
}
.common-anchor li a::before {
  position: absolute;
  top: 50%;
  right: 21px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  content: "";
  width: 9.24px;
  height: 4.76px;
  background: url(../../assets/img/common/icons/arrow_bottom_blue.svg) center/contain no-repeat;
  z-index: 1;
  gap: 10px;
}
@media screen and (max-width: 699px) {
  .common-anchor {
    width: 90%;
    display: block;
  }
}

/*
	サイト全体のユーティリティ設定
*/
/* 文字サイズの設定 */
.u-font-size--small {
  font-size: 0.88rem;
}

.u-font-size--large {
  font-size: 1.13rem;
}

.u-font-size--x-large {
  font-size: 1.25rem;
}

.u-font-size--xx-large {
  font-size: 1.5rem;
}

/* 文字色、装飾の設定 */
.u-font-bold {
  font-weight: bold;
}

.u-color-red {
  color: red;
}

.u-color-pink {
  color: #c14d8e;
}

.u-color-white {
  color: white;
}

.u-color-main {
  color: #005BAC;
}

.u-color-sub {
  color: #FFF007;
}

/* フォントの設定 */
.u-ff-en {
  font-family: acumin-pro, sans-serif;
  font-weight: 400;
  font-style: normal;
}

.u-ff-serif {
  font-family: "Noto Serif JP", serif;
  font-weight: 400;
  font-style: normal;
}

/* マーカーの設定 */
.u-marker-yellow {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #FFF238));
  background: linear-gradient(transparent 60%, #FFF238 60%);
  padding: 0 2px;
  position: relative;
  behavior: url(PIE.htc);
}

.u-marker-pink, .clear-declaration-sub--02 .clear-declaration-sub__lede span, .clear-declaration-sub--01 .clear-declaration-sub__lede span {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, transparent), color-stop(40%, #FFD4D3));
  background: linear-gradient(transparent 40%, #FFD4D3 40%);
  padding: 0 2px;
  position: relative;
}

/* 段落の設定 */
.u-txt {
  padding: 0 1px;
}

.u-paragraph {
  padding: 0 1px 0 1px;
  margin-bottom: 1em;
}

.u-txt-sub {
  font-size: 85% !important;
  color: #666;
}

.u-txt-attention {
  padding: 0 0 0 0.7em;
  text-indent: -0.7em;
  color: #C60;
}

/* 文字寄せの設定 */
.u-textalign-center {
  text-align: center;
}

.u-textalign-right {
  text-align: right;
}

.u-textalign-left {
  text-align: left;
}

/* floatの設定 */
.u-float-left {
  float: left;
}

.u-float-right {
  float: right;
}

.u-clear {
  clear: both;
}

.u-overflow-hidden {
  overflow: hidden;
}

/* 画像の寄せ */
img.alignleft {
  float: left;
  margin: 0 15px 15px 0;
}

img.alignright {
  float: right;
  margin: 0 0 15px 15px;
}

img.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* 線の設定 */
.u-line-dashed {
  border: none;
  border-top: 1px dashed #ccc;
  height: 1px;
}

/* ポジションの設定 */
.u-position-relative {
  position: relative;
}

/* マージンボトムの設定 */
.u-margin-bottom--none {
  margin-bottom: 0px;
}

.u-margin-bottom--small {
  margin-bottom: 10px;
}

.u-margin-bottom {
  margin-bottom: 20px;
}

.u-margin-bottom--large {
  margin-bottom: 60px;
}

.u-margin-bottom--x-large {
  margin-bottom: 80px;
}

.u-margin-bottom--xx-large {
  margin-bottom: 120px;
}

.u-margin-bottom--max {
  margin-bottom: 160px;
}

/* レイアウトの設定 */
@media (min-width: 840px) {
  .u-over-parent {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
  }
}

@media (min-width: 840px) {
  .u-padding-pagewidth {
    padding-left: calc(50vw - 540px);
    padding-right: calc(50vw - 540px);
  }
}

@media (min-width: 840px) {
  .u-flex-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

/* ポジションの設定 */
.u-position-relative {
  position: relative;
}

/* 改行の設定 */
@media screen and (max-width: 699px) {
  .u-br-not-sp {
    display: none;
  }
}

@media screen and (min-width: 699px) {
  .u-br-sp {
    display: none;
  }
}

/*
	サイト全体のリンク・ボタンの設定
*/
/* ボタンの設定 */
.btn {
  position: relative;
  background: #005BAC;
  display: inline-block;
  padding: 16px 90px 16px 82px;
  border-radius: 0;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
}
.btn::after {
  display: none;
  border: none;
  content: none;
}
.btn::before {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  right: 12px;
  content: "";
  width: 18px;
  height: 18px;
  background: url(../img/common/page/family-funeral/option_style_logo_arrow.svg) center/contain no-repeat;
}

.btn--full {
  display: block;
  padding: 12px 0;
  border-radius: 3px;
  text-align: center;
  display: block;
}

.btn--main {
  position: relative;
  background: #005BAC;
  display: inline-block;
  padding: 20px 90px 20px 82px;
  border-radius: 0;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
}
.btn--main:hover {
  color: #fff;
  font-size: 18px;
}
.btn--main::before {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  right: 16px;
  content: "";
  width: 18px;
  height: 18px;
  background: url(../img/common/page/family-funeral/option_style_logo_arrow.svg) center/contain no-repeat;
}
@media screen and (max-width: 840px) {
  .btn--main {
    padding: 20px 18% 20px 12% !important;
  }
}

.btn--download {
  position: relative;
  display: inline-block;
  text-align: left;
  padding: 12px 70px 12px 34px;
  font-size: 16px;
  font-weight: 700;
  border-radius: 50px;
  border: 2px solid #005BAC;
  color: #005BAC !important;
}
.btn--download::after {
  background: url(../img/common/page/family-funeral/plan-contact_logo_download.svg) center/contain no-repeat;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  right: 28px;
  content: "";
  width: 30px;
  height: 254px;
}
@media screen and (max-width: 699px) {
  .btn--download {
    font-size: 1.4rem;
  }
}

.btn--orange {
  background: #E7590D;
  color: #fff;
  text-decoration: none;
}

.btn--white {
  background: #fff;
  border: 2px solid #005BAC;
  text-decoration: none;
  color: #005BAC;
}

.btn-toggle {
  display: inline-block;
  margin: 0 auto;
  background: #fff;
  font-size: 20px;
  border-radius: 50px;
  border: 2px solid #005BAC;
  color: #005BAC;
  padding: 12px 14px 12px 20px;
}
.btn-toggle__icon {
  background: #005BAC;
  border-radius: 50px;
  display: inline-block;
  width: 36px;
  height: 36px;
  margin-left: 12px;
  padding: 2px 0 0;
  color: #fff;
  text-align: center;
}

/*
	サイト全体の見出しの設定
*/
/* ページタイトル */
.page-title {
  padding: 15px;
  margin-bottom: 20px;
  border-bottom: 3px solid #005BAC;
  color: #005BAC;
}

/* 見出し */
.title-lv1 {
  background: #EAE6D0;
  padding: 10px;
  margin-bottom: 15px;
  color: #005BAC;
}

.title-lv2 {
  border: none;
  margin-bottom: 20px;
  color: #005BAC;
  font-family: "Noto Serif JP", serif;
  text-align: center;
  font-size: 32px;
  line-height: 1.6;
  font-weight: 700;
}
.title-lv2 span {
  display: block;
  font-size: 75%;
}
@media screen and (max-width: 699px) {
  .title-lv2 {
    font-size: 24px;
  }
}

.title-lv3 {
  margin-bottom: 30px;
  color: #005BAC;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}

/* 汎用見出し */
.title-other-01 {
  background: #005BAC;
  padding: 6px 0;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: bold;
  color: #fff;
  text-align: center;
}

.title-other-02 {
  background: #E6EFF7;
  padding: 6px 20px;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: bold;
  color: #005BAC;
  text-align: left;
}

/*
	ヘッダーの指定
*/
/* ヘッダー外枠 */
.header {
  position: relative;
  z-index: 99;
}
@media (max-width: 1080px) {
  .header {
    position: fixed;
    height: 60px;
  }
}
@media (max-width: 1080px) {
  .header-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media (max-width: 1080px) {
  .header-inner .site-logo {
    left: 5px !important;
  }
}
@media (max-width: 1080px) {
  .header-inner .site-logo a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media (max-width: 1080px) {
  .header-inner .site-logo a picture img {
    width: 100% !important;
    height: auto !important;
    -o-object-fit: contain;
       object-fit: contain;
  }
}
.header__right-cont {
  display: none;
}
@media (max-width: 1080px) {
  .header__right-cont {
    max-width: 68%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 6px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
@media (max-width: 1080px) {
  #menubtn {
    height: 100%;
    position: relative;
    background-color: #005bac;
  }
}
#menubtn .menu-open {
  background-size: 30px 35.65px;
  background-position: center;
  background-image: url(../../assets/img/common/header/menu-open.svg);
}
#menubtn .menu-close {
  background-size: 30px 35.65px;
  background-position: center;
  background-image: url(../../assets/img/common/header/menu-close.svg);
}

@media (max-width: 1080px) {
  .site-logo {
    position: relative;
    aspect-ratio: 116/31;
    width: 28%;
    height: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}

@media (max-width: 1080px) {
  #slide-menu {
    height: calc(100% - 60px);
    overflow: scroll;
  }
}
@media (max-width: 1080px) {
  #slide-menu .topBtnWrap {
    height: 60px;
  }
}

@media (max-width: 1080px) {
  #slide-menu {
    top: 60px !important;
    background-color: #005bac;
    padding: 0;
  }
}
@media (max-width: 1080px) {
  #slide-menu .nav {
    height: auto;
    overflow: inherit;
  }
}

.menu-hamburger-baner {
  display: none;
}
@media (max-width: 1080px) {
  .menu-hamburger-baner {
    display: block;
    max-width: 500px;
    margin: 0 auto;
    padding: 30px 35px;
  }
}
@media (max-width: 768px) {
  .menu-hamburger-baner {
    max-width: auto;
  }
}
.menu-hamburger-baner li {
  margin-bottom: 10px;
}
.menu-hamburger-baner li:last-of-type {
  margin-bottom: 0;
}

.menu-hamburger-baner__sublink {
  display: block;
  padding: 10px 0 0;
  font-size: 16px;
  color: #fff !important;
  text-align: center !important;
  text-decoration: underline !important;
}

@media (max-width: 1080px) {
  .menu-hamburger .hurry {
    display: none;
  }
}
@media (max-width: 1080px) {
  .menu-hamburger .nav.--pc {
    display: none !important;
  }
}
.menu-hamburger .nav.--sp {
  display: none !important;
}
@media (max-width: 1080px) {
  .menu-hamburger .nav.--sp {
    display: block !important;
  }
}
.menu-hamburger .nav.--sp li {
  position: relative;
}
.menu-hamburger .nav.--sp li h3 {
  background-color: #005bac !important;
  color: #ffffff !important;
  padding: 18px 7rem !important;
}
.menu-hamburger .nav.--sp li h3::before {
  position: absolute;
  content: "";
  background-color: red;
  top: 52% !important;
  left: 37.5px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.menu-hamburger .nav.--sp li h3::after {
  position: absolute;
  content: "";
  right: 20px !important;
  top: 50% !important;
  -webkit-transform: translateY(-50%) !important;
          transform: translateY(-50%) !important;
  width: 19px !important;
  height: 19px !important;
  background: url(../img/common/icons/plus.svg) center/contain no-repeat !important;
  z-index: 1 !important;
}
.menu-hamburger .nav.--sp li h3.open::after {
  height: 2px !important;
  top: 50% !important;
  -webkit-transform: translateY(-50%) !important;
          transform: translateY(-50%) !important;
  background: url(../img/common/icons/minus.svg) center/contain no-repeat !important;
}
.menu-hamburger .nav.--sp li h3 a {
  background-color: #005bac !important;
  color: #ffffff !important;
}
.menu-hamburger .nav.--sp li.hall h3::before {
  left: 41px;
  width: 11.8px;
  height: 17.37px;
  background: url(../img/common/icons/map.svg) center/contain no-repeat;
}
.menu-hamburger .nav.--sp li.funeral h3::before {
  width: 20px;
  height: 20px;
  background: url(../img/common/icons/price.svg) center/contain no-repeat;
}
.menu-hamburger .nav.--sp li.sakura h3::before {
  left: 39.5px;
  width: 16px;
  height: 15px;
  background: url(../img/common/icons/sakura.svg) center/contain no-repeat;
}
.menu-hamburger .nav.--sp li.event h3::before {
  left: 39.5px;
  width: 17px;
  height: 17px;
  background: url(../img/common/icons/calendar.svg) center/contain no-repeat;
}
.menu-hamburger .nav.--sp li.news h3::before {
  left: 41px;
  width: 16px;
  height: 16px;
  background: url(../img/common/icons/beru.svg) center/contain no-repeat;
}
@media (max-width: 1080px) {
  .menu-hamburger .nav .lv-second {
    padding: 10px 35px 30px 35px;
  }
}
.menu-hamburger .nav &gt; li:last-of-type {
  border-bottom: 1px solid #fff !important;
}
.menu-hamburger .nav &gt; li:last-of-type ul {
  border: none !important;
}
.menu-hamburger .nav h3 {
  border: none !important;
}

@media (max-width: 1080px) {
  .hall-search {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 10px 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: 85px;
    grid-template-rows: 85px;
    gap: 10px;
  }
  .hall-search &gt; *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .hall-search &gt; *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
}
.hall-search li {
  border-radius: 6px;
  overflow: hidden;
}
.hall-search li a {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 !important;
  gap: 10px;
  height: 100%;
}
.hall-search li a::before {
  display: none !important;
}
.hall-search li a img {
  display: block;
}
.hall-search li a span {
  display: block;
}
.hall-search li.map img {
  width: 18.15px;
  height: 26.72px;
}
.hall-search li.archive img {
  width: 23px;
  height: 23px;
}

.funeral-baner li:nth-child(n+2) {
  margin-top: 5px;
}
.funeral-baner li a {
  border: none !important;
  padding: 0 !important;
}

.funeral-other-plan, .news-column {
  background-color: #005bac !important;
  color: #fff !important;
  font-size: 15px !important;
  padding: 0 !important;
  margin: 25px 0 30px 0 !important;
  text-align: center;
  text-decoration: underline !important;
  border-top: none !important;
}

.funeral-menu, .news-cats, .sakura-menu {
  margin-top: 16px;
}
.funeral-menu li a, .news-cats li a, .sakura-menu li a {
  position: relative;
  padding: 16px 0 !important;
  text-align: center;
  border: none !important;
  border-radius: 6px !important;
}
.funeral-menu li a::before, .news-cats li a::before, .sakura-menu li a::before {
  display: none !important;
}
.funeral-menu li a::after, .news-cats li a::after, .sakura-menu li a::after {
  position: absolute;
  content: "";
  width: 6.68px;
  height: 13.37px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 14.2px;
  background: url(../../assets/img/common/icons/arrow_blue.svg) center/contain no-repeat;
}
.funeral-menu li:nth-child(n+2), .news-cats li:nth-child(n+2), .sakura-menu li:nth-child(n+2) {
  margin-top: 5px;
}

.sakura .lv-second {
  padding: 10px 30px 30px 30px !important;
}

.sakura-menu {
  display: -ms-grid;
  display: grid;
  gap: 7px;
  -ms-grid-columns: 1fr 7px 1fr;
  grid-template-columns: 1fr 1fr;
}
.sakura-menu li {
  margin: 0 !important;
}
.sakura-menu li a {
  font-size: 14px !important;
  font-weight: 700 !important;
}
.sakura-menu li a::after {
  right: 8px !important;
}
.sakura-menu li:nth-of-type(3) {
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1/3;
}
.sakura-menu li:nth-of-type(4) {
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1/3;
}

.news-cats {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 10px 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  background-color: #005bac !important;
}
.news-cats li {
  margin: 0 !important;
}
.news-cats li a {
  font-weight: 700 !important;
  font-size: 14px !important;
}

.menu-hamburger-foot {
  display: none;
  padding: 30px 35px;
}
@media (max-width: 1080px) {
  .menu-hamburger-foot {
    display: block;
  }
}
.menu-hamburger-foot__nav li {
  margin-bottom: 1em;
}
.menu-hamburger-foot__nav li a {
  position: relative;
  display: block;
  text-align: center;
  padding: 16px 0;
  background-color: #fff;
  font-size: 15px;
  font-weight: 700;
  border-radius: 6px !important;
  color: #005BAC;
}
.menu-hamburger-foot__nav li a::after {
  position: absolute;
  content: "";
  width: 6.68px;
  height: 13.37px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 14.2px;
  background: url(../../assets/img/common/icons/arrow_blue.svg) center/contain no-repeat;
}
.menu-hamburger-foot__tel-box {
  text-align: center;
  padding: 25px 20px;
  border-radius: 5px;
  border: 1px solid #D3EAFF;
  background-color: #F7FDFF;
}
.menu-hamburger-foot__tel-box strong {
  display: block;
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #C24A47 !important;
}
.menu-hamburger-foot__tel-box .--catch {
  font-size: 16px;
  letter-spacing: -0.01em;
  font-weight: 700;
  color: #005BAC;
  margin-bottom: 0px !important;
}
.menu-hamburger-foot__tel-box .--number {
  position: relative;
  display: inline-block;
  letter-spacing: -0.01em;
  line-height: 1.7;
  text-decoration: underline;
  padding-left: 45px;
  font-size: 32px;
  font-weight: 700;
  color: #005BAC;
}
.menu-hamburger-foot__tel-box .--number::before {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  content: "";
  width: 35px;
  height: 35px;
  background: url(../../assets/img/common/icons/phone.svg) center/contain no-repeat;
}
.menu-hamburger-foot__tel-box .--label {
  display: block;
  margin-top: 10px;
  font-size: 16px;
  font-weight: 700;
  padding: 5px 0;
  background-color: #005BAC;
  color: #fff;
}
.menu-hamburger-foot__add-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1rem;
  margin-top: 40px;
}
.menu-hamburger-foot__add-nav li a {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}
.menu-hamburger-foot__add-nav li:nth-of-type(2) {
  padding-left: 1rem;
  border-left: 1px solid #fff;
}
.menu-hamburger-foot__sns-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 10px;
}
.menu-hamburger-foot__sns-nav li {
  width: 36px;
}
.menu-hamburger-foot__sns-nav li img {
  width: 100%;
}

.news-column {
  margin: 10px 0 0 0 !important;
}

/*
.subNavi {
	width: 100px;
	position: absolute;
	right: 50%;
	top: 16px;
	transform: translateX(200px);
}
*/
.header-recruit-button {
  border: 2px solid #EB6EA5;
  border-radius: 25px;
  display: inline-block;
  margin-top: 0px;
  margin-right: -4px;
  padding: 6px 18px 7px 12px !important;
  color: #EB6EA5 !important;
}
.header-recruit-button::after {
  background-image: url(../../img/common/arrow-subNavipink.svg) !important;
  top: 6px !important;
  right: 6px !important;
}

/*
	フッターの指定
*/
#footer {
  z-index: 1;
}
.footerBanner {
  width: 70%;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  margin: 40px auto 80px auto;
}
@media screen and (max-width: 767px) {
  .footerBanner {
    width: calc(100% - 56px);
    margin: 0 auto 80px auto;
  }
}
.footerBanner .--pc {
  display: block;
}
@media screen and (max-width: 767px) {
  .footerBanner .--pc {
    display: none;
  }
}
.footerBanner .--sp {
  display: none;
}
@media screen and (max-width: 767px) {
  .footerBanner .--sp {
    display: block;
  }
}

#footerFloatBtn {
  background: #005BAC !important;
  height: 80px;
  padding: 0;
}
#footerFloatBtn .btnWrap {
  display: block;
  padding: 0;
}
#footerFloatBtn .fix-nav {
  position: relative;
  z-index: 99;
  width: 100%;
  height: 100%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
#footerFloatBtn .fix-nav li {
  height: 100%;
  margin: 0;
  border-right: 1px solid #fff;
}
#footerFloatBtn .fix-nav li:first-of-type a {
  padding: 10px 0;
}
#footerFloatBtn .fix-nav li:nth-of-type(3) a {
  padding: 10px 0;
}
#footerFloatBtn .fix-nav li:last-of-type {
  border: none;
}
#footerFloatBtn .fix-nav li:last-of-type a {
  padding: 11px 0 10px 0;
}
#footerFloatBtn .fix-nav li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 7px 0 10px 0;
  margin: 0 !important;
  width: 100% !important;
  -webkit-box-shadow: none;
          box-shadow: none;
}
#footerFloatBtn .fix-nav li a .fix-nav__txt {
  display: block;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  font-family: "Noto Sans JP", sans-serif;
  line-height: 1.28;
}
@media (max-width: 375px) {
  #footerFloatBtn .fix-nav li a .fix-nav__txt {
    font-size: 12px;
  }
}
#footerFloatBtn .fix-nav li a .fix-nav__txt--yellow {
  font-size: 11px;
  font-weight: 700;
  display: block;
  color: #F9FF7C;
}
#footerFloatBtn .fix-nav li a img {
  width: auto;
  height: auto;
}

.footer-menu-list__title {
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 14px;
}

.footer-menu-list__title a {
  color: #fff !important;
  font-size: 14px !important;
}

.footerMenuWrap a::after {
  /*content: '&gt;';
  font-size: 50%;
  margin-left: 10px;*/
}

/*
	サイト全体のアイテムの設定
*/
@media (min-width: 699px) {
  a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
  }
}
.u-ff-serif {
  font-family: "Noto Serif JP", serif;
}

.section-title, .common-contact-section .common-contact-section__title {
  margin-bottom: 60px;
  text-align: center;
  font-family: "Noto Serif JP", serif;
  font-size: 3.6rem;
  font-weight: bold;
  color: #005BAC;
}
@media screen and (max-width: 699px) {
  .section-title, .common-contact-section .common-contact-section__title {
    font-size: 2rem;
    margin-bottom: 30px;
  }
}

.section-sub-title {
  margin-bottom: 40px;
  font-size: 2.2rem;
  font-weight: bold;
  color: #005BAC;
}
@media screen and (max-width: 699px) {
  .section-sub-title {
    font-size: 1.8rem;
    margin-bottom: 30px;
  }
}

.btn-detail {
  background: #005BAC url(../img/about/feature/ico--arrow.svg) right 16px center no-repeat;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 360px;
  padding: 15px 55px 15px 45px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  letter-spacing: 0.1em;
  text-align: center;
  font-weight: bold;
  font-size: 1.8rem;
  color: #fff;
}
.btn-detail:hover {
  font-size: 1.8rem;
  color: #fff;
}
@media screen and (max-width: 699px) {
  .btn-detail {
    min-width: auto;
  }
}
.btn-detail.btn-white {
  background: #fff url(../img/common/mark/ico--arrow-navy.svg) right 16px center no-repeat;
  border: 4px solid #005BAC;
  color: #005BAC;
}

.btn-pink {
  background-color: #D64287;
}

.faq-section {
  margin-bottom: 120px;
}
@media screen and (max-width: 699px) {
  .faq-section {
    margin: 60px 30px;
  }
  .faq-section .top-faq-lede {
    font-size: 1.54rem;
    margin-bottom: 20px;
  }
}

.faq-dl {
  margin: 0 auto 80px;
}
.faq-dl dt {
  background: url(../img/recruit/top/faq/ico--faq-q.svg) left 20px no-repeat, url(../img/recruit/top/faq/ico--plus.svg) right 33px no-repeat;
  padding: 25px 40px 25px 50px;
  border-bottom: 1px dashed #000;
  cursor: pointer;
  font-weight: 500;
  font-size: 1.8rem;
}
.faq-dl dt.active {
  background: url(../img/recruit/top/faq/ico--faq-q.svg) left 20px no-repeat, url(../img/recruit/top/faq/ico--minus.svg) right 33px no-repeat;
  border: none;
}
.faq-dl dd {
  display: none;
  background: url(../img/recruit/top/faq/ico--faq-a.svg) left top no-repeat;
  padding: 0 0 25px 50px;
  border-bottom: 1px dashed #000;
  line-height: 2;
  font-size: 1.6rem;
}
.faq-dl dd.active {
  display: block;
}
.faq-dl dd a {
  font-size: 1.6rem;
}
@media screen and (min-width: 840px) {
  .faq-dl {
    width: 600px;
  }
}

.common-contact-section .common-contact-section__title {
  margin-bottom: 35px !important;
}
@media screen and (max-width: 699px) {
  .common-contact-section {
    padding: 0 30px;
  }
}

.common-contact-section__list {
  list-style: none;
}
.common-contact-section__list li {
  padding: 35px;
  border-radius: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.common-contact-section__list li div {
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.common-contact-section__list li p {
  text-align: center;
  margin: 0;
  line-height: 1.7;
  font-weight: bold;
  font-size: 2rem;
  color: #005BAC;
}
.common-contact-section__list li .common-contact-section__tel {
  background: url(../img/common/page/family-funeral/plan-contact_logo_tel.svg) left center no-repeat;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: block;
  margin: 0 auto;
  padding-left: 50px;
  font-size: 40px;
  font-weight: 700;
  color: #005BAC;
}
.common-contact-section__list li .common-contact-section__time {
  background-color: #005BAC;
  display: block;
  margin: 0 auto;
  text-align: center;
  padding: 0 88px;
  margin-top: 5px;
  font-weight: bold;
  font-size: 2rem;
  color: #fff;
}
.common-contact-section__list li .common-contact-section__mail {
  position: relative;
  background: #fff url(../img/common/icons/mail.svg) 60px center no-repeat;
  color: #015BAC;
  font-size: 25px;
  font-weight: 600;
  line-height: 1;
  display: block;
  padding: 22px 0 22px 15px;
  text-align: center;
}
.common-contact-section__list li:nth-child(1) {
  background: #005BAC;
}
.common-contact-section__list li:nth-child(1) p {
  margin-bottom: 42px;
  color: #fff;
}
.common-contact-section__list li:nth-child(2) {
  background: #f7fdff;
  border: 5px solid #d3eaff;
}
@media screen and (min-width: 840px) {
  .common-contact-section__list {
    width: 920px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .common-contact-section__list li {
    width: 445px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
@media screen and (max-width: 699px) {
  .common-contact-section__list li p {
    font-size: 1.6rem;
  }
  .common-contact-section__list li .common-contact-section__tel {
    letter-spacing: 0;
    font-size: 3rem;
  }
  .common-contact-section__list li .common-contact-section__time {
    width: 263px;
    padding: 5px 0;
    font-size: 1.6rem;
  }
  .common-contact-section__list li .common-contact-section__mail {
    background: #fff url(../img/common/icons/mail.svg) 30px center no-repeat;
    font-size: 1.6rem;
  }
  .common-contact-section__list li:nth-child(2) {
    padding: 20px 25px 35px 25px;
  }
}

.bnr-section-list {
  list-style: none;
}
.bnr-section-list li {
  margin-bottom: 100px;
}
.bnr-section-list li strong {
  display: block;
  margin-bottom: 20px;
  text-align: center;
  letter-spacing: 0.05em;
  font-family: "Noto Serif JP", serif;
  font-weight: bold;
  font-size: 3.6rem;
  color: #005BAC;
}
.bnr-section-list li strong.u-color-pink {
  color: #D84385;
}
.bnr-section-list li a {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 840px) {
  .bnr-section-list .bnr-section-list__voice {
    width: 920px;
  }
  .bnr-section-list .bnr-section-list__member {
    width: 600px;
  }
  .bnr-section-list .bnr-section-list__catalog {
    width: 680px;
  }
}
@media screen and (max-width: 699px) {
  .bnr-section-list {
    padding: 0 30px;
  }
  .bnr-section-list li {
    margin-bottom: 50px;
  }
  .bnr-section-list li strong {
    font-size: 2rem;
  }
}

@media screen and (max-width: 699px) {
  .u-not-sp-br {
    display: none;
  }
}

@media screen and (min-width: 840px) {
  .u-sp-br {
    display: none;
  }
}

.u-target {
  display: block;
  padding-top: 100px;
  margin-top: -100px;
}

.layout-container-res {
  width: 100%;
  max-width: 1102px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}
.u-color-green {
  color: #5E9868;
}

.guide-company {
  background: url(../img/about/guide/company/bgi--01.webp) center bottom no-repeat;
  background-size: 100% auto;
  padding-bottom: 60px;
  margin-bottom: 150px;
}
.guide-company .guide-company__text {
  margin-bottom: 60px;
  text-align: center;
  font-size: 1.8rem;
}
.guide-company .guide-company__list {
  margin-bottom: 100px;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.guide-company .guide-company__list li {
  margin: 0 20px;
}
.guide-company .guide-company__bnr {
  max-width: 660px;
  margin: 0 auto;
  border-radius: 0 0 10px 10px;
}
@media screen and (max-width: 699px) {
  .guide-company {
    background-size: 400% auto;
    padding: 0 30px 60px;
    margin-bottom: 60px;
  }
  .guide-company .guide-company__text {
    margin-bottom: 60px;
    text-align: left;
  }
  .guide-company .guide-company__list {
    margin-bottom: 50px;
    display: block;
  }
  .guide-company .guide-company__list li {
    margin-bottom: 20px;
  }
}

.guide-contact {
  margin-bottom: 120px;
}

.clear-nav .clear-nav__title {
  margin-bottom: 50px;
  text-align: center;
  line-height: 1.5;
  font-weight: bold;
  font-size: 3.2rem;
  color: #005BAC;
}
@media screen and (max-width: 699px) {
  .clear-nav {
    margin-bottom: 90px;
  }
  .clear-nav .clear-nav__title {
    font-size: 2.4rem;
  }
}

/*
.clear-nav-list{
	list-style: none;
	.clear-nav-list__balloon{
		background: #F4F3ED;
		width: 100%;
		height: 140px;
		margin-bottom: 20px;
		display: flex;
		align-items: center;
		justify-content: center;
		border: 1px solid  #CF7197;
		border-radius: 15px;
		line-height: 1.4;
		position: relative;
		text-align: center;
		font-weight: bold;
		font-size: 2rem;
		&amp;::before{
			content: ' ';
			background: url(../img/begin/clear/nav/ico--balloon.svg) left bottom no-repeat;
			width: 26px;
			height: 24px;
			display: block;
			position: absolute;
			bottom: -23px;
			left: calc(50% - 13px);
		}
		&amp;::after{
			content: ' ';
			background: url(../img/begin/clear/nav/ico--q-01.svg) left bottom no-repeat;
			width: 40px;
			height: 40px;
			display: block;
			position: absolute;
			top: -16px;
			left: -16px;
		}
	}
	.clear-nav-list__pic{
		width: auto;
		height: 135px;
		display: block;
		margin: 0 auto 10px;
	}
	.clear-nav-list__title{
		border-bottom: 1px solid;
		margin-bottom: 15px;
		display: block;
		text-align: center;
		font-weight: bold;
		font-size: 2rem;
		span{
			font-size: 3.6rem;
		}
	}
	.clear-nav-list__text{
		background: url(../img/begin/clear/nav/ico--arrow-01.svg) center bottom no-repeat;
		display: block;
		padding-bottom: 50px;
		text-align: center;
		line-height: 1.44;
		font-size: 1.8rem;
		font-weight: bold;
	}
	.clear-nav-list__01{
		color: #CF7197;
		a{
			color: #CF7197;
		}
		.clear-nav-list__balloon{
			border-color: #CF7197;
			&amp;::before{
				background: url(../img/begin/clear/nav/ico--balloon-01.svg) left bottom no-repeat;
			}
			&amp;::after{
				background: url(../img/begin/clear/nav/ico--q-01.svg) left bottom no-repeat;
			}
		}
		.clear-nav-list__text{
			background: url(../img/begin/clear/nav/ico--arrow-01.svg) center bottom no-repeat;
		}
	}
	.clear-nav-list__02{
		color: #179D5D;
		a{
			color: #179D5D;
		}
		.clear-nav-list__balloon{
			border-color: #179D5D;
			&amp;::before{
				background: url(../img/begin/clear/nav/ico--balloon-02.svg) left bottom no-repeat;
			}
			&amp;::after{
				background: url(../img/begin/clear/nav/ico--q-02.svg) left bottom no-repeat;
			}
		}
		.clear-nav-list__text{
			background: url(../img/begin/clear/nav/ico--arrow-02.svg) center bottom no-repeat;
		}
	}
	.clear-nav-list__03{
		color: #C17C13;
		a{
			color: #C17C13;
		}
		.clear-nav-list__balloon{
			border-color: #C17C13;
			&amp;::before{
				background: url(../img/begin/clear/nav/ico--balloon-03.svg) left bottom no-repeat;
			}
			&amp;::after{
				background: url(../img/begin/clear/nav/ico--q-03.svg) left bottom no-repeat;
			}
		}
		.clear-nav-list__text{
			background: url(../img/begin/clear/nav/ico--arrow-03.svg) center bottom no-repeat;
		}
	}
	@media screen and (min-width: 767px) {
		max-width: 740px;
		margin: 0 auto 140px;
		display: flex;
		justify-content: space-between;
		li{
			width: 30%;
		}
	}
	@media screen and (max-width: $bp-sp) {
		li{
			margin-bottom: 40px;
		}
	}
}
*/
.clear-nav-list {
  list-style: none;
}
.clear-nav-list .clear-nav-list__balloon {
  background: #F4F3ED;
  width: 100%;
  height: 140px;
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #CF7197;
  border-radius: 15px;
  line-height: 1.4;
  position: relative;
  text-align: center;
  font-weight: bold;
  font-size: 2rem;
}
.clear-nav-list .clear-nav-list__balloon::before {
  content: " ";
  background: url(../img/begin/clear/nav/ico--balloon.svg) left bottom no-repeat;
  width: 26px;
  height: 24px;
  display: block;
  position: absolute;
  bottom: -23px;
  left: calc(50% - 13px);
}
.clear-nav-list .clear-nav-list__balloon::after {
  content: " ";
  background: url(../img/begin/clear/nav/ico--q-01.svg) left bottom no-repeat;
  width: 40px;
  height: 40px;
  display: block;
  position: absolute;
  top: -16px;
  left: -16px;
}
.clear-nav-list .clear-nav-list__pic {
  width: auto;
  height: 135px;
  display: block;
  margin: 0 auto 10px;
}
.clear-nav-list .clear-nav-list__title {
  border-bottom: 1px solid;
  margin-bottom: 15px;
  display: block;
  text-align: center;
  font-weight: bold;
  font-size: 2rem;
}
.clear-nav-list .clear-nav-list__title span {
  font-size: 3.6rem;
}
.clear-nav-list .clear-nav-list__text {
  background: url(../img/begin/clear/nav/ico--arrow-01.svg) center bottom no-repeat;
  display: block;
  padding-bottom: 50px;
  text-align: center;
  line-height: 1.44;
  font-size: 1.8rem;
  font-weight: bold;
}
.clear-nav-list .clear-nav-list__01 {
  color: #CF7197;
}
.clear-nav-list .clear-nav-list__01 a {
  color: #CF7197;
}
.clear-nav-list .clear-nav-list__01 .clear-nav-list__balloon {
  border-color: #CF7197;
}
.clear-nav-list .clear-nav-list__01 .clear-nav-list__balloon::before {
  background: url(../img/begin/clear/nav/ico--balloon-01.svg) left bottom no-repeat;
}
.clear-nav-list .clear-nav-list__01 .clear-nav-list__balloon::after {
  background: url(../img/begin/clear/nav/ico--q-01.svg) left bottom no-repeat;
}
.clear-nav-list .clear-nav-list__01 .clear-nav-list__text {
  background: url(../img/begin/clear/nav/ico--arrow-01.svg) center bottom no-repeat;
}
.clear-nav-list .clear-nav-list__02 {
  color: #179D5D;
}
.clear-nav-list .clear-nav-list__02 a {
  color: #179D5D;
}
.clear-nav-list .clear-nav-list__02 .clear-nav-list__balloon {
  border-color: #179D5D;
}
.clear-nav-list .clear-nav-list__02 .clear-nav-list__balloon::before {
  background: url(../img/begin/clear/nav/ico--balloon-02.svg) left bottom no-repeat;
}
.clear-nav-list .clear-nav-list__02 .clear-nav-list__balloon::after {
  background: url(../img/begin/clear/nav/ico--q-02.svg) left bottom no-repeat;
}
.clear-nav-list .clear-nav-list__02 .clear-nav-list__text {
  background: url(../img/begin/clear/nav/ico--arrow-02.svg) center bottom no-repeat;
}
.clear-nav-list .clear-nav-list__03 {
  color: #C17C13;
}
.clear-nav-list .clear-nav-list__03 a {
  color: #C17C13;
}
.clear-nav-list .clear-nav-list__03 .clear-nav-list__balloon {
  border-color: #C17C13;
}
.clear-nav-list .clear-nav-list__03 .clear-nav-list__balloon::before {
  background: url(../img/begin/clear/nav/ico--balloon-03.svg) left bottom no-repeat;
}
.clear-nav-list .clear-nav-list__03 .clear-nav-list__balloon::after {
  background: url(../img/begin/clear/nav/ico--q-03.svg) left bottom no-repeat;
}
.clear-nav-list .clear-nav-list__03 .clear-nav-list__text {
  background: url(../img/begin/clear/nav/ico--arrow-03.svg) center bottom no-repeat;
}
@media screen and (min-width: 767px) {
  .clear-nav-list {
    max-width: 740px;
    margin: 0 auto 140px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .clear-nav-list li {
    width: 30%;
  }
}
@media screen and (max-width: 699px) {
  .clear-nav-list li {
    width: 100%;
    margin-bottom: 40px;
  }
  .clear-nav-list li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .clear-nav-list li a &gt; div {
    width: 48%;
  }
  .clear-nav-list li .clear-nav-list__pic {
    display: none;
  }
  .clear-nav-list li .clear-nav-list__balloon {
    background-position: right 10px bottom;
    background-repeat: no-repeat;
    background-size: auto 46px;
    width: 45%;
    height: auto;
    padding: 20px 10px 60px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-size: 1.5rem;
  }
  .clear-nav-list li .clear-nav-list__balloon::before {
    content: " ";
    width: 26px;
    height: 24px;
    display: block;
    position: absolute;
    bottom: calc(50% - 12px);
    left: auto;
    right: -24px;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
  }
  .clear-nav-list li .clear-nav-list__balloon::after {
    content: none;
  }
  .clear-nav-list .clear-nav-list__01 .clear-nav-list__balloon {
    background-image: url(../img/begin/clear/nav/pic--01.webp);
  }
  .clear-nav-list .clear-nav-list__02 .clear-nav-list__balloon {
    background-image: url(../img/begin/clear/nav/pic--02.webp);
  }
  .clear-nav-list .clear-nav-list__03 .clear-nav-list__balloon {
    background-image: url(../img/begin/clear/nav/pic--03.webp);
  }
}

/*
	サイト全体のレイアウトグリッドの指定
*/
/* ヘッダー */
.family-funeral-option .secHeader.common h3 {
  color: #7B59A2 !important;
  font-size: 18px !important;
  font-weight: 600;
}

.common .secheader__text {
  display: block;
  font-size: 20px;
  font-weight: 500;
}

#family-funeral .secHeader.common h3 {
  font-family: "Noto Serif JP", serif;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 1rem;
}

body {
  color: #4d4d4d;
  font-family: "Noto Sans JP", sans-serif;
  line-height: 2;
  font-size: 1.6rem;
}
body p {
  font-size: 1.6rem;
}
body a:hover {
  opacity: 0.7;
}

.wrapper {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  max-width: 100%;
  min-height: 100vh;
  position: relative;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

main {
  display: block;
  margin: 0 auto;
  padding: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  width: 100%;
  max-width: 100%;
  height: 100%;
  min-height: 100%;
  overflow: hidden;
}

section {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}

p {
  margin-bottom: 0;
}

.pc-only {
  display: block;
}

.sp-only {
  display: none;
}

@media screen and (max-width: 699px) {
  .pc-only {
    display: none;
  }
  .sp-only {
    display: block;
  }
  .breadcrumbs {
    position: static;
    margin-top: 60px;
  }
}
.ttl-unit {
  margin-bottom: 70px;
  text-align: center;
}

.ttl-main {
  font-family: "Noto Serif JP", serif;
  font-size: calc(24px + 16 * (100vw - 320px) / 1600);
  font-weight: 700;
  margin-bottom: 20px;
}

.p-mv {
  margin: 0 auto 80px;
}
.p-mv .clear-mv-img {
  width: 100%;
  max-width: 100%;
}

@media screen and (max-width: 699px) {
  .clear-container {
    width: calc(100% - 40px);
  }
}

.clear-declaration-sub {
  margin-bottom: 160px;
}
.clear-declaration-sub .clear-declaration-sub__icon {
  width: 143px;
  margin: 0 auto -55px;
}

.clear-declaration-sub-main-bg {
  background: url(../img/begin/clear/declaration/bgi--section.webp) center center no-repeat;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  border-radius: 20px;
  padding: 54px 64px 42px 64px;
  margin-bottom: 60px;
  letter-spacing: 0.05em;
  color: #fff;
}
.clear-declaration-sub-main-bg &gt; div {
  width: 64%;
}
.clear-declaration-sub-main-bg &gt; div p {
  padding-right: 20px;
  font-weight: bold;
  font-size: 2rem;
}
.clear-declaration-sub-main-bg .clear-declaration-sub-main-bg__pic {
  width: 32.8%;
}
.clear-declaration-sub-main-bg .clear-declaration-sub__title {
  padding-bottom: 20px;
  margin-bottom: 25px;
  border-bottom: 2px solid #fff;
  font-weight: bold;
  font-size: 2.8rem;
}
@media screen and (max-width: 699px) {
  .clear-declaration-sub-main-bg {
    display: block;
    padding-top: 80px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .clear-declaration-sub-main-bg &gt; div {
    width: auto;
    margin-bottom: 40px;
  }
  .clear-declaration-sub-main-bg &gt; div p {
    padding: 0;
    font-size: 1.6rem;
  }
  .clear-declaration-sub-main-bg .clear-declaration-sub-main-bg__pic {
    width: auto;
    max-width: 100%;
  }
  .clear-declaration-sub-main-bg .clear-declaration-sub__title {
    font-size: 2rem;
  }
}

.clear-declaration-sub-layout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 1050px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.clear-declaration-sub-layout.clear-declaration-sub-layout--1col {
  display: block;
}
.clear-declaration-sub-layout.clear-declaration-sub-layout--1col &gt; div {
  width: auto;
}
.clear-declaration-sub-layout &gt; div {
  width: 46.9%;
}
.clear-declaration-sub-layout .clear-declaration-sub__lede {
  margin-bottom: 20px;
  font-weight: bold;
  font-size: 2rem;
}
@media screen and (max-width: 699px) {
  .clear-declaration-sub-layout {
    display: block;
  }
  .clear-declaration-sub-layout &gt; div {
    width: auto;
    margin-bottom: 40px;
  }
}

.clear-declaration-sub--01 .clear-declaration-sub__lede {
  color: #D07097;
}
.clear-declaration-sub--02 .clear-declaration-sub__lede {
  color: #5E9868;
}
.clear-declaration-sub--03 .clear-declaration-sub__lede {
  color: #AA7738;
}
.clear-declaration-sub--03 .clear-declaration-sub--03__pic {
  display: block;
  margin-top: -80px;
}
.clear-declaration-sub--03 .clear-declaration-sub-layout--1col p {
  width: 80%;
}
@media screen and (max-width: 767px) {
  .clear-declaration-sub--03 .clear-declaration-sub--03__pic {
    margin-top: 0;
  }
  .clear-declaration-sub--03 .clear-declaration-sub-layout--1col p {
    width: auto;
  }
}

.clear-plan {
  margin-bottom: 150px;
}

.clear-contact {
  margin-bottom: 90px;
}
/*# sourceMappingURL=begin-group-2024.css.map */</pre></body></html>