@charset "UTF-8";
/* --------------------------------------------------------------

common

-------------------------------------------------------------- */

@font-face {
  font-family: 'fontello';
  src: url("/common/font/fontello.eot?21233385");
  src: url("/common/font/fontello.eot?21233385#iefix") format("embedded-opentype"), url("/common/font/fontello.woff?21233385") format("woff"), url("/common/font/fontello.svg?21233385#fontello") format("svg"), url("/common/font/fontello.ttf?21233385") format("truetype");
  font-weight: normal;
  font-style: normal;
}

/*=====================================================
icon font
=====================================================*/
.icon_home:before, .icon_fb:before, .icon_twitter:before {
  width: 24px;
  height: 20px;
  background: url(/common/img/ico_iconfont.png) no-repeat;
  content: '';
}
.icon_home:before {
  background-position: 0 -114px;
}
.icon_fb:before {
  background-position: 0 -38px;
}
.h_official .icon_fb:before {
  background-position: 0 -152px;
}
.icon_twitter:before {
  background-position: 0 -76px;
}
.h_official .icon_twitter:before {
  background-position: 0 -190px;
}

/*=====================================================
icon_line
=====================================================*/
.icon_line:before{
  width: 20px;
  height: 20px;
  background: url(/common/img/ico_line.png) no-repeat;
  content: '';
}

.inline-italic { 
  transform: skewX(-20deg);display: inline-block;
}

h1.tiny-default {
  display: block;
  font-weight: bold;
  font-size: 2em;
  margin-block-start: 0.67em;
  margin-block-end: 0.67em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}
h2.tiny-default {
  display: revert; 
  font-size: revert;
  margin-block-start: revert;
  margin-block-end: revert;
  margin-inline-start: revert;
  margin-inline-end: revert;
  font-weight: revert;
}
h3.tiny-default {
  display: revert;
  font-size: revert;
  margin-block-start: revert;
  margin-block-end: revert;
  margin-inline-start: revert;
  margin-inline-end: revert;
  font-weight: revert;
}
h4.tiny-default {
  display: revert;
  margin-block-start: revert;
  margin-block-end: revert;
  margin-inline-start: revert;
  margin-inline-end: revert;
  font-weight: revert;
}
h5.tiny-default {
  display: revert;
  font-size: revert;
  margin-block-start: revert;
  margin-block-end: revert;
  margin-inline-start: revert;
  margin-inline-end: revert;
  font-weight: revert;
}
h6.tiny-default {
  display: revert;
  font-size: revert;
  margin-block-start: revert;
  margin-block-end: revert;
  margin-inline-start: revert;
  margin-inline-end: revert;
  font-weight: revert;
}

strong.tiny-default {
  font-weight: revert;
}

.inline-underline {
  text-decoration: underline;
}

.notice p {
  font-weight: inherit;
  font-size: inherit;
}
/*=====================================================
公開前しばらくお待ちくださいページ
=====================================================*/

.before-public {
  margin-top: 2rem;
}
@media (max-width: 767px) {
  .before-public {
    margin-top: 7rem;
  }
}

.before-public-text {
  text-align: center;
}