@charset "UTF-8";
/** ───────────────────────────────────────────────────────── **/
/*** ▼ 編集不要 ▼ ***/
* {
  color: #3e3d3c;
}

.l_mv {
  padding: 70px 0 0;
  margin-bottom: 100px;
}
@media (max-width: 768px) {
  .l_mv {
    padding: 40px 0 0;
    margin-bottom: 40px;
  }
}
.l_mv h2 {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: clamp(2.4rem, -1.015rem + 4.615vw, 3.6rem);
  font-family: "Playfair Display", serif;
  letter-spacing: 0.1em;
  margin: 0 auto 100px;
}
@media (max-width: 768px) {
  .l_mv h2 {
    margin-bottom: 50px;
  }
}
.l_mv_text {
  font-size: clamp(1.6rem, 0.462rem + 1.538vw, 2rem);
  text-align: center;
  margin-bottom: 75px;
}
@media (max-width: 768px) {
  .l_mv_text {
    margin-bottom: 40px;
  }
}
.l_mv_img {
  width: 100%;
}

.l_t {
  margin-bottom: 100px;
}
@media (max-width: 768px) {
  .l_t {
    margin-bottom: 40px;
  }
}
.l_t h3 {
  font-size: clamp(2rem, -0.277rem + 3.077vw, 2.8rem);
  font-family: "Marcellus", serif;
  text-align: center;
  margin-bottom: 20px;
}
.l_t h4 {
  font-size: clamp(1.3rem, 0.446rem + 1.154vw, 1.6rem);
  text-align: center;
  margin-bottom: 55px;
}
@media (max-width: 768px) {
  .l_t h4 {
    margin-bottom: 40px;
  }
}
.l_t_mv {
  background-color: #f3f2f0;
  display: grid;
  grid-template-columns: 1fr 2fr;
}
@media (max-width: 768px) {
  .l_t_mv {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 2fr;
  }
}
.l_t_mv_text {
  width: 100%;
  height: 100%;
  position: relative;
}
.l_t_mv_text_in {
  background-color: #fff;
  width: 70%;
  min-width: 360px;
  aspect-ratio: 6/5;
  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;
  gap: 35px;
  position: absolute;
  top: 50%;
  right: -10%;
  z-index: 2;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (max-width: 1280px) {
  .l_t_mv_text_in {
    min-width: 340px;
    right: -40%;
  }
}
@media (max-width: 768px) {
  .l_t_mv_text_in {
    width: 65%;
    min-width: 240px;
    gap: 25px;
    top: 0;
    left: 50%;
    right: auto;
    -webkit-transform: translateY(0) translateX(-50%);
            transform: translateY(0) translateX(-50%);
  }
}
.l_t_mv_text_in h5 {
  text-align: center;
  font-size: clamp(1.6rem, -0.108rem + 2.308vw, 2.2rem);
  line-height: 1.9;
}
@media (max-width: 768px) {
  .l_t_mv_text_in h5 {
    line-height: 1.85;
  }
}
.l_t_mv_text_in p {
  text-align: center;
  font-size: clamp(1.1rem, -0.323rem + 1.923vw, 1.6rem);
  line-height: 2;
}
@media (max-width: 768px) {
  .l_t_mv_text_in p {
    line-height: 1.8;
  }
}
.l_t_mv_img {
  position: relative;
}
.l_t_mv_img .img_cap {
  background-color: transparent;
  color: #3e3d3c;
  bottom: -25px;
  right: 20%;
}
@media (max-width: 768px) {
  .l_t_mv_img .img_cap {
    bottom: -20px;
    right: 5%;
  }
}
.l_t_content_01 {
  padding: 120px 0;
  background-color: #f3f2f0;
}
@media (max-width: 768px) {
  .l_t_content_01 {
    padding: 60px 0;
  }
}
.l_t_content_01 .inner {
  width: 80%;
  max-width: 1060px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  row-gap: 80px;
}
@media (max-width: 768px) {
  .l_t_content_01 .inner {
    width: 90%;
    grid-template-columns: 1fr;
    row-gap: 30px;
  }
}
.l_t_content_01 .inner .detail_one:nth-child(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;
}
@media (max-width: 768px) {
  .l_t_content_01 .inner .detail_one:nth-child(1) {
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
}
.l_t_content_01 .inner .detail_one:nth-child(1) > div h5 {
  font-size: clamp(1.8rem, -1.046rem + 3.846vw, 2.8rem);
  margin-bottom: 50px;
}
.l_t_content_01 .inner .detail_one:nth-child(1) > div h5 span {
  font-size: clamp(1.1rem, -0.323rem + 1.923vw, 1.6rem);
}
@media (max-width: 1280px) {
  .l_t_content_01 .inner .detail_one:nth-child(1) > div h5 {
    margin-bottom: 35px;
  }
}
@media (max-width: 768px) {
  .l_t_content_01 .inner .detail_one:nth-child(1) > div h5 {
    margin-bottom: 25px;
  }
}
.l_t_content_01 .inner .detail_one:nth-child(1) > div p {
  font-size: clamp(1.3rem, 0.446rem + 1.154vw, 1.6rem);
  line-height: 2;
}
.l_t_content_01 .inner .detail_one:nth-child(2) {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 768px) {
  .l_t_content_01 .inner .detail_one:nth-child(2) {
    margin-bottom: 30px;
  }
}
.l_t_content_01 .inner .detail_one:nth-child(2) .img:nth-child(1) {
  grid-column: 1/3;
  grid-row: 1/2;
}
.l_t_content_01 .inner .detail_one:nth-child(2) .img:nth-child(2) {
  grid-column: 1/2;
  grid-row: 2/3;
}
.l_t_content_01 .inner .detail_one:nth-child(2) .img:nth-child(3) {
  grid-column: 2/3;
  grid-row: 2/3;
}
.l_t_content_01 .inner .detail_one:nth-child(3) img {
  width: 100%;
  margin: 0 auto;
}
.l_t_content_01 .inner .detail_one:nth-child(4) {
  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;
}
.l_t_content_01 .inner .detail_one:nth-child(4) p {
  font-size: clamp(1.3rem, 0.446rem + 1.154vw, 1.6rem);
  line-height: 2;
}
.l_t_content_01 .inner .detail_one:nth-child(4) p span {
  font-size: 1.1rem;
  vertical-align: super;
}
@media (max-width: 768px) {
  .l_t_content_01 .inner .detail_one:nth-child(4) p {
    text-align: center;
  }
}
.l_t_content_02 {
  padding-bottom: 120px;
  background-color: #c3caba;
}
@media (max-width: 768px) {
  .l_t_content_02 {
    padding-bottom: 80px;
  }
}
.l_t_content_02_mv {
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  position: relative;
  margin-bottom: 90px;
}
@media (max-width: 768px) {
  .l_t_content_02_mv {
    margin-bottom: 45px;
  }
}
.l_t_content_02_mv_img .img_cap {
  color: #3e3d3c;
  background-color: transparent;
  bottom: -20px;
  right: 5%;
}
@media (max-width: 768px) {
  .l_t_content_02_mv_img .img_cap {
    bottom: -15px;
    right: 5%;
  }
}
.l_t_content_02_mv_text {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  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;
}
@media (max-width: 768px) {
  .l_t_content_02_mv_text {
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    padding-left: 5%;
  }
}
.l_t_content_02_mv_text h5 {
  color: #fff;
  font-size: clamp(1.8rem, -1.046rem + 3.846vw, 2.8rem);
  line-height: 1.6;
}
.l_t_content_02_text {
  text-align: center;
  font-size: clamp(1.3rem, 0.446rem + 1.154vw, 1.6rem);
  line-height: 2;
  margin-bottom: 80px;
}
@media (max-width: 768px) {
  .l_t_content_02_text {
    width: 90%;
    text-align: left;
    margin: 0 auto 40px;
  }
}
.l_t_content_02_detail {
  width: 80%;
  max-width: 1060px;
  margin: 0 auto;
}
@media (max-width: 1280px) {
  .l_t_content_02_detail {
    width: 60%;
  }
}
@media (max-width: 768px) {
  .l_t_content_02_detail {
    width: 90%;
  }
}
.l_t_content_02_detail ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
}
@media (max-width: 1280px) {
  .l_t_content_02_detail ul {
    grid-template-columns: 1fr;
  }
}
.l_t_content_02_detail ul li h6 {
  font-size: clamp(1.6rem, 0.462rem + 1.538vw, 2rem);
  margin-bottom: 15px;
}
.l_t_content_02_detail ul li .detail {
  display: grid;
  grid-template-columns: 31fr 18fr;
  gap: 20px;
}
@media (max-width: 768px) {
  .l_t_content_02_detail ul li .detail {
    grid-template-columns: 13fr 12fr;
    gap: 12px;
  }
}
.l_t_content_02_detail ul li .detail .shop {
  width: 100%;
  margin-bottom: 15px;
}
.l_t_content_02_detail ul li .detail .shop_name {
  width: 100%;
  padding: 8px;
  background-color: #a89c91;
}
.l_t_content_02_detail ul li .detail .shop_name .p {
  color: #fff;
  font-size: clamp(1.1rem, 0.815rem + 0.385vw, 1.2rem);
}
.l_t_content_02_detail ul li .detail .shop_info {
  width: 100%;
  padding: 8px;
  background-color: #fff;
}
.l_t_content_02_detail ul li .detail .shop_info p {
  font-size: clamp(1.1rem, 0.815rem + 0.385vw, 1.2rem);
  line-height: 1.65;
}
.l_t_content_02_detail ul li .detail .info_text {
  font-size: clamp(1.3rem, 0.446rem + 1.154vw, 1.6rem);
  line-height: 1.75;
  text-align: justify;
  text-justify: inter-ideograph;
}
@media (max-width: 768px) {
  .l_t_content_02_detail ul li:nth-child(2) .detail {
    grid-template-columns: 12fr 13fr;
  }
}
@media (max-width: 768px) {
  .l_t_content_02_detail ul li:nth-child(2) .detail_img {
    grid-column: 2/3;
    grid-row: 1/2;
  }
}
@media (max-width: 768px) {
  .l_t_content_02_detail ul li:nth-child(2) .detail_text {
    grid-column: 1/2;
    grid-row: 1/2;
  }
}
.l_t_content_02_detail ul li:nth-child(3) .detail {
  grid-template-columns: 18fr 31fr;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .l_t_content_02_detail ul li:nth-child(3) .detail {
    grid-template-columns: 13fr 12fr;
    margin-bottom: 10px;
  }
}
.l_t_content_02_detail ul li:nth-child(3) .detail_img {
  grid-column: 2/3;
  grid-row: 1/2;
}
@media (max-width: 768px) {
  .l_t_content_02_detail ul li:nth-child(3) .detail_img {
    grid-column: 1/2;
    grid-row: 1/2;
  }
}
.l_t_content_02_detail ul li:nth-child(3) .detail_text {
  grid-column: 1/2;
  grid-row: 1/2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 768px) {
  .l_t_content_02_detail ul li:nth-child(3) .detail_text {
    grid-column: 2/3;
    grid-row: 1/2;
  }
}
.l_t_content_02_detail ul li:nth-child(3) .info_text {
  font-size: clamp(1.3rem, 0.446rem + 1.154vw, 1.6rem);
  text-align: justify;
  text-justify: inter-ideograph;
}
.l_t_content_02_detail ul li:nth-child(4) .detail {
  grid-template-columns: 18fr 31fr;
}
@media (max-width: 768px) {
  .l_t_content_02_detail ul li:nth-child(4) .detail {
    grid-template-columns: 12fr 13fr;
  }
}
.l_t_content_02_detail ul li:nth-child(4) .detail_img {
  grid-column: 2/3;
  grid-row: 1/2;
}
.l_t_content_02_detail ul li:nth-child(4) .detail_text {
  grid-column: 1/2;
  grid-row: 1/2;
}

.l_y h3 {
  font-size: clamp(2rem, -0.277rem + 3.077vw, 2.8rem);
  font-family: "Marcellus", serif;
  text-align: center;
  margin-bottom: 20px;
}
.l_y h4 {
  font-size: clamp(1.3rem, 0.446rem + 1.154vw, 1.6rem);
  text-align: center;
  margin-bottom: 55px;
}
@media (max-width: 768px) {
  .l_y h4 {
    margin-bottom: 40px;
  }
}
.l_y_mv {
  position: relative;
}
@media (max-width: 768px) {
  .l_y_mv {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 2fr;
  }
}
.l_y_mv_text {
  background-color: #fff;
  width: 25%;
  min-width: 360px;
  aspect-ratio: 6/5;
  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;
  gap: 35px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%);
}
@media (max-width: 1280px) {
  .l_y_mv_text {
    min-width: 320px;
  }
}
@media (max-width: 768px) {
  .l_y_mv_text {
    width: 65%;
    min-width: 240px;
    gap: 25px;
    top: 0;
    -webkit-transform: translateY(0) translateX(-50%);
            transform: translateY(0) translateX(-50%);
  }
}
.l_y_mv_text h5 {
  text-align: center;
  font-size: clamp(1.6rem, -0.108rem + 2.308vw, 2.2rem);
  line-height: 1.9;
}
@media (max-width: 768px) {
  .l_y_mv_text h5 {
    line-height: 1.85;
  }
}
.l_y_mv_text p {
  text-align: center;
  font-size: clamp(1.1rem, -0.323rem + 1.923vw, 1.6rem);
  line-height: 2;
}
@media (max-width: 768px) {
  .l_y_mv_text p {
    line-height: 1.8;
  }
}
.l_y_content {
  padding: 120px 0;
  background-color: #f1f0f8;
}
@media (max-width: 768px) {
  .l_y_content {
    padding: 60px 0;
  }
}
.l_y_content .shop_name {
  width: 50%;
  min-width: 240px;
  margin: 0 auto 30px;
}
@media (max-width: 1280px) {
  .l_y_content .shop_name {
    min-width: 200px;
  }
}
@media (max-width: 768px) {
  .l_y_content .shop_name {
    min-width: 120px;
    margin-bottom: 0;
  }
}
.l_y_content .shop_name h5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 25px;
}
@media (max-width: 1280px) {
  .l_y_content .shop_name h5 {
    gap: 20px;
  }
}
@media (max-width: 768px) {
  .l_y_content .shop_name h5 {
    gap: 8px;
  }
}
.l_y_content .shop_name h5 img {
  width: 35px;
}
@media (max-width: 1280px) {
  .l_y_content .shop_name h5 img {
    width: 25px;
  }
}
@media (max-width: 768px) {
  .l_y_content .shop_name h5 img {
    width: 15px;
  }
}
.l_y_content .shop_name h5 p {
  font-size: clamp(2rem, -0.277rem + 3.077vw, 2.8rem);
}
.l_y_content .shop_name .line {
  width: 100%;
  height: 1px;
  background-color: #4b5772;
  margin-bottom: 15px;
  clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
  -webkit-transition: clip-path 2.5s ease;
  transition: clip-path 2.5s ease;
}
.l_y_content .shop_name .line.on {
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}
@media (max-width: 768px) {
  .l_y_content .shop_name .line {
    margin-bottom: 8px;
  }
}
.l_y_content .shop_name .distance {
  padding-left: 60px;
  font-size: clamp(1.1rem, -0.323rem + 1.923vw, 1.6rem);
}
@media (max-width: 1280px) {
  .l_y_content .shop_name .distance {
    padding-left: 45px;
  }
}
@media (max-width: 768px) {
  .l_y_content .shop_name .distance {
    padding-left: 23px;
  }
}
.l_y_content_01 {
  width: 40%;
  margin: 0 auto 80px;
}
@media (max-width: 1280px) {
  .l_y_content_01 {
    width: 50%;
  }
}
@media (max-width: 768px) {
  .l_y_content_01 {
    width: 65%;
    max-width: 480px;
    margin-bottom: 30px;
  }
}
.l_y_content_01 .shop_name {
  width: 100%;
}
@media (max-width: 768px) {
  .l_y_content_01 .shop_name {
    margin-bottom: 15px;
  }
}
.l_y_content_01 .detail {
  display: grid;
  grid-template-columns: 1fr;
  gap: 40px;
}
@media (max-width: 768px) {
  .l_y_content_01 .detail {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
.l_y_content_01 .detail_text {
  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: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.l_y_content_01 .detail_text p {
  font-size: clamp(1.3rem, 0.446rem + 1.154vw, 1.6rem);
  line-height: 2;
  text-align: center;
}
@media (max-width: 768px) {
  .l_y_content_01 .detail_text p {
    text-align: left;
  }
}
.l_y_content_02 {
  width: 40%;
  margin: 0 auto 80px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  border-radius: 40px;
  overflow: hidden;
}
@media (max-width: 1280px) {
  .l_y_content_02 {
    width: 50%;
  }
}
@media (max-width: 768px) {
  .l_y_content_02 {
    width: 95%;
    margin: 0 0 50px 0;
    border-radius: 20px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
  }
}
.l_y_content_02 .left {
  width: 100%;
  background-color: #fff;
}
.l_y_content_02 .left .img_cap {
  background-color: transparent;
  color: #3e3d3c;
  bottom: 5px;
  right: auto;
  left: 5%;
}
.l_y_content_02 .right {
  background-color: #fff;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.l_y_content_02 .right .in {
  position: absolute;
  left: -3%;
}
.l_y_content_02 .right .in ul li {
  font-size: clamp(1.2rem, 0.062rem + 1.538vw, 1.6rem);
  margin-bottom: 15px;
  position: relative;
}
@media (max-width: 1280px) {
  .l_y_content_02 .right .in ul li {
    margin-bottom: 10px;
  }
}
@media (max-width: 768px) {
  .l_y_content_02 .right .in ul li {
    margin-bottom: 10px;
  }
}
.l_y_content_02 .right .in ul li::before {
  content: "";
  width: 10px;
  height: 10px;
  background-color: #be9461;
  position: absolute;
  top: 0;
  left: -8%;
}
.l_y_content_02 .right .in p {
  font-size: clamp(1.2rem, 0.062rem + 1.538vw, 1.6rem);
  text-align: right;
}
.l_y_content_03 {
  width: 80%;
  max-width: 1060px;
  margin: 0 auto 100px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 25px;
}
@media (max-width: 1280px) {
  .l_y_content_03 {
    width: 90%;
    margin-bottom: 60px;
  }
}
@media (max-width: 768px) {
  .l_y_content_03 {
    grid-template-columns: 1fr;
    gap: 25px;
  }
}
@media (max-width: 768px) {
  .l_y_content_03 .detail_one {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
  }
}
.l_y_content_03 .detail_one_img {
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  .l_y_content_03 .detail_one_text {
    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: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 20px;
  }
}
.l_y_content_03 .detail_one_text .shop_name {
  width: 100%;
}
.l_y_content_03 .detail_one_text .shop_name h5 {
  font-size: clamp(1.6rem, 0.462rem + 1.538vw, 2rem);
}
.l_y_content_03 .detail_one_text .text p {
  font-size: clamp(1.3rem, 0.446rem + 1.154vw, 1.6rem);
  line-height: 1.7;
  text-align: justify;
  text-justify: inter-ideograph;
}
@media (max-width: 768px) {
  .l_y_content_03 .detail_one:nth-child(2n-1) .detail_one_img {
    grid-column: 2/3;
    grid-row: 1/2;
  }
}
@media (max-width: 768px) {
  .l_y_content_03 .detail_one:nth-child(2n-1) .detail_one_text {
    grid-column: 1/2;
    grid-row: 1/2;
  }
}
.l_y_content_04 {
  width: 50%;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 1280px) {
  .l_y_content_04 {
    width: 80%;
  }
}
@media (max-width: 768px) {
  .l_y_content_04 {
    width: 90%;
    grid-template-columns: 1fr;
  }
}
.l_y_content_04 .detail_text {
  padding-top: 10%;
}
@media (max-width: 768px) {
  .l_y_content_04 .detail_text {
    padding: 0;
    margin-bottom: 30px;
  }
}
.l_y_content_04 .detail_text h5 {
  font-size: clamp(1.6rem, -0.108rem + 2.308vw, 2.2rem);
  margin-bottom: 80px;
}
@media (max-width: 768px) {
  .l_y_content_04 .detail_text h5 {
    margin-bottom: 20px;
  }
}
.l_y_content_04 .detail_text h5 span {
  color: #be9461;
  font-size: clamp(2rem, -0.277rem + 3.077vw, 2.8rem);
}
@media (max-width: 768px) {
  .l_y_content_04 .detail_text h5 {
    text-align: center;
  }
}
.l_y_content_04 .detail_text p {
  font-size: clamp(1.3rem, 0.446rem + 1.154vw, 1.6rem);
  line-height: 2;
}
@media (max-width: 768px) {
  .l_y_content_04 .detail_text p {
    text-align: center;
  }
}
@media (max-width: 768px) {
  .l_y_content_04 .detail_img {
    width: 70%;
    margin: 0 auto;
  }
}
.l_y_content_04 .detail_img img {
  margin-bottom: 25px;
}
.l_y_content_04 .detail_img p {
  font-size: 1.1rem;
  text-align: right;
}
.l_y_n {
  padding: 80px 0;
  background: -webkit-gradient(linear, left top, right top, from(#7e9fbf), to(#175065));
  background: linear-gradient(90deg, #7e9fbf 0%, #175065 100%);
}
@media (max-width: 768px) {
  .l_y_n {
    padding: 45px 0 50px;
  }
}
.l_y_n h5 {
  width: 55%;
  max-width: 420px;
  margin: 0 auto 60px;
}
@media (max-width: 768px) {
  .l_y_n h5 {
    margin-bottom: 25px;
  }
}
.l_y_n h6 {
  color: #fff;
  font-size: clamp(1.6rem, 0.462rem + 1.538vw, 2rem);
  line-height: 1.85;
  text-align: center;
  margin: 0 auto 60px;
}
@media (max-width: 768px) {
  .l_y_n h6 {
    margin-bottom: 30px;
  }
}
.l_y_n_text {
  color: #fff;
  font-size: clamp(1.3rem, 0.446rem + 1.154vw, 1.6rem);
  line-height: 2;
  text-align: center;
  margin-bottom: 80px;
}
@media (max-width: 768px) {
  .l_y_n_text {
    margin-bottom: 40px;
  }
}
.l_y_n_content {
  width: 80%;
  max-width: 1060px;
  margin: 0 auto 75px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}
@media (max-width: 1280px) {
  .l_y_n_content {
    width: 90%;
    gap: 15px;
  }
}
@media (max-width: 768px) {
  .l_y_n_content {
    width: 100%;
    margin-bottom: 35px;
    grid-template-columns: 1fr;
    gap: 0px;
  }
}
.l_y_n_content .detail_one {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.l_y_n_content .detail_one_img {
  width: 100%;
}
.l_y_n_content .detail_one_text {
  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: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.l_y_n_content .detail_one_text .p {
  padding-left: 5%;
  color: #fff;
}
.l_y_n_content .detail_one_text .p_01 {
  font-size: clamp(1.6rem, 0.462rem + 1.538vw, 2rem);
  line-height: 1.68;
}
.l_y_n_content .detail_one_text .p_01 span {
  color: #fff;
  font-size: clamp(1.1rem, 0.531rem + 0.769vw, 1.3rem);
}
.l_y_n_content .detail_one_text .p_03 {
  font-size: clamp(1.3rem, 0.446rem + 1.154vw, 1.6rem);
  line-height: 1.7;
  text-align: justify;
  text-justify: inter-ideograph;
  padding-right: 5%;
}
.l_y_n_content .detail_one_text .line_nm {
  width: 100%;
  height: 1px;
  background-color: #fff;
  margin: 20px 0;
}
@media (max-width: 768px) {
  .l_y_n_content .detail_one_text .line_nm {
    margin: 10px 0;
  }
}
.l_y_n_content .detail_one:nth-child(1) .detail_one_img {
  grid-column: 2/3;
  grid-row: 1/2;
}
@media (max-width: 768px) {
  .l_y_n_content .detail_one:nth-child(1) .detail_one_img {
    grid-column: 1/2;
    grid-row: 1/2;
  }
}
.l_y_n_content .detail_one:nth-child(1) .detail_one_text {
  grid-column: 1/2;
  grid-row: 1/2;
}
@media (max-width: 768px) {
  .l_y_n_content .detail_one:nth-child(1) .detail_one_text {
    grid-column: 2/3;
    grid-row: 1/2;
  }
}
.l_y_n_content .detail_one:nth-child(2) .detail_one_img {
  grid-column: 1/2;
  grid-row: 1/2;
}
@media (max-width: 768px) {
  .l_y_n_content .detail_one:nth-child(2) .detail_one_img {
    grid-column: 2/3;
    grid-row: 1/2;
  }
}
.l_y_n_content .detail_one:nth-child(2) .detail_one_text {
  grid-column: 2/3;
  grid-row: 1/2;
}
@media (max-width: 768px) {
  .l_y_n_content .detail_one:nth-child(2) .detail_one_text {
    grid-column: 1/2;
    grid-row: 1/2;
  }
}
.l_y_n_content .detail_one:nth-child(2) .detail_one_text .p_01 {
  letter-spacing: 0.1em;
}
.l_y_n_content .detail_one:nth-child(2) .detail_one_text .p_01 span {
  line-height: 1;
}
.l_y_n_cap {
  width: 80%;
  max-width: 1060px;
  margin: 0 auto;
  color: #fff;
  font-size: 1.1rem;
  line-height: 1.65;
}
@media (max-width: 768px) {
  .l_y_n_cap {
    width: 90%;
  }
}

.l_s_pc {
  padding: 80px 0;
}
.l_s_pc_content {
  margin-bottom: 80px;
}
.l_s_pc_content_title {
  margin-bottom: 50px;
}
.l_s_pc_content_title h3 {
  font-size: clamp(1.6rem, 0.462rem + 1.538vw, 2rem);
  font-family: "Playfair Display", serif;
  letter-spacing: 0.1em;
  text-align: center;
}
.l_s_pc_content_title .line {
  width: 30%;
  height: 1px;
  background-color: #be9461;
  margin: 20px auto;
  clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
  -webkit-transition: clip-path 2.5s ease;
  transition: clip-path 2.5s ease;
}
.l_s_pc_content_title .line.on {
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}
@media (max-width: 1280px) {
  .l_s_pc_content_title .line {
    width: 50%;
  }
}
.l_s_pc_content_title h4 {
  font-size: clamp(1.3rem, 0.446rem + 1.154vw, 1.6rem);
  text-align: center;
}
.l_s_pc_content_images {
  width: 80%;
  max-width: 1060px;
  margin: 0 auto;
}
@media (max-width: 1280px) {
  .l_s_pc_content_images {
    width: 90%;
  }
}
.l_s_pc_content_images ul {
  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;
  gap: 30px;
}
@media (max-width: 1280px) {
  .l_s_pc_content_images ul {
    gap: 15px;
  }
}
.l_s_pc_content_images ul li {
  width: calc(33.3333333333% - 25px);
  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;
  gap: 20px;
}
.l_s_pc_content_images ul li h5 {
  text-align: center;
}
.l_s_pc_content_images ul li .p {
  font-size: clamp(1.1rem, 0.531rem + 0.769vw, 1.3rem);
  text-align: center;
}

.l_s_sp {
  padding: 40px 0;
}
.l_s_sp_content {
  margin-bottom: 40px;
}
.l_s_sp_content_title {
  margin-bottom: 40px;
}
.l_s_sp_content_title h3 {
  font-size: clamp(1.6rem, 0.462rem + 1.538vw, 2rem);
  font-family: "Playfair Display", serif;
  letter-spacing: 0.1em;
  text-align: center;
}
.l_s_sp_content_title .line {
  width: 70%;
  height: 1px;
  background-color: #be9461;
  margin: 10px auto;
  clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
  -webkit-transition: clip-path 2.5s ease;
  transition: clip-path 2.5s ease;
}
.l_s_sp_content_title .line.on {
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}
.l_s_sp_content_title h4 {
  font-size: clamp(1.3rem, 0.446rem + 1.154vw, 1.6rem);
  text-align: center;
}
.l_s_sp_content_slide {
  position: relative;
}
.l_s_sp_content_slide .detail {
  width: 100%;
  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;
  gap: 10px;
  position: relative;
  z-index: 99;
}
.l_s_sp_content_slide .detail h5 {
  text-align: center;
}
.l_s_sp_content_slide .detail .p {
  font-size: clamp(1.1rem, 0.531rem + 0.769vw, 1.3rem);
  text-align: center;
}
.l_s_sp_content_slide .swiper {
  z-index: 12;
}
.l_s_sp_content_slide .swiper-pagination {
  top: -25px;
}
.l_s_sp_content_slide .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  border-radius: 0;
  background-color: #be9461;
}
.l_s_sp_content_slide .swiper-pagination-bullet-active {
  background-color: #be9461;
}

.l_topic {
  padding: 110px 0 120px;
  background-color: #c3caba;
}
@media (max-width: 768px) {
  .l_topic {
    padding: 50px 0 60px;
  }
}
.l_topic h3 {
  color: #fff;
  font-size: clamp(1.6rem, 0.462rem + 1.538vw, 2rem);
  font-family: "Marcellus", serif;
  letter-spacing: 0.1em;
  text-align: center;
  margin: 0 auto 50px;
}
@media (max-width: 768px) {
  .l_topic h3 {
    margin-bottom: 25px;
  }
}
.l_topic h4 {
  font-size: clamp(1.6rem, 0.462rem + 1.538vw, 2rem);
  line-height: 1.8;
  text-align: center;
  margin-bottom: 60px;
}
@media (max-width: 768px) {
  .l_topic h4 {
    margin-bottom: 30px;
  }
}
.l_topic_01 {
  width: 70%;
  max-width: 960px;
  margin: 0 auto 80px;
}
@media (max-width: 768px) {
  .l_topic_01 {
    width: 90%;
    margin-bottom: 50px;
  }
}
.l_topic_01_above {
  width: 50%;
  max-width: 900px;
  margin: 0 auto 80px;
}
@media (max-width: 768px) {
  .l_topic_01_above {
    margin-bottom: 40px;
  }
}
.l_topic_01_below {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 50px;
  margin-bottom: 80px;
}
@media (max-width: 768px) {
  .l_topic_01_below {
    grid-template-columns: 1fr;
    gap: 25px;
    margin-bottom: 50px;
  }
}
.l_topic_01_below_img {
  width: 100%;
  margin: 0 auto;
}
.l_topic_01_below_img_cap {
  margin-top: 10px;
  text-align: right;
  font-size: 1.1rem;
}
@media (max-width: 768px) {
  .l_topic_01_below_img {
    grid-row: 2/3;
  }
}
.l_topic_01_below_text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 768px) {
  .l_topic_01_below_text {
    display: block;
  }
}
.l_topic_01_below_text p {
  font-size: clamp(1.3rem, 0.446rem + 1.154vw, 1.6rem);
  line-height: 2;
}
@media (max-width: 768px) {
  .l_topic_01_below_text p {
    text-align: center;
  }
}
.l_topic_02 {
  width: 70%;
  max-width: 960px;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .l_topic_02 {
    width: 90%;
  }
}
.l_topic_02_title {
  font-size: clamp(1.3rem, 0.446rem + 1.154vw, 1.6rem);
  line-height: 2;
  text-align: center;
}
.l_topic_02 .line {
  width: 50%;
  height: 1px;
  background-color: #3e3d3c;
  margin: 20px auto 40px;
}
@media (max-width: 768px) {
  .l_topic_02 .line {
    width: 100%;
    margin: 15px auto 20px;
  }
}
.l_topic_02_content {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 50px;
  margin-bottom: 80px;
}
@media (max-width: 768px) {
  .l_topic_02_content {
    grid-template-columns: 1fr;
    gap: 30px;
    margin-bottom: 50px;
  }
}
.l_topic_02_content_img {
  width: 100%;
}
@media (max-width: 768px) {
  .l_topic_02_content_img {
    grid-row: 1/2;
  }
}
.l_topic_02_content_img .cap {
  margin-top: 25px;
}
@media (max-width: 768px) {
  .l_topic_02_content_img .cap {
    margin-top: 15px;
  }
}
.l_topic_02_content_text {
  width: 100%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 768px) {
  .l_topic_02_content_text {
    width: 100%;
    display: block;
    grid-row: 2/3;
  }
}
.l_topic_02_content_text p {
  font-size: clamp(1.3rem, 0.446rem + 1.154vw, 1.6rem);
  line-height: 2;
}
@media (max-width: 768px) {
  .l_topic_02_content_text p {
    text-align: center;
  }
}

.l_gmap {
  padding: 120px 0;
}
@media (max-width: 768px) {
  .l_gmap {
    padding: 60px 0 40px;
  }
}
.l_gmap h3 {
  font-size: clamp(1.6rem, 0.462rem + 1.538vw, 2rem);
  font-family: "Playfair Display", serif;
  letter-spacing: 0.1em;
  text-align: center;
  margin-bottom: 35px;
}
.l_gmap_area {
  width: 80%;
  max-width: 1060px;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .l_gmap_area {
    width: 90%;
  }
}
.l_gmap_area .gmap_btns {
  margin-bottom: 55px;
}
@media (max-width: 768px) {
  .l_gmap_area .gmap_btns {
    margin-bottom: 15px;
  }
}
.l_gmap_area .gmap_btns ul {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 5px;
}
@media (max-width: 1280px) {
  .l_gmap_area .gmap_btns ul {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 768px) {
  .l_gmap_area .gmap_btns ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
.l_gmap_area .gmap_btns ul li {
  padding-top: 4px;
  aspect-ratio: 3/1;
  background-color: #f3f2f0;
  border-bottom: 4px solid #566757;
  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;
  gap: 20%;
  cursor: pointer;
}
.l_gmap_area .gmap_btns ul li h4 {
  color: #3e3d3c;
  font-size: clamp(1rem, -0.138rem + 1.538vw, 1.4rem);
  font-family: "Playfair Display", serif;
  letter-spacing: 0.1em;
}
.l_gmap_area .gmap_btns ul li h5 {
  color: #3e3d3c;
  font-size: clamp(1.3rem, 0.446rem + 1.154vw, 1.6rem);
}
.l_gmap_area .gmap_btns ul li.on {
  background-color: #566757;
}
.l_gmap_area .gmap_btns ul li.on h4,
.l_gmap_area .gmap_btns ul li.on h5 {
  color: #fff;
}
.l_gmap_area .gmap_displays {
  width: 100%;
  height: 650px;
}
@media (max-width: 768px) {
  .l_gmap_area .gmap_displays {
    height: 500px;
  }
}
.l_gmap_area .gmap_displays .gmap_display {
  display: none;
  width: 100%;
  height: 100%;
}
.l_gmap_area .gmap_displays .gmap_display.on {
  display: block;
}
.l_gmap_area .gmap_displays .gmap_display iframe {
  display: block;
  width: 100%;
  height: 100%;
}

.f_cap_location {
  display: block !important;
}/*# sourceMappingURL=location.css.map */