@charset "UTF-8";
/* ---------------------------------------------------------------
 * loading
--------------------------------------------------------------- */
.loading {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-position: center;
  background-image: url(../images/index/asanoha.svg);
  background-repeat: repeat;
  background-size: 3%;
  background-color: #F7F5E6;
  z-index: 999999;
}
@media screen and (max-width: 1024px) {
  .loading {
    height: 100svh;
    background-size: 6.5%;
  }
}
@media screen and (max-width: 767px) {
  .loading {
    height: 100svh;
    background-size: 10%;
  }
}
.loading__inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.loading__inner figure {
  opacity: 0;
  width: 20%;
  height: auto;
  animation: logo_fade 1s 0.25s forwards;
}
@media screen and (max-width: 1024px) {
  .loading__inner figure {
    width: 20%;
  }
}
@media screen and (max-width: 767px) {
  .loading__inner figure {
    width: 30%;
  }
}
.loading.active {
  animation: fade 1s forwards;
}

@keyframes logo_fade {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade {
  0% {
    opacity: 1;
  }
  99% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    display: none;
  }
}
/* ---------------------------------------------------------------
 * contents
--------------------------------------------------------------- */
.wrap {
  padding: 50px 0;
  display: flex;
  justify-content: flex-end;
  width: 100%;
  height: auto;
  position: relative;
  z-index: 9;
  padding-top: 50px;
  padding-bottom: 50px;
  padding-right: 11%;
}
@media screen and (max-width: 1536px) {
  .wrap {
    padding-top: 35px;
    padding-bottom: 35px;
  }
}
@media screen and (max-width: 1279px) {
  .wrap {
    padding: 0;
  }
}
@media screen and (max-width: 960px) {
  .wrap {
    width: 100%;
  }
}
.wrap .contents {
  height: auto;
  overflow: hidden;
  background-color: #F7F5E6;
  border-radius: 30px;
  outline: 2px solid #44643C;
  width: 34%;
  max-width: 500px;
  min-width: 375px;
  container-type: inline-size;
}
@media screen and (max-width: 1279px) {
  .wrap .contents {
    border-radius: 0px;
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 640px) {
  .wrap .contents {
    border-radius: 0px;
    outline: inherit;
    max-width: inherit;
    width: 100%;
    min-width: 320px;
    margin: 0 auto;
  }
}
.wrap .contents__inner .intro {
  background-position: center;
  background-image: url(../images/index/asanoha.svg);
  background-repeat: repeat;
  background-size: 10%;
  border-radius: 0px 0px 2em 2em;
  overflow: hidden;
  margin-bottom: 30cqw;
}
.wrap .contents__inner .intro #hero {
  aspect-ratio: 375/667;
}
.wrap .contents__inner .intro .outline figure {
  margin-bottom: -6cqw;
  position: relative;
  z-index: 9;
}
.wrap .contents__inner .intro .outline__inner {
  background-image: url(../images/common/bgimg.jpg);
  background-size: contain;
  background-position: top center;
  height: auto;
  position: relative;
  padding: 15cqw 15cqw 20cqw;
}
.wrap .contents__inner .intro .outline__inner img {
  margin-bottom: 10cqw;
  width: 100%;
  display: block;
}
.wrap .contents__inner .intro .outline__inner img.lead {
  width: 55%;
  margin: 20cqw auto;
}
.wrap .contents__inner .intro .outline__inner .desc {
  padding-top: 5cqw;
  font-size: 4.3cqw;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 2;
}
.wrap .contents__inner .intro .outline__inner .desc span {
  color: #FFE500;
}
.wrap .contents__inner .section {
  margin-bottom: 30cqw;
}
.wrap .contents__inner .section__inner {
  padding: 7.8cqw 7.8cqw 0;
  position: relative;
}
.wrap .contents__inner .section__inner > .logo {
  width: 54%;
  position: absolute;
  top: -3%;
  left: 50%;
  margin-left: -27%;
}
.wrap .contents__inner .section__inner > figure {
  margin-bottom: 7.8cqw;
}
.wrap .contents__inner .section__inner > h3 {
  color: #D04556;
  text-align: center;
  font-size: 5.4cqw;
  margin-bottom: 5cqw;
  line-height: normal;
  font-weight: 600;
  text-shadow: 0.5cqw 0.5cqw 0 #FFF, -0.5cqw -0.5cqw 0 #FFF, -0.5cqw 0.5cqw 0 #FFF, 0.5cqw -0.5cqw 0 #FFF, 0px 0.5cqw 0 #FFF, 0 -0.5cqw 0 #FFF, -0.5cqw 0 0 #FFF, 0.5cqw 0 0 #FFF;
}
.wrap .contents__inner .section__inner > h3.text-left {
  text-align: left;
}
.wrap .contents__inner .section__inner .tx {
  font-size: 3.5cqw;
  font-weight: 500;
  line-height: 2;
  margin-top: 5cqw;
}
.wrap .contents__inner .section__inner .date {
  margin-top: 10cqw;
}
.wrap .contents__inner .section__inner .date p {
  text-align: center;
  margin-bottom: 5cqw;
  position: relative;
  font-weight: 500;
}
.wrap .contents__inner .section__inner .date p::before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #222;
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
}
.wrap .contents__inner .section__inner .date p span {
  position: relative;
  z-index: 9;
  display: inline-block;
  line-height: 2;
  padding: 0 5cqw;
  background-color: #FFFFFF;
  color: #222;
  font-size: 3cqw;
  font-weight: 500;
  border-radius: 50em;
}
.wrap .contents__inner .section__inner .date ul.list {
  list-style-type: disc;
  padding-left: 2cqw;
  font-size: 3cqw;
  line-height: 1.6;
}
.wrap .contents__inner .section__inner .date ul.list li {
  display: list-item;
  margin-bottom: 2cqw;
}
.wrap .contents__inner .section__inner .date ul.list li:last-child {
  margin-bottom: 0;
}
.wrap .contents__inner .section__inner .frame {
  margin-top: 15cqw;
  background-color: #FFFFFF;
  border: 0.75cqw solid #44643C;
  border-radius: 4cqw;
}
.wrap .contents__inner .section__inner .frame > h4 {
  width: 45%;
  margin: 0 auto;
  position: relative;
  margin-top: -6cqw;
  display: flex;
  align-items: center;
}
.wrap .contents__inner .section__inner .frame > h4 span {
  position: absolute;
  left: 0;
  width: 100%;
  color: #FFFFFF;
  font-weight: 500;
  text-align: center;
  line-height: 1;
  font-size: 4cqw;
}
.wrap .contents__inner .section__inner .frame__inner {
  padding: 5cqw;
}
.wrap .contents__inner .section__inner .frame__inner.lg {
  padding: 10cqw 6cqw 10cqw;
}
.wrap .contents__inner .section__inner .frame__inner.lg > h2 {
  text-align: center;
  font-weight: 600;
  color: #44643C;
  font-size: 4.5cqw;
  margin-top: 5cqw;
  margin-bottom: 2cqw;
  line-height: 1.6;
}
.wrap .contents__inner .section__inner .frame__inner.lg > h3 {
  width: 100%;
  margin: 0;
  text-align: center;
  font-weight: 600;
  color: #44643C;
  font-size: 3.6cqw;
  margin-bottom: 5cqw;
}
.wrap .contents__inner .section__inner .frame__inner.lg > h3 span {
  padding-bottom: 0.5cqw;
  border-bottom: 0.5cqw dotted #44643C;
}
.wrap .contents__inner .section__inner .frame__inner > p {
  font-size: 4.5cqw;
  font-weight: 600;
  text-align: center;
  margin: 4cqw 0 1cqw;
  line-height: 1.6;
}
.wrap .contents__inner .section__inner .frame__inner > p span {
  display: block;
  font-size: 3cqw;
  text-align: center;
  padding-right: 10px;
  line-height: 1;
}
.wrap .contents__inner .section__inner .frame__inner .ticket {
  display: flex;
  position: relative;
  margin: 0 -5cqw;
}
.wrap .contents__inner .section__inner .frame__inner .ticket::before {
  content: "または";
  writing-mode: vertical-lr;
  background-color: #D04556;
  display: block;
  border-radius: 50em;
  font-size: 3cqw;
  color: #FFFFFF;
  padding: 3cqw 0;
  font-weight: 500;
  line-height: 2;
  position: absolute;
  left: 46.2%;
  top: 15%;
  letter-spacing: 0.1em;
}
.wrap .contents__inner .section__inner .frame__inner .ticket .item {
  width: 50%;
  text-align: center;
  line-height: 1.3;
  font-weight: 600;
  font-size: 4.8cqw;
}
.wrap .contents__inner .section__inner .frame__inner .ticket .item:first-child {
  border-right: 1px solid #dddddd;
}
.wrap .contents__inner .section__inner .frame__inner .ticket .item figure {
  width: 30%;
  margin: 0 auto 1cqw;
}
.wrap .contents__inner .section__inner .frame__inner .present {
  position: relative;
}
.wrap .contents__inner .section__inner .frame__inner .present .p1 {
  width: 38%;
  position: relative;
  left: 0%;
}
.wrap .contents__inner .section__inner .frame__inner .present .p2 {
  width: 45%;
  position: absolute;
  bottom: 12%;
  right: 2%;
}
.wrap .contents__inner .section__inner .frame__inner .present .p3 {
  width: 12%;
  position: absolute;
  left: 38%;
  bottom: 28%;
}
.wrap .contents__inner .section__inner .frame__inner .present .comment {
  position: absolute;
  top: 5%;
  right: -1%;
  width: 56%;
  font-weight: 600;
  font-size: 3.6cqw;
  line-height: 1.5;
}
.wrap .contents__inner .section__inner .frame__inner .present .note {
  font-weight: 500;
  font-size: 2.7cqw;
  position: absolute;
  bottom: 0%;
  right: -2%;
}
.wrap .contents__inner .section__inner .frame__inner .origin {
  margin: 8cqw 0 2cqw;
}
.wrap .contents__inner .section__inner .frame__inner .wagashi {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -2cqw;
}
.wrap .contents__inner .section__inner .frame__inner .wagashi .item {
  width: 50%;
  padding: 2cqw 2cqw 0;
}
.wrap .contents__inner .section__inner .frame__inner .wagashi .item p {
  text-align: center;
  font-size: 3.2cqw;
  font-weight: 500;
}
.wrap .contents__inner .section__inner .keyword {
  margin-top: 10cqw;
}
.wrap .contents__inner .section__inner .keyword__inner {
  background-color: #D04556;
  color: #FFFFFF;
}
.wrap .contents__inner .section__inner .keyword__inner .top {
  text-align: center;
  position: relative;
}
.wrap .contents__inner .section__inner .keyword__inner .top .ribon {
  display: block;
  width: 60%;
  margin: 0 auto 2cqw;
}
.wrap .contents__inner .section__inner .keyword__inner .top p {
  display: inline-block;
  line-height: 1;
  font-size: 3.6cqw;
  font-weight: 600;
  border-bottom: 2px dotted #FFFFFF;
  padding-bottom: 1cqw;
  margin-bottom: 3cqw;
}
.wrap .contents__inner .section__inner .keyword__inner .top h3 {
  font-size: 7.2cqw;
  font-weight: 600;
  line-height: 1;
}
.wrap .contents__inner .section__inner .keyword__inner .top .stamp {
  width: 7%;
  position: absolute;
  right: 12%;
  top: 43%;
  mix-blend-mode: multiply;
  opacity: 0.5;
}
.wrap .contents__inner .section__inner .keyword__inner .top .stamp.lft {
  left: 12%;
  transform: scaleX(-1);
}
.wrap .contents__inner .section__inner .keyword__inner .content {
  padding: 5cqw 5cqw 0;
}
.wrap .contents__inner .section__inner .keyword__inner .content .fukidashi {
  background-color: #F16B76;
  line-height: 3;
  border-radius: 50em;
  color: #FFFFFF;
  font-size: 3.6cqw;
  font-weight: 600;
  text-align: center;
  margin-bottom: 3cqw;
  position: relative;
}
.wrap .contents__inner .section__inner .keyword__inner .content .fukidashi > img {
  width: 7%;
  height: auto;
  position: absolute;
  right: 10%;
  bottom: -45%;
}
.wrap .contents__inner .section__inner .keyword__inner .content .start {
  line-height: 3;
  border-radius: 50em;
  color: #FFFFFF;
  font-size: 3.6cqw;
  font-weight: 600;
  text-align: center;
  margin-top: 5cqw;
  margin-bottom: 5cqw;
  position: relative;
  border: 1px solid #FFFFFF;
}
.wrap .contents__inner .section__inner .keyword__inner .content .start > img {
  width: 7%;
  height: auto;
  position: absolute;
  right: 10%;
  bottom: -45%;
}
.wrap .contents__inner .section__inner .keyword__inner .content .tx {
  font-size: 3.6cqw;
  font-weight: 500;
  letter-spacing: 0;
  margin-bottom: 3cqw;
}
.wrap .contents__inner .section__inner .keyword__inner .content .note {
  font-size: 2.4cqw;
  font-weight: 500;
}
.wrap .contents__inner .section__inner .keyword .btm img {
  transform: scaleY(-1);
}
.wrap .contents__inner .section__inner .whBox {
  margin-top: 10cqw;
  background-color: #FFFFFF;
  padding: 7cqw;
}
.wrap .contents__inner .section__inner .whBox h4 {
  text-align: center;
  margin-bottom: 4cqw;
  color: #44643C;
  font-weight: 600;
  line-height: 1.4;
  font-size: 4.5cqw;
  position: relative;
}
.wrap .contents__inner .section__inner .whBox h4::before {
  content: "";
  width: 0.7cqw;
  height: 12cqw;
  display: block;
  background-color: #44643C;
  transform: rotate(-20deg);
  position: absolute;
  left: 7%;
  bottom: 2%;
}
.wrap .contents__inner .section__inner .whBox h4::after {
  content: "";
  width: 0.7cqw;
  height: 12cqw;
  display: block;
  background-color: #44643C;
  transform: rotate(20deg);
  position: absolute;
  right: 7%;
  bottom: 2%;
}
.wrap .contents__inner .section__inner .whBox__inner {
  display: flex;
  gap: 3cqw;
}
.wrap .contents__inner .section__inner .whBox__inner figure {
  display: block;
  width: 50%;
}
.wrap .contents__inner .section .title > figure {
  width: 22%;
  margin: 0 auto -2cqw;
}
.wrap .contents__inner .section .title__inner {
  background-image: url(../images/index/title_bg.png);
  background-size: cover;
  background-position: top center;
  aspect-ratio: 640/275;
  display: flex;
  align-items: end;
  justify-content: center;
}
.wrap .contents__inner .section .title__inner__block {
  text-align: center;
  margin-bottom: 10cqw;
}
.wrap .contents__inner .section .title__inner__block.plus {
  margin-bottom: 3cqw;
}
.wrap .contents__inner .section .title__inner__block p {
  font-size: 3.6cqw;
  font-weight: 600;
  line-height: 1.5;
  margin-bottom: 2cqw;
}
.wrap .contents__inner .section .title__inner__block h2 {
  text-align: center;
  font-size: 6.4cqw;
  line-height: normal;
  font-weight: 600;
  text-shadow: 0.5cqw 0.5cqw 0 #FFF, -0.5cqw -0.5cqw 0 #FFF, -0.5cqw 0.5cqw 0 #FFF, 0.5cqw -0.5cqw 0 #FFF, 0px 0.5cqw 0 #FFF, 0 -0.5cqw 0 #FFF, -0.5cqw 0 0 #FFF, 0.5cqw 0 0 #FFF;
}
.wrap .contents__inner .section .title__inner__block h2 span {
  display: block;
  color: #C0B974;
  margin-top: 1cqw;
  font-size: 3cqw;
  font-weight: 400;
  text-shadow: none;
}
.wrap .contents__inner .slideWrap {
  margin: 0 -6cqw;
  padding-top: 5cqw;
  position: relative;
}
.wrap .contents__inner .slideWrap .slider {
  display: block;
  z-index: 9;
  overflow: hidden;
  width: 100%;
}
.wrap .contents__inner .slideWrap .slider .swiper-wrapper .swiper-slide {
  overflow: hidden;
}
.wrap .contents__inner .slideWrap .slider_prev,
.wrap .contents__inner .slideWrap .slider_next {
  top: 40%;
  position: absolute;
  z-index: 99;
  width: 10cqw;
  background-color: #FFFFFF;
  border: 1px solid #44643C;
  height: 10cqw;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50em;
  cursor: pointer;
  transition: 0.3s ease all;
}
.wrap .contents__inner .slideWrap .slider_prev img,
.wrap .contents__inner .slideWrap .slider_next img {
  width: 40% !important;
  height: auto !important;
}
.wrap .contents__inner .slideWrap .slider_prev:hover,
.wrap .contents__inner .slideWrap .slider_next:hover {
  background-color: #F7F5E6;
}
.wrap .contents__inner .slideWrap .slider_prev {
  left: -5cqw;
}
.wrap .contents__inner .slideWrap .slider_prev img {
  transform: scaleX(-1);
}
.wrap .contents__inner .slideWrap .slider_next {
  right: -5cqw;
}
.wrap .contents__inner .slideWrap .swiper-pagination {
  position: relative;
  margin-top: 4cqw;
}
@media screen and (max-width: 767px) {
  .wrap .contents__inner .slideWrap .swiper-pagination {
    margin-top: 7cqw;
  }
}
.wrap .contents__inner .slideWrap .swiper-pagination-bullet {
  height: 2.4cqw;
  width: 2.4cqw;
  margin: 0 1.5cqw !important;
  opacity: 1;
  background-color: #FFFFFF;
  border: 1px solid #44643C;
}
.wrap .contents__inner .slideWrap .swiper-pagination-bullet-active {
  background-color: #44643C;
}
.wrap .contents__inner #ayataka .section__inner {
  padding-top: 0;
}
.wrap .contents__inner #ayataka .section__inner .frame__inner {
  padding-top: 7cqw;
  padding-bottom: 10cqw;
}
.wrap .contents__inner #ayataka .section__inner .frame__inner figure.adjust {
  padding: 10cqw 0 3cqw;
}
.wrap .contents__inner #ayataka .section__inner .frame__inner .linkGrp {
  margin-top: 5cqw;
  width: 100%;
  border: 0.4cqw solid #44643C;
  border-radius: 50em;
  padding: 2cqw;
  display: flex;
  gap: 3%;
}
.wrap .contents__inner #ayataka .section__inner .frame__inner .linkGrp .btn {
  width: 60%;
}
.wrap .contents__inner #ayataka .section__inner .frame__inner .linkGrp .btn a {
  font-size: 10cqw;
}
.wrap .contents__inner #ayataka .section__inner .frame__inner .linkGrp ul {
  margin-top: 1cqw;
  width: 40%;
  display: flex;
  justify-content: center;
  gap: 20%;
}
.wrap .contents__inner #ayataka .section__inner .frame__inner .linkGrp ul li {
  width: 25%;
  height: auto;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
}
.wrap .contents__inner #ayataka .section__inner .frame__inner .linkGrp ul li a img {
  width: 100%;
  height: auto;
}
.wrap .contents__inner .footer .foot__top {
  padding: 0cqw 8cqw;
  margin-bottom: -1cqw;
}
.wrap .contents__inner .footer .foot__top img {
  width: 100%;
  height: auto;
}
.wrap .contents__inner .footer__inner {
  background-image: url(../images/common/bgimg.jpg);
  background-size: contain;
  background-position: top center;
  padding: 15cqw 8cqw;
  height: auto;
  position: relative;
  z-index: 9;
}
.wrap .contents__inner .footer__inner .footNav {
  display: flex;
  gap: 7cqw;
  justify-content: center;
  font-size: 3.6cqw;
  font-weight: 500;
  padding-bottom: 10cqw;
}
.wrap .contents__inner .footer__inner .footNav ul li {
  line-height: 10cqw;
}
.wrap .contents__inner .footer__inner .footNav ul li:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 374px) {
  .wrap .contents__inner .footer__inner .footNav ul li:last-child {
    margin-bottom: 10px;
  }
}
.wrap .contents__inner .footer__inner .footNav ul li a {
  display: inline-block;
  color: #FFFFFF;
  padding-left: 6cqw;
  position: relative;
}
.wrap .contents__inner .footer__inner .footNav ul li a::before {
  content: "";
  width: 3cqw;
  aspect-ratio: 1/1;
  height: auto;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -1.5cqw;
  background-color: #C0B974;
  border-radius: 50em;
  transition: 0.3s ease all;
}
.wrap .contents__inner .footer__inner .footNav ul li a:hover {
  opacity: 1;
  color: #D04556;
}
.wrap .contents__inner .footer__inner .footNav ul li a:hover span {
  border-bottom: 2px dotted #D04556;
}
.wrap .contents__inner .footer__inner .footNav ul li a:hover::before {
  background-color: #D04556;
}
.wrap .contents__inner .footer__inner .clb_logo {
  text-align: center;
}
.wrap .contents__inner .footer__inner .clb_logo img {
  width: 100%;
  height: auto;
  padding-bottom: 8cqw;
}
.wrap .contents__inner .footer__inner .clb_logo img:nth-child(2) {
  width: 80%;
}
.wrap .contents__inner .footer__inner .ay_copy {
  font-size: 3.2cqw;
  text-align: center;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 1;
  margin: 3cqw 0;
}
.wrap .contents__inner .footer__inner .hy_logo {
  width: 70%;
  height: auto;
  margin: 0 auto 15cqw;
}
.wrap .contents__inner .footer__inner .hy_logo img {
  width: 100%;
  height: auto;
  margin-top: 8cqw;
}
.wrap .contents__inner .footer__inner .btn {
  max-width: 300px;
  margin: 0 auto 10cqw;
}
@media screen and (max-width: 440px) {
  .wrap .contents__inner .footer__inner .btn {
    max-width: 250px;
  }
}
@media screen and (max-width: 374px) {
  .wrap .contents__inner .footer__inner .btn {
    max-width: 220px;
  }
}
.wrap .contents__inner .footer__inner .sns {
  margin-bottom: 50px;
}
.wrap .contents__inner .footer__inner .sns ul {
  display: flex;
  justify-content: center;
  gap: 12%;
}
.wrap .contents__inner .footer__inner .sns ul li {
  width: 8%;
  height: auto;
  aspect-ratio: 1/1;
}
.wrap .contents__inner .footer__inner .sns ul li a {
  display: block;
}
.wrap .contents__inner .footer__inner .sns ul li a img {
  width: 100%;
  height: auto;
}
.wrap .contents__inner .footer__inner .copyright {
  text-align: center;
  font-size: 2.3cqw;
  color: #FFFFFF;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0.05em;
}

/* --------------------------
 * pc_visual
-------------------------- */
.fixImg {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  background-image: url(../images/index/mainimg.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 1279px) {
  .fixImg {
    filter: blur(5px);
    width: 110%;
    height: 110vh;
    left: -5%;
    top: -5vh;
    background-image: url(../images/index/mainimg_sp.jpg);
    background-position: center;
  }
}
@media screen and (max-width: 640px) {
  .fixImg {
    display: none;
  }
}
.fixImg::before {
  content: "";
  width: 30%;
  left: 0;
  top: 0;
  height: 100%;
  position: absolute;
  background-image: linear-gradient(90deg, #000000, #ffffff);
  mix-blend-mode: multiply;
  opacity: 0.75;
}
@media screen and (max-width: 1279px) {
  .fixImg::before {
    width: 50%;
  }
}
@media screen and (max-width: 640px) {
  .fixImg::before {
    display: none;
  }
}
.fixImg::after {
  content: "";
  width: 15%;
  right: 0;
  top: 0;
  height: 100%;
  position: absolute;
  background-image: linear-gradient(90deg, #ffffff, #000000);
  mix-blend-mode: multiply;
  opacity: 0.75;
}
@media screen and (max-width: 1279px) {
  .fixImg::after {
    width: 50%;
  }
}
@media screen and (max-width: 640px) {
  .fixImg::after {
    display: none;
  }
}

.leftArea {
  position: fixed;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  z-index: 9;
}
@media screen and (max-width: 1279px) {
  .leftArea {
    display: none;
  }
}
.leftArea .logo {
  width: 200px;
  height: auto;
  position: absolute;
  left: 50px;
  top: 50px;
}
@media screen and (max-width: 1536px) {
  .leftArea .logo {
    left: 35px;
    top: 35px;
    width: 180px;
  }
}
@media screen and (max-width: 1366px) {
  .leftArea .logo {
    width: 150px;
  }
}
.leftArea .logo a {
  display: block;
  width: 100%;
  height: auto;
}
.leftArea .logo a img {
  width: 100%;
  height: auto;
}
.leftArea .qr {
  width: 180px;
  height: auto;
  position: absolute;
  left: 50px;
  bottom: 50px;
}
@media screen and (max-width: 1536px) {
  .leftArea .qr {
    left: 35px;
    bottom: 35px;
    width: 160px;
  }
}
@media screen and (max-width: 1366px) {
  .leftArea .qr {
    width: 120px;
  }
}
.leftArea .qr__inner {
  background-color: rgba(255, 255, 255, 0.5);
  padding: 15%;
  border-radius: 15px;
  width: 100%;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1366px) {
  .leftArea .qr__inner {
    padding: 12%;
  }
}
.leftArea .qr__inner img {
  display: block;
  width: 100%;
  height: auto;
}
.leftArea .qr .qrtx {
  width: 70%;
  height: auto;
  margin: 0 auto 10px;
  display: block;
}
.leftArea .gnav {
  position: absolute;
  left: 50px;
  bottom: 40%;
  width: 100%;
  font-size: 1.8rem;
}
@media screen and (max-width: 1536px) {
  .leftArea .gnav {
    left: 35px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 1366px) {
  .leftArea .gnav {
    font-size: 1.5rem;
  }
}
.leftArea .gnav ul li {
  line-height: 40px;
  margin-bottom: 10px;
}
@media screen and (max-width: 1536px) {
  .leftArea .gnav ul li {
    margin-bottom: 8px;
    line-height: 36px;
  }
}
@media screen and (max-width: 1366px) {
  .leftArea .gnav ul li {
    margin-bottom: 7px;
    line-height: 30px;
  }
}
.leftArea .gnav ul li:last-child {
  margin-bottom: 0;
}
.leftArea .gnav ul li a {
  display: inline-block;
  color: #FFFFFF;
  font-weight: 500;
  padding-left: 25px;
  position: relative;
}
.leftArea .gnav ul li a span {
  border-bottom: 2px dotted #FFFFFF;
  padding-bottom: 3px;
  transition: 0.3s ease all;
}
.leftArea .gnav ul li a::before {
  content: "";
  width: 10px;
  height: 10px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -3px;
  background-color: #C0B974;
  border-radius: 50em;
  transition: 0.3s ease all;
}
.leftArea .gnav ul li a:hover {
  opacity: 1;
  color: #D04556;
}
.leftArea .gnav ul li a:hover span {
  border-bottom: 2px dotted #D04556;
}
.leftArea .gnav ul li a:hover::before {
  background-color: #D04556;
}

.rightArea {
  position: fixed;
  top: 0;
  right: 0;
  width: 10%;
  height: 100%;
  z-index: 9;
}
@media screen and (max-width: 1279px) {
  .rightArea {
    display: none;
  }
}
.rightArea .social {
  width: 24px;
  height: auto;
  position: absolute;
  right: 50px;
  bottom: 50px;
}
@media screen and (max-width: 1536px) {
  .rightArea .social {
    right: 35px;
    bottom: 35px;
  }
}
.rightArea .social p {
  font-size: 1.8rem;
  color: #FFFFFF;
  padding-bottom: 20px;
  font-weight: 400;
  writing-mode: vertical-lr;
  color: #FFFFFF;
  display: block;
  line-height: 24px;
}
@media screen and (max-width: 1536px) {
  .rightArea .social p {
    font-size: 1.6rem;
    line-height: 20px;
    margin-bottom: 15px;
  }
}
.rightArea .social ul {
  display: block;
  width: 24px;
}
@media screen and (max-width: 1536px) {
  .rightArea .social ul {
    width: 20px;
  }
}
.rightArea .social ul li {
  display: block;
  width: 100%;
  height: auto;
  margin-top: 30px;
}
@media screen and (max-width: 1536px) {
  .rightArea .social ul li {
    margin-top: 25px;
  }
}
.rightArea .social ul li a img {
  display: block;
  width: 100%;
  height: auto;
  position: relative;
}

/* ---------------------------------------------------------------
 * hamburger
--------------------------------------------------------------- */
.hamburger {
  display: none;
}
@media screen and (max-width: 1279px) {
  .hamburger {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: auto;
    background-color: #C0B974;
    aspect-ratio: 1/1;
    border-radius: 5px;
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 9;
    padding: 12px;
    transition: 0.3s ease all;
    z-index: 99999;
  }
}
@media screen and (max-width: 767px) {
  .hamburger {
    top: 10px;
    right: 10px;
    width: 46px;
    padding: 8px;
  }
}
.hamburger.active {
  background-color: #D04556;
}
.hamburger.active .inner {
  position: relative;
}
.hamburger.active .inner span {
  background-color: #FFFFFF;
  position: absolute;
}
.hamburger.active .inner span:nth-child(1) {
  transform: rotate(15deg);
  top: 5px;
}
@media screen and (max-width: 767px) {
  .hamburger.active .inner span:nth-child(1) {
    top: 3px;
  }
}
.hamburger.active .inner span:nth-child(2) {
  transform: rotate(-15deg);
  top: 5px;
}
@media screen and (max-width: 767px) {
  .hamburger.active .inner span:nth-child(2) {
    top: 3px;
  }
}
.hamburger.active .inner p {
  color: #FFFFFF;
  font-size: 1.1rem;
  padding-top: 20px;
}
.hamburger.active .inner p::before {
  content: "CLOSE";
}
@media screen and (max-width: 767px) {
  .hamburger.active .inner p {
    font-size: 0.95rem;
    padding-top: 15px;
  }
}
.hamburger .inner {
  width: 100%;
  text-align: center;
}
.hamburger .inner span {
  width: 100%;
  height: 2px;
  display: block;
  background-color: #222;
  margin-bottom: 6px;
  transition: 0.3s ease all;
}
@media screen and (max-width: 767px) {
  .hamburger .inner span {
    height: 1px;
    margin-bottom: 5px;
  }
}
.hamburger .inner p {
  font-size: 1.3rem;
  line-height: 1;
  padding-top: 2px;
  font-weight: 600;
}
.hamburger .inner p::before {
  content: "MENU";
}
@media screen and (max-width: 767px) {
  .hamburger .inner p {
    font-size: 1.1rem;
    padding-top: 1px;
  }
}

/* ---------------------------------------------------------------
 * spNav
--------------------------------------------------------------- */
#spNavWrap {
  display: none;
  z-index: 999;
  background-color: rgba(0, 0, 0, 0.7);
  height: 100vh;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
}
@media screen and (max-width: 1024px) {
  #spNavWrap {
    height: 100svh;
  }
}

#spNav {
  display: block;
  width: 360px;
  height: 100vh;
  background-color: #F7F5E6;
  position: fixed;
  top: 0;
  right: -400px;
  z-index: 9999;
  transition: 0.3s ease all;
  border-radius: 50px 0 0 0;
}
@media screen and (max-width: 1024px) {
  #spNav {
    height: 100svh;
  }
}
@media screen and (max-width: 640px) {
  #spNav {
    width: 280px;
    border-radius: 30px 0 0 0;
  }
}
#spNav.active {
  right: 0;
}
#spNav .inner {
  padding: 100px 40px 0 40px;
  position: relative;
  overflow-y: auto;
  width: 100%;
  height: 100vh;
}
@media screen and (max-width: 1024px) {
  #spNav .inner {
    height: 100svh;
  }
}
@media screen and (max-width: 640px) {
  #spNav .inner {
    padding: 60px 30px 0 30px;
  }
}
#spNav .inner > ul {
  margin-bottom: 50px;
}
@media screen and (max-width: 640px) {
  #spNav .inner > ul {
    margin-bottom: 35px;
  }
}
#spNav .inner > ul li {
  line-height: 50px;
  margin-bottom: 10px;
}
@media screen and (max-width: 640px) {
  #spNav .inner > ul li {
    line-height: 40px;
    margin-bottom: 5px;
  }
}
#spNav .inner > ul li a {
  display: inline-block;
  color: #222;
  font-weight: 600;
  padding-left: 25px;
  position: relative;
  font-size: 2rem;
}
@media screen and (max-width: 640px) {
  #spNav .inner > ul li a {
    font-size: 1.8rem;
    padding-left: 20px;
  }
}
#spNav .inner > ul li a span {
  border-bottom: 2px dotted #222;
  padding-bottom: 3px;
  transition: 0.3s ease all;
}
#spNav .inner > ul li a::before {
  content: "";
  width: 10px;
  height: 10px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -3px;
  background-color: #C0B974;
  border-radius: 50em;
  transition: 0.3s ease all;
}
#spNav .inner > ul li a:hover {
  opacity: 1;
  color: #D04556;
}
#spNav .inner > ul li a:hover span {
  border-bottom: 2px dotted #D04556;
}
#spNav .inner > ul li a:hover::before {
  background-color: #D04556;
}
#spNav .inner .link {
  width: 100%;
  margin-bottom: 15px;
}
@media screen and (max-width: 640px) {
  #spNav .inner .link {
    margin-bottom: 10px;
  }
}
#spNav .inner .link a {
  display: block;
  border-radius: 50em;
  line-height: 60px;
  background-color: #44643C;
  color: #FFFFFF;
  font-size: 1.8rem;
  text-align: center;
  position: relative;
  font-weight: 500;
}
@media screen and (max-width: 640px) {
  #spNav .inner .link a {
    font-size: 1.6rem;
    line-height: 50px;
  }
}
#spNav .inner .link a img {
  width: 12px;
  height: auto;
  position: absolute;
  top: 50%;
  margin-top: -6px;
  right: 20px;
}
@media screen and (max-width: 640px) {
  #spNav .inner .link a img {
    width: 10px;
    margin-top: -5px;
    right: 15px;
  }
}
#spNav .inner .sns {
  margin-bottom: 50px;
}
#spNav .inner .sns p {
  text-align: center;
  margin-bottom: 15px;
  color: #44643C;
  margin-top: 30px;
  font-size: 1.8rem;
}
@media screen and (max-width: 640px) {
  #spNav .inner .sns p {
    font-size: 1.6rem;
    margin-bottom: 15px;
    margin-top: 20px;
  }
}
#spNav .inner .sns > ul {
  display: flex;
  justify-content: center;
  gap: 15%;
}
#spNav .inner .sns > ul li {
  width: 12%;
  height: auto;
  aspect-ratio: 1/1;
}
#spNav .inner .sns > ul li a {
  display: block;
}
#spNav .inner .sns > ul li a img {
  width: 100%;
  height: auto;
}

/* ---------------------------------------------------------------
 * btn
--------------------------------------------------------------- */
.btn {
  width: 100%;
  height: auto;
  display: block;
  container-type: inline-size;
}
.btn a {
  line-height: 1;
  text-align: center;
  width: 100%;
  height: auto;
  display: block;
  font-size: 7cqw;
  border-radius: 50em;
  padding: 9cqw 0;
  position: relative;
}
.btn a img {
  width: 3.8cqw;
  height: auto;
  position: absolute;
  top: 50%;
  margin-top: -1.8cqw;
  right: 7%;
}
.btn a:hover {
  opacity: 1;
}
.btn.min {
  margin-top: 10cqw;
}
.btn.min a {
  font-size: 5cqw;
  padding: 7cqw 0;
}
.btn.std a {
  background-color: #44643C;
  color: #FFFFFF;
}
.btn.std a:hover {
  background-color: #D04556;
}
.btn.wh a {
  background-color: #FFFFFF;
  color: #222;
}
.btn.wh a:hover {
  background-color: #D04556;
  color: #FFFFFF;
}/*# sourceMappingURL=style.css.map */