@charset "UTF-8";
html {
  font-size: 62.5%; }

@font-face {
  font-family: "Yu Gothic M";
  src: local("Yu Gothic Medium"); }

@font-face {
  font-family: "Yu Gothic M";
  src: local("Yu Gothic Bold");
  font-weight: bold; }
body {
  font-family: -apple-system, BlinkMacSystemFont, "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica Neue", HelveticaNeue, Helvetica, Arial, "Segoe UI", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; }

.clearfix:after {
  content: " ";
  display: block;
  clear: both; }

a,
area,
button,
[role="button"],
input:not([type=range]),
label,
select,
summary,
textarea {
  -ms-touch-action: manipulation;
  touch-action: manipulation; }

h3, h4, h5, h6 {
  line-height: 1.5em; }

p {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.5em; }

span {
  font-size: 10px;
  font-size: 1.0rem;
  line-height: 1.2em; }

.center {
  text-align: center;
  margin: 0 auto; }

.left {
  text-align: left; }

img {
  width: 100%;
  display: block; }

a {
  text-decoration: none; }

a:link {
  color: #707070; }

a:visited {
  color: #707070; }

a:hover {
  color: #72BE74; }

a:active {
  color: #707070; }

li {
  list-style: none; }

.pc {
  display: block; }

.sp {
  display: none; }

@media screen and (max-width: 480px) {
  .pc {
    display: none; }
  .sp {
    display: block; } }

h1 strong {
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap; }