.l-container {
  position: relative;
  padding-bottom: 240px;
  font-family: "Arial", sans-serif; }
  @media only screen and (max-width: 640px) {
    .l-container {
      padding-bottom: 120px; } }
  .l-container *,
  .l-container *:before,
  .l-container *:after {
    margin: 0;
    padding: 0;
    box-sizing: border-box; }
  .l-container img {
    vertical-align: bottom;
    max-width: 100%; }
  .l-container .c-inner {
    position: relative;
    height: 100%;
    margin-left: auto;
    margin-right: auto; }
    .l-container .c-inner_contents {
      width: 976px; }
      @media only screen and (max-width: 640px) {
        .l-container .c-inner_contents {
          width: 100%;
          padding: 0 5%; } }
  .l-container .u-visible_xs {
    display: none; }
    @media only screen and (max-width: 640px) {
      .l-container .u-visible_xs {
        display: block; } }
  .l-container .u-visible_lg {
    display: block; }
    @media only screen and (max-width: 640px) {
      .l-container .u-visible_lg {
        display: none; } }
  .l-container .u-visibleInline_xs {
    display: none; }
    @media only screen and (max-width: 640px) {
      .l-container .u-visibleInline_xs {
        display: inline-block; } }
  .l-container .u-visibleInline_lg {
    display: inline-block; }
    @media only screen and (max-width: 640px) {
      .l-container .u-visibleInline_lg {
        display: none; } }
  .l-container .js-scrollAnim {
    opacity: 0;
    transform: translateY(50px);
    transition: 0.4s all ease; }
    .l-container .js-scrollAnim.is-animated {
      opacity: 1;
      transform: translateY(0); }
  .l-container .loader {
    width: 100%;
    height: 100%;
    background-color: #000;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999; }
  .l-container .mv {
    margin-bottom: 60px; }
    @media only screen and (max-width: 640px) {
      .l-container .mv {
        margin-bottom: 40px; } }
    .l-container .mv > img {
      width: 100%; }
  .l-container .message {
    margin-bottom: 50px; }
    .l-container .message__hl {
      font-size: 28px;
      line-height: 1.5;
      margin-bottom: 20px; }
      @media only screen and (max-width: 640px) {
        .l-container .message__hl {
          font-size: 20px; } }
    .l-container .message__rt {
      font-size: 16px;
      line-height: 1.9375;
      margin-bottom: 15px; }
      .l-container .message__rt:last-child {
        margin-bottom: 0; }
      @media only screen and (max-width: 640px) {
        .l-container .message__rt {
          font-size: 14px;
          line-height: 1.7; } }
  .l-container .movie {
    margin-bottom: 80px;
    /*
    &__youtube {
      position: relative;
      width: 100%;
      padding-top: 56.25%;
      > iframe {
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
      }
    }
    */ }
    .l-container .movie__hl {
      text-align: center;
      margin-bottom: 40px; }
      @media only screen and (max-width: 640px) {
        .l-container .movie__hl {
          margin-bottom: 20px; } }
      @media only screen and (max-width: 640px) {
        .l-container .movie__hl > img {
          width: 240px; } }
    .l-container .movie__youtube > a {
      display: block; }
      .l-container .movie__youtube > a:hover {
        opacity: 0.8; }
  .l-container .concept {
    margin-bottom: 80px; }
    .l-container .concept__hl {
      text-align: center;
      margin-bottom: 40px; }
      @media only screen and (max-width: 640px) {
        .l-container .concept__hl {
          margin-bottom: 20px; } }
      @media only screen and (max-width: 640px) {
        .l-container .concept__hl > img {
          width: 187px; } }
    .l-container .concept__column {
      display: flex; }
      @media only screen and (max-width: 640px) {
        .l-container .concept__column {
          display: block; } }
      .l-container .concept__column__media {
        width: calc(100% - 568px);
        text-align: center; }
        @media only screen and (max-width: 640px) {
          .l-container .concept__column__media {
            width: 100%;
            margin-bottom: 30px; } }
        .l-container .concept__column__media > figure > img {
          width: 188px; }
          @media only screen and (max-width: 640px) {
            .l-container .concept__column__media > figure > img {
              width: 100px; } }
      .l-container .concept__column__texts {
        width: 568px; }
        @media only screen and (max-width: 640px) {
          .l-container .concept__column__texts {
            width: 100%; } }
        .l-container .concept__column__texts__rt {
          font-size: 16px;
          line-height: 1.9375; }
          @media only screen and (max-width: 640px) {
            .l-container .concept__column__texts__rt {
              font-size: 14px;
              line-height: 1.7; } }
  .l-container .special {
    margin-bottom: 80px; }
    .l-container .special__hl {
      text-align: center;
      margin-bottom: 40px; }
      @media only screen and (max-width: 640px) {
        .l-container .special__hl {
          margin-bottom: 20px; } }
      @media only screen and (max-width: 640px) {
        .l-container .special__hl > img {
          width: 164px; } }
    .l-container .special__bnr {
      display: block; }
      .l-container .special__bnr:hover {
        opacity: 0.8; }
  .l-container .history {
    margin-bottom: 80px; }
    .l-container .history__hl {
      text-align: center;
      margin-bottom: 40px; }
      @media only screen and (max-width: 640px) {
        .l-container .history__hl {
          margin-bottom: 20px; } }
      @media only screen and (max-width: 640px) {
        .l-container .history__hl > img {
          width: 158px; } }
    .l-container .history__products {
      width: 80%;
      margin-left: auto;
      margin-right: auto; }
      @media only screen and (max-width: 640px) {
        .l-container .history__products {
          width: 100%; } }
  .l-container .products {
    margin-bottom: 80px; }
    .l-container .products__hl {
      text-align: center;
      margin-bottom: 40px; }
      @media only screen and (max-width: 640px) {
        .l-container .products__hl {
          margin-bottom: 20px; } }
      @media only screen and (max-width: 640px) {
        .l-container .products__hl > img {
          width: 85px; } }
    .l-container .products__eachColumn {
      display: flex;
      justify-content: space-between;
      margin-bottom: 70px; }
      @media only screen and (max-width: 640px) {
        .l-container .products__eachColumn {
          display: block;
          margin-bottom: 30px; } }
      .l-container .products__eachColumn__media {
        width: 473px;
        text-align: center; }
        @media only screen and (max-width: 640px) {
          .l-container .products__eachColumn__media {
            width: 100%;
            margin-bottom: 25px; } }
      .l-container .products__eachColumn__texts {
        width: 463px; }
        @media only screen and (max-width: 640px) {
          .l-container .products__eachColumn__texts {
            width: 100%; } }
        .l-container .products__eachColumn__texts__sub {
          font-size: 16px;
          line-height: 1.9375;
          margin-bottom: 5px; }
          @media only screen and (max-width: 640px) {
            .l-container .products__eachColumn__texts__sub {
              font-size: 14px;
              line-height: 1.7; } }
        .l-container .products__eachColumn__texts__hl {
          font-size: 22px;
          line-height: 1.5;
          margin-bottom: 10px; }
          @media only screen and (max-width: 640px) {
            .l-container .products__eachColumn__texts__hl {
              font-size: 18px; } }
        .l-container .products__eachColumn__texts__rt {
          font-size: 16px;
          line-height: 1.9375;
          margin-bottom: 20px; }
          @media only screen and (max-width: 640px) {
            .l-container .products__eachColumn__texts__rt {
              font-size: 14px;
              line-height: 1.7; } }
        .l-container .products__eachColumn__texts__link {
          position: relative;
          font-size: 16px;
          line-height: 1.9375;
          text-decoration: underline; }
          .l-container .products__eachColumn__texts__link:before {
            content: "";
            display: inline-block;
            width: 10px;
            height: 10px;
            border-top: 2px solid #000;
            border-right: 2px solid #000;
            transform: rotate(45deg);
            margin-right: 10px; }
          .l-container .products__eachColumn__texts__link:hover {
            text-decoration: none; }
    .l-container .products__btns {
      display: flex;
      justify-content: center; }
      @media only screen and (max-width: 640px) {
        .l-container .products__btns {
          display: block; } }
      .l-container .products__btns__item {
        display: inline-block;
        margin-left: 30px; }
        @media only screen and (max-width: 640px) {
          .l-container .products__btns__item {
            display: block;
            margin-left: 0;
            margin-bottom: 20px; } }
        .l-container .products__btns__item:first-child {
          margin-left: 0; }
        @media only screen and (max-width: 640px) {
          .l-container .products__btns__item:last-child {
            margin-bottom: 0; } }
        .l-container .products__btns__item > a {
          width: 385px;
          display: block;
          padding: 10px;
          border: 1px solid #707070;
          text-align: center;
          font-size: 16px;
          color: #000000; }
          @media only screen and (max-width: 640px) {
            .l-container .products__btns__item > a {
              width: 100%; } }
          .l-container .products__btns__item > a:before {
            content: "";
            display: inline-block;
            width: 10px;
            height: 10px;
            border-top: 2px solid #000;
            border-right: 2px solid #000;
            transform: rotate(45deg);
            margin-right: 10px; }
  .l-container .contents__hl {
    text-align: center;
    margin-bottom: 20px; }
    @media only screen and (max-width: 640px) {
      .l-container .contents__hl {
        margin-bottom: 10px; } }
    @media only screen and (max-width: 640px) {
      .l-container .contents__hl > img {
        width: 86px; } }
  .l-container .contents__hl02 {
    font-size: 20px;
    text-align: center;
    margin-bottom: 40px; }
    @media only screen and (max-width: 640px) {
      .l-container .contents__hl02 {
        font-size: 16px;
        margin-bottom: 20px; } }
  .l-container .contents__bnr {
    width: 800px;
    margin-left: auto;
    margin-right: auto;
    display: block; }
    @media only screen and (max-width: 640px) {
      .l-container .contents__bnr {
        width: 100%; } }
    .l-container .contents__bnr:hover {
      opacity: 0.8; }

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