@charset "UTF-8";
.section_basic {
  padding: 90px 0;
}
@media screen and (max-width: 768px) {
  .section_basic {
    padding: 9% 0;
  }
}

/* ===================================================================
FIRSTVIEW
=====================================================================*/
#firstView, #first_viewContainer, ul#viewList, ul#viewList li {
  width: 100%;
  height: auto;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

section#firstView {
  padding-bottom: 0;
}

/* ---------------------------------------------------------------- */
ul#viewList {
  list-style-type: none;
}
ul#viewList li a, ul#viewList li img {
  width: 100%;
  height: auto;
  display: block;
}
ul#viewList li a:hover {
  opacity: 0.8;
}
ul#viewList li picture {
  display: block;
  width: 100%;
  height: auto;
}

/* ===================================================================
トップ：バナーリスト
=====================================================================*/
#top_bannerBloc {
  width: 100%;
  height: auto;
  margin: 0 auto;
  background: #ECF2F7;
}

/* ---------------------------------------------------------------- */
#top_bannerlistBox {
  width: 86%;
  height: auto;
  margin: 0 auto;
  padding: 100px 0;
  max-width: 1600px;
}
@media screen and (max-width: 1200px) {
  #top_bannerlistBox {
    padding: 8% 0;
  }
}
@media screen and (max-width: 768px) {
  #top_bannerlistBox {
    padding: 9% 0;
  }
}
#top_bannerlistBox p {
  line-height: 200%;
  font-family: "Cochin", "NotoSerif", serif !important;
  text-align: center;
  margin-bottom: 45px;
  font-size: 18px;
}
@media screen and (min-width: 769px) {
  #top_bannerlistBox p {
    font-size: clamp(16px, 0.937vw, 18px);
  }
}
@media screen and (max-width: 1024px) {
  #top_bannerlistBox p {
    font-size: clamp(15px, 1.562vw, 16px);
  }
}
@media screen and (max-width: 768px) {
  #top_bannerlistBox p {
    font-size: clamp(15px, 2.083vw, 16px);
  }
}
@media screen and (max-width: 480px) {
  #top_bannerlistBox p {
    font-size: clamp(13px, 2.916vw, 15px);
  }
}
@media screen and (max-width: 768px) {
  #top_bannerlistBox p {
    margin-bottom: 4%;
  }
}

/* ---------------------------------------------------------------- */
ul#topbnrList {
  list-style-type: none;
  width: 100%;
  height: auto;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 768px) {
  ul#topbnrList {
    display: block;
  }
}
ul#topbnrList li {
  width: 30.333333%;
  height: auto;
  margin-right: 3%;
}
@media screen and (max-width: 768px) {
  ul#topbnrList li {
    width: 100%;
    margin: 0 auto 4%;
    max-width: 320px;
  }
  ul#topbnrList li:last-of-type {
    margin-bottom: 0;
  }
}
ul#topbnrList li a, ul#topbnrList li img {
  width: 100%;
  height: auto;
  display: block;
}
ul#topbnrList li a:hover {
  opacity: 0.8;
}
ul#topbnrList li:nth-of-type(3n) {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  ul#topbnrList li:nth-of-type(3n) {
    margin: 0 auto 4%;
  }
}

/* ===================================================================
お知らせ
=====================================================================*/
section#latestNews {
  padding-bottom: 0;
}

/* ---------------------------------------------------------------- */
ul#top_newsList {
  list-style-type: none;
  height: auto;
  margin: 0 auto;
}
ul#top_newsList li {
  border-bottom: 1px solid #EFEFEF;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  ul#top_newsList li {
    margin-bottom: 4%;
  }
}
ul#top_newsList li:last-of-type {
  margin-bottom: 0;
}

/* ---------------------------------------------------------------- */
dl#top_news_Container {
  height: auto;
  margin: 0 auto;
  width: 68%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
  max-width: 1000px;
}
@media screen and (max-width: 1000px) {
  dl#top_news_Container {
    width: 90%;
  }
}
@media screen and (max-width: 768px) {
  dl#top_news_Container {
    display: block;
    width: 90%;
  }
}
dl#top_news_Container dt, dl#top_news_Container dd {
  height: auto;
}
dl#top_news_Container dt {
  width: 35%;
  margin-right: 3%;
}
@media screen and (max-width: 768px) {
  dl#top_news_Container dt {
    width: 100%;
    margin: 0 auto 4%;
  }
}
dl#top_news_Container dd {
  width: 62%;
}
@media screen and (max-width: 768px) {
  dl#top_news_Container dd {
    width: 100%;
    margin: 0 auto;
  }
}
dl#top_news_Container dd p.top_news_update {
  color: #adadad;
  padding: 0;
  font-family: "Cochin", "NotoSerif", serif !important;
  font-size: 18px;
}
@media screen and (min-width: 769px) {
  dl#top_news_Container dd p.top_news_update {
    font-size: clamp(16px, 0.937vw, 18px);
  }
}
@media screen and (max-width: 1024px) {
  dl#top_news_Container dd p.top_news_update {
    font-size: clamp(15px, 1.562vw, 16px);
  }
}
@media screen and (max-width: 768px) {
  dl#top_news_Container dd p.top_news_update {
    font-size: clamp(15px, 2.083vw, 16px);
  }
}
@media screen and (max-width: 480px) {
  dl#top_news_Container dd p.top_news_update {
    font-size: clamp(13px, 2.916vw, 15px);
  }
}
dl#top_news_Container .btn_basic {
  position: absolute;
  left: 0%;
  top: 78%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 60%;
  max-width: 240px;
}
dl#top_news_Container .btn_basic a {
  width: 100%;
}
@media screen and (max-width: 768px) {
  dl#top_news_Container .btn_basic {
    position: relative;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    top: auto;
    width: 80%;
    margin: 6% auto 0;
  }
}

/* ---------------------------------------------------------------- */
.top_news_title {
  line-height: 140%;
}
.top_news_title a {
  color: #333;
  text-decoration: none;
  position: relative;
  z-index: 1;
  display: block;
  padding: 1.4rem 1.8rem 1.6rem 0;
  font-size: 18px;
}
@media screen and (min-width: 769px) {
  .top_news_title a {
    font-size: clamp(16px, 0.937vw, 18px);
  }
}
@media screen and (max-width: 1024px) {
  .top_news_title a {
    font-size: clamp(15px, 1.562vw, 16px);
  }
}
@media screen and (max-width: 768px) {
  .top_news_title a {
    font-size: clamp(15px, 2.083vw, 16px);
  }
}
@media screen and (max-width: 480px) {
  .top_news_title a {
    font-size: clamp(13px, 2.916vw, 15px);
  }
}
.top_news_title a:hover {
  color: #B82921;
}
.top_news_title a:hover:after {
  right: 0.4rem;
}
.top_news_title a:after {
  content: "";
  position: absolute;
  right: 1rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1rem;
  height: 1rem;
  background-image: url("../images/common/btn_arrow_bk.svg");
  background-repeat: no-repeat;
  background-position: center right;
  background-size: contain;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}

/* ===================================================================
選ばれる理由
=====================================================================*/
#top-Reason {
  padding: 60px 0 120px;
}
@media screen and (max-width: 768px) {
  #top-Reason {
    padding: 6% 0 12%;
  }
}
#top-Reason .btn_basic {
  margin: 0 auto;
  width: 80%;
  max-width: 360px;
}

/* ---------------------------------------------------------------- */
ul#top_reasonList {
  list-style-type: none;
  width: 34%;
  height: auto;
  margin: 0 auto;
  z-index: 1;
  position: relative;
}
@media screen and (max-width: 768px) {
  ul#top_reasonList {
    width: 60%;
  }
}
ul#top_reasonList li {
  width: 100%;
  height: auto;
  margin: 0 auto;
  text-align: center;
  position: relative;
  z-index: 1;
  padding-bottom: 12%;
  font-size: 18px;
}
@media screen and (min-width: 769px) {
  ul#top_reasonList li {
    font-size: clamp(16px, 0.937vw, 18px);
  }
}
@media screen and (max-width: 1024px) {
  ul#top_reasonList li {
    font-size: clamp(15px, 1.562vw, 16px);
  }
}
@media screen and (max-width: 768px) {
  ul#top_reasonList li {
    font-size: clamp(15px, 2.083vw, 16px);
  }
}
@media screen and (max-width: 480px) {
  ul#top_reasonList li {
    font-size: clamp(13px, 2.916vw, 15px);
  }
}
@media screen and (max-width: 768px) {
  ul#top_reasonList li {
    padding-bottom: 24%;
  }
  ul#top_reasonList li:last-of-type {
    padding-bottom: 0;
  }
}
ul#top_reasonList li:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -20%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 1px;
  height: 40%;
  background: #ADADAD;
}
ul#top_reasonList li:last-of-type:after {
  content: none;
}
@media screen and (max-width: 768px) {
  ul#top_reasonList li:first-of-type .reason_text {
    padding-top: 7%;
  }
}

/* ---------------------------------------------------------------- */
.reason_text {
  padding: 6% 0;
  z-index: 1;
  position: relative;
}
@media screen and (max-width: 768px) {
  .reason_text {
    padding: 18% 0;
  }
}
.reason_text:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
}

/* ---------------------------------------------------------------- */
.reason_num {
  color: #78C153;
  line-height: 100%;
  margin-bottom: 0.8rem;
  font-size: 100px;
  font-family: "Cochin", "NotoSerif", serif !important;
}
@media screen and (min-width: 769px) {
  .reason_num {
    font-size: clamp(90px, 5.211vw, 100px);
  }
}
@media screen and (max-width: 1024px) {
  .reason_num {
    font-size: clamp(80px, 7.812vw, 90px);
  }
}
@media screen and (max-width: 768px) {
  .reason_num {
    font-size: clamp(50px, 10.68vw, 70px);
  }
}
@media screen and (max-width: 480px) {
  .reason_num {
    font-size: 10.41vw;
  }
}

/* ---------------------------------------------------------------- */
.reason_headline {
  font-family: "Cochin", "NotoSerif", serif !important;
  line-height: 160%;
  font-weight: 300;
  margin-bottom: 0.8rem;
  font-size: 30px;
}
@media screen and (min-width: 769px) {
  .reason_headline {
    font-size: clamp(26px, 1.563vw, 30px);
  }
}
@media screen and (max-width: 1024px) {
  .reason_headline {
    font-size: clamp(20px, 2.168vw, 26px);
  }
}
@media screen and (max-width: 768px) {
  .reason_headline {
    font-size: clamp(22px, 3.385vw, 26px);
  }
}
@media screen and (max-width: 480px) {
  .reason_headline {
    font-size: 4.3vw;
  }
}

/* ---------------------------------------------------------------- */
ul.reason_photo_list {
  list-style-type: none;
  position: absolute;
  top: 0;
  width: 30%;
  height: 100%;
  max-width: 680px;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  ul.reason_photo_list {
    width: 35%;
  }
}
ul.reason_photo_list li {
  height: auto;
  position: absolute;
  width: 100%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
ul.reason_photo_list li img {
  width: 100%;
  height: auto;
  display: block;
}
ul.reason_photo_list#photoLeft {
  left: 0;
}
ul.reason_photo_list#photoLeft li:first-of-type {
  top: 28%;
  left: 0;
}
@media screen and (max-width: 768px) {
  ul.reason_photo_list#photoLeft li:first-of-type {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    top: 10%;
  }
}
ul.reason_photo_list#photoLeft li:nth-of-type(2) {
  top: 62%;
  left: 0;
}
@media screen and (max-width: 768px) {
  ul.reason_photo_list#photoLeft li:nth-of-type(2) {
    top: 53%;
  }
}
ul.reason_photo_list#photoLeft li:nth-of-type(3) {
  top: 80%;
  left: 0;
}
@media screen and (max-width: 768px) {
  ul.reason_photo_list#photoLeft li:nth-of-type(3) {
    top: 65%;
  }
}
ul.reason_photo_list#photoRight {
  right: 0;
}
@media screen and (max-width: 768px) {
  ul.reason_photo_list#photoRight {
    width: 29%;
  }
}
ul.reason_photo_list#photoRight li:nth-of-type(1) {
  top: 38%;
  right: 0;
}
@media screen and (max-width: 768px) {
  ul.reason_photo_list#photoRight li:nth-of-type(1) {
    top: 31%;
  }
}
ul.reason_photo_list#photoRight li:nth-of-type(2) {
  top: 72%;
  right: 0;
}
@media screen and (max-width: 768px) {
  ul.reason_photo_list#photoRight li:nth-of-type(2) {
    top: 72%;
  }
}

/* ===================================================================
直営式場のご案内
=====================================================================*/
#top-Hall {
  padding-bottom: 100px;
}
@media screen and (max-width: 768px) {
  #top-Hall {
    padding-bottom: 9%;
  }
}
#top-Hall .contents_title {
  text-align: center;
}
#top-Hall dl#hallContainer {
  width: 84%;
}
@media screen and (max-width: 1300px) {
  #top-Hall dl#hallContainer {
    width: 90%;
  }
}
@media screen and (max-width: 768px) {
  #top-Hall dl#hallContainer {
    width: 100%;
    margin: 0 auto;
  }
}
#top-Hall dl#hallContainer dt {
  width: 35%;
  margin-right: 2%;
}
@media screen and (max-width: 768px) {
  #top-Hall dl#hallContainer dt {
    width: 100%;
    margin: 0 auto;
  }
}
#top-Hall dl#hallContainer dd {
  width: 58%;
  padding-right: 5%;
}
@media screen and (max-width: 768px) {
  #top-Hall dl#hallContainer dd {
    width: 100%;
    margin: 0 auto 6%;
    padding-right: 0;
  }
}

/* ===================================================================
ご依頼の流れ
=====================================================================*/
ul#top_flowList {
  width: 90%;
  height: auto;
  margin: 60px auto;
}
@media screen and (max-width: 768px) {
  ul#top_flowList {
    margin: 6% auto;
    padding: 0;
  }
}
ul#top_flowList li {
  background: #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: 45px;
}
@media screen and (max-width: 768px) {
  ul#top_flowList li {
    margin-bottom: 4%;
  }
}
ul#top_flowList li:last-of-type {
  margin-bottom: 0;
}

/* ---------------------------------------------------------------- */
dl.flow_body {
  padding: 1.4rem;
  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;
}
@media screen and (max-width: 768px) {
  dl.flow_body {
    display: block;
    padding: 1.4rem 2rem;
  }
}
dl.flow_body dt, dl.flow_body dd {
  height: auto;
}
dl.flow_body dt {
  width: 47%;
  margin-right: 3%;
  display: inline-block;
  text-align: center;
}
@media screen and (max-width: 768px) {
  dl.flow_body dt {
    width: 100%;
    margin: 0 auto 1rem;
    padding-bottom: 0.8rem;
    border-bottom: 1px solid #78C153;
    text-align: left;
  }
}
dl.flow_body dd {
  width: 50%;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  dl.flow_body dd {
    width: 100%;
  }
}
dl.flow_body dd:before {
  content: "";
  position: absolute;
  z-index: 1;
  width: 1px;
  height: 80%;
  background: #78C153;
  left: -5%;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  dl.flow_body dd:before {
    content: none;
  }
}

/* ---------------------------------------------------------------- */
.flow_headline {
  text-align: left;
  line-height: 140%;
  font-size: 24px;
  font-weight: 400;
  padding-left: 5rem;
  font-family: "Cochin", "NotoSerif", serif !important;
}
@media screen and (min-width: 769px) {
  .flow_headline {
    font-size: clamp(20px, 1.0422vw, 24px);
  }
}
@media screen and (max-width: 1024px) {
  .flow_headline {
    font-size: clamp(18px, 1.757vw, 20px);
  }
}
@media screen and (max-width: 768px) {
  .flow_headline {
    font-size: clamp(18px, 2.343vw, 20px);
  }
}
@media screen and (max-width: 480px) {
  .flow_headline {
    font-size: clamp(15px, 3.33vw, 16px);
  }
}
@media screen and (max-width: 768px) {
  .flow_headline {
    padding-left: 0;
  }
}
.flow_headline span {
  color: #78C153;
  font-family: "Cochin", "NotoSerif", serif !important;
  padding-right: 1.4rem;
  font-weight: 400;
  font-size: 30px;
}
@media screen and (min-width: 769px) {
  .flow_headline span {
    font-size: clamp(26px, 1.563vw, 30px);
  }
}
@media screen and (max-width: 1024px) {
  .flow_headline span {
    font-size: clamp(22px, 2.168vw, 26px);
  }
}
@media screen and (max-width: 768px) {
  .flow_headline span {
    font-size: clamp(22px, 3.385vw, 22px);
  }
}
@media screen and (max-width: 480px) {
  .flow_headline span {
    font-size: clamp(18px, 4.583vw, 22px);
  }
}

.flow_text, .flow_text p {
  font-size: 18px;
}
@media screen and (min-width: 769px) {
  .flow_text, .flow_text p {
    font-size: clamp(16px, 0.937vw, 18px);
  }
}
@media screen and (max-width: 1024px) {
  .flow_text, .flow_text p {
    font-size: clamp(15px, 1.562vw, 16px);
  }
}
@media screen and (max-width: 768px) {
  .flow_text, .flow_text p {
    font-size: clamp(15px, 2.083vw, 16px);
  }
}
@media screen and (max-width: 480px) {
  .flow_text, .flow_text p {
    font-size: clamp(13px, 2.916vw, 15px);
  }
}

/* ===================================================================
ルミエール友の会
=====================================================================*/
#top-Membershop {
  padding-bottom: 0;
  background: #ECF2F7;
}

#logoLumiere {
  width: 80%;
  max-width: 400px;
  padding: 0;
  margin: 0 auto 30px;
}
@media screen and (max-width: 768px) {
  #logoLumiere {
    margin-bottom: 4%;
  }
}
#logoLumiere img {
  width: 100%;
  height: auto;
  display: block;
}

/* ---------------------------------------------------------------- */
ul#top_memberFLow {
  width: 90%;
  height: auto;
  margin: 60px auto;
  max-width: 860px;
}
@media screen and (max-width: 768px) {
  ul#top_memberFLow {
    margin: 6% auto;
  }
}
ul#top_memberFLow li {
  background: #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: 45px;
}
@media screen and (max-width: 768px) {
  ul#top_memberFLow li {
    margin-bottom: 4%;
  }
}
ul#top_memberFLow li:last-of-type {
  margin-bottom: 0;
}

dl.member_body {
  padding: 2.4rem;
  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;
}
@media screen and (max-width: 768px) {
  dl.member_body {
    display: block;
    padding: 2rem;
  }
}
dl.member_body dt, dl.member_body dd {
  height: auto;
}
dl.member_body dt {
  width: 4rem;
  margin-right: 4rem;
  text-align: center;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  dl.member_body dt {
    width: 100%;
    margin: 0 auto 0.5rem;
    text-align: left;
  }
}
dl.member_body dt:before {
  content: "";
  position: absolute;
  z-index: 1;
  width: 1.5rem;
  height: 60%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("../images/common/contents_arrow.svg");
  left: 4.5rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  dl.member_body dt:before {
    height: 60%;
    top: 50%;
    left: 5.5rem;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
dl.member_body dd {
  width: calc(100% - 4rem - 4rem);
}
@media screen and (max-width: 768px) {
  dl.member_body dd {
    width: 100%;
  }
}

/* ---------------------------------------------------------------- */
.member_num {
  color: #78C153;
  font-family: "Cochin", "NotoSerif", serif !important;
  font-size: 50px;
  line-height: 140%;
  font-size: 50px;
}
@media screen and (max-width: 1919px) {
  .member_num {
    font-size: clamp(44px, 2.605vw, 50px);
  }
}
@media screen and (max-width: 1024px) {
  .member_num {
    font-size: clamp(38px, 4.296vw, 44px);
  }
}
@media screen and (max-width: 768px) {
  .member_num {
    font-size: clamp(32px, 4.947vw, 38px);
  }
}
@media screen and (max-width: 480px) {
  .member_num {
    font-size: 6.666vw;
  }
}
@media screen and (max-width: 768px) {
  .member_num {
    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;
  }
}
.member_num span {
  display: block;
  line-height: 100%;
  padding: 0;
  font-size: 18px;
}
@media screen and (min-width: 769px) {
  .member_num span {
    font-size: clamp(16px, 0.937vw, 18px);
  }
}
@media screen and (max-width: 1024px) {
  .member_num span {
    font-size: clamp(15px, 1.562vw, 16px);
  }
}
@media screen and (max-width: 768px) {
  .member_num span {
    font-size: clamp(15px, 2.083vw, 16px);
  }
}
@media screen and (max-width: 480px) {
  .member_num span {
    font-size: clamp(13px, 2.916vw, 15px);
  }
}
@media screen and (max-width: 768px) {
  .member_num span {
    display: inline-block;
    margin-right: 0.6rem;
  }
}

/* ---------------------------------------------------------------- */
.member_headline {
  line-height: 160%;
  font-weight: 400;
  font-family: "Cochin", "NotoSerif", serif !important;
  font-size: 20px;
  margin-bottom: 0.5rem;
}
@media screen and (max-width: 1919px) {
  .member_headline {
    font-size: clamp(18px, 1.0422vw, 20px);
  }
}
@media screen and (max-width: 1024px) {
  .member_headline {
    font-size: clamp(16px, 1.757vw, 18px);
  }
}
@media screen and (max-width: 768px) {
  .member_headline {
    font-size: clamp(16px, 2.343vw, 18px);
  }
}
@media screen and (max-width: 480px) {
  .member_headline {
    font-size: 3.333vw;
  }
}

/* ---------------------------------------------------------------- */
.member_text, .member_text p {
  font-size: 16px;
  line-height: 160%;
}
@media screen and (min-width: 769px) {
  .member_text, .member_text p {
    font-size: clamp(14px, 0.833vw, 16px);
  }
}
@media screen and (max-width: 1024px) {
  .member_text, .member_text p {
    font-size: clamp(13px, 1.167vw, 14px);
  }
}
@media screen and (max-width: 768px) {
  .member_text, .member_text p {
    font-size: clamp(13px, 1.822vw, 14px);
  }
}
@media screen and (max-width: 480px) {
  .member_text, .member_text p {
    font-size: clamp(12px, 2.708vw, 13px);
  }
}

/* -------------------------------------------------------------- */
.special_infobox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  height: auto;
  margin: 0 auto 1rem;
}
@media screen and (max-width: 768px) {
  .special_infobox {
    display: block;
  }
}

.onebox {
  width: 49.5%;
  margin-right: 1%;
  height: auto;
}
@media screen and (max-width: 768px) {
  .onebox {
    width: 100%;
    margin: 0 auto;
  }
}
.onebox:nth-of-type(even) {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .onebox:nth-of-type(even) {
    margin: 0 auto;
  }
}
.onebox p {
  font-size: 18px;
  line-height: 160%;
  font-family: "NotoSerif", serif !important;
}
@media screen and (min-width: 769px) {
  .onebox p {
    font-size: clamp(16px, 0.937vw, 18px);
  }
}
@media screen and (max-width: 1024px) {
  .onebox p {
    font-size: clamp(15px, 1.562vw, 16px);
  }
}
@media screen and (max-width: 768px) {
  .onebox p {
    font-size: clamp(15px, 2.083vw, 16px);
  }
}
@media screen and (max-width: 480px) {
  .onebox p {
    font-size: clamp(13px, 2.916vw, 15px);
  }
}

.checkpoint {
  font-size: 11px;
  position: relative;
  display: inline-block;
  vertical-align: 0.4rem;
}
@media screen and (max-width: 768px) {
  .checkpoint {
    font-size: 9px;
  }
}

ul.link_btn_list {
  list-style-type: none;
  width: 80%;
  height: auto;
  margin: 0 auto;
  padding-bottom: 100px;
  max-width: 680px;
  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;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 768px) {
  ul.link_btn_list {
    display: block;
    margin: 0 auto;
    padding-bottom: 12%;
    width: 74%;
  }
}
ul.link_btn_list li {
  width: 48%;
  height: auto;
}
ul.link_btn_list li.info {
  margin-right: 4%;
}
@media screen and (max-width: 768px) {
  ul.link_btn_list li.info {
    margin: 0 auto;
  }
}
ul.link_btn_list li.info a {
  background: #fff;
  color: #78C153;
}
ul.link_btn_list li.info a:after {
  background-image: url("../images/common/btn_arrow_gr.svg");
}
ul.link_btn_list li.info a:hover {
  color: #fff;
  background: #78C153;
}
ul.link_btn_list li.info a:hover:after {
  background-image: url("../images/common/btn_arrow.svg");
}
@media screen and (max-width: 768px) {
  ul.link_btn_list li {
    width: 100%;
    display: block;
    margin: 0 auto;
    max-width: inherit;
  }
  ul.link_btn_list li.join {
    margin-bottom: 4%;
  }
}
ul.link_btn_list li .btn_basic {
  max-width: inherit;
  margin: 0 auto;
}

/* ===================================================================
生前相談・事前相談のメリット
=====================================================================*/
#top-Consultation {
  padding-bottom: 100px;
}
@media screen and (max-width: 768px) {
  #top-Consultation {
    padding-bottom: 9%;
  }
}

/* ---------------------------------------------------------------- */
dl#consultationContainer {
  width: 84%;
  max-width: 1200px;
  margin: 0 auto;
}
@media screen and (max-width: 1300px) {
  dl#consultationContainer {
    width: 90%;
  }
}
dl#consultationContainer dt, dl#consultationContainer dd {
  height: auto;
}
dl#consultationContainer dt {
  width: 38%;
}
@media screen and (max-width: 1024px) {
  dl#consultationContainer dt {
    width: 45%;
  }
}
@media screen and (max-width: 768px) {
  dl#consultationContainer dt {
    width: 100%;
  }
}
dl#consultationContainer dd {
  width: 52%;
  margin-right: 10%;
}
@media screen and (max-width: 1024px) {
  dl#consultationContainer dd {
    width: 45%;
  }
}
@media screen and (max-width: 768px) {
  dl#consultationContainer dd {
    width: 100%;
    margin: 0 auto 9%;
  }
}
dl#consultationContainer .one_period {
  width: 100%;
}
@media screen and (max-width: 768px) {
  dl#consultationContainer .one_period {
    width: 100%;
    margin-bottom: 6%;
  }
}

/* ---------------------------------------------------------------- */
@media screen and (max-width: 768px) {
  #top-Consultation .contents_title {
    text-align: center;
  }
}

/* ---------------------------------------------------------------- */
#consultationPic {
  width: 100%;
  height: auto;
  display: block;
  padding: 0;
  margin: 0 auto;
}
#consultationPic img {
  width: 100%;
  height: auto;
  display: block;
}

/* -------------------------------------------------------------- */
#pickupBloc {
  width: 80%;
  margin: 0 auto 60px;
  padding: 45px 0;
  border-top: 1px solid #EAEAEA;
  border-bottom: 1px solid #EAEAEA;
}
@media screen and (max-width: 768px) {
  #pickupBloc {
    padding: 4% 0;
    margin-bottom: 6%;
  }
}

/* -------------------------------------------------------------- */
#pickup_detailBox {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  #pickup_detailBox {
    display: block;
  }
}

/* -------------------------------------------------------------- */
@media screen and (max-width: 768px) {
  dl#consultationContainer dt .one_period p {
    text-align: center;
  }
}

/* -------------------------------------------------------------- */
ul.pickup_list {
  list-style-type: none;
  width: 48%;
  height: auto;
  margin-right: 4%;
}
@media screen and (max-width: 768px) {
  ul.pickup_list {
    width: auto;
    height: auto;
    margin: 0 auto;
    padding: 0 1.4rem;
  }
}
ul.pickup_list:nth-of-type(even) {
  margin-right: 0;
}
ul.pickup_list li {
  font-size: 18px;
  font-size: 18px;
  line-height: 160%;
  margin-bottom: 0.6rem;
  padding-left: 1.8rem;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 769px) {
  ul.pickup_list li {
    font-size: clamp(16px, 0.937vw, 18px);
  }
}
@media screen and (max-width: 1024px) {
  ul.pickup_list li {
    font-size: clamp(15px, 1.562vw, 16px);
  }
}
@media screen and (max-width: 768px) {
  ul.pickup_list li {
    font-size: clamp(15px, 2.083vw, 16px);
  }
}
@media screen and (max-width: 480px) {
  ul.pickup_list li {
    font-size: clamp(13px, 2.916vw, 15px);
  }
}
ul.pickup_list li:before {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 1.4rem;
  height: 1.4rem;
  background-image: url("../images/common/icon_list.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left top;
}

/* -------------------------------------------------------------- */
#top-Consultation .btn_basic {
  margin: 0 auto;
}

/* ===================================================================
お客様の声
=====================================================================*/
#voiceColumn {
  width: 84%;
  margin-left: auto;
  overflow: hidden;
}
@media screen and (max-width: 1300px) {
  #voiceColumn {
    width: 90%;
  }
}
@media screen and (max-width: 768px) {
  #voiceColumn {
    width: 100%;
    margin: 0 auto;
    overflow: inherit;
  }
}

#top_voiceContainer {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 768px) {
  #top_voiceContainer {
    margin-bottom: 14%;
  }
}

ul#top_voice_contentsList {
  list-style-type: none;
  width: 100%;
  height: auto;
  margin: 0 auto;
  overflow: visible;
}
ul#top_voice_contentsList li {
  height: auto;
  height: auto;
  background: #fff;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 10px;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}
ul#top_voice_contentsList li:hover {
  background: rgba(120, 193, 83, 0.8);
}
ul#top_voice_contentsList li a {
  display: block;
  height: 100%;
  padding: 6%;
}
@media screen and (max-width: 768px) {
  ul#top_voice_contentsList li a {
    padding: 8%;
  }
}
ul#top_voice_contentsList li a:hover .top_voicetitle,
ul#top_voice_contentsList li a:hover dl.top_voice_listbody dt p {
  color: #fff;
}

/* -------------------------------------------------------------- */
dl.top_voice_listbody {
  width: 100%;
  height: auto;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  dl.top_voice_listbody {
    display: block;
  }
}
dl.top_voice_listbody dt, dl.top_voice_listbody dd {
  height: auto;
}
dl.top_voice_listbody dt {
  width: 66%;
  margin-right: 4%;
}
@media screen and (max-width: 768px) {
  dl.top_voice_listbody dt {
    width: 100%;
    margin: 0 auto 4%;
  }
}
dl.top_voice_listbody dt p {
  font-size: 16px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
@media screen and (max-width: 1919px) {
  dl.top_voice_listbody dt p {
    font-size: clamp(14px, 1.042vw, 16px);
  }
}
@media screen and (max-width: 1024px) {
  dl.top_voice_listbody dt p {
    font-size: clamp(13px, 1.5014vw, 14px);
  }
}
@media screen and (max-width: 768px) {
  dl.top_voice_listbody dt p {
    font-size: clamp(13px, 2.504vw, 14px);
  }
}
@media screen and (max-width: 480px) {
  dl.top_voice_listbody dt p {
    font-size: 2.708vw;
  }
}
dl.top_voice_listbody dd {
  width: 30%;
}
@media screen and (max-width: 768px) {
  dl.top_voice_listbody dd {
    width: 100%;
  }
}

.top_voice_photo {
  width: 100%;
  height: auto;
  padding: 0;
  margin: 0 auto;
}
.top_voice_photo img {
  width: 100%;
  height: auto;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center top;
     object-position: center top;
}
@media screen and (max-width: 768px) {
  .top_voice_photo img {
    aspect-ratio: 1/1;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

/* -------------------------------------------------------------- */
.top_voicetitle {
  -webkit-transition: 0.2s;
  transition: 0.2s;
  color: #78C153;
  font-family: "Cochin", "NotoSerif", serif !important;
  font-weight: 400;
  font-size: 20px;
  margin-bottom: 0.5rem;
}
@media screen and (max-width: 1919px) {
  .top_voicetitle {
    font-size: clamp(18px, 1.1464vw, 20px);
  }
}
@media screen and (max-width: 1024px) {
  .top_voicetitle {
    font-size: clamp(16px, 1.668vw, 18px);
  }
}
@media screen and (max-width: 780px) {
  .top_voicetitle {
    font-size: clamp(16px, 2.343vw, 18px);
  }
}
@media screen and (max-width: 480px) {
  .top_voicetitle {
    font-size: 3.333vw;
  }
}

/* -------------------------------------------------------------- */
#top-Voice.content_basic {
  padding-bottom: 0;
}
#top-Voice #sectionCover {
  padding-bottom: 100px;
}
@media screen and (max-width: 768px) {
  #top-Voice #sectionCover {
    padding-bottom: 9%;
  }
}
#top-Voice .btn_basic {
  max-width: 250px;
  margin: 60px auto 0;
}
@media screen and (max-width: 768px) {
  #top-Voice .btn_basic {
    margin-top: 6%;
  }
}
#top-Voice .swiper-button-prev,
#top-Voice .swiper-button-next {
  top: 55%;
}
#top-Voice .swiper-button-prev::after,
#top-Voice .swiper-button-next::after {
  content: "";
  width: 30px;
  height: 100%;
  border: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transform: translateX(-50deg) rotate(0) !important;
          transform: translateX(-50deg) rotate(0) !important;
}
#top-Voice .swiper-button-prev::after {
  background-image: url("../images/common/slider_arrow_left.png");
}
#top-Voice .swiper-button-next::after {
  background-image: url("../images/common/slider_arrow_right.png");
}
#top-Voice .swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 12%;
}
#top-Voice .swiper-pagination-bullet {
  background: #fff;
  border: 1px solid #ADADAD;
  width: 10px;
  height: 10px;
  opacity: 1;
}
#top-Voice .swiper-pagination-bullet-active {
  background: #78C153;
}
#top-Voice .swiper-slide {
  width: auto;
  margin-right: 2%;
}
@media screen and (min-width: 769px) {
  #top-Voice .swiper-pagination, #top-Voice .swiper-button-prev, #top-Voice .swiper-button-next {
    display: none;
  }
}

/* ===================================================================
スタッフ紹介
=====================================================================*/
@media screen and (max-width: 768px) {
  #top-Staff .contents_title {
    text-align: center;
  }
}
#top-Staff dl#hallContainer {
  width: 84%;
}
@media screen and (max-width: 1300px) {
  #top-Staff dl#hallContainer {
    width: 90%;
  }
}

/* ===================================================================
その他サービス
=====================================================================*/
#top_serviceContainer {
  width: 84%;
  height: auto;
  margin: 0 auto;
  overflow: hidden;
  max-width: 1200px;
}
@media screen and (max-width: 1200px) {
  #top_serviceContainer {
    width: 90%;
  }
}
@media screen and (max-width: 768px) {
  #top_serviceContainer {
    width: 82%;
  }
}

ul#top_service_contentsList {
  list-style-type: none;
  width: 100%;
  height: auto;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  ul#top_service_contentsList {
    display: block !important;
  }
}
ul#top_service_contentsList li {
  height: auto;
}
@media screen and (max-width: 768px) {
  ul#top_service_contentsList li {
    width: 100%;
    height: auto;
    margin: 0 auto 4%;
  }
}

/* -------------------------------------------------------------- */
.service_pic {
  padding: 0;
  width: 100%;
  height: auto;
  margin: 0 auto;
  border-radius: 10px;
  overflow: hidden;
}
.service_pic a, .service_pic img {
  width: 100%;
  height: auto;
  display: block;
}
.service_pic a:hover {
  -moz-opacity: 0.8;
  opacity: 0.8;
}

/* -------------------------------------------------------------- */
.service_notesbox {
  padding: 0.8rem 0;
  text-align: center;
}
.service_notesbox p.service_cap {
  font-size: 18px;
  letter-spacing: -0.1px;
}
@media screen and (min-width: 769px) {
  .service_notesbox p.service_cap {
    font-size: clamp(16px, 0.937vw, 18px);
  }
}
@media screen and (max-width: 1024px) {
  .service_notesbox p.service_cap {
    font-size: clamp(15px, 1.562vw, 16px);
  }
}
@media screen and (max-width: 768px) {
  .service_notesbox p.service_cap {
    font-size: clamp(15px, 2.083vw, 16px);
  }
}
@media screen and (max-width: 480px) {
  .service_notesbox p.service_cap {
    font-size: clamp(13px, 2.916vw, 15px);
  }
}

.service_list_title {
  line-height: 140%;
  font-weight: 400;
  color: #78C153;
  margin-bottom: 0.6rem;
  font-family: "Cochin", "NotoSerif", serif !important;
}
.service_list_title a {
  color: #78C153;
  text-decoration: none;
  font-size: 22px;
}
@media screen and (min-width: 769px) {
  .service_list_title a {
    font-size: clamp(19px, 1.0422vw, 22px);
  }
}
@media screen and (max-width: 1024px) {
  .service_list_title a {
    font-size: clamp(17px, 1.757vw, 19px);
  }
}
@media screen and (max-width: 768px) {
  .service_list_title a {
    font-size: clamp(17px, 2.343vw, 19px);
  }
}
@media screen and (max-width: 480px) {
  .service_list_title a {
    font-size: clamp(16px, 3.54vw, 17px);
  }
}
.service_list_title a:hover {
  color: #B82921;
  text-decoration: underline;
}

/* -------------------------------------------------------------- */
#top-Service.section_basic {
  padding-top: 0;
}
#top-Service .one_period {
  padding-bottom: 45px;
}
@media screen and (max-width: 768px) {
  #top-Service .one_period {
    padding-bottom: 4%;
  }
}
#top-Service .swiper-pagination02 {
  text-align: center;
}
@media screen and (max-width: 768px) {
  #top-Service .swiper-pagination02 {
    display: none;
  }
}
#top-Service .swiper-pagination02 .swiper-pagination-bullet {
  text-align: center;
  background: #fff;
  border: 1px solid #ADADAD;
  width: 10px;
  height: 10px;
  opacity: 1;
}
#top-Service .swiper-pagination02 .swiper-pagination-bullet-active {
  background: #78C153;
}

/*
資料請求バナー
=====================================================================*/
body#top #book_bnrLink {
  top: 80%;
  left: 50%;
  width: 68%;
}
@media screen and (max-width: 768px) {
  body#top #book_bnrLink {
    width: 90%;
  }
  body#top #book_bnrLink > div {
    margin-bottom: 1rem;
  }
}