@charset "UTF-8";
/*! オートレガーレ / ページモジュール */
.mod_cont {
  margin-bottom: 2em;
}
@media only screen and (min-width: 901px) {
  .mod_cont.pc_none {
    display: none;
  }
}
@media only screen and (max-width: 900px) {
  .mod_cont.sp_none {
    display: none;
  }
}
.mod_cont.em99 {
  margin-bottom: 0;
}
.mod_cont.em1 {
  margin-bottom: 1em;
}
.mod_cont.em2 {
  margin-bottom: 2em;
}
.mod_cont.em3 {
  margin-bottom: 3em;
}
.mod_cont.em4 {
  margin-bottom: 4em;
}
.mod_cont.em5 {
  margin-bottom: 5em;
}
.mod_cont:last-child {
  margin-bottom: 0;
}

.editor {
  font-size: 15px;
  line-height: 2.1;
  color: #6a6154;
}
.editor > * + * {
  margin-top: 1.6em;
}
.editor > h2 {
  margin-top: 2.4em;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(28, 24, 19, 0.14);
  color: #1c1813;
  font-size: clamp(19px, 2vw, 24px);
  font-weight: 900;
  letter-spacing: 0.02em;
  line-height: 1.5;
}
.editor > h3 {
  margin-top: 2em;
  color: #1c1813;
  font-size: 17px;
  font-weight: 900;
  letter-spacing: 0.02em;
}
.editor > h4 {
  margin-top: 1.8em;
  color: #1c1813;
  font-size: 15px;
  font-weight: 900;
}
.editor > p strong,
.editor > p b,
.editor > h2 strong,
.editor > h3 strong {
  color: #1c1813;
  font-weight: 900;
}
.editor > p a,
.editor > ul a,
.editor > ol a,
.editor > blockquote a,
.editor > table a {
  color: #8e5417;
  text-decoration: underline;
}
@media only screen and (min-width: 1025px) {
  .editor > p a:hover,
  .editor > ul a:hover,
  .editor > ol a:hover,
  .editor > blockquote a:hover,
  .editor > table a:hover {
    text-decoration: none;
  }
}
.editor > img,
.editor > figure img,
.editor > p img {
  height: auto;
  margin: 1.6em 0;
}
.editor > ul,
.editor > ol {
  padding-left: 0;
}
.editor > ul > li,
.editor > ol > li {
  position: relative;
  padding-left: 20px;
}
.editor > ul > li + li,
.editor > ol > li + li {
  margin-top: 8px;
}
.editor > ul > li::before {
  content: "";
  position: absolute;
  top: 0.85em;
  left: 2px;
  width: 6px;
  height: 1px;
  background-color: #8e5417;
}
.editor > ol {
  counter-reset: editor_ol;
}
.editor > ol > li {
  padding-left: 28px;
}
.editor > ol > li::before {
  counter-increment: editor_ol;
  content: counter(editor_ol) ".";
  position: absolute;
  left: 0;
  color: #8e5417;
  font-family: "Oswald", "Zen Kaku Gothic New", sans-serif;
  font-size: 13px;
  font-weight: 500;
}
.editor > blockquote {
  padding: 4px 0 4px 20px;
  border-left: 2px solid #8e5417;
  font-size: 14px;
}
.editor > table {
  width: 100%;
  border-collapse: collapse;
}
.editor > table th,
.editor > table td {
  padding: 12px 14px;
  border: 1px solid rgba(28, 24, 19, 0.14);
  font-size: 14px;
  text-align: left;
  vertical-align: top;
}
.editor > table th {
  background-color: #efeae1;
  color: #1c1813;
  font-weight: 900;
}

.editor > .lower_sec + .lower_sec {
  margin-top: 0;
}

.mv-mod-h2,
.mv-mod-h3,
.mv-mod-h4,
.mv-mod-h5 {
  margin-bottom: 0.8em;
  color: #1c1813;
  font-weight: 900;
  letter-spacing: 0.02em;
  line-height: 1.4;
}
.mv-mod-h2 .ja,
.mv-mod-h3 .ja,
.mv-mod-h4 .ja,
.mv-mod-h5 .ja {
  display: block;
  margin-top: 6px;
  color: #6a6154;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.04em;
}

.mv-mod-h2 {
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(28, 24, 19, 0.14);
  font-size: clamp(22px, 2.6vw, 30px);
}

.mv-mod-h3 {
  font-size: clamp(18px, 2vw, 22px);
}

.mv-mod-h4 {
  font-size: 16px;
}

.mv-mod-h5 {
  font-size: 15px;
}

.lead {
  max-width: 40em;
  color: #6a6154;
  font-size: 15px;
  line-height: 2.2;
}
.lead p + p {
  margin-top: 1.6em;
}

.gallery {
  display: grid;
  gap: clamp(14px, 1.8vw, 24px);
  grid-template-columns: 1fr;
}
.gallery.img2 {
  grid-template-columns: repeat(2, 1fr);
}
.gallery.img3 {
  grid-template-columns: repeat(3, 1fr);
}
@media only screen and (max-width: 900px) {
  .gallery.img3 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 640px) {
  .gallery.sp_col1 {
    grid-template-columns: 1fr;
  }
  .gallery.sp_col2 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
}

.gallery_set .img_wrap {
  margin: 0 auto;
}
.gallery_set img {
  width: 100%;
  height: auto;
  background-color: #e3ddd1;
}
.gallery.img1 .gallery_set .img_wrap {
  max-width: 100%;
}
.gallery_set .caption {
  margin-top: 10px;
  color: #6a6154;
  font-size: 12px;
  line-height: 1.7;
}
.gallery_set a.set_wrap {
  display: block;
}
@media only screen and (min-width: 1025px) {
  .gallery_set a.set_wrap:hover img {
    opacity: 0.82;
  }
}
.gallery_set a.set_wrap img {
  transition: opacity 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.block > picture,
.block > img {
  display: block;
  width: 100%;
  height: auto;
}
.block > picture img,
.block > img img {
  width: 100%;
  height: auto;
}
.block > picture.is-half,
.block > img.is-half {
  width: min(50%, 480px);
}
@media only screen and (max-width: 640px) {
  .block > picture.is-half,
  .block > img.is-half {
    width: 100%;
  }
}

.img_txt {
  display: flex;
  align-items: flex-start;
  gap: clamp(24px, 3.5vw, 56px);
}
@media only screen and (max-width: 900px) {
  .img_txt {
    flex-direction: column;
    gap: 20px;
  }
}
.img_txt .img {
  flex-shrink: 0;
  width: min(46%, 480px);
}
@media only screen and (max-width: 900px) {
  .img_txt .img {
    width: 100%;
  }
}
.img_txt .img img {
  width: 100%;
  height: auto;
}
.img_txt .txt {
  flex: 1 1 0;
  min-width: 0;
}
.img_txt .txt .editor {
  font-size: 14px;
}
.img_txt .title,
.img_txt .hl03 {
  margin-bottom: 14px;
  color: #1c1813;
  font-size: clamp(18px, 2vw, 24px);
  font-weight: 900;
  letter-spacing: 0.02em;
  line-height: 1.5;
}
.img_txt.right {
  flex-direction: row-reverse;
}
@media only screen and (max-width: 900px) {
  .img_txt.right {
    flex-direction: column;
  }
}
.img_txt.top {
  flex-direction: column;
}
.img_txt.top .img {
  width: 100%;
}

.bg_cont {
  padding: clamp(24px, 3vw, 40px);
  background-color: #efeae1;
}
.bg_cont .editor {
  max-width: none;
}

.border_cont {
  padding: clamp(24px, 3vw, 40px);
  border: 1px solid rgba(28, 24, 19, 0.14);
}
.border_cont .editor {
  max-width: none;
}
.border_cont.color {
  border-color: #8e5417;
  background-color: rgba(142, 84, 23, 0.05);
}

.faq_set,
.aco_cont {
  border-top: 1px solid rgba(28, 24, 19, 0.14);
}

.faq_item,
.aco_item {
  border-bottom: 1px solid rgba(28, 24, 19, 0.14);
}
.faq_item > summary,
.aco_item > summary {
  position: relative;
  padding: 20px 44px 20px 0;
  color: #1c1813;
  font-size: 15px;
  font-weight: 900;
  line-height: 1.7;
  list-style: none;
  cursor: pointer;
}
.faq_item > summary::-webkit-details-marker,
.aco_item > summary::-webkit-details-marker {
  display: none;
}
.faq_item > summary::after,
.aco_item > summary::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 8px;
  width: 12px;
  height: 12px;
  background: linear-gradient(to right, transparent 5px, #6a6154 5px, #6a6154 7px, transparent 7px), linear-gradient(to bottom, transparent 5px, #6a6154 5px, #6a6154 7px, transparent 7px);
  transform: translateY(-50%);
  transition: transform 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.faq_item[open] > summary::after,
.aco_item[open] > summary::after {
  transform: translateY(-50%) rotate(45deg);
}

.faq_set_accordion .faq_item > summary {
  padding-left: 34px;
}
.faq_set_accordion .faq_item > summary::before {
  content: "Q";
  position: absolute;
  top: 20px;
  left: 0;
  color: #8e5417;
  font-family: "Oswald", "Zen Kaku Gothic New", sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.7;
}
.faq_set_accordion .faq_a {
  position: relative;
  padding-left: 34px;
}
.faq_set_accordion .faq_a::before {
  content: "A";
  position: absolute;
  top: 0;
  left: 0;
  color: #6a6154;
  font-family: "Oswald", "Zen Kaku Gothic New", sans-serif;
  font-size: 15px;
  font-weight: 500;
  opacity: 0.6;
}

.faq_a,
.aco_body {
  padding: 0 8px 22px 0;
  color: #6a6154;
  font-size: 14px;
  line-height: 2;
}

.scroll_table {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
@media only screen and (max-width: 640px) {
  .scroll_table table {
    min-width: 560px;
  }
}

.scroll_table table,
.mod_cont > .info_table table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
  line-height: 1.9;
}
.scroll_table th,
.scroll_table td,
.mod_cont > .info_table th,
.mod_cont > .info_table td {
  padding: 12px 16px;
  border: 1px solid rgba(28, 24, 19, 0.14);
  text-align: left;
  vertical-align: top;
}
.scroll_table th,
.mod_cont > .info_table th {
  color: #1c1813;
  font-weight: 900;
  background-color: rgba(28, 24, 19, 0.04);
}
.scroll_table td,
.mod_cont > .info_table td {
  color: #6a6154;
}

.btn_list ul {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.btn_list ul.col2, .btn_list ul.col3 {
  display: grid;
}
.btn_list ul.col2 {
  grid-template-columns: repeat(2, 1fr);
}
.btn_list ul.col3 {
  grid-template-columns: repeat(3, 1fr);
}
@media only screen and (max-width: 900px) {
  .btn_list ul.col3 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 640px) {
  .btn_list ul {
    display: flex;
    flex-direction: column;
  }
  .btn_list ul.col2, .btn_list ul.col3 {
    display: flex;
  }
}
.btn_list li {
  margin: 0;
}
@media only screen and (max-width: 640px) {
  .btn_list li {
    width: 100%;
  }
}
.btn_list ul.col2 > li > a,
.btn_list ul.col3 > li > a {
  width: 100%;
}
.btn_list a:not([class]) {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  min-width: 240px;
  padding: 18px 26px;
  border: 1px solid #8e5417;
  color: #8e5417;
  font-size: 15px;
  font-weight: 900;
  letter-spacing: 0.06em;
  white-space: nowrap;
  transition: background-color 0.4s cubic-bezier(0.22, 0.61, 0.36, 1), color 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.btn_list a:not([class])::after {
  content: "";
  width: 22px;
  height: 6px;
  border-right: 1px solid currentColor;
  border-bottom: 1px solid currentColor;
  transform: skewX(45deg);
  transition: transform 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
}
@media only screen and (min-width: 1025px) {
  .btn_list a:not([class]):hover {
    background-color: #8e5417;
    color: #efeae1;
  }
  .btn_list a:not([class]):hover::after {
    transform: skewX(45deg) translateX(6px);
  }
}
@media only screen and (max-width: 640px) {
  .btn_list a:not([class]) {
    min-width: 0;
    width: 100%;
  }
}

.relation_link {
  border-top: 1px solid rgba(28, 24, 19, 0.14);
}
.relation_link .link_set {
  padding: 18px 4px;
  border-bottom: 1px solid rgba(28, 24, 19, 0.14);
}
.relation_link dt a {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: #1c1813;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.7;
  transition: color 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.relation_link dt a::before {
  content: "";
  flex-shrink: 0;
  width: 14px;
  height: 1px;
  background-color: #8e5417;
  transition: width 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
}
@media only screen and (min-width: 1025px) {
  .relation_link dt a:hover {
    color: #8e5417;
  }
  .relation_link dt a:hover::before {
    width: 24px;
  }
}
.relation_link dd {
  margin-top: 6px;
  padding-left: 26px;
  color: #6a6154;
  font-size: 13px;
  line-height: 1.9;
}

.link_list {
  display: grid;
  gap: 12px;
  grid-template-columns: 1fr;
}
.link_list.col2 {
  grid-template-columns: repeat(2, 1fr);
}
.link_list.col3 {
  grid-template-columns: repeat(3, 1fr);
}
@media only screen and (max-width: 900px) {
  .link_list.col3 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 640px) {
  .link_list.col2, .link_list.col3 {
    grid-template-columns: 1fr;
  }
}
.link_list a {
  display: block;
  padding: 14px 18px;
  border: 1px solid rgba(28, 24, 19, 0.14);
  color: #1c1813;
  font-size: 14px;
  transition: border-color 0.4s cubic-bezier(0.22, 0.61, 0.36, 1), color 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
}
@media only screen and (min-width: 1025px) {
  .link_list a:hover {
    border-color: #8e5417;
    color: #8e5417;
  }
}

.anchor_link {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 16px;
  padding: 20px 0;
  border-top: 1px solid rgba(28, 24, 19, 0.14);
  border-bottom: 1px solid rgba(28, 24, 19, 0.14);
}
.anchor_link .anchor_link_label {
  flex: 0 0 auto;
  color: #6a6154;
  font-size: 12px;
  letter-spacing: 0.08em;
}
.anchor_link ul {
  display: flex;
  flex: 1 1 auto;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.anchor_link li {
  margin: 0;
}
.anchor_link a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 14px;
  border: 1px solid rgba(28, 24, 19, 0.14);
  color: #6a6154;
  font-size: 13px;
  transition: border-color 0.4s cubic-bezier(0.22, 0.61, 0.36, 1), color 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.anchor_link a::after {
  content: "";
  width: 5px;
  height: 5px;
  border-right: 1px solid currentColor;
  border-bottom: 1px solid currentColor;
  transform: rotate(45deg) translate(-2px, -2px);
}
@media only screen and (min-width: 1025px) {
  .anchor_link a:hover {
    border-color: #8e5417;
    color: #8e5417;
  }
}

.attention_list li {
  position: relative;
  padding-left: 1.2em;
  color: #6a6154;
  font-size: 13px;
  line-height: 1.9;
}
.attention_list li::before {
  content: "※";
  position: absolute;
  left: 0;
}
.attention_list li + li {
  margin-top: 4px;
}
.attention_list.red li {
  color: #a8342a;
}

.flex_area {
  display: flex;
  gap: clamp(24px, 3.5vw, 56px);
}
@media only screen and (max-width: 900px) {
  .flex_area {
    flex-direction: column;
    gap: 24px;
  }
}
.flex_area > .flex_cont {
  flex: 1 1 0;
  min-width: 0;
}

.movie_wrap .gallery_set + .gallery_set {
  margin-top: clamp(16px, 2vw, 28px);
}
.movie_wrap .movie {
  position: relative;
  aspect-ratio: 16/9;
  background-color: #1e1a15;
}
.movie_wrap .movie iframe,
.movie_wrap .movie video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.sec_night .editor,
.sec_night .lead,
.sec_night .faq_a {
  color: #a79c8c;
}
.sec_night .editor h2,
.sec_night .editor h3,
.sec_night .editor h4,
.sec_night .editor strong,
.sec_night .editor b {
  color: #f3eee5;
}
.sec_night .editor h2 {
  border-bottom-color: rgba(243, 238, 229, 0.14);
}
.sec_night .editor a {
  color: #d98a35;
}
.sec_night .editor table th,
.sec_night .editor table td {
  border-color: rgba(243, 238, 229, 0.14);
}
.sec_night .editor table th {
  background-color: #1e1a15;
  color: #f3eee5;
}
.sec_night .editor ul li::before,
.sec_night .editor ol li::before {
  background-color: #d98a35;
  color: #d98a35;
}
.sec_night .editor blockquote {
  border-left-color: #d98a35;
}
.sec_night .mv-mod-h2,
.sec_night .mv-mod-h3,
.sec_night .mv-mod-h4,
.sec_night .mv-mod-h5,
.sec_night .img_txt .title,
.sec_night .img_txt .hl03 {
  color: #f3eee5;
}
.sec_night .mv-mod-h2 {
  border-bottom-color: rgba(243, 238, 229, 0.14);
}
.sec_night .mv-mod-h2 .ja,
.sec_night .mv-mod-h3 .ja {
  color: #a79c8c;
}
.sec_night .gallery_set .caption {
  color: #a79c8c;
}
.sec_night .bg_cont {
  background-color: #1e1a15;
}
.sec_night .border_cont {
  border-color: rgba(243, 238, 229, 0.14);
}
.sec_night .border_cont.color {
  border-color: #d98a35;
  background-color: rgba(217, 138, 53, 0.08);
}
.sec_night .faq_set,
.sec_night .aco_cont,
.sec_night .faq_item,
.sec_night .aco_item,
.sec_night .relation_link,
.sec_night .relation_link .link_set,
.sec_night .anchor_link {
  border-color: rgba(243, 238, 229, 0.14);
}
.sec_night .faq_item > summary,
.sec_night .aco_item > summary {
  color: #f3eee5;
}
.sec_night .faq_item > summary::after,
.sec_night .aco_item > summary::after {
  background: linear-gradient(to right, transparent 5px, #a79c8c 5px, #a79c8c 7px, transparent 7px), linear-gradient(to bottom, transparent 5px, #a79c8c 5px, #a79c8c 7px, transparent 7px);
}
.sec_night .faq_set_accordion .faq_item > summary::before {
  color: #d98a35;
}
.sec_night .faq_set_accordion .faq_a::before {
  color: #a79c8c;
}
.sec_night .aco_body {
  color: #a79c8c;
}
.sec_night .relation_link dd {
  color: #a79c8c;
}
.sec_night .relation_link .link_set a {
  color: #f3eee5;
}
.sec_night .relation_link .link_set a::before {
  background-color: #d98a35;
}
@media only screen and (min-width: 1025px) {
  .sec_night .relation_link .link_set a:hover {
    color: #d98a35;
  }
}
.sec_night .link_list a {
  border-color: rgba(243, 238, 229, 0.14);
  color: #f3eee5;
}
@media only screen and (min-width: 1025px) {
  .sec_night .link_list a:hover {
    border-color: #d98a35;
    color: #d98a35;
  }
}
.sec_night .anchor_link .anchor_link_label,
.sec_night .anchor_link a {
  color: #a79c8c;
}
.sec_night .anchor_link a {
  border-color: rgba(243, 238, 229, 0.14);
}
@media only screen and (min-width: 1025px) {
  .sec_night .anchor_link a:hover {
    border-color: #d98a35;
    color: #d98a35;
  }
}
.sec_night .attention_list li {
  color: #a79c8c;
}
.sec_night .attention_list li.red, .sec_night .attention_list li {
  color: #a79c8c;
}
.sec_night .attention_list.red li {
  color: #f0a59c;
}