@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Crimson+Text&display=swap');
@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; }
  #site_header .logo {
    text-align: center;
    font-size: 2.5rem;
    font-family: 'Crimson Text', serif;
    color: #000; }
    #site_header .logo small {
      display: block;
      font-size: 1.7rem;
      font-family: 'Crimson Text', serif; }

#site_main {
  display: block;
  width: 100%;
  overflow: hidden;
  background-color: #fff; }
  #site_main section {
    position: relative; }
    #site_main section#top .sec_header {
      position: relative;
      max-height: 100vh;
      height: 70vw; }
      #site_main section#top .sec_header .title {
        position: absolute;
        bottom: 0px;
        left: 0px;
        right: 0px;
        padding: 4rem 2rem;
        z-index: 1;
        background-color: rgba(131, 147, 160, 0.9);
        text-align: center;
        font-size: 4rem;
        font-family: 'Crimson Text', serif;
        color: #fff;
        opacity: 0;
        transform: -webkit- translateY(4rem);
        transform: translateY(4rem); }
        #site_main section#top .sec_header .title small {
          display: block;
          font-size: 2rem;
          font-family: 'Crimson Text', serif; }
        #site_main section#top .sec_header .title .icon {
          display: block;
          position: absolute;
          top: -4rem;
          left: 60%;
          transition-timing-function: cubic-bezier(0.2, 2, 0.4, 0.7);
          opacity: 0;
          transform: -webkit- rotateZ(10deg);
          transform: rotateZ(10deg); }
          #site_main section#top .sec_header .title .icon img {
            width: 12rem;
            height: auto; }
      #site_main section#top .sec_contents {
        padding: 6rem 0px; }
      #site_main section#top .sec_contents .contents_header {
        max-width: 96rem;
        width: auto;
        margin: 0px auto;
        padding: 6rem; }
        #site_main section#top .sec_contents .contents_header_title {
          padding: 4rem 0px;
          border-top-style: solid;
          border-bottom-style: solid;
          border-top-width: 1px;
          border-bottom-width: 1px;
          border-top-color: #ccc;
          border-bottom-color: #ccc;
          text-align: center;
          font-size: 4rem;
          font-family: 'Noto Serif JP', serif;
          word-break: keep-all; }
          #site_main section#top .sec_contents .contents_header_title small {
            display: block;
            font-size: 2rem;
            font-family: 'Helvetica Neue', "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif; }
      #site_main section#top .sec_contents .items {
        max-width: 96rem;
        width: auto;
        margin: 0px auto;
        padding: 0px 6rem;
        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; }
        #site_main section#top .sec_contents .items .item {
          -webkit-box-flex: 0;
          flex-grow: 0;
          flex-shrink: 0;
          flex-basis: 40rem;
          padding: 3rem;
          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#top .sec_contents .items .item .text {
            -webkit-box-flex: 1;
            flex-grow: 1;
            flex-shrink: 1;
            flex-basis: 16rem;
            -webkit-transition: 0s;
            transition: 0s;
            opacity: 0;
            transform: -webkit- translateX(2rem);
            transform: translateX(2rem); }
            #site_main section#top .sec_contents .items .item .text .name {
              font-size: 2rem;
              font-family: 'Noto Serif JP', serif;
              color: #345c8f; }
              #site_main section#top .sec_contents .items .item .text .name .brand {
                font-family: 'Crimson Text', serif;
                color: #6a808a; }
            #site_main section#top .sec_contents .items .item .text .size {
              font-size: 1.2rem;
              font-family: 'Helvetica Neue', "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
              font-weight: 400;
              font-feature-settings: "palt"; }
            #site_main section#top .sec_contents .items .item .text .button {
              display: block;
              padding: 1.5rem;
              margin-top: 0.5rem;
              background-color: #345c8f;
              text-align: center;
              font-size: 1.7rem;
              line-height: 1em;
              font-family: 'Helvetica Neue', "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
              color: #fff;
              font-weight: 700;
              text-decoration: none;
              -webkit-transition: 0.5s;
              transition: 0.5s;
              transform: -webkit- scale(1);
              transform: scale(1); }
              #site_main section#top .sec_contents .items .item .text .button:hover {
                transform: -webkit- scale(1.05);
                transform: scale(1.05); }
          #site_main section#top .sec_contents .items .item .image {
            -webkit-box-flex: 1;
            flex-grow: 1;
            flex-shrink: 1;
            flex-basis: 10rem;
            padding: 1rem;
            -webkit-transition: 0s;
            transition: 0s;
            opacity: 0;
            transform: -webkit- translateX(-2rem);
            transform: translateX(-2rem); }
            #site_main section#top .sec_contents .items .item .image img {
              width: 100%;
              height: auto; }
          #site_main section#top .sec_contents .items .item.visible .text {
            -webkit-transition: 0.5s 0.5s;
            transition: 0.5s 0.5s;
            opacity: 1;
            transform: -webkit- translateX(0px);
            transform: translateX(0px); }
            #site_main section#top .sec_contents .items .item.visible .image {
              -webkit-transition: 0.5s;
              transition: 0.5s;
              opacity: 1;
              transform: -webkit- translateX(0px);
              transform: translateX(0px); }
      #site_main section#top.visible .sec_header .title {
        -webkit-transition: 0.5s;
        transition: 0.5s;
        opacity: 1;
        transform: -webkit- translateY(0px);
        transform: translateY(0px); }
        #site_main section#top.visible .sec_header .title .icon {
          -webkit-transition: 0.5s 0.5s;
          transition: 0.5s 0.5s;
          opacity: 1;
          transform: -webkit- rotateZ(0deg);
          transform: rotateZ(0deg); }
    #site_main section#concept {
      margin-top: 4rem;
      background-color: #faf7f7; }
      #site_main section#concept .sec_header {
        position: relative;
        top: -4rem; }
      #site_main section#concept .sec_header_title {
        text-align: center;
        font-size: 6rem;
        font-family: 'Crimson Text', serif;
        color: #c3c8d9;
        -webkit-transition: 0;
        transition: 0;
        opacity: 0;
        transform: -webkit- scale(1.1);
        transform: scale(1.1); }
        #site_main section#concept .sec_header_title small {
          display: block;
          font-size: 2rem;
          font-family: 'Helvetica Neue', "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
          color: #6a808a;
          -webkit-transition: 0;
          transition: 0;
          opacity: 0;
          transform: -webkit- translateX(2rem);
          transform: translateX(2rem); }
      #site_main section#concept .sec_contents #concept1 {
        padding: 3rem; }
        #site_main section#concept .sec_contents #concept1 .title {
          max-width: 80rem;
          width: auto;
          margin: auto;
          margin-bottom: 1rem;
          font-size: 4rem;
          font-family: 'Noto Serif JP', serif;
          font-weight: 300;
          color: #345c8f; }
        #site_main section#concept .sec_contents #concept1 .text {
          max-width: 80rem;
          width: auto;
          margin: auto;
          font-size: 2rem;
          line-height: 2em;
          font-family: 'Helvetica Neue', "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
          color: #000; }
      #site_main section#concept .sec_contents #concept2 {
        position: relative;
        height: 45vw; }
        #site_main section#concept .sec_contents #concept2 .text {
          position: absolute;
          top: 0px;
          bottom: 0px;
          left: 20%;
          max-height: 15rem;
          height: fit-content;
          width: fit-content;
          margin: auto;
          z-index: 1; }
        #site_main section#concept .sec_contents #concept2 .text .title {
          font-size: 4rem;
          font-family: 'Noto Serif JP', serif;
          font-weight: 300;
          color: #000; }
          #site_main section#concept .sec_contents #concept2 .text .title .divide_text {
            display: block; }
          #site_main section#concept .sec_contents #concept2 .text .title .divide_text .letter {
            display: inline-block;
            opacity: 0;
            transform: -webkit- translateX(1em);
            transform: translateX(1em); }
        #site_main section#concept .sec_contents #concept2 .image {
          position: absolute;
          top: 0px;
          left: 0px;
          bottom: 0px;
          right: 0px; }
        #site_main section#concept .sec_contents #concept2 .image img {
          display: block;
          width: 100%;
          height: auto; }
        #site_main section#concept .sec_contents #concept2.visible .text .title .divide_text .letter0 {
          -webkit-transition: 0.5s 0s;
          transition: 0.5s 0s;
          opacity: 1;
          transform: -webkit- translateX(0px);
          transform: translateX(0px); }
          #site_main section#concept .sec_contents #concept2.visible .text .title .divide_text .letter1 {
            -webkit-transition: 0.5s 0.05s;
            transition: 0.5s 0.05s;
            opacity: 1;
            transform: -webkit- translateX(0px);
            transform: translateX(0px); }
          #site_main section#concept .sec_contents #concept2.visible .text .title .divide_text .letter2 {
            -webkit-transition: 0.5s 0.1s;
            transition: 0.5s 0.1s;
            opacity: 1;
            transform: -webkit- translateX(0px);
            transform: translateX(0px); }
          #site_main section#concept .sec_contents #concept2.visible .text .title .divide_text .letter3 {
            -webkit-transition: 0.5s 0.15s;
            transition: 0.5s 0.15s;
            opacity: 1;
            transform: -webkit- translateX(0px);
            transform: translateX(0px); }
          #site_main section#concept .sec_contents #concept2.visible .text .title .divide_text .letter4 {
            -webkit-transition: 0.5s 0.2s;
            transition: 0.5s 0.2s;
            opacity: 1;
            transform: -webkit- translateX(0px);
            transform: translateX(0px); }
          #site_main section#concept .sec_contents #concept2.visible .text .title .divide_text .letter5 {
            -webkit-transition: 0.5s 0.25s;
            transition: 0.5s 0.25s;
            opacity: 1;
            transform: -webkit- translateX(0px);
            transform: translateX(0px); }
          #site_main section#concept .sec_contents #concept2.visible .text .title .divide_text .letter6 {
            -webkit-transition: 0.5s 0.3s;
            transition: 0.5s 0.3s;
            opacity: 1;
            transform: -webkit- translateX(0px);
            transform: translateX(0px); }
          #site_main section#concept .sec_contents #concept2.visible .text .title .divide_text .letter7 {
            -webkit-transition: 0.5s 0.35s;
            transition: 0.5s 0.35s;
            opacity: 1;
            transform: -webkit- translateX(0px);
            transform: translateX(0px); }
          #site_main section#concept .sec_contents #concept2.visible .text .title .divide_text .letter8 {
            -webkit-transition: 0.5s 0.4s;
            transition: 0.5s 0.4s;
            opacity: 1;
            transform: -webkit- translateX(0px);
            transform: translateX(0px); }
          #site_main section#concept .sec_contents #concept2.visible .text .title .divide_text .letter9 {
            -webkit-transition: 0.5s 0.45s;
            transition: 0.5s 0.45s;
            opacity: 1;
            transform: -webkit- translateX(0px);
            transform: translateX(0px); }
          #site_main section#concept .sec_contents #concept2.visible .text .title .divide_text .letter10 {
            -webkit-transition: 0.5s 0.5s;
            transition: 0.5s 0.5s;
            opacity: 1;
            transform: -webkit- translateX(0px);
            transform: translateX(0px); }
      #site_main section#concept .sec_contents #concept3 {
        padding: 6rem;
        background-color: #faf7f7;
        background-image: url('../images/bg_concept3.jpg');
        background-size: 100% auto;
        background-position: 0px 0px;
        background-repeat: no-repeat; }
        #site_main section#concept .sec_contents #concept3 .sec_concept_header .title {
          padding: 6rem;
          text-align: center;
          font-size: 4rem;
          font-family: 'Noto Serif JP', serif;
          font-weight: 300;
          color: #000; }
          #site_main section#concept .sec_contents #concept3 .sec_concept_header .title .divide_text {
            display: block; }
          #site_main section#concept .sec_contents #concept3 .sec_concept_header .title .divide_text .letter {
            display: inline-block;
            opacity: 0;
            transform: -webkit- scale(1.2);
            transform: scale(1.2); }
          #site_main section#concept .sec_contents #concept3 .sec_concept_header .title.visible .divide_text .letter0 {
            -webkit-transition: 0.5s 0s;
            transition: 0.5s 0s;
            opacity: 1;
            transform: -webkit- scale(1);
            transform: scale(1); }
          #site_main section#concept .sec_contents #concept3 .sec_concept_header .title.visible .divide_text .letter1 {
            -webkit-transition: 0.5s 0.05s;
            transition: 0.5s 0.05s;
            opacity: 1;
            transform: -webkit- scale(1);
            transform: scale(1); }
          #site_main section#concept .sec_contents #concept3 .sec_concept_header .title.visible .divide_text .letter2 {
            -webkit-transition: 0.5s 0.1s;
            transition: 0.5s 0.1s;
            opacity: 1;
            transform: -webkit- scale(1);
            transform: scale(1); }
          #site_main section#concept .sec_contents #concept3 .sec_concept_header .title.visible .divide_text .letter3 {
            -webkit-transition: 0.5s 0.15s;
            transition: 0.5s 0.15s;
            opacity: 1;
            transform: -webkit- scale(1);
            transform: scale(1); }
          #site_main section#concept .sec_contents #concept3 .sec_concept_header .title.visible .divide_text .letter4 {
            -webkit-transition: 0.5s 0.2s;
            transition: 0.5s 0.2s;
            opacity: 1;
            transform: -webkit- scale(1);
            transform: scale(1); }
          #site_main section#concept .sec_contents #concept3 .sec_concept_header .title.visible .divide_text .letter5 {
            -webkit-transition: 0.5s 0.25s;
            transition: 0.5s 0.25s;
            opacity: 1;
            transform: -webkit- scale(1);
            transform: scale(1); }
          #site_main section#concept .sec_contents #concept3 .sec_concept_header .title.visible .divide_text .letter6 {
            -webkit-transition: 0.5s 0.3s;
            transition: 0.5s 0.3s;
            opacity: 1;
            transform: -webkit- scale(1);
            transform: scale(1); }
          #site_main section#concept .sec_contents #concept3 .sec_concept_header .title.visible .divide_text .letter7 {
            -webkit-transition: 0.5s 0.35s;
            transition: 0.5s 0.35s;
            opacity: 1;
            transform: -webkit- scale(1);
            transform: scale(1); }
          #site_main section#concept .sec_contents #concept3 .sec_concept_header .title.visible .divide_text .letter8 {
            -webkit-transition: 0.5s 0.4s;
            transition: 0.5s 0.4s;
            opacity: 1;
            transform: -webkit- scale(1);
            transform: scale(1); }
          #site_main section#concept .sec_contents #concept3 .sec_concept_header .title.visible .divide_text .letter9 {
            -webkit-transition: 0.5s 0.45s;
            transition: 0.5s 0.45s;
            opacity: 1;
            transform: -webkit- scale(1);
            transform: scale(1); }
          #site_main section#concept .sec_contents #concept3 .sec_concept_header .title.visible .divide_text .letter10 {
            -webkit-transition: 0.5s 0.5s;
            transition: 0.5s 0.5s;
            opacity: 1;
            transform: -webkit- scale(1);
            transform: scale(1); }
        #site_main section#concept .sec_contents #concept3 .items {
          display: block;
          max-width: 120rem;
          width: auto;
          margin: 0px auto;
          padding: 0px;
          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;
          perspective: 200vw; }
        #site_main section#concept .sec_contents #concept3 .items .item {
          -webkit-box-flex: 0;
          flex-grow: 0;
          flex-shrink: 0;
          flex-basis: 40rem;
          padding: 3rem;
          margin: 2rem;
          border-style: solid;
          border-width: 1px;
          border-color: #ccc;
          border-radius: 1rem;
          background-color: #fff;
          opacity: 0;
          transform: -webkit- rotateY(45deg) scale(1.1);
          transform: rotateY(45deg) scale(1.1); }
          #site_main section#concept .sec_contents #concept3 .items .item .header .catch {
            margin-bottom: 2rem;
            font-size: 2.2rem;
            font-family: 'Noto Serif JP', serif;
            font-weight: 300;
            color: #345c8f;
            opacity: 0;
            transform: -webkit- translateX(2rem);
            transform: translateX(2rem); }
          #site_main section#concept .sec_contents #concept3 .items .item .header .lead {
            text-align: justify;
            font-size: 1.5rem;
            line-height: 2em;
            font-family: 'Helvetica Neue', "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
            font-weight: 300;
            color: #000;
            opacity: 0;
            transform: -webkit- translateX(-2rem);
            transform: translateX(-2rem); }
          #site_main section#concept .sec_contents #concept3 .items .item .image {
            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#concept .sec_contents #concept3 .items .item .image_item {
            -webkit-box-flex: 1;
            flex-grow: 1;
            flex-shrink: 1;
            flex-basis: 15rem;
            opacity: 0;
            transform: -webkit- translateX(2rem);
            transform: translateX(2rem); }
          #site_main section#concept .sec_contents #concept3 .items .item .image_item img {
            width: 100%;
            height: auto; }
          #site_main section#concept .sec_contents #concept3 .items .item .image_feature {
            -webkit-box-flex: 1;
            flex-grow: 1;
            flex-shrink: 1;
            flex-basis: 15rem;
            opacity: 0;
            transform: -webkit- translateX(-2rem);
            transform: translateX(-2rem); }
          #site_main section#concept .sec_contents #concept3 .items .item .image_feature img {
            width: 100%;
            height: auto; }
          #site_main section#concept .sec_contents #concept3 .items .item .text {
            opacity: 0;
            transform: -webkit- translateX(2rem);
            transform: translateX(2rem); }
          #site_main section#concept .sec_contents #concept3 .items .item .text .name {
            font-size: 2.2rem;
            font-family: 'Noto Serif JP', serif;
            color: #345c8f; }
          #site_main section#concept .sec_contents #concept3 .items .item .text .name .brand {
            font-family: 'Crimson Text', serif;
            color: #6a808a; }
          #site_main section#concept .sec_contents #concept3 .items .item .text .icon {
            display: block;
            width: 10rem;
            padding: 0.5rem 1rem;
            margin: 1rem 0px;
            border-style: solid;
            border-width: 1px;
            border-color: #808080;
            border-radius: 0.5rem;
            text-align: center;
            font-size: 1.5rem;
            font-family: 'Helvetica Neue', "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif; }
          #site_main section#concept .sec_contents #concept3 .items .item .text .materials_title {
            font-size: 1.2rem;
            font-family: 'Helvetica Neue', "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
            font-weight: 400; }
          #site_main section#concept .sec_contents #concept3 .items .item .text .materials_text {
            font-size: 1.2rem;
            font-family: 'Helvetica Neue', "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
            font-weight: 400;
            font-feature-settings: "palt"; }
          #site_main section#concept .sec_contents #concept3 .items .item.visible {
            -webkit-transition: 0.5s;
            transition: 0.5s;
            opacity: 1;
            transform: -webkit- rotateY(0deg) scale(1);
            transform: rotateY(0deg) scale(1); }
          #site_main section#concept .sec_contents #concept3 .items .item.visible .header .catch {
            -webkit-transition: 0.5s 0.5s;
            transition: 0.5s 0.5s;
            opacity: 1;
            transform: -webkit- translateX(0px);
            transform: translateX(0px); }
          #site_main section#concept .sec_contents #concept3 .items .item.visible .header .lead {
            -webkit-transition: 0.5s 0.5s;
            transition: 0.5s 0.5s;
            opacity: 1;
            transform: -webkit- translateX(0px);
            transform: translateX(0px); }
          #site_main section#concept .sec_contents #concept3 .items .item.visible .image_item {
            -webkit-transition: 0.5s 0.75s;
            transition: 0.5s 0.75s;
            opacity: 1;
            transform: -webkit- translateX(0px);
            transform: translateX(0px); }
          #site_main section#concept .sec_contents #concept3 .items .item.visible .image_feature {
            -webkit-transition: 0.5s 0.75s;
            transition: 0.5s 0.75s;
            opacity: 1;
            transform: -webkit- translateX(0px);
            transform: translateX(0px); }
          #site_main section#concept .sec_contents #concept3 .items .item.visible .text {
            -webkit-transition: 0.5s 1s;
            transition: 0.5s 1s;
            opacity: 1;
            transform: -webkit- translateX(0px);
            transform: translateX(0px); }
      #site_main section#concept.visible .sec_header_title {
        -webkit-transition: 0.5s;
        transition: 0.5s;
        opacity: 1;
        transform: -webkit- scale(1);
        transform: scale(1); }
        #site_main section#concept.visible .sec_header_title small {
          -webkit-transition: 0.5s 0.5s;
          transition: 0.5s 0.5s;
          opacity: 1;
          transform: -webkit- translateX(0px);
          transform: translateX(0px); }
    #site_main section#feature .sec_header {
      max-width: 96rem;
      width: auto;
      margin: 0px auto;
      padding: 6rem;
      position: relative;
      z-index: 1;
      opacity: 0;
      transform: -webkit- translateX(10rem);
      transform: translateX(10rem); }
      #site_main section#feature .sec_header .title {
        padding: 6rem 0px;
        text-align: center;
        font-size: 4rem;
        font-family: 'Noto Serif JP', serif;
        font-weight: 300;
        color: #000; }
      #site_main section#feature .sec_header .mediaText {
        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#feature .sec_header .mediaText:nth-child(odd) {
          display: -webkit-box;
          display: -webkit-flex;
          display: flex;
          -webkit-box-direction: reverse;
          -webkit-box-orient: horizontal;
          -webkit-flex-direction: row-reverse;
          flex-direction: row-reverse; }
        #site_main section#feature .sec_header .mediaText .image {
          position: relative;
          -webkit-box-flex: 0;
          flex-grow: 0;
          flex-shrink: 0;
          flex-basis: 40rem;
          padding: 3rem;
          opacity: 0;
          transform: -webkit- scale(1.1);
          transform: scale(1.1); }
        #site_main section#feature .sec_header .mediaText .image::after {
          content: '';
          display: block;
          position: absolute;
          top: 4rem;
          bottom: 4rem;
          left: 4rem;
          right: 4rem;
          border-style: solid;
          border-width: 1px;
          border-color: #fff; }
        #site_main section#feature .sec_header .mediaText .image img {
          width: 100%;
          height: auto;
          box-shadow: 0 20px 41px rgba(0, 0, 0, 0.3); }
        #site_main section#feature .sec_header .mediaText .text {
          position: relative;
          -webkit-box-flex: 0;
          flex-grow: 0;
          flex-shrink: 0;
          flex-basis: 40rem;
          padding: 3rem;
          opacity: 0;
          transform: -webkit- translateX(2rem);
          transform: translateX(2rem); }
        #site_main section#feature .sec_header .mediaText .text .catch {
          font-size: 3rem;
          font-family: 'Noto Serif JP', serif;
          font-weight: 300;
          color: #000;
          word-break: keep-all; }
        #site_main section#feature .sec_header .mediaText .text .icons {
          display: -webkit-box;
          display: -webkit-flex;
          display: flex;
          -webkit-box-lines: multiple;
          -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
          -webkit-justify-content: space-between;
          justify-content: space-between; }
          #site_main section#feature .sec_header .mediaText .text .icons .icon {
            -webkit-box-flex: 0;
            flex-grow: 0;
            flex-shrink: 0;
            flex-basis: 16rem;
            padding: 1rem;
            margin-bottom: 2rem;
            border-radius: 0.5rem;
            background-color: #d1e0ed;
            text-align: center;
            font-size: 1.5rem;
            line-height: 1em;
            font-family: 'Noto Serif JP', serif;
            color: #000;
            opacity: 0;
            transform: -webkit- scale(1.2);
            transform: scale(1.2); }
          #site_main section#feature .sec_header .mediaText .text .icons .icon.visible:nth-child(1) {
            -webkit-transition: 0.5s 0.05s;
            transition: 0.5s 0.05s;
            opacity: 1;
            transform: -webkit- scale(1);
            transform: scale(1); }
          #site_main section#feature .sec_header .mediaText .text .icons .icon.visible:nth-child(2) {
            -webkit-transition: 0.5s 0.1s;
            transition: 0.5s 0.1s;
            opacity: 1;
            transform: -webkit- scale(1);
            transform: scale(1); }
          #site_main section#feature .sec_header .mediaText .text .icons .icon.visible:nth-child(3) {
            -webkit-transition: 0.5s 0.15s;
            transition: 0.5s 0.15s;
            opacity: 1;
            transform: -webkit- scale(1);
            transform: scale(1); }
          #site_main section#feature .sec_header .mediaText .text .icons .icon.visible:nth-child(4) {
            -webkit-transition: 0.5s 0.2s;
            transition: 0.5s 0.2s;
            opacity: 1;
            transform: -webkit- scale(1);
            transform: scale(1); }
          #site_main section#feature .sec_header .mediaText .text .icons .icon.visible:nth-child(5) {
            -webkit-transition: 0.5s 0.25s;
            transition: 0.5s 0.25s;
            opacity: 1;
            transform: -webkit- scale(1);
            transform: scale(1); }
          #site_main section#feature .sec_header .mediaText .text .icons .icon.visible:nth-child(6) {
            -webkit-transition: 0.5s 0.3s;
            transition: 0.5s 0.3s;
            opacity: 1;
            transform: -webkit- scale(1);
            transform: scale(1); }
      #site_main section#feature .sec_contents {
        position: relative;
        z-index: 1;
        max-width: 120rem;
        width: auto;
        margin: 0px auto;
        padding: 3rem 6rem; }
      #site_main section#feature .sec_contents .features {
        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; }
        #site_main section#feature .sec_contents .features .feature {
          -webkit-box-flex: 0;
          flex-grow: 0;
          flex-shrink: 0;
          flex-basis: 45rem;
          padding: 2rem;
          margin-bottom: 5rem; }
        #site_main section#feature .sec_contents .features .feature .title {
          display: block;
          position: relative;
          margin: 2rem 0px;
          padding: 0.5rem 0px 0.5rem 3rem;
          border-bottom-style: solid;
          border-bottom-width: 1px;
          background-image: url('../images/icon_feature_title.png');
          background-size: 2rem auto;
          background-position: 0px 50%;
          background-repeat: no-repeat;
          font-size: 1.8rem;
          font-family: 'Noto Serif JP', serif;
          font-weight: 300;
          color: #345c8f;
          opacity: 0;
          transform: -webkit- translateX(2rem);
          transform: translateX(2rem); }
        #site_main section#feature .sec_contents .features .feature .contents {
          display: -webkit-box;
          display: -webkit-flex;
          display: flex;
          -webkit-box-lines: multiple;
          -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
          opacity: 0;
          transform: -webkit- translateX(-2rem);
          transform: translateX(-2rem); }
          #site_main section#feature .sec_contents .features .feature .contents .icons {
            -webkit-box-flex: 1;
            flex-grow: 1;
            flex-shrink: 1;
            flex-basis: 100%;
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-box-lines: multiple;
            -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-justify-content: space-between;
            justify-content: space-between; }
          #site_main section#feature .sec_contents .features .feature .contents .icons .icon {
            -webkit-box-flex: 0;
            flex-grow: 0;
            flex-shrink: 0;
            flex-basis: 20rem;
            padding: 1rem;
            margin-bottom: 2rem;
            border-radius: 0.5rem;
            background-color: #d1e0ed;
            text-align: center;
            font-size: 1.5rem;
            line-height: 1em;
            font-family: 'Noto Serif JP', serif;
            color: #000;
            opacity: 0;
            transform: -webkit- scale(1.2);
            transform: scale(1.2); }
          #site_main section#feature .sec_contents .features .feature .contents .icons .icon.visible:nth-child(1) {
            -webkit-transition: 0.5s 0.05s;
            transition: 0.5s 0.05s;
            opacity: 1;
            transform: -webkit- scale(1);
            transform: scale(1); }
            #site_main section#feature .sec_contents .features .feature .contents .icons .icon.visible:nth-child(2) {
              -webkit-transition: 0.5s 0.1s;
              transition: 0.5s 0.1s;
              opacity: 1;
              transform: -webkit- scale(1);
              transform: scale(1); }
            #site_main section#feature .sec_contents .features .feature .contents .icons .icon.visible:nth-child(3) {
              -webkit-transition: 0.5s 0.15s;
              transition: 0.5s 0.15s;
              opacity: 1;
              transform: -webkit- scale(1);
              transform: scale(1); }
            #site_main section#feature .sec_contents .features .feature .contents .icons .icon.visible:nth-child(4) {
              -webkit-transition: 0.5s 0.2s;
              transition: 0.5s 0.2s;
              opacity: 1;
              transform: -webkit- scale(1);
              transform: scale(1); }
            #site_main section#feature .sec_contents .features .feature .contents .icons .icon.visible:nth-child(5) {
              -webkit-transition: 0.5s 0.25s;
              transition: 0.5s 0.25s;
              opacity: 1;
              transform: -webkit- scale(1);
              transform: scale(1); }
            #site_main section#feature .sec_contents .features .feature .contents .icons .icon.visible:nth-child(6) {
              -webkit-transition: 0.5s 0.3s;
              transition: 0.5s 0.3s;
              opacity: 1;
              transform: -webkit- scale(1);
              transform: scale(1); }
          #site_main section#feature .sec_contents .features .feature .contents .text {
            -webkit-box-flex: 1;
            flex-grow: 1;
            flex-shrink: 1;
            flex-basis: 24rem;
            text-align: justify;
            font-size: 1.5rem;
            line-height: 2em;
            font-family: 'Helvetica Neue', "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif; }
          #site_main section#feature .sec_contents .features .feature .contents .image {
            -webkit-box-flex: 0;
            flex-grow: 0;
            flex-shrink: 0;
            flex-basis: 8rem;
            padding: 0px 4rem; }
          #site_main section#feature .sec_contents .features .feature .contents .image img {
            width: 100%;
            height: auto; }
        #site_main section#feature .sec_contents .features .feature.visible .title {
          -webkit-transition: 0.5s;
          transition: 0.5s;
          opacity: 1;
          transform: -webkit- translateX(0px);
          transform: translateX(0px); }
          #site_main section#feature .sec_contents .features .feature.visible .contents {
            -webkit-transition: 0.5s;
            transition: 0.5s;
            opacity: 1;
            transform: -webkit- translateX(0px);
            transform: translateX(0px); }
      #site_main section#feature.visible .sec_header {
        -webkit-transition: 0.5s;
        transition: 0.5s;
        opacity: 1;
        transform: -webkit- translateX(0px);
        transform: translateX(0px); }
        #site_main section#feature.visible .sec_header .mediaText .image {
          -webkit-transition: 0.5s 0.5s;
          transition: 0.5s 0.5s;
          opacity: 1;
          transform: -webkit- scale(1);
          transform: scale(1); }
          #site_main section#feature.visible .sec_header .mediaText .image img {
            box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); }
        #site_main section#feature.visible .sec_header .mediaText .text {
          -webkit-transition: 0.5s;
          transition: 0.5s;
          opacity: 1;
          transform: -webkit- translateX(0px);
          transform: translateX(0px); }
    #site_main section#function {
      padding: 10rem 0px 20rem;
      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: center;
      justify-content: center; }
      #site_main section#function .sec_header {
        -webkit-box-flex: 0;
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: 50rem;
        padding: 4rem 6rem;
        position: relative;
        z-index: 1;
        opacity: 0;
        transform: -webkit- translateX(10rem);
        transform: translateX(10rem); }
      #site_main section#function .sec_header .title {
        font-size: 5rem;
        font-family: 'Noto Serif JP', serif;
        font-weight: 300;
        color: #000;
        word-break: keep-all; }
      #site_main section#function .sec_contents {
        -webkit-box-flex: 0;
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: 50rem;
        position: relative;
        z-index: 1;
        padding: 3rem 6rem; }
      #site_main section#function .sec_contents .functions .function {
        margin-bottom: 3rem;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-lines: multiple;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-align-items: center;
        align-items: center; }
        #site_main section#function .sec_contents .functions .function:nth-child(odd) {
          display: -webkit-box;
          display: -webkit-flex;
          display: flex;
          -webkit-box-direction: reverse;
          -webkit-box-orient: horizontal;
          -webkit-flex-direction: row-reverse;
          flex-direction: row-reverse; }
        #site_main section#function .sec_contents .functions .function .image {
          -webkit-box-flex: 0;
          flex-grow: 0;
          flex-shrink: 0;
          flex-basis: 18rem;
          opacity: 0;
          transform: -webkit- rotateZ(30deg);
          transform: rotateZ(30deg); }
          #site_main section#function .sec_contents .functions .function .image img {
            width: 100%;
            height: auto;
            border-style: solid;
            border-width: 1px;
            border-color: #ccc;
            border-radius: 50%; }
        #site_main section#function .sec_contents .functions .function .text {
          -webkit-box-flex: 1;
          flex-grow: 1;
          flex-shrink: 1;
          flex-basis: 18rem;
          padding: 3rem;
          opacity: 0;
          transform: -webkit- translateX(2rem);
          transform: translateX(2rem); }
          #site_main section#function .sec_contents .functions .function .text .title {
            font-size: 1.8rem;
            font-family: 'Noto Serif JP', serif;
            font-weight: 300;
            color: #345c8f; }
          #site_main section#function .sec_contents .functions .function .text .detail {
            text-align: justify;
            font-size: 1.5rem;
            line-height: 2em;
            font-family: 'Helvetica Neue', "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
            color: #000; }
        #site_main section#function .sec_contents .functions .function.visible .image {
          -webkit-transition: 0.5s;
          transition: 0.5s;
          transition-timing-function: cubic-bezier(0.2, 2, 0.4, 0.7);
          opacity: 1;
          transform: -webkit- rotateZ(0);
          transform: rotateZ(0); }
          #site_main section#function .sec_contents .functions .function.visible .text {
            -webkit-transition: 0.5s 0.25s;
            transition: 0.5s 0.25s;
            opacity: 1;
            transform: -webkit- translateX(0px);
            transform: translateX(0px); }
          #site_main section#function .sec_contents .function_text {
            text-align: justify;
            font-size: 1.5rem;
            line-height: 2em;
            font-family: 'Helvetica Neue', "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
            color: #000; }
      #site_main section#function.visible .sec_header {
        -webkit-transition: 1s;
        transition: 1s;
        opacity: 1;
        transform: -webkit- translateX(0px);
        transform: translateX(0px); }
    #site_main section#voice {
      background-color: #faf7f7; }
      #site_main section#voice .sec_header {
        position: relative;
        top: -4rem; }
      #site_main section#voice .sec_header_title {
        text-align: center;
        font-size: 6rem;
        font-family: 'Crimson Text', serif;
        color: #c3c8d9;
        -webkit-transition: 0;
        transition: 0;
        opacity: 0;
        transform: -webkit- scale(1.1);
        transform: scale(1.1); }
        #site_main section#voice .sec_header_title small {
          display: block;
          font-size: 2rem;
          font-family: 'Helvetica Neue', "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
          color: #6a808a;
          -webkit-transition: 0;
          transition: 0;
          opacity: 0;
          transform: -webkit- translateX(2rem);
          transform: translateX(2rem); }
      #site_main section#voice .sec_contents {
        position: relative;
        z-index: 1;
        max-width: 80rem;
        width: auto;
        margin: 0px auto;
        padding: 3rem 6rem; }
      #site_main section#voice .sec_contents .voices .voice {
        position: relative;
        left: 3rem;
        margin-bottom: 4rem;
        padding: 4rem;
        background-color: #fff;
        border-style: solid;
        border-width: 1px;
        border-color: #ccc;
        transform: -webkit- translateX(10rem);
        transform: translateX(10rem); }
        #site_main section#voice .sec_contents .voices .voice:nth-child(odd) {
          left: -3rem;
          transform: -webkit- translateX(-10rem);
          transform: translateX(-10rem); }
        #site_main section#voice .sec_contents .voices .voice .title {
          margin-bottom: 2rem;
          font-size: 2.4rem;
          font-family: 'Noto Serif JP', serif;
          font-weight: 300;
          color: #345c8f;
          opacity: 0;
          transform: -webkit- translateX(2rem);
          transform: translateX(2rem); }
        #site_main section#voice .sec_contents .voices .voice .text {
          font-size: 1.5rem;
          line-height: 2em;
          font-family: 'Helvetica Neue', "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
          color: #000;
          opacity: 0;
          transform: -webkit- translateX(-2rem);
          transform: translateX(-2rem); }
        #site_main section#voice .sec_contents .voices .voice.visible {
          -webkit-transition: 0.5s;
          transition: 0.5s;
          opacity: 1;
          transform: -webkit- translateX(0px);
          transform: translateX(0px); }
          #site_main section#voice .sec_contents .voices .voice.visible .title {
            -webkit-transition: 0.5s 0.5s;
            transition: 0.5s 0.5s;
            opacity: 1;
            transform: -webkit- translateX(0px);
            transform: translateX(0px); }
          #site_main section#voice .sec_contents .voices .voice.visible .text {
            -webkit-transition: 0.5s 1s;
            transition: 0.5s 1s;
            opacity: 1;
            transform: -webkit- translateX(0px);
            transform: translateX(0px); }
      #site_main section#voice.visible .sec_header_title {
        -webkit-transition: 0.5s;
        transition: 0.5s;
        opacity: 1;
        transform: -webkit- scale(1);
        transform: scale(1); }
        #site_main section#voice.visible .sec_header_title small {
          -webkit-transition: 0.5s 0.5s;
          transition: 0.5s 0.5s;
          opacity: 1;
          transform: -webkit- translateX(0px);
          transform: translateX(0px); }
    #site_main section#brand {
      height: 80vh; }
      #site_main section#brand .sec_header {
        position: relative;
        z-index: 1;
        padding: 6rem;
        opacity: 0;
        transform: -webkit- translateX(2rem);
        transform: translateX(2rem); }
      #site_main section#brand .sec_header_title {
        padding-left: 50%;
        font-size: 5rem;
        font-family: 'Noto Serif JP', serif;
        color: #345c8f;
        word-break: keep-all;
        text-shadow: 0px 4px 2px #fff, 2.4px 3.2px 2px #fff, 3.2px 2.4px 2px #fff, 4px 0px 2px #fff, 3.2px -2.4px 2px #fff, 2.4px -3.2px 2px #fff, 0px -4px 2px #fff, -2.4px -3.2px 2px #fff, -3.2px -2.4px 2px #fff, -4px 0px 2px #fff, -3.2px 2.4px 2px #fff, -2.4px 3.2px 2px #fff; }
      #site_main section#brand .sec_contents {
        position: relative;
        z-index: 1;
        padding: 0px 6rem;
        opacity: 0;
        transform: -webkit- translateX(-2rem);
        transform: translateX(-2rem); }
      #site_main section#brand .sec_contents .text {
        padding-left: 50%;
        font-size: 2.4rem;
        font-family: 'Noto Serif JP', serif;
        color: #345c8f;
        font-feature-settings: "palt"; }
      #site_main section#brand.visible .sec_header {
        -webkit-transition: 0.5s 0.5s;
        transition: 0.5s 0.5s;
        opacity: 1;
        transform: -webkit- translateX(0px);
        transform: translateX(0px); }
      #site_main section#brand.visible .sec_contents {
        -webkit-transition: 0.5s 0.5s;
        transition: 0.5s 0.5s;
        opacity: 1;
        transform: -webkit- translateX(0px);
        transform: translateX(0px); }
    #site_main section#howto {
      max-width: 96rem;
      width: auto;
      margin: 10rem auto;
      padding: 4rem;
      padding-top: 0px;
      border-image: url('../images/border_howto.svg') 30 / 30px;
      border-style: solid;
      border-width: 1px;
      border-color: #8393a0;
      border-radius: 10px; }
      #site_main section#howto .sec_header {
        position: relative;
        top: -4rem; }
      #site_main section#howto .sec_header_title {
        max-width: 60rem;
        width: fit-content;
        padding: 0px 1rem;
        margin: 0px auto;
        text-align: center;
        font-size: 6rem;
        font-family: 'Crimson Text', serif;
        color: #c3c8d9;
        -webkit-transition: 0;
        transition: 0;
        opacity: 0;
        transform: -webkit- scale(1.1);
        transform: scale(1.1);
        background-color: #fff; }
        #site_main section#howto .sec_header_title small {
          display: block;
          font-size: 2rem;
          font-family: 'Helvetica Neue', "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
          color: #6a808a;
          -webkit-transition: 0;
          transition: 0;
          opacity: 0;
          transform: -webkit- translateX(2rem);
          transform: translateX(2rem); }
      #site_main section#howto .sec_contents {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-lines: multiple;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap; }
      #site_main section#howto .sec_contents .text {
        -webkit-box-flex: 2;
        flex-grow: 2;
        flex-shrink: 2;
        flex-basis: 40rem; }
        #site_main section#howto .sec_contents .text .howtos {
          counter-reset: cnt; }
        #site_main section#howto .sec_contents .text .howtos li::before {
          counter-increment: cnt;
          content: counter(cnt); }
        #site_main section#howto .sec_contents .text .howtos .howto {
          position: relative;
          padding: 1.5rem 0px 1.5rem 3rem;
          font-size: 1.5rem;
          line-height: 2em;
          font-family: 'Helvetica Neue', "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
          color: #000;
          opacity: 0;
          transform: -webkit- translateX(2rem);
          transform: translateX(2rem); }
          #site_main section#howto .sec_contents .text .howtos .howto:not(:last-child) {
            border-bottom-style: dotted;
            border-bottom-width: 1px;
            border-bottom-color: #ccc; }
          #site_main section#howto .sec_contents .text .howtos .howto::before {
            display: block;
            position: absolute;
            top: 1rem;
            left: 0px;
            font-size: 3rem;
            font-family: 'Crimson Text', serif;
            color: #8393a0; }
          #site_main section#howto .sec_contents .text .howtos .howto.visible {
            -webkit-transition: 0.5s 0.5s;
            transition: 0.5s 0.5s;
            opacity: 1;
            transform: -webkit- translateX(0px);
            transform: translateX(0px); }
      #site_main section#howto .sec_contents .image {
        -webkit-box-flex: 1;
        flex-grow: 1;
        flex-shrink: 1;
        flex-basis: 30rem;
        padding: 2rem;
        opacity: 0;
        transform: -webkit- scale(1.1);
        transform: scale(1.1); }
        #site_main section#howto .sec_contents .image img {
          width: 100%;
          height: auto;
          border-style: solid;
          border-width: 1rem;
          border-color: #fff;
          box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); }
      #site_main section#howto.visible .sec_header_title {
        -webkit-transition: 0.5s;
        transition: 0.5s;
        opacity: 1;
        transform: -webkit- scale(1);
        transform: scale(1); }
        #site_main section#howto.visible .sec_header_title small {
          -webkit-transition: 0.5s 0.5s;
          transition: 0.5s 0.5s;
          opacity: 1;
          transform: -webkit- translateX(0px);
          transform: translateX(0px); }
      #site_main section#howto.visible .sec_contents .image {
        -webkit-transition: 0.5s;
        transition: 0.5s;
        opacity: 1;
        transform: -webkit- scale(1);
        transform: scale(1); }
    #site_main section#items .sec_header .title {
      position: relative;
      padding: 6rem 2rem;
      z-index: 1;
      background-color: #8393a0;
      text-align: center;
      font-size: 6rem;
      font-family: 'Crimson Text', serif;
      color: #fff;
      opacity: 0;
      transform: -webkit- translateY(4rem);
      transform: translateY(4rem); }
      #site_main section#items .sec_header .title small {
        display: block;
        font-size: 4rem;
        font-family: 'Crimson Text', serif; }
      #site_main section#items .sec_header .title .icon {
        display: block;
        position: absolute;
        top: -4rem;
        left: 60%;
        transition-timing-function: cubic-bezier(0.2, 2, 0.4, 0.7);
        opacity: 0;
        transform: -webkit- rotateZ(10deg);
        transform: rotateZ(10deg); }
      #site_main section#items .sec_header .title .icon img {
        width: 15rem;
        height: auto; }
      #site_main section#items .sec_contents {
        max-width: 120rem;
        width: auto;
        margin: 0px auto; }
      #site_main section#items .sec_contents .items {
        padding: 5rem; }
      #site_main section#items .sec_contents .items .item {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-lines: multiple;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        position: relative;
        padding: 5rem; }
      #site_main section#items .sec_contents .items .item .text {
        -webkit-box-flex: 1;
        flex-grow: 1;
        flex-shrink: 1;
        flex-basis: 30rem;
        padding: 0px 5rem;
        -webkit-transition: 0s;
        transition: 0s;
        opacity: 0;
        transform: -webkit- translateX(2rem);
        transform: translateX(2rem); }
        #site_main section#items .sec_contents .items .item .text .name {
          text-align: center;
          font-size: 3rem;
          font-family: 'Noto Serif JP', serif;
          color: #345c8f; }
        #site_main section#items .sec_contents .items .item .text .name .brand {
          font-family: 'Crimson Text', serif;
          color: #6a808a; }
        #site_main section#items .sec_contents .items .item .text .icon {
          display: block;
          width: 10rem;
          padding: 0.5rem 1rem;
          margin: 1rem auto;
          border-style: solid;
          border-width: 1px;
          border-color: #808080;
          border-radius: 0.5rem;
          text-align: center;
          font-size: 1.5rem;
          font-family: 'Helvetica Neue', "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif; }
        #site_main section#items .sec_contents .items .item .text .materials {
          width: fit-content;
          min-height: 8rem;
          height: auto;
          margin: auto; }
        #site_main section#items .sec_contents .items .item .text .materials_title {
          font-size: 1.2rem;
          font-family: 'Helvetica Neue', "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
          font-weight: 400; }
        #site_main section#items .sec_contents .items .item .text .materials_text {
          font-size: 1.2rem;
          font-family: 'Helvetica Neue', "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
          font-weight: 400;
          font-feature-settings: "palt"; }
        #site_main section#items .sec_contents .items .item .text .cart_buttons {
          display: -webkit-box;
          display: -webkit-flex;
          display: flex;
          -webkit-box-lines: multiple;
          -webkit-flex-wrap: wrap;
          flex-wrap: wrap; }
        #site_main section#items .sec_contents .items .item .text .cart_buttons .cart_button {
          -webkit-box-flex: 1;
          flex-grow: 1;
          flex-shrink: 1;
          flex-basis: 18rem;
          padding: 1rem;
          text-align: center; }
        #site_main section#items .sec_contents .items .item .text .cart_buttons .cart_button .button {
          position: relative;
          display: block;
          padding: 1.5rem;
          margin: 0.5rem auto;
          width: 16rem;
          background-color: #345c8f;
          text-align: center;
          font-size: 1.8rem;
          line-height: 1em;
          font-family: 'Helvetica Neue', "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
          color: #fff;
          font-weight: 700;
          text-decoration: none;
          font-feature-settings: "palt";
          -webkit-transition: 0.5s;
          transition: 0.5s;
          transform: -webkit- scale(1);
          transform: scale(1); }
          #site_main section#items .sec_contents .items .item .text .cart_buttons .cart_button .button .label {
            letter-spacing: 0.1em; }
          #site_main section#items .sec_contents .items .item .text .cart_buttons .cart_button .button .price {
            display: block;
            font-size: 1.2rem;
            font-family: 'Helvetica Neue', "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
            font-weight: 400; }
          #site_main section#items .sec_contents .items .item .text .cart_buttons .cart_button .button:hover {
            transform: -webkit- scale(1.05);
            transform: scale(1.05); }
          #site_main section#items .sec_contents .items .item .text .cart_buttons .cart_button .button .balloons {
            display: block;
            position: absolute;
            top: -4rem;
            right: -2rem; }
            #site_main section#items .sec_contents .items .item .text .cart_buttons .cart_button .button .balloons .balloon {
              display: inline-block;
              padding: 1rem 0.5rem;
              width: 5rem;
              height: 5rem;
              box-sizing: border-box;
              background-color: #1540a1;
              text-align: center;
              font-size: 1.2rem;
              line-height: 1.2em;
              font-family: 'Helvetica Neue', "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
              word-break: keep-all;
              vertical-align: middle;
              border-style: solid;
              border-width: 1px;
              border-color: #fff;
              border-radius: 50%;
              -webkit-transition: 0s;
              transition: 0s;
              opacity: 0;
              transform: -webkit- translateY(1rem);
              transform: translateY(1rem); }
              #site_main section#items .sec_contents .items .item .text .cart_buttons .cart_button .button .balloons .balloon.pricedown {
                background-color: #a11414; }
        #site_main section#items .sec_contents .items .item .text .cart_buttons .cart_button .caption {
          text-align: center;
          font-size: 1.1rem;
          font-family: 'Helvetica Neue', "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
          font-weight: normal;
          color: #000;
          font-feature-settings: "palt"; }
        #site_main section#items .sec_contents .items .item .text .periodical {
          margin-top: 2rem;
          padding-top: 4rem;
          -webkit-transition: 0s;
          transition: 0s;
          opacity: 0;
          transform: -webkit- translateX(2rem);
          transform: translateX(2rem); }
        #site_main section#items .sec_contents .items .item .text .periodical .title {
          position: relative;
          padding: 1rem 2rem;
          width: 30rem;
          margin: auto;
          border-top-style: solid;
          border-bottom-style: solid;
          border-top-width: 0.5rem;
          border-bottom-width: 0.5rem;
          border-top-color: #8393a0;
          border-bottom-color: #8393a0;
          text-align: center;
          font-size: 2rem;
          font-family: 'Helvetica Neue', "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
          font-weight: 400;
          color: #000; }
        #site_main section#items .sec_contents .items .item .text .periodical .title .catch {
          position: absolute;
          top: -4rem;
          left: -5rem;
          width: 10rem;
          height: 10rem;
          padding: 3rem 1rem;
          box-sizing: border-box;
          border-radius: 50%;
          background-image: url('../images/bg_bomb.svg');
          background-position: center;
          background-size: cover;
          text-align: center;
          font-size: 1.8rem;
          line-height: 1.1em;
          font-family: 'Helvetica Neue', "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
          font-weight: 700;
          color: #fff;
          font-feature-settings: "palt";
          -webkit-transition: 0s;
          transition: 0s;
          opacity: 0;
          transform: -webkit- rotateZ(5deg);
          transform: rotateZ(5deg); }
        #site_main section#items .sec_contents .items .item .text .periodical .title small {
          display: block;
          font-size: 1.2rem;
          font-family: 'Helvetica Neue', "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif; }
        #site_main section#items .sec_contents .items .item .text .periodical .cart_buttons .cart_button .button {
          padding: 2.2rem; }
        #site_main section#items .sec_contents .items .item .text .periodical .specs {
          position: relative;
          width: fit-content;
          margin: auto;
          text-align: center;
          letter-spacing: auto; }
        #site_main section#items .sec_contents .items .item .text .periodical .specs .spec {
          position: relative;
          width: fit-content;
          margin: 3rem auto; }
          #site_main section#items .sec_contents .items .item .text .periodical .specs .spec .heading {
            font-size: 1.5rem;
            font-family: 'Helvetica Neue', "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
            font-weight: 400;
            color: #8393a0; }
          #site_main section#items .sec_contents .items .item .text .periodical .specs .spec .price {
            font-size: 3rem;
            line-height: 1.2em;
            font-family: 'Helvetica Neue', "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
            font-weight: 700;
            color: #8393a0; }
            #site_main section#items .sec_contents .items .item .text .periodical .specs .spec .price small {
              font-size: 1.5rem;
              font-family: 'Helvetica Neue', "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
              font-weight: 400; }
          #site_main section#items .sec_contents .items .item .text .periodical .specs .spec .balloon {
            display: block;
            position: absolute;
            right: 0px;
            top: 0px;
            padding: 1rem 0.5rem;
            width: 5rem;
            height: 5rem;
            box-sizing: border-box;
            background-color: #1540a1;
            text-align: center;
            font-size: 1.2rem;
            line-height: 1.2em;
            font-family: 'Helvetica Neue', "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
            word-break: keep-all;
            vertical-align: middle;
            font-weight: 700;
            color: #fff;
            font-feature-settings: "palt";
            border-style: solid;
            border-width: 1px;
            border-color: #fff;
            border-radius: 50%;
            -webkit-transition: 0s;
            transition: 0s;
            opacity: 0;
            transform: -webkit- rotateZ(10deg);
            transform: rotateZ(10deg); }
            #site_main section#items .sec_contents .items .item .text .periodical .specs .spec .balloon.pricedown {
              background-color: #a11414; }
          #site_main section#items .sec_contents .items .item .text .periodical .specs .spec.first .heading {
            font-size: 2rem; }
            #site_main section#items .sec_contents .items .item .text .periodical .specs .spec.first .price {
              font-size: 6rem; }
          #site_main section#items .sec_contents .items .item .text .periodical .specs .spec.second {
            padding: 0px 8rem; }
            #site_main section#items .sec_contents .items .item .text .periodical .specs .spec.second .balloon {
              top: -1rem;
              padding: 1.5rem 0.5rem;
              width: 8rem;
              height: 8rem;
              font-size: 2rem; }
      #site_main section#items .sec_contents .items .item .image {
        -webkit-box-flex: 0;
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: 20rem;
        -webkit-transition: 0s;
        transition: 0s;
        opacity: 0;
        transform: -webkit- translateX(-2rem);
        transform: translateX(-2rem); }
        #site_main section#items .sec_contents .items .item .image img {
          width: 100%;
          height: auto; }
      #site_main section#items .sec_contents .items .item.visible .text {
        -webkit-transition: 0.5s 0.5s;
        transition: 0.5s 0.5s;
        opacity: 1;
        transform: -webkit- translateX(0px);
        transform: translateX(0px); }
        #site_main section#items .sec_contents .items .item.visible .text .cart_buttons .cart_button .button .balloons .balloon {
          -webkit-transition: 0.25s 1s;
          transition: 0.25s 1s;
          transition-timing-function: cubic-bezier(0.2, 2, 0.4, 0.7);
          opacity: 1;
          transform: -webkit- translateY(0px);
          transform: translateY(0px); }
        #site_main section#items .sec_contents .items .item.visible .text .periodical {
          -webkit-transition: 0.5s 0.75s;
          transition: 0.5s 0.75s;
          opacity: 1;
          transform: -webkit- translateX(0px);
          transform: translateX(0px); }
        #site_main section#items .sec_contents .items .item.visible .text .periodical .title .catch {
          -webkit-transition: 0.5s 1s;
          transition: 0.5s 1s;
          transition-timing-function: cubic-bezier(0.2, 2, 0.4, 0.7);
          opacity: 1;
          transform: -webkit- rotateZ(-5deg);
          transform: rotateZ(-5deg); }
        #site_main section#items .sec_contents .items .item.visible .text .periodical .specs .spec .balloon {
          -webkit-transition: 0.5s 1.25s;
          transition: 0.5s 1.25s;
          transition-timing-function: cubic-bezier(0.2, 2, 0.4, 0.7);
          opacity: 1;
          transform: -webkit- rotateZ(0deg);
          transform: rotateZ(0deg); }
        #site_main section#items .sec_contents .items .item.visible .image {
          -webkit-transition: 0.5s;
          transition: 0.5s;
          opacity: 1;
          transform: -webkit- translateX(0px);
          transform: translateX(0px); }
      #site_main section#items.visible .sec_header .title {
        -webkit-transition: 0.5s;
        transition: 0.5s;
        opacity: 1;
        transform: -webkit- translateY(0px);
        transform: translateY(0px); }
      #site_main section#items.visible .sec_header .title .icon {
        -webkit-transition: 0.5s 0.5s;
        transition: 0.5s 0.5s;
        opacity: 1;
        transform: -webkit- rotateZ(0deg);
        transform: rotateZ(0deg); }
    #site_main section#lp_form {
      padding: 5rem 0px; }
    #site_main section#contact {
      padding: 6rem;
      background-color: #faf7f7;
      text-align: center; }
      #site_main section#contact .sec_header {
        margin-bottom: 4rem; }
      #site_main section#contact .sec_header_title {
        font-size: 2.2rem;
        font-family: 'Noto Serif JP', serif;
        font-weight: 300; }
      #site_main section#contact .sec_contents .tel {
        margin-bottom: 1rem;
        font-size: 2.2rem;
        font-family: 'Noto Serif JP', serif;
        font-weight: 300; }
      #site_main section#contact .sec_contents .time {
        margin-bottom: 4rem;
        font-size: 1.5rem;
        font-family: 'Noto Serif JP', serif;
        font-weight: 300; }
      #site_main section#contact .sec_contents .mail {
        margin-bottom: 2rem;
        font-size: 2.2rem;
        font-family: 'Noto Serif JP', serif;
        font-weight: 300; }
      #site_main section#contact .sec_contents .text {
        font-size: 1.4rem;
        font-family: 'Noto Serif JP', serif;
        font-weight: 300; }
    #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 6rem;
  background-color: #8393a0; }
  #site_footer .icons {
    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; }
    #site_footer .icons .icon {
      -webkit-box-flex: 0;
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 4rem;
      padding: 1rem; }
      #site_footer .icons .icon img {
        width: 100%;
        height: auto; }
  #site_footer .brand {
    text-align: center;
    font-size: 4rem;
    font-family: 'Crimson Text', serif;
    color: #fff; }
    #site_footer .brand small {
      display: block;
      font-family: 'Crimson Text', serif;
      font-size: 3rem; }
  #site_footer .seller {
    margin: 3rem auto;
    text-align: center;
    font-size: 1.5rem;
    line-height: 2em;
    color: #fff; }
  #site_footer .cr {
    text-align: center;
    font-size: 1.4rem;
    line-height: 2em;
    color: #fff; }