@charset "UTF-8";
@media only screen and (max-width: 1400px) {
  html {
    font-size: 0.7142857143vw;
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
setting - custom property
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.AU241218lTEM {
  --color-white: #fff;
  --color-black: #000;
  --color-brown: #95774c;
  --font-yu: "游ゴシック体", "YuGothic", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic";
  --font-hiragino: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  --font-nimbus: "nimbus-sans" sans-serif;
  --font-trajan: "trajan-pro-3", serif;
  --font-ja: var(--font-hiragino);
  --font-en: var(--font-nimbus);
  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  font-feature-settings: "palt";
  overflow: clip;
}
@media screen and (min-width: 768px) {
  .AU241218lTEM {
    --width-primary: 140rem;
  }
}
@media screen and (max-width: 767px) {
  .AU241218lTEM {
    --width-primary: calc(750*100vw/750);
    margin-top: calc(-115*100vw/750);
    padding-top: calc(115*100vw/750);
  }
  #header .header__inner svg{
    fill: #fff;
  }
  .cls-4{
    stroke: #fff;
  }
  .header .navigation__list{
    color: #fff;
  }
  .header .drawer-btn__border{
    background: #fff;
  }
  .header .drawer-btn__border::after{
    background: #fff;
  }
  .header .drawer-btn__border::before{
    background: #fff;
  }
  #header.is-open .header__inner svg{
    fill: #000;
  }
  .header.is-open .cls-4 {
    stroke: #000;
  }
  .header.is-open .navigation__list{
    color: #000;
  }
  .header.is-open .drawer-btn__border{
    background: #fff;
  }
  .header.is-open .drawer-btn__border::after{
    background: #000;
  }
  .header.is-open .drawer-btn__border::before{
    background: #000;
  }
}
@media screen and (min-width: 768px) {
  .AU241218lTEM .hidden-desktop {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .AU241218lTEM .hidden-mobile {
    display: none !important;
  }
}
.AU241218lTEM img,
.AU241218lTEM picture,
.AU241218lTEM video {
  display: block;
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
setting - position
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.AU241218lTEM .common-position {
  position: absolute;
}
@media screen and (min-width: 768px) {
  .AU241218lTEM .desktop-position {
    position: absolute;
  }
}
@media screen and (max-width: 767px) {
  .AU241218lTEM .mobile-position {
    position: absolute;
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
setting - grid
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.AU241218lTEM .common-grid {
  display: grid;
  gap: var(--row, 0) var(--column, 0);
}
@media screen and (min-width: 768px) {
  .AU241218lTEM .desktop-grid {
    display: grid;
    gap: var(--row, 0) var(--column, 0);
  }
}
@media screen and (max-width: 767px) {
  .AU241218lTEM .mobile-grid {
    display: grid;
    gap: var(--row, 0) var(--column, 0);
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
setting - flex
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.AU241218lTEM .common-flex_row {
  display: flex;
  flex-direction: row;
  gap: var(--row, 0) var(--column, 0);
}
.AU241218lTEM .common-flex_row_reverse {
  display: flex;
  flex-direction: row-reverse;
  gap: var(--row, 0) var(--column, 0);
}
.AU241218lTEM .common-flex_column {
  display: flex;
  flex-direction: column;
  gap: var(--row, 0) var(--column, 0);
}
.AU241218lTEM .common-flex_column_reverse {
  display: flex;
  flex-direction: column-reverse;
  gap: var(--row, 0) var(--column, 0);
}
@media screen and (min-width: 768px) {
  .AU241218lTEM .desktop-flex_row {
    display: flex;
    flex-direction: row;
    gap: var(--row, 0) var(--column, 0);
  }
  .AU241218lTEM .desktop-flex_row_reverse {
    display: flex;
    flex-direction: row-reverse;
    gap: var(--row, 0) var(--column, 0);
  }
  .AU241218lTEM .desktop-flex_column {
    display: flex;
    flex-direction: column;
    gap: var(--row, 0) var(--column, 0);
  }
  .AU241218lTEM .desktop-flex_column_reverse {
    display: flex;
    flex-direction: column-reverse;
    gap: var(--row, 0) var(--column, 0);
  }
}
@media screen and (max-width: 767px) {
  .AU241218lTEM .mobile-flex_row {
    display: flex;
    flex-direction: row;
    gap: var(--row, 0) var(--column, 0);
  }
  .AU241218lTEM .mobile-flex_row_reverse {
    display: flex;
    flex-direction: row-reverse;
    gap: var(--row, 0) var(--column, 0);
  }
  .AU241218lTEM .mobile-flex_column {
    display: flex;
    flex-direction: column;
    gap: var(--row, 0) var(--column, 0);
  }
  .AU241218lTEM .mobile-flex_column_reverse {
    display: flex;
    flex-direction: column-reverse;
    gap: var(--row, 0) var(--column, 0);
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
setting - hero
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.AU241218lTEM .hero {
  position: relative;
  color: var(--color-white);
}
.AU241218lTEM .hero::before {
  position: absolute;
  content: "";
  display: block;
  width: 100vw;
  height: 50rem;
  background-color: var(--color-brown);
  top: 15.7rem;
  z-index: -1;
}
.AU241218lTEM .hero_inner {
  position: relative;
  width: 80rem;
  margin: 0 auto;
  overflow: clip;
}
.AU241218lTEM .hero_image {
  width: 100%;
}
.AU241218lTEM .hero_title {
  width: 31.5rem;
  top: 27.7rem;
  left: 48.5rem;
}
.AU241218lTEM .hero_lead {
  bottom: 22.7rem;
  left: 48.5rem;
  font-size: 1.4rem;
  line-height: 2.1428571429;
  letter-spacing: .071em;
  font-weight: var(--fw-medium);
  font-family: var(--font-hiragino);
}
@media screen and (max-width: 767px) {
  .AU241218lTEM .hero {
    color: var(--color-white);
  }
  .AU241218lTEM .hero::before {
    height: calc(557*100vw/750);
    top: calc(-120*100vw/750);
  }
  .AU241218lTEM .hero_inner {
    --row: calc(68*100vw/750);
    width: calc(750*100vw/750);
    text-align: center;
  }
  .AU241218lTEM .hero_title {
    width: calc(409*100vw/750);
    top: calc(292*100vw/750);
    left: calc(389*100vw/750);
  }
  .AU241218lTEM .hero_lead {
    font-size: calc(23*100vw/750);
    line-height: 2;
    letter-spacing: .09em;
    color: var(--color-black);
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
setting - product
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.AU241218lTEM .product_inner {
  width: 100rem;
  margin: 0 auto;
}
.AU241218lTEM .product_card {
  align-items: center;
  justify-content: center;
  --row: 2rem;
}
.AU241218lTEM .product_price {
  font-size: 1.2rem;
  line-height: 2.5;
  letter-spacing: .005em;
  font-weight: var(--fw-regular);
  font-family: var(--font-en);
  color: var(--color-black);
}
.AU241218lTEM .product_price > li {
  display: inline-block;
  text-decoration: underline;
  text-decoration-skip-ink: none;
  margin: 0 .5rem;
}
.AU241218lTEM .product_title_lead {
  margin-top: 11rem;
  font-size: 1.3rem;
  line-height: 2.6923076923;
  letter-spacing: .075em;
  font-weight: var(--fw-semibold);
  font-family: var(--font-hiragino);
  color: var(--color-black);
  white-space: nowrap;
}
.AU241218lTEM .product_text {
  --row: 2rem;
  width: 37.9rem;
  margin-top: 12rem;
}
.AU241218lTEM .product_text_title {
  font-size: 1.8rem;
  line-height: 1;
  letter-spacing: .051em;
  font-weight: var(--fw-medium);
  font-family: var(--font-hiragino);
  color: var(--color-black);
  text-decoration: underline;
  text-decoration-skip-ink: none;
}
.AU241218lTEM .product_text_lead {
  font-size: 1.3rem;
  line-height: 2.07692307692;
  letter-spacing: .04em;
  font-weight: var(--fw-regular);
  font-family: var(--font-hiragino);
  color: var(--color-black);
  text-align: justify;
}
.AU241218lTEM .product_title {
  margin-top: 33rem;
  font-size: 3.5rem;
  line-height: 1;
  letter-spacing: .045em;
  font-weight: var(--fw-regular);
  font-family: var(--font-en);
  color: var(--color-black);
  border-bottom: .2rem solid var(--color-black);
  height: fit-content;
}
.AU241218lTEM .product_image01 {width: 50rem;}
.AU241218lTEM .product_image02 {width: 40rem;}
.AU241218lTEM .product_image03 {width: 50rem;}
.AU241218lTEM .product_image04 {width: 40rem;}
.AU241218lTEM .product_image05 {width: 50rem;}
@media screen and (max-width: 767px) {
  .AU241218lTEM .product {
    text-align: center;
  }
  .AU241218lTEM .product_inner {
    width: calc(750*100vw/750);
  }
  .AU241218lTEM .product_content {
    align-items: center;
    justify-content: center;
  }
  .AU241218lTEM .product_card {
    --row: calc(46*100vw/750);
  }
  .AU241218lTEM .product_price {
    font-size: calc(24*100vw/750);
    line-height: 1.25;
  }
  .AU241218lTEM .product_price > li {
    margin: 0 calc(10*100vw/750);
  }
  .AU241218lTEM .product_title_lead {
    margin-top: calc(0*100vw/750);
    font-size: calc(25*100vw/750);
    line-height: 2.24;
  }
  .AU241218lTEM .product_text {
    --row: calc(40*100vw/750);
    width: calc(600*100vw/750);
    margin-top: calc(0*100vw/750);
  }
  .AU241218lTEM .product_text_title {
    font-size: calc(30*100vw/750);
  }
  .AU241218lTEM .product_text_lead {
    font-size: calc(23*100vw/750);
    line-height: 1.8695652174;
    letter-spacing: .07em;
    font-weight: var(--fw-medium);
  }
  .AU241218lTEM .product_title {
    margin-top: calc(0*100vw/750);
    font-size: calc(50*100vw/750);
    line-height: 1.258;
    border-bottom: calc(2*100vw/750) solid var(--color-black);
  }
  .AU241218lTEM .product_image01 {width: calc(600*100vw/750)}
  .AU241218lTEM .product_image02 {width: calc(500*100vw/750)}
  .AU241218lTEM .product_image03 {width: calc(600*100vw/750)}
  .AU241218lTEM .product_image04 {width: calc(500*100vw/750)}
  .AU241218lTEM .product_image05 {width: calc(600*100vw/750)}
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
setting - product01
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.AU241218lTEM .product01 {
  margin-top: 25.2rem;
}
.AU241218lTEM .product01 .product_content {
  --column: 5rem;
}
@media screen and (max-width: 767px) {
  .AU241218lTEM .product01 {
    margin-top: calc(120*100vw/750);
  }
  .AU241218lTEM .product01 .product_content {
    --row: calc(80*100vw/750);
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
setting - product02
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.AU241218lTEM .product02 .product_content {
  --column: 5rem;
  margin-right: 5rem;
}
@media screen and (max-width: 767px) {
  .AU241218lTEM .product02 {
    margin-top: calc(136*100vw/750);
  }
  .AU241218lTEM .product02 .product_content {
    --row: calc(80*100vw/750);
    margin-right: calc(0*100vw/750);
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
setting - product03
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.AU241218lTEM .product03 {
  margin-top: 5.5rem;
}
.AU241218lTEM .product03 .product_content {
  --column: 10rem;
}
@media screen and (max-width: 767px) {
  .AU241218lTEM .product03 {
    margin-top: calc(134*100vw/750);
  }
  .AU241218lTEM .product03 .product_content {
    --row: calc(135*100vw/750);
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
setting - product04
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.AU241218lTEM .product04 {
  margin-top: 1rem;
}
.AU241218lTEM .product04 .product_content {
  --column: 5rem;
  margin-right: 5rem;
}
.AU241218lTEM .product04 .product_text {
  --row: 2.2rem;
  margin-top: 15.8rem;
}
@media screen and (max-width: 767px) {
  .AU241218lTEM .product04 {
    margin-top: calc(145*100vw/750);
  }
  .AU241218lTEM .product04 .product_content {
    --row: calc(80*100vw/750);
    margin-right: calc(0*100vw/750);
  }
  .AU241218lTEM .product04 .product_text {
    --row: calc(40*100vw/750);
    margin-top: calc(0*100vw/750);
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
setting - product05
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.AU241218lTEM .product05 {
  margin-top: 5.7rem;
}
.AU241218lTEM .product05 .product_content {
  --column: 13.3rem;
  justify-content: start;
}
@media screen and (max-width: 767px) {
  .AU241218lTEM .product05 {
    margin-top: calc(125*100vw/750);
  }
  .AU241218lTEM .product05 .product_content {
    --row: calc(145*100vw/750);
    justify-content: initial;
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
setting - closing
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.AU241218lTEM .closing {
  margin-top: 11.7rem;
  padding-bottom: 17rem;
  text-align: center;
}
.AU241218lTEM .closing_btn {
  width: fit-content;
  margin: 0 auto;
  font-size: 1.8rem;
  line-height: 1.4;
  letter-spacing: .037em;
  font-family: var(--font-en);
  color: var(--color-black);
  border-bottom: 0.1rem solid var(--color-black);
}
@media screen and (max-width: 767px) {
  .AU241218lTEM .closing {
    margin-top: calc(193*100vw/750);
    padding-bottom: calc(90*100vw/750);
  }
  .AU241218lTEM .closing_btn {
    font-size: calc(30*100vw/750);
    line-height: 1.2;
    letter-spacing: .037em;
    border-bottom: calc(2*100vw/750) solid var(--color-black);
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
setting - animation
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.AU241218lTEM .js-trigger::before {
  width: 0;
  transition: width .4s linear;
}
.AU241218lTEM .js-trigger.is-active::before {
  width: 100%;
}
.AU241218lTEM .js-trigger .js-slide {
  transform: translateX(-102%);
}
.AU241218lTEM .js-trigger.is-active .js-slide {
  animation: js-slideImage 1s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  animation-delay: .4s;
}
.AU241218lTEM .js-trigger .js-showText01 {
  opacity: 0;
}
.AU241218lTEM .js-trigger.is-active .js-showText01 {
  animation: js-showText .4s ease-in-out .4s 1 normal forwards;
}
.AU241218lTEM .js-trigger.is-active .js-showText01 {
  animation-delay: 1s;
}
.AU241218lTEM .js-trigger.is-active .js-showText02 {
  animation-delay: 1.4s;
}
.AU241218lTEM .js-showImage {
  opacity: 0;
}
.AU241218lTEM .js-showImage.is-active {
  opacity: 1;
  transition: opacity 1.6s ease;
}
.AU241218lTEM .js-slideText {
  opacity: 0;
  transform: translate(-24px);
}
.AU241218lTEM .js-slideText.is-active {
  opacity: 1;
  transform: translate(0);
  transition: .8s ease opacity, .8s ease transform;
}
@keyframes js-slideImage {
  100% {
    transform: translateX(0);
  }
}
@keyframes js-showText {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@media screen and (max-width: 767px) {
  .AU241218lTEM .js-slideTextSp {
    opacity: 0;
    transform: translate(-24px);
  }
  .AU241218lTEM .js-slideTextSp.is-active {
    opacity: 1;
    transform: translate(0);
    transition: .8s ease opacity, .8s ease transform;
  }
}
@media screen and (min-width: 768px) {
  .AU241218lTEM .js-trigger .js-showText02 {
    opacity: 0;
  }
  .AU241218lTEM .js-trigger.is-active .js-showText02 {
    animation: js-showText .4s ease-in-out .4s 1 normal forwards;
  }
  .AU241218lTEM .js-trigger.is-active .js-showText02 {
    animation-delay: 1.4s;
  }
}