@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap");
.owner-thanks {
  --primary: #205A4A;
  --secondary: #C9912B;
  --border: #E6E6E6;
  --hokkaido: #FF2800;
  --kanto: #FF8C00;
  --chubu: #D1B000;
  --kansai: #7C987D;
  --chugoku: #14BCDD;
  --kyushu: #1666F2;
  --prefecture: #20976C;
  --point: #95825F;
  --dataBg: #F5FBF8;
  --att: #FF0000;
  --attBg: #FFF7F7;
}

.pc {
  display: block;
}
@media only screen and (max-width: 768px) {
  .pc {
    display: none;
  }
}

.tab {
  display: none;
}
@media only screen and (max-width: 1200px) {
  .tab {
    display: block;
  }
}

.sp {
  display: none;
}
@media only screen and (max-width: 768px) {
  .sp {
    display: block;
  }
}

.inline-pc {
  display: inline;
}
@media only screen and (max-width: 768px) {
  .inline-pc {
    display: none;
  }
}

.inline-sp {
  display: none;
}
@media only screen and (max-width: 768px) {
  .inline-sp {
    display: inline;
  }
}

.no-link {
  pointer-events: none;
}

.scroll-header {
  scroll-margin-top: 9rem;
}
@media only screen and (max-width: 768px) {
  .scroll-header {
    scroll-margin-top: 7rem;
  }
}

/*-- リセット --*/
h1,
h2,
h3,
h4,
h5,
p,
b,
dt,
dd,
li,
span,
a,
strong {
  margin: 0;
  padding: 0;
}

img {
  width: 100%;
  min-height: 0%;
  vertical-align: top;
}

figure {
  width: 100%;
  min-height: 0%;
  line-height: 0;
  margin: 0 auto;
  padding: 0;
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

a {
  backface-visibility: hidden;
  transition: 0.3s;
}
a img {
  display: inline-block;
}

button {
  background: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.l-breadcrumbs {
  padding: min(20px, calc(20 / 1060 * 100vw)) 0;
  background: #FFF;
}
@media only screen and (max-width: 768px) {
  .l-breadcrumbs {
    padding: min(20px, calc(20 / 375 * 100vw)) 0;
    overflow: hidden;
    overflow-x: auto;
  }
}
.l-breadcrumbs__container {
  max-width: 1060px;
  width: 100%;
  margin: 0 auto;
  padding: 0 30px;
  box-sizing: border-box;
}
@media only screen and (max-width: 768px) {
  .l-breadcrumbs__container {
    max-width: initial;
    padding: 0 min(13px, calc(13 / 375 * 100vw));
  }
}
.l-breadcrumbs__list {
  display: flex;
  gap: min(12px, calc(12 / 1060 * 100vw));
  line-height: 1.4;
  text-align: left;
  font-size: min(12px, calc(12 / 1060 * 100vw));
  font-weight: 400;
}
@media only screen and (max-width: 768px) {
  .l-breadcrumbs__list {
    gap: min(12px, calc(12 / 375 * 100vw));
    white-space: nowrap;
    font-size: min(12px, calc(12 / 375 * 100vw));
  }
}
.l-breadcrumbs__list_item + .l-breadcrumbs__list_item {
  display: flex;
  gap: min(12px, calc(12 / 1060 * 100vw));
}
@media only screen and (max-width: 768px) {
  .l-breadcrumbs__list_item + .l-breadcrumbs__list_item {
    gap: min(12px, calc(12 / 375 * 100vw));
  }
}
.l-breadcrumbs__list_item + .l-breadcrumbs__list_item::before {
  content: "/";
}

.l-container {
  width: 100%;
  margin: 0 auto;
  padding: 0 min(30px, calc(30 / 1060 * 100vw));
  box-sizing: border-box;
}
@media only screen and (max-width: 768px) {
  .l-container {
    padding: 0 min(20px, calc(20 / 375 * 100vw));
  }
}
.l-container--ptn1 {
  max-width: 1232px;
}
@media only screen and (max-width: 768px) {
  .l-container--ptn1 {
    max-width: initial;
  }
}
.l-container--ptn2 {
  max-width: 1060px;
}
@media only screen and (max-width: 768px) {
  .l-container--ptn2 {
    max-width: initial;
  }
}

.l-kv__title {
  background: rgba(0, 0, 0, 0.45);
}

.l-detail-head {
  padding: min(100px, calc(100 / 1060 * 100vw)) 0;
  background: #FFF;
}
@media only screen and (max-width: 768px) {
  .l-detail-head {
    padding: min(40px, calc(40 / 375 * 100vw)) 0 min(64px, calc(64 / 375 * 100vw));
  }
}
.l-detail-head__title {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(16px, calc(16 / 1060 * 100vw));
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .l-detail-head__title {
    align-items: flex-start;
    gap: min(8px, calc(8 / 375 * 100vw));
    text-align: left;
  }
}
.l-detail-head__title .is-sub {
  line-height: 100%;
  font-size: min(20px, calc(20 / 1060 * 100vw));
  font-weight: 400;
  color: var(--prefecture);
}
@media only screen and (max-width: 768px) {
  .l-detail-head__title .is-sub {
    line-height: 140%;
    font-size: min(16px, calc(16 / 375 * 100vw));
  }
}
.l-detail-head__title .is-main {
  line-height: 140%;
  font-size: min(28px, calc(28 / 1060 * 100vw));
  font-weight: 700;
}
@media only screen and (max-width: 768px) {
  .l-detail-head__title .is-main {
    font-size: min(22px, calc(22 / 375 * 100vw));
  }
}
.l-detail-head__caption {
  margin: min(24px, calc(24 / 1060 * 100vw)) auto 0;
  line-height: 200%;
  text-align: center;
  font-size: min(16px, calc(16 / 1060 * 100vw));
  font-weight: 400;
}
@media only screen and (max-width: 768px) {
  .l-detail-head__caption {
    margin-top: min(16px, calc(16 / 375 * 100vw));
    line-height: 180%;
    text-align: left;
    font-size: min(14px, calc(14 / 375 * 100vw));
  }
}
.l-detail-head__btns {
  display: flex;
  justify-content: center;
  gap: min(48px, calc(48 / 1060 * 100vw));
  margin: min(48px, calc(48 / 1060 * 100vw)) auto 0;
}
@media only screen and (max-width: 768px) {
  .l-detail-head__btns {
    flex-direction: column;
    gap: min(12px, calc(12 / 375 * 100vw));
    margin-top: min(24px, calc(24 / 375 * 100vw));
  }
}
.l-detail-head__btns_item {
  display: grid;
  place-content: center;
  width: min(400px, calc(400 / 1060 * 100vw));
  height: min(56px, calc(56 / 1060 * 100vw));
  border-radius: min(12px, calc(12 / 1060 * 100vw));
  box-sizing: border-box;
  position: relative;
  line-height: 125%;
  text-align: center;
  text-decoration: none !important;
  font-size: min(16px, calc(16 / 1060 * 100vw));
  font-weight: 700;
  color: #FFF !important;
}
@media only screen and (max-width: 768px) {
  .l-detail-head__btns_item {
    width: 100%;
    height: min(56px, calc(56 / 375 * 100vw));
    border-radius: min(12px, calc(12 / 375 * 100vw));
    line-height: 125%;
    font-size: min(14px, calc(14 / 375 * 100vw));
  }
}
.l-detail-head__btns_item.small {
  font-size: min(14px, calc(14 / 1060 * 100vw));
}
@media only screen and (max-width: 768px) {
  .l-detail-head__btns_item.small {
    font-size: min(14px, calc(14 / 375 * 100vw));
  }
}
.l-detail-head__btns_item::after {
  content: "";
  width: min(10px, calc(10 / 1060 * 100vw));
  aspect-ratio: 1/1;
  border-width: 1px 1px 0 0;
  border-style: solid;
  border-color: #FFF;
  position: absolute;
  top: 50%;
  right: min(24px, calc(24 / 1060 * 100vw));
  translate: 0 -50%;
  rotate: 45deg;
}
@media only screen and (max-width: 768px) {
  .l-detail-head__btns_item::after {
    width: min(10px, calc(10 / 375 * 100vw));
    right: min(24px, calc(24 / 375 * 100vw));
  }
}
.l-detail-head__btns_item.item-01 {
  background: var(--primary);
}
.l-detail-head__btns_item.item-02 {
  background: var(--secondary);
}

.l-detail-point {
  padding: min(160px, calc(160 / 1060 * 100vw)) 0 min(64px, calc(64 / 1060 * 100vw));
}
@media only screen and (max-width: 768px) {
  .l-detail-point {
    padding: min(100px, calc(100 / 375 * 100vw)) 0 min(30px, calc(30 / 375 * 100vw));
  }
}
.l-detail-point__block {
  padding: min(84px, calc(84 / 1060 * 100vw)) min(86px, calc(86 / 1060 * 100vw)) min(86px, calc(86 / 1060 * 100vw));
  border-radius: min(16px, calc(16 / 1060 * 100vw));
  box-sizing: border-box;
  background: #FFF;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .l-detail-point__block {
    padding: min(64px, calc(64 / 375 * 100vw)) min(20px, calc(20 / 375 * 100vw)) min(48px, calc(48 / 375 * 100vw));
    border-radius: min(12px, calc(12 / 375 * 100vw));
  }
}
.l-detail-point__block + .l-detail-point__block {
  margin-top: min(64px, calc(64 / 1060 * 100vw));
}
@media only screen and (max-width: 768px) {
  .l-detail-point__block + .l-detail-point__block {
    margin-top: min(80px, calc(80 / 375 * 100vw));
  }
}
.l-detail-point__block_sign {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: min(12px, calc(12 / 1060 * 100vw));
  max-width: min(1000px, calc(1000 / 1060 * 100vw));
  width: 100%;
  padding: min(16px, calc(16 / 1060 * 100vw)) 0;
  border-radius: min(16px, calc(16 / 1060 * 100vw));
  box-sizing: border-box;
  background: var(--point);
  position: absolute;
  left: 50%;
  bottom: calc(100% - min(31px, calc(31 / 1060 * 100vw)));
  translate: -50% 0;
  line-height: 100%;
  font-size: min(28px, calc(28 / 1060 * 100vw));
  font-weight: 700;
  color: #FFF;
}
@media only screen and (max-width: 768px) {
  .l-detail-point__block_sign {
    gap: min(8px, calc(8 / 375 * 100vw));
    max-width: min(295px, calc(295 / 375 * 100vw));
    padding: min(16px, calc(16 / 375 * 100vw)) 0;
    border-radius: min(12px, calc(12 / 375 * 100vw));
    bottom: calc(100% - min(28px, calc(28 / 375 * 100vw)));
    font-size: min(22px, calc(22 / 375 * 100vw));
  }
}
.l-detail-point__block_sign::after {
  content: "";
  width: min(90px, calc(90 / 1060 * 100vw));
  height: min(32px, calc(32 / 1060 * 100vw));
  background: url(../img/details/title-decoration.webp) 50% 50%/100% no-repeat;
  position: absolute;
  top: calc(100% - 1px);
  left: 50%;
  translate: -50% 0;
}
@media only screen and (max-width: 768px) {
  .l-detail-point__block_sign::after {
    width: min(56px, calc(56 / 375 * 100vw));
    height: min(20px, calc(20 / 375 * 100vw));
  }
}
.l-detail-point__block_sign span {
  display: grid;
  place-content: center;
  width: min(30px, calc(30 / 1060 * 100vw));
  aspect-ratio: 1/1;
  border-radius: 100%;
  background: #FFF;
  font-size: min(24px, calc(24 / 1060 * 100vw));
  color: var(--point);
}
@media only screen and (max-width: 768px) {
  .l-detail-point__block_sign span {
    width: min(24px, calc(24 / 375 * 100vw));
    font-size: min(18px, calc(18 / 375 * 100vw));
  }
}
.l-detail-point__block_title {
  margin: 0 auto min(40px, calc(40 / 1060 * 100vw));
  line-height: 140%;
  text-align: center;
  font-size: min(30px, calc(30 / 1060 * 100vw));
  font-weight: 700;
}
@media only screen and (max-width: 768px) {
  .l-detail-point__block_title {
    margin-bottom: min(20px, calc(20 / 375 * 100vw));
    font-size: min(24px, calc(24 / 375 * 100vw));
  }
}
.l-detail-point__block_lead {
  margin: 0 auto min(40px, calc(40 / 1060 * 100vw));
  line-height: 200%;
  font-size: min(16px, calc(16 / 1060 * 100vw));
  font-weight: 400;
}
@media only screen and (max-width: 768px) {
  .l-detail-point__block_lead {
    margin-bottom: min(20px, calc(20 / 375 * 100vw));
    line-height: 180%;
    font-size: min(14px, calc(14 / 375 * 100vw));
  }
}
.l-detail-point__block_image.w80 {
  max-width: min(800px, calc(800 / 1060 * 100vw));
  width: 100%;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .l-detail-point__block_image.w80 {
    max-width: initial;
  }
}
.l-detail-point__block_image.w50 {
  max-width: min(500px, calc(500 / 1060 * 100vw));
  width: 100%;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .l-detail-point__block_image.w50 {
    max-width: initial;
  }
}
.l-detail-point__block_caption {
  display: block;
  margin: min(20px, calc(20 / 1060 * 100vw)) 0 0;
  line-height: 160%;
  font-size: min(10px, calc(10 / 1060 * 100vw));
  font-weight: 300;
}
@media only screen and (max-width: 768px) {
  .l-detail-point__block_caption {
    margin-top: min(5px, calc(5 / 375 * 100vw));
    line-height: 120%;
    font-size: min(6px, calc(6 / 375 * 100vw));
  }
}
.l-detail-point__flex {
  display: flex;
  gap: min(48px, calc(48 / 1060 * 100vw));
}
@media only screen and (max-width: 768px) {
  .l-detail-point__flex {
    flex-direction: column;
    gap: min(20px, calc(20 / 375 * 100vw));
  }
}
.l-detail-point__flex .col1 {
  flex: 0 0 min(302px, calc(302 / 1060 * 100vw));
}
@media only screen and (max-width: 768px) {
  .l-detail-point__flex .col1 {
    flex: 1 1 auto;
  }
}
.l-detail-point__flex .col2 {
  flex: 1 1 auto;
}
.l-detail-point__flex .col3 {
  flex: 0 0 min(435px, calc(435 / 1060 * 100vw));
}
.l-detail-point__flex_content {
  line-height: 200%;
  font-size: min(16px, calc(16 / 1060 * 100vw));
  font-weight: 400;
}
@media only screen and (max-width: 768px) {
  .l-detail-point__flex_content {
    line-height: 180%;
    font-size: min(14px, calc(14 / 375 * 100vw));
  }
}
.l-detail-point__flex_content p + p {
  margin-top: 1.5em;
}
.l-detail-point__images.grid-ptn1 {
  display: grid;
  grid-template-columns: min(564px, calc(564 / 1060 * 100vw)) 1fr;
  gap: min(48px, calc(48 / 1060 * 100vw));
}
@media only screen and (max-width: 768px) {
  .l-detail-point__images.grid-ptn1 {
    grid-template-columns: 100%;
    gap: min(20px, calc(20 / 375 * 100vw));
  }
}
.l-detail-point__images.grid-ptn2 {
  display: grid;
  grid-template-columns: min(351px, calc(351 / 1060 * 100vw)) 1fr;
  gap: min(48px, calc(48 / 1060 * 100vw));
}
@media only screen and (max-width: 768px) {
  .l-detail-point__images.grid-ptn2 {
    grid-template-columns: 100%;
    gap: min(20px, calc(20 / 375 * 100vw));
  }
}
.l-detail-point__images.grid-ptn3 {
  display: grid;
  grid-template-columns: min(542px, calc(542 / 1060 * 100vw)) 1fr;
  gap: min(48px, calc(48 / 1060 * 100vw));
}
@media only screen and (max-width: 768px) {
  .l-detail-point__images.grid-ptn3 {
    grid-template-columns: 100%;
    gap: min(20px, calc(20 / 375 * 100vw));
  }
}
.l-detail-point__images.grid-ptn4 {
  display: grid;
  grid-template-columns: min(475px, calc(475 / 1060 * 100vw)) 1fr;
  gap: min(48px, calc(48 / 1060 * 100vw));
}
@media only screen and (max-width: 768px) {
  .l-detail-point__images.grid-ptn4 {
    grid-template-columns: 100%;
    gap: min(20px, calc(20 / 375 * 100vw));
  }
}
.l-detail-point__btn {
  display: flex;
  justify-content: center;
  margin: min(64px, calc(64 / 1060 * 100vw)) auto 0;
}
@media only screen and (max-width: 768px) {
  .l-detail-point__btn {
    width: 100%;
    margin-top: min(30px, calc(30 / 375 * 100vw));
  }
}

.l-detail-body {
  padding: 0 0 min(160px, calc(160 / 1060 * 100vw));
  background: #FFF;
}
@media only screen and (max-width: 768px) {
  .l-detail-body {
    padding-bottom: min(64px, calc(64 / 375 * 100vw));
  }
}
.l-detail-body__sign {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: min(16px, calc(16 / 1060 * 100vw));
  margin: 0 auto min(56px, calc(56 / 1060 * 100vw));
  padding: min(48px, calc(48 / 1060 * 100vw)) 0;
  border-top: min(8px, calc(8 / 1060 * 100vw)) solid var(--secondary);
  background: var(--primary);
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .l-detail-body__sign {
    gap: min(8px, calc(8 / 375 * 100vw));
    margin-bottom: min(32px, calc(32 / 375 * 100vw));
    padding: min(32px, calc(32 / 375 * 100vw));
    border-top-width: min(8px, calc(8 / 375 * 100vw));
  }
}
.l-detail-body__sign_lead {
  line-height: 100%;
  font-size: min(20px, calc(20 / 1060 * 100vw));
  font-weight: 400;
  color: #FFF;
}
@media only screen and (max-width: 768px) {
  .l-detail-body__sign_lead {
    line-height: 140%;
    font-size: min(16px, calc(16 / 375 * 100vw));
  }
}
.l-detail-body__sign_title {
  line-height: 140%;
  font-size: min(28px, calc(28 / 1060 * 100vw));
  font-weight: 700;
  color: #FFF;
}
@media only screen and (max-width: 768px) {
  .l-detail-body__sign_title {
    font-size: min(24px, calc(24 / 375 * 100vw));
  }
}
.l-detail-body__lead {
  margin: 0 auto min(56px, calc(56 / 1060 * 100vw));
  line-height: 200%;
  text-align: center;
  font-size: min(16px, calc(16 / 1060 * 100vw));
  font-weight: 400;
}
@media only screen and (max-width: 768px) {
  .l-detail-body__lead {
    margin-bottom: min(24px, calc(24 / 375 * 100vw));
    line-height: 180%;
    text-align: left;
    font-size: min(14px, calc(14 / 375 * 100vw));
  }
}
.l-detail-body__data {
  display: flex;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .l-detail-body__data {
    flex-direction: column;
    border-bottom: 1px solid var(--border);
    box-sizing: border-box;
  }
  .l-detail-body__data:has(+ .l-detail-body__data) {
    border-bottom: 0;
  }
}
.l-detail-body__data_title {
  flex: 0 0 min(200px, calc(200 / 1060 * 100vw));
  padding: min(32px, calc(32 / 1060 * 100vw)) min(24px, calc(24 / 1060 * 100vw));
  border-width: 1px 0 1px 0;
  border-style: solid;
  border-color: var(--prefecture);
  box-sizing: border-box;
  background: var(--dataBg);
  line-height: 160%;
  font-size: min(16px, calc(16 / 1060 * 100vw));
  font-weight: 700;
}
@media only screen and (max-width: 768px) {
  .l-detail-body__data_title {
    flex: 1 1 auto;
    padding: min(16px, calc(16 / 375 * 100vw)) min(12px, calc(12 / 375 * 100vw));
    border-width: 1px 0 0 0;
    font-size: min(14px, calc(14 / 375 * 100vw));
  }
}
.l-detail-body__data + .l-detail-body__data .l-detail-body__data_title {
  border-width: 0 0 1px 0;
}
@media only screen and (max-width: 768px) {
  .l-detail-body__data + .l-detail-body__data .l-detail-body__data_title {
    border-width: 1px 0 0 0;
  }
}
.l-detail-body__data + .l-detail-body__data .l-detail-body__data_content {
  border-width: 0 0 1px 0;
}
@media only screen and (max-width: 768px) {
  .l-detail-body__data + .l-detail-body__data .l-detail-body__data_content {
    border-width: 1px 0 0 0;
  }
}
.l-detail-body__data_content {
  flex: 1 1 auto;
  padding: min(32px, calc(32 / 1060 * 100vw)) min(64px, calc(64 / 1060 * 100vw));
  border-width: 1px 0 1px 0;
  border-style: solid;
  border-color: var(--border);
  box-sizing: border-box;
  line-height: 160%;
  font-size: min(16px, calc(16 / 1060 * 100vw));
  font-weight: 400;
}
@media only screen and (max-width: 768px) {
  .l-detail-body__data_content {
    padding: min(16px, calc(16 / 375 * 100vw)) min(12px, calc(12 / 375 * 100vw));
    font-size: min(14px, calc(14 / 375 * 100vw));
  }
}
.l-detail-body__data_content small {
  font-size: min(14px, calc(14 / 1060 * 100vw));
}
@media only screen and (max-width: 768px) {
  .l-detail-body__data_content small {
    font-size: min(12px, calc(12 / 375 * 100vw));
  }
}
.l-detail-body__data_content p + p {
  margin-top: 0.6em;
}
.l-detail-body__data_btn {
  display: flex;
  justify-content: center;
  margin: min(92px, calc(92 / 1060 * 100vw)) auto 0;
}
@media only screen and (max-width: 768px) {
  .l-detail-body__data_btn {
    width: 100%;
    margin-top: min(32px, calc(32 / 375 * 100vw));
  }
}
.l-detail-body__terms {
  padding: min(64px, calc(64 / 1060 * 100vw)) 0 0;
}
@media only screen and (max-width: 768px) {
  .l-detail-body__terms {
    padding-top: min(32px, calc(32 / 375 * 100vw));
  }
}
.l-detail-body__terms_block + .l-detail-body__terms_block {
  margin-top: min(48px, calc(48 / 1060 * 100vw));
}
@media only screen and (max-width: 768px) {
  .l-detail-body__terms_block + .l-detail-body__terms_block {
    margin-top: min(24px, calc(24 / 375 * 100vw));
  }
}
.l-detail-body__terms_title {
  margin: 0 0 min(24px, calc(24 / 1060 * 100vw));
  padding: min(18px, calc(18 / 1060 * 100vw)) min(22px, calc(22 / 1060 * 100vw));
  border-left: min(2px, calc(2 / 1060 * 100vw)) solid var(--prefecture);
  box-sizing: border-box;
  background: var(--dataBg);
  line-height: 100%;
  font-size: min(18px, calc(18 / 1060 * 100vw));
  font-weight: 700;
}
@media only screen and (max-width: 768px) {
  .l-detail-body__terms_title {
    margin-bottom: min(20px, calc(20 / 375 * 100vw));
    padding: min(13px, calc(13 / 375 * 100vw)) min(14px, calc(14 / 375 * 100vw));
    border-left-width: min(2px, calc(2 / 375 * 100vw));
    font-size: min(16px, calc(16 / 375 * 100vw));
  }
}
.l-detail-body__terms_content {
  line-height: 200%;
  font-size: min(16px, calc(16 / 1060 * 100vw));
  font-weight: 400;
}
@media only screen and (max-width: 768px) {
  .l-detail-body__terms_content {
    line-height: 180%;
    font-size: min(14px, calc(14 / 375 * 100vw));
  }
}
.l-detail-body__terms_att {
  margin: 2em 0 0;
  line-height: 200%;
  font-size: min(16px, calc(16 / 1060 * 100vw));
}
@media only screen and (max-width: 768px) {
  .l-detail-body__terms_att {
    line-height: 180%;
    font-size: min(14px, calc(14 / 375 * 100vw));
  }
}
.l-detail-body__terms_btn {
  display: flex;
  justify-content: center;
  margin: min(64px, calc(64 / 1060 * 100vw)) auto 0;
}
@media only screen and (max-width: 768px) {
  .l-detail-body__terms_btn {
    margin-top: min(32px, calc(32 / 375 * 100vw));
  }
}
.l-detail-body__att {
  margin: min(64px, calc(64 / 1060 * 100vw)) auto 0;
}
@media only screen and (max-width: 768px) {
  .l-detail-body__att {
    margin-top: min(32px, calc(32 / 375 * 100vw));
  }
}
.l-detail-body__att_title {
  margin: 0 0 min(24px, calc(24 / 1060 * 100vw));
  padding: min(18px, calc(18 / 1060 * 100vw)) min(22px, calc(22 / 1060 * 100vw));
  border-left: min(2px, calc(2 / 1060 * 100vw)) solid var(--att);
  box-sizing: border-box;
  background: var(--attBg);
  line-height: 100%;
  font-size: min(18px, calc(18 / 1060 * 100vw));
  font-weight: 700;
  color: var(--att);
}
@media only screen and (max-width: 768px) {
  .l-detail-body__att_title {
    margin-bottom: min(20px, calc(20 / 375 * 100vw));
    padding: min(13px, calc(13 / 375 * 100vw)) min(14px, calc(14 / 375 * 100vw));
    border-left-width: min(2px, calc(2 / 375 * 100vw));
    font-size: min(16px, calc(16 / 375 * 100vw));
  }
}
.l-detail-body__att_content {
  line-height: 200%;
  font-size: min(16px, calc(16 / 1060 * 100vw));
  font-weight: 700;
  color: var(--att);
}
@media only screen and (max-width: 768px) {
  .l-detail-body__att_content {
    line-height: 180%;
    font-size: min(14px, calc(14 / 375 * 100vw));
  }
}

.c-btn {
  text-decoration: none !important;
  cursor: pointer;
}
.c-btn--ptn1 {
  display: block;
  width: min(680px, calc(680 / 1060 * 100vw));
  padding: min(28px, calc(28 / 1060 * 100vw)) 0;
  border-radius: min(12px, calc(12 / 1060 * 100vw));
  box-sizing: border-box;
  background: var(--primary);
  position: relative;
  line-height: 100%;
  text-align: center;
  font-size: min(20px, calc(20 / 1060 * 100vw));
  font-weight: 700;
  color: #FFF !important;
}
@media only screen and (max-width: 768px) {
  .c-btn--ptn1 {
    width: 100%;
    height: auto;
    padding: min(16px, calc(16 / 375 * 100vw)) 0;
    border-radius: min(12px, calc(12 / 375 * 100vw));
    line-height: 140%;
    font-size: min(16px, calc(16 / 375 * 100vw));
  }
}
.c-btn--ptn1::after {
  content: "";
  width: min(10px, calc(10 / 1060 * 100vw));
  aspect-ratio: 1/1;
  border-width: 1px 1px 0 0;
  border-style: solid;
  border-color: #FFF;
  position: absolute;
  top: 50%;
  right: min(30px, calc(30 / 1060 * 100vw));
  translate: 0 -50%;
  rotate: 45deg;
}
@media only screen and (max-width: 768px) {
  .c-btn--ptn1::after {
    width: min(10px, calc(10 / 375 * 100vw));
    right: min(20px, calc(20 / 375 * 100vw));
  }
}
.c-btn--ptn1.lh-200 {
  line-height: 200%;
}
@media only screen and (max-width: 768px) {
  .c-btn--ptn1.lh-200 {
    line-height: 140%;
  }
}
.c-btn--ptn2 {
  display: grid;
  place-content: center;
  width: min(400px, calc(400 / 1060 * 100vw));
  height: min(56px, calc(56 / 1060 * 100vw));
  border-radius: min(12px, calc(12 / 1060 * 100vw));
  box-sizing: border-box;
  background: var(--secondary);
  position: relative;
  line-height: 100%;
  text-align: center;
  font-size: min(16px, calc(16 / 1060 * 100vw));
  font-weight: 700;
  color: #FFF !important;
}
@media only screen and (max-width: 768px) {
  .c-btn--ptn2 {
    width: 100%;
    height: min(56px, calc(56 / 375 * 100vw));
    border-radius: min(12px, calc(12 / 375 * 100vw));
    line-height: 125%;
    font-size: min(16px, calc(16 / 375 * 100vw));
  }
}
.c-btn--ptn2::after {
  content: "";
  width: min(10px, calc(10 / 1060 * 100vw));
  aspect-ratio: 1/1;
  border-width: 1px 1px 0 0;
  border-style: solid;
  border-color: #FFF;
  position: absolute;
  top: 50%;
  right: min(24px, calc(24 / 1060 * 100vw));
  translate: 0 -50%;
  rotate: 45deg;
}
@media only screen and (max-width: 768px) {
  .c-btn--ptn2::after {
    width: min(10px, calc(10 / 375 * 100vw));
    right: min(24px, calc(24 / 375 * 100vw));
  }
}

.c-link__innerText {
  display: inline-block;
  padding-left: min(24px, calc(24 / 1060 * 100vw));
  position: relative;
  text-decoration: none !important;
}
.c-link__innerText::before {
  content: "";
  width: min(10px, calc(10 / 1060 * 100vw));
  aspect-ratio: 1/1;
  border-width: 1px 1px 0 0;
  border-style: solid;
  border-color: var(--primary);
  position: absolute;
  top: 50%;
  left: 0;
  translate: 0 -50%;
  rotate: 45deg;
}

.c-list__dots {
  list-style: disc;
  padding-left: 2em;
}
.c-list__number {
  list-style: decimal;
  padding-left: 1.5em;
}

.p-top-head {
  margin-top: min(32px, calc(32 / 1060 * 100vw));
}
@media only screen and (max-width: 768px) {
  .p-top-head {
    margin-top: min(32px, calc(32 / 375 * 100vw));
  }
}
.p-top-head__content {
  max-width: min(1060px, calc(1060 / 1060 * 100vw));
  width: 100%;
  margin: 0 auto;
  padding: 0 min(30px, calc(30 / 1060 * 100vw));
  box-sizing: border-box;
}
@media only screen and (max-width: 768px) {
  .p-top-head__content {
    max-width: initial;
    padding: 0;
  }
}
.p-top-head__control {
  margin: min(45px, calc(45 / 1060 * 100vw)) auto 0;
  background: #FFF;
}
@media only screen and (max-width: 768px) {
  .p-top-head__control {
    max-width: min(335px, calc(335 / 375 * 100vw));
    width: 100%;
    margin: min(32px, calc(32 / 375 * 100vw)) auto 0;
  }
}
.p-top-head__control_title {
  padding: min(15px, calc(15 / 1060 * 100vw)) 0;
  border-bottom: 1px solid var(--border);
  box-sizing: border-box;
  line-height: 100%;
  text-align: center;
  font-size: min(16px, calc(16 / 1060 * 100vw));
}
@media only screen and (max-width: 768px) {
  .p-top-head__control_title {
    padding: min(16px, calc(16 / 375 * 100vw)) 0;
    position: relative;
    font-size: min(14px, calc(14 / 375 * 100vw));
  }
  .p-top-head__control_title::after {
    content: "";
    width: min(20px, calc(20 / 375 * 100vw));
    aspect-ratio: 1/1;
    background: url(../img/top/area-btn-plus.svg) 50% 50%/100% no-repeat;
    position: absolute;
    top: 50%;
    right: min(15px, calc(15 / 375 * 100vw));
    translate: 0 -50%;
  }
  .p-top-head__control_title.is-open::after {
    background-image: url(../img/top/area-btn-minus.svg);
  }
}
.p-top-head__control_body {
  padding: min(16px, calc(16 / 1060 * 100vw)) 0;
}
@media only screen and (max-width: 768px) {
  .p-top-head__control_body {
    display: none;
    padding: min(16px, calc(16 / 375 * 100vw)) 0;
  }
}
.p-top-head__control_btns {
  display: flex;
  justify-content: center;
  gap: min(8px, calc(8 / 1060 * 100vw));
}
@media only screen and (max-width: 768px) {
  .p-top-head__control_btns {
    flex-wrap: wrap;
    gap: min(6px, calc(6 / 375 * 100vw));
  }
}
.p-top-head__control_btns button {
  display: flex;
  align-items: center;
  gap: min(6px, calc(6 / 1060 * 100vw));
  padding: min(8px, calc(8 / 1060 * 100vw)) min(16px, calc(16 / 1060 * 100vw));
  border: 1px solid var(--border);
  border-radius: 50px;
  box-sizing: border-box;
  line-height: 100%;
  font-size: min(13px, calc(13 / 1060 * 100vw));
  font-weight: 400;
}
@media only screen and (max-width: 768px) {
  .p-top-head__control_btns button {
    gap: min(6px, calc(6 / 375 * 100vw));
    padding: min(8px, calc(8 / 375 * 100vw)) min(12px, calc(12 / 375 * 100vw));
    font-size: min(12px, calc(12 / 375 * 100vw));
  }
}
.p-top-head__control_btns button::before {
  content: "";
  width: min(16px, calc(16 / 1060 * 100vw));
  aspect-ratio: 1/1;
  border-width: min(5px, calc(5 / 1060 * 100vw));
  border-style: solid;
  border-radius: 100%;
  box-sizing: border-box;
}
@media only screen and (max-width: 768px) {
  .p-top-head__control_btns button::before {
    width: min(14px, calc(14 / 375 * 100vw));
    border-width: min(4px, calc(4 / 375 * 100vw));
  }
}
.p-top-head__control_btns button.is-hokkaido::before {
  border-color: var(--hokkaido);
}
.p-top-head__control_btns button.is-kanto::before {
  border-color: var(--kanto);
}
.p-top-head__control_btns button.is-chubu::before {
  border-color: var(--chubu);
}
.p-top-head__control_btns button.is-kansai::before {
  border-color: var(--kansai);
}
.p-top-head__control_btns button.is-chugoku::before {
  border-color: var(--chugoku);
}
.p-top-head__control_btns button.is-kyushu::before {
  border-color: var(--kyushu);
}
.p-top-head__control_btns button.active {
  background: var(--prefecture);
}
.p-top-head__slider .splide__arrow {
  width: min(50px, calc(50 / 1060 * 100vw));
  height: auto;
  aspect-ratio: 1/1;
  background: url(../img/top/slider-btn.svg) 50% 50%/100% no-repeat;
  border-radius: 0;
  opacity: 1;
  translate: 0 min(-12px, calc(-12 / 1060 * 100vw));
}
@media only screen and (max-width: 768px) {
  .p-top-head__slider .splide__arrow {
    width: min(40px, calc(40 / 375 * 100vw));
    translate: 0 min(-12px, calc(-12 / 375 * 100vw));
  }
}
.p-top-head__slider .splide__arrow svg {
  display: none;
}
.p-top-head__slider .splide__arrow--prev {
  left: auto;
  right: calc(100% + min(35px, calc(35 / 1060 * 100vw)));
}
@media only screen and (max-width: 768px) {
  .p-top-head__slider .splide__arrow--prev {
    left: 0;
    right: auto;
  }
}
.p-top-head__slider .splide__arrow--next {
  right: auto;
  left: calc(100% + min(35px, calc(35 / 1060 * 100vw)));
  scale: -1 1;
}
@media only screen and (max-width: 768px) {
  .p-top-head__slider .splide__arrow--next {
    right: 0;
    left: auto;
  }
}
.p-top-head__slider .splide__pagination {
  display: flex;
  gap: min(12px, calc(12 / 1060 * 100vw));
  margin: min(24px, calc(24 / 1060 * 100vw)) auto 0;
  position: static;
}
@media only screen and (max-width: 768px) {
  .p-top-head__slider .splide__pagination {
    gap: min(8px, calc(8 / 375 * 100vw));
    margin-top: min(24px, calc(24 / 375 * 100vw));
  }
}
.p-top-head__slider .splide__pagination li button {
  width: min(64px, calc(64 / 1060 * 100vw));
  height: min(3px, calc(3 / 1060 * 100vw));
  border-radius: 0;
  background: #D9D9D9;
}
@media only screen and (max-width: 768px) {
  .p-top-head__slider .splide__pagination li button {
    width: min(40px, calc(40 / 375 * 100vw));
    height: min(3px, calc(3 / 375 * 100vw));
  }
}
.p-top-head__slider .splide__pagination li button.is-active {
  transform: scale(1);
  background: #333;
}

.p-top-body {
  padding: min(56px, calc(56 / 1060 * 100vw)) 0 0;
}
@media only screen and (max-width: 768px) {
  .p-top-body {
    padding: min(48px, calc(48 / 375 * 100vw)) 0 0;
  }
}
.p-top-body__list {
  display: flex;
  flex-direction: column;
  gap: min(56px, calc(56 / 1060 * 100vw));
}
@media only screen and (max-width: 768px) {
  .p-top-body__list {
    gap: min(48px, calc(48 / 375 * 100vw));
  }
}
.p-top-body__area {
  padding: min(56px, calc(56 / 1060 * 100vw)) min(86px, calc(86 / 1060 * 100vw));
  background: #FFF;
}
@media only screen and (max-width: 768px) {
  .p-top-body__area {
    padding: min(40px, calc(40 / 375 * 100vw)) min(30px, calc(30 / 375 * 100vw));
  }
}
.p-top-body__area_title {
  display: flex;
  align-items: center;
  gap: min(16px, calc(16 / 1060 * 100vw));
  margin: 0 0 min(40px, calc(40 / 1060 * 100vw));
  line-height: 100%;
  font-size: min(30px, calc(30 / 1060 * 100vw));
  font-weight: 400;
}
@media only screen and (max-width: 768px) {
  .p-top-body__area_title {
    gap: min(8px, calc(8 / 375 * 100vw));
    margin-bottom: min(32px, calc(32 / 375 * 100vw));
    font-size: min(26px, calc(26 / 375 * 100vw));
  }
}
.p-top-body__area_title::before {
  content: "";
  width: min(26px, calc(26 / 1060 * 100vw));
  aspect-ratio: 1/1;
  border-width: min(8px, calc(8 / 1060 * 100vw));
  border-style: solid;
  border-radius: 100%;
  box-sizing: border-box;
}
@media only screen and (max-width: 768px) {
  .p-top-body__area_title::before {
    width: min(22px, calc(22 / 375 * 100vw));
    border-width: min(6px, calc(6 / 375 * 100vw));
  }
}
.p-top-body__area_title.is-hokkaido::before {
  border-color: var(--hokkaido);
}
.p-top-body__area_title.is-kanto::before {
  border-color: var(--kanto);
}
.p-top-body__area_title.is-chubu::before {
  border-color: var(--chubu);
}
.p-top-body__area_title.is-kansai::before {
  border-color: var(--kansai);
}
.p-top-body__area_title.is-chugoku::before {
  border-color: var(--chugoku);
}
.p-top-body__area_title.is-kyushu::before {
  border-color: var(--kyushu);
}
.p-top-body__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: min(32px, calc(32 / 1060 * 100vw));
}
@media only screen and (max-width: 768px) {
  .p-top-body__grid {
    grid-template-columns: 100%;
    gap: min(24px, calc(24 / 375 * 100vw));
  }
}
.p-top-body__item {
  display: block;
  text-decoration: none !important;
}
.p-top-body__item_image {
  display: block;
  position: relative;
}
.p-top-body__item_image::before {
  padding: min(6px, calc(6 / 1060 * 100vw)) min(12px, calc(12 / 1060 * 100vw));
  position: absolute;
  top: 0;
  left: 0;
  line-height: 100%;
  font-size: min(12px, calc(12 / 1060 * 100vw));
  font-weight: 700;
  color: #FFF;
}
@media only screen and (max-width: 768px) {
  .p-top-body__item_image::before {
    padding: min(6px, calc(6 / 375 * 100vw)) min(8px, calc(8 / 375 * 100vw));
    font-size: min(10px, calc(10 / 375 * 100vw));
  }
}
.p-top-body__item_image.is-hokkaido::before {
  content: "北海道・東北";
  background: var(--hokkaido);
}
.p-top-body__item_image.is-kanto::before {
  content: "関東";
  background: var(--kanto);
}
.p-top-body__item_image.is-chubu::before {
  content: "中部";
  background: var(--chubu);
}
.p-top-body__item_image.is-kansai::before {
  content: "関西";
  background: var(--kansai);
}
.p-top-body__item_image.is-chugoku::before {
  content: "中国・四国";
  background: var(--chugoku);
}
.p-top-body__item_image.is-kyushu::before {
  content: "九州";
  background: var(--kyushu);
}
.p-top-body__item_content {
  padding: min(12px, calc(12 / 1060 * 100vw)) 0 0;
}
@media only screen and (max-width: 768px) {
  .p-top-body__item_content {
    padding-top: min(8px, calc(8 / 375 * 100vw));
  }
}
.p-top-body__item_prefecture {
  margin: 0 0 min(4px, calc(4 / 1060 * 100vw));
  line-height: 100%;
  font-size: min(12px, calc(12 / 1060 * 100vw));
  font-weight: 400;
  color: var(--prefecture);
}
@media only screen and (max-width: 768px) {
  .p-top-body__item_prefecture {
    margin-bottom: min(3px, calc(3 / 375 * 100vw));
    font-size: min(11px, calc(11 / 375 * 100vw));
  }
}
.p-top-body__item_title {
  margin: 0;
  line-height: 140%;
  font-size: min(16px, calc(16 / 1060 * 100vw));
  font-weight: 700;
}
@media only screen and (max-width: 768px) {
  .p-top-body__item_title {
    font-size: min(15px, calc(15 / 375 * 100vw));
  }
}
.p-top-body__date {
  margin: min(12px, calc(12 / 1060 * 100vw)) 0 0;
}
@media only screen and (max-width: 768px) {
  .p-top-body__date {
    margin-top: min(8px, calc(8 / 375 * 100vw));
  }
}
.p-top-body__date_title {
  margin: 0 0 min(8px, calc(8 / 1060 * 100vw));
  line-height: 100%;
  font-size: min(12px, calc(12 / 1060 * 100vw));
  font-weight: 400;
  color: #626465;
}
@media only screen and (max-width: 768px) {
  .p-top-body__date_title {
    margin-bottom: min(6px, calc(6 / 375 * 100vw));
    font-size: min(11px, calc(11 / 375 * 100vw));
  }
}
.p-top-body__date_content {
  line-height: 100%;
  font-size: min(14px, calc(14 / 1060 * 100vw));
  font-weight: 400;
}
@media only screen and (max-width: 768px) {
  .p-top-body__date_content {
    font-size: min(13px, calc(13 / 375 * 100vw));
  }
}