@charset "UTF-8";
body {
  /*
  @include inpc(){
    background: url(sample/product/pc.jpg)no-repeat top center;
  }
  @include intb(){
    background: url(sample/yuzu_tb.png)no-repeat top center;
    background-size: 100%;
  }
  @include insp(){
    background: url(sample/yuzu_sp.png)no-repeat top  center;
    background-size: 100%;
  }
  */ }

@media (min-width: 642px) {
  .ip6 {
    display: none; } }

@media (min-width: 0px) and (max-width: 335px) {
  .ip6 {
    display: none; } }

.fistview {
  position: relative; }
  @media (min-width: 769px) {
    .fistview {
      max-width: 2000px; } }
  @media (max-width: 641px) {
    .fistview {
      height: calc(var(--vh, 1vh) * 100);
      overflow: hidden; } }
  .fistview__bg {
    display: block;
    position: relative;
    width: 100%;
    z-index: 1; }
    @media (max-width: 641px) {
      .fistview__bg {
        height: 100%;
        position: absolute;
        right: 50%;
        top: 0;
        transform: translateX(50%);
        width: auto; } }
  .fistview__head {
    position: absolute;
    z-index: 2; }
    @media (min-width: 769px) {
      .fistview__head {
        right: 9.4%;
        top: 40.9%;
        width: 28.4%; } }
    @media (min-width: 642px) and (max-width: 768px) {
      .fistview__head {
        right: 22.9%;
        top: 77%;
        /*
      transform: translateX(48.4%);
      */
        width: 54.2%; } }
    @media (max-width: 641px) {
      .fistview__head {
        bottom: calc(var(--vh, 1vh) * 6.1);
        width: 100%; } }
  .fistview__title {
    display: block; }
    @media (min-width: 642px) {
      .fistview__title {
        width: 100%; } }
    @media (max-width: 641px) {
      .fistview__title {
        height: calc(var(--vh, 1vh) * 14.9);
        margin: 0 auto;
        width: auto; } }
  .fistview__imgwrap {
    height: calc(var(--vh, 1vh) * 27.5);
    left: 0;
    max-height: 150px;
    position: absolute;
    top: calc(var(--vh, 1vh) * 8.5);
    width: 100%;
    z-index: 2; }
  .fistview__img {
    position: absolute;
    z-index: 2; }
    @media (min-width: 769px) {
      .fistview__img {
        left: 9%;
        top: 31.2%;
        width: 28.7%; } }
    @media (min-width: 642px) and (max-width: 768px) {
      .fistview__img {
        left: 13.7%;
        top: 11%;
        width: 75.4%; } }
    @media (max-width: 641px) {
      .fistview__img {
        height: 100%;
        right: 50%;
        transform: translateX(49.8%);
        width: auto; } }
  .fistview__hr {
    border: none;
    background-color: #fff;
    display: block;
    height: 120px;
    margin: -60px auto;
    position: relative;
    width: 2px;
    z-index: 3; }

@media (min-width: 769px) {
  .lead {
    display: flex; } }

@media (min-width: 642px) and (max-width: 768px) {
  .lead {
    padding-bottom: 14.4%; } }

@media (max-width: 641px) {
  .lead {
    padding-bottom: 20.6%; } }

.lead__animation {
  opacity: 0; }

.lead__imgbox {
  align-items: center;
  display: flex;
  justify-content: center; }
  @media (min-width: 769px) {
    .lead__imgbox {
      width: 50%; } }
  @media (min-width: 642px) and (max-width: 768px) {
    .lead__imgbox {
      padding: 12.1% 0 4.8%;
      width: 100%; } }
  @media (max-width: 641px) {
    .lead__imgbox {
      padding: 15.5% 0 10.4%;
      width: 100%; } }
  @media (min-width: 642px) and (max-width: 768px) {
    .lead__imgbox_half {
      justify-content: flex-start;
      margin: 0 auto;
      width: 487px; } }
  @media (min-width: 642px) and (max-width: 768px) {
    .lead__imgbox_half .lead__centerbox {
      width: 334px; } }

.lead__centerbox {
  background: url(/images/organic/lavender/pc/la_01_100bk_2x.png) no-repeat center;
  background-size: contain; }
  @media (min-width: 769px) {
    .lead__centerbox {
      max-width: 508px;
      width: 80%; } }
  @media (min-width: 642px) and (max-width: 768px) {
    .lead__centerbox {
      width: 488px; } }
  @media (max-width: 641px) {
    .lead__centerbox {
      margin: 0 auto;
      width: 87%; } }

.lead__text {
  color: #fff; }
  @media (min-width: 769px) {
    .lead__text {
      padding: 90px 0 97px;
      width: 50%; } }
  @media (min-width: 642px) and (max-width: 768px) {
    .lead__text {
      display: block;
      margin: 0 auto;
      padding-left: calc( 50% - 244px);
      padding-right: 5%;
      width: 100%; } }
  @media (max-width: 641px) {
    .lead__text {
      padding: 0 6.5%; } }

.lead__p {
  font-size: 16px;
  line-height: 28px;
  margin-bottom: 25px; }
  @media (max-width: 641px) {
    .lead__p {
      font-size: 14px;
      line-height: 24px;
      margin-bottom: 7.2%; } }
  .lead__p__palt {
    font-feature-settings: "palt"; }

@media (min-width: 642px) {
  .lead__note {
    font-size: 11px;
    padding-top: 5px; } }

@media (max-width: 641px) {
  .lead__note {
    font-size: 10px;
    padding-top: 3px; } }

.copy__img {
  height: 297px;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover; }
  @media (max-width: 641px) {
    .copy__img {
      height: 0;
      padding-top: 49.3%; } }

@media (min-width: 642px) {
  .copy__head {
    padding: 93px 0 96px; } }

.copy__title {
  display: block;
  margin: 0 auto; }
  @media (min-width: 642px) {
    .copy__title {
      max-width: 566px;
      width: 90%; } }
  @media (max-width: 641px) {
    .copy__title {
      max-width: 100%; } }

@media (min-width: 642px) {
  .tow-col {
    display: flex; } }

.tow-col__img {
  height: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }
  @media (min-width: 769px) {
    .tow-col__img {
      padding-top: 46.8%;
      width: 50%; } }
  @media (min-width: 642px) and (max-width: 768px) {
    .tow-col__img {
      padding-top: 83.4%;
      width: 43.7%; } }
  @media (max-width: 641px) {
    .tow-col__img {
      height: 0;
      padding-top: 100%;
      width: 100%; } }

.tow-col__text {
  align-items: center;
  color: #fff;
  display: flex;
  justify-content: center; }
  @media (min-width: 769px) {
    .tow-col__text {
      padding: 20px;
      width: 50%; } }
  @media (min-width: 642px) and (max-width: 768px) {
    .tow-col__text {
      width: 56.3%; } }
  @media (max-width: 641px) {
    .tow-col__text {
      padding: 15.3% 6.5% 20.7%; } }

.tow-col__content {
  /*
    @include intb(){
      width: 305px;
    }
    */ }

@media (min-width: 642px) {
  .tow-col__copy {
    font-size: 18px;
    line-height: 1.6em;
    margin-bottom: 22px; } }

@media (max-width: 641px) {
  .tow-col__copy {
    font-size: 16px;
    line-height: 1.6em;
    margin-bottom: 6.2%; } }

@media (min-width: 642px) {
  .tow-col__head {
    font-size: 32px;
    line-height: 1.5em;
    margin-bottom: 23px; } }

@media (max-width: 641px) {
  .tow-col__head {
    font-size: 26px;
    line-height: 1.5em;
    margin-bottom: 5%; } }

@media (min-width: 642px) {
  .tow-col__p {
    font-size: 16px;
    line-height: 1.8em;
    max-width: 305px;
    width: 100%; } }

@media (max-width: 641px) {
  .tow-col__p {
    font-size: 14px;
    line-height: 1.75em; } }

.tow-col__note {
  font-size: 10px;
  padding-top: 3px; }

.tow-col_2 {
  background-color: #acb89a;
  flex-direction: row-reverse; }

.sheet {
  background-repeat: no-repeat;
  background-position: center; }
  @media (min-width: 769px) {
    .sheet {
      background-image: url(/images/organic/common/product/la_05_bkimg_pc2000.jpg);
      background-size: auto 100%;
      display: flex; } }
  @media (min-width: 642px) and (max-width: 768px) {
    .sheet {
      background-image: url(/images/organic/common/product/la_05_bkimg_tb2x.jpg);
      padding: 12.5% 0 14.3%;
      background-size: cover; } }
  @media (max-width: 641px) {
    .sheet {
      background-image: url(/images/organic/common/product/la_05_bkimg_sp2x.jpg);
      padding: 16.9% 0 20.5%;
      background-size: cover; } }
  @media (min-width: 769px) {
    .sheet__head {
      align-items: center;
      display: flex;
      height: 640px;
      justify-content: center;
      width: 50%; } }
  @media (min-width: 642px) and (max-width: 768px) {
    .sheet__head {
      margin-bottom: 70.4%; } }
  @media (max-width: 641px) {
    .sheet__head {
      margin-bottom: 93%; } }
  .sheet__img {
    display: block; }
    @media (min-width: 769px) {
      .sheet__img {
        width: 305px; } }
    @media (min-width: 642px) and (max-width: 768px) {
      .sheet__img {
        margin: 0 auto;
        width: 488px; } }
    @media (max-width: 641px) {
      .sheet__img {
        margin: 0 auto;
        width: 85.5%; } }
  @media (min-width: 769px) {
    .sheet__text {
      align-items: center;
      display: flex;
      flex-direction: column;
      height: 640px;
      justify-content: center;
      width: 50%; } }
  @media (min-width: 642px) and (max-width: 768px) {
    .sheet__text {
      display: block;
      margin: 0 auto;
      width: 432px; } }
  @media (max-width: 641px) {
    .sheet__text {
      padding: 0 6.5%; } }
  .sheet__p {
    font-size: 16px;
    line-height: 1.7em;
    margin-bottom: 5px; }
    @media (min-width: 769px) {
      .sheet__p {
        width: 310px; } }
    @media (max-width: 641px) {
      .sheet__p {
        font-size: 14px;
        line-height: 1.7em; } }
  .sheet__note {
    font-size: 10px; }
    @media (min-width: 769px) {
      .sheet__note {
        width: 310px; } }

.commit {
  background-repeat: no-repeat;
  background-position: center; }
  @media (min-width: 769px) {
    .commit {
      background-image: url(/images/organic/common/product/la_06_bkimg_pc2000.jpg);
      padding: 96px 0 32px; } }
  @media (min-width: 642px) and (max-width: 768px) {
    .commit {
      background-image: url(/images/organic/common/product/la_06_bkimg_tb2x.jpg);
      background-size: cover;
      padding: 12.4% 0 3.8%; } }
  @media (max-width: 641px) {
    .commit {
      background-image: url(/images/organic/common/product/la_06_bkimg_sp2x.jpg);
      background-size: cover;
      padding: 17% 0 6.1%; } }
  .commit__title {
    display: block;
    margin: 0 auto;
    width: 553px; }
    @media (max-width: 641px) {
      .commit__title {
        width: 64.6%; } }
  @media (min-width: 642px) {
    .commit__head {
      margin-bottom: 54px; } }
  @media (max-width: 641px) {
    .commit__head {
      margin-bottom: 7.8%; } }
  @media (min-width: 769px) {
    .commit__content {
      display: flex;
      margin-bottom: 87px; } }
  @media (min-width: 642px) and (max-width: 768px) {
    .commit__content {
      margin-bottom: 9.4%; } }
  @media (max-width: 641px) {
    .commit__content {
      margin-bottom: 6.9%; } }
  .commit__block {
    text-align: center; }
    @media (min-width: 769px) {
      .commit__block {
        width: 50%; } }
    @media (min-width: 642px) and (max-width: 768px) {
      .commit__block {
        padding: 0 9% 2%; } }
  .commit__img {
    width: 100%; }
    @media (min-width: 769px) {
      .commit__img {
        max-width: 490px; } }
    @media (min-width: 642px) and (max-width: 768px) {
      .commit__img {
        max-width: 582px; } }
  .commit__note {
    color: #fff;
    font-size: 10px;
    text-align: center; }
    @media (max-width: 641px) {
      .commit__note {
        padding: 0 5.7%;
        text-align: left; } }

.howtouse {
  background-color: #ededed; }
  @media (min-width: 769px) {
    .howtouse {
      padding: 95px 0 114px; } }
  @media (min-width: 642px) and (max-width: 768px) {
    .howtouse {
      padding: 12.6% 0 14.5%; } }
  @media (max-width: 641px) {
    .howtouse {
      padding: 16.2% 0 19%; } }
  .howtouse__img1 {
    display: block;
    margin: 0 auto;
    width: 384px; }
    @media (max-width: 641px) {
      .howtouse__img1 {
        width: 77.4%; } }
  .howtouse__img2 {
    display: block; }
    @media (min-width: 769px) {
      .howtouse__img2 {
        margin: 59px auto 0;
        max-width: 1088px;
        width: 90%; } }
    @media (min-width: 642px) and (max-width: 768px) {
      .howtouse__img2 {
        margin: 8.2% auto 0;
        width: 87.6%; } }
    @media (max-width: 641px) {
      .howtouse__img2 {
        margin: 10.2% auto 0;
        transform: translateX(-2px);
        width: 86.4%; } }

@media (min-width: 769px) {
  .product {
    padding: 96px 0 115px; } }

@media (min-width: 642px) and (max-width: 768px) {
  .product {
    padding: 12.5% 0 14.6%; } }

@media (max-width: 641px) {
  .product {
    padding: 17% 0 21.3%; } }

@media (min-width: 769px) {
  .product__head {
    margin-bottom: 67px; } }

@media (min-width: 642px) and (max-width: 768px) {
  .product__head {
    margin-bottom: 8.8%; } }

@media (max-width: 641px) {
  .product__head {
    margin-bottom: 13%; } }

.product__title {
  display: block;
  margin: 0 auto;
  max-width: 363px; }
  @media (max-width: 641px) {
    .product__title {
      width: 68%; } }

.product__container {
  color: #fff; }
  @media (min-width: 769px) {
    .product__container {
      display: flex;
      flex-direction: row-reverse; } }
  @media (max-width: 769px) {
    .product__container {
      text-align: center; } }

@media (min-width: 769px) {
  .product__content {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 50%; } }

@media (min-width: 642px) and (max-width: 768px) {
  .product__content {
    width: 100%; } }

@media (min-width: 769px) {
  .product__info {
    display: inline-block;
    padding-top: 10px; } }

@media (min-width: 769px) {
  .product__imgbox {
    width: 50%; } }

@media (min-width: 642px) and (max-width: 768px) {
  .product__imgbox {
    margin-bottom: 4%;
    width: 100%; } }

@media (max-width: 641px) {
  .product__imgbox {
    margin-bottom: 5%;
    width: 100%; } }

@media (min-width: 769px) {
  .product__img {
    max-width: 557px;
    transform: translateX(-14px);
    width: 90%; } }

@media (min-width: 642px) and (max-width: 768px) {
  .product__img {
    width: 441px; } }

@media (max-width: 641px) {
  .product__img {
    width: 78%; } }

.product__lead {
  border-bottom: dotted 3px #fff;
  display: inline-block;
  font-feature-settings: "palt"; }
  @media (min-width: 769px) {
    .product__lead {
      font-size: 26px;
      line-height: 1.7em;
      margin-bottom: 28px; } }
  @media (min-width: 642px) and (max-width: 768px) {
    .product__lead {
      font-size: 28px;
      letter-spacing: 2px;
      line-height: 1.7em;
      margin-bottom: 5.2%; } }
  @media (max-width: 641px) {
    .product__lead {
      font-size: 22px;
      line-height: 1.5em;
      margin-bottom: 7%; } }

.product__name {
  font-family: 'A1 Gothic B';
  margin-bottom: 13px; }
  @media (min-width: 642px) {
    .product__name {
      font-size: 20px;
      line-height: 1.5em; } }
  @media (max-width: 641px) {
    .product__name {
      font-size: 16px;
      line-height: 1.5em; } }

.product__price {
  font-size: 14px;
  line-height: 1.4em; }
  @media (min-width: 642px) {
    .product__price {
      margin-bottom: 15px; } }
  @media (max-width: 641px) {
    .product__price {
      margin-bottom: 2%; } }

.product__anc {
  display: inline-block;
  font-size: 14px;
  line-height: 1em;
  text-decoration: underline; }
  @media (min-width: 769px) {
    .product__anc {
      margin-bottom: 34px; } }
  @media (min-width: 642px) and (max-width: 768px) {
    .product__anc {
      margin-bottom: 6.3%; } }
  @media (max-width: 641px) {
    .product__anc {
      margin-bottom: 8.8%; } }

.product__btn {
  align-items: center;
  background-color: #242424;
  color: #fff;
  display: flex;
  height: 60px;
  justify-content: center; }
  @media (min-width: 769px) {
    .product__btn {
      width: 312px; } }
  @media (min-width: 642px) and (max-width: 768px) {
    .product__btn {
      font-size: 18px;
      letter-spacing: 1px;
      margin: 0 auto;
      width: 326px; } }
  @media (max-width: 641px) {
    .product__btn {
      font-size: 16px;
      height: 53px;
      margin: 0 auto;
      width: 74.5%; } }
  @media (min-width: 642px) {
    .product__btn_mb {
      margin-bottom: 12px; } }
  @media (max-width: 641px) {
    .product__btn_mb {
      margin-bottom: 4.2%; } }

/****************************
商品個別設定
****************************/
/* ラベンダー */
@media (min-width: 642px) {
  .lavender .copy__img {
    background-image: url(/images/organic/lavender/pc/la_02_bkimg_pc2000.jpg); } }

@media (max-width: 641px) {
  .lavender .copy__img {
    background-image: url(/images/organic/lavender/sp/la_02_bkimg_sp2x.jpg); } }

.lavender .lead__animation {
  left: 41%;
  position: relative;
  transform: translateX(-50%);
  width: 58.3%; }

@media (min-width: 769px) {
  .lavender .tow-col_1 .tow-col__img {
    background-image: url(/images/organic/lavender/pc/la_03_img2x.jpg); } }

@media (min-width: 642px) and (max-width: 768px) {
  .lavender .tow-col_1 .tow-col__img {
    background-image: url(/images/organic/lavender/tb/la_03_img_tb2x.jpg); } }

@media (max-width: 641px) {
  .lavender .tow-col_1 .tow-col__img {
    background-image: url(/images/organic/lavender/sp/la_03_img_sp2x.jpg); } }

@media (min-width: 769px) {
  .lavender .tow-col_2 .tow-col__img {
    background-image: url(/images/organic/lavender/pc/la_04_img2x.jpg); } }

@media (min-width: 642px) and (max-width: 768px) {
  .lavender .tow-col_2 .tow-col__img {
    background-image: url(/images/organic/lavender/tb/la_04_img_sp2x.jpg); } }

@media (max-width: 641px) {
  .lavender .tow-col_2 .tow-col__img {
    background-image: url(/images/organic//lavender/sp/la_04_img_sp2x.jpg); } }

.lavender .bgcol_1 {
  background-color: #9e91c2; }

.lavender .bgcol_2 {
  background-color: #939ccc; }

/* ローズ */
@media (min-width: 642px) and (max-width: 768px) {
  .rose .fistview__img {
    left: 24.3%;
    width: 51.4%; } }

@media (max-width: 641px) {
  .rose .copy__head {
    padding: 17% 6.66%; } }

@media (min-width: 642px) and (max-width: 768px) {
  .rose .copy__title {
    max-width: 644px; } }

.rose .tow-col_2 {
  background-color: #a89085; }

.rose .lead__centerbox {
  background: url(/images/organic/rose/pc/ro_01_2600bk_2x.png) no-repeat center left;
  background-size: 95%; }

.rose .lead__animation {
  transform: translateX(5%);
  width: 95%; }

@media (min-width: 642px) {
  .rose .copy__img {
    background-image: url(/images/organic/rose/pc/ro_02_bkimg_pc2000.jpg); } }

@media (max-width: 641px) {
  .rose .copy__img {
    background-image: url(/images/organic/rose/sp/ro_02_bkimg_sp2x.jpg); } }

@media (min-width: 769px) {
  .rose .tow-col_1 .tow-col__img {
    background-image: url(/images/organic/rose/pc/ro_03_img2x.jpg); } }

@media (min-width: 642px) and (max-width: 768px) {
  .rose .tow-col_1 .tow-col__img {
    background-image: url(/images/organic/rose/tb/ro_03_img_tb2x.jpg); } }

@media (max-width: 641px) {
  .rose .tow-col_1 .tow-col__img {
    background-image: url(/images/organic/rose/sp/ro_03_img_sp2x.jpg); } }

@media (min-width: 769px) {
  .rose .tow-col_2 .tow-col__img {
    background-image: url(/images/organic/rose/pc/ro_04_img2x.jpg); } }

@media (min-width: 642px) and (max-width: 768px) {
  .rose .tow-col_2 .tow-col__img {
    background-image: url(/images/organic/rose/tb/ro_04_img_tb2x.jpg); } }

@media (max-width: 641px) {
  .rose .tow-col_2 .tow-col__img {
    background-image: url(/images/organic/rose/sp/ro_04_img_sp2x.jpg); } }

.rose .bgcol_1 {
  background-color: #b581a3; }

.rose .bgcol_2 {
  background-color: #d78bad; }

/* ユズ */
@media (min-width: 642px) and (max-width: 768px) {
  .yuzu .fistview__img {
    left: 19.9%;
    width: 59.8%; } }

@media (max-width: 641px) {
  .yuzu .copy__head {
    padding: 17% 6.66%; } }

.yuzu .tow-col_2 {
  background-color: #77b08b; }

.yuzu .lead__centerbox {
  background-image: url(/images/organic/yuzu/pc/yu_01_20bk_2x.png); }
  @media (min-width: 642px) and (max-width: 768px) {
    .yuzu .lead__centerbox {
      width: 412px; } }
  @media (max-width: 641px) {
    .yuzu .lead__centerbox {
      margin: 0 0 0 6.4%;
      width: 73%; } }

@media (min-width: 642px) and (max-width: 768px) {
  .yuzu .lead__imgbox {
    display: block;
    padding-left: calc( 50% - 244px); } }

@media (max-width: 641px) {
  .yuzu .lead__imgbox {
    display: block; } }

.yuzu .lead__animation {
  left: 41%;
  position: relative;
  transform: translate(-50%, 2%);
  width: 49%; }

@media (max-width: 641px) {
  .yuzu .copy__title {
    width: 73.3%; } }

@media (min-width: 642px) {
  .yuzu .copy__img {
    background-image: url(/images/organic/yuzu/pc/yu_02_bkimg_pc2000.jpg); } }

@media (max-width: 641px) {
  .yuzu .copy__img {
    background-image: url(/images/organic/yuzu/sp/yu_02_bkimg_sp2x.jpg); } }

@media (min-width: 769px) {
  .yuzu .tow-col_1 .tow-col__img {
    background-image: url(/images/organic/yuzu/pc/yu_03_img2x.jpg); } }

@media (min-width: 642px) and (max-width: 768px) {
  .yuzu .tow-col_1 .tow-col__img {
    background-image: url(/images/organic/yuzu/tb/yu_03_img_tb2x.jpg); } }

@media (max-width: 641px) {
  .yuzu .tow-col_1 .tow-col__img {
    background-image: url(/images/organic/yuzu/sp/yu_03_img_sp2x.jpg); } }

@media (min-width: 769px) {
  .yuzu .tow-col_2 .tow-col__img {
    background-image: url(/images/organic/yuzu/pc/yu_04_img2x.jpg); } }

@media (min-width: 642px) and (max-width: 768px) {
  .yuzu .tow-col_2 .tow-col__img {
    background-image: url(/images/organic/yuzu/tb/yu_04_img_tb2x.jpg); } }

@media (max-width: 641px) {
  .yuzu .tow-col_2 .tow-col__img {
    background-image: url(/images/organic/yuzu/sp/yu_04_img_sp2x.jpg); } }

.yuzu .bgcol_1 {
  background-color: #c5b062; }

.yuzu .bgcol_2 {
  background-color: #c4942f; }

/* カモミール */
@media (max-width: 641px) {
  .chamomile .fistview__title {
    max-height: 82px; } }

@media (min-width: 642px) and (max-width: 768px) {
  .chamomile .fistview__img {
    left: 21.15%;
    width: 57.7%; } }

@media (min-width: 642px) and (max-width: 768px) {
  .chamomile .fistview__head {
    max-width: 416px; } }

@media (max-width: 641px) {
  .chamomile .copy__head {
    padding: 15%; } }

@media (min-width: 642px) and (max-width: 768px) {
  .chamomile .copy__title {
    max-width: 647px; } }

@media (min-width: 642px) {
  .chamomile .copy__img {
    background-image: url(/images/organic/chamomile/pc/ch_02_bkimg_pc2000.jpg); } }

@media (max-width: 641px) {
  .chamomile .copy__img {
    background-image: url(/images/organic/chamomile/sp/ch_02_bkimg_sp2x.jpg); } }

.chamomile .lead__centerbox {
  background-image: url(/images/organic/chamomile/pc/ch_01_4000bk_2x.png); }

.chamomile .lead__animation {
  position: relative;
  transform: translateX(6%);
  width: 83%; }

@media (min-width: 769px) {
  .chamomile .tow-col_1 .tow-col__img {
    background-image: url(/images/organic/chamomile/pc/ch_03_img2x.jpg); } }

@media (min-width: 642px) and (max-width: 768px) {
  .chamomile .tow-col_1 .tow-col__img {
    background-image: url(/images/organic/chamomile/tb/ch_03_img_tb2x.jpg); } }

@media (max-width: 641px) {
  .chamomile .tow-col_1 .tow-col__img {
    background-image: url(/images/organic/chamomile/sp/ch_03_img_sp2x.jpg); } }

.chamomile .tow-col_2 {
  background-color: #8a837b; }
  @media (min-width: 769px) {
    .chamomile .tow-col_2 .tow-col__img {
      background-image: url(/images/organic/chamomile/pc/ch_04_img2x.jpg); } }
  @media (min-width: 642px) and (max-width: 768px) {
    .chamomile .tow-col_2 .tow-col__img {
      background-image: url(/images/organic/chamomile/tb/ch_04_img_tb2x.jpg); } }
  @media (max-width: 641px) {
    .chamomile .tow-col_2 .tow-col__img {
      background-image: url(/images/organic//chamomile/sp/ch_04_img_sp2x.jpg); } }

@media (max-width: 641px) {
  .chamomile .product__lead {
    letter-spacing: 0; } }

.chamomile .bgcol_1 {
  background-color: #a0bd4f; }

.chamomile .bgcol_2 {
  background-color: #79b58d; }

/* ティーツリー */
@media (max-width: 641px) {
  .teatree .fistview__imgwrap {
    max-height: 150px; } }

@media (min-width: 642px) and (max-width: 768px) {
  .teatree .fistview__img {
    left: 23.7%;
    width: 52.1%; } }

@media (max-width: 641px) {
  .teatree .fistview__title {
    height: calc(var(--vh, 1vh) * 19);
    max-height: 120px; } }

@media (max-width: 641px) {
  .teatree .fistview__head {
    bottom: 2vh; } }

@media (max-width: 641px) {
  .teatree .copy__head {
    padding: 15%; } }

@media (min-width: 642px) {
  .teatree .copy__img {
    background-image: url(/images/organic/teatree/pc/te_02_bkimg_pc2000.jpg); } }

@media (max-width: 641px) {
  .teatree .copy__img {
    background-image: url(/images/organic/teatree/sp/te_02_bkimg_sp2x.jpg); } }

.teatree .lead__centerbox {
  background-image: url(/images/organic/teatree/pc/te_01_8bk_2x.png); }

@media (min-width: 642px) and (max-width: 768px) {
  .teatree .lead__p {
    white-space: nowrap; } }

.teatree .lead__animation {
  left: 50%;
  position: relative;
  transform: translate(-50%, 2%);
  width: 69%; }

@media (min-width: 769px) {
  .teatree .tow-col_1 .tow-col__img {
    background-image: url(/images/organic/teatree/pc/te_03_img2x.jpg); } }

@media (min-width: 642px) and (max-width: 768px) {
  .teatree .tow-col_1 .tow-col__img {
    background-image: url(/images/organic/teatree/tb/te_03_img_tb2x.jpg); } }

@media (max-width: 641px) {
  .teatree .tow-col_1 .tow-col__img {
    background-image: url(/images/organic/teatree/sp/te_03_img_sp2x.jpg); } }

.teatree .tow-col_2 {
  background-color: #7e9553; }
  @media (min-width: 769px) {
    .teatree .tow-col_2 .tow-col__img {
      background-image: url(/images/organic/teatree/pc/te_04_img2x.jpg); } }
  @media (min-width: 642px) and (max-width: 768px) {
    .teatree .tow-col_2 .tow-col__img {
      background-image: url(/images/organic/teatree/tb/te_03_img_tb2x.jpg); } }
  @media (max-width: 641px) {
    .teatree .tow-col_2 .tow-col__img {
      background-image: url(/images/organic//teatree/sp/te_04_img_sp2x.jpg); } }

.teatree .bgcol_1 {
  background-color: #68ad77; }

.teatree .bgcol_2 {
  background-color: #9aac2a; }

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