@charset "UTF-8";
/* difines */
@media screen and (max-width: 900px) {
  .pc {
    display: none; } }

@media screen and (min-width: 900px) {
  .sp {
    display: none; } }

/* common */
.wrap-center {
  position: relative;
  display: block; }
  .wrap-center .center-in {
    position: absolute;
    display: block;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); }

.pic-cover {
  display: block;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }

.pic-contain {
  display: block;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat; }

.wrap-pic {
  overflow: hidden; }
  .wrap-pic .pic-cover, .wrap-pic .pic-contain {
    transition: 1.6s cubic-bezier(0.22, 0.9, 0.41, 0.96); }

#pic-sns {
  background-image: url(../images/pic-sns.jpg); }

#logo-coil {
  background-image: url(../images/logo-coil.svg); }

#logo-tile {
  background-image: url(../images/logo-tile.svg); }

#logo-de {
  background-image: url(../images/logo-de.svg); }

#logo-burger {
  background-image: url(../images/logo-burger.svg); }

html, body {
  letter-spacing: 0.2em;
  -webkit-font-smoothing: antialiased; }
  @media screen and (min-width: 900px) {
    html, body {
      font-size: 20px; } }
  @media screen and (max-width: 900px) {
    html, body {
      font-size: 14px; } }

a {
  color: #000;
  text-decoration: none; }

.en {
  font-family: 'Bebas Neue', cursive;
  line-height: 1.7; }

.jp {
  font-family: initial;
  font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
  letter-spacing: 0.07em;
  line-height: 1.7;
  font-weight: 700; }

body::before {
  background: url("../images/bg-materials.jpg") no-repeat center;
  /* 擬似要素に背景画像 */
  background-size: cover;
  /* cover指定 */
  content: "";
  /* 画像を表示させる為に必要*/
  display: block;
  /*ブロックボックスで表示*/
  position: fixed;
  /* 擬似要素全体を固定 */
  width: 100%;
  /* 横幅を画面全体 */
  height: 100vh;
  /* 縦幅を画面全体 */
  top: 0;
  /* 上からの配置を0 */
  left: 0;
  /* 左からの配置を0 */
  z-index: -1;
  /*背景画像になるように重ね順を-1*/ }

section#menu, section#micro-greens,
section#access footer {
  width: 100vw;
  max-width: 1792px;
  display: block;
  margin: 0 auto; }

section:not(#materials) {
  background-color: #FFF; }

#logo-fix {
  opacity: 0;
  transition: 0.5s cubic-bezier(0.22, 0.9, 0.41, 0.96);
  position: fixed;
  background-image: url(../images/logo-otm-icecream.svg);
  top: 0;
  margin-top: 48px;
  z-index: 3; }
  @media screen and (min-width: 900px) {
    #logo-fix {
      width: 129.27px;
      height: 131.53px;
      left: 4.765625vw; } }
  @media screen and (max-width: 900px) {
    #logo-fix {
      width: 95.64px;
      height: 97.32px;
      left: 50%;
      transform: translateX(-50%); } }
  #logo-fix.small {
    margin-top: 24px;
    width: 71.89px;
    height: 73.15px; }

section#kv #kv-popup {
  background-image: url(../images/pic-kv-popup.svg);
  position: absolute;
  z-index: 1;
  opacity: 0;
  transition: 0.5s cubic-bezier(0.22, 0.9, 0.41, 0.96);
  transition-delay: 0.8s; }
  @media screen and (min-width: 900px) {
    section#kv #kv-popup {
      margin-top: 18.75vw;
      margin-left: 4.765625vw;
      width: 42.1875vw;
      height: 28.90625vw; } }
  @media screen and (max-width: 900px) {
    section#kv #kv-popup {
      margin-left: 33px;
      width: 309px;
      height: 211px;
      top: 277px; } }
@media screen and (min-width: 900px) {
  section#kv {
    padding-top: 1px;
    padding-bottom: 1px; }
    section#kv .kv-video-wrap {
      position: relative;
      margin-top: 112px;
      overflow: hidden;
      min-height: 640px; }
      section#kv .kv-video-wrap #kv-player {
        opacity: 0;
        min-width: 1138px;
        min-height: 640px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%); } }
@media screen and (max-width: 900px) {
  section#kv {
    padding-top: 1px;
    padding-bottom: 80px;
    width: 100vw;
    height: 640px; }
    section#kv .kv-video-wrap-sp {
      position: relative;
      margin-top: 88px;
      overflow: hidden;
      width: 100vw;
      height: 640px; }
      section#kv .kv-video-wrap-sp #kv-player-sp {
        opacity: 0;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%); } }

section#materials {
  position: relative; }
  section#materials #bg-materials {
    width: calc( 100vw - 32px );
    /*
    background-image: url(../images/bg-materials.jpg); 
    background-attachment: fixed;
    */
    border: solid 16px #FFF; }
    @media screen and (min-width: 900px) {
      section#materials #bg-materials {
        padding-bottom: 80px; } }
  section#materials .list-materials {
    margin: 0 auto;
    padding-bottom: 4vw;
    padding-top: 4vw;
    z-index: 2; }
    section#materials .list-materials li {
      transition: 1.5s cubic-bezier(0.22, 0.9, 0.41, 0.96);
      transform: translateY(100px);
      opacity: 0; }
      @media screen and (min-width: 640px) and (max-width: 1849px) {
        section#materials .list-materials li:nth-of-type(2n) {
          transform: translateY(260px); } }
      @media screen and (min-width: 1850px) {
        section#materials .list-materials li:nth-of-type(3n+2) {
          transform: translateY(260px); }
        section#materials .list-materials li:nth-of-type(3n+3) {
          transform: translateY(220px); } }
      section#materials .list-materials li .materials-inner {
        transition: 3.6s cubic-bezier(0.22, 0.9, 0.41, 0.96);
        transition-delay: 0.7s;
        padding-top: 120px;
        opacity: 0;
        font-size: 3.6vw;
        width: 100%;
        text-align: center; }
        section#materials .list-materials li .materials-inner.btm {
          transform: translateX(-50%);
          top: unset;
          bottom: 32px; }
      section#materials .list-materials li.scrolled {
        transform: translateY(0);
        opacity: 1; }
        section#materials .list-materials li.scrolled .materials-inner {
          padding-top: 0;
          opacity: 1; }
        @media screen and (min-width: 640px) and (max-width: 1849px) {
          section#materials .list-materials li.scrolled:nth-of-type(2n) {
            transform: translateY(160px); } }
        @media screen and (min-width: 1850px) {
          section#materials .list-materials li.scrolled:nth-of-type(3n+2) {
            transform: translateY(160px); }
          section#materials .list-materials li.scrolled:nth-of-type(3n+3) {
            transform: translateY(80px); } }
      section#materials .list-materials li:nth-of-type(2n) {
        transition-delay: 0.2s; }
        section#materials .list-materials li:nth-of-type(2n) .materials-inner {
          transition-delay: 1.0s; }
      section#materials .list-materials li:nth-of-type(3n) {
        transition-delay: 0.3s; }
        section#materials .list-materials li:nth-of-type(3n) .materials-inner {
          transition-delay: 1.2s; }
      section#materials .list-materials li:nth-of-type(5n) .materials-inner {
        transition-delay: 1.5s; }
    section#materials .list-materials li:nth-of-type(1) {
      background-image: url("../images/pic-materials-1.jpg"); }
    section#materials .list-materials li:nth-of-type(2) {
      background-image: url("../images/pic-materials-2.jpg"); }
    section#materials .list-materials li:nth-of-type(3) {
      background-image: url("../images/pic-materials-3.jpg"); }
    section#materials .list-materials li:nth-of-type(4) {
      background-image: url("../images/pic-materials-4.jpg"); }
    section#materials .list-materials li:nth-of-type(5) {
      background-image: url("../images/pic-materials-5.jpg"); }
    section#materials .list-materials li:nth-of-type(6) {
      background-image: url("../images/pic-materials-6.jpg"); }
    section#materials .list-materials li:nth-of-type(7) {
      background-image: url("../images/pic-materials-7.jpg"); }
    section#materials .list-materials li:nth-of-type(8) {
      background-image: url("../images/pic-materials-8.jpg"); }
    section#materials .list-materials li:nth-of-type(9) {
      background-image: url("../images/pic-materials-9.jpg"); }
    section#materials .list-materials li:nth-of-type(10) {
      background-image: url("../images/pic-materials-10.jpg"); }
    section#materials .list-materials li:nth-of-type(11) {
      background-image: url("../images/pic-materials-11.jpg"); }
    section#materials .list-materials li:nth-of-type(12) {
      background-image: url("../images/pic-materials-12.jpg"); }
    section#materials .list-materials li:nth-of-type(13) {
      background-image: url("../images/pic-materials-13.jpg"); }
    section#materials .list-materials li:nth-of-type(14) {
      background-image: url("../images/pic-materials-14.jpg"); }
    section#materials .list-materials li:nth-of-type(15) {
      background-image: url("../images/pic-materials-15.jpg"); }
    section#materials .list-materials li:nth-of-type(16) {
      background-image: url("../images/pic-materials-16.jpg"); }
    section#materials .list-materials li:nth-of-type(17) {
      background-image: url("../images/pic-materials-17.jpg"); }
    section#materials .list-materials li:nth-of-type(18) {
      background-image: url("../images/pic-materials-18.jpg"); }
    section#materials .list-materials li:nth-of-type(19) {
      background-image: url("../images/pic-materials-19.jpg"); }
    section#materials .list-materials li:nth-of-type(20) {
      background-image: url("../images/pic-materials-20.jpg"); }
    section#materials .list-materials li:nth-of-type(21) {
      background-image: url("../images/pic-materials-21.jpg"); }
    section#materials .list-materials li:nth-of-type(22) {
      background-image: url("../images/pic-materials-22.jpg"); }
    section#materials .list-materials li:nth-of-type(23) {
      background-image: url("../images/pic-materials-23.jpg"); }
    section#materials .list-materials li:nth-of-type(24) {
      background-image: url("../images/pic-materials-24.jpg"); }
    section#materials .list-materials li:nth-of-type(25) {
      background-image: url("../images/pic-materials-25.jpg"); }
    section#materials .list-materials li {
      margin-top: 64px;
      margin-left: 32px;
      margin-right: 32px; }
    @media screen and (min-width: 1200px) {
      section#materials .list-materials li .materials-inner {
        font-size: 49px; } }
    @media screen and (max-width: 640px) {
      section#materials .list-materials {
        display: block; }
        section#materials .list-materials #bg-materials {
          padding-bottom: 32px; }
        section#materials .list-materials li {
          width: 57.066vw;
          height: 61.333vw;
          margin-left: 5vw; }
          section#materials .list-materials li .materials-inner {
            font-size: 20px; }
        section#materials .list-materials li:nth-of-type(2n) {
          margin-left: 29vw; } }
    @media screen and (min-width: 640px) and (max-width: 1849px) {
      section#materials .list-materials {
        width: calc( 40.78% * 2 + 64px * 2 );
        max-width: calc( 522px * 2 + 64px * 2 );
        display: flex;
        flex-wrap: wrap; }
        section#materials .list-materials li {
          width: calc( 50% - 64px );
          height: 43.75vw;
          max-width: 522px;
          max-height: 560px;
          margin-left: 32px;
          margin-right: 32px; } }
    @media screen and (min-width: 1850px) {
      section#materials .list-materials {
        padding-bottom: 128px;
        padding-top: 128px;
        max-width: calc( 522px * 3 + 64px * 3 );
        display: flex;
        flex-wrap: wrap; }
        section#materials .list-materials li {
          width: 522px;
          height: 560px;
          margin-left: 32px;
          margin-right: 32px; } }

section#menu {
  max-width: unset; }
  section#menu .bg-menu {
    transition: 1.5s cubic-bezier(0.22, 0.9, 0.41, 0.96);
    opacity: 0; }
    section#menu .bg-menu .desc-menu.jp {
      transition: 1.5s cubic-bezier(0.22, 0.9, 0.41, 0.96);
      transition-delay: 0.2s;
      opacity: 0; }
    section#menu .bg-menu .desc-menu.en {
      transition: 1.5s cubic-bezier(0.22, 0.9, 0.41, 0.96);
      transition-delay: 0.3s;
      opacity: 0; }
    section#menu .bg-menu .price-menu.en {
      transition: 1.5s cubic-bezier(0.22, 0.9, 0.41, 0.96);
      transition-delay: 0.5s;
      opacity: 0; }
    section#menu .bg-menu.scrolled {
      opacity: 1; }
      section#menu .bg-menu.scrolled .desc-menu.jp {
        opacity: 1; }
      section#menu .bg-menu.scrolled .desc-menu.en {
        opacity: 1; }
      section#menu .bg-menu.scrolled .price-menu.en {
        opacity: 1; }
    section#menu .bg-menu .wrap-pic-menu #pic-menu {
      transition: 3s cubic-bezier(0.22, 0.9, 0.41, 0.96);
      opacity: 0;
      transform: translate(-50%, -50%) translateY(100px); }
      section#menu .bg-menu .wrap-pic-menu #pic-menu.scrolled {
        opacity: 1;
        transform: translate(-50%, -50%) translateY(0); }
  @media screen and (min-width: 900px) {
    section#menu {
      padding-top: 176px;
      padding-bottom: 40px; }
      section#menu .bg-menu {
        width: 51.71875vw;
        max-width: 1241.25px;
        display: block;
        margin: 0 auto;
        background-color: rgba(0, 193, 30, 0.3);
        text-align: center; }
        section#menu .bg-menu p {
          margin-left: 16px;
          margin-right: 16px; }
        section#menu .bg-menu .desc-menu.jp {
          font-size: 16px;
          padding-top: 80px; }
        section#menu .bg-menu .desc-menu.en {
          font-size: 17px;
          padding-top: 40px; }
        section#menu .bg-menu .price-menu.en {
          font-size: 30px;
          padding-top: 32px; }
          section#menu .bg-menu .price-menu.en span {
            font-size: 20px;
            margin-left: 4px; }
        section#menu .bg-menu .wrap-pic-menu {
          height: 47.65625vw;
          max-height: 1143.75px;
          padding-top: 64px;
          padding-bottom: 64px; }
          section#menu .bg-menu .wrap-pic-menu #pic-menu {
            width: 82.96875vw;
            max-width: 1991.25px;
            height: 47.65625vw;
            max-height: 1143.75px;
            background-image: url(../images/pic-menu.jpg); } }
  @media screen and (max-width: 900px) {
    section#menu {
      padding-top: 88px; }
      section#menu .bg-menu {
        position: relative;
        display: block;
        margin: 0 auto;
        text-align: center; }
        section#menu .bg-menu .bg-menu-sp {
          position: absolute;
          left: 50%;
          transform: translateX(-50%);
          width: 100%;
          height: 100%;
          background-color: rgba(0, 193, 30, 0.3);
          padding-bottom: 48px; }
        section#menu .bg-menu p {
          margin-left: 16px;
          margin-right: 16px;
          z-index: 2; }
        section#menu .bg-menu .desc-menu.jp {
          font-size: 14px;
          padding-top: 40px; }
        section#menu .bg-menu .desc-menu.en {
          font-size: 14px;
          padding-top: 40px; }
        section#menu .bg-menu .price-menu.en {
          font-size: 26px;
          padding-top: 32px; }
          section#menu .bg-menu .price-menu.en span {
            font-size: 18px;
            margin-left: 4px; }
        section#menu .bg-menu .wrap-pic-menu {
          height: 88vw;
          margin-top: 64px; }
          section#menu .bg-menu .wrap-pic-menu #pic-menu {
            width: 85.6vw;
            max-width: 1533.952px;
            height: 88vw;
            max-height: 1576.96px;
            background-image: url(../images/pic-menu.jpg); } }

section#micro-greens {
  max-width: unset; }
  section#micro-greens p, section#micro-greens dl dt, section#micro-greens dl dd {
    text-align: center; }
  section#micro-greens h3 {
    margin: 0 auto; }
    @media screen and (min-width: 900px) {
      section#micro-greens h3 {
        display: flex;
        width: 90vw;
        max-width: 2160px; } }
    @media screen and (min-width: 900px) {
      section#micro-greens h3 dt {
        width: 360px;
        text-align: left;
        font-size: 30px; } }
    @media screen and (max-width: 900px) {
      section#micro-greens h3 dt {
        text-align: center;
        font-size: 20px; } }
    @media screen and (min-width: 900px) {
      section#micro-greens h3 dd {
        flex: 1; } }
    @media screen and (max-width: 900px) {
      section#micro-greens h3 dd {
        margin-top: 32px;
        padding-left: 32px;
        padding-right: 32px; } }
    section#micro-greens h3 dd .jp {
      text-align: left; }
      @media screen and (min-width: 900px) {
        section#micro-greens h3 dd .jp {
          font-size: 13px; } }
      @media screen and (max-width: 900px) {
        section#micro-greens h3 dd .jp {
          font-size: 12px; } }
    section#micro-greens h3 dd .en {
      margin-top: 40px;
      text-align: left; }
      @media screen and (min-width: 900px) {
        section#micro-greens h3 dd .en {
          font-size: 12px; } }
      @media screen and (max-width: 900px) {
        section#micro-greens h3 dd .en {
          font-size: 11px; } }
  section#micro-greens h4 {
    width: 90vw;
    max-width: 2160px;
    margin: 100px auto 40px auto;
    text-align: center; }
    section#micro-greens h4 dt {
      padding-bottom: 12px;
      border-bottom: solid 1px #000; }
      @media screen and (min-width: 900px) {
        section#micro-greens h4 dt {
          font-size: 26px; } }
      @media screen and (max-width: 900px) {
        section#micro-greens h4 dt {
          font-size: 20px; } }
    section#micro-greens h4 dd {
      padding-top: 12px; }
      @media screen and (min-width: 900px) {
        section#micro-greens h4 dd {
          font-size: 16px; } }
      @media screen and (max-width: 900px) {
        section#micro-greens h4 dd {
          font-size: 14px; } }
  section#micro-greens .title {
    font-size: 30px; }
  section#micro-greens .wrap-benefit .title-sub {
    transition: 1s cubic-bezier(0.22, 0.9, 0.41, 0.96);
    opacity: 0; }
  section#micro-greens .wrap-benefit.scrolled .title-sub {
    opacity: 1; }
  section#micro-greens .wrap-benefit ul li {
    transition: 2s cubic-bezier(0.22, 0.9, 0.41, 0.96);
    transform: translateY(50px); }
    section#micro-greens .wrap-benefit ul li .img {
      transition: 1.5s cubic-bezier(0.22, 0.9, 0.41, 0.96);
      transition-delay: 0.4s;
      opacity: 0; }
    section#micro-greens .wrap-benefit ul li dl dt {
      transition-delay: 0.5s;
      transition: 2.5s cubic-bezier(0.22, 0.9, 0.41, 0.96);
      opacity: 0; }
    section#micro-greens .wrap-benefit ul li dl dd {
      transition-delay: 0.5s;
      transition: 2.5s cubic-bezier(0.22, 0.9, 0.41, 0.96);
      opacity: 0; }
    section#micro-greens .wrap-benefit ul li p.desc {
      text-align: left; }
    section#micro-greens .wrap-benefit ul li.scrolled {
      transform: translateY(0); }
      section#micro-greens .wrap-benefit ul li.scrolled .img {
        opacity: 1; }
      section#micro-greens .wrap-benefit ul li.scrolled dl dt {
        opacity: 1; }
      section#micro-greens .wrap-benefit ul li.scrolled dl dd {
        opacity: 1; }
  @media screen and (min-width: 900px) {
    section#micro-greens {
      padding-top: 200px; }
      section#micro-greens .wrap-benefit {
        padding-top: 80px; }
        section#micro-greens .wrap-benefit .title-sub {
          font-size: 16px; }
        section#micro-greens .wrap-benefit ul {
          width: 90vw;
          max-width: 2160px;
          display: block;
          margin: 0 auto;
          display: flex;
          flex-wrap: wrap; }
          section#micro-greens .wrap-benefit ul li {
            padding-top: 32px;
            width: calc( 25% - ( 3.8% * 2 ) );
            margin-left: 3.8%;
            margin-right: 3.8%; }
            section#micro-greens .wrap-benefit ul li .img {
              margin: 0 auto;
              width: calc( ( 25vw - ( 3.8vw * 2 ) ) * 0.7 );
              height: calc( ( 25vw - ( 3.8vw * 2 ) ) * 0.7 );
              max-width: 360px;
              max-height: 360px; }
            section#micro-greens .wrap-benefit ul li dl dt {
              font-size: 24px;
              line-height: 1;
              padding-top: 16px; }
            section#micro-greens .wrap-benefit ul li dl dd {
              font-size: 16px; }
            section#micro-greens .wrap-benefit ul li p.desc {
              font-size: 13px;
              margin-top: 24px; } }
  @media screen and (max-width: 900px) {
    section#micro-greens {
      padding-top: 96px; }
      section#micro-greens .wrap-benefit {
        padding-top: 40px; }
        section#micro-greens .wrap-benefit .title-sub {
          font-size: 15px; }
        section#micro-greens .wrap-benefit ul {
          padding-top: 32px;
          width: 90vw;
          max-width: 1612.8px;
          display: block;
          margin: 0 auto;
          display: flex;
          justify-content: space-between;
          flex-wrap: wrap; }
          section#micro-greens .wrap-benefit ul li {
            width: calc( 45vw - 8px );
            margin-bottom: 16px; }
            section#micro-greens .wrap-benefit ul li .img {
              width: calc( 45vw - 8px );
              height: calc( 45vw - 8px ); }
            section#micro-greens .wrap-benefit ul li dl {
              margin-bottom: 16px; }
              section#micro-greens .wrap-benefit ul li dl dt {
                font-size: 3vw;
                line-height: 1;
                padding-top: 16px; }
              section#micro-greens .wrap-benefit ul li dl dd {
                font-size: 1.5vw; }
            section#micro-greens .wrap-benefit ul li p.desc {
              font-size: 12px; } }
  @media screen and (max-width: 400px) {
    section#micro-greens .wrap-benefit dl dt {
      font-size: 13px; }
    section#micro-greens .wrap-benefit dl dd {
      font-size: 10px; } }
  section#micro-greens #benefit-01 li:nth-of-type(1) .img {
    background-image: url(../images/pic-benefit1-1.jpg); }
  section#micro-greens #benefit-01 li:nth-of-type(2) .img {
    background-image: url(../images/pic-benefit1-2.jpg); }
  section#micro-greens #benefit-01 li:nth-of-type(3) .img {
    background-image: url(../images/pic-benefit1-3.jpg); }
  section#micro-greens #benefit-01 li:nth-of-type(4) .img {
    background-image: url(../images/pic-benefit1-4.jpg); }
  section#micro-greens #benefit-01 li:nth-of-type(5) .img {
    background-image: url(../images/pic-benefit1-5.jpg); }
  section#micro-greens #benefit-01 li:nth-of-type(6) .img {
    background-image: url(../images/pic-benefit1-6.jpg); }
  section#micro-greens #benefit-01 li:nth-of-type(7) .img {
    background-image: url(../images/pic-benefit1-7.jpg); }
  section#micro-greens #benefit-02 li:nth-of-type(1) .img {
    background-image: url(../images/pic-benefit2-1.jpg); }
  section#micro-greens #benefit-02 li:nth-of-type(2) .img {
    background-image: url(../images/pic-benefit2-2.jpg); }
  section#micro-greens #benefit-02 li:nth-of-type(3) .img {
    background-image: url(../images/pic-benefit2-3.jpg); }
  section#micro-greens #benefit-02 li:nth-of-type(4) .img {
    background-image: url(../images/pic-benefit2-4.jpg); }
  section#micro-greens #benefit-02 li:nth-of-type(5) .img {
    background-image: url(../images/pic-benefit2-5.jpg); }
  section#micro-greens #benefit-02 li:nth-of-type(6) .img {
    background-image: url(../images/pic-benefit2-6.jpg); }
  section#micro-greens #benefit-02 li:nth-of-type(7) .img {
    background-image: url(../images/pic-benefit2-7.jpg); }
  section#micro-greens #benefit-03 li:nth-of-type(1) .img {
    background-image: url(../images/pic-benefit3-1.jpg); }
  section#micro-greens #benefit-03 li:nth-of-type(2) .img {
    background-image: url(../images/pic-benefit3-2.jpg); }
  section#micro-greens #benefit-03 li:nth-of-type(3) .img {
    background-image: url(../images/pic-benefit3-3.jpg); }
  section#micro-greens #benefit-03 li:nth-of-type(4) .img {
    background-image: url(../images/pic-benefit3-4.jpg); }
  section#micro-greens #benefit-03 li:nth-of-type(5) .img {
    background-image: url(../images/pic-benefit3-5.jpg); }
  section#micro-greens #benefit-03 li:nth-of-type(6) .img {
    background-image: url(../images/pic-benefit3-6.jpg); }
  section#micro-greens #benefit-03 li:nth-of-type(7) .img {
    background-image: url(../images/pic-benefit3-7.jpg); }
  section#micro-greens #benefit-04 li:nth-of-type(1) .img {
    background-image: url(../images/pic-benefit4-1.jpg); }
  section#micro-greens #benefit-04 li:nth-of-type(2) .img {
    background-image: url(../images/pic-benefit4-2.jpg); }
  section#micro-greens #benefit-04 li:nth-of-type(3) .img {
    background-image: url(../images/pic-benefit4-3.jpg); }
  section#micro-greens #benefit-04 li:nth-of-type(4) .img {
    background-image: url(../images/pic-benefit4-4.jpg); }
  section#micro-greens #benefit-04 li:nth-of-type(5) .img {
    background-image: url(../images/pic-benefit4-5.jpg); }
  section#micro-greens #benefit-04 li:nth-of-type(6) .img {
    background-image: url(../images/pic-benefit4-6.jpg); }
  section#micro-greens #benefit-04 li:nth-of-type(7) .img {
    background-image: url(../images/pic-benefit4-7.jpg); }
  section#micro-greens #benefit-05 li:nth-of-type(1) .img {
    background-image: url(../images/pic-benefit5-1.jpg); }
  section#micro-greens #benefit-05 li:nth-of-type(2) .img {
    background-image: url(../images/pic-benefit5-2.jpg); }
  section#micro-greens #benefit-05 li:nth-of-type(3) .img {
    background-image: url(../images/pic-benefit5-3.jpg); }
  section#micro-greens #benefit-05 li:nth-of-type(4) .img {
    background-image: url(../images/pic-benefit5-4.jpg); }
  section#micro-greens #benefit-05 li:nth-of-type(5) .img {
    background-image: url(../images/pic-benefit5-5.jpg); }
  section#micro-greens #benefit-05 li:nth-of-type(6) .img {
    background-image: url(../images/pic-benefit5-6.jpg); }
  section#micro-greens #benefit-05 li:nth-of-type(7) .img {
    background-image: url(../images/pic-benefit5-7.jpg); }

/* section#video */
section#video #access-video-wrap, section#video #access-video-wrap-sp {
  position: relative;
  overflow: hidden; }
  section#video #access-video-wrap #access-player, section#video #access-video-wrap #access-player-sp, section#video #access-video-wrap-sp #access-player, section#video #access-video-wrap-sp #access-player-sp {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
    @media screen and (max-width: 900px) {
      section#video #access-video-wrap #access-player, section#video #access-video-wrap #access-player-sp, section#video #access-video-wrap-sp #access-player, section#video #access-video-wrap-sp #access-player-sp {
        width: 100vw;
        height: 100vw; } }
  @media screen and (max-width: 900px) {
    section#video #access-video-wrap, section#video #access-video-wrap-sp {
      width: 100vw;
      height: 100vw; } }
@media screen and (min-width: 900px) {
  section#video {
    padding-top: 304px; } }
@media screen and (max-width: 900px) {
  section#video {
    padding-top: 112px; } }

/* section#manufacturer */
section#manufacturer .img.pic-cover {
  background-image: url(../images/pic-manufacturer.jpg); }
section#manufacturer h3 div {
  background-color: #000;
  width: 21px;
  height: 3px; }
@media screen and (min-width: 900px) {
  section#manufacturer {
    padding-top: 152px; }
    section#manufacturer .img.pic-cover {
      width: 90vw;
      max-width: 2160px;
      height: 39.06vw;
      max-height: 699.9552px;
      margin: 0 auto 0 auto; }
    section#manufacturer h3 {
      margin: 0 auto;
      width: 90vw;
      max-width: 2160px;
      margin-top: 64px;
      font-size: 20px; }
      section#manufacturer h3 div {
        margin-top: 40px;
        margin-bottom: 40px; }
    section#manufacturer .desc {
      display: flex;
      width: 90vw;
      max-width: 2160px;
      margin: 0 auto; }
      section#manufacturer .desc dt {
        width: 20vw; }
      section#manufacturer .desc dd {
        flex: 1; }
        section#manufacturer .desc dd .info {
          margin-top: 32px; }
        section#manufacturer .desc dd .asc {
          margin-top: 64px; }
          section#manufacturer .desc dd .asc span {
            font-weight: 400; } }
          @media screen and (min-width: 900px) and (min-width: 900px) {
            section#manufacturer .desc dd .asc span {
              font-size: 40px; } }

@media screen and (max-width: 900px) {
  section#manufacturer {
    padding: 40px 30px 0 30px; }
    section#manufacturer .img.pic-cover {
      width: 100%;
      height: 59.2vw; }
    section#manufacturer h3 {
      margin: 0 auto;
      margin-top: 64px;
      font-size: 18px; }
      section#manufacturer h3 div {
        margin-top: 24px;
        margin-bottom: 24px; }
    section#manufacturer .desc {
      margin: 0 auto; }
      section#manufacturer .desc dt {
        font-size: 18px; }
      section#manufacturer .desc dd {
        margin-top: 32px;
        font-size: 13px; }
        section#manufacturer .desc dd .info {
          font-size: 12px;
          margin-top: 32px; }
        section#manufacturer .desc dd .asc {
          margin-top: 40px;
          font-size: 12px; }
          section#manufacturer .desc dd .asc span {
            font-weight: 400;
            font-size: 24px; } }

/* section#access */
section#access .img.pic-cover {
  background-image: url(../images/pic-access.jpg); }
section#access .map {
  border: solid 1px #000;
  border-radius: 50%;
  background-color: #FFF; }
  section#access .map div {
    width: 100%;
    height: 100%; }
@media screen and (min-width: 900px) {
  section#access {
    padding-top: 146px;
    margin: 0 auto; }
    section#access .img.pic-cover {
      width: 90vw;
      max-width: 2160px;
      height: 39.06vw;
      max-height: 699.9552px;
      margin: 0 auto 0 auto; }
    section#access .wrap-pic {
      padding-left: 16px;
      padding-right: 16px; }
      section#access .wrap-pic .pic-cover#pic-access {
        width: 100%;
        height: 554px; }
    section#access .area-info {
      width: 90vw;
      max-width: 2160px;
      position: relative;
      padding-top: 64px;
      margin: 0 auto; }
      section#access .area-info .info-popup dt {
        line-height: 1.4;
        font-size: 50px; }
      section#access .area-info .info-popup dd {
        line-height: 1;
        font-size: 15px; }
      section#access .area-info .info-popup-bottom {
        width: 21px;
        height: 3px;
        background-color: #000;
        margin-top: 32px;
        margin-bottom: 32px; }
      section#access .area-info .info ul li dl {
        display: flex;
        padding-bottom: 8px; }
        section#access .area-info .info ul li dl dt {
          width: 112px; }
        section#access .area-info .info ul li dl dd {
          flex: 1; }
      section#access .area-info .info ul:nth-child(2) {
        padding-top: 80px; }
      section#access .area-info .map {
        font-size: 40px;
        right: 8.359375%;
        bottom: 8.359375%;
        position: absolute;
        width: 144px;
        height: 144px; } }
@media screen and (max-width: 900px) {
  section#access {
    padding-top: 32px; }
    section#access .wrap-pic .pic-cover#pic-access {
      width: 100%;
      height: 69vw; }
    section#access .img.pic-cover {
      width: calc( 100% - 60px );
      height: 69vw;
      margin: 0 auto 0 auto; }
    section#access .info-popup {
      margin-left: 30px;
      margin-top: 28px; }
      section#access .info-popup dt {
        line-height: 1.4;
        font-size: 40px; }
      section#access .info-popup dd {
        line-height: 1;
        font-size: 13px; }
    section#access .info-popup-bottom {
      margin-left: 30px;
      width: 21px;
      height: 3px;
      background-color: #000;
      margin-top: 24px;
      margin-bottom: 16px; }
    section#access .info {
      margin-left: 30px;
      margin-right: 30px; }
      section#access .info ul li dl {
        display: flex;
        padding-bottom: 8px; }
        section#access .info ul li dl dt {
          width: 96px; }
        section#access .info ul li dl dd {
          flex: 1; }
      section#access .info ul:nth-child(2) {
        padding-top: 48px; }
    section#access .map {
      font-size: 32px;
      width: 112px;
      height: 112px;
      display: block;
      margin: 48px auto 0 auto; } }

/* section#sns */
section#sns {
  padding-top: 48px; }
  section#sns .area-sns ul {
    text-align: center;
    display: block;
    margin: 0 auto; }
    section#sns .area-sns ul li a {
      border-bottom: solid 4px #000; }
    section#sns .area-sns ul li:nth-child(2) {
      margin-top: 96px;
      margin-bottom: 96px; }
  @media screen and (min-width: 900px) {
    section#sns {
      padding-top: 160px; }
      section#sns .area-sns {
        width: 90vw;
        max-width: 2160px;
        margin: 0 auto; }
        section#sns .area-sns .wrap-pic .pic-cover#pic-sns {
          width: 33.671875vw;
          max-width: 603.4px;
          height: 41.484375vw;
          max-height: 743.4px; }
        section#sns .area-sns ul li {
          font-size: 30px; } }
  @media screen and (max-width: 900px) {
    section#sns .area-sns {
      position: relative; }
      section#sns .area-sns .wrap-pic {
        margin: 0 auto;
        width: 100vw;
        max-width: 576px;
        height: 133.3333vw;
        max-height: 767.999808px; }
        section#sns .area-sns .wrap-pic .pic-cover#pic-sns {
          width: 100vw;
          max-width: 576px;
          height: 133.3333vw;
          max-height: 767.999808px; }
      section#sns .area-sns ul {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%); }
        section#sns .area-sns ul li {
          font-size: 26px; }
          section#sns .area-sns ul li a {
            color: #FFF;
            border-bottom: solid 4px #FFF; } }

footer {
  background-color: #FFF; }
  @media screen and (min-width: 900px) {
    footer {
      padding-top: 248px; }
      footer .hline {
        margin-bottom: 48px;
        width: 100%;
        height: 1px;
        background-color: #E5E5E5; }
      footer #area-footer {
        width: 82.96875vw;
        max-width: 1486.8px;
        margin: 0 auto;
        display: flex;
        justify-content: space-between; }
        footer #area-footer .manegement {
          display: flex; }
          footer #area-footer .manegement dd {
            margin-left: 64px;
            font-size: 12px; }
        footer #area-footer dl dt {
          margin-bottom: 32px; }
        footer #area-footer .sister-store ul {
          display: flex;
          align-items: center; }
          footer #area-footer .sister-store ul li {
            padding-right: 24px; }
            footer #area-footer .sister-store ul li #logo-coil {
              width: 38.14px;
              height: 22.44px; }
            footer #area-footer .sister-store ul li #logo-tile {
              width: 66.29px;
              height: 9.33px; }
            footer #area-footer .sister-store ul li #logo-de {
              width: 33.27px;
              height: 15.45px; }
            footer #area-footer .sister-store ul li #logo-burger {
              width: 27.42px;
              height: 27.9px; }
      footer .copyright {
        font-size: 14px;
        text-align: center;
        padding-top: 64px;
        padding-bottom: 32px; } }
  @media screen and (max-width: 900px) {
    footer {
      padding-top: 128px; }
      footer .hline {
        margin-bottom: 24px;
        width: 100%;
        height: 1px;
        background-color: #E5E5E5; }
      footer #area-footer dl {
        margin-left: 24px;
        margin-right: 24px;
        display: flex; }
        footer #area-footer dl dt {
          width: 112px; }
        footer #area-footer dl dd {
          flex: 1; }
      footer #area-footer .sister-store {
        padding-top: 40px; }
        footer #area-footer .sister-store ul {
          display: flex;
          align-items: center; }
          footer #area-footer .sister-store ul li {
            padding-right: 24px; }
            footer #area-footer .sister-store ul li #logo-coil {
              width: 35.75px;
              height: 21.04px; }
            footer #area-footer .sister-store ul li #logo-tile {
              width: 62.14px;
              height: 8.75px; }
            footer #area-footer .sister-store ul li #logo-de {
              width: 31.19px;
              height: 14.49px; }
            footer #area-footer .sister-store ul li #logo-burger {
              width: 25.71px;
              height: 26.16px; }
      footer .copyright {
        font-size: 11px;
        text-align: center;
        padding-top: 40px;
        padding-bottom: 24px; } }
  @media screen and (max-width: 500px) {
    footer #area-footer .sister-store ul {
      justify-content: space-between; }
      footer #area-footer .sister-store ul li {
        padding-right: 0; } }

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



    section#access .area-info .info-popup dd {
      font-family: YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
      font-size: 20px;
      line-height: 32px;
      font-weight: bold;
      color: #DB2242;
      letter-spacing: 0.05em;
      width: 93%;
    }
    section#access .area-info .info-popup dd a {
      color: #DB2242;
      border-bottom: 1px solid #DB2242;
    }
@media screen and (max-width: 500px) {
    section#access .area-info .info-popup dd {
      font-size: 15px;
      line-height: 28px;
      padding-bottom: 30px;
    }
}