@charset "UTF-8";
/* ティザーサイト用css */
/* ブレイクポイント */
/* 共通設定 */
html, body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: Hiragino Mincho W3 JIS2004; }

html {
  font-size: 62.5%; }
  html body {
    font-size: 14px;
    font-size: 1.4rem;
    color: #000000;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    position: relative; }
    html body img {
      border: none;
      line-height: 0;
      vertical-align: top;
      margin: 0;
      max-width: 100%;
      height: auto;
      width: auto; }
    html body a {
      color: #000000;
      text-decoration: none; }
      html body a:hover {
        text-decoration: none; }

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

#teaser #wrapper .box .inner {
  padding: 90px 40px 20px; }
  @media (min-width: 750px) {
    #teaser #wrapper .box .inner {
      width: 750px;
      margin: 0 auto; } }
  #teaser #wrapper .box .inner h1 {
    width: 40px;
    margin: 0 auto 95px; }
  #teaser #wrapper .box .inner .txt {
    font-size: 1.6rem;
    line-height: 1.7;
    margin: 0 0 45px; }
    @media (min-width: 750px) {
      #teaser #wrapper .box .inner .txt {
        text-align: center;
        margin-bottom: 70px; } }
    #teaser #wrapper .box .inner .txt br {
      display: none; }
      @media (min-width: 750px) {
        #teaser #wrapper .box .inner .txt br {
          display: block; } }
  #teaser #wrapper .box .inner dl {
    font-size: 1.6rem;
    letter-spacing: 0.04em;
    margin: 0 0 55px; }
    @media (min-width: 750px) {
      #teaser #wrapper .box .inner dl {
        text-align: center; } }
    #teaser #wrapper .box .inner dl dt {
      font-family: Hiragino Kaku Gothic W6 JIS2004;
      margin: 0 0 25px; }
    #teaser #wrapper .box .inner dl.kiji dd ul {
      list-style: none;
      padding: 0 0 0 10px; }
      @media (min-width: 750px) {
        #teaser #wrapper .box .inner dl.kiji dd ul {
          display: inline-block;
          text-align: left; } }
      #teaser #wrapper .box .inner dl.kiji dd ul li {
        margin: 0 0 15px; }
        #teaser #wrapper .box .inner dl.kiji dd ul li:last-of-type {
          margin-bottom: 0; }
    #teaser #wrapper .box .inner dl.sns {
      margin: 0 0 95px; }
      #teaser #wrapper .box .inner dl.sns dd ul {
        list-style: none;
        text-align: left;
        letter-spacing: -.4em; }
        @media (min-width: 750px) {
          #teaser #wrapper .box .inner dl.sns dd ul {
            text-align: center; } }
        #teaser #wrapper .box .inner dl.sns dd ul li {
          width: 40px;
          margin: 0 30px 0 0;
          display: inline-block;
          vertical-align: top;
          letter-spacing: normal; }
          #teaser #wrapper .box .inner dl.sns dd ul li:nth-of-type(3) {
            padding: 0 2px; }
          #teaser #wrapper .box .inner dl.sns dd ul li:last-of-type {
            margin-right: 0;
            padding: 8px 0 0; }
  #teaser #wrapper .box .inner .copy {
    font-size: 1.2rem; }
    @media (min-width: 750px) {
      #teaser #wrapper .box .inner .copy {
        text-align: center; } }