@charset "UTF-8";
.mv {
  width: 100%;
  min-width: 1156px;
  position: relative;
  margin-bottom: 150px; }
  @media only screen and (max-width: 767px) {
    .mv {
      min-width: 0;
      margin-bottom: 13.5135135135vw; } }
  .mv__slider {
    width: 70%;
    margin-left: auto; }
    @media only screen and (max-width: 767px) {
      .mv__slider {
        width: calc(100% - 20px); } }
    @media only screen and (max-width: 767px) {
      .mv__slider_lg {
        display: none; } }
    .mv__slider_xs {
      display: none; }
      @media only screen and (max-width: 767px) {
        .mv__slider_xs {
          display: block; } }
    .mv__slider_xlg {
      display: none; }
    .mv__slider .slick-dots {
      justify-content: center; }
      .mv__slider .slick-dots > li {
        height: 3px;
        width: 33%;
        margin: 0 1px;
        background-color: #f1f1f1; }
        @media only screen and (max-width: 767px) {
          .mv__slider .slick-dots > li {
            width: 30%; } }
        .mv__slider .slick-dots > li:first-of-type {
          margin: 0; }
        .mv__slider .slick-dots > li > button {
          width: 100%;
          height: 3px;
          padding: 0; }
          .mv__slider .slick-dots > li > button::before {
            display: none; }
        .mv__slider .slick-dots > li.slick-active {
          background-color: #333; }
  .mv__hl {
    display: block;
    position: absolute;
    top: 14%;
    left: 5%;
    z-index: 2; }
    @media only screen and (max-width: 767px) {
      .mv__hl {
        position: static;
        margin-bottom: 30px; } }
    .mv__hl__main {
      font-size: 170px;
      margin-bottom: 40px;
      font-family: "Bodoni Moda", serif;
      font-weight: 400;
      letter-spacing: -0.02em; }
      @media only screen and (max-width: 767px) {
        .mv__hl__main {
          margin-bottom: 5.4054054054vw;
          font-size: 24.3243243243vw;
          padding-left: 20px; } }
    .mv__hl__copy {
      padding: 0 20px;
      letter-spacing: 0.4em;
      line-height: 2; }
    .mv__hl__scroll {
      animation: move-y 1.5s infinite alternate ease-in-out;
      display: inline-block;
      margin-left: 70px;
      margin-top: 40px; }
      @media only screen and (max-width: 767px) {
        .mv__hl__scroll {
          text-align: center;
          margin-left: 0;
          margin-top: 60px; } }
@keyframes move-y {
  from {
    transform: translateY(0); }
  to {
    transform: translateY(20px); } }
.about {
  margin-bottom: 100px; }
  @media only screen and (max-width: 767px) {
    .about {
      margin-bottom: 80px; } }
  .about__reading {
    margin-bottom: 40px; }
    @media only screen and (max-width: 767px) {
      .about__reading {
        margin-bottom: 30px; } }
    @media only screen and (max-width: 767px) {
      .about__reading__main {
        margin-bottom: 8.1081081081vw; } }
    .about__reading__main__spaceXs {
      display: none; }
      @media only screen and (max-width: 767px) {
        .about__reading__main__spaceXs {
          display: inline-block; } }
  .about__text {
    text-align: center;
    margin-bottom: 100px;
    word-break: break-all; }
    @media only screen and (max-width: 767px) {
      .about__text {
        margin-bottom: 30px;
        text-align: justify; } }
  .about__mv {
    width: 100%;
    position: relative; }
    .about__mv__img {
      width: 100%; }
      @media only screen and (max-width: 767px) {
        .about__mv__img {
          max-width: none;
          width: 100vw;
          margin-left: -20px; } }
      @media only screen and (max-width: 767px) {
        .about__mv__img_lg {
          display: none; } }
      .about__mv__img_xlg {
        display: none; }
  .about__butter {
    width: 100%; }

@media only screen and (max-width: 767px) {
  .butterAndSugar {
    margin-bottom: 90px; } }
.butterAndSugar__reading {
  margin-bottom: 140px; }
  @media only screen and (max-width: 767px) {
    .butterAndSugar__reading {
      margin-bottom: 9.4594594595vw; } }
.butterAndSugar__butter {
  position: relative;
  display: flex;
  justify-content: space-between; }
  @media only screen and (max-width: 767px) {
    .butterAndSugar__butter {
      display: block; } }
  .butterAndSugar__butter__hl {
    z-index: 1;
    text-align: center;
    position: absolute;
    left: 47%;
    transform: translateX(-50%);
    top: -80px; }
    @media only screen and (max-width: 767px) {
      .butterAndSugar__butter__hl {
        display: none; } }
  .butterAndSugar__butter__mv {
    width: 48%;
    margin-left: 0; }
    @media only screen and (min-width: 1360px) {
      .butterAndSugar__butter__mv {
        width: calc(48% + 105px);
        margin-left: -105px; } }
    @media only screen and (max-width: 767px) {
      .butterAndSugar__butter__mv {
        width: 100%;
        margin-bottom: 30px; } }
    @media only screen and (max-width: 767px) {
      .butterAndSugar__butter__mv__img {
        margin-left: -20px;
        max-width: none;
        width: calc(100vw - 20px); } }
  .butterAndSugar__butter__text {
    margin-top: 105px;
    margin-left: 40px;
    width: 48%;
    z-index: 5; }
    @media only screen and (max-width: 767px) {
      .butterAndSugar__butter__text {
        margin-left: 0;
        width: 100%;
        margin-top: 0;
        margin-bottom: 50px; } }
    .butterAndSugar__butter__text__titleJp {
      font-size: 20px;
      letter-spacing: 0.4em;
      margin-bottom: 30px; }
      @media only screen and (max-width: 767px) {
        .butterAndSugar__butter__text__titleJp {
          font-size: 5.4054054054vw;
          margin-bottom: 5.4054054054vw; } }
    .butterAndSugar__butter__text__sentence {
      font-size: 14px;
      letter-spacing: 0.21em;
      line-height: 2.14;
      font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
      font-weight: 400; }
.butterAndSugar__sugar {
  margin-top: -150px;
  display: flex;
  justify-content: space-between;
  position: relative;
  flex-direction: row-reverse; }
  @media only screen and (max-width: 767px) {
    .butterAndSugar__sugar {
      display: block;
      margin-top: 0; } }
  .butterAndSugar__sugar__hl {
    position: absolute;
    top: 31%;
    left: 0;
    z-index: 1; }
    @media only screen and (max-width: 767px) {
      .butterAndSugar__sugar__hl {
        display: none; } }
  .butterAndSugar__sugar__mv {
    width: 48%; }
    @media only screen and (max-width: 767px) {
      .butterAndSugar__sugar__mv {
        width: 100%;
        margin-bottom: 30px; } }
    @media only screen and (max-width: 767px) {
      .butterAndSugar__sugar__mv__img {
        max-width: none;
        width: calc(100vw - 20px); } }
  .butterAndSugar__sugar__text {
    margin-top: auto;
    margin-bottom: 7%;
    width: 48%;
    z-index: 5;
    font-weight: 400; }
    @media only screen and (max-width: 767px) {
      .butterAndSugar__sugar__text {
        width: 100%; } }
    .butterAndSugar__sugar__text__titleJp {
      letter-spacing: 0.5rem;
      font-size: 20px;
      margin-bottom: 30px; }
      @media only screen and (max-width: 767px) {
        .butterAndSugar__sugar__text__titleJp {
          font-size: 5.4054054054vw;
          margin-bottom: 5.4054054054vw; } }
    .butterAndSugar__sugar__text__sentence {
      font-size: 14px;
      text-align: justify;
      letter-spacing: 0.21em;
      line-height: 2.14;
      font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; }

.variation {
  background-image: url("../images/variation_background.png");
  background-position: left 0;
  background-repeat: no-repeat;
  padding-top: 200px;
  margin-bottom: 220px; }
  @media only screen and (max-width: 767px) {
    .variation {
      margin-bottom: 90px;
      margin-top: -378px;
      padding-top: 378px;
      background-image: url("../images/variation_background_sp.png");
      background-repeat: repeat-y; } }
  .variation__hl {
    text-align: center;
    margin-bottom: 165px; }
    @media only screen and (max-width: 767px) {
      .variation__hl {
        margin-bottom: 115px; } }
  .variation__slider {
    margin-bottom: 130px; }
    @media only screen and (max-width: 767px) {
      .variation__slider {
        margin-bottom: 60px;
        width: 100vw;
        margin-left: -20px; } }
    .variation__slider__item {
      margin-left: 10px;
      margin-right: 10px;
      width: 210px; }
      .variation__slider__item > img {
        margin: 0 auto;
        margin-bottom: 20px;
        width: 100%; }
        @media only screen and (max-width: 767px) {
          .variation__slider__item > img {
            margin-bottom: 25px; } }
      .variation__slider__item__name {
        text-align: center;
        font-size: 16px;
        margin-bottom: 5px;
        letter-spacing: 0.2em; }
        @media only screen and (max-width: 767px) {
          .variation__slider__item__name {
            font-size: 14px; } }
        .variation__slider__item__name_narrow {
          letter-spacing: 0.1em; }
        .variation__slider__item__name_moreNarrow {
          letter-spacing: -0.04em; }
        .variation__slider__item__name__text {
          letter-spacing: 0.2em;
          line-height: 2;
          font-size: 12px;
          text-align: justify; }
      .variation__slider__item__nameFrench {
        text-align: center;
        font-family: "Bodoni Moda", serif;
        font-weight: 400;
        font-size: 12px;
        margin-bottom: 20px; }
        @media only screen and (max-width: 767px) {
          .variation__slider__item__nameFrench {
            margin-bottom: 15px; } }
    .variation__slider__arrowPrev {
      position: absolute;
      top: -150px;
      left: 50%;
      transform: translateX(-110%);
      transition: 0.3s; }
      @media only screen and (max-width: 767px) {
        .variation__slider__arrowPrev {
          top: -115px;
          transform: translateX(-105%); } }
      .variation__slider__arrowPrev:hover {
        cursor: pointer;
        opacity: 0.2; }
    .variation__slider__arrowNext {
      position: absolute;
      position: absolute;
      top: -150px;
      left: 50%;
      transform: translateX(10%);
      transition: 0.3s; }
      @media only screen and (max-width: 767px) {
        .variation__slider__arrowNext {
          top: -115px;
          transform: translateX(5%); } }
      .variation__slider__arrowNext:hover {
        cursor: pointer;
        opacity: 0.2; }
  .variation__season {
    margin-bottom: 130px; }
    @media only screen and (max-width: 767px) {
      .variation__season {
        margin-bottom: 60px; } }
    .variation__season__hl {
      font-size: 30px;
      letter-spacing: 0.4em;
      text-align: center;
      margin-bottom: 60px;
      font-weight: 300; }
      @media only screen and (max-width: 767px) {
        .variation__season__hl {
          font-size: 20px;
          margin-bottom: 30px; } }
    .variation__season__list {
      display: flex;
      justify-content: space-between; }
      @media only screen and (max-width: 767px) {
        .variation__season__list {
          flex-wrap: wrap; } }
      .variation__season__list__item {
        width: 270px;
        text-align: center; }
        @media only screen and (max-width: 767px) {
          .variation__season__list__item {
            width: 48%; } }
        .variation__season__list__item__media[data-season="1"] > img {
          margin-left: -50px; }
        .variation__season__list__item__media[data-season="2"] {
          width: 250px;
          margin: 0 auto;
          margin-bottom: 15px; }
          @media only screen and (max-width: 767px) {
            .variation__season__list__item__media[data-season="2"] {
              width: auto;
              margin-bottom: 0; } }
          .variation__season__list__item__media[data-season="2"] > img {
            padding-top: 5px; }
            @media only screen and (max-width: 767px) {
              .variation__season__list__item__media[data-season="2"] > img {
                padding-top: 0; } }
        .variation__season__list__item__media[data-season="3"] {
          width: 300px;
          margin-bottom: 8px; }
          @media only screen and (max-width: 767px) {
            .variation__season__list__item__media[data-season="3"] {
              width: auto; } }
          .variation__season__list__item__media[data-season="3"] > img {
            padding-top: 21px; }
        .variation__season__list__item__media[data-season="4"] {
          width: 280px;
          margin-bottom: 27px; }
          @media only screen and (max-width: 767px) {
            .variation__season__list__item__media[data-season="4"] {
              width: auto;
              margin-bottom: 0; } }
          .variation__season__list__item__media[data-season="4"] > img {
            padding-top: 25px; }
        .variation__season__list__item__media > img {
          text-align: center;
          max-width: none; }
          @media only screen and (max-width: 767px) {
            .variation__season__list__item__media > img {
              max-width: 100%; } }
        @media only screen and (max-width: 767px) {
          .variation__season__list__item__media_lg {
            display: none; } }
        .variation__season__list__item__media_xs {
          display: none; }
          @media only screen and (max-width: 767px) {
            .variation__season__list__item__media_xs {
              display: block; } }
        .variation__season__list__item__name {
          text-align: center;
          font-size: 16px;
          margin-bottom: 5px;
          letter-spacing: 0.2em; }
          @media only screen and (max-width: 767px) {
            .variation__season__list__item__name {
              font-size: 14px; } }
          .variation__season__list__item__name_narrow {
            letter-spacing: 0.1em; }
            @media only screen and (max-width: 767px) {
              .variation__season__list__item__name_narrow {
                letter-spacing: -0.07em; } }
        .variation__season__list__item__nameFrench {
          text-align: center;
          font-family: "Bodoni Moda", serif;
          font-weight: 400;
          font-size: 12px;
          margin-bottom: 20px; }
        .variation__season__list__item__text {
          text-align: justify;
          letter-spacing: 0.2em;
          line-height: 2;
          font-size: 12px; }
  .variation__mv {
    width: 100%;
    position: relative;
    height: 750px;
    z-index: 3; }
    @media only screen and (max-width: 767px) {
      .variation__mv {
        height: auto; } }
    .variation__mv__img1 {
      display: block;
      margin-left: auto;
      width: 760px;
      margin-right: 0; }
      @media only screen and (min-width: 1360px) {
        .variation__mv__img1 {
          margin-right: -105px; } }
      @media only screen and (max-width: 767px) {
        .variation__mv__img1 {
          width: 75%;
          margin-right: -20px;
          z-index: 2; } }
    .variation__mv__img2 {
      position: absolute;
      bottom: 0;
      left: 135px; }
      @media only screen and (max-width: 767px) {
        .variation__mv__img2 {
          position: static;
          width: 71.5%;
          margin-top: -10px;
          z-index: 1; } }
    .variation__mv__bg {
      margin-left: -20px;
      margin-top: -260px; }

.products {
  margin-bottom: 220px; }
  @media only screen and (max-width: 767px) {
    .products {
      margin-bottom: 90px; } }
  .products__hl {
    text-align: center; }
  .products__btn {
    text-align: center;
    display: block;
    margin: 0 auto;
    margin-bottom: 100px;
    transition: 0.3s;
    width: 84px;
    height: 84px; }
    @media only screen and (max-width: 767px) {
      .products__btn {
        margin-bottom: 40px;
        width: 70px;
        height: 70px; } }
    .products__btn:hover {
      cursor: pointer;
      opacity: 0.2; }
  .products__set {
    margin-bottom: 100px; }
    @media only screen and (max-width: 767px) {
      .products__set {
        margin-bottom: 80px; } }
    .products__set__name {
      text-align: center;
      margin-bottom: 60px;
      min-width: 1156px;
      font-weight: 400;
      font-size: 24px;
      letter-spacing: 0.4em; }
      @media only screen and (max-width: 767px) {
        .products__set__name {
          font-size: 5.4054054054vw;
          min-width: none;
          min-width: 0;
          margin-bottom: 8.1081081081vw; } }
    .products__set__mv {
      width: 100%;
      margin-bottom: 10px; }
      .products__set__mv__img {
        min-width: 1156px; }
        @media only screen and (max-width: 767px) {
          .products__set__mv__img {
            min-width: 0; } }
        @media only screen and (max-width: 767px) {
          .products__set__mv__img_lg {
            display: none; } }
        .products__set__mv__img_xlg {
          display: none; }
    .products__set__annotation {
      font-size: 12px;
      letter-spacing: 0.2em;
      margin-bottom: 50px;
      display: block; }
      @media only screen and (max-width: 767px) {
        .products__set__annotation {
          margin-bottom: 30px; } }
    .products__set__list {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap; }
      @media only screen and (max-width: 767px) {
        .products__set__list {
          display: none; } }
      .products__set__list__item > a {
        transition: 0.3s; }
        .products__set__list__item > a:hover {
          opacity: 0.5; }
        .products__set__list__item > a > img {
          width: 366px;
          height: 366px; }
      .products__set__list__item__name {
        margin-top: 10px;
        letter-spacing: 0.2em; }
      .products__set__list__item__price {
        letter-spacing: 0.2em; }
    .products__set__slider__item {
      margin: 0 10px; }
      @media only screen and (max-width: 767px) {
        .products__set__slider__item {
          margin: 0;
          margin-right: 10px; } }
      .products__set__slider__item_mr0 {
        margin: 0; }
      .products__set__slider__item__name {
        font-size: 12px;
        letter-spacing: 0.2em;
        margin-top: 10px; }
      .products__set__slider__item__price {
        font-size: 12px;
        letter-spacing: 0.2em; }
    .products__set__slider .slick-list {
      overflow: visible; }

.other {
  overflow: hidden; }
  .other__hl {
    text-align: center; }
  .other__icon {
    text-align: center;
    display: block;
    margin: 0 auto;
    margin-bottom: 100px;
    transition: 0.3s;
    height: 84px;
    width: 84px; }
    @media only screen and (max-width: 767px) {
      .other__icon {
        width: 70px;
        height: 70px;
        margin-bottom: 40px; } }
    .other__icon:hover {
      cursor: pointer;
      opacity: 0.2; }
  .other__contents {
    position: relative;
    padding-top: 375px;
    padding-bottom: 375px; }
    @media only screen and (max-width: 767px) {
      .other__contents {
        padding-bottom: 0;
        padding-top: 0; } }
    .other__contents__fig01 {
      position: absolute;
      top: 0;
      left: 0;
      width: calc(100vw - (100vw - 1156px) / 2);
      max-width: none;
      min-width: 100%;
      min-width: 1156px; }
      @media only screen and (max-width: 767px) {
        .other__contents__fig01_lg {
          display: none; } }
      .other__contents__fig01_xlg {
        display: none; }
      @media only screen and (max-width: 767px) {
        .other__contents__fig01 {
          position: static;
          min-width: 0;
          width: calc(100vw - 20px);
          margin-bottom: 30px; } }
    .other__contents__fig02 {
      position: absolute;
      bottom: 0;
      right: 0;
      width: calc(100vw - (100vw - 1156px) / 2);
      max-width: none;
      min-width: 1156px; }
      @media only screen and (max-width: 767px) {
        .other__contents__fig02_lg {
          display: none; } }
      .other__contents__fig02_xlg {
        display: none; }
      @media only screen and (max-width: 767px) {
        .other__contents__fig02 {
          margin-bottom: 30px;
          margin-left: -20px;
          min-width: 0;
          width: calc(100vw - 20px);
          position: static; } }
    .other__contents__text {
      background-color: #fff;
      width: 746px; }
      @media only screen and (max-width: 767px) {
        .other__contents__text {
          width: 100%;
          background-color: transparent; } }
      .other__contents__text__hlSub {
        display: block;
        margin: 0 auto 15px; }
        @media only screen and (max-width: 767px) {
          .other__contents__text__hlSub {
            margin-bottom: 5px; } }
      .other__contents__text__hlMain {
        font-size: 30px;
        letter-spacing: 0.4em;
        text-align: center;
        margin-bottom: 50px; }
        @media only screen and (max-width: 767px) {
          .other__contents__text__hlMain {
            margin-bottom: 8.1081081081vw;
            font-size: 5.4054054054vw; } }
      .other__contents__text[data-text="financier"] {
        position: relative;
        z-index: 3;
        padding-top: 60px;
        padding-right: 105px;
        float: left;
        padding-bottom: 100px; }
        @media only screen and (max-width: 767px) {
          .other__contents__text[data-text="financier"] {
            padding-right: 0;
            padding-top: 0;
            padding-bottom: 40px; } }
      .other__contents__text[data-text="organic"] {
        position: relative;
        z-index: 3;
        padding-bottom: 105px;
        padding-left: 105px;
        float: right; }
        @media only screen and (max-width: 767px) {
          .other__contents__text[data-text="organic"] {
            padding-left: 0;
            padding-bottom: 0; } }
    .other__contents__item__text {
      background-color: #fff;
      padding: 60px 105px;
      width: 746px; }
      .other__contents__item__text__hlSub {
        display: block;
        margin: 0 auto 15px; }
      .other__contents__item__text__hlMain {
        font-size: 30px;
        letter-spacing: 0.4em;
        text-align: center;
        margin-bottom: 50px; }
      .other__contents__item__text[data-text="financier"] {
        margin-top: -220px;
        margin-left: -105px;
        position: relative;
        z-index: 3; }
      .other__contents__item__text[data-text="organic"] {
        margin-top: -60px;
        margin-left: auto;
        margin-right: -105px;
        position: relative;
        z-index: 3; }
    .other__contents__item__fig01 {
      position: relative; }
      .other__contents__item__fig01 > img {
        position: absolute;
        top: 0;
        left: 0;
        width: calc(100vw - (100vw - 1156px) / 2);
        max-width: none; }
    .other__contents__item__fig02 {
      position: relative; }
      .other__contents__item__fig02 > img {
        position: absolute;
        top: 0;
        right: 0;
        width: calc(100vw - (100vw - 1156px) / 2);
        max-width: none; }

@media screen and (min-width: 1366px) {
  .mv__slider_lg {
    display: none !important; }
  .mv__slider_xlg {
    display: block; }

  .about__mv__img_lg {
    display: none; }
  .about__mv__img_xlg {
    display: block; }
  .about__text {
    line-height: 2.5; }

  .products__set__mv__img_lg {
    display: none; }
  .products__set__mv__img_xlg {
    display: block; }

  .other__contents__fig01_lg {
    display: none; }
  .other__contents__fig01_xlg {
    display: block; }
  .other__contents__fig02_lg {
    display: none; }
  .other__contents__fig02_xlg {
    display: block; } }
@media screen and (min-width: 1366px) and (max-width: 1700px) {
  .mv__hl {
    top: 24%;
    left: 5%; } }
@media screen and (min-width: 1701px) {
  .mv__hl {
    top: 27%;
    left: 12%; } }

/*# sourceMappingURL=index.css.map */