/* line 3, index.scss */
.topimage {
  position: relative;
  width: 100%;
  margin: 0 auto 60px; }
  @media screen and (max-width: 800px) {
    /* line 3, index.scss */
    .topimage {
      width: calc(100% - 20px);
      margin-bottom: 30px; } }
  /* line 11, index.scss */
  .topimage h1 {
    position: relative;
    width: 2300px;
    left: 50%;
    translate: -50% 0;
    z-index: 1; }
    @media screen and (min-width: 2300px) {
      /* line 11, index.scss */
      .topimage h1 {
        width: 100%; } }
    @media screen and (max-width: 800px) {
      /* line 11, index.scss */
      .topimage h1 {
        width: calc(100% + 20px);
        left: -10px;
        translate: 0 0; } }
    /* line 25, index.scss */
    .topimage h1 img {
      width: 100%; }

/* line 34, index.scss */
#howto {
  margin-bottom: 80px; }
  @media screen and (max-width: 800px) {
    /* line 34, index.scss */
    #howto {
      margin-bottom: 60px; } }

/* line 40, index.scss */
.kijitsumae-date {
  text-align: center;
  margin: 0 auto 25px; }
  @media screen and (max-width: 800px) {
    /* line 40, index.scss */
    .kijitsumae-date {
      margin-bottom: 10px; } }
  /* line 46, index.scss */
  .kijitsumae-date img {
    text-align: center;
    margin: 0 auto; }

/* line 51, index.scss */
.made {
  color: #C8A329;
  font-size: 30px;
  font-weight: 700;
  text-align: center;
  line-height: 1.46;
  margin-bottom: 10px; }
  @media screen and (max-width: 800px) {
    /* line 51, index.scss */
    .made {
      font-size: 22px;
      width: calc(100% + 30px);
      letter-spacing: -0.05em;
      margin: 0 0 8px -15px; } }

/* line 65, index.scss */
.kikan {
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  margin-bottom: 30px; }
  @media screen and (max-width: 800px) {
    /* line 65, index.scss */
    .kikan {
      font-size: 16px;
      line-height: 1.5;
      margin-bottom: 15px; } }

/* line 79, index.scss */
#kijitsumae {
  margin-bottom: 80px; }
  @media screen and (max-width: 800px) {
    /* line 79, index.scss */
    #kijitsumae {
      margin-bottom: 50px; } }

/* line 89, index.scss */
#qanda ul {
  width: 100%;
  max-width: 720px;
  padding: 0 25px;
  margin: 0 auto; }
  @media screen and (max-width: 800px) {
    /* line 89, index.scss */
    #qanda ul {
      max-width: inherit;
      padding: 0 0 0 10px; } }
  /* line 98, index.scss */
  #qanda ul li {
    margin: 0 0 40px;
    padding: 0; }
    @media screen and (max-width: 800px) {
      /* line 98, index.scss */
      #qanda ul li {
        margin-bottom: 35px; } }
    /* line 104, index.scss */
    #qanda ul li:last-child {
      margin-bottom: 0; }
    /* line 107, index.scss */
    #qanda ul li a {
      position: relative;
      display: inline-block;
      font-size: 18px;
      font-weight: 700;
      padding-left: 63px; }
      @media screen and (max-width: 800px) {
        /* line 107, index.scss */
        #qanda ul li a {
          font-size: 16px;
          line-height: 1.6;
          padding-left: 56px; } }
      /* line 118, index.scss */
      #qanda ul li a::before {
        position: absolute;
        left: 0;
        top: 50%;
        translate: 0 -50%;
        width: 47px;
        height: 47px;
        display: flex;
        justify-content: center;
        color: #FFFFFF;
        font-size: 26px;
        font-weight: 700;
        text-align: center;
        background-color: #C8A329;
        border-radius: 50%;
        content: "Q"; }
        @media screen and (max-width: 800px) {
          /* line 118, index.scss */
          #qanda ul li a::before {
            width: 40px;
            height: 40px;
            font-size: 21px; } }

/* line 147, index.scss */
#movie {
  max-width: 760px;
  margin: 0 auto; }
  /* line 150, index.scss */
  #movie p {
    margin-bottom: 20px; }
    /* line 152, index.scss */
    #movie p.read {
      margin-bottom: 40px; }
  /* line 156, index.scss */
  #movie .movie {
    margin-bottom: 28px; }

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