body { -webkit-text-size-adjust: none; -webkit-overflow-scrolling: touch; }

td, div, p, li, dt, dd, input, select, button, textarea, h1, h2, h3, h4, h5 { font-family: 'Noto', Tahoma, Arial, sans-serif; font-size: 15px; line-height: 1.4em; font-weight: 400; color: #000; }

html * { -webkit-box-sizing: border-box; box-sizing: border-box; word-break: keep-all; word-wrap: break-word; overflow-wrap: break-word; -ms-word-break: keep-all; }

header, footer, section, article, nav, aside { display: block; }

a:link, a:visited, a:hover, a:active, a:focus { text-decoration: none; color: #171717; }

b, strong, .fb { font-weight: 700; }

em, th { font-style: normal; }

input, button { overflow: visible; outline: none; padding: 0; margin: 0; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: none; }

button { cursor: pointer; }

img { max-width: 100%; }

.pointColorA { color: #ff5000; }

.ja { word-break: break-all; }

.textMotion > span { overflow: hidden; display: inline-block; }
.textMotion > span span { display: inline-block; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1); animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1); }
.textMotion > span.motion0 span { -webkit-transform: translateX(100%); transform: translateX(100%); }
.textMotion > span.motion1 span { -webkit-transform: translateX(-100%); transform: translateX(-100%); }
.textMotion > span.motion2 span { -webkit-transform: translateY(100%); transform: translateY(100%); }
.textMotion > span.motion3 span { -webkit-transform: translateY(-100%); transform: translateY(-100%); }
.textMotion > span.show.motion0 span { -webkit-animation-name: textMotion0; animation-name: textMotion0; }
.textMotion > span.show.motion1 span { -webkit-animation-name: textMotion1; animation-name: textMotion1; }
.textMotion > span.show.motion2 span { -webkit-animation-name: textMotion2; animation-name: textMotion2; }
.textMotion > span.show.motion3 span { -webkit-animation-name: textMotion3; animation-name: textMotion3; }

.focus { -webkit-transition: all 1s cubic-bezier(0.16, 1, 0.3, 1); transition: all 1s cubic-bezier(0.16, 1, 0.3, 1); }
.focus.show { opacity: 1 !important; -webkit-transform: translateY(0) !important; transform: translateY(0) !important; }

.icoMore { position: relative; padding-right: 37px; }
.icoMore:before, .icoMore:after { content: ""; position: absolute; right: 0; top: 50%; width: 8px; height: 2px; margin-top: -5px; background: #fff; -webkit-transition: all 0.2s; transition: all 0.2s; }
.icoMore:before { right: 2px; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 0; transform-origin: 0; }
.icoMore:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 100%; transform-origin: 100%; }
.icoMore.on:before, .icoMore.on :before { margin-top: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.icoMore.on:after, .icoMore.on :after { margin-top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

@-webkit-keyframes opacity { 0% { opacity: 0; }
  1% { visibility: visible; }
  100% { visibility: visible; opacity: 1; } }

@keyframes opacity { 0% { opacity: 0; }
  1% { visibility: visible; }
  100% { visibility: visible; opacity: 1; } }
@-webkit-keyframes textMotion0 { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); }
  100% { -webkit-transform: translateX(0); transform: translateX(0); } }
@keyframes textMotion0 { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); }
  100% { -webkit-transform: translateX(0); transform: translateX(0); } }
@-webkit-keyframes textMotion1 { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); }
  100% { -webkit-transform: translateX(0); transform: translateX(0); } }
@keyframes textMotion1 { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); }
  100% { -webkit-transform: translateX(0); transform: translateX(0); } }
@-webkit-keyframes textMotion2 { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); }
  100% { -webkit-transform: translateY(0); transform: translateY(0); } }
@keyframes textMotion2 { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); }
  100% { -webkit-transform: translateY(0); transform: translateY(0); } }
@-webkit-keyframes textMotion3 { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); }
  100% { -webkit-transform: translateY(0); transform: translateY(0); } }
@keyframes textMotion3 { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); }
  100% { -webkit-transform: translateY(0); transform: translateY(0); } }
@-webkit-keyframes showY { 60% { opacity: 1; }
  100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } }
@keyframes showY { 60% { opacity: 1; }
  100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } }
@-webkit-keyframes arrow { 20% { opacity: 1; }
  40% { -webkit-transform: translateY(0); transform: translateY(0); }
  55% { -webkit-transform: translateY(10px); transform: translateY(10px); }
  70% { -webkit-transform: translateY(0); transform: translateY(0); }
  85% { -webkit-transform: translateY(10px); transform: translateY(10px); }
  100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } }
@keyframes arrow { 20% { opacity: 1; }
  40% { -webkit-transform: translateY(0); transform: translateY(0); }
  55% { -webkit-transform: translateY(10px); transform: translateY(10px); }
  70% { -webkit-transform: translateY(0); transform: translateY(0); }
  85% { -webkit-transform: translateY(10px); transform: translateY(10px); }
  100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } }
.isPc { display: block; }

img.isPc { display: inline; }

.isMobile, img.isMobile { display: none; }

@media all and (max-width: 1199px) { .isPc, img.isPc { display: none; }
  .isMobile { display: block; }
  img.isMobile { display: inline; } }
