@charset "UTF-8";
html,
body {
  width: 100%;
  margin: 0 auto;
}

body {
  overflow-x: hidden;
  background-color: #ffffff;
}

img {
  width: 100%;
  height: auto;
  display: block;
  border: 0;
}

a {
  display: block;
  text-decoration: none;
  transition: all 0.4s;
  color: #141416;
}
@media screen and (min-width: 769px) {
  a:hover {
    opacity: 0.6;
    transition: all 0.4s;
  }
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

/*---------------- indention ----------------*/
@media screen and (min-width: 768px) {
  .pcline-break {
    display: block;
  }
  .spline-break {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .pcline-break {
    display: none;
  }
  .spline-break {
    display: block;
  }
}

/* ---------------------------------------------------------
	hero img
----------------------------------------------------------*/
.hero__staticimg {
  padding: 0;
  width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  margin-bottom: 60px;
  position: relative;
}
.hero__staticimg img {
  max-width: 100%;
  height: auto;
}

/*---------------- TB ----------------*/
@media screen and (min-width: 768px) and (max-width: 959px) {
  .hero__staticimg {
    width: 100%;
    max-width: 1500px;
    height: auto;
    margin-top: 0px;
    margin-bottom: 90px;
  }
}

/*---------------- PC ----------------*/
@media screen and (min-width: 960px) {
  .hero__staticimg {
    width: 100%;
    height: auto;
    margin-top: 0px;
    margin-bottom: 120px;
  }
}

/* ---------------------------------------------------------
	item wapper
----------------------------------------------------------*/
.item-wapper {
  width: 100%;
  padding: 0;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 210px;
  position: relative;
}
.item-wapper img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

.item-wapper-mid {
  width: 100%;
  padding: 0;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 150px;
  position: relative;
}
.item-wapper-mid img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

.item-wapper-smed {
  width: 100%;
  padding: 0;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 110px;
  position: relative;
}
.item-wapper-smed img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

.item-wapper-small {
  width: 100%;
  padding: 0;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 60px;
  position: relative;
}
.item-wapper-small img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

.item-wapper-lineup {
  width: 100%;
  padding: 0;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 120px;
  position: relative;
}
.item-wapper-lineup img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}
.item-wapper-lineup::after {
  content: "";
  display: inline-block;
  width: 15.4%;
  height: 2px;
  background-color: #0c1618;
  position: absolute;
  bottom: -20px;
  left: 42.3%;
  z-index: 10;
}

/*---------------- PC ----------------*/
@media screen and (min-width: 768px) {
  .item-wapper {
    max-width: 750px;
    margin-bottom: 310px;
  }
  .item-wapper-mid {
    max-width: 750px;
    margin-bottom: 240px;
  }
  .item-wapper-smed {
    max-width: 750px;
    margin-bottom: 210px;
  }
  .item-wapper-small {
    max-width: 750px;
    margin-bottom: 120px;
  }
  .item-wapper-lineup {
    max-width: 750px;
    margin-bottom: 120px;
  }
  .item-wapper-lineup::after {
    bottom: -40px;
  }
}

/* ---------------------------------------------------------
	margin bottom
----------------------------------------------------------*/
.spmb_10 {
  margin-bottom: 10px;
}
.spmb_15 {
  margin-bottom: 15px;
}
.spmb_30 {
  margin-bottom: 30px;
}
.spmb_40 {
  margin-bottom: 40px;
}
.spmb_45 {
  margin-bottom: 45px;
}
.spmb_50 {
  margin-bottom: 50px;
}
.spmb_60 {
  margin-bottom: 60px;
}
.spmb_90 {
  margin-bottom: 90px;
}
.spmb_120 {
  margin-bottom: 120px;
}
.spmb_150 {
  margin-bottom: 150px;
}
.spmb_180 {
  margin-bottom: 180px;
}
.spmb_210 {
  margin-bottom: 210px;
}
.spmb_240 {
  margin-bottom: 240px;
}

.mb10 {
  margin-bottom: 10px;
}
.mb15 {
  margin-bottom: 15px;
}
.mb30 {
  margin-bottom: 30px;
}
.mb40 {
  margin-bottom: 40px;
}
.mb50 {
  margin-bottom: 50px;
}
.mb60 {
  margin-bottom: 60px;
}
.mb90 {
  margin-bottom: 90px;
}

.mt30 {
  margin-top: 30px;
}

.spmt_30 {
  margin-top: 30px;
}

.sppt_60 {
  padding-top: 50px;
}

/*---------------- PC ----------------*/
@media screen and (min-width: 960px) {
  .spmb_10 {
    margin-bottom: 30px;
  }
  .spmb_15 {
    margin-bottom: 30px;
  }
  .spmb_30 {
    margin-bottom: 60px;
  }
  .spmb_40 {
    margin-bottom: 60px;
  }
  .spmb_45 {
    margin-bottom: 75px;
  }
  .spmb_50 {
    margin-bottom: 90px;
  }
  .spmb_60 {
    margin-bottom: 90px;
  }
  .spmb_90 {
    margin-bottom: 120px;
  }
  .spmb_120 {
    margin-bottom: 150px;
  }
  .spmb_150 {
    margin-bottom: 180px;
  }
  .sppt_60 {
    padding-top: 80px;
  }
}

/* ---------------------------------------------------------
	relative box
----------------------------------------------------------*/
.inner_wide__area {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.inner_large__area {
  width: min(92.3%, 750px);
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.inner_mid__area {
  width: 84.6%;
  margin-left: auto;
  margin-right: auto;
}

.inner_reg__area {
  width: 61.5%;
  margin-left: auto;
  margin-right: auto;
}

.inner_rside__bx {
  width: 76.9%;
  margin-left: auto;
}

.info_notice {
  width: min(92.3%, 500px);
  margin-left: auto;
  margin-right: auto;
  padding: 0 1em;
}
.info_notice p {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  font-size: clamp(0.6875rem, calc(0.4503125rem + 1.1859375vw), 1.161875rem);
  line-height: 1.7;
  color: #808080;
  letter-spacing: 0.05em;
}

/*---------------- PC ----------------*/
@media screen and (min-width: 960px) {
  .inner_large__area {
    width: 100%;
  }
}

/* ---------------------------------------------------------
	static img
----------------------------------------------------------*/
.static_wide__box {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.static_wide__bluebx {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  background-color: #c8dfe4;
}

/*---------------- PC ----------------*/
@media screen and (min-width: 960px) {
}

/* ---------------------------------------------------------
	flex layout
----------------------------------------------------------*/
.flex_scbw_widebx {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  column-gap: 5px;
  row-gap: 12px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
.flex_cnt_widebx {
  width: 84.6%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}
.flex_scbw_largebx {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  column-gap: 5px;
  row-gap: 7px;
  width: 92.3%;
  margin-left: auto;
  margin-right: auto;
}
.flex_nspc_largebx {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 7px;
  width: 92.3%;
  margin-left: auto;
  margin-right: auto;
}
/* .flex_nspc_largebx::after {
	content:"";
	display: inline-block;
	width: 15.4%;
	height: 1px;
	background-color: #0c1618;
	position: absolute;
	bottom: -60px;
	left: 42.3%;
	z-index: 10;
} */

.flex_bwnspc_largebx {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 7px;
  width: 92.3%;
  margin-left: auto;
  margin-right: auto;
}

.flex_scbw_midbx {
  display: flex;
  justify-content: space-between;
  width: 84.6%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.horizontal_inner__item {
  width: calc(100% / 4 - 5px);
  position: relative;
}
.horizontal_inner__item::after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 2px;
  background-color: #0c1618;
  position: absolute;
  bottom: -20px;
  left: 0;
  z-index: 10;
}
.colflex_items__bx {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}
.colflex_items__bx div:nth-child(2) {
  pointer-events: none;
}

.twocolimg_half {
  width: 50%;
  background-color: #ffffff;
  z-index: 20;
}
.twocolimg_spchalf {
  width: calc(50% - 5px);
  background-color: #ffffff;
  z-index: 20;
}

.thirds_flximg {
  width: calc(100% / 3 - 5px);
  background-color: #ffffff;
  z-index: 20;
}
.thirds_flximg:nth-child(5) {
  pointer-events: none;
}

.fourth_flximg {
  width: calc(100% / 4 - 5px);
  background-color: #ffffff;
  z-index: 20;
}

.twocolimg_pnkhalf {
  display: grid;
  place-items: center;
  place-content: center;
  width: 50%;
  background-color: #f9c8de;
  z-index: 20;
}
.inner_center_img {
  width: 69.2%;
  margin: 0 auto;
}

.twocolimg__spc {
  width: 49%;
}
.threecol_spc_img {
  width: calc(100% / 3 - 6.5px);
}

/*---------------- PC ----------------*/
@media screen and (min-width: 960px) {
  .flex_bwnspc_largebx {
    row-gap: 15px;
  }
  .flex_scbw_largebx {
    column-gap: 10px;
    row-gap: 13px;
  }
  .fourth_flximg {
    width: calc(100% / 4 - 10px);
  }
  .flex_scbw_widebx {
    column-gap: 20px;
    row-gap: 22px;
  }
  .twocolimg_spchalf {
    width: calc(50% - 10px);
  }
  .flex_nspc_largebx {
    row-gap: 13px;
  }
  .thirds_flximg {
    width: calc(100% / 3 - 10px);
  }
  .colflex_items__bx {
    row-gap: 40px;
  }
  .horizontal_inner__item {
    width: calc(100% / 4 - 10px);
  }
}

/* ---------------------------------------------------------
	grid layout
----------------------------------------------------------*/
.static_centerimg__grdbx {
  display: grid;
  grid-template-columns: 15.4% 69.2% 15.4%;
  grid-template-rows: 45px 191px 45px;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

.static_center_bg {
  grid-area: 1 / 1 / 4 / 4;
  position: relative;
}
.static_center_bg::after {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background-color: #c8dfe4;
}
.static_center_img {
  grid-area: 2 / 2 / 3 / 3;
  align-self: center;
}

.threeimg_rnd__grdbx {
  display: grid;
  grid-template-columns: 7.7% 33.6% 7.7% 4.8% 23.1% 23.1%;
  grid-template-rows: auto;
  grid-column-gap: 0px;
  grid-row-gap: 30px;
}
.threeimg_rnd__left {
  grid-area: 1 / 1 / 4 / 3;
  align-self: start;
}
.threeimg_rnd__center {
  grid-area: 4 / 2 / 7 / 4;
  align-self: end;
}
.threeimg_rnd__right {
  grid-area: 3 / 5 / 6 / 7;
  align-self: start;
}

/*---------------- PC ----------------*/
@media screen and (min-width: 960px) {
  .static_centerimg__grdbx {
    grid-template-rows: 114px 368px 114px;
  }
  .static_center_bg::after {
    width: 100vw;
    margin: 0 calc(50% - 50vw);
  }
}

/* ---------------------------------------------------------
	slides box
----------------------------------------------------------*/
.center__widebox {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.center__largebox {
  width: 92.3%;
  margin-left: auto;
  margin-right: auto;
}
.center__biggerbox {
  width: 84.6%;
  margin-left: auto;
  margin-right: auto;
}
.center__midbox {
  width: 76.9%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.center__regmidbox {
  width: 69.2%;
  margin-left: auto;
  margin-right: auto;
}
.center__box {
  width: 61.5%;
  margin-left: auto;
  margin-right: auto;
}

.left__vastbox {
  width: 92.3%;
  margin-right: auto;
}
.left__largebox {
  width: 84.6%;
  margin-right: auto;
}
.left__midbox {
  width: 76.9%;
  margin-right: auto;
}
.left__box {
  width: 61.5%;
  margin-right: auto;
}

.right__largebox {
  width: 84.6%;
  margin-left: auto;
}
.right__midbox {
  width: 69.2%;
  margin-left: auto;
}
.right__box {
  width: 61.5%;
  margin-left: auto;
}

/*---------------- PC ----------------*/
@media screen and (min-width: 960px) {
}

/* ---------------------------------------------------------
	subheading
----------------------------------------------------------*/
.subheading__lineup {
  width: 30.7%;
  margin-left: auto;
  margin-right: auto;
}
.subheading__num {
  width: 30.8%;
  position: absolute;
  top: -7%;
  left: -9%;
  z-index: 10;
  pointer-events: none;
}

.subheading__01-1 {
  width: 46.2%;
  position: absolute;
  top: 1%;
  left: 1.8%;
  z-index: 10;
  pointer-events: none;
}
.subheading__01-2 {
  width: 22.5%;
  position: absolute;
  top: 21%;
  right: 1.8%;
  z-index: 30;
  pointer-events: none;
}
.subheading__01-3 {
  width: 1.8%;
  position: absolute;
  top: 30%;
  right: 6.5%;
  z-index: 30;
  pointer-events: none;
}
.subheading__01-4 {
  width: 38.4%;
  position: absolute;
  top: 47%;
  left: 30.8%;
  z-index: 30;
  pointer-events: none;
}

.subheading__02-1 {
  width: 46.2%;
  margin-left: auto;
  margin-right: auto;
  z-index: 30;
  pointer-events: none;
}

.subheading__03-1 {
  width: 53.8%;
  position: absolute;
  top: -2.2%;
  left: 1.6%;
  z-index: 10;
  pointer-events: none;
}
.subheading__03-2 {
  width: 23%;
  position: absolute;
  top: 20.3%;
  right: 1.6%;
  z-index: 10;
  pointer-events: none;
}

.subheading__04-1 {
  width: 92.3%;
  margin-left: auto;
  margin-right: auto;
  z-index: 30;
  pointer-events: none;
}

/*---------------- PC ----------------*/
@media screen and (min-width: 960px) {
  .subheading__num {
    top: -28px;
    left: -15px;
  }
  .subheading__01-1 {
    width: 334px;
    top: 30px;
    left: 60px;
  }
  .subheading__01-2 {
    width: 207px;
    top: 445px;
    right: 30px;
  }
  .subheading__01-3 {
    width: 10px;
    top: 170px;
    right: 52px;
  }
  .subheading__01-4 {
    width: 265px;
    top: 230px;
    left: 230px;
  }
  .subheading__02-1 {
    width: 318px;
    top: 120px;
    left: 216px;
  }
  .subheading__03-1 {
    width: 371px;
    top: -45px;
    left: -30px;
  }
  .subheading__03-2 {
    width: 207px;
    top: 390px;
    right: -40px;
  }
}

/* ---------------------------------------------------------
	swiper
----------------------------------------------------------*/
.swiper {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.swiper img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* ---------------------------------------------------------
	price box
----------------------------------------------------------*/
.center_wideprc__bx {
  width: min(100%, 550px);
  margin-left: auto;
  margin-right: auto;
}

.center_largeprc__bx {
  width: min(92.3%, 750px);
  margin-left: auto;
  margin-right: auto;
}

.center_lrgwdprc__bx {
  width: min(84.6%, 550px);
  margin-left: auto;
  margin-right: auto;
}

.center_midlgprc__bx {
  width: min(84.6%, 750px);
  margin-left: auto;
  margin-right: auto;
}

.right_largeprc__bx {
  width: min(92.3%, 750px);
  margin-left: auto;
}

/* ---------------------------------------------------------
	items center
----------------------------------------------------------*/
.items_price_center {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.items_price_center li {
  font-size: clamp(
    0.8125rem,
    calc(0.5321875rem + 1.4015624999999998vw),
    1.373125rem
  );
  line-height: 1;
  letter-spacing: 0.05em;
  color: #0c1618;
  font-family: "Libre Caslon Text", serif;
  font-weight: 400;
  font-style: normal;
}

.items_price_center li:nth-child(even) {
  padding-left: 1em;
}

.items_price_center li:nth-child(n + 3) {
  padding-top: 1em;
}

.items_price_center a {
  font-size: clamp(
    0.8125rem,
    calc(0.5321875rem + 1.4015624999999998vw),
    1.373125rem
  );
  font-family: "Libre Caslon Text", serif;
  font-weight: 400;
  font-style: normal;
  color: #0c1618;
  letter-spacing: 0.05em;
  text-decoration: underline;
  text-decoration-color: #0c1618;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.25ex;
  text-decoration-skip-ink: none;
  white-space: nowrap;
}

/* ---------------------------------------------------------
	items center(vertical)
----------------------------------------------------------*/
.items_price_center_vert {
  list-style: none;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.items_price_center_vert li {
  font-size: clamp(
    0.8125rem,
    calc(0.5321875rem + 1.4015624999999998vw),
    1.373125rem
  );
  line-height: 1;
  letter-spacing: 0.05em;
  color: #0c1618;
  font-family: "Libre Caslon Text", serif;
  font-weight: 400;
  font-style: normal;
  z-index: 30;
}

.items_price_center_vert li:not(:first-child) {
  padding-top: 1em;
}

.items_price_center_vert a {
  font-size: clamp(
    0.8125rem,
    calc(0.5321875rem + 1.4015624999999998vw),
    1.373125rem
  );
  font-family: "Libre Caslon Text", serif;
  font-weight: 400;
  font-style: normal;
  color: #0c1618;
  letter-spacing: 0.05em;
  text-decoration: underline;
  text-decoration-color: #0c1618;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.25ex;
  text-decoration-skip-ink: none;
  white-space: nowrap;
}

/* ---------------------------------------------------------
	list right
----------------------------------------------------------*/
.items_price_right {
  list-style: none;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.items_price_right li {
  font-size: clamp(
    0.8125rem,
    calc(0.5321875rem + 1.4015624999999998vw),
    1.373125rem
  );
  line-height: 1;
  letter-spacing: 0.05em;
  color: #0c1618;
  font-family: "Libre Caslon Text", serif;
  font-weight: 400;
  font-style: normal;
}
.items_price_right li:not(:first-child) {
  padding-top: 1em;
}

.items_price_right a {
  font-size: clamp(
    0.8125rem,
    calc(0.5321875rem + 1.4015624999999998vw),
    1.373125rem
  );
  font-family: "Libre Caslon Text", serif;
  font-weight: 400;
  font-style: normal;
  color: #0c1618;
  letter-spacing: 0.05em;
  text-decoration: underline;
  text-decoration-color: #0c1618;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.25ex;
  text-decoration-skip-ink: none;
  white-space: nowrap;
}

/* ---------------------------------------------------------
	list left
----------------------------------------------------------*/
.items_price_left {
  list-style: none;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.items_price_left li {
  font-size: clamp(
    0.8125rem,
    calc(0.5321875rem + 1.4015624999999998vw),
    1.373125rem
  );
  line-height: 1;
  letter-spacing: 0.05em;
  color: #0c1618;
  font-family: "Libre Caslon Text", serif;
  font-weight: 400;
  font-style: normal;
}
.items_price_left li:not(:first-child) {
  padding-top: 1em;
}

.items_price_left a {
  font-size: clamp(
    0.8125rem,
    calc(0.5321875rem + 1.4015624999999998vw),
    1.373125rem
  );
  font-family: "Libre Caslon Text", serif;
  font-weight: 400;
  font-style: normal;
  color: #0c1618;
  letter-spacing: 0.05em;
  text-decoration: underline;
  text-decoration-color: #0c1618;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.25ex;
  text-decoration-skip-ink: none;
  white-space: nowrap;
}

/* ---------------------------------------------------------
	yen
----------------------------------------------------------*/
.price_yen {
  font-size: clamp(
    0.625rem,
    calc(0.40937500000000004rem + 1.0781249999999998vw),
    1.05625rem
  );
  font-family: "Libre Caslon Text", serif;
  font-weight: 400;
  font-style: normal;
  color: #0c1618;
  font-feature-settings: "palt" 1;
}

.line_br {
  width: 100%;
}

/* ---------------------------------------------------------
	item btn
----------------------------------------------------------*/
.itembtn_wapper {
  text-align: center;
  width: 92.3%;
  margin-left: auto;
  margin-right: auto;
  font-family: "Libre Caslon Text", serif;
  font-weight: 400;
  font-style: normal;
}

.itemlk {
  display: inline-block;
  width: 100%;
  padding: 2em 0;
  margin: 0 auto;
  border: 1px #0c1618 solid;
  border-radius: 100%;
  transition: all 0.3s ease-out;
  font-size: clamp(
    0.96875rem,
    calc(0.63453125rem + 1.6710937500000003vw),
    1.6371875rem
  );
  font-family: "Libre Caslon Text", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.4em;
  text-indent: 0.4em;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.itembtn_wapper a {
  font-size: clamp(
    0.96875rem,
    calc(0.63453125rem + 1.6710937500000003vw),
    1.6371875rem
  );
  font-family: "Libre Caslon Text", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.4em;
  text-indent: 0.4em;
  color: #0c1618;
  text-decoration: none;
}
.itembtn_wapper span {
  font-size: 85%;
  font-family: "Libre Caslon Text", serif;
  font-weight: 400;
  font-style: normal;
  color: #0c1618;
}

/* --------------- PC --------------- */
@media screen and (min-width: 768px) {
  .itemlk {
    width: 100%;
  }
  .itembtn_wapper a {
    letter-spacing: 0.7em;
    text-indent: 0.7em;
  }
}

/* ---------------------------------------------------------
	info(top)
----------------------------------------------------------*/
.top_info__box {
  width: 92.3%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.top_info__txt {
  list-style: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 1em;
  color: #808080;
}

.top_info__txt li {
  font-size: clamp(
    0.9375rem,
    calc(0.6140625rem + 1.6171875000000002vw),
    1.584375rem
  );
  font-family: "Libre Caslon Text", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.05em;
}

.top_info__txt li:nth-child(1) {
  font-size: clamp(
    1.21875rem,
    calc(0.79828125rem + 2.1023437499999997vw),
    2.0596875rem
  );
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  line-height: 1;
  letter-spacing: 0.08em;
}

.top_info__txt li:nth-child(2) {
  font-size: clamp(
    1.584375rem,
    calc(1.037765625rem + 2.7330468750000003vw),
    2.67759375rem
  );
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  line-height: 1;
  letter-spacing: 0.05em;
  padding-bottom: 0.5em;
}

.top_info__txt li:nth-child(5) {
  font-size: clamp(
    1.584375rem,
    calc(1.037765625rem + 2.7330468750000003vw),
    2.67759375rem
  );
  font-family: "Libre Caslon Text", serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1;
  letter-spacing: 0.05em;
  padding-top: 1em;
  text-align: center;
}

.infomore_date {
  font-size: clamp(
    0.8125rem,
    calc(0.690625rem + 0.6093749999999998vw),
    1.05625rem
  );
  font-family: "Libre Caslon Text", serif;
  font-weight: 400;
  font-style: normal;
}

/* --------------- PC --------------- */
@media screen and (min-width: 768px) {
  .top_info__txt {
    row-gap: 2em;
  }
}

/* ---------------------------------------------------------
	info(under)
----------------------------------------------------------*/
.under_info__box {
  width: 92.3%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  padding: 0 1em;
}
.under_info__box::after {
  content: "";
  width: 100%;
  height: 120%;
  position: absolute;
  left: 0%;
  top: -10%;
  /* border: 1px solid #0c1618; */
  background-color: #eeeae0;
  border-radius: 15px;
  z-index: 5;
  pointer-events: none;
}

.under_info__txt {
  list-style: none;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
  row-gap: 1em;
  color: #201c12;
}

.under_info__txt li {
  font-size: clamp(0.875rem, calc(0.573125rem + 1.509375vw), 1.47875rem);
  /* font-family: "Noto Serif JP", serif;
	font-optical-sizing: auto;
	font-weight: 300;
	font-style: normal; */
  font-family: "Libre Caslon Text", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.05em;
  z-index: 10;
}

/* .under_info__txt li:nth-child(1) {
	font-size: clamp( 0.9375rem, calc( 0.6140625rem + 1.6171875000000002vw ), 1.584375rem );
	font-family: "Noto Serif JP", serif;
	font-optical-sizing: auto;
	font-weight: 300;
	font-style: normal;
	line-height: 1;
	letter-spacing: 0.2em;
}
.under_info__txt li:nth-child(2) {
	font-size: clamp( 1.584375rem, calc( 1.037765625rem + 2.7330468750000003vw ), 2.67759375rem );
	font-family: "Noto Serif JP", serif;
	font-optical-sizing: auto;
	font-weight: 300;
	font-style: normal;
	line-height: 1.0;
	letter-spacing: 0.01em;
	padding-bottom: 0.5em;
}
.under_info__txt li:nth-child(3) {
	font-size: clamp( 0.875rem, calc( 0.573125rem + 1.509375vw ), 1.47875rem );
	font-family: "Noto Serif JP", serif;
	font-optical-sizing: auto;
	font-weight: 300;
	font-style: normal;
	line-height: 1;
	letter-spacing: 0.5em;
	width: min(100%, 500px);
	border: 1px solid #201c12;
	border-radius: 50px;
	padding: 1em 0em;
	text-align: center;
}
.under_info__txt li:nth-child(5) {
	padding-bottom: 3em;
} */
.under_info__txt li:nth-child(1) {
  font-size: clamp(0.875rem, calc(0.573125rem + 1.509375vw), 1.47875rem);
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  line-height: 1;
  letter-spacing: 0.5em;
  width: min(100%, 500px);
  border: 1px solid #201c12;
  border-radius: 50px;
  padding: 0.75em 0em;
  text-align: center;
}
.under_info__txt li:nth-child(4) {
  font-size: clamp(
    0.72rem,
    calc(0.4724999999999999rem + 1.2375000000000003vw),
    1.215rem
  );
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  line-height: 1;
  font-feature-settings: "palt" 1;
  padding-bottom: 1em;
}
.under_info__txt li:nth-child(5) {
  font-size: clamp(
    0.72rem,
    calc(0.4724999999999999rem + 1.2375000000000003vw),
    1.215rem
  );
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  line-height: 1.7;
  letter-spacing: 0.05em;
  border-top: 1px solid #d9d0ba;
  padding: 2em 1em 0;
}

.infotxt__szs {
  /* font-family: "Noto Serif JP", serif;
	font-optical-sizing: auto;
	font-weight: 300;
	font-style: normal; */
  font-family: "Libre Caslon Text", serif;
  font-weight: 400;
  font-style: normal;
  font-size: 70%;
}

.infotxt__dark {
  color: #ec89ad;
  font-family: "Libre Caslon Text", serif;
  font-weight: 400;
  font-style: normal;
  font-size: 130%;
}

.solidbg {
  display: inline-block;
  background-color: #ec89ad;
  border-radius: 50px;
  color: #ffffff;
  padding: 0.5em 0.75em;
  font-size: clamp(
    0.625rem,
    calc(0.40937500000000004rem + 1.0781249999999998vw),
    1.05625rem
  );
  font-family: "Libre Caslon Text", serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1;
  letter-spacing: 0.15em;
  text-indent: 0.15em;
}

.solidbgfff {
  display: inline-block;
  background-color: #ec89ad;
  border-radius: 50px;
  color: #ffffff;
  padding: 0.5em 0.75em;
  font-size: clamp(
    0.625rem,
    calc(0.40937500000000004rem + 1.0781249999999998vw),
    1.05625rem
  );
  font-family: "Libre Caslon Text", serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1;
  letter-spacing: 0.15em;
  text-indent: 0.15em;
}

.solidjpbg {
  display: inline-block;
  background-color: #ec89ad;
  border-radius: 50px;
  color: #ffffff;
  padding: 0.5em 0.75em;
  font-size: clamp(
    0.625rem,
    calc(0.40937500000000004rem + 1.0781249999999998vw),
    1.05625rem
  );
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  line-height: 1;
  letter-spacing: 0.15em;
  text-indent: 0.15em;
}

.solidjpbgfff {
  display: inline-block;
  background-color: #ec89ad;
  border-radius: 50px;
  color: #ffffff;
  padding: 0.5em 0.75em;
  font-size: clamp(
    0.625rem,
    calc(0.40937500000000004rem + 1.0781249999999998vw),
    1.05625rem
  );
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  line-height: 1;
  letter-spacing: 0.15em;
  text-indent: 0.15em;
}

.txt__en {
  font-family: "Libre Caslon Text", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.15em;
  text-indent: 0.15em;
}

/*---------------- PC ----------------*/
@media screen and (min-width: 960px) {
  .under_info__box::after {
    height: 113%;
    top: -8%;
  }
  .under_info__txt {
    row-gap: 1.5em;
  }
  .under_info__txt li:nth-child(10) {
    padding: 2em 5em 0;
  }
}

/* ---------------------------------------------------------
	footer
----------------------------------------------------------*/
footer {
  background-image: url("../images/footer_bg_img.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  margin: 0 auto;
  padding: 60px 0 30px;
  width: 100%;
  max-width: 9999px;
  z-index: 10;
  color: #0c1618;
}
footer #footer__box {
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding: 20px 0 20px;
}
footer #niceclaup_logo {
  width: 25%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1em;
}
footer .footer__p {
  display: block;
  text-align: center;
  color: #0c1618;
  font-size: clamp(
    1.5625rem,
    calc(1.0796875rem + 2.4140625000000004vw),
    2.528125rem
  );
  font-family: "Libre Caslon Text", serif;
  font-weight: 700;
  font-style: normal;
  letter-spacing: 0.15em;
  text-indent: 0.15em;
  line-height: 1.5;
}
footer .footer__txtlink {
  display: block;
  padding: 1em 0 4em;
  text-align: center;
}
footer .footer__txtlink a {
  text-align: center;
  font-family: "Libre Caslon Text", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.01em;
  text-indent: 0.01em;
  font-size: clamp(1rem, calc(0.691rem + 1.5450000000000002vw), 1.618rem);
  line-height: 1;
  color: #0c1618;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.3ex;
  text-decoration-skip-ink: none;
}
footer .footer_r {
  display: block;
  text-align: center;
  color: #0c1618;
  font-size: clamp(0.625rem, calc(0.431875rem + 0.965625vw), 1.01125rem);
  padding-top: 1em;
  line-height: 1;
  font-family: "Libre Caslon Text", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.01em;
  text-indent: 0.01em;
}
footer #sns__area {
  list-style: none;
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  column-gap: 15px;
}
footer #sns__area li {
  width: calc(100% / 4 - 35px);
}

/*---------------- TB ----------------*/
@media screen and (min-width: 768px) and (max-width: 959px) {
  footer #niceclaup_logo {
    width: 15%;
  }
  footer #sns__area {
    width: 40%;
    column-gap: 15px;
  }
  footer #sns__area li {
    width: calc(100% / 4 - 45px);
  }
}

/*---------------- PC ----------------*/
@media screen and (min-width: 960px) {
  footer {
    background-image: url("../images/footer_bg_pcimg.jpg");
    padding: 90px 0 30px;
  }
  footer #niceclaup_logo {
    width: 130px;
  }
  footer #sns__area {
    width: 500px;
    max-width: 100%;
    column-gap: 110px;
  }
  footer #sns__area li {
    width: calc((100% / 4 - 440px) 960 * 100vw);
  }
}