@charset "UTF-8";
/*
font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'Roboto', sans-serif;
*/
/* line 9, page_home.scss */
#mainImg { width: calc(100% - 140px); height: 650px; transition: .4s all; /*@media screen and (max-width:1150px) { width: calc(100% - 0px);}*/ }
@media screen and (max-width: 1380px) { /* line 9, page_home.scss */
  #mainImg { width: calc(100% - 40px); } }
@media only screen and (max-width: 750px) { /* line 9, page_home.scss */
  #mainImg { width: calc(100% - 20px); height: 0; padding-top: calc(100% - 20px); } }
/* line 13, page_home.scss */
#mainImg ul.swiper-wrapper { height: 100%; }
@media only screen and (max-width: 750px) { /* line 13, page_home.scss */
  #mainImg ul.swiper-wrapper { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; z-index: 10; } }
/* line 14, page_home.scss */
#mainImg ul.swiper-wrapper li.swiper-slide { height: 100%; }
/* line 15, page_home.scss */
#mainImg ul.swiper-wrapper li.swiper-slide a { position: relative; width: 100%; height: 100%; }
/* line 16, page_home.scss */
#mainImg ul.swiper-wrapper li.swiper-slide a .tit { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; z-index: 10; }
/* line 17, page_home.scss */
#mainImg ul.swiper-wrapper li.swiper-slide a .ph { height: 100%; }
/* line 21, page_home.scss */
#mainImg ul.swiper-wrapper li.swiper-slide a { color: #fff; }
/* line 22, page_home.scss */
#mainImg ul.swiper-wrapper li.swiper-slide a:hover { opacity: 1; }
/* line 26, page_home.scss */
#mainImg ul.swiper-wrapper li.swiper-slide.slide01 a .tit { width: 260px; margin-top: .5em; }
@media only screen and (max-width: 750px) { /* line 26, page_home.scss */
  #mainImg ul.swiper-wrapper li.swiper-slide.slide01 a .tit { width: 150px; } }
/* line 27, page_home.scss */
#mainImg ul.swiper-wrapper li.swiper-slide.slide02 a .tit, #mainImg ul.swiper-wrapper li.swiper-slide.slide03 a .tit { font-family: "YakuHanMP", "Hina Mincho", serif; font-size: 38px; line-height: 1.8; letter-spacing: .3em; -webkit-text-stroke-width: .05px; filter: drop-shadow(0px 0px 10px rgba(70, 67, 68, 0.1)); }
@media only screen and (max-width: 750px) { /* line 27, page_home.scss */
  #mainImg ul.swiper-wrapper li.swiper-slide.slide02 a .tit, #mainImg ul.swiper-wrapper li.swiper-slide.slide03 a .tit { font-size: 25px; } }
/* line 32, page_home.scss */
#mainImg .swiper-button-prev, #mainImg .swiper-button-next { display: none; }
/* line 36, page_home.scss */
#mainImg .swiper-pagination .swiper-pagination-bullet-active { background: #c6b298; }

/* line 43, page_home.scss */
#introSec { margin-top: 5em; box-sizing: border-box; display: flex; justify-content: space-between; flex-wrap: wrap; justify-content: center; }
/* line 44, page_home.scss */
#introSec .text { text-align: left; width: 640px; margin-right: 3em; }
/* line 45, page_home.scss */
#introSec .text .tit { font-family: "YakuHanMP", "Hina Mincho", serif; font-size: 32px; line-height: 1.7; letter-spacing: .25em; }
/* line 46, page_home.scss */
#introSec .text .read { margin-top: 1.25em; display: flex; flex-direction: column; flex-wrap: wrap; }
/* line 47, page_home.scss */
#introSec .text .nameWrap { display: flex; justify-content: flex-start; flex-wrap: wrap; align-items: flex-end; margin-top: 2em; }
/* line 48, page_home.scss */
#introSec .text .nameWrap span { margin-right: 2em; }
/* line 49, page_home.scss */
#introSec .text .nameWrap em { width: 192px; }
/* line 52, page_home.scss */
#introSec .phWrap { width: 340px; display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 1em; }
/* line 53, page_home.scss */
#introSec .phWrap .ph { width: 270px; height: 225px; }
/* line 55, page_home.scss */
#introSec .phWrap .ph.ph02 { margin-left: auto; margin-top: -1.5em; margin-right: -1em; }
/* line 57, page_home.scss */
#introSec .bnrWrap { margin-top: 6em; }

@media only screen and (max-width: 750px) { /* line 66, page_home.scss */
  #introSec { margin-top: 2em; padding: 0 5%; }
  /* line 67, page_home.scss */
  #introSec .text { width: 100%; margin-right: 0; padding: 0 2.5%; }
  /* line 68, page_home.scss */
  #introSec .text .tit { font-size: 28px; line-height: 1.7; letter-spacing: .25em; }
  /* line 69, page_home.scss */
  #introSec .text .read { margin-top: 1.25em; }
  /* line 70, page_home.scss */
  #introSec .text .nameWrap { margin-top: 1em; margin-left: auto; align-items: flex-start; flex-direction: column; }
  /* line 71, page_home.scss */
  #introSec .text .nameWrap span { margin-right: 0em; margin-bottom: .5em; }
  /* line 72, page_home.scss */
  #introSec .text .nameWrap em { width: 140px; }
  /* line 75, page_home.scss */
  #introSec .phWrap { width: 100%; margin-top: 1.5em; padding: 0 2.5%; }
  /* line 76, page_home.scss */
  #introSec .phWrap .ph { width: 250px; height: 200px; }
  /* line 78, page_home.scss */
  #introSec .phWrap .ph.ph02 { margin-left: auto; margin-top: -1.5em; margin-right: -1em; }
  /* line 80, page_home.scss */
  #introSec .bnrWrap { margin-top: 3em; }
  /* line 81, page_home.scss */
  #introSec .bnrWrap .bnrWebshop { width: 100%; }
  /* line 82, page_home.scss */
  #introSec .bnrWrap .bnrInsta { width: 100%; } }
/* line 90, page_home.scss */
#productSec { margin-top: 7em; padding: 4em 0 5em; background: url("../img/bg01.webp"); }
/* line 92, page_home.scss */
#productSec .wrapper .logo { width: 112px; margin: 0 auto 1em; }
/* line 97, page_home.scss */
#productSec .wrapper .productSec { position: relative; margin-top: 2em; }
/* line 100, page_home.scss */
#productSec .wrapper .productSec .enT.v em::after { width: 255px; }
/* line 103, page_home.scss */
#productSec .wrapper .productSec ul.listWrap { display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 104, page_home.scss */
#productSec .wrapper .productSec ul.listWrap li { width: calc(100% / 4 - 2.5em); column-gap: 2.5em; text-align: left; }
/* line 106, page_home.scss */
#productSec .wrapper .productSec ul.listWrap li .cap { font-family: "YakuHanMP", "Hina Mincho", serif; font-size: 18px; margin-top: .5em; -webkit-text-stroke-width: .15px; }
/* line 110, page_home.scss */
#productSec .wrapper .cmnBtn { margin-top: 3em; }
/* line 117, page_home.scss */
#productSec .bnrWebshop.l { margin: 5em auto 0; }

@media only screen and (max-width: 750px) { /* line 130, page_home.scss */
  #productSec { margin-top: 6em; padding: 4em 0 5em; }
  /* line 132, page_home.scss */
  #productSec .wrapper .logo { width: 100px; margin: 0 auto 1em; }
  /* line 133, page_home.scss */
  #productSec .wrapper .titCmn { align-items: center; }
  /* line 137, page_home.scss */
  #productSec .wrapper .productSec { margin-top: 2em; padding: 0 5%; }
  /* line 138, page_home.scss */
  #productSec .wrapper .productSec .enT.v { display: none; }
  /* line 140, page_home.scss */
  #productSec .wrapper .productSec .enT.v em::after { width: 255px; }
  /* line 143, page_home.scss */
  #productSec .wrapper .productSec ul.listWrap { grid-row-gap: 2em; }
  /* line 144, page_home.scss */
  #productSec .wrapper .productSec ul.listWrap li { width: calc(100% / 2 - .65em); }
  /* line 146, page_home.scss */
  #productSec .wrapper .productSec ul.listWrap li .cap { font-size: 16px; margin-top: .25em; }
  /* line 150, page_home.scss */
  #productSec .wrapper .cmnBtn { margin-top: 3em; }
  /* line 157, page_home.scss */
  #productSec .bnrWebshop.l { margin: 4em auto 0; } }
/* line 171, page_home.scss */
#otherSec { margin-top: 6em; }
/* line 173, page_home.scss */
#otherSec .titCmn em { font-family: "Cormorant Infant", serif; font-size: 60px; letter-spacing: .15em; line-height: 1.35; }
/* line 176, page_home.scss */
#otherSec ul.listWrap { margin-top: 5.5em; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; align-items: flex-start; column-gap: 5em; }
/* line 177, page_home.scss */
#otherSec ul.listWrap li { width: 250px; }
/* line 178, page_home.scss */
#otherSec ul.listWrap li .ph { width: 100%; height: 0; padding-top: 100%; }
/* line 179, page_home.scss */
#otherSec ul.listWrap li .ph img { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; z-index: 10; }
/* line 181, page_home.scss */
#otherSec ul.listWrap li .t { margin-top: 1.25em; display: flex; flex-direction: column; flex-wrap: wrap; }
/* line 182, page_home.scss */
#otherSec ul.listWrap li .t span { font-family: "Cormorant Infant", serif; font-size: 28px; letter-spacing: .15em; }
/* line 183, page_home.scss */
#otherSec ul.listWrap li .t em { font-family: "YakuHanMP", "Hina Mincho", serif; font-size: 16px; line-height: 1.6; }
/* line 190, page_home.scss */
#otherSec .cmnBtn { margin-top: 4em; }

@media only screen and (max-width: 750px) { /* line 196, page_home.scss */
  #otherSec { margin-top: 4em; }
  /* line 198, page_home.scss */
  #otherSec .titCmn em { font-size: 38px; line-height: 1.35; justify-content: center; }
  /* line 200, page_home.scss */
  #otherSec .titCmn em b:first-child { margin-right: 0; width: 100%; }
  /* line 205, page_home.scss */
  #otherSec ul.listWrap { margin-top: 3em; column-gap: 0em; padding: 0 5%; }
  /* line 206, page_home.scss */
  #otherSec ul.listWrap li { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; }
  /* line 207, page_home.scss */
  #otherSec ul.listWrap li:not(:last-child) { margin-bottom: 1em; }
  /* line 208, page_home.scss */
  #otherSec ul.listWrap li .ph { width: 48%; height: 0; padding-top: 48%; }
  /* line 211, page_home.scss */
  #otherSec ul.listWrap li .t { width: 48%; margin-top: 0em; }
  /* line 212, page_home.scss */
  #otherSec ul.listWrap li .t span { font-family: "Cormorant Infant", serif; font-size: 28px; letter-spacing: .15em; }
  /* line 213, page_home.scss */
  #otherSec ul.listWrap li .t em { font-family: "YakuHanMP", "Hina Mincho", serif; font-size: 16px; line-height: 1.6; }
  /* line 218, page_home.scss */
  #otherSec ul.listWrap li:nth-of-type(even) { flex-direction: row-reverse; }
  /* line 221, page_home.scss */
  #otherSec .cmnBtn { margin-top: 3.5em; } }
/* line 228, page_home.scss */
#conceptSec { margin-top: 7em; background: url("../img/bg01.webp"); position: relative; overflow: hidden; }
/* line 229, page_home.scss */
#conceptSec::after { content: ""; width: 40%; height: 100%; background: url("../img/conceptBg.webp") no-repeat; position: absolute; top: 0; right: 0; background-size: cover; z-index: 0; }
/* line 230, page_home.scss */
#conceptSec .wrapper { padding: 140px 40px 70px; position: relative; z-index: 5; display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 231, page_home.scss */
#conceptSec .wrapper .text { width: 660px; position: relative; }
/* line 232, page_home.scss */
#conceptSec .wrapper .text .tit.en { font-size: 117px; letter-spacing: .15em; line-height: 1; color: #fff; opacity: .8; position: absolute; top: -.7em; left: -1.75em; z-index: 0; transition: 1s all; }
@media screen and (max-width: 1430px) { /* line 232, page_home.scss */
  #conceptSec .wrapper .text .tit.en { left: -.75em; } }
/* line 235, page_home.scss */
#conceptSec .wrapper .text .read { line-height: 2.5; position: relative; z-index: 10; }
/* line 237, page_home.scss */
#conceptSec .wrapper .ph { width: 280px; height: 280px; border-radius: 50%; margin-top: -1.5em; right: 1em; }
/* line 238, page_home.scss */
#conceptSec .wrapper .cmnBtn { margin-top: 1.5em; }

@media only screen and (max-width: 750px) { /* line 250, page_home.scss */
  #conceptSec { margin-top: 6em; }
  /* line 251, page_home.scss */
  #conceptSec::after { width: 100%; height: 100%; background: url("../img/conceptBgSp2.webp") no-repeat top center; position: absolute; top: 0; right: 0; background-size: 100% auto; opacity: .25; }
  /* line 252, page_home.scss */
  #conceptSec .wrapper { padding: 120px 40px 70px; }
  /* line 253, page_home.scss */
  #conceptSec .wrapper .text { width: 100%; }
  /* line 254, page_home.scss */
  #conceptSec .wrapper .text .tit.en { font-size: 60px; color: #fff; opacity: .8; position: absolute; top: -1.25em; left: -50%; right: -50%; margin: auto; white-space: nowrap; }
  /* line 255, page_home.scss */
  #conceptSec .wrapper .text .read { line-height: 2.5; position: relative; z-index: 10; }
  /* line 257, page_home.scss */
  #conceptSec .wrapper .ph { width: 220px; height: 220px; margin: .5em auto 0; right: 0em; }
  /* line 258, page_home.scss */
  #conceptSec .wrapper .cmnBtn { margin-top: 2em; } }