@charset "UTF-8";
/*
YUI 3.18.1 (build f7e7bcb)
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
html {
  color: #000;
  background: #FFF; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

fieldset, img {
  border: 0; }

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal; }

ol, ul {
  list-style: none; }

caption, th {
  text-align: left; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }

q:before, q:after {
  content: ''; }

abbr, acronym {
  border: 0;
  font-variant: normal; }

sup {
  vertical-align: text-top; }

sub {
  vertical-align: text-bottom; }

input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  *font-size: 100%; }

legend {
  color: #000; }

#yui3-css-stamp.cssreset {
  display: none; }

@media screen and (max-width: 768px) {
  .is-pc {
    display: none !important; }
  .is-sp {
    display: block !important; }
  .is-pcFlex {
    display: none !important; }
  .is-spFlex {
    display: flex !important; }
  .is-pcInline {
    display: none !important; }
  .is-spInline {
    display: inline !important; } }

@media screen and (min-width: 769px) {
  .is-pc {
    display: block !important; }
  .is-sp {
    display: none !important; }
  .is-pcFlex {
    display: flex !important; }
  .is-spFlex {
    display: none !important; }
  .is-pcInline {
    display: inline !important; }
  .is-spInline {
    display: none !important; } }

html {
  font-family: 'Noto Sans JP', "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "メイリオ", "Meiryo", sans-serif;
  text-size-adjust: 100%;
  letter-spacing: 0.02em;
  text-align: justify;
  box-sizing: border-box;
  word-wrap: break-word;
  line-height: 1.5; }

* {
  box-sizing: border-box; }

a {
  text-decoration: none;
  text-decoration-skip-ink: none;
  color: #000;
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

a:hover {
  text-decoration-skip-ink: none; }

img {
  vertical-align: top; }

.st-Header_Hum {
  width: 40px;
  height: 40px;
  background-color: #4c5357;
  position: fixed;
  right: 15px;
  top: 10px;
  z-index: 5; }
  @media screen and (min-width: 769px) {
    .st-Header_Hum {
      transition: opacity 300ms 0s ease-out; }
      .st-Header_Hum:hover {
        opacity: 0.8; }
        .st-Header_Hum:hover .st-Header_Line-1 {
          animation: link_hover 0.3s 0s ease-out;
          animation-fill-mode: forwards; }
        .st-Header_Hum:hover .st-Header_Line-2 {
          animation: link_hover 0.3s 0.05s ease-out;
          animation-fill-mode: forwards; }
        .st-Header_Hum:hover .st-Header_Line-3 {
          animation: link_hover 0.3s 0.1s ease-out;
          animation-fill-mode: forwards; } }

.st-Header_Line {
  position: absolute;
  left: 9px;
  width: 22px;
  height: 2px;
  background-color: #FFF;
  transition: all 200ms 0s ease-out;
  transform-origin: 0 0; }

.st-Header_Line-1 {
  top: 12px; }
  .is-active .st-Header_Line-1 {
    transform: rotate(45deg);
    top: 20px; }

.st-Header_Line-2 {
  top: 20px; }
  .is-active .st-Header_Line-2 {
    opacity: 0; }

.st-Header_Line-3 {
  top: 28px; }
  .is-active .st-Header_Line-3 {
    transform: rotate(-45deg);
    top: 20px; }

@keyframes link_hover {
  0% {
    transform: scaleX(0); }
  100% {
    transform: scaleX(1); } }

html, body {
  word-break: break-all;
  background-color: #FFF;
  padding: 0;
  margin: 0; }

html {
  width: 100%; }
  @media screen and (max-width: 768px) {
    html.is-modal {
      overflow: hidden; } }

body {
  -webkit-text-size-adjust: 100%;
  overflow-x: hidden;
  width: 100%; }