@charset "UTF-8";
/* Sass Document */
html {
  overflow: inherit; }
  @media (max-width: 768px) {
    html {
      overflow: auto !important; } }
  html body {
    /* =========
    	基本設定
    ========= */
    width: 100vw;
    color: #222 !important;
    font-size: 10px !important;
    position: relative;
    overflow-x: hidden;
    background-color: #000 !important;
    /* =========
    	ヘッダー
    ========= */
    /* =========
    	ボディ
    ========= */
    /* =========
    	footer
    ========= */
    /* =========
    	top
    ========= */
    /* =========
        market
    ========= */
    /* =========
    	chart
    ========= */
    /* =========
        news
    ========= */
    /* =========
    	access
    ========= */
    /* =========
    	privacy
    ========= */ }
    html body img {
      max-width: 100%; }
    html body ul {
      list-style-type: none; }
    html body a {
      transition: all 0.3s linear; }
    html body a:hover {
      text-decoration: none;
      opacity: 0.4; }
    html body .tableStyle01 tr th {
      background: #2f2f2f;
      font-weight: bold;
      color: #fff;
      padding: 10px;
      letter-spacing: 1px; }
      @media (max-width: 768px) {
        html body .tableStyle01 tr th {
          display: block; } }
    html body .tableStyle01 tr td {
      padding: 10px; }
      @media (max-width: 768px) {
        html body .tableStyle01 tr td {
          display: block; } }
      html body .tableStyle01 tr td a {
        color: #005721;
        font-weight: bold; }
    html body #header {
      position: relative;
      width: 100vw;
      background: #010388;
      padding: 3rem 0; }
      @media (max-width: 768px) {
        html body #header {
          padding: 2rem 0; } }
      html body #header .headerInner {
        padding: 0 3rem; }
        @media (max-width: 768px) {
          html body #header .headerInner {
            padding: 0 1rem; } }
        html body #header .headerInner .logo {
          width: 10rem; }
        html body #header .headerInner .gNav {
          width: 30rem;
          height: 100vh;
          position: absolute;
          top: 0;
          right: -30rem;
          z-index: 999;
          background: #fff;
          padding: 5rem 5rem 2rem 0;
          transition: all 0.5s ease-out;
          overflow: scroll; }
          @media print {
            html body #header .headerInner .gNav {
              display: none; } }
          @media (max-width: 768px) {
            html body #header .headerInner .gNav {
              width: 100vw;
              right: -25rem;
              padding: 4rem 1rem 0 0; } }
          @media (max-width: 768px) {
            html body #header .headerInner .gNav .list {
              height: 15rem; } }
          html body #header .headerInner .gNav .list a {
            padding: 0.8rem;
            display: block; }
            html body #header .headerInner .gNav .list a span {
              color: #000; }
            html body #header .headerInner .gNav .list a .jp {
              font-size: 1.4rem; }
              @media (max-width: 768px) {
                html body #header .headerInner .gNav .list a .jp {
                  font-size: 1.2rem; } }
            html body #header .headerInner .gNav .list a .en {
              font-size: 1rem; }
            html body #header .headerInner .gNav .list a:hover {
              color: #005721; }
          html body #header .headerInner .gNav.toggleOn {
            right: 0rem; }
    html body .toggleBtn {
      display: block;
      width: 4rem;
      height: 4rem;
      background: #fff;
      font-size: 2rem;
      text-align: center;
      position: absolute;
      top: 2rem;
      right: 5rem;
      z-index: 1000;
      cursor: pointer;
      transition: all 0.5s ease-out; }
      @media (max-width: 768px) {
        html body .toggleBtn {
          top: 1rem;
          right: 1rem; } }
      html body .toggleBtn .wrap {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%; }
      html body .toggleBtn .on {
        display: none; }
      html body .toggleBtn.toggleOn {
        right: 30rem; }
        @media (max-width: 768px) {
          html body .toggleBtn.toggleOn {
            right: 9em; } }
        html body .toggleBtn.toggleOn .off {
          display: none; }
        html body .toggleBtn.toggleOn .on {
          display: block; }
    html body.second {
      background-image: url("../img/bg.jpg");
      background-attachment: fixed;
      background-size: cover; }
      html body.second h2 {
        position: absolute;
        top: 2rem;
        left: 50%;
        transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        text-align: center; }
        @media (max-width: 768px) {
          html body.second h2 {
            position: inherit;
            margin: 50px 0;
            top: 0;
            left: 0;
            transform: translate(0, 0);
            -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0); } }
        html body.second h2 .en {
          font-size: 1.8rem;
          color: #fff;
          margin-bottom: 5px; }
          @media (max-width: 768px) {
            html body.second h2 .en {
              font-size: 1.4rem; } }
        html body.second h2 .jp {
          font-size: 1rem;
          color: #fff; }
          @media (max-width: 768px) {
            html body.second h2 .jp {
              font-size: 0.7rem; } }
      html body.second #body {
        width: 960px;
        margin: 0 auto;
        background: rgba(0, 0, 0, 0.5);
        padding: 150px 0; }
        @media (max-width: 768px) {
          html body.second #body {
            width: 96%; } }
        html body.second #body .contentArea {
          background: rgba(255, 255, 255, 0.8);
          padding: 2rem;
          font-size: 1rem;
          margin: 0 100px;
          line-height: 2; }
          @media (max-width: 768px) {
            html body.second #body .contentArea {
              width: 96%;
              padding: 2rem;
              margin: 0 auto; } }
    html body #footer {
      background: #010388;
      padding: 40px 0; }
      html body #footer .footerInner {
        width: 960px;
        margin: 0 auto; }
        @media (max-width: 768px) {
          html body #footer .footerInner {
            width: 96%; } }
        html body #footer .footerInner .companyInfo {
          display: flex;
          color: #fff;
          margin-bottom: 1rem; }
          @media (max-width: 768px) {
            html body #footer .footerInner .companyInfo {
              display: block; } }
          html body #footer .footerInner .companyInfo .logo {
            width: 200px;
            margin-right: 40px; }
            @media (max-width: 768px) {
              html body #footer .footerInner .companyInfo .logo {
                margin-right: 0;
                margin: 0 auto; } }
          html body #footer .footerInner .companyInfo .campanyName {
            font-size: 1.4rem;
            margin-right: 20px;
            font-weight: bold; }
            @media (max-width: 768px) {
              html body #footer .footerInner .companyInfo .campanyName {
                font-size: 1.2rem;
                margin-right: 0;
                margin-bottom: 1rem;
                text-align: center; } }
          html body #footer .footerInner .companyInfo .campanyAdd {
            font-size: 0.8rem;
            margin-right: 20px; }
            @media (max-width: 768px) {
              html body #footer .footerInner .companyInfo .campanyAdd {
                margin-right: 0; } }
          html body #footer .footerInner .companyInfo .tel {
            font-size: 1rem; }
            html body #footer .footerInner .companyInfo .tel a {
              color: #fff;
              text-decoration: underline; }
        html body #footer .footerInner .copy {
          text-align: center;
          color: #fff; }
    html body#top {
      height: 100%;
      overflow: hidden; }
      html body#top #header {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1000;
        background: initial; }
        html body#top #header .logo {
          display: none; }
      html body#top .movieArea {
        position: relative; }
        html body#top .movieArea .mvText {
          position: absolute;
          width: 100%;
          height: 100%; }
          html body#top .movieArea .mvText .txt01 {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            z-index: 500;
            width: 700px;
            animation: showText 9s both;
            animation-delay: 1s;
            color: #fff;
            font-size: 1.4rem; }
            @media (max-width: 768px) {
              html body#top .movieArea .mvText .txt01 {
                width: 300px; } }
@keyframes showText {
  0% {
    opacity: 0; }
  30% {
    opacity: 1; }
  100% {
    opacity: 0; } }
        html body#top .movieArea .topLogo {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          z-index: 500;
          width: 400px;
          animation: show 3s both;
          animation-delay: 10s; }
          @media (max-width: 768px) {
            html body#top .movieArea .topLogo {
              width: 300px; } }
@keyframes show {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
        html body#top .movieArea .videoWrap {
          position: relative;
          overflow: hidden;
          width: 100vw;
          height: 100vh; }
@includ sp {
  html body#top .movieArea .videoWrap {
    width: auto; } }
          html body#top .movieArea .videoWrap #topVideo {
            display: block;
            width: 100vw; }
            @media (max-width: 768px) {
              html body#top .movieArea .videoWrap #topVideo {
                width: auto;
                height: 100vh;
                margin: 0 0 0 auto; } }
      html body#top .attentionArea {
        position: absolute;
        background-color: rgba(255, 255, 255, 0.6);
        bottom: 40px;
        left: 50%;
        transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        width: 900px;
        padding: 1rem;
        font-size: 12px;
        border: 1px solid #CB2629;
        animation: attentionShow 1s both;
        animation-delay: 14s; }
        @media (max-width: 768px) {
          html body#top .attentionArea {
            position: static;
            width: 96%;
            font-size: 10px;
            margin: 0 auto;
            transform: translate(0, 0);
            -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0); } }
@keyframes attentionShow {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
    html body#market section {
      width: 770px;
      margin: 0 auto; }
      @media (max-width: 768px) {
        html body#market section {
          width: 90%; } }
      html body#market section.mainPriceSec {
        margin-bottom: 50px; }
      html body#market section .ttlType01Left {
        background: rgba(255, 255, 255, 0.7);
        color: #005721;
        padding: 5px 0;
        margin-bottom: 10px; }
        html body#market section .ttlType01Left h3, html body#market section .ttlType01Left .txt {
          font-size: 14px;
          margin-bottom: 0;
          line-height: 1.5;
          font-weight: bold; }
        html body#market section .ttlType01Left .txt {
          margin-right: 1rem;
          margin-left: 50px; }
          @media (max-width: 768px) {
            html body#market section .ttlType01Left .txt {
              margin-left: 10px; } }
      html body#market section .priceTable {
        margin-bottom: 50px; }
        html body#market section .priceTable:last-child {
          margin-bottom: 0; }
        html body#market section .priceTable ul li {
          background: rgba(255, 255, 255, 0.7);
          padding: 0 50px;
          margin-bottom: 10px;
          font-size: 14px; }
          @media (max-width: 768px) {
            html body#market section .priceTable ul li {
              padding: 0 20px; } }
          html body#market section .priceTable ul li:last-child {
            margin-bottom: 0; }
          html body#market section .priceTable ul li .inner {
            padding: 5px 0;
            font-weight: bold; }
            html body#market section .priceTable ul li .inner .up {
              color: #009245; }
            html body#market section .priceTable ul li .inner .down {
              color: #CB2629; }
    html body#chart .contentArea .nav-tabs li a {
      padding: .5rem 0.8rem;
      color: #005721; }
    html body#news .newsSec .list ul li {
      width: 770px;
      margin: 0 auto 10px;
      background: rgba(255, 255, 255, 0.7);
      padding: 1rem;
      font-size: 14px;
      line-height: 1.5; }
      @media (max-width: 768px) {
        html body#news .newsSec .list ul li {
          width: 96%; } }
      html body#news .newsSec .list ul li .ttl {
        font-weight: bold;
        margin-bottom: 5px; }
      html body#news .newsSec .list ul li .txt {
        margin-bottom: 0; }
    html body#access .gmap {
      height: 350px; }
    html body#access .container-fluid .card .ttl {
      font-weight: bold;
      background: #b5b5b5;
      border-radius: 4px; }
    html body#privacy .contentArea p a {
      color: #005721;
      text-decoration: none;
      font-weight: bold; }