<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
/*----------------------------------------
       Reset
----------------------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 1; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

ul, li {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

a {
  margin: 0;
  padding: 0;
  text-decoration: none;
  outline: none; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/*--------------------------
Common Styles
---------------------------*/
* {
  box-sizing: border-box;
  -webkit-appearance: none;
  word-wrap: break-word;
  overflow-wrap: break-word; }

*:before,
*:after {
  box-sizing: border-box; }

li {
  list-style-type: none; }

html {
  font-size: 62.5%;
  width: 100%;
  position: relative; }

img {
  max-width: 100%;
  height: auto;
  line-height: 0;
  vertical-align: bottom; }
  @media only screen and (max-width: 959px) {
    img {
      width: 100%; } }

img[src$=".svg"] {
  width: 100%;
  height: auto; }

object {
  width: 100%;
  height: auto; }

body {
  　font-family: '游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic Medium', -apple-system, BlinkMacSystemFont, 'Hiragino Sans', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Hiragino Kaku Gothic ProN', 'Noto Sans Japanese Light', Meiryo, Arial, sans-serif;
  font-size: 1.6rem;
  line-height: 1;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: auto;
  position: relative; }

body * {
  text-rendering: optimizeLegibility; }

a img:hover {
  opacity: 0.8; }

a img.btn:hover {
  opacity: 1;
  filter: saturate(180%); }

.only_pc {
  display: inherit; }
  @media only screen and (max-width: 959px) {
    .only_pc {
      display: none; } }

.only_sp {
  display: none; }
  @media only screen and (max-width: 959px) {
    .only_sp {
      display: inherit; } }

a[href*="tel:"] {
  pointer-events: none;
  cursor: default;
  text-decoration: none; }
  @media only screen and (max-width: 959px) {
    a[href*="tel:"] {
      pointer-events: auto;
      cursor: auto;
      text-decoration: none; } }

#header1 {
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  height: 51px;
  vertical-align: middle;
  padding: 10px 0; }
  @media only screen and (max-width: 959px) {
    #header1 {
      height: inherit;
      padding: 0.8rem 0; } }
  #header1 a img hover {
    filter: saturate(100%); }
  #header1 .headerL {
    width: auto;
    padding-left: 18px; }
    @media only screen and (max-width: 959px) {
      #header1 .headerL {
        width: 22%;
        padding-left: 0.5em; } }
    #header1 .headerL img {
      width: 120px; }
      @media only screen and (max-width: 959px) {
        #header1 .headerL img {
          width: 100%;
          display: block; } }
  #header1 .headerR {
    width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: flex-end;
    padding-right: 18px; }
    @media only screen and (max-width: 959px) {
      #header1 .headerR {
        align-items: center;
        padding-right: 0.8em; } }
    #header1 .headerR img {
      width: auto;
      display: block; }
    #header1 .headerR ul {
      display: flex; }
      #header1 .headerR ul li {
        list-style: none;
        font-size: 2.5rem;
        padding-left: 0.4em; }
        @media only screen and (max-width: 959px) {
          #header1 .headerR ul li {
            list-style: none;
            font-size: 2rem;
            padding-left: 0.2em; } }

.fab {
  color: #c81432; }

#mv {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  background: url("../img/mv_bg.jpg") no-repeat;
  background-position: bottom center;
  background-size: cover; }
  #mv img {
    width: 100%;
    max-width: 960px; }

.period_wrap {
  width: 100%;
  background-color: #006933;
  padding: 15px 0; }
  @media only screen and (max-width: 959px) {
    .period_wrap {
      padding: 0.6em 0; } }
  .period_wrap .period {
    width: 667px;
    margin: 0 auto;
    text-align: center; }
    @media only screen and (max-width: 959px) {
      .period_wrap .period {
        width: 95vw; } }

.prize {
  width: 960px;
  margin: 0 auto;
  padding: 20px 0 37px;
  text-align: center; }
  @media only screen and (max-width: 959px) {
    .prize {
      width: 90vw;
      margin: 0 auto;
      padding: 3vw 0 5vw; } }
  .prize .btTwi {
    margin-bottom: 10px; }
    @media only screen and (max-width: 959px) {
      .prize .btTwi {
        margin-bottom: 3vw; } }
  .prize .prizeimage {
    margin-bottom: 10px; }
    @media only screen and (max-width: 959px) {
      .prize .prizeimage {
        margin-bottom: 2vw; } }

.prod_btn {
  width: 1020px;
  margin: 0 auto 50px;
  padding: 0 90px;
  display: flex;
  justify-content: space-around;
  text-align: center; }
  @media only screen and (max-width: 959px) {
    .prod_btn {
      width: 90vw;
      margin: 0 auto 5vw;
      padding: 0;
      justify-content: space-between; } }

.prod_list {
  width: 960px;
  margin: 0 auto;
  padding: 0px 0 15px;
  text-align: center; }
  @media only screen and (max-width: 959px) {
    .prod_list {
      width: 90vw;
      margin: 0 auto;
      padding: 0px 0 2.7vw; } }

#entry {
  background-color: #006934;
  width: 100%; }
  #entry .title {
    width: 960px;
    margin: 0 auto 15px;
    padding: 28px 0 0;
    text-align: center; }
    @media only screen and (max-width: 959px) {
      #entry .title {
        width: 95vw;
        margin: 0 auto 2vw;
        padding: 7vw 0 0; } }
  #entry .btn {
    width: 708px;
    margin: 0 auto;
    display: flex; }
    @media only screen and (max-width: 959px) {
      #entry .btn {
        width: 95vw;
        margin: 0 auto; } }
    #entry .btn div {
      padding: 0; }
      @media only screen and (max-width: 959px) {
        #entry .btn div {
          padding: 0; } }
  #entry .note {
    width: 800px;
    margin: 0 auto;
    padding: 10px 50px 20px;
    color: #fff;
    font-size: 1.4rem;
    line-height: 1.4; }
    @media only screen and (max-width: 959px) {
      #entry .note {
        width: 90vw;
        padding: 3vw 0 5vw; } }
    #entry .note li {
      padding-left: 1em;
      text-indent: -1em; }
    @media only screen and (max-width: 959px) {
      #entry .note {
        width: 90vw;
        margin: 0 auto;
        font-size: 1.2rem; } }

#line_entry {
  background-color: #00ba00;
  width: 100%; }
  #line_entry .cont {
    width: 736px;
    margin: 0 auto; }
    @media only screen and (max-width: 959px) {
      #line_entry .cont {
        width: 90vw;
        margin: 0 auto; } }
    #line_entry .cont h2 {
      width: 100%;
      margin: 0 auto;
      padding: 48px 0 15px;
      text-align: center; }
      @media only screen and (max-width: 959px) {
        #line_entry .cont h2 {
          width: 90vw;
          margin: 0 auto;
          padding: 7vw 0 3vw; } }
    #line_entry .cont h3 {
      width: 100%;
      background: #fff001;
      padding: 7px 0;
      border-radius: 15px;
      color: #2e693a;
      font-size: 1.8rem;
      font-weight: bold;
      margin: 0 auto 15px;
      text-align: center; }
      @media only screen and (max-width: 959px) {
        #line_entry .cont h3 {
          width: 90vw;
          font-size: 1.3rem;
          padding: 0.3em 0.6em;
          margin: 0 auto 0.7em; } }
    #line_entry .cont p {
      color: #fff;
      font-size: 1.5rem;
      line-height: 1.4;
      margin-bottom: 35px; }
      @media only screen and (max-width: 959px) {
        #line_entry .cont p {
          font-size: 1.2rem;
          margin-bottom: 2em; } }
    #line_entry .cont li {
      color: #fff;
      font-size: 1.5rem;
      line-height: 1.3;
      padding-left: 1em;
      text-indent: -1em; }
      @media only screen and (max-width: 959px) {
        #line_entry .cont li {
          font-size: 1.2rem; } }
    #line_entry .cont .qr {
      padding: 10px 0 50px; }
      @media only screen and (max-width: 959px) {
        #line_entry .cont .qr {
          padding: 0.5em 0 2em; } }
    #line_entry .cont .doui {
      margin: -15px 0 15px; }
      @media only screen and (max-width: 959px) {
        #line_entry .cont .doui {
          margin: -1em 0 1em; } }
    #line_entry .cont a.line_bt {
      display: block;
      margin: 10px 0 0 8px; }
      @media only screen and (max-width: 959px) {
        #line_entry .cont a.line_bt {
          margin: 0.5em 0; } }

#hagaki_entry {
  background-color: #fff;
  width: 100%; }
  #hagaki_entry h2 {
    width: 782px;
    margin: 0 auto;
    padding: 45px 0 25px;
    text-align: center; }
    @media only screen and (max-width: 959px) {
      #hagaki_entry h2 {
        width: 90vw;
        margin: 0 auto;
        padding: 7vw 0 3vw; } }
  #hagaki_entry .cont {
    width: 782px;
    margin: 0 auto; }
    @media only screen and (max-width: 959px) {
      #hagaki_entry .cont {
        width: 90vw;
        margin: 0 auto; } }
    #hagaki_entry .cont h3 {
      width: 100%;
      background: #016934;
      padding: 7px 0;
      border-radius: 15px;
      color: #fff;
      font-size: 1.8rem;
      font-weight: bold;
      margin: 0 auto 15px;
      text-align: center; }
      @media only screen and (max-width: 959px) {
        #hagaki_entry .cont h3 {
          width: 90vw;
          font-size: 1.3rem;
          padding: 0.3em 0.6em;
          margin: 0 auto 0.7em; } }
    #hagaki_entry .cont p {
      color: #000;
      font-size: 1.5rem;
      line-height: 1.4;
      margin-bottom: 50px; }
      @media only screen and (max-width: 959px) {
        #hagaki_entry .cont p {
          font-size: 1.2rem;
          margin-bottom: 2em; } }
    #hagaki_entry .cont .add {
      font-size: 1.8rem; }
      @media only screen and (max-width: 959px) {
        #hagaki_entry .cont .add {
          font-size: 1.3rem; } }
    #hagaki_entry .cont .inquiry {
      padding-left: 10px; }
      @media only screen and (max-width: 959px) {
        #hagaki_entry .cont .inquiry {
          padding: 0px; } }
  #hagaki_entry .hagaki_dl {
    width: 782px;
    margin: 30px auto 40px;
    text-align: center; }
    @media only screen and (max-width: 959px) {
      #hagaki_entry .hagaki_dl {
        width: 60vw; } }

#twi {
  background-color: #fff;
  width: 100%; }
  #twi h2 {
    width: 782px;
    padding: 33px 0 21px;
    margin: 0 auto;
    background: #00a2f5;
    border-radius: 20px 20px 0 0;
    text-align: center; }
    @media only screen and (max-width: 959px) {
      #twi h2 {
        width: 92vw;
        padding: 4.6vw 0 3vw;
        border-radius: 10px 10px 0 0; } }
    #twi h2 img {
      width: 659px; }
      @media only screen and (max-width: 959px) {
        #twi h2 img {
          width: 85vw; } }
  #twi h3 {
    width: 100%;
    background: #00a2f5;
    padding: 7px 0;
    border-radius: 15px;
    color: #fff;
    font-size: 1.8rem;
    font-weight: bold;
    margin: 0 auto 15px;
    text-align: center; }
    @media only screen and (max-width: 959px) {
      #twi h3 {
        width: 100%;
        font-size: 1.3rem;
        padding: 0.3em 0.6em;
        margin: 0 auto 0.7em; } }
  #twi h3#policy {
    background-color: transparent;
    text-align: left;
    color: #000;
    padding: 0; }
  #twi ul {
    margin-bottom: 30px; }
    @media only screen and (max-width: 959px) {
      #twi ul {
        margin-bottom: 5vw; } }
    #twi ul li {
      font-size: 1.5rem;
      line-height: 1.4;
      text-align: left;
      text-indent: -1em;
      margin-left: 1em; }
      @media only screen and (max-width: 959px) {
        #twi ul li {
          font-size: 1.2rem; } }
  #twi p {
    font-size: 1.5rem;
    line-height: 1.4;
    text-align: left;
    margin-bottom: 30px; }
    @media only screen and (max-width: 959px) {
      #twi p {
        font-size: 1.2rem;
        margin-bottom: 5vw; } }
    #twi p span {
      display: block;
      text-indent: -1em;
      margin-left: 2em; }
  #twi .twiBox {
    width: 782px;
    margin: 0 auto 50px;
    border-radius: 0 0 20px 20px;
    border: 9px solid #00a2f5;
    padding: 10px 25px 40px;
    text-align: center; }
    @media only screen and (max-width: 959px) {
      #twi .twiBox {
        width: 92vw;
        margin: 0 auto 5vw;
        border: 5px solid #00a2f5;
        border-radius: 0 0 10px 10px;
        padding: 5vw 3vw; } }
    #twi .twiBox .twi_apply_pc {
      width: 650px;
      margin: 25px auto 30px;
      display: flex;
      justify-content: space-around;
      align-items: center; }
      @media only screen and (max-width: 959px) {
        #twi .twiBox .twi_apply_pc {
          display: none; } }
      #twi .twiBox .twi_apply_pc .left {
        width: 500px; }
      #twi .twiBox .twi_apply_pc .right {
        width: 150px; }
    #twi .twiBox .twi_apply_sp {
      display: none; }
      @media only screen and (max-width: 959px) {
        #twi .twiBox .twi_apply_sp {
          display: block;
          width: 100%;
          text-align: center;
          margin: 5vw auto; } }
    #twi .twiBox .fllow {
      width: 715px;
      height: 270px;
      position: relative; }
      @media only screen and (max-width: 959px) {
        #twi .twiBox .fllow {
          width: 100%;
          height: 285vw; } }
      #twi .twiBox .fllow a.bt01 {
        position: absolute;
        left: 13px;
        top: 157px;
        width: 76px; }
        @media only screen and (max-width: 959px) {
          #twi .twiBox .fllow a.bt01 {
            left: 6vw;
            top: 52vw;
            width: 32vw; } }
      #twi .twiBox .fllow a.bt02 {
        position: absolute;
        left: 94px;
        top: 157px;
        width: 76px; }
        @media only screen and (max-width: 959px) {
          #twi .twiBox .fllow a.bt02 {
            right: 6vw;
            left: auto;
            top: 52vw;
            width: 32vw; } }
    #twi .twiBox #policy_box {
      border: #ccc 3px solid;
      padding: 20px;
      height: 300px;
      overflow: auto;
      margin-bottom: 20px; }
      @media only screen and (max-width: 959px) {
        #twi .twiBox #policy_box {
          padding: 3vw; } }
      #twi .twiBox #policy_box h3 {
        background-color: transparent;
        text-align: left;
        color: #000;
        padding: 20px 0 0 0;
        margin-bottom: 10px;
        margin-top: 20px;
        border-top: 2px dotted #CCC;
        border-radius: 0; }
        @media only screen and (max-width: 959px) {
          #twi .twiBox #policy_box h3 {
            margin: 2vw 0;
            padding-top: 3vw; } }
      #twi .twiBox #policy_box ul {
        margin: 0 0 0 0;
        padding: 0;
        font-size: 0.9em; }
        #twi .twiBox #policy_box ul li {
          text-align: left;
          padding: 0 0 0 0;
          line-height: 1.3em;
          text-indent: 0;
          margin: 0; }
          #twi .twiBox #policy_box ul li span {
            display: block;
            text-indent: -1em;
            margin: 2px 0 2px 2em; }
          #twi .twiBox #policy_box ul li span.red {
            display: inline;
            text-indent: 0em;
            margin: 0;
            color: #c71333;
            font-weight: bold; }
      #twi .twiBox #policy_box p.last {
        border-top: #000 1px solid;
        border-bottom: #000 1px solid;
        padding: 15px;
        margin: 15px 0; }
    @media only screen and (max-width: 959px) {
      #twi .twiBox #follow {
        width: 50vw;
        margin: 0 auto; } }
  #twi p.tos {
    text-align: left;
    font-weight: bold;
    font-size: 1.9rem;
    margin-bottom: 20px; }
    @media only screen and (max-width: 959px) {
      #twi p.tos {
        font-size: 1.2rem;
        margin-bottom: 3vw; } }
    #twi p.tos a:link {
      text-decoration: none;
      color: #d5000f; }
    #twi p.tos a:visited {
      text-decoration: none;
      color: #d5000f; }
    #twi p.tos a:active {
      text-decoration: none;
      color: #d5000f; }
    #twi p.tos a:hover {
      text-decoration: underline; }

.notice {
  background-color: #fff;
  width: 100%; }
  .notice .contents {
    width: 782px;
    margin: 0 auto 30px; }
    @media only screen and (max-width: 959px) {
      .notice .contents {
        width: 90vw;
        margin-bottom: 10vw; } }
    .notice .contents h3 {
      width: 100%;
      background: #d6000f;
      padding: 7px 0;
      border-radius: 15px;
      color: #fff;
      font-size: 1.8rem;
      font-weight: bold;
      margin: 0 auto 15px;
      text-align: center; }
      @media only screen and (max-width: 959px) {
        .notice .contents h3 {
          width: 100%;
          font-size: 1.3rem;
          padding: 0.3em 0.6em;
          margin: 0 auto 0.7em; } }
    .notice .contents p {
      color: #000;
      font-size: 1.5rem;
      line-height: 1.4;
      margin-bottom: 50px; }
      @media only screen and (max-width: 959px) {
        .notice .contents p {
          font-size: 1.2rem;
          margin-bottom: 2em; } }
    .notice .contents .add {
      font-size: 1.8rem; }
      @media only screen and (max-width: 959px) {
        .notice .contents .add {
          font-size: 1.3rem; } }
    .notice .contents .inquiry {
      padding-left: 10px; }
      @media only screen and (max-width: 959px) {
        .notice .contents .inquiry {
          padding: 0px; } }

#ptop {
  width: 960px;
  margin: 0 auto;
  text-align: right;
  padding-right: 50px; }
  @media only screen and (max-width: 959px) {
    #ptop {
      width: 90vw;
      margin: 0 auto;
      padding-right: 0px; }
      #ptop img {
        width: 25vw; } }

#footer {
  text-align: center;
  font-size: 1.3rem;
  padding: 40px 0 30px; }
  @media only screen and (max-width: 959px) {
    #footer {
      font-size: 1.2rem;
      padding: 10vw 0 5vw; } }

/*# sourceMappingURL=base.css.map */
</pre></body></html>