@charset "UTF-8";
@media only screen and (max-width: 1400px) {
  html {
    font-size: 0.7142857143vw;
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
setting - custom property
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.lp--aoure__1113 {
  --color-white: #fff;
  --color-black: #000;
  --color-gray: #e0e0e0;  
  --bgcolor-beige: #f0e6d2;
  --font-yu: "游ゴシック体", "YuGothic", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic";
  --font-hiragino: "Hiragino Sans";
  --font-nimbus: "nimbus-sans";
  --font-trajan: "trajan-pro-3";
  --font-sigurd: "sigurd-semi", sans-serif;
  --font-ja: var(--font-hiragino), sans-serif;
  --font-en: var(--font-nimbus), sans-serif;
  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  background-color: var(--bgcolor-beige);
  font-feature-settings: "palt";
  overflow: clip;
}
@media screen and (min-width: 768px) {
  .lp--aoure__1113 {
    --width-primary: 140rem;
    --fz-text__hero__maintitle: 5rem;
    --fz-text__hero__subtitle: 1.4rem;
    --fz-text__hero__lead: 1.5rem;
    --fz-text__title: 1.6rem;
    --fz-text__lead: 1.3rem;
    --fz-text__price: 1.2rem;
    --fz-text__btn: 1.8rem;
    margin-top: calc(-340*100vw/1400);
    padding-top: calc(340*100vw/1400);
  }
}
@media screen and (max-width: 767px) {
  .top_button {
    margin-top: calc(-115*100vw/750);
  }
  .lp--aoure__1113 {
    --width-primary: calc(750*100vw/750);
    --fz-text__hero__maintitle: calc(65*100vw/750);
    --fz-text__hero__subtitle: calc(23*100vw/750);
    --fz-text__hero__lead: calc(23*100vw/750);
    --fz-text__title: calc(28*100vw/750);
    --fz-text__price: calc(24*100vw/750);
    --fz-text__lead: calc(23*100vw/750);
    --fz-text__btn: calc(30*100vw/750);
  }
}
@media screen and (min-width: 768px) {
  .lp--aoure__1113 .hidden-desktop {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .lp--aoure__1113 .hidden-smartphone {
    display: none !important;
  }
}
.lp--aoure__1113 img,
.lp--aoure__1113 picture,
.lp--aoure__1113 video {
  display: block;
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
component - sitionpo
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.lp--aoure__1113 .common-position {
  position: absolute;
}
@media screen and (min-width: 768px) {
  .lp--aoure__1113 .desktop-position {
    position: absolute;
  }
}
@media screen and (max-width: 767px) {
  .lp--aoure__1113 .smartphone-position {
    position: absolute;
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
component - grid
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.lp--aoure__1113 .common-grid {
  display: grid;
  gap: var(--row, 0) var(--column, 0);
}
@media screen and (min-width: 768px) {
  .lp--aoure__1113 .desktop-grid {
    display: grid;
    gap: var(--row, 0) var(--column, 0);
  }
}
@media screen and (max-width: 767px) {
  .lp--aoure__1113 .smartphone-grid {
    display: grid;
    gap: var(--row, 0) var(--column, 0);
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
component - flex
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.lp--aoure__1113 .common-flex__row {
  display: flex;
  flex-direction: row;
  gap: var(--row, 0) var(--column, 0);
}
.lp--aoure__1113 .common-flex__row__reverse {
  display: flex;
  flex-direction: row-reverse;
  gap: var(--row, 0) var(--column, 0);
}
.lp--aoure__1113 .common-flex__column {
  display: flex;
  flex-direction: column;
  gap: var(--row, 0) var(--column, 0);
}
.lp--aoure__1113 .common-flex__column__reverse {
  display: flex;
  flex-direction: column-reverse;
  gap: var(--row, 0) var(--column, 0);
}
@media screen and (min-width: 768px) {
  .lp--aoure__1113 .desktop-flex__row {
    display: flex;
    flex-direction: row;
    gap: var(--row, 0) var(--column, 0);
  }
  .lp--aoure__1113 .desktop-flex__row__reverse {
    display: flex;
    flex-direction: row-reverse;
    gap: var(--row, 0) var(--column, 0);
  }
  .lp--aoure__1113 .desktop-flex__column {
    display: flex;
    flex-direction: column;
    gap: var(--row, 0) var(--column, 0);
  }
  .lp--aoure__1113 .desktop-flex__column__reverse {
    display: flex;
    flex-direction: column-reverse;
    gap: var(--row, 0) var(--column, 0);
  }
}
@media screen and (max-width: 767px) {
  .lp--aoure__1113 .smartphone-flex__row {
    display: flex;
    flex-direction: row;
    gap: var(--row, 0) var(--column, 0);
  }
  .lp--aoure__1113 .smartphone-flex__row__reverse {
    display: flex;
    flex-direction: row-reverse;
    gap: var(--row, 0) var(--column, 0);
  }
  .lp--aoure__1113 .smartphone-flex__column {
    display: flex;
    flex-direction: column;
    gap: var(--row, 0) var(--column, 0);
  }
  .lp--aoure__1113 .smartphone-flex__column__reverse {
    display: flex;
    flex-direction: column-reverse;
    gap: var(--row, 0) var(--column, 0);
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
component - text
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.lp--aoure__1113 .common-text__hero__maintitle {
  font-size: var(--fz-text__hero__maintitle);
  line-height: 1.2076;
  letter-spacing: .12em;
  font-weight: var(--fw-light);
  font-family: var(--font-sigurd);
  font-style: italic;
  color: var(--color-white);
}
.lp--aoure__1113 .common-text__hero__subtitle {
  font-size: var(--fz-text__hero__subtitle);
  line-height: 2.1428571429;
  letter-spacing: .1em;
  font-weight: var(--fw-medium);
  font-family: var(--font-ja);
  color: var(--color-white);
}
.lp--aoure__1113 .common-text__hero__lead {
  font-size: var(--fz-text__hero__lead);
  line-height: 2;
  letter-spacing: .16em;
  font-weight: var(--fw-medium);
  font-family: var(--font-ja);
  color: var(--color-white);
}
.lp--aoure__1113 .common-text__title {
  font-size: var(--fz-text__title);
  line-height: 2.0625;
  letter-spacing: .16em;
  font-weight: var(--fw-medium);
  font-family: var(--font-ja);
  color: var(--color-black);
}
.lp--aoure__1113 .common-text__lead {
  font-size: var(--fz-text__lead);
  line-height: 2.07692307692;
  letter-spacing: .05em;
  font-weight: var(--fw-regular);
  font-family: var(--font-ja);
  color: var(--color-black);
  text-align: justify;
}
.lp--aoure__1113 .common-text__price {
  font-size: var(--fz-text__price);
  line-height: 2.16;
  letter-spacing: .005em;
  font-weight: var(--fw-regular);
  font-family: var(--font-en);
  color: var(--color-black);
}
.lp--aoure__1113 .common-text__price li {
  display: inline-block;
  text-decoration: underline;
  text-decoration-skip-ink: none;
}
.lp--aoure__1113 .common-text__btn {
  width: fit-content;
  margin: 0 auto;
  font-size: var(--fz-text__btn);
  line-height: 1.4;
  letter-spacing: .08em;
  font-family: var(--font-en);
  color: var(--color-black);
  border-bottom: 0.1rem solid var(--color-black);
}
@media screen and (max-width: 767px) {
  .lp--aoure__1113 .common-text__hero__maintitle {
    line-height: 0.9289230769;
    letter-spacing: .14em;
  }
  .lp--aoure__1113 .common-text__hero__subtitle {
    line-height: 2;
    letter-spacing: .07em;
  }
  .lp--aoure__1113 .common-text__hero__lead {
    letter-spacing: .09em;
  }
  .lp--aoure__1113 .common-text__title {
    line-height: 1.9642857143;
    letter-spacing: .05em;
    text-align: center;
  }
  .lp--aoure__1113 .common-text__lead {
    line-height: 1.8695652174;
    letter-spacing: .075em;
    font-weight: var(--fw-medium);
  }
  .lp--aoure__1113 .common-text__price {
    line-height: 1.08333333333;
  }
  .lp--aoure__1113 .common-text__btn {
    line-height: 1.2;
    letter-spacing: .037em;
    border-bottom: calc(2*100vw/750) solid var(--color-black);
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
project - common
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.lp--aoure__1113 .product__inner {
  width: var(--width-primary);
  margin: 0 auto;
}
.lp--aoure__1113 .product__wrapper {
  position: relative;
}
.lp--aoure__1113 .product__card {
  position: relative;
  width: fit-content;
  height: fit-content;
}
.lp--aoure__1113 .product__price {
  margin-top: 3.3rem;
}
@media screen and (max-width: 767px) {
  .lp--aoure__1113 .product__price {
    margin-top: calc(42*100vw/750);
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
project - hero
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.lp--aoure__1113 .hero {
  width: var(--width-primary);
  margin: 0 auto;
  text-align: center;
  white-space: nowrap;
}
.lp--aoure__1113 .hero__wrapper {
  margin-left: 13.1rem;
  grid-template-columns: 11.9rem 20.8rem 38rem;
  grid-template-rows: 47.1rem 15.3rem 24rem;
}
.lp--aoure__1113 .hero__card {
  position: relative;
}
.lp--aoure__1113 .hero__card--type01 {
  grid-column: 1;
  grid-row: 1;
  z-index: 5;
}
.lp--aoure__1113 .hero__card--type02 {
  grid-column: 4;
  grid-row: 2;
  z-index: 10;
}
.lp--aoure__1113 .hero__card--type03 {
  grid-column: 3;
  grid-row: 3;
}
.lp--aoure__1113 .hero__card--type04 {
  grid-column: 2;
  grid-row: 4;
}
.lp--aoure__1113 .hero__image--01 {width: 98.0rem;}
.lp--aoure__1113 .hero__image--02 {width: 43.0rem;}
.lp--aoure__1113 .hero__image--03 {width: 39.3rem;}
.lp--aoure__1113 .hero__image--04 {width: 90.0rem;}
.lp--aoure__1113 .hero__title {
  top: 39.1rem;
  left: 35.6rem;
  --row: 2.3rem;
}
.lp--aoure__1113 .hero__lead {
  top: 19.5rem;
  left: 15.6rem;
}
@media screen and (max-width: 767px) {
  .lp--aoure__1113 .hero {
    width: var(--width-primary);
  }
  .lp--aoure__1113 .hero__wrapper {
    margin: 0 auto;
    grid-template-columns: calc(141*100vw/750) calc(208*100vw/750);
    grid-template-rows: calc(567*100vw/750) calc(79*100vw/750) calc(315*100vw/750);
  }
  .lp--aoure__1113 .hero__card--type01 {
    grid-column: 1;
    grid-row: 1;
    z-index: 5;
  }
  .lp--aoure__1113 .hero__card--type02 {
    grid-column: 3;
    grid-row: 2;
    z-index: 10;
  }
  .lp--aoure__1113 .hero__card--type03 {
    grid-column: 2;
    grid-row: 3;
  }
  .lp--aoure__1113 .hero__card--type04 {
    grid-column: 1;
    grid-row: 4;
  }
  .lp--aoure__1113 .hero__image--01 {width: calc(750*100vw/750);}
  .lp--aoure__1113 .hero__image--02 {width: calc(400*100vw/750);}
  .lp--aoure__1113 .hero__image--03 {width: calc(338*100vw/750);}
  .lp--aoure__1113 .hero__image--04 {width: calc(750*100vw/750);}
  .lp--aoure__1113 .hero__title {
    top: calc(384* 100vw / 750);
    left: calc(90* 100vw / 750);
    --row: calc(20* 100vw / 750);
  }
  .lp--aoure__1113 .hero__lead {
    top: calc(130*100vw/750);
    left: calc(130*100vw/750);
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
project - product01
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.lp--aoure__1113 .product--type01 {
  margin-top: 25.3rem;
}
.lp--aoure__1113 .product--type01 .product__wrapper {
  margin-left: 20rem;
  grid-template-columns: 41.2rem 10.5rem;
  grid-template-rows: 13.2rem 43rem 15.8rem;
}
.lp--aoure__1113 .product--type01 .product__card--type01 {
  grid-column: 1;
  grid-row: 1;
}
.lp--aoure__1113 .product--type01 .product__card--type02 {
  grid-column: 3;
  grid-row: 2;
}
.lp--aoure__1113 .product--type01 .product__card--type03 {
  grid-column: 2;
  grid-row: 3;
}
.lp--aoure__1113 .product--type01 .product__card--type04 {
  grid-column: 1;
  grid-row: 4;
}
.lp--aoure__1113 .product__image--0101 {width: 48.0rem;}
.lp--aoure__1113 .product__image--0102 {width: 54.0rem;}
.lp--aoure__1113 .product--type01 .product__lead {
  width: 35.8rem;
}
.lp--aoure__1113 .product--type01 .product__price {
  top: 41.9rem;
  right: -16.1rem;
}
@media screen and (max-width: 767px) {
  .lp--aoure__1113 .product--type01 {
    margin-top: calc(182*100vw/750);
  }
  .lp--aoure__1113 .product--type01 .product__wrapper {
    margin: 0 auto;
  }
  .lp--aoure__1113 .product--type01 .product__card--type01 {
    width: var(--width-primary);
    margin: 0 auto;
    text-align: center;
  }
  .lp--aoure__1113 .product--type01 .product__card--type02 {
    margin: calc(89*100vw/750) auto 0;
  }
  .lp--aoure__1113 .product--type01 .product__card--type03 {
    margin: calc(84*100vw/750) auto 0;
  }
  .lp--aoure__1113 .product--type01 .product__card--type04 {
    margin: calc(92*100vw/750) auto 0;
  }
  .lp--aoure__1113 .product__image--0101 {
    width: calc(520*100vw/750);
    margin: 0 auto;
  }
  .lp--aoure__1113 .product__image--0102 {width: calc(640*100vw/750);}
  .lp--aoure__1113 .product--type01 .product__lead {
    width: calc(650*100vw/750);
  }
  .lp--aoure__1113 .product--type01 .product__price li {
    margin: 0 calc(10*100vw/750);
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
project - product02
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.lp--aoure__1113 .product--type02 {
  margin-top: 22.4rem;
}
.lp--aoure__1113 .product--type02 .product__wrapper {
  margin-left: 19.2rem;
  grid-template-columns: 8.9rem 50.2rem;
  grid-template-rows: 6rem 55.1rem 12.2rem;
}
.lp--aoure__1113 .product--type02 .product__card--type01 {
  grid-column: 2;
  grid-row: 1;
}
.lp--aoure__1113 .product--type02 .product__card--type02 {
  grid-column: 3;
  grid-row: 2;
}
.lp--aoure__1113 .product--type02 .product__card--type03 {
  grid-column: 3;
  grid-row: 3;
}
.lp--aoure__1113 .product--type02 .product__card--type04 {
  grid-column: 1;
  grid-row: 4;
}
.lp--aoure__1113 .product__image--0201 {width: 84.0rem;}
.lp--aoure__1113 .product__image--0202 {width: 41.0rem;}
.lp--aoure__1113 .product__image--0203 {width: 28.0rem;}
.lp--aoure__1113 .product--type02 .product__lead {
  width: 49.6rem;
}
.lp--aoure__1113 .product--type02 .product__price {
  text-align: center;
}
.lp--aoure__1113 .product--type02 .product__price li {
  margin: 0 .4rem;
}
.lp--aoure__1113 .product--type02 .product__card--type04 .product__image {
  margin-top: 2.6rem;
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .lp--aoure__1113 .product--type02 {
    margin-top: calc(210*100vw/750);
  }
  .lp--aoure__1113 .product--type02 .product__wrapper {
    margin: 0 auto;
  }
  .lp--aoure__1113 .product--type02 .product__card--type02 {
    margin: calc(87*100vw/750) auto 0;
  }
  .lp--aoure__1113 .product--type02 .product__card--type03 {
    width: var(--width-primary);
    margin: calc(83*100vw/750) auto 0;
  }
  .lp--aoure__1113 .product--type02 .product__card--type04 {
    width: var(--width-primary);
    margin: calc(90*100vw/750) auto 0;
  }
  .lp--aoure__1113 .product__image--0201 {width: calc(750*100vw/750);}
  .lp--aoure__1113 .product__image--0202 {
    width: calc(480*100vw/750);
    margin: 0 auto;
  }
  .lp--aoure__1113 .product__image--0203 {width: calc(300*100vw/750);}
  .lp--aoure__1113 .product--type02 .product__lead {
    width: calc(645* 100vw / 750);
    margin-left: calc(56* 100vw / 750);
  }
  .lp--aoure__1113 .product--type02 .product__price li {
    margin: 0 calc(8* 100vw / 750);
    white-space: nowrap;
  }
  .lp--aoure__1113 .product--type02 .product__card--type04 .product__image {
    float: left;
    margin-top: calc(9* 100vw / 750);
    margin-right: calc(56* 100vw / 750);
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
project - product03
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.lp--aoure__1113 .product--type03 {
  margin-top: 23.3rem;
}
.lp--aoure__1113 .product--type03 .product__inner {
  width: 73rem;
  margin: 0 auto;
}
.lp--aoure__1113 .product--type03 .product__card {
  width: initial;
  height: initial;
}
.lp--aoure__1113 .product--type03 .product__card--type01 {
  margin: 0rem auto 0;
}
.lp--aoure__1113 .product--type03 .product__card--type02 {
  margin: 14.1rem auto 0;
}
.lp--aoure__1113 .product--type03 .product__card--type03 {
  width: fit-content;
  height: fit-content;
  margin: 6.2rem auto 0;
  text-align: center;
}
.lp--aoure__1113 .product__image--0301 {width: 55.0rem;}
.lp--aoure__1113 .product__image--0302 {width: 73.0rem;}
.lp--aoure__1113 .product__image--0303 {width: 50.0rem;}
.lp--aoure__1113 .product--type03 .product__card--type01 .product__image {
  margin-left: auto;
}
.lp--aoure__1113 .product--type03 .product__card--type01 .product__title {
  top: 14.8rem;
  left: -11rem;
}
.lp--aoure__1113 .product--type03 .product__card--type02 .product__lead {
  width: 60rem;
  margin: 6.1rem auto 0;
}
@media screen and (max-width: 767px) {
  .lp--aoure__1113 .product--type03 {
    margin-top: calc(210*100vw/750);
  }
  .lp--aoure__1113 .product--type03 .product__inner {
    width: var(--width-primary);
  }
  .lp--aoure__1113 .product--type03 .product__card {
    width: initial;
    height: initial;
  }
  .lp--aoure__1113 .product--type03 .product__card--type01 {
    margin: calc(0*100vw/750) auto 0;
    text-align: center;
  }
  .lp--aoure__1113 .product--type03 .product__card--type02 {
    margin: calc(82*100vw/750) auto 0;
  }
  .lp--aoure__1113 .product--type03 .product__card--type03 {
    width: fit-content;
    height: fit-content;
    text-align: center;
    margin: calc(90*100vw/750) auto 0;
  }
  .lp--aoure__1113 .product__image--0301 {width: calc(600*100vw/750);}
  .lp--aoure__1113 .product__image--0302 {width: calc(750*100vw/750);}
  .lp--aoure__1113 .product__image--0303 {width: calc(600*100vw/750);}
  .lp--aoure__1113 .product--type03 .product__card--type01 .product__image {
    margin: 0 auto;
  }
  .lp--aoure__1113 .product--type03 .product__card--type01 .product__title {
    margin-top: calc(85*100vw/750);
    text-align: center;
  }
  .lp--aoure__1113 .product--type03 .product__card--type02 .product__lead {
    width: calc(650*100vw/750);
    margin: calc(88*100vw/750) auto 0;
  }
  .lp--aoure__1113 .product--type03 .product__card--type01 .product__price,
  .lp--aoure__1113 .product--type03 .product__card--type03 .product__price {
    margin-top: calc(37*100vw/750);
  }
  .lp--aoure__1113 .product--type03 .product__card--type01 .product__price li {
    margin: 0 calc(8*100vw/750);
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
project - lastview
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.lp--aoure__1113 .lastview {
  margin-top: 16.8rem;
  padding-bottom: 17.3rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .lp--aoure__1113 .lastview {
    margin-top: calc(193*100vw/750);
    padding-bottom: calc(204*100vw/750);
  }
}

/*
//////////////////////////////////////////////////////////////////////////////////////////////
project - animation
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.lp--aoure__1113 .js-fadeLeftTitle {
  opacity: 0;
  transform: translate3d(-50px, 0, 0);
  transition: all 1s ease;
}
.lp--aoure__1113 .is-active .js-fadeLeftTitle {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: all 1s ease;
}
.lp--aoure__1113 .js-fadeImage,
.lp--aoure__1113 .js-fadeText,
.lp--aoure__1113 .js-showImage {
  opacity: 0;
  transition: opacity 1s ease;
}
.lp--aoure__1113 .is-active .js-fadeImage,
.lp--aoure__1113 .is-active .js-fadeText,
.lp--aoure__1113 .js-showImage.is-active {
  opacity: 1;
  transition: opacity 1s ease;
}
.lp--aoure__1113 .js-showText {
  opacity: 0;
  transform: translateY(100px);
}
.lp--aoure__1113 .js-showText.is-active {
  opacity: 1;
  transform: translateY(0);
  transition: all 1s ease;
}