@charset "UTF-8";
body {
  font-family: 'Lato', -apple-system, BlinkMacSystemFont, "Noto Sans Japanese", "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  line-height: 1.71em;
  color: #444;
  font-size: 14px;
  -webkit-text-size-adjust: none;
  letter-spacing: 0.05em; }

h1, h2, h3, h4, h5, h6,
.heading p {
  font-family: -apple-system, BlinkMacSystemFont, "Noto Sans Japanese", "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  line-height: normal; }

h1 {
  font-size: 110%;
  margin: 0; }

h2 {
  font-size: 100%; }

h3 {
  font-size: 115%; }

h4, h5, h6 {
  font-size: 110%; }

a {
  color: #333;
  text-decoration: none; }

a.line {
  text-decoration: underline; }

.bold,
.large {
  font-family: -apple-system, BlinkMacSystemFont, "Noto Sans Japanese", "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif; }

.big,
.large {
  font-size: 115%; }

.middle {
  font-size: 105%; }

.small {
  font-size: 80%;
  /* fallback */
  font-size: calc(1em - 2px);
  line-height: 1.6em;
  /* fallback */
  line-height: calc(1.71em - 1px); }

.red {
  color: #F00; }

.blue {
  color: #096fb9; }

.green {
  color: #060; }

.gray {
  color: #888; }

.must {
  color: #F00;
  font-weight: bold; }

.tate {
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  text-orientation: upright; }
  .tate span {
    font-size: 180%; }

_::-webkit-full-page-media, _:future, :root .tate {
  writing-mode: lr-tb;
  line-height: 1.5; }

@media screen and (max-width: 768px) {
  .tate {
    -webkit-writing-mode: horizontal-tb;
    -ms-writing-mode: horizontal-tb;
    writing-mode: horizontal-tb;
    text-orientation: upright; }
    .tate span {
      font-size: 140%; } }
.blank span {
  position: relative; }
  .blank span::after {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    background: url(../images/ico/blank.svg) no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -20px;
    margin: auto; }

@media screen and (max-width: 768px) {
  .tel a {
    color: #fff;
    text-decoration: underline; } }

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