@charset "utf-8";

/* min-width: 1028px; */

#contentsArea {
  clear: both;
	overflow-x: initial;
}

.wrap {
	box-sizing: border-box;
	font-family: '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	font-size: 16px;
	line-height: 1.6;
	color: #231815;
}

.wrap *,
.wrap *:before,
.wrap *:after {
	box-sizing: inherit;
}

.wrap header,
.wrap section,
.wrap footer,
.wrap h1,
.wrap h2,
.wrap h3,
.wrap h4,
.wrap h5,
.wrap p {
	font-size: 1em;
	font-family: inherit;
	color: inherit;
	margin: 0;
	padding: 0;
	line-height: inherit;
	letter-spacing: normal;
}

.wrap img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
	width: 100%;
}

.wrap a {
	color: inherit;
}

.wrap .--serif {
	font-family: '游明朝体', 'Yu Mincho', YuMincho, 'ヒラギノ明朝 Pro', 'Hiragino Mincho Pro', 'MS P明朝', 'MS PMincho', serif;
}

.wrap .--imgTxt {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  line-height: 1;
}

@media only screen and (min-width: 768px) {
  .wrap > .contents-wrap {
    min-width: 1028px;
  }
}

@media only screen and (max-width: 767px) {
	.wrap {
		font-size: 4.266667vw;
	}

	.wrap .--only-pc {
		display: none;
	}

  .wrap .p-oyatsu-sidebar {
    display: none;
  }
}

@media only screen and (min-width: 768px) {
  body {
    overflow: clip;
  }

	.wrap .--only-sp {
		display: none;
	}

  .wrap .p-oyatsu {
    background-color: #f4cfcb;
  }

  .wrap .p-oyatsu-content {
    max-width: 75.9375em;
    margin-inline: auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 24.375em minmax(0, 1fr);
  }

  .wrap .p-oyatsu-sidebar__inner {
    position: sticky;
    top: 0;
    padding-bottom: 2em;
  }

  .wrap .p-oyatsu-sidebar.--right .p-oyatsu-sidebar__inner {
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .wrap .p-oyatsu-main {
    background-color: #fff;
    font-size: 1.04em;
  }
}

.wrap .p-oyatsu-main {
  padding-bottom: 2em;
}

.wrap .p-oyatsu-ttl-pc {
  line-height: 1;
  max-width: 100%;
  width: 25.625em;
}

.wrap .p-oyatsu-nav-pc {
  width: 15.5em;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  row-gap: 2.375em;
}

.wrap .p-oyatsu-nav-pc a {
  transition: opacity 0.2s ease-out;
}

.wrap .p-oyatsu-nav-pc a:hover {
  opacity: 0.7;
}

.wrap .p-oyatsu-nav-pc .--imgTxt {
  aspect-ratio: 248 / 40;
}

.wrap .p-oyatsu-nav-pc .--nav-01 {
  background-image: url(../oyatsu_index_img/nav_01__pc.jpg);
}

.wrap .p-oyatsu-nav-pc .--nav-02 {
  background-image: url(../oyatsu_index_img/nav_02__pc.jpg);
}

.wrap .p-oyatsu-nav-pc .--nav-03 {
  background-image: url(../oyatsu_index_img/nav_03__pc.jpg);
}

.wrap .p-oyatsu-inner {
  padding-inline: 2.8125em;
}

.wrap .p-oyatsu-mv {
  margin-bottom: 2.125em;
}

.wrap .p-oyatsu-txt-1 {
  line-height: 2;
  font-size: 0.8125em;
}

.wrap .p-oyatsu-txt-1 + .p-oyatsu-txt-1 {
  margin-top: 1em;
}

.wrap .p-oyatsu-sec1 {
  margin-top: 2.125em;
  border-top: 1px solid #59514f;
}

.wrap .p-oyatsu-sec-head {
  display: grid;
  grid-template-columns: 13.9375em minmax(0, 1fr);
  margin-bottom: 2.125em;
}

.wrap .p-oyatsu-sec-head a {
  display: block;
  transition: opacity 0.2s ease-out;
}

.wrap .p-oyatsu-sec-head a:hover {
  opacity: 0.7;
}

.wrap .p-oyatsu-sec-ttl {
  aspect-ratio: 152 / 306;
}

.wrap .p-oyatsu-sec-ttl.--sec-00-ttl {
  background-image: url(../oyatsu_index_img/sec_00_ttl.png);
}

.wrap .p-oyatsu-sec-ttl.--sec-01-ttl {
  background-image: url(../oyatsu_index_img/sec_01_ttl.png);
}

.wrap .p-oyatsu-sec-ttl.--sec-02-ttl {
  background-image: url(../oyatsu_index_img/sec_02_ttl.png);
}

.wrap .p-oyatsu-sec-ttl.--sec-03-ttl {
  background-image: url(../oyatsu_index_img/sec_03_ttl.png);
}

.wrap .p-oyatsu-sec-subttl {
  margin-bottom: 1em;
  width: auto;
  height: 1em;
}

.wrap .p-oyatsu-sec-subttl.--subttl-01-01 {
  aspect-ratio: 148 / 16;
  background-image: url(../oyatsu_index_img/sec_01_subttl_01.png);
}

.wrap .p-oyatsu-sec-subttl.--subttl-02-01 {
  aspect-ratio: 197 / 16;
  background-image: url(../oyatsu_index_img/sec_02_subttl_01.png);
}

.wrap .p-oyatsu-sec-subttl.--subttl-03-01 {
  aspect-ratio: 167 / 16;
  background-image: url(../oyatsu_index_img/sec_03_subttl_01.png);
}

.wrap .p-oyatsu-sec-subttl.--subttl-04-01 {
  aspect-ratio: 170 / 42;
  height: 2.625em;
  background-image: url(../oyatsu_index_img/subttl_01.png);
}

.wrap .p-oyatsu-sec-subttl.--subttl-04-02 {
  aspect-ratio: 59 / 16;
  background-image: url(../oyatsu_index_img/subttl_02.png);
}

.wrap .p-oyatsu-gallery-01 {
  background: url(../oyatsu_index_img/sec_00_bg.jpg) no-repeat center bottom / 100% auto;
  padding-bottom: 9.3125em;
  margin-top: 2em;
}

.wrap .p-oyatsu-gallery-01__items {
  width: 18.8125em;
  display: grid;
  grid-template-columns: 7.375em minmax(0, 1fr);
  grid-template-rows: repeat(2, auto);
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  margin-left: auto;
}

.wrap .p-oyatsu-gallery-01__items a {
  display: block;
  transition: opacity 0.2s ease-out;
}

.wrap .p-oyatsu-gallery-01__items a:hover {
  opacity: 0.7;
}

.wrap .p-oyatsu-gallery-01__items > li:nth-child(2) img {
  width: 6.0625em;
}

.wrap .p-oyatsu-gallery-02 {
  line-height: 1;
  margin-bottom: 2.125em;
}

.wrap .p-oyatsu-items-01 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  column-gap: 3.4375em;
  margin-top: 2.125em;
}

.wrap .p-oyatsu-items-01__txt {
  aspect-ratio: 17 / 134;
  width: 1.0625em;
  background-image: url(../oyatsu_index_img/txt_01.png);
  margin-top: 4.9375em;
}

.wrap .--type-01 .p-oyatsu-items-01__txt {
  margin-top: 1.5625em;
}

.wrap .p-oyatsu-items-01 a {
  display: block;
  transition: opacity 0.2s ease-out;
}

.wrap .p-oyatsu-items-01 a:hover {
  opacity: 0.7;
}

.wrap .p-oyatsu-items-01.--type-01 {
  position: relative;
  padding-bottom: 7.25em;
}

.wrap .p-oyatsu-items-01__item01 {
  line-height: 1;
  width: 10.375em;
}

.wrap .p-oyatsu-items-01__item02 {
  line-height: 1;
  width: 5.625em;
  position: absolute;
  top: 12.4375em;
  right: 8.25em;
}

.wrap .p-oyatsu-items-01__item03 {
  line-height: 1;
  width: 5.625em;
  position: absolute;
  bottom: 0;
  right: 1.25em;
}

.wrap .p-oyatsu-txt-1.--mt1 {
  margin-top: -1.5em;
}

.wrap .p-oyatsu-txt-1.--mt2 {
  margin-top: 2.125em;
}

.wrap .p-oyatsu-sec2 {
  border-top: 1px solid #59514f;
  padding-top: 0.1875em;
  margin-top: 2.125em;
}

.wrap .p-oyatsu-sec2::before {
  content: '';
  display: block;
  height: 1px;
  width: 100%;
  background-color: #59514f;
}

.wrap .p-oyatsu-ttl-02 {
  line-height: 1;
  margin-bottom: 2.125em;
}

.wrap .p-oyatsu-txt-1 + .p-oyatsu-sec-subttl {
  margin-top: 1.5em;
}

.wrap .p-oyatsu-txt-1 a {
  border-bottom: 2px solid #efc3bd;
  text-decoration: none;
  padding-bottom: 0.1em;
}

.wrap .p-oyatsu-txt-1 a:hover {
  border-color: transparent;
}

.wrap .p-oyatsu-txt-1 small {
  font-size: 0.8em;
}

.wrap .p-oyatsu-hr {
  display: block;
  border: none;
  height: 2px;
  background-color: #efc3bd;
  margin: 0.5em 0;
}

.wrap .p-oyatsu-ttl-03 {
  aspect-ratio: 285 / 146;
  width: 17.8125em;
  background-image: url(../oyatsu_index_img/subttl_03.png);
  margin: 2.625em auto 1.625em;
}

.wrap .p-oyatsu-items-02 {
  width: 17.9375em;
  margin: 0 auto;
  padding-bottom: 1.6875em;
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-column-gap: 0.625em;
  grid-row-gap: 0.625em;
}

.wrap .p-oyatsu-items-02::after {
  content: 'It was a good day!';
  display: block;
  aspect-ratio: 135 / 56;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  position: absolute;
  right: 0;
  bottom: 0;
  pointer-events: none;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 8.4375em;
}

.wrap .p-oyatsu-items-02.--txt-01::after {
  background-image: url(../oyatsu_index_img/typewritter_text_01.png);
}

.wrap .p-oyatsu-items-02.--txt-02::after {
  background-image: url(../oyatsu_index_img/typewritter_text_02.png);
}

.wrap .p-oyatsu-items-02.--txt-03::after {
  background-image: url(../oyatsu_index_img/typewritter_text_03.png);
}

.wrap .p-oyatsu-items-02.--txt-04::after {
  background-image: url(../oyatsu_index_img/typewritter_text_04.png);
}

.wrap .p-oyatsu-items-02.--txt-05::after {
  background-image: url(../oyatsu_index_img/typewritter_text_05.png);
}

.wrap .p-oyatsu-items-02.--txt-06::after {
  background-image: url(../oyatsu_index_img/typewritter_text_06.png);
}

.wrap .p-oyatsu-items-02.--txt-07::after {
  background-image: url(../oyatsu_index_img/typewritter_text_07.png);
}

.wrap .p-oyatsu-items-02.--txt-08::after {
  background-image: url(../oyatsu_index_img/typewritter_text_08.png);
}

.wrap .p-oyatsu-items-02.--txt-09::after {
  background-image: url(../oyatsu_index_img/typewritter_text_09.png);
}

.wrap .p-oyatsu-items-02.--txt-10::after {
  background-image: url(../oyatsu_index_img/typewritter_text_10.png);
}

.wrap .p-oyatsu-items-02.--txt-11::after {
  background-image: url(../oyatsu_index_img/typewritter_text_11.png);
}

.wrap .p-oyatsu-items-02.--txt-12::after {
  background-image: url(../oyatsu_index_img/typewritter_text_12.png);
}

.wrap .p-oyatsu-items-02.--txt-13::after {
  background-image: url(../oyatsu_index_img/typewritter_text_13.png);
}

.wrap .p-oyatsu-items-02.--txt-14::after {
  background-image: url(../oyatsu_index_img/typewritter_text_14.png);
}

.wrap .p-oyatsu-items-02.--txt-15::after {
  background-image: url(../oyatsu_index_img/typewritter_text_15.png);
}

.wrap .p-oyatsu-items-02 > li {
  line-height: 1;
}

.wrap .p-oyatsu-items-02 a {
  display: block;
  transition: opacity 0.2s ease-out;
}

.wrap .p-oyatsu-items-02 a:hover {
  opacity: 0.7;
}