@charset "utf-8";
@font-face {
  font-family: 'Noto Serif JP';

  src: url('fonts/NotoSerifCJKjp-Light.min.woff');

  font-weight: 100 400; }

@font-face {
  font-family: 'Noto Serif JP';

  src: url('fonts/NotoSerifCJKjp-Regular.min.woff');

  font-weight: 400 500; }

* {
  margin: 0;
  padding: 0;
  background: transparent;
  text-decoration: none;
  font-style: normal; }

img {
  vertical-align: bottom;
  border: none; }

html {
  font-size: 10px; }
  html * {
    font-family: 'Noto Serif JP', 'serif'; }

#site_header {
  padding: 1rem;
  position: absolute;
  width: 100vw;
  box-sizing: border-box;
  position: fixed;
  z-index: 1000;
  background-color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-lines: single;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: center;
  align-items: center; }
  #site_header .logo {
    -webkit-box-flex: 1;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: auto; }
    #site_header .logo img {
      width: 7rem;
      height: auto; }
  #site_header p.rr {
    -webkit-box-flex: 1;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: auto;
    text-align: right;
    font-size: 0.9rem;
    line-height: 1.2em;
    color: #444; }

#site_main {
  width: 100%;
  overflow: hidden; }
  #site_main section {
    position: relative; }
    #site_main section#top {
      position: relative;
      height: 100vh; }
    #site_main section.products header {
      position: relative;
      background-color: #000;
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-box-lines: single;
      -webkit-flex-wrap: nowrap;
      flex-wrap: nowrap;
      -webkit-align-items: center;
      align-items: center;
      -webkit-justify-content: center;
      justify-content: center; }
      #site_main section.products header h2 {
        padding: 5rem 3rem;
        text-align: center; }
        #site_main section.products header h2 img {
          width: 18rem;
          height: auto; }
      #site_main section.products header img.sphere {
        width: 9rem;
        height: auto; }
      #site_main section.products ul.products {
        padding: 4rem 0px;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-lines: multiple;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-align-items: flex-end;
        align-items: flex-end;
        -webkit-justify-content: center;
        justify-content: center; }
      #site_main section.products ul.products li.item {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-lines: multiple;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-align-items: flex-end;
        align-items: flex-end;
        -webkit-box-flex: 0;
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: 28rem;
        margin: 0px 2rem;
        padding: 2rem 0px; }
        #site_main section.products ul.products li.item .text {
          -webkit-box-flex: 1;
          flex-grow: 1;
          flex-shrink: 1;
          flex-basis: 18rem;
          -webkit-transition: 0.5s 0.5s;
          transition: 0.5s 0.5s;
          -webkit-opacity: 0;
          -moz-opacity: 0;
          -ms-opacity: 0;
          -o-opacity: 0;
          opacity: 0;
          transform: -webkit- translateX(-3rem);
          transform: translateX(-3rem); }
          #site_main section.products ul.products li.item .text .read {
            padding: 1rem 0px;
            margin-bottom: 2rem;
            border-top-style: solid;
            border-bottom-style: solid;
            border-top-width: 1px;
            border-bottom-width: 1px;
            border-top-color: #888;
            border-bottom-color: #888;
            font-size: 1rem;
            line-height: 2em; }
          #site_main section.products ul.products li.item .text .brand {
            margin-bottom: 1rem; }
            #site_main section.products ul.products li.item .text .brand img {
              width: 5rem;
              height: auto; }
          #site_main section.products ul.products li.item .text .name {
            font-size: 1.5rem; }
          #site_main section.products ul.products li.item .text .type {
            display: inline-block;
            padding: 0.2rem 0.5rem;
            margin: 0.5rem 0px;
            border-style: solid;
            border-width: 1px;
            border-color: #444;
            border-radius: 0.3rem;
            font-size: 1rem;
            line-height: 1em; }
          #site_main section.products ul.products li.item .text .price {
            font-size: 1rem; }
            #site_main section.products ul.products li.item .text .price .number {
              font-size: 1.5rem; }
            #site_main section.products ul.products li.item .text a.button {
              display: block;
              margin: 1rem 2rem;
              padding: 1rem;
              background-color: #922283;
              text-align: center;
              font-size: 1.3rem;
              line-height: 1em;
              font-family: 'Helvetica Neue', 'Hiragino Kaku Gothic ProN', 'Yu Gothic', メイリオ, sans-serif;
              color: #fff;
              -webkit-transition: 1s;
              transition: 1s;
              transform: -webkit- scale(1);
              transform: scale(1); }
            #site_main section.products ul.products li.item .text a.button:hover {
              transform: -webkit- scale(1.05);
              transform: scale(1.05); }
        #site_main section.products ul.products li.item .image {
          -webkit-box-flex: 1;
          flex-grow: 1;
          flex-shrink: 1;
          flex-basis: 9rem;
          -webkit-transition: 1s;
          transition: 1s;
          transform: -webkit- translateX(-8rem);
          transform: translateX(-8rem); }
          #site_main section.products ul.products li.item .image img {
            width: 100%;
            height: auto;
            transform: -webkit- scale(1.2);
            transform: scale(1.2); }
        #site_main section.products ul.products li.item.actived .text, #site_main section.products ul.products li.item.actived .image {
          -webkit-opacity: 1;
          -moz-opacity: 1;
          -ms-opacity: 1;
          -o-opacity: 1;
          opacity: 1;
          transform: -webkit- translateX(0px);
          transform: translateX(0px); }
    #site_main section#quality1 {
      padding: 8rem 3rem; }
      #site_main section#quality1 .contents {
        position: relative; }
      #site_main section#quality1 .contents h3 {
        margin: 4rem 0px 2rem;
        text-align: center;
        font-size: 3rem;
        font-weight: 300; }
      #site_main section#quality1 .contents p {
        text-align: center;
        font-size: 1.5rem;
        line-height: 2em; }
      #site_main section#quality1 .contents ul.quality {
        padding: 8rem 2rem;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-lines: multiple;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: center;
        justify-content: center;
        list-style: none; }
        #site_main section#quality1 .contents ul.quality li.item {
          -webkit-box-flex: 0;
          flex-grow: 0;
          flex-shrink: 0;
          flex-basis: 40rem;
          position: relative;
          margin: 2rem;
          overflow: hidden;
          background-color: #fff;
          border-style: solid;
          border-width: 1px;
          border-color: #949494;
          border-radius: 1rem; }
          #site_main section#quality1 .contents ul.quality li.item h4 {
            padding: 3rem 1rem;
            position: relative;
            text-align: center;
            font-size: 2.4rem;
            color: #922283;
            -webkit-transition: 1s;
            transition: 1s;
            -webkit-opacity: 0;
            -moz-opacity: 0;
            -ms-opacity: 0;
            -o-opacity: 0;
            opacity: 0;
            transform: -webkit- translateX(-2rem);
            transform: translateX(-2rem); }
          #site_main section#quality1 .contents ul.quality li.item p {
            padding: 0px 2rem;
            text-align: justify;
            font-size: 1.3rem;
            line-height: 2em;
            -webkit-transition: 1s 0.5s;
            transition: 1s 0.5s;
            -webkit-opacity: 0;
            -moz-opacity: 0;
            -ms-opacity: 0;
            -o-opacity: 0;
            opacity: 0;
            transform: -webkit- translateX(-2rem);
            transform: translateX(-2rem); }
          #site_main section#quality1 .contents ul.quality li.item img {
            width: 100%;
            height: auto; }
          #site_main section#quality1 .contents ul.quality li.item.visible h4 {
            -webkit-opacity: 1;
            -moz-opacity: 1;
            -ms-opacity: 1;
            -o-opacity: 1;
            opacity: 1;
            transform: -webkit- translateX(0px);
            transform: translateX(0px); }
            #site_main section#quality1 .contents ul.quality li.item.visible p {
              -webkit-opacity: 1;
              -moz-opacity: 1;
              -ms-opacity: 1;
              -o-opacity: 1;
              opacity: 1;
              transform: -webkit- translateX(0px);
              transform: translateX(0px); }
    #site_main section#quality2 {
      max-width: 60rem;
      width: auto;
      margin: 0px auto;
      padding: 8rem 2rem;
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-box-lines: multiple;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap; }
      #site_main section#quality2 h3 {
        -webkit-box-flex: 1;
        flex-grow: 1;
        flex-shrink: 1;
        flex-basis: 100%;
        margin: 4rem auto;
        text-align: center;
        font-size: 3rem;
        font-weight: 300; }
      #site_main section#quality2 .image {
        -webkit-box-flex: 1;
        flex-grow: 1;
        flex-shrink: 1;
        flex-basis: 40rem;
        margin: 2rem auto; }
      #site_main section#quality2 .image img {
        width: 100%;
        height: auto; }
      #site_main section#quality2 ul.icons {
        -webkit-box-flex: 1;
        flex-grow: 1;
        flex-shrink: 1;
        flex-basis: 40rem;
        text-align: center;
        list-style: none;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-lines: multiple;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: space-between;
        justify-content: space-between; }
      #site_main section#quality2 ul.icons li.item {
        -webkit-box-flex: 1;
        flex-grow: 1;
        flex-shrink: 1;
        flex-basis: 20rem;
        padding: 1rem;
        margin: 1rem;
        background-color: #ffefff;
        border-radius: 0.5rem;
        font-size: 1.5rem;
        line-height: 1em;
        -webkit-transition: 1s;
        transition: 1s;
        -webkit-opacity: 0;
        -moz-opacity: 0;
        -ms-opacity: 0;
        -o-opacity: 0;
        opacity: 0;
        transform: -webkit- translateY(1rem);
        transform: translateY(1rem); }
        #site_main section#quality2 ul.icons li.item.visible {
          -webkit-opacity: 1;
          -moz-opacity: 1;
          -ms-opacity: 1;
          -o-opacity: 1;
          opacity: 1;
          transform: -webkit- translateY(0px);
          transform: translateY(0px); }
    #site_main section#concept .contents {
      position: relative; }
      #site_main section#concept .contents ul.concept {
        padding: 8rem 4rem;
        max-width: 96rem;
        width: auto;
        margin: 0px auto;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-lines: multiple;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        list-style: none; }
        #site_main section#concept .contents ul.concept li.item {
          -webkit-box-flex: 1;
          flex-grow: 1;
          flex-shrink: 1;
          flex-basis: 40rem;
          padding: 3rem; }
          #site_main section#concept .contents ul.concept li.item h4 {
            position: relative;
            padding: 1rem 0px;
            height: 10rem;
            font-size: 2.4rem;
            color: #922283;
            -webkit-transition: 1s;
            transition: 1s;
            -webkit-opacity: 0;
            -moz-opacity: 0;
            -ms-opacity: 0;
            -o-opacity: 0;
            opacity: 0;
            transform: -webkit- translateX(0px);
            transform: translateX(0px); }
            #site_main section#concept .contents ul.concept li.item h4::before {
              content: ' ';
              position: absolute;
              left: -3rem;
              top: 3rem;
              width: 1.5rem;
              height: 1px;
              background-color: #922283; }
          #site_main section#concept .contents ul.concept li.item p {
            font-size: 1.3rem;
            line-height: 2em;
            -webkit-transition: 1s 0.5s;
            transition: 1s 0.5s;
            -webkit-opacity: 0;
            -moz-opacity: 0;
            -ms-opacity: 0;
            -o-opacity: 0;
            opacity: 0;
            transform: -webkit- translateX(-2rem);
            transform: translateX(-2rem); }
          #site_main section#concept .contents ul.concept li.item.visible h4 {
            -webkit-opacity: 1;
            -moz-opacity: 1;
            -ms-opacity: 1;
            -o-opacity: 1;
            opacity: 1;
            transform: -webkit- translateX(2rem);
            transform: translateX(2rem); }
            #site_main section#concept .contents ul.concept li.item.visible p {
              -webkit-opacity: 1;
              -moz-opacity: 1;
              -ms-opacity: 1;
              -o-opacity: 1;
              opacity: 1;
              transform: -webkit- translateX(0px);
              transform: translateX(0px); }
    #site_main section#materials {
      padding: 8rem 0px;
      background-color: #000; }
      #site_main section#materials h3 {
        margin-bottom: 4rem;
        text-align: center;
        font-size: 3rem;
        color: #fff; }
      #site_main section#materials ul.materials {
        max-width: 80rem;
        width: auto;
        margin: 0px auto;
        text-align: center;
        list-style: none; }
      #site_main section#materials ul.materials li.item {
        display: inline-block;
        padding: 1rem 2rem;
        width: 10rem; }
        #site_main section#materials ul.materials li.item img {
          width: 10rem;
          height: 10rem;
          margin: 0px auto 0.5rem;
          border-radius: 5rem;
          -webkit-transition: 1s;
          transition: 1s;
          -webkit-opacity: 0;
          -moz-opacity: 0;
          -ms-opacity: 0;
          -o-opacity: 0;
          opacity: 0;
          transform: -webkit- rotateZ(60deg) scale(1.2);
          transform: rotateZ(60deg) scale(1.2); }
        #site_main section#materials ul.materials li.item h4 {
          text-align: center;
          font-size: 1rem;
          color: #fff;
          -webkit-transition: 0.5s 0.5s;
          transition: 0.5s 0.5s;
          -webkit-opacity: 0;
          -moz-opacity: 0;
          -ms-opacity: 0;
          -o-opacity: 0;
          opacity: 0;
          transform: -webkit- translateY(1rem);
          transform: translateY(1rem); }
        #site_main section#materials ul.materials li.item.visible img {
          -webkit-opacity: 1;
          -moz-opacity: 1;
          -ms-opacity: 1;
          -o-opacity: 1;
          opacity: 1;
          transform: -webkit- rotateZ(0) scale(1);
          transform: rotateZ(0) scale(1); }
          #site_main section#materials ul.materials li.item.visible h4 {
            -webkit-opacity: 1;
            -moz-opacity: 1;
            -ms-opacity: 1;
            -o-opacity: 1;
            opacity: 1;
            transform: -webkit- translateY(0px);
            transform: translateY(0px); }
    #site_main section#point1 .contents {
      position: relative;
      max-width: 96rem;
      width: auto;
      padding: 8rem 0px;
      margin: 0px auto;
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-box-lines: multiple;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-align-items: center;
      align-items: center; }
      #site_main section#point1 .contents .image {
        -webkit-box-flex: 1;
        flex-grow: 1;
        flex-shrink: 1;
        flex-basis: 30rem;
        margin-bottom: -3rem;
        text-align: center; }
        #site_main section#point1 .contents .image img {
          width: 20rem;
          height: auto; }
      #site_main section#point1 .contents ul.point1 {
        -webkit-box-flex: 2;
        flex-grow: 2;
        flex-shrink: 2;
        flex-basis: 60rem;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-lines: multiple;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        list-style: none; }
        #site_main section#point1 .contents ul.point1 li.item {
          -webkit-box-flex: 1;
          flex-grow: 1;
          flex-shrink: 1;
          flex-basis: 20rem;
          padding: 2rem;
          margin: 2rem;
          border-style: solid;
          border-width: 1px;
          border-color: #949494;
          border-radius: 1rem; }
          #site_main section#point1 .contents ul.point1 li.item h3 {
            position: relative;
            padding-left: 3rem;
            margin-bottom: 1rem;
            font-size: 1.8rem;
            color: #922283;
            -webkit-transition: 1s;
            transition: 1s;
            -webkit-opacity: 0;
            -moz-opacity: 0;
            -ms-opacity: 0;
            -o-opacity: 0;
            opacity: 0;
            transform: -webkit- translateX(-2rem);
            transform: translateX(-2rem);
            background-image: url('../images/icon_check.png');
            background-repeat: no-repeat;
            background-size: 1em 1em;
            background-position: 0px 0.3rem; }
          #site_main section#point1 .contents ul.point1 li.item p {
            font-size: 1.3rem;
            line-height: 2em;
            -webkit-transition: 1s 0.5s;
            transition: 1s 0.5s;
            -webkit-opacity: 0;
            -moz-opacity: 0;
            -ms-opacity: 0;
            -o-opacity: 0;
            opacity: 0;
            transform: -webkit- translateX(-2rem);
            transform: translateX(-2rem); }
          #site_main section#point1 .contents ul.point1 li.item.visible h3 {
            -webkit-opacity: 1;
            -moz-opacity: 1;
            -ms-opacity: 1;
            -o-opacity: 1;
            opacity: 1;
            transform: -webkit- translateX(0px);
            transform: translateX(0px); }
            #site_main section#point1 .contents ul.point1 li.item.visible p {
              -webkit-opacity: 1;
              -moz-opacity: 1;
              -ms-opacity: 1;
              -o-opacity: 1;
              opacity: 1;
              transform: -webkit- translateX(0px);
              transform: translateX(0px); }
    #site_main section#effect {
      padding: 8rem 3rem;
      background-color: #ffefff; }
      #site_main section#effect h3 {
        text-align: center;
        font-size: 3rem;
        font-weight: 300; }
      #site_main section#effect ul.effect {
        max-width: 96rem;
        width: auto;
        margin: 3rem auto;
        list-style: none;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-lines: multiple;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap; }
      #site_main section#effect ul.effect li.item {
        -webkit-box-flex: 1;
        flex-grow: 1;
        flex-shrink: 1;
        flex-basis: 25rem;
        padding: 3rem; }
        #site_main section#effect ul.effect li.item .text h4 {
          margin-bottom: 1rem;
          text-align: center;
          font-size: 1.8rem;
          color: #922283;
          -webkit-transition: 1s;
          transition: 1s;
          -webkit-opacity: 0;
          -moz-opacity: 0;
          -ms-opacity: 0;
          -o-opacity: 0;
          opacity: 0;
          transform: -webkit- translateX(-2rem);
          transform: translateX(-2rem); }
          #site_main section#effect ul.effect li.item .text h4 small {
            color: #444; }
          #site_main section#effect ul.effect li.item .text p {
            text-align: justify;
            font-size: 1.3rem;
            line-height: 2em;
            -webkit-transition: 1s 0.5s;
            transition: 1s 0.5s;
            -webkit-opacity: 0;
            -moz-opacity: 0;
            -ms-opacity: 0;
            -o-opacity: 0;
            opacity: 0;
            transform: -webkit- translateX(-2rem);
            transform: translateX(-2rem); }
        #site_main section#effect ul.effect li.item .image {
          padding: 2rem 0px;
          text-align: center;
          -webkit-transition: 1s 0.5s;
          transition: 1s 0.5s;
          -webkit-opacity: 0;
          -moz-opacity: 0;
          -ms-opacity: 0;
          -o-opacity: 0;
          opacity: 0;
          transform: -webkit- translateX(-2rem);
          transform: translateX(-2rem); }
          #site_main section#effect ul.effect li.item .image img {
            width: 15rem;
            height: auto;
            margin-bottom: 0.5rem; }
          #site_main section#effect ul.effect li.item .image p {
            font-size: 1.2rem; }
        #site_main section#effect ul.effect li.item.visible .text h4 {
          -webkit-opacity: 1;
          -moz-opacity: 1;
          -ms-opacity: 1;
          -o-opacity: 1;
          opacity: 1;
          transform: -webkit- translateX(0px);
          transform: translateX(0px); }
          #site_main section#effect ul.effect li.item.visible .text p {
            -webkit-opacity: 1;
            -moz-opacity: 1;
            -ms-opacity: 1;
            -o-opacity: 1;
            opacity: 1;
            transform: -webkit- translateX(0px);
            transform: translateX(0px); }
          #site_main section#effect ul.effect li.item.visible .image {
            -webkit-opacity: 1;
            -moz-opacity: 1;
            -ms-opacity: 1;
            -o-opacity: 1;
            opacity: 1;
            transform: -webkit- translateX(0px);
            transform: translateX(0px); }
    #site_main section#onsen {
      padding: 8rem 3rem; }
      #site_main section#onsen h3 {
        margin-bottom: 4rem;
        text-align: center;
        font-size: 3rem;
        font-weight: 300; }
      #site_main section#onsen p {
        max-width: 60rem;
        width: auto;
        margin: 0px auto;
        text-align: justify;
        font-size: 1.3rem;
        line-height: 2em; }
      #site_main section#onsen .image {
        max-width: 60rem;
        width: auto;
        margin: 2rem auto; }
      #site_main section#onsen .image img {
        width: 100%;
        height: auto; }
      #site_main section#onsen .spec {
        max-width: 60rem;
        width: auto;
        margin: 2rem auto; }
      #site_main section#onsen .spec h4 {
        margin-bottom: 1rem;
        font-size: 1.8rem;
        font-weight: 300; }
      #site_main section#onsen .spec dl {
        margin-bottom: 1rem;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-lines: multiple;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        font-size: 1.3rem; }
        #site_main section#onsen .spec dl dt {
          -webkit-box-flex: 0;
          flex-grow: 0;
          flex-shrink: 0;
          flex-basis: 4rem; }
          #site_main section#onsen .spec dl dt::after {
            content: '：'; }
        #site_main section#onsen .spec dl dd {
          -webkit-box-flex: 1;
          flex-grow: 1;
          flex-shrink: 1;
          flex-basis: 22rem; }
      #site_main section#onsen .spec .caption {
        position: relative;
        padding-left: 1.2rem; }
        #site_main section#onsen .spec .caption::before {
          content: '※';
          position: absolute;
          top: 0.2rem;
          left: 0px; }
      #site_main section#onsen .catch {
        max-width: 60rem;
        width: auto;
        padding: 2rem;
        margin: 2rem auto;
        box-sizing: border-box;
        border-style: solid;
        border-width: 1px;
        border-color: #949494;
        border-radius: 1rem;
        font-size: 1.3rem; }
    #site_main section#flower {
      padding: 8rem 3rem;
      background-color: #000; }
      #site_main section#flower h3 {
        margin-bottom: 4rem;
        text-align: center;
        font-size: 3rem;
        font-weight: 300;
        color: #fff; }
      #site_main section#flower p {
        max-width: 60rem;
        width: auto;
        margin: 0px auto;
        text-align: justify;
        font-size: 1.3rem;
        line-height: 2em;
        color: #fff; }
      #site_main section#flower .image {
        max-width: 60rem;
        width: auto;
        margin: 4rem auto; }
      #site_main section#flower .image img {
        width: 100%;
        height: auto; }
    #site_main section#voice .contents {
      padding: 8rem 3rem;
      position: relative; }
      #site_main section#voice .contents h3 {
        margin-bottom: 4rem;
        text-align: center;
        font-size: 3rem;
        font-weight: 300; }
      #site_main section#voice .contents ul.voice {
        max-width: 60rem;
        width: auto;
        margin: 0px auto;
        list-style: none; }
        #site_main section#voice .contents ul.voice li.item {
          padding: 3rem;
          margin: 2rem;
          border-radius: 1rem;
          background-color: rgba(255, 255, 255, 0.8); }
          #site_main section#voice .contents ul.voice li.item h4 {
            margin-bottom: 3rem;
            text-align: center;
            font-size: 1.8rem;
            line-height: 2em;
            color: #922283;
            text-decoration: underline;
            -webkit-transition: 1s;
            transition: 1s;
            -webkit-opacity: 0;
            -moz-opacity: 0;
            -ms-opacity: 0;
            -o-opacity: 0;
            opacity: 0;
            transform: -webkit- translateX(-2rem);
            transform: translateX(-2rem); }
          #site_main section#voice .contents ul.voice li.item p {
            font-size: 1.3rem;
            line-height: 2em;
            -webkit-transition: 1s 0.5s;
            transition: 1s 0.5s;
            -webkit-opacity: 0;
            -moz-opacity: 0;
            -ms-opacity: 0;
            -o-opacity: 0;
            opacity: 0;
            transform: -webkit- translateX(-2rem);
            transform: translateX(-2rem); }
          #site_main section#voice .contents ul.voice li.item.visible h4 {
            -webkit-opacity: 1;
            -moz-opacity: 1;
            -ms-opacity: 1;
            -o-opacity: 1;
            opacity: 1;
            transform: -webkit- translateX(0px);
            transform: translateX(0px); }
          #site_main section#voice .contents ul.voice li.item.visible p {
            -webkit-opacity: 1;
            -moz-opacity: 1;
            -ms-opacity: 1;
            -o-opacity: 1;
            opacity: 1;
            transform: -webkit- translateX(0px);
            transform: translateX(0px); }
    #site_main section#point2 {
      position: relative;
      padding: 8rem 3rem; }
      #site_main section#point2 h3 {
        margin-bottom: 4rem;
        text-align: center;
        font-size: 3rem;
        font-weight: 300; }
      #site_main section#point2 ul.point2 {
        max-width: 96rem;
        width: auto;
        margin: 0px auto;
        list-style: none;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-lines: multiple;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap; }
      #site_main section#point2 ul.point2 li.item {
        -webkit-box-flex: 1;
        flex-grow: 1;
        flex-shrink: 1;
        flex-basis: 40rem;
        margin: 3rem; }
        #site_main section#point2 ul.point2 li.item h3 {
          position: relative;
          padding-left: 3rem;
          margin-bottom: 3rem;
          text-align: left;
          font-size: 1.8rem;
          color: #922283;
          -webkit-transition: 1s;
          transition: 1s;
          -webkit-opacity: 0;
          -moz-opacity: 0;
          -ms-opacity: 0;
          -o-opacity: 0;
          opacity: 0;
          transform: -webkit- translateX(-2rem);
          transform: translateX(-2rem);
          background-image: url('../images/icon_check.png');
          background-repeat: no-repeat;
          background-size: 1em 1em;
          background-position: 0px 0.3rem; }
        #site_main section#point2 ul.point2 li.item p {
          font-size: 1.3rem;
          line-height: 2em;
          -webkit-transition: 1s 0.5s;
          transition: 1s 0.5s;
          -webkit-opacity: 0;
          -moz-opacity: 0;
          -ms-opacity: 0;
          -o-opacity: 0;
          opacity: 0;
          transform: -webkit- translateX(-2rem);
          transform: translateX(-2rem); }
        #site_main section#point2 ul.point2 li.item.visible h3 {
          -webkit-opacity: 1;
          -moz-opacity: 1;
          -ms-opacity: 1;
          -o-opacity: 1;
          opacity: 1;
          transform: -webkit- translateX(0px);
          transform: translateX(0px); }
          #site_main section#point2 ul.point2 li.item.visible p {
            -webkit-opacity: 1;
            -moz-opacity: 1;
            -ms-opacity: 1;
            -o-opacity: 1;
            opacity: 1;
            transform: -webkit- translateX(0px);
            transform: translateX(0px); }
    #site_main section#usage {
      padding: 8rem 3rem;
      background-color: #ffefff; }
      #site_main section#usage h3 {
        margin-bottom: 4rem;
        text-align: center;
        font-size: 3rem;
        font-weight: 300; }
      #site_main section#usage p {
        max-width: 60rem;
        width: auto;
        margin: 0px auto;
        text-align: justify;
        font-size: 1.5rem;
        line-height: 2em; }
      #site_main section#usage .image {
        max-width: 60rem;
        width: auto;
        position: relative;
        margin: 2rem auto; }
      #site_main section#usage .image img {
        width: 100%;
        height: auto; }
        #site_main section#usage .image img.image1 {
          -webkit-transition: 1s;
          transition: 1s;
          -webkit-opacity: 0;
          -moz-opacity: 0;
          -ms-opacity: 0;
          -o-opacity: 0;
          opacity: 0;
          transform: -webkit- translateX(-3rem);
          transform: translateX(-3rem); }
        #site_main section#usage .image img.image2 {
          position: absolute;
          left: 0px;
          bottom: 0px;
          -webkit-transition: 1s 0.3s;
          transition: 1s 0.3s;
          -webkit-opacity: 0;
          -moz-opacity: 0;
          -ms-opacity: 0;
          -o-opacity: 0;
          opacity: 0;
          transform: -webkit- translateX(3rem);
          transform: translateX(3rem); }
      #site_main section#usage.actived .image img.image1, #site_main section#usage.actived .image img.image2 {
        -webkit-opacity: 1;
        -moz-opacity: 1;
        -ms-opacity: 1;
        -o-opacity: 1;
        opacity: 1;
        transform: -webkit- translateX(0px);
        transform: translateX(0px); }
    #site_main section#contact {
      padding: 8rem 3rem;
      background-color: #ffefff;
      text-align: center; }
      #site_main section#contact h3 {
        margin-bottom: 2rem;
        font-size: 2.4rem;
        font-weight: 300; }
      #site_main section#contact .tel {
        margin-bottom: 1rem;
        font-size: 3rem;
        font-weight: 300; }
      #site_main section#contact .time {
        margin-bottom: 2rem;
        font-size: 1.1rem; }
      #site_main section#contact .mail {
        margin-bottom: 2rem;
        font-size: 1.6rem;
        font-weight: 300; }
      #site_main section#contact p {
        text-align: center;
        font-size: 1.3rem;
        line-height: 2em; }
      #site_main section .background {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px;
        overflow: hidden; }
      #site_main section .background img {
        width: 100%;
        height: auto; }

#site_footer {
  padding: 4rem 3rem;
  background-color: #000; }
  #site_footer h3 {
    margin-bottom: 2rem;
    text-align: center; }
    #site_footer h3 img {
      width: 12rem;
      height: auto; }
  #site_footer p {
    text-align: center;
    font-size: 1rem;
    line-height: 2em;
    color: #fff; }
  #site_footer .cr {
    text-align: center;
    font-size: 1rem;
    line-height: 2em;
    color: #fff; }