@charset "UTF-8";
/* line 5, ../../../../../../Koala.app/Contents/Resources/app.nw/rubygems/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

/* line 22, ../../../../../../Koala.app/Contents/Resources/app.nw/rubygems/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1; }

/* line 24, ../../../../../../Koala.app/Contents/Resources/app.nw/rubygems/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none; }

/* line 26, ../../../../../../Koala.app/Contents/Resources/app.nw/rubygems/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/* line 28, ../../../../../../Koala.app/Contents/Resources/app.nw/rubygems/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

/* line 30, ../../../../../../Koala.app/Contents/Resources/app.nw/rubygems/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none; }
  /* line 103, ../../../../../../Koala.app/Contents/Resources/app.nw/rubygems/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
  q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none; }

/* line 32, ../../../../../../Koala.app/Contents/Resources/app.nw/rubygems/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none; }

/* line 116, ../../../../../../Koala.app/Contents/Resources/app.nw/rubygems/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block; }

@font-face {
  font-family: "APJapanesefont";
  src: url("../fonts/APJapanesefont.eot?#iefix") format("embedded-opentype"), url("../fonts/APJapanesefont.woff") format("woff"), url("../fonts/APJapanesefont.ttf") format("truetype"), url("../fonts/APJapanesefont.svg#APJapanesefont") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "Hiragino Mincho ProN";
  src: url("../fonts/HiraMinProN-W3-AlphaNum.eot");
  src: url("../fonts/HiraMinProN-W3-AlphaNum.eot?#iefix") format("embedded-opentype"), url("../fonts/HiraMinProN-W3-AlphaNum.woff2") format("woff2"), url("../fonts/HiraMinProN-W3-AlphaNum.woff") format("woff"), url("../fonts/HiraMinProN-W3-AlphaNum.ttf") format("truetype"), url("../fonts/HiraMinProN-W3-AlphaNum.svg#HiraMinProN-W3-AlphaNum") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "HiraKakuProN-W3";
  src: url("../fonts/HiraKakuProN-W3-AlphaNum.eot");
  src: url("../fonts/HiraKakuProN-W3-AlphaNum.eot?#iefix") format("embedded-opentype"), url("../fonts/HiraKakuProN-W3-AlphaNum.woff2") format("woff2"), url("../fonts/HiraKakuProN-W3-AlphaNum.woff") format("woff"), url("../fonts/HiraKakuProN-W3-AlphaNum.ttf") format("truetype"), url("../fonts/HiraKakuProN-W3-AlphaNum.svg#HiraKakuProN-W3-AlphaNum") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "HiraKakuProN-W6";
  src: url("../fonts/HiraKakuProN-W6-AlphaNum.eot");
  src: url("../fonts/HiraKakuProN-W6-AlphaNum.eot?#iefix") format("embedded-opentype"), url("../fonts/HiraKakuProN-W6-AlphaNum.woff2") format("woff2"), url("../fonts/HiraKakuProN-W6-AlphaNum.woff") format("woff"), url("../fonts/HiraKakuProN-W6-AlphaNum.ttf") format("truetype"), url("../fonts/HiraKakuProN-W6-AlphaNum.svg#HiraKakuProN-W6-AlphaNum") format("svg");
  font-weight: bold;
  font-style: normal; }
/**
* Helper Mixins 
*
* contains all useful custom mixins relevant to this project
*
**/
/**
* font-size - generates font size attributes in rem with px fallback
* 
* @params:
* $sizeValue: size in rem
**/
/**
* line-height - generates line height attributes in rem with px fallback
* 
* @params:
* $sizeValue: size in rem
**/
/**
* letter-spacing - generates letter-spacing attributes in rem with px fallback
* 
* @params:
* $sizeValue: size in rem
**/
/**
* absolute-element - generates styles for a dom object with absolute positioning
**/
/**
* Keyframes
*/
/**
* moveUp
*/
@-webkit-keyframes moveUp {
  from {
    transform: none; }
  to {
    transform: translateY(-3px); } }
@keyframes moveUp {
  from {
    transform: none; }
  to {
    transform: translateY(-3px); } }
@-webkit-keyframes moveDown {
  from {
    transform: translateY(-3px); }
  to {
    transform: 0; } }
@keyFrames moveDown {
  from {
    transform: translateY(-3px); }
  to {
    transform: 0; } }
/* line 133, ../sass/_helpers.scss */
.moveUp {
  -webkit-animation: moveDown 0.3s;
  /* Safari 4+ */
  -moz-animation: moveDown 0.3s;
  /* Fx 5+ */
  -o-animation: moveDown 0.3s;
  /* Opera 12+ */
  animation: moveDown 0.3s;
  /* IE 10+, Fx 29+ */
  animation-fill-mode: forwards; }
  /* line 140, ../sass/_helpers.scss */
  .moveUp:hover {
    -webkit-animation: moveUp 0.3s;
    /* Safari 4+ */
    -moz-animation: moveUp 0.3s;
    /* Fx 5+ */
    -o-animation: moveUp 0.3s;
    /* Opera 12+ */
    animation: moveUp 0.3s;
    /* IE 10+, Fx 29+ */
    animation-fill-mode: forwards; }

@-webkit-keyframes scaleUp {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.05); } }
@keyframes scaleUp {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.05); } }
@-webkit-keyframes scaleDown {
  from {
    transform: scale(1.05); }
  to {
    transform: scale(1); } }
@keyFrames scaleDown {
  from {
    transform: scale(1.05); }
  to {
    transform: scale(1); } }
/* line 185, ../sass/_helpers.scss */
.scaleUp {
  -webkit-animation: scaleDown 0.3s;
  /* Safari 4+ */
  -moz-animation: scaleDown 0.3s;
  /* Fx 5+ */
  -o-animation: scaleDown 0.3s;
  /* Opera 12+ */
  animation: scaleDown 0.3s;
  /* IE 10+, Fx 29+ */
  animation-fill-mode: forwards;
  display: inline-block; }
  /* line 193, ../sass/_helpers.scss */
  .scaleUp:hover {
    -webkit-animation: scaleUp 0.3s;
    /* Safari 4+ */
    -moz-animation: scaleUp 0.3s;
    /* Fx 5+ */
    -o-animation: scaleUp 0.3s;
    /* Opera 12+ */
    animation: scaleUp 0.3s;
    /* IE 10+, Fx 29+ */
    animation-fill-mode: forwards; }

@-webkit-keyframes extendUnderline {
  from {
    width: 26px; }
  to {
    width: 70px; } }
@keyframes extendUnderline {
  from {
    width: 26px; }
  to {
    width: 70px; } }
@-webkit-keyframes shrinkUnderline {
  from {
    width: 70px; }
  to {
    width: 26px; } }
@keyFrames shrinkUnderline {
  from {
    width: 70px; }
  to {
    width: 26px; } }
@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
/* line 249, ../sass/_helpers.scss */
.extendUnderline {
  -webkit-animation: shrinkUnderline 0.3s;
  /* Safari 4+ */
  -moz-animation: shrinkUnderline 0.3s;
  /* Fx 5+ */
  -o-animation: shrinkUnderline 0.3s;
  /* Opera 12+ */
  animation: shrinkUnderline 0.3s;
  /* IE 10+, Fx 29+ */
  animation-fill-mode: forwards;
  display: inline-block; }
  /* line 257, ../sass/_helpers.scss */
  .extendUnderline:hover {
    -webkit-animation: extendUnderline 0.3s;
    /* Safari 4+ */
    -moz-animation: extendUnderline 0.3s;
    /* Fx 5+ */
    -o-animation: extendUnderline 0.3s;
    /* Opera 12+ */
    animation: extendUnderline 0.3s;
    /* IE 10+, Fx 29+ */
    animation-fill-mode: forwards; }

/**
* Presets and fixes
**/
/* line 9, ../sass/main.scss */
html {
  font-size: 62.5%; }

/* line 13, ../sass/main.scss */
html, body {
  height: 100%; }

/* line 15, ../sass/main.scss */
html, body, button {
  font-family: "APJapanesefont", sans-serif; }

/* line 19, ../sass/main.scss */
a {
  color: #2e79d0; }

/**
* Special Classes
**/
/* line 26, ../sass/main.scss */
.clearfix {
  clear: both; }

/* line 30, ../sass/main.scss */
.no-overflow {
  overflow-x: hidden;
  overflow-y: visible; }

@media screen and (max-width: 979px) {
  /* line 36, ../sass/main.scss */
  .desktop-only {
    display: none !important; } }
@media screen and (min-width: 980px) {
  /* line 42, ../sass/main.scss */
  .mobile-only {
    display: none !important; }

  /**
  * Special Classes
  **/
  /* line 49, ../sass/main.scss */
  .container {
    max-width: 1280px;
    margin: 0 auto; }

  /* line 54, ../sass/main.scss */
  .top-nav-offset {
    margin-top: 30px; } }
/* line 60, ../sass/main.scss */
.alert.alert-error {
  background-color: #ffcbcb;
  color: red;
  float: left;
  width: 100%;
  margin: 5px 0 0;
  border: 1px solid red;
  border-radius: 3px;
  padding: 12px 7px;
  box-sizing: border-box;
  font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif; }

/* line 74, ../sass/main.scss */
.rwHeaderImage {
  max-width: 100%;
  height: auto; }

/* line 76, ../sass/main.scss */
.rwPopup {
  width: calc(100% - 30px);
  max-width: 900px;
  padding: 15px;
  overflow: hidden; }
  /* line 78, ../sass/main.scss */
  .rwPopup > * {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box; }
  /* line 79, ../sass/main.scss */
  .rwPopup .rwPopupBody {
    background-color: #fff; }
    /* line 80, ../sass/main.scss */
    .rwPopup .rwPopupBody .form-request {
      padding: 20px 15px; }
      /* line 84, ../sass/main.scss */
      .rwPopup .rwPopupBody .form-request label {
        font-family: "HiraKakuProN-W3", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
        color: #333333;
        font-size: 14px;
        font-size: 1.4rem; }
      /* line 90, ../sass/main.scss */
      .rwPopup .rwPopupBody .form-request .form-group {
        margin-top: 8px; }
      /* line 94, ../sass/main.scss */
      .rwPopup .rwPopupBody .form-request .form-field {
        margin-top: 26px;
        overflow: hidden; }
        /* line 98, ../sass/main.scss */
        .rwPopup .rwPopupBody .form-request .form-field:first-child {
          margin-top: 0; }
      /* line 101, ../sass/main.scss */
      .rwPopup .rwPopupBody .form-request input.name {
        width: 100%;
        height: 32px;
        margin-bottom: 15px;
        border: 1px solid #CCCCCC;
        border-radius: 3px;
        font-family: "HiraKakuProN-W3", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
        color: #333333;
        box-sizing: border-box;
        padding-left: 10px;
        font-size: 14px;
        font-size: 1.4rem; }
        /* line 113, ../sass/main.scss */
        .rwPopup .rwPopupBody .form-request input.name:last-child {
          margin-bottom: 0; }
        @media screen and (min-width: 980px) {
          /* line 101, ../sass/main.scss */
          .rwPopup .rwPopupBody .form-request input.name {
            width: 138px;
            margin-bottom: 0; }
            /* line 118, ../sass/main.scss */
            .rwPopup .rwPopupBody .form-request input.name:nth-child(2) {
              margin-left: 31px; } }
      /* line 124, ../sass/main.scss */
      .rwPopup .rwPopupBody .form-request input.email {
        font-size: 14px;
        font-size: 1.4rem;
        width: 100%;
        height: 32px;
        border: 1px solid #CCCCCC;
        border-radius: 3px;
        font-family: "HiraKakuProN-W3", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
        color: #333333;
        box-sizing: border-box;
        padding-left: 10px; }
      /* line 137, ../sass/main.scss */
      .rwPopup .rwPopupBody .form-request .alert.alert-error {
        background-color: #ffcbcb;
        color: red;
        float: left;
        width: 100%;
        margin: 5px 0 0;
        border: 1px solid red;
        border-radius: 3px;
        padding: 12px 7px;
        box-sizing: border-box; }
      /* line 150, ../sass/main.scss */
      .rwPopup .rwPopupBody .form-request .helpText {
        color: #FC7777;
        text-align: center;
        display: block;
        margin-top: 26px;
        font-size: 14px;
        font-size: 1.4rem; }
      /* line 158, ../sass/main.scss */
      .rwPopup .rwPopupBody .form-request .submitButton {
        position: relative;
        display: block;
        max-width: 299px;
        height: 60px;
        margin-top: 30px;
        margin-left: auto;
        margin-right: auto;
        padding: 0;
        cursor: pointer;
        background: none;
        border: 0;
        color: #333333; }
        /* line 172, ../sass/main.scss */
        .rwPopup .rwPopupBody .form-request .submitButton span {
          position: relative;
          display: block;
          font-family: "APJapanesefont";
          font-size: 30px;
          font-size: 3rem;
          width: 100%;
          height: 100%;
          box-sizing: border-box;
          border: 1px solid black;
          padding: 13px;
          top: -3px;
          left: -3px;
          z-index: 1;
          transition: all 0.2s ease; }
        /* line 188, ../sass/main.scss */
        .rwPopup .rwPopupBody .form-request .submitButton::after {
          position: absolute;
          content: "";
          top: 2px;
          left: 2px;
          height: 100%;
          width: 100%;
          z-index: 0;
          background: url(../img/mobile/s7-submit.png) no-repeat;
          transition: all 0.2s ease; }
        /* line 201, ../sass/main.scss */
        .rwPopup .rwPopupBody .form-request .submitButton:hover span {
          top: 0;
          left: 0; }
        /* line 206, ../sass/main.scss */
        .rwPopup .rwPopupBody .form-request .submitButton:hover::after {
          top: 0;
          left: 0; }
  /* line 215, ../sass/main.scss */
  .rwPopup .rwPopupThanks {
    padding: 40px 15px;
    background-color: #fff; }
    /* line 216, ../sass/main.scss */
    .rwPopup .rwPopupThanks .title {
      font-family: "HiraKakuProN-W6", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
      font-size: 14px;
      font-size: 1.4rem;
      text-align: center;
      display: block; }
    /* line 222, ../sass/main.scss */
    .rwPopup .rwPopupThanks .message {
      font-family: "HiraKakuProN-W3", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
      font-size: 14px;
      font-size: 1.4rem;
      text-align: center;
      display: block;
      margin-top: 12px; }
  /* line 231, ../sass/main.scss */
  .rwPopup .form-footer {
    text-align: center; }
  @media screen and (min-width: 980px) {
    /* line 237, ../sass/main.scss */
    .rwPopup .rwPopupBody .form-request label {
      font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
      font-size: 18px;
      font-size: 1.8rem;
      float: left;
      width: 200px;
      padding: 7px 0; }
    /* line 246, ../sass/main.scss */
    .rwPopup .rwPopupBody .form-request .form-group {
      float: left;
      width: 508px;
      margin-top: 0; }
    /* line 253, ../sass/main.scss */
    .rwPopup .rwPopupBody .form-request .form-field {
      overflow: hidden;
      max-width: 708px;
      margin: 30px auto 0; }
    /* line 264, ../sass/main.scss */
    .rwPopup .rwPopupBody .form-request input.email {
      font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
      font-size: 18px;
      font-size: 1.8rem; }
    /* line 269, ../sass/main.scss */
    .rwPopup .rwPopupBody .form-request .helpText {
      font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
      font-size: 18px;
      font-size: 1.8rem; }
    /* line 274, ../sass/main.scss */
    .rwPopup .rwPopupBody .form-request .submitButton {
      width: 364px; }
      /* line 278, ../sass/main.scss */
      .rwPopup .rwPopupBody .form-request .submitButton:after {
        background: #FBF27C url(../img/confirmation-submit.svg) no-repeat;
        background-position: center center; }
    /* line 288, ../sass/main.scss */
    .rwPopup .rwPopupThanks .title {
      font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
      font-size: 18px;
      font-size: 1.8rem; }
    /* line 292, ../sass/main.scss */
    .rwPopup .rwPopupThanks .message {
      font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
      font-size: 18px;
      font-size: 1.8rem; } }
  @media (max-width: 979px) and (orientation: landscape) {
    /* line 76, ../sass/main.scss */
    .rwPopup {
      position: relative !important;
      top: 0 !important;
      left: 0 !important;
      transform: translate3d(0, 0, 0) !important; } }

/* line 301, ../sass/main.scss */
.rw-popup-top, .rwPopupHeader {
  border-radius: 12px 12px 0 0;
  -webkit-border-radius: 12px 12px 0 0;
  -moz-border-radius: 12px 12px 0 0; }

/* line 302, ../sass/main.scss */
.rw-popup-bottom, .rwPopup .rwPopupThanks, .rwPopupBody {
  border-radius: 0 0 12px 12px;
  -webkit-border-radius: 0 0 12px 12px;
  -moz-border-radius: 0 0 12px 12px; }

/* line 304, ../sass/main.scss */
.rwPopupHeader {
  padding: 45px 15px; }
  @media screen and (min-width: 980px) {
    /* line 304, ../sass/main.scss */
    .rwPopupHeader {
      padding: 40px 15px; } }

/* line 309, ../sass/main.scss */
.rwClose img {
  max-width: 100%;
  height: auto; }

/**
* Headers and Footers
**/
/* line 315, ../sass/main.scss */
.sticky {
  position: absolute;
  z-index: 10; }
  /* line 319, ../sass/main.scss */
  .sticky .top-nav {
    display: none; }

@media screen and (min-width: 980px) {
  /* line 327, ../sass/main.scss */
  .sticky {
    position: fixed;
    z-index: 10; }
    /* line 331, ../sass/main.scss */
    .sticky.top-nav {
      display: block;
      top: 0;
      width: 100%;
      height: 75px;
      opacity: 0.95;
      background: #FBF27C; }
      /* line 339, ../sass/main.scss */
      .sticky.top-nav .container {
        max-width: 980px;
        margin: 0 auto; }
      /* line 344, ../sass/main.scss */
      .sticky.top-nav .nav {
        oveflow: hidden; }
        /* line 346, ../sass/main.scss */
        .sticky.top-nav .nav li {
          float: left;
          padding: 0 0 0 35px;
          background: url(../img/slash.svg) no-repeat;
          background-position: left center;
          background-size: 27px 32px; }
          /* line 353, ../sass/main.scss */
          .sticky.top-nav .nav li:nth-child(1) {
            padding-left: 0;
            background: none; }
          /* line 358, ../sass/main.scss */
          .sticky.top-nav .nav li a {
            position: relative;
            font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
            font-size: 18px;
            font-size: 1.8rem;
            color: #333333;
            font-weight: bold;
            display: inline-block;
            padding: 22px 15px 35px 0;
            margin-left: 15px;
            text-decoration: none; }
            /* line 369, ../sass/main.scss */
            .sticky.top-nav .nav li a:after {
              position: absolute;
              content: "";
              background: url(../img/down-arrow.svg) no-repeat;
              background-size: 17px 12px;
              background-position: bottom center;
              height: 12px;
              width: 100%;
              bottom: 15px;
              left: 0; } }
/* line 388, ../sass/main.scss */
.footer {
  height: 29px;
  width: 100%;
  background: url(../img/mobile/grass.svg) repeat-x;
  position: relative;
  margin-top: -29px;
  text-align: center; }
  /* line 396, ../sass/main.scss */
  .footer .container {
    position: relative; }
  /* line 400, ../sass/main.scss */
  .footer .footer-frog {
    position: absolute;
    bottom: 1px;
    left: 10px; }
  /* line 406, ../sass/main.scss */
  .footer span {
    color: white;
    font-family: "HiraKakuProN-W3", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
    font-size: 10px;
    font-size: 1rem;
    margin-top: 14px;
    display: inline-block; }
  @media screen and (min-width: 980px) {
    /* line 415, ../sass/main.scss */
    .footer .footer-frog {
      width: 172px;
      height: 115px; }
    /* line 420, ../sass/main.scss */
    .footer span {
      font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
      font-size: 11px;
      font-size: 1.1rem; } }

/**
* Home specific elements
**/
/* line 429, ../sass/main.scss */
.btn-mobile-menu {
  display: inline-block;
  position: fixed;
  top: 10px;
  left: 10px;
  z-index: 11;
  width: 86px;
  height: 86px;
  background: url("../img/mobile/floating_top_button.svg");
  cursor: pointer; }
  /* line 440, ../sass/main.scss */
  .btn-mobile-menu.active {
    background: url("../img/mobile/floating_top_button_close.svg"); }
  @media screen and (min-width: 980px) {
    /* line 429, ../sass/main.scss */
    .btn-mobile-menu {
      display: none; } }

/* line 449, ../sass/main.scss */
.mobile-menu {
  position: fixed;
  height: 100vh;
  width: 100%;
  background: #6ad9f8;
  top: -100vh;
  z-index: 10;
  -webkit-transition: all 500ms cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition: all 500ms cubic-bezier(0.075, 0.82, 0.165, 1);
  -o-transition: all 500ms cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: all 500ms cubic-bezier(0.075, 0.82, 0.165, 1);
  /* easeOutCirc */
  -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -o-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  /* easeOutCirc */ }
  /* line 466, ../sass/main.scss */
  .mobile-menu.active {
    display: block;
    top: 0; }
  /* line 471, ../sass/main.scss */
  .mobile-menu ul {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    width: 100%; }
  /* line 478, ../sass/main.scss */
  .mobile-menu li {
    text-align: center;
    margin-top: 15px; }
  /* line 482, ../sass/main.scss */
  .mobile-menu a {
    color: white;
    text-decoration: none;
    position: relative;
    font-family: "HiraKakuProN-W6", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
    display: block;
    padding: 10px 0;
    font-size: 18px;
    font-size: 1.8rem; }
    /* line 491, ../sass/main.scss */
    .mobile-menu a::after {
      -webkit-animation: shrinkUnderline 0.3s;
      /* Safari 4+ */
      -moz-animation: shrinkUnderline 0.3s;
      /* Fx 5+ */
      -o-animation: shrinkUnderline 0.3s;
      /* Opera 12+ */
      animation: shrinkUnderline 0.3s;
      /* IE 10+, Fx 29+ */
      animation-fill-mode: forwards;
      display: inline-block;
      width: 26px;
      height: 2px;
      background-color: #FBF27C;
      position: absolute;
      bottom: -3px;
      left: 50%;
      transform: translateX(-50%);
      content: ""; }
    /* line 510, ../sass/main.scss */
    .mobile-menu a:hover::after {
      -webkit-animation: extendUnderline 0.3s;
      /* Safari 4+ */
      -moz-animation: extendUnderline 0.3s;
      /* Fx 5+ */
      -o-animation: extendUnderline 0.3s;
      /* Opera 12+ */
      animation: extendUnderline 0.3s;
      /* IE 10+, Fx 29+ */
      animation-fill-mode: forwards; }

/* line 521, ../sass/main.scss */
.frog-top {
  width: 54px;
  height: 170px;
  background: url(../img/mobile/frog-top.svg) no-repeat;
  position: fixed;
  bottom: 10px;
  right: 10px;
  z-index: 9;
  cursor: pointer; }
  /* line 531, ../sass/main.scss */
  .frog-top:hover {
    -webkit-animation: moveUp 0.3s;
    /* Safari 4+ */
    -moz-animation: moveUp 0.3s;
    /* Fx 5+ */
    -o-animation: moveUp 0.3s;
    /* Opera 12+ */
    animation: moveUp 0.3s;
    /* IE 10+, Fx 29+ */
    animation-fill-mode: forwards; }

/* line 543, ../sass/main.scss */
.hidden {
  display: none;
  visibility: hidden; }

/* line 545, ../sass/main.scss */
.bp-img img {
  max-width: 100%;
  height: auto; }

/* line 547, ../sass/main.scss */
.bp-box, .container-fluid, .home-section-1 {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box; }

/* line 548, ../sass/main.scss */
.container-fluid, .home-section-1 {
  padding-left: 15px;
  padding-right: 15px; }
  /* line 549, ../sass/main.scss */
  .container-fluid:before, .home-section-1:before, .container-fluid:after, .home-section-1:after {
    content: '';
    display: table; }
  /* line 550, ../sass/main.scss */
  .container-fluid:after, .home-section-1:after {
    clear: both; }

/* line 553, ../sass/main.scss */
.anim-content, .animated, .animate, .tween {
  opacity: 0; }

/* line 554, ../sass/main.scss */
.animated.visible {
  opacity: 1; }

/* line 555, ../sass/main.scss */
.anim-content.visible {
  -webkit-animation: animRun 0.5s ease forwards;
  -moz-animation: animRun 0.5s ease forwards;
  -ms-animation: animRun 0.5s ease forwards;
  -o-animation: animRun 0.5s ease forwards;
  animation: animRun 0.5s ease forwards; }

@-webkit-keyframes animRun {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }
@-moz-keyframes animRun {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }
@-ms-keyframes animRun {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }
@-o-keyframes animRun {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }
@keyframes animRun {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }
/* Section 1 */
/* line 562, ../sass/main.scss */
.home-section-1 {
  background: #65d9fa;
  background: white url("../img/mobile/s1-bg.svg") no-repeat;
  background-position: bottom 120px center;
  background-size: cover;
  position: relative;
  min-width: 100%;
  min-height: 465px;
  /* Clouds */ }
  /* line 571, ../sass/main.scss */
  .home-section-1 .s1-img-tagline {
    position: absolute;
    top: 30px;
    left: 54%;
    transform: translateX(-50%);
    z-index: 4;
    width: 145px; }
    /* line 579, ../sass/main.scss */
    .home-section-1 .s1-img-tagline .s1-tagline {
      position: relative;
      top: 0;
      left: 0;
      width: 145px;
      height: 263px; }
  /* line 589, ../sass/main.scss */
  .home-section-1 .s1-cloud-1 {
    position: absolute;
    width: 138px;
    height: 95px;
    top: 2px;
    left: -15px; }
    /* line 66, ../sass/_helpers.scss */
    .home-section-1 .s1-cloud-1 i {
      position: absolute;
      top: 0;
      left: 0;
      background: url("../img/mobile/cloud1.png") no-repeat;
      width: 100%;
      height: 100%;
      z-index: 3;
      background-size: contain; }
  /* line 592, ../sass/main.scss */
  .home-section-1 .s1-cloud-2 {
    position: absolute;
    width: 75px;
    height: 53px;
    top: 80px;
    left: 30px; }
    /* line 66, ../sass/_helpers.scss */
    .home-section-1 .s1-cloud-2 i {
      position: absolute;
      top: 0;
      left: 0;
      background: url("../img/mobile/cloud2.png") no-repeat;
      width: 100%;
      height: 100%;
      z-index: 3;
      background-size: contain; }
  /* line 595, ../sass/main.scss */
  .home-section-1 .s1-cloud-3 {
    position: absolute;
    width: 127px;
    height: 81px;
    top: 222px;
    left: -16px; }
    /* line 66, ../sass/_helpers.scss */
    .home-section-1 .s1-cloud-3 i {
      position: absolute;
      top: 0;
      left: 0;
      background: url("../img/mobile/cloud3.png") no-repeat;
      width: 100%;
      height: 100%;
      z-index: 3;
      background-size: contain; }
  /* line 598, ../sass/main.scss */
  .home-section-1 .s1-cloud-4 {
    position: absolute;
    width: 91px;
    height: 59px;
    top: 6px;
    right: 34px; }
    /* line 66, ../sass/_helpers.scss */
    .home-section-1 .s1-cloud-4 i {
      position: absolute;
      top: 0;
      left: 0;
      background: url("../img/mobile/cloud4.png") no-repeat;
      width: 100%;
      height: 100%;
      z-index: 3;
      background-size: contain; }
  /* line 601, ../sass/main.scss */
  .home-section-1 .s1-cloud-5 {
    position: absolute;
    width: 61px;
    height: 41px;
    top: 30px;
    right: -11px; }
    /* line 66, ../sass/_helpers.scss */
    .home-section-1 .s1-cloud-5 i {
      position: absolute;
      top: 0;
      left: 0;
      background: url("../img/mobile/cloud5.png") no-repeat;
      width: 100%;
      height: 100%;
      z-index: 3;
      background-size: contain; }
  /* line 604, ../sass/main.scss */
  .home-section-1 .s1-cloud-6 {
    position: absolute;
    width: 77px;
    height: 43px;
    top: 136px;
    right: 18px; }
    /* line 66, ../sass/_helpers.scss */
    .home-section-1 .s1-cloud-6 i {
      position: absolute;
      top: 0;
      left: 0;
      background: url("../img/mobile/cloud6.png") no-repeat;
      width: 100%;
      height: 100%;
      z-index: 3;
      background-size: contain; }
  /* line 607, ../sass/main.scss */
  .home-section-1 .s1-cloud-7 {
    position: absolute;
    width: 50px;
    height: 34px;
    top: 248px;
    right: 112px; }
    /* line 66, ../sass/_helpers.scss */
    .home-section-1 .s1-cloud-7 i {
      position: absolute;
      top: 0;
      left: 0;
      background: url("../img/mobile/cloud7.png") no-repeat;
      width: 100%;
      height: 100%;
      z-index: 3;
      background-size: contain; }
  /* line 610, ../sass/main.scss */
  .home-section-1 .s1-cloud-8 {
    position: absolute;
    width: 147px;
    height: 97px;
    top: 274px;
    right: 3px; }
    /* line 66, ../sass/_helpers.scss */
    .home-section-1 .s1-cloud-8 i {
      position: absolute;
      top: 0;
      left: 0;
      background: url("../img/mobile/cloud8.png") no-repeat;
      width: 100%;
      height: 100%;
      z-index: 3;
      background-size: contain; }
  /* line 613, ../sass/main.scss */
  .home-section-1 .s1-rain {
    position: absolute;
    width: 43px;
    height: 16px;
    top: 356px;
    right: 105px; }
    /* line 66, ../sass/_helpers.scss */
    .home-section-1 .s1-rain i {
      position: absolute;
      top: 0;
      left: 0;
      background: url("../img/mobile/rain-3.svg") no-repeat;
      width: 100%;
      height: 100%;
      z-index: 2;
      background-size: contain; }
  /* line 616, ../sass/main.scss */
  .home-section-1 .s1-ribbon {
    position: absolute;
    width: 272px;
    height: 150px;
    top: -3px;
    left: 0px; }
    /* line 66, ../sass/_helpers.scss */
    .home-section-1 .s1-ribbon i {
      position: absolute;
      top: 0;
      left: 0;
      background: url("../img/mobile/s1-ribbon.png") no-repeat;
      width: 100%;
      height: 100%;
      z-index: 1;
      background-size: contain; }
  /* line 619, ../sass/main.scss */
  .home-section-1 .s1-frog-1 {
    position: absolute;
    width: 169px;
    height: 243px;
    top: 41.17647%;
    right: -10px; }
    /* line 66, ../sass/_helpers.scss */
    .home-section-1 .s1-frog-1 i {
      position: absolute;
      top: 0;
      left: 0;
      background: url("../img/mobile/frog-1.svg") no-repeat;
      width: 100%;
      height: 100%;
      z-index: 5;
      background-size: contain; }
  /* line 622, ../sass/main.scss */
  .home-section-1 .s1-triangle-1 {
    position: absolute;
    width: 58px;
    height: 55px;
    top: 134px;
    left: 9px; }
    /* line 66, ../sass/_helpers.scss */
    .home-section-1 .s1-triangle-1 i {
      position: absolute;
      top: 0;
      left: 0;
      background: url("../img/mobile/triangle1.svg") no-repeat;
      width: 100%;
      height: 100%;
      z-index: 3;
      background-size: contain; }
  /* line 625, ../sass/main.scss */
  .home-section-1 .s1-triangle-2 {
    position: absolute;
    width: 49px;
    height: 38px;
    top: 74px;
    right: 6px; }
    /* line 66, ../sass/_helpers.scss */
    .home-section-1 .s1-triangle-2 i {
      position: absolute;
      top: 0;
      left: 0;
      background: url("../img/mobile/triangle2.svg") no-repeat;
      width: 100%;
      height: 100%;
      z-index: 3;
      background-size: contain; }
  /* line 628, ../sass/main.scss */
  .home-section-1 .s1-triangle-3 {
    position: absolute;
    width: 66px;
    height: 51px;
    top: 182px;
    right: 12px; }
    /* line 66, ../sass/_helpers.scss */
    .home-section-1 .s1-triangle-3 i {
      position: absolute;
      top: 0;
      left: 0;
      background: url("../img/mobile/triangle3.svg") no-repeat;
      width: 100%;
      height: 100%;
      z-index: 3;
      background-size: contain; }
  /* line 631, ../sass/main.scss */
  .home-section-1 .s1-triangle-4 {
    position: absolute;
    width: 49px;
    height: 38px;
    top: 336px;
    left: 20px; }
    /* line 66, ../sass/_helpers.scss */
    .home-section-1 .s1-triangle-4 i {
      position: absolute;
      top: 0;
      left: 0;
      background: url("../img/mobile/triangle4.svg") no-repeat;
      width: 100%;
      height: 100%;
      z-index: 3;
      background-size: contain; }
  @media screen and (min-width: 980px) {
    /* line 562, ../sass/main.scss */
    .home-section-1 {
      background: white url("../img/s1-bg.svg") no-repeat;
      background-position: bottom 100px center;
      background-size: cover;
      height: 660px;
      /* Clouds */ }
      /* line 642, ../sass/main.scss */
      .home-section-1 .container {
        position: relative; }
      /* line 646, ../sass/main.scss */
      .home-section-1 .s1-img-tagline {
        text-align: center;
        top: 151px;
        left: 50%;
        transform: translateX(-50%);
        width: auto; }
        /* line 653, ../sass/main.scss */
        .home-section-1 .s1-img-tagline .s1-tagline-desktop {
          width: 214px;
          height: auto;
          top: 0;
          left: 0; }
      /* line 663, ../sass/main.scss */
      .home-section-1 .s1-cloud-1 {
        position: absolute;
        width: 177px;
        height: 124px;
        top: 35px;
        left: 31px; }
        /* line 66, ../sass/_helpers.scss */
        .home-section-1 .s1-cloud-1 i {
          position: absolute;
          top: 0;
          left: 0;
          background: url("../img/cloud1.png") no-repeat;
          width: 100%;
          height: 100%;
          z-index: 3;
          background-size: contain; }
      /* line 666, ../sass/main.scss */
      .home-section-1 .s1-cloud-2 {
        position: absolute;
        width: 191px;
        height: 132px;
        top: 155px;
        left: 189px; }
        /* line 66, ../sass/_helpers.scss */
        .home-section-1 .s1-cloud-2 i {
          position: absolute;
          top: 0;
          left: 0;
          background: url("../img/cloud2.png") no-repeat;
          width: 100%;
          height: 100%;
          z-index: 3;
          background-size: contain; }
      /* line 669, ../sass/main.scss */
      .home-section-1 .s1-cloud-3 {
        position: absolute;
        width: 366px;
        height: 253px;
        top: 284px;
        left: -32px; }
        /* line 66, ../sass/_helpers.scss */
        .home-section-1 .s1-cloud-3 i {
          position: absolute;
          top: 0;
          left: 0;
          background: url("../img/cloud3.png") no-repeat;
          width: 100%;
          height: 100%;
          z-index: 3;
          background-size: contain; }
      /* line 673, ../sass/main.scss */
      .home-section-1 .s1-cloud-4 {
        position: absolute;
        width: 124px;
        height: 84px;
        top: 82px;
        right: 53px; }
        /* line 66, ../sass/_helpers.scss */
        .home-section-1 .s1-cloud-4 i {
          position: absolute;
          top: 0;
          left: 0;
          background: url("../img/cloud4.png") no-repeat;
          width: 100%;
          height: 100%;
          z-index: 3;
          background-size: contain; }
      /* line 677, ../sass/main.scss */
      .home-section-1 .s1-cloud-5 {
        position: absolute;
        width: 186px;
        height: 123px;
        top: 32px;
        right: 143px; }
        /* line 66, ../sass/_helpers.scss */
        .home-section-1 .s1-cloud-5 i {
          position: absolute;
          top: 0;
          left: 0;
          background: url("../img/cloud5.png") no-repeat;
          width: 100%;
          height: 100%;
          z-index: 3;
          background-size: contain; }
      /* line 681, ../sass/main.scss */
      .home-section-1 .s1-cloud-6 {
        position: absolute;
        width: 119px;
        height: 75px;
        top: 101px;
        right: 323px; }
        /* line 66, ../sass/_helpers.scss */
        .home-section-1 .s1-cloud-6 i {
          position: absolute;
          top: 0;
          left: 0;
          background: url("../img/cloud6.png") no-repeat;
          width: 100%;
          height: 100%;
          z-index: 3;
          background-size: contain; }
      /* line 685, ../sass/main.scss */
      .home-section-1 .s1-cloud-7 {
        position: absolute;
        width: 407px;
        height: 268px;
        top: 256px;
        right: -60px; }
        /* line 66, ../sass/_helpers.scss */
        .home-section-1 .s1-cloud-7 i {
          position: absolute;
          top: 0;
          left: 0;
          background: url("../img/cloud7.png") no-repeat;
          width: 100%;
          height: 100%;
          z-index: 3;
          background-size: contain; }
      /* line 689, ../sass/main.scss */
      .home-section-1 .s1-cloud-8 {
        position: absolute;
        width: 138px;
        height: 91px;
        top: 350px;
        right: 263px; }
        /* line 66, ../sass/_helpers.scss */
        .home-section-1 .s1-cloud-8 i {
          position: absolute;
          top: 0;
          left: 0;
          background: url("../img/cloud8.png") no-repeat;
          width: 100%;
          height: 100%;
          z-index: 3;
          background-size: contain; }
      /* line 693, ../sass/main.scss */
      .home-section-1 .s1-rain {
        position: absolute;
        width: 61px;
        height: 24px;
        top: 133px;
        right: 246px; }
        /* line 66, ../sass/_helpers.scss */
        .home-section-1 .s1-rain i {
          position: absolute;
          top: 0;
          left: 0;
          background: url("../img/rain-3.svg") no-repeat;
          width: 100%;
          height: 100%;
          z-index: 4;
          background-size: contain; }
      /* line 697, ../sass/main.scss */
      .home-section-1 .s1-rain-bottom {
        position: absolute;
        width: 108px;
        height: 35px;
        top: 523px;
        right: 96px; }
        /* line 66, ../sass/_helpers.scss */
        .home-section-1 .s1-rain-bottom i {
          position: absolute;
          top: 0;
          left: 0;
          background: url("../img/rain-4.svg") no-repeat;
          width: 100%;
          height: 100%;
          z-index: 4;
          background-size: contain; }
      /* line 701, ../sass/main.scss */
      .home-section-1 .s1-ribbon {
        position: absolute;
        width: 516px;
        height: 279px;
        top: 0px;
        left: 0px; }
        /* line 66, ../sass/_helpers.scss */
        .home-section-1 .s1-ribbon i {
          position: absolute;
          top: 0;
          left: 0;
          background: url("../img/s1-ribbon.png") no-repeat;
          width: 100%;
          height: 100%;
          z-index: 1;
          background-size: contain; }
      /* line 705, ../sass/main.scss */
      .home-section-1 .s1-frog-1 {
        position: absolute;
        width: 422px;
        height: 544px;
        top: 81px;
        right: 41px; }
        /* line 66, ../sass/_helpers.scss */
        .home-section-1 .s1-frog-1 i {
          position: absolute;
          top: 0;
          left: 0;
          background: url("../img/frog-1.svg") no-repeat;
          width: 100%;
          height: 100%;
          z-index: 5;
          background-size: contain; }
      /* line 708, ../sass/main.scss */
      .home-section-1 .s1-triangle-1 {
        position: absolute;
        width: 70px;
        height: 68px;
        top: 170px;
        left: 85px; }
        /* line 66, ../sass/_helpers.scss */
        .home-section-1 .s1-triangle-1 i {
          position: absolute;
          top: 0;
          left: 0;
          background: url("../img/triangle1.svg") no-repeat;
          width: 100%;
          height: 100%;
          z-index: 3;
          background-size: contain; }
      /* line 711, ../sass/main.scss */
      .home-section-1 .s1-triangle-2 {
        position: absolute;
        width: 98px;
        height: 76px;
        top: 165px;
        right: 68px; }
        /* line 66, ../sass/_helpers.scss */
        .home-section-1 .s1-triangle-2 i {
          position: absolute;
          top: 0;
          left: 0;
          background: url("../img/triangle2.svg") no-repeat;
          width: 100%;
          height: 100%;
          z-index: 3;
          background-size: contain; }
      /* line 714, ../sass/main.scss */
      .home-section-1 .s1-triangle-3 {
        position: absolute;
        width: 98px;
        height: 76px;
        top: 465px;
        right: 318px; }
        /* line 66, ../sass/_helpers.scss */
        .home-section-1 .s1-triangle-3 i {
          position: absolute;
          top: 0;
          left: 0;
          background: url("../img/triangle3.svg") no-repeat;
          width: 100%;
          height: 100%;
          z-index: 3;
          background-size: contain; }
      /* line 717, ../sass/main.scss */
      .home-section-1 .s1-triangle-4 {
        position: absolute;
        width: 98px;
        height: 76px;
        top: 152px;
        left: 269px; }
        /* line 66, ../sass/_helpers.scss */
        .home-section-1 .s1-triangle-4 i {
          position: absolute;
          top: 0;
          left: 0;
          background: url("../img/triangle4.svg") no-repeat;
          width: 100%;
          height: 100%;
          z-index: 3;
          background-size: contain; }
      /* line 723, ../sass/main.scss */
      .home-section-1 .link-form {
        position: absolute;
        top: 295px;
        left: 134px;
        z-index: 5; }
        /* line 729, ../sass/main.scss */
        .home-section-1 .link-form:after {
          position: absolute;
          top: 0;
          left: 0;
          width: 240px;
          height: 240px;
          background: url(../img/sun-round.svg) no-repeat;
          background-size: 100% auto;
          content: "";
          -webkit-animation: spin 20s infinite linear;
          animation: spin 20s infinite linear; }
        /* line 743, ../sass/main.scss */
        .home-section-1 .link-form span {
          text-indent: -9999px;
          width: 208px;
          height: 208px;
          background: url(../img/btn-link-form-crop.png) no-repeat;
          background-size: contain;
          display: inline-block;
          position: absolute;
          top: 16px;
          left: 16px; } }
  @media (max-width: 374px) {
    /* line 758, ../sass/main.scss */
    .home-section-1 .s1-frog-1 {
      position: absolute;
      width: 169px;
      height: 243px;
      top: 41.17647%;
      right: -40px; }
      /* line 66, ../sass/_helpers.scss */
      .home-section-1 .s1-frog-1 i {
        position: absolute;
        top: 0;
        left: 0;
        background: url("../img/mobile/frog-1.svg") no-repeat;
        width: 100%;
        height: 100%;
        z-index: 5;
        background-size: contain; } }

/* End Section 1 */
/* Section 2 */
/* line 767, ../sass/main.scss */
.home-section-2 {
  position: relative;
  margin-top: -58px; }
  /* line 771, ../sass/main.scss */
  .home-section-2 .section-title {
    text-align: center; }
    /* line 773, ../sass/main.scss */
    .home-section-2 .section-title img {
      width: 335px;
      height: auto; }
  /* line 779, ../sass/main.scss */
  .home-section-2 .s2-rain {
    position: absolute;
    width: 105px;
    height: 41px;
    top: 306px;
    right: 41px; }
    /* line 66, ../sass/_helpers.scss */
    .home-section-2 .s2-rain i {
      position: absolute;
      top: 0;
      left: 0;
      background: url("../img/mobile/rain-2.svg") no-repeat;
      width: 100%;
      height: 100%;
      z-index: 3;
      background-size: contain; }
  /* line 783, ../sass/main.scss */
  .home-section-2 .content {
    margin: 0 auto;
    max-width: 345px; }
    /* line 786, ../sass/main.scss */
    .home-section-2 .content h2 {
      margin-top: 22px; }
      /* line 789, ../sass/main.scss */
      .home-section-2 .content h2 span {
        font-family: "APJapanesefont", sans-serif;
        font-size: 30px;
        font-size: 3rem;
        letter-spacing: -1.3px;
        letter-spacing: -0.13rem;
        line-height: 45px;
        line-height: 4.5rem;
        color: #333333; }
        /* line 796, ../sass/main.scss */
        .home-section-2 .content h2 span.wavy-pink {
          background-repeat: repeat-x;
          background-image: url("../img/mobile/wavy-pink.png");
          background-position: 0 10px;
          background-position: 0 3rem;
          background-size: 12px 5px;
          display: inline;
          padding-bottom: 6px; }
        /* line 805, ../sass/main.scss */
        .home-section-2 .content h2 span.wavy-yellow {
          background-repeat: repeat-x;
          background-image: url("../img/mobile/wavy-yellow.png");
          background-position: 0 10px;
          background-position: 0 3rem;
          background-size: 12px 5px;
          display: inline;
          padding-bottom: 6px; }
    /* line 816, ../sass/main.scss */
    .home-section-2 .content p {
      font-family: "HiraKakuProN-W3";
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 24px;
      line-height: 2.4rem;
      margin-top: 15px;
      color: #333333; }
  /* line 825, ../sass/main.scss */
  .home-section-2 .s2-footer {
    position: relative;
    min-height: 323px; }
    /* line 829, ../sass/main.scss */
    .home-section-2 .s2-footer .s2-comment {
      width: 348px;
      height: 319px;
      position: absolute;
      top: 0px;
      left: 50%;
      transform: translateX(-50%); }
      /* line 837, ../sass/main.scss */
      .home-section-2 .s2-footer .s2-comment i {
        position: absolute;
        top: 0;
        left: 0;
        background: url(../img/mobile/frog-comment.png) no-repeat;
        width: 100%;
        height: 100%;
        z-index: 3;
        background-size: contain; }
    /* line 849, ../sass/main.scss */
    .home-section-2 .s2-footer .triangle-group {
      background: url(../img/mobile/triangle-group.svg) no-repeat;
      background-size: 183px 212px;
      width: 100%;
      height: 323px;
      background-repeat: no-repeat;
      background-position: center left 20px; }
  @media (max-width: 374px) {
    /* line 859, ../sass/main.scss */
    .home-section-2 .s2-rain {
      position: absolute;
      width: 105px;
      height: 41px;
      top: 400px;
      right: -20px; }
      /* line 66, ../sass/_helpers.scss */
      .home-section-2 .s2-rain i {
        position: absolute;
        top: 0;
        left: 0;
        background: url("../img/mobile/rain-2.svg") no-repeat;
        width: 100%;
        height: 100%;
        z-index: 3;
        background-size: contain; } }

@media screen and (min-width: 980px) {
  /* line 867, ../sass/main.scss */
  .home-section-2 {
    margin-top: -23px;
    height: 500px; }
    /* line 871, ../sass/main.scss */
    .home-section-2 .container {
      max-width: 980px; }
    /* line 875, ../sass/main.scss */
    .home-section-2 .section-title {
      text-align: center; }
      /* line 878, ../sass/main.scss */
      .home-section-2 .section-title img {
        width: 428px;
        height: 74px; }
    /* line 883, ../sass/main.scss */
    .home-section-2 .content {
      float: right;
      width: 60%;
      max-width: none;
      margin-top: 50px; }
      /* line 889, ../sass/main.scss */
      .home-section-2 .content p {
        font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif; }
      /* line 891, ../sass/main.scss */
      .home-section-2 .content br {
        display: none; }
    /* line 897, ../sass/main.scss */
    .home-section-2 .s2-footer .s2-comment {
      left: 0;
      top: 50px;
      transform: none; } }
/* End Section 2 */
/* Section 3 */
/* line 908, ../sass/main.scss */
.home-section-3 {
  background: #6AD9F8 url(../img/mobile/s3-bg.svg) no-repeat;
  background-position: 0 -1px;
  background-size: contain;
  min-height: 930px;
  width: 100%;
  padding-top: 60px;
  position: relative; }
  /* line 917, ../sass/main.scss */
  .home-section-3 .s3-triangle-header {
    width: 90%;
    background: url(../img/mobile/s3-triangle-header.svg) no-repeat;
    background-position: top 30px center;
    height: 200px;
    position: absolute;
    top: -71px;
    z-index: 0;
    background-size: 100% auto; }
  /* line 928, ../sass/main.scss */
  .home-section-3 .section-title {
    text-align: center; }
    /* line 931, ../sass/main.scss */
    .home-section-3 .section-title img {
      width: 335px; }
  /* line 935, ../sass/main.scss */
  .home-section-3 .steps {
    padding-left: 10px; }
  /* line 936, ../sass/main.scss */
  .home-section-3 .steps li {
    z-index: 1;
    position: relative;
    width: 100%;
    max-width: 320px;
    margin: 40px auto 0;
    border-radius: 10px;
    box-sizing: border-box;
    list-style: none;
    background: #fff; }
    /* line 947, ../sass/main.scss */
    .home-section-3 .steps li:after {
      position: absolute; }
    /* line 951, ../sass/main.scss */
    .home-section-3 .steps li:before {
      width: 82px;
      height: 82px;
      position: absolute;
      top: -20px;
      left: -20px;
      content: ""; }
    /* line 960, ../sass/main.scss */
    .home-section-3 .steps li:nth-child(1) {
      padding: 10px 10px 10px 65px;
      height: 160px; }
      /* line 964, ../sass/main.scss */
      .home-section-3 .steps li:nth-child(1):after {
        width: 94px;
        height: 59px;
        background: url(../img/mobile/frog-laptop.svg) no-repeat;
        bottom: 12px;
        left: 12px;
        content: ""; }
      /* line 973, ../sass/main.scss */
      .home-section-3 .steps li:nth-child(1):before {
        background: url(../img/mobile/step1.svg) no-repeat; }
      /* line 977, ../sass/main.scss */
      .home-section-3 .steps li:nth-child(1) h2 {
        position: absolute;
        top: 25px;
        left: 95px; }
      /* line 983, ../sass/main.scss */
      .home-section-3 .steps li:nth-child(1) p {
        position: absolute;
        top: 60px;
        left: 95px; }
    /* line 989, ../sass/main.scss */
    .home-section-3 .steps li:nth-child(2) {
      height: 160px; }
      /* line 992, ../sass/main.scss */
      .home-section-3 .steps li:nth-child(2):after {
        width: 94px;
        height: 75px;
        background: url(../img/mobile/frog-mailman.svg) no-repeat;
        bottom: 12px;
        left: 12px;
        content: ""; }
      /* line 1001, ../sass/main.scss */
      .home-section-3 .steps li:nth-child(2):before {
        background: url(../img/mobile/step2.svg) no-repeat; }
      /* line 1005, ../sass/main.scss */
      .home-section-3 .steps li:nth-child(2) h2 {
        position: absolute;
        top: 20px;
        left: 92px;
        display: inline-block;
        z-index: 0; }
      /* line 1012, ../sass/main.scss */
      .home-section-3 .steps li:nth-child(2) p {
        position: absolute;
        top: 64px;
        left: 106px; }
    /* line 1019, ../sass/main.scss */
    .home-section-3 .steps li:nth-child(3) {
      height: 230px; }
      /* line 1022, ../sass/main.scss */
      .home-section-3 .steps li:nth-child(3):after {
        width: 94px;
        height: 128px;
        background: url(../img/mobile/frog-happy.svg) no-repeat;
        bottom: 12px;
        right: 12px;
        content: ""; }
      /* line 1031, ../sass/main.scss */
      .home-section-3 .steps li:nth-child(3):before {
        background: url(../img/mobile/step3.svg) no-repeat; }
      /* line 1035, ../sass/main.scss */
      .home-section-3 .steps li:nth-child(3) h2 {
        position: absolute;
        top: 20px;
        left: 72px;
        display: inline-block;
        z-index: 0; }
        /* line 1042, ../sass/main.scss */
        .home-section-3 .steps li:nth-child(3) h2:after {
          position: absolute;
          bottom: -10px;
          left: -10px;
          background: url(../img/mobile/underline-pink.png) no-repeat;
          background-size: contain;
          background-position: top center;
          width: 215px;
          height: 10px;
          content: "";
          z-index: -1; }
      /* line 1055, ../sass/main.scss */
      .home-section-3 .steps li:nth-child(3) p {
        position: absolute;
        top: 64px;
        left: 16px; }
    /* line 1062, ../sass/main.scss */
    .home-section-3 .steps li h2 {
      font-size: 18px;
      font-size: 1.8rem;
      letter-spacing: -0.5px;
      letter-spacing: -0.05rem;
      color: #333333;
      font-family: "HiraKakuProN-W3", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif; }
    /* line 1068, ../sass/main.scss */
    .home-section-3 .steps li p {
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 24px;
      line-height: 2.4rem;
      color: #333333;
      font-family: "HiraKakuProN-W3", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif; }
  /* line 1077, ../sass/main.scss */
  .home-section-3 .note-gallery {
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
    overflow: hidden; }
    /* line 1083, ../sass/main.scss */
    .home-section-3 .note-gallery .section-title {
      text-align: center; }
    /* line 1087, ../sass/main.scss */
    .home-section-3 .note-gallery .frog-doctor {
      text-align: center;
      padding-top: 30px; }
    /* line 1093, ../sass/main.scss */
    .home-section-3 .note-gallery .owl-carousel span.caption {
      display: block;
      text-align: center;
      font-family: "HiraKakuProN-W3", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
      font-size: 18px;
      font-size: 1.8rem;
      margin-top: 10px; }
    /* line 1104, ../sass/main.scss */
    .home-section-3 .note-gallery .owl-nav .owl-prev {
      position: absolute;
      bottom: 0px;
      left: 30px;
      width: 16px;
      height: 24px;
      background: url(../img/mobile/carousel-left.png) no-repeat;
      text-indent: -9999px;
      text-align: left; }
      /* line 1113, ../sass/main.scss */
      .home-section-3 .note-gallery .owl-nav .owl-prev:before {
        content: ""; }
    /* line 1117, ../sass/main.scss */
    .home-section-3 .note-gallery .owl-nav .owl-next {
      position: absolute;
      bottom: 0px;
      right: 30px;
      width: 16px;
      height: 24px;
      background: url(../img/mobile/carousel-right.png) no-repeat;
      text-indent: -9999px;
      text-align: left; }
      /* line 1126, ../sass/main.scss */
      .home-section-3 .note-gallery .owl-nav .owl-next:before {
        content: ""; }
    /* line 1132, ../sass/main.scss */
    .home-section-3 .note-gallery .owl-dots {
      text-align: center;
      margin-top: 20px; }
      /* line 1136, ../sass/main.scss */
      .home-section-3 .note-gallery .owl-dots .owl-dot {
        background: #9B9B9B;
        display: inline-block;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        margin-left: 5px; }
        /* line 1144, ../sass/main.scss */
        .home-section-3 .note-gallery .owl-dots .owl-dot.active {
          background: #74ACF9; }
  /* line 1153, ../sass/main.scss */
  .home-section-3 .btn {
    width: 299px;
    height: 60px;
    cursor: pointer;
    position: relative;
    display: inline-block;
    background: none;
    border: 0;
    color: #333333; }
    /* line 1164, ../sass/main.scss */
    .home-section-3 .btn span {
      display: block;
      font-family: "APJapanesefont";
      font-size: 30px;
      font-size: 3rem;
      width: 100%;
      height: 100%;
      box-sizing: border-box;
      border: 1px solid black;
      padding: 13px;
      position: absolute;
      top: -3px;
      left: -3px;
      z-index: 1;
      transition: all 0.2s ease; }
    /* line 1180, ../sass/main.scss */
    .home-section-3 .btn::after {
      position: absolute;
      content: "";
      top: 2px;
      left: 2px;
      height: 100%;
      width: 100%;
      z-index: 0;
      background: url(../img/mobile/s7-submit.png) no-repeat;
      transition: all 0.2s ease; }
    /* line 1193, ../sass/main.scss */
    .home-section-3 .btn:hover span {
      top: 0;
      left: 0; }
    /* line 1198, ../sass/main.scss */
    .home-section-3 .btn:hover::after {
      top: 0;
      left: 0; }
  /* line 1205, ../sass/main.scss */
  .home-section-3 .webfoot {
    padding: 35px 0;
    text-align: center;
    background: url("../img/mobile/triangle-2b-bg.svg") no-repeat;
    background-position: center center; }
  @media (max-width: 374px) {
    /* line 1215, ../sass/main.scss */
    .home-section-3 .section-title img {
      width: 100%; }
    /* line 1220, ../sass/main.scss */
    .home-section-3 .s3-triangle-header {
      background: url(../img/mobile/s3-triangle-header.svg) no-repeat;
      background-position: top center;
      height: 200px;
      position: absolute;
      top: -27px;
      z-index: 0;
      background-size: 100% auto;
      width: 280px; }
    /* line 1260, ../sass/main.scss */
    .home-section-3 .steps li:nth-child(2) {
      height: 240px; }
      /* line 1274, ../sass/main.scss */
      .home-section-3 .steps li:nth-child(2) p {
        top: 64px;
        left: 65px; }
    /* line 1280, ../sass/main.scss */
    .home-section-3 .steps li:nth-child(3) {
      height: 270px; }
      /* line 1283, ../sass/main.scss */
      .home-section-3 .steps li:nth-child(3):after {
        background-size: 100% auto;
        width: 70px; }
      /* line 1299, ../sass/main.scss */
      .home-section-3 .steps li:nth-child(3) p {
        top: 64px;
        left: 16px;
        width: 240px; }
    /* line 1313, ../sass/main.scss */
    .home-section-3 .webfoot {
      background-size: 100% auto; } }

@media screen and (min-width: 980px) {
  /* line 1322, ../sass/main.scss */
  .home-section-3 {
    background: url(../img/s3-bg.svg) no-repeat;
    min-height: 1050px;
    padding-top: 39px;
    background-size: cover; }
    /* line 1328, ../sass/main.scss */
    .home-section-3 .container {
      position: relative; }
    /* line 1332, ../sass/main.scss */
    .home-section-3 .section-title {
      text-align: center;
      height: 75px; }
      /* line 1336, ../sass/main.scss */
      .home-section-3 .section-title img {
        width: 428px; }
    /* line 1341, ../sass/main.scss */
    .home-section-3 .webfoot {
      background: none;
      position: relative; }
      /* line 1345, ../sass/main.scss */
      .home-section-3 .webfoot:after {
        content: "";
        background: url(../img/s3-triangle-footer.svg) no-repeat;
        width: 369px;
        height: 150px;
        position: absolute;
        right: 9px;
        top: 8px; }
    /* line 1356, ../sass/main.scss */
    .home-section-3 .s3-triangle-header {
      width: 370px;
      background: url(../img/s3-triangle-header.svg) no-repeat;
      height: 150px;
      position: absolute;
      top: -39px;
      left: 0;
      z-index: 0; }
    /* line 1366, ../sass/main.scss */
    .home-section-3 .content {
      min-height: 267px;
      width: 980px;
      margin: 0 auto; }
    /* line 1372, ../sass/main.scss */
    .home-section-3 .btn {
      width: 358px;
      height: 66px; }
      /* line 1376, ../sass/main.scss */
      .home-section-3 .btn:after {
        background: #FBF27C url(../img/s7-submit.svg) no-repeat;
        background-position: center center; }
    /* line 1382, ../sass/main.scss */
    .home-section-3 .steps {
      padding-left: 0; }
      /* line 1383, ../sass/main.scss */
      .home-section-3 .steps li {
        float: left;
        width: 33%;
        height: 227px;
        text-align: center;
        list-style: none;
        background: #FCF9B6; }
        /* line 1391, ../sass/main.scss */
        .home-section-3 .steps li h2 {
          font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
          font-weight: bold;
          font-size: 20px;
          font-size: 2rem; }
        /* line 1397, ../sass/main.scss */
        .home-section-3 .steps li:before {
          width: 82px;
          height: 82px;
          position: absolute;
          top: -30px;
          left: 50%;
          transform: translateX(-50%);
          content: ""; }
        /* line 1407, ../sass/main.scss */
        .home-section-3 .steps li:nth-child(1) {
          height: 227px;
          border-top-right-radius: 0;
          border-bottom-right-radius: 0;
          padding: 28px; }
          /* line 1414, ../sass/main.scss */
          .home-section-3 .steps li:nth-child(1) h2 {
            top: 63px;
            left: 50%;
            transform: translateX(-50%); }
          /* line 1420, ../sass/main.scss */
          .home-section-3 .steps li:nth-child(1) p {
            top: 160px;
            left: 28px;
            text-align: left; }
            /* line 1425, ../sass/main.scss */
            .home-section-3 .steps li:nth-child(1) p br {
              display: none; }
          /* line 1430, ../sass/main.scss */
          .home-section-3 .steps li:nth-child(1):after {
            top: 95px;
            left: 50%;
            background-size: contain;
            width: 76px;
            height: 48px;
            transform: translateX(-50%); }
          /* line 1439, ../sass/main.scss */
          .home-section-3 .steps li:nth-child(1):before {
            background: url(../img/step1.svg) no-repeat; }
        /* line 1445, ../sass/main.scss */
        .home-section-3 .steps li:nth-child(2) {
          border-radius: 0;
          height: 227px; }
          /* line 1450, ../sass/main.scss */
          .home-section-3 .steps li:nth-child(2) h2 {
            top: 63px;
            left: 50%;
            transform: translateX(-50%); }
          /* line 1456, ../sass/main.scss */
          .home-section-3 .steps li:nth-child(2) p {
            top: 160px;
            left: 28px;
            text-align: left; }
            /* line 1461, ../sass/main.scss */
            .home-section-3 .steps li:nth-child(2) p br {
              display: none; }
          /* line 1466, ../sass/main.scss */
          .home-section-3 .steps li:nth-child(2):before {
            background: url(../img/step2.svg) no-repeat; }
          /* line 1470, ../sass/main.scss */
          .home-section-3 .steps li:nth-child(2):after {
            top: 90px;
            left: 50%;
            width: 72px;
            height: 57px;
            background-size: contain;
            transform: translateX(-50%); }
        /* line 1480, ../sass/main.scss */
        .home-section-3 .steps li:nth-child(3) {
          height: 227px;
          border-top-left-radius: 0;
          border-bottom-left-radius: 0; }
          /* line 1485, ../sass/main.scss */
          .home-section-3 .steps li:nth-child(3) h2 {
            top: 63px;
            left: 50%;
            transform: translateX(-50%);
            width: 100%; }
            /* line 1491, ../sass/main.scss */
            .home-section-3 .steps li:nth-child(3) h2:after {
              left: 50%;
              transform: translateX(-50%);
              width: 245px;
              background: url(../img/underline-pink.png) no-repeat;
              background-size: contain;
              height: 22px;
              bottom: -25px; }
          /* line 1502, ../sass/main.scss */
          .home-section-3 .steps li:nth-child(3) p {
            top: 114px;
            left: 28px;
            text-align: left;
            width: 280px; }
            /* line 1508, ../sass/main.scss */
            .home-section-3 .steps li:nth-child(3) p br {
              display: none; }
          /* line 1513, ../sass/main.scss */
          .home-section-3 .steps li:nth-child(3):before {
            background: url(../img/step3.svg) no-repeat; }
          /* line 1517, ../sass/main.scss */
          .home-section-3 .steps li:nth-child(3):after {
            width: 130px;
            height: 177px;
            background-size: contain;
            top: -141px;
            right: -17px; }
      /* line 1527, ../sass/main.scss */
      .home-section-3 .steps h2 {
        font-size: 18px;
        font-size: 1.8rem; }
      /* line 1530, ../sass/main.scss */
      .home-section-3 .steps p {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 24px;
        line-height: 2.4rem; }
    /* line 1538, ../sass/main.scss */
    .home-section-3 .frog-doctor {
      position: absolute;
      top: 70px;
      left: 150px;
      width: 230px; }
      /* line 1544, ../sass/main.scss */
      .home-section-3 .frog-doctor img {
        width: 100%; }
    /* line 1550, ../sass/main.scss */
    .home-section-3 .home-slider {
      padding-top: 60px; }
    /* line 1555, ../sass/main.scss */
    .home-section-3 .note-gallery .owl-nav {
      max-width: 250px;
      margin: 0 auto;
      position: relative;
      top: 35px; }
    /* line 1562, ../sass/main.scss */
    .home-section-3 .note-gallery .flexslider-wrap {
      width: 1566px;
      position: absolute;
      left: 50%;
      transform: translateX(-50%); }
      /* line 1568, ../sass/main.scss */
      .home-section-3 .note-gallery .flexslider-wrap .flexslider {
        margin: 0 auto;
        background: none;
        border: 0; }
        /* line 1572, ../sass/main.scss */
        .home-section-3 .note-gallery .flexslider-wrap .flexslider .slides img {
          width: 470px;
          margin: 0 auto; } }
/* line 1582, ../sass/main.scss */
.side-tab-nav {
  z-index: 3;
  display: none;
  position: fixed;
  top: 50%;
  left: 0;
  -webkit-transform: translate3d(0, -50%, 0);
  -moz-transform: translate3d(0, -50%, 0);
  -ms-transform: translate3d(0, -50%, 0);
  -o-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0); }
  /* line 1583, ../sass/main.scss */
  .side-tab-nav > [class*="sidetab"] {
    position: relative;
    text-align: center;
    margin: 30px 0; }
    /* line 1584, ../sass/main.scss */
    .side-tab-nav > [class*="sidetab"]:first-child {
      margin-top: 0; }
    /* line 1585, ../sass/main.scss */
    .side-tab-nav > [class*="sidetab"]:last-child {
      margin-bottom: 0; }
  /* line 1587, ../sass/main.scss */
  .side-tab-nav .sidetab-1 {
    width: 85px;
    height: 238px; }
    /* line 1590, ../sass/main.scss */
    .side-tab-nav .sidetab-1 a {
      width: 100%;
      height: 100%;
      z-index: 1;
      background: #FBC228;
      display: inline-block;
      padding: 19px 0;
      box-sizing: border-box;
      position: absolute;
      top: 0;
      left: 0;
      border-top-right-radius: 7px;
      border-bottom-right-radius: 7px; }
    /* line 1605, ../sass/main.scss */
    .side-tab-nav .sidetab-1:after {
      height: 100%;
      width: calc(100% + 3px);
      position: absolute;
      top: 3px;
      left: 0;
      background: #333333;
      content: "";
      z-index: 0;
      border-top-right-radius: 7px;
      border-bottom-right-radius: 7px; }
  /* line 1619, ../sass/main.scss */
  .side-tab-nav .sidetab-2 {
    width: 85px;
    height: 181px; }
    /* line 1622, ../sass/main.scss */
    .side-tab-nav .sidetab-2 a {
      width: 100%;
      height: 100%;
      z-index: 1;
      background: #74ACF9;
      display: inline-block;
      padding: 19px 0;
      box-sizing: border-box;
      position: absolute;
      top: 0;
      left: 0;
      border-top-right-radius: 7px;
      border-bottom-right-radius: 7px; }
    /* line 1637, ../sass/main.scss */
    .side-tab-nav .sidetab-2:after {
      height: 100%;
      width: calc(100% + 3px);
      position: absolute;
      top: 3px;
      left: 0;
      background: #333333;
      content: "";
      z-index: 0;
      border-top-right-radius: 7px;
      border-bottom-right-radius: 7px; }

/* End Section 3 */
/* Section 4 */
/* line 1655, ../sass/main.scss */
.home-section-4 {
  position: relative;
  background: url(../img/mobile/s4-bg.png) no-repeat;
  background-size: cover;
  min-height: 1304px; }
  /* line 1661, ../sass/main.scss */
  .home-section-4 .section-title {
    text-align: center;
    padding-top: 28px; }
  /* line 1666, ../sass/main.scss */
  .home-section-4 .testimonials {
    max-width: 375px;
    margin: 0 auto;
    height: 1000px;
    position: relative; }
    /* line 1672, ../sass/main.scss */
    .home-section-4 .testimonials ul {
      position: relative; }
  /* line 1677, ../sass/main.scss */
  .home-section-4 .testimonial-wrap-1 {
    width: 248px;
    height: 248px;
    left: -12px;
    top: 0px;
    background: url(../img/mobile/circle-1.svg) no-repeat;
    z-index: 6; }
    @media screen and (min-width: 375px) and (max-width: 550px) {
      /* line 1677, ../sass/main.scss */
      .home-section-4 .testimonial-wrap-1 {
        top: -18px; } }
  /* line 1689, ../sass/main.scss */
  .home-section-4 .testimonial-wrap-2 {
    width: 248px;
    height: 248px;
    top: 120px;
    right: -22px;
    background: url(../img/mobile/circle-2.svg) no-repeat;
    z-index: 5; }
    @media screen and (min-width: 980px) {
      /* line 1689, ../sass/main.scss */
      .home-section-4 .testimonial-wrap-2 {
        z-index: 6; } }
    @media screen and (min-width: 375px) and (max-width: 550px) {
      /* line 1689, ../sass/main.scss */
      .home-section-4 .testimonial-wrap-2 {
        top: 136px; } }
  /* line 1702, ../sass/main.scss */
  .home-section-4 .testimonial-wrap-3 {
    width: 276px;
    height: 276px;
    top: 274px;
    left: -26px;
    background: url(../img/mobile/circle-3.svg) no-repeat;
    z-index: 4; }
    @media screen and (min-width: 375px) and (max-width: 550px) {
      /* line 1702, ../sass/main.scss */
      .home-section-4 .testimonial-wrap-3 {
        top: 304px; } }
  /* line 1714, ../sass/main.scss */
  .home-section-4 .testimonial-wrap-4 {
    width: 248px;
    height: 248px;
    top: 474px;
    right: -16px;
    background: url(../img/mobile/circle-4.svg) no-repeat;
    z-index: 3; }
    @media screen and (min-width: 375px) and (max-width: 550px) {
      /* line 1714, ../sass/main.scss */
      .home-section-4 .testimonial-wrap-4 {
        top: 504px; } }
  /* line 1726, ../sass/main.scss */
  .home-section-4 .testimonial-wrap-5 {
    width: 248px;
    height: 248px;
    top: 650px;
    left: -3px;
    background: url(../img/mobile/circle-5.svg) no-repeat;
    z-index: 2; }
    @media screen and (min-width: 375px) and (max-width: 550px) {
      /* line 1726, ../sass/main.scss */
      .home-section-4 .testimonial-wrap-5 {
        top: 672px; } }
  /* line 1738, ../sass/main.scss */
  .home-section-4 .testimonial-wrap-6 {
    width: 276px;
    height: 276px;
    top: 834px;
    right: -15px;
    background: url(../img/mobile/circle-6.svg) no-repeat;
    z-index: 1; }
    @media screen and (min-width: 375px) and (max-width: 550px) {
      /* line 1738, ../sass/main.scss */
      .home-section-4 .testimonial-wrap-6 {
        top: 844px; } }
    @media screen and (min-width: 980px) {
      /* line 1738, ../sass/main.scss */
      .home-section-4 .testimonial-wrap-6 {
        z-index: 2; } }
  /* line 1753, ../sass/main.scss */
  .home-section-4 [class^="testimonial-wrap-"] {
    position: absolute; }
    /* line 1755, ../sass/main.scss */
    .home-section-4 [class^="testimonial-wrap-"] .testimonial {
      position: absolute;
      top: 47%;
      left: 50%;
      transform: translate(-50%, -50%);
      text-align: center;
      width: 83%; }
      /* line 1762, ../sass/main.scss */
      .home-section-4 [class^="testimonial-wrap-"] .testimonial p, .home-section-4 [class^="testimonial-wrap-"] .testimonial .name {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 24px;
        line-height: 2.4rem;
        color: #333333;
        font-family: "HiraKakuProN-W3", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif; }
    /* line 1769, ../sass/main.scss */
    .home-section-4 [class^="testimonial-wrap-"] .voice {
      position: absolute;
      bottom: 20px;
      left: 50%;
      transform: translateX(-50%);
      text-align: center; }
      /* line 1775, ../sass/main.scss */
      .home-section-4 [class^="testimonial-wrap-"] .voice .name {
        display: block;
        margin-top: 2px; }
  @media (max-width: 374px) {
    /* line 1655, ../sass/main.scss */
    .home-section-4 {
      min-height: 1500px; }
      /* line 1781, ../sass/main.scss */
      .home-section-4 .testimonial-wrap-2 {
        top: 200px; }
      /* line 1785, ../sass/main.scss */
      .home-section-4 .testimonial-wrap-3 {
        top: 390px; }
      /* line 1789, ../sass/main.scss */
      .home-section-4 .testimonial-wrap-4 {
        top: 620px; }
      /* line 1793, ../sass/main.scss */
      .home-section-4 .testimonial-wrap-5 {
        top: 820px; }
      /* line 1797, ../sass/main.scss */
      .home-section-4 .testimonial-wrap-6 {
        top: 1000px; } }

@media screen and (min-width: 980px) {
  /* line 1805, ../sass/main.scss */
  .home-section-4 {
    background: url(../img/s4-bg.png) no-repeat;
    height: 550px;
    min-height: 0; }
    /* line 1811, ../sass/main.scss */
    .home-section-4 .section-title {
      text-align: center;
      padding-top: 31px; }
    /* line 1816, ../sass/main.scss */
    .home-section-4 .testimonials {
      max-height: 474px;
      max-width: 980px;
      height: 474px;
      margin-top: -122px; }
      /* line 1822, ../sass/main.scss */
      .home-section-4 .testimonials ul {
        padding: 0;
        position: relative;
        height: 474px; }
      /* line 1827, ../sass/main.scss */
      .home-section-4 .testimonials li {
        list-style: none;
        border-radius: 50%;
        position: absolute; }
        /* line 1832, ../sass/main.scss */
        .home-section-4 .testimonials li .testimonial {
          position: absolute;
          top: 45%;
          left: 50%;
          transform: translate(-50%, -50%);
          text-align: center; }
    /* line 1842, ../sass/main.scss */
    .home-section-4 .testimonial-wrap-1 {
      left: 0;
      top: 201px; }
    /* line 1847, ../sass/main.scss */
    .home-section-4 .testimonial-wrap-2 {
      left: 111px;
      top: 28px; }
    /* line 1851, ../sass/main.scss */
    .home-section-4 .testimonial-wrap-3 {
      left: 264px;
      top: 198px; }
    /* line 1855, ../sass/main.scss */
    .home-section-4 .testimonial-wrap-4 {
      left: 485px;
      top: 100px; }
    /* line 1859, ../sass/main.scss */
    .home-section-4 .testimonial-wrap-5 {
      left: 681px;
      top: 226px; }
    /* line 1863, ../sass/main.scss */
    .home-section-4 .testimonial-wrap-6 {
      left: 704px;
      top: 0px; }
    /* line 1870, ../sass/main.scss */
    .home-section-4 [class^="testimonial-wrap-"] .testimonial p, .home-section-4 [class^="testimonial-wrap-"] .testimonial .name {
      font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif; } }
/* End Section 4 */
/* Section 5 */
/* line 1882, ../sass/main.scss */
.home-section-5 {
  background: url(../img/mobile/s5-bg.svg) no-repeat;
  background-size: 285px 42px;
  background-position: top 4px center;
  position: relative; }
  /* line 1888, ../sass/main.scss */
  .home-section-5 .section-title {
    text-align: center;
    padding-top: 28px; }
    /* line 1892, ../sass/main.scss */
    .home-section-5 .section-title img {
      max-width: 335px; }
  /* line 1897, ../sass/main.scss */
  .home-section-5 .content {
    height: 958px; }
  /* line 1901, ../sass/main.scss */
  .home-section-5 .questions {
    padding: 0; }
    /* line 1904, ../sass/main.scss */
    .home-section-5 .questions li {
      list-style: none; }
  /* line 1908, ../sass/main.scss */
  .home-section-5 .question-entry {
    margin: 0 auto;
    margin-top: 26px;
    max-width: 326px;
    width: 90%;
    height: 143px;
    position: relative; }
    /* line 1916, ../sass/main.scss */
    .home-section-5 .question-entry .question-wrap {
      position: absolute;
      width: 100%;
      height: 100%;
      z-index: 1;
      border: 1px solid black;
      border-radius: 12px; }
    /* line 1925, ../sass/main.scss */
    .home-section-5 .question-entry:after {
      background: #EBF8FD url(../img/mobile/q.svg) no-repeat;
      position: absolute;
      top: 6px;
      left: 6px;
      width: 100%;
      height: 100%;
      content: "";
      z-index: -1;
      border-radius: 12px; }
    /* line 1937, ../sass/main.scss */
    .home-section-5 .question-entry.large {
      height: 170px; }
    /* line 1941, ../sass/main.scss */
    .home-section-5 .question-entry .question {
      padding: 15px 20px 15px 70px;
      min-height: 40px;
      display: block;
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 25px;
      line-height: 2.5rem; }
      /* line 1948, ../sass/main.scss */
      .home-section-5 .question-entry .question span {
        font-family: "HiraKakuProN-W6", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
        font-weight: bold; }
      /* line 1953, ../sass/main.scss */
      .home-section-5 .question-entry .question .wavy-pink {
        background-repeat: repeat-x;
        background-image: url("../img/mobile/wavy-pink.png");
        background-position: 0 10px;
        background-position: 0 2.2rem;
        background-size: 12px 5px;
        display: inline;
        padding-bottom: 9px; }
    /* line 1963, ../sass/main.scss */
    .home-section-5 .question-entry .answer {
      font-family: "HiraKakuProN-W3", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
      padding: 0 20px 20px;
      display: block;
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 22px;
      line-height: 2.2rem; }
      /* line 1970, ../sass/main.scss */
      .home-section-5 .question-entry .answer .link {
        font-family: "HiraKakuProN-W3", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
        background: url(../img/mobile/right-arrow.png) no-repeat;
        background-position: center left;
        display: block;
        padding-left: 20px;
        color: #2E79D0; }
  /* line 1981, ../sass/main.scss */
  .home-section-5 .s5-rain {
    position: absolute;
    width: 148px;
    height: 42px;
    top: 891px;
    left: 42px; }
    /* line 66, ../sass/_helpers.scss */
    .home-section-5 .s5-rain i {
      position: absolute;
      top: 0;
      left: 0;
      background: url("../img/mobile/rain.svg") no-repeat;
      width: 100%;
      height: 100%;
      z-index: 3;
      background-size: contain; }
  /* line 1984, ../sass/main.scss */
  .home-section-5 .s5-frog {
    position: absolute;
    width: 140px;
    height: 98px;
    top: 831px;
    left: 203px; }
    /* line 66, ../sass/_helpers.scss */
    .home-section-5 .s5-frog i {
      position: absolute;
      top: 0;
      left: 0;
      background: url("../img/mobile/frog-2.svg") no-repeat;
      width: 100%;
      height: 100%;
      z-index: 3;
      background-size: contain; }
  @media (max-width: 374px) {
    /* line 1990, ../sass/main.scss */
    .home-section-5 .section-title img {
      width: 100%; }
    /* line 1995, ../sass/main.scss */
    .home-section-5 .content {
      height: 1000px; }
    /* line 2000, ../sass/main.scss */
    .home-section-5 .questions .question-entry {
      width: 100%;
      height: 163px; }
      /* line 2004, ../sass/main.scss */
      .home-section-5 .questions .question-entry.large {
        height: 190px; }
    /* line 2013, ../sass/main.scss */
    .home-section-5 .s5-rain {
      position: absolute;
      width: 148px;
      height: 42px;
      bottom: 20px;
      left: 20px; }
    /* line 2021, ../sass/main.scss */
    .home-section-5 .s5-frog {
      position: absolute;
      width: 140px;
      height: 98px;
      bottom: 20px;
      left: 167px; } }

@media screen and (min-width: 980px) {
  /* line 2033, ../sass/main.scss */
  .home-section-5 {
    background: url(../img/s5-bg.svg) no-repeat;
    background-size: 1280px 620px;
    background-position: top center; }
    /* line 2039, ../sass/main.scss */
    .home-section-5 .section-title img {
      width: 428px;
      height: 74px;
      max-width: none; }
    /* line 2046, ../sass/main.scss */
    .home-section-5 .content {
      height: 620px;
      position: relative;
      margin: 0 auto;
      max-width: 980px; }
      /* line 2052, ../sass/main.scss */
      .home-section-5 .content .s5-rain {
        position: absolute;
        width: 708px;
        height: 44px;
        top: 540px;
        left: 12px; }
        /* line 66, ../sass/_helpers.scss */
        .home-section-5 .content .s5-rain i {
          position: absolute;
          top: 0;
          left: 0;
          background: url("../img/rain.png") no-repeat;
          width: 100%;
          height: 100%;
          z-index: 3;
          background-size: contain; }
        /* line 2055, ../sass/main.scss */
        .home-section-5 .content .s5-rain i {
          background-size: contain; }
      /* line 2060, ../sass/main.scss */
      .home-section-5 .content .s5-frog {
        position: absolute;
        width: 220px;
        height: 153px;
        top: 460px;
        left: 740px; }
        /* line 66, ../sass/_helpers.scss */
        .home-section-5 .content .s5-frog i {
          position: absolute;
          top: 0;
          left: 0;
          background: url("../img/mobile/frog-2.svg") no-repeat;
          width: 100%;
          height: 100%;
          z-index: 3;
          background-size: contain; }
      /* line 2064, ../sass/main.scss */
      .home-section-5 .content .questions {
        padding-top: 33px;
        margin: 0 auto; }
    /* line 2070, ../sass/main.scss */
    .home-section-5 .question-entry {
      width: 482px;
      height: 166px;
      max-width: none;
      float: left;
      margin-top: 10px; }
      /* line 2077, ../sass/main.scss */
      .home-section-5 .question-entry:nth-child(2), .home-section-5 .question-entry:nth-child(4) {
        margin-left: 10px; }
      /* line 2081, ../sass/main.scss */
      .home-section-5 .question-entry .question {
        font-size: 18px;
        font-size: 1.8rem;
        padding: 35px 20px 15px 75px; }
        /* line 2085, ../sass/main.scss */
        .home-section-5 .question-entry .question span {
          font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif; }
      /* line 2088, ../sass/main.scss */
      .home-section-5 .question-entry .question-wrap {
        z-index: 1;
        border: 1px solid black;
        border-radius: 12px; }
        /* line 2093, ../sass/main.scss */
        .home-section-5 .question-entry .question-wrap .answer {
          font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
          font-size: 16px;
          font-size: 1.6rem;
          line-height: 22px;
          line-height: 2.2rem; }
          /* line 2097, ../sass/main.scss */
          .home-section-5 .question-entry .question-wrap .answer .link {
            font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif; }
      /* line 2103, ../sass/main.scss */
      .home-section-5 .question-entry:after {
        background: #EBF8FD url(../img/q.svg) no-repeat;
        background-position: top 13px left 21px;
        position: absolute;
        top: 6px;
        left: 6px;
        width: 100%;
        height: 100%;
        content: "";
        z-index: 0;
        border-radius: 12px; } }
/* End Section 5 */
/* Section 6 */
/* line 2121, ../sass/main.scss */
.home-section-6 {
  background: #B9FD96 url(../img/mobile/s6-bg.svg) no-repeat;
  background-position: top center;
  width: 100%;
  height: 218px;
  position: relative; }
  /* line 2128, ../sass/main.scss */
  .home-section-6 .sign {
    position: absolute;
    top: 53px;
    left: 50%;
    transform: translateX(-50%);
    width: 258px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    line-height: 2.4rem;
    text-align: center; }
    /* line 2138, ../sass/main.scss */
    .home-section-6 .sign a {
      z-index: 3;
      display: block;
      position: relative;
      border: 1px solid #333333;
      color: #333333;
      background-color: #fff;
      z-index: 1;
      padding: 5px;
      box-sizing: border-box;
      text-decoration: none; }
    /* line 2151, ../sass/main.scss */
    .home-section-6 .sign:before {
      content: "";
      position: absolute;
      width: 346px;
      height: 45px;
      top: -26px;
      left: -48px;
      background: url(../img/mobile/sign-dots-star.svg) no-repeat;
      z-index: 4;
      pointer-events: none; }
    /* line 2163, ../sass/main.scss */
    .home-section-6 .sign:after {
      content: "";
      position: absolute;
      top: 6px;
      left: 6px;
      width: 100%;
      height: 100%;
      background-color: #FBF27C;
      z-index: 0;
      pointer-events: none; }
  /* line 2175, ../sass/main.scss */
  .home-section-6:after {
    position: absolute;
    bottom: 20px;
    left: 50%;
    width: 307px;
    height: 51px;
    background: url(../img/mobile/frog-4.svg) no-repeat;
    transform: translateX(-50%);
    content: ""; }
  @media screen and (min-width: 980px) {
    /* line 2187, ../sass/main.scss */
    .home-section-6 .sign {
      width: 560px; }
      /* line 2189, ../sass/main.scss */
      .home-section-6 .sign span {
        font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
        font-weight: normal;
        padding-top: 11px;
        font-size: 24px;
        font-size: 2.4rem; }
        /* line 2196, ../sass/main.scss */
        .home-section-6 .sign span br {
          display: none; }
      /* line 2203, ../sass/main.scss */
      .home-section-6 .sign:before {
        width: 670px;
        height: 78px;
        background: url(../img/sign-dots-star.svg) no-repeat;
        left: -80px;
        top: -41px; }
    /* line 2212, ../sass/main.scss */
    .home-section-6:after {
      position: absolute;
      bottom: 20px;
      left: 50%;
      width: 560px;
      height: 90px;
      background: url(../img/frog-4.svg) no-repeat;
      transform: translateX(-43%);
      content: ""; } }

/* End Section 6 */
/* Section 7 */
/* line 2227, ../sass/main.scss */
.home-section-7 {
  background: #6AD9F8 url(../img/mobile/triangle-2-bg.svg) no-repeat;
  background-position: top 26px center;
  min-height: 860px;
  padding-top: 80px;
  position: relative; }
  /* line 2234, ../sass/main.scss */
  .home-section-7 .s7-frog-confetti {
    background: url(../img/mobile/frog-confetti.svg) no-repeat;
    width: 300px;
    height: 234px;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    position: absolute; }
  /* line 2244, ../sass/main.scss */
  .home-section-7 .form-signup {
    position: relative; }
    /* line 2247, ../sass/main.scss */
    .home-section-7 .form-signup label {
      color: #333333;
      font-size: 14px;
      font-size: 1.4rem;
      font-family: "HiraKakuProN-W3"; }
      /* line 2252, ../sass/main.scss */
      .home-section-7 .form-signup label.checkbox {
        display: inline-block;
        position: relative;
        text-align: left; }
        /* line 2257, ../sass/main.scss */
        .home-section-7 .form-signup label.checkbox input[type=checkbox] {
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          margin: 0; }
        /* line 2264, ../sass/main.scss */
        .home-section-7 .form-signup label.checkbox .pad {
          padding-left: 30px; }
        /* line 2268, ../sass/main.scss */
        .home-section-7 .form-signup label.checkbox a {
          color: #2E79D0;
          font-family: "HiraKakuProN-W3";
          font-size: 14px;
          font-size: 1.4rem;
          line-height: 20px;
          line-height: 2rem; }
        /* line 2275, ../sass/main.scss */
        .home-section-7 .form-signup label.checkbox span {
          font-family: "HiraKakuProN-W3";
          display: inline-block;
          color: #333333;
          font-size: 14px;
          font-size: 1.4rem;
          line-height: 20px;
          line-height: 2rem; }
    /* line 2285, ../sass/main.scss */
    .home-section-7 .form-signup .btn {
      width: 299px;
      height: 60px;
      cursor: pointer;
      position: relative;
      display: inline-block;
      background: none;
      border: 0;
      top: 122px;
      left: 50%;
      transform: translateX(-50%); }
      /* line 2298, ../sass/main.scss */
      .home-section-7 .form-signup .btn span {
        display: block;
        font-family: "APJapanesefont";
        font-size: 30px;
        font-size: 3rem;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        border: 1px solid black;
        padding: 13px;
        position: absolute;
        top: -3px;
        left: -3px;
        z-index: 1;
        transition: all 0.2s ease; }
      /* line 2314, ../sass/main.scss */
      .home-section-7 .form-signup .btn::after {
        position: absolute;
        content: "";
        top: 2px;
        left: 2px;
        height: 100%;
        width: 100%;
        z-index: 0;
        background: url(../img/mobile/s7-submit.png) no-repeat;
        transition: all 0.2s ease; }
      /* line 2327, ../sass/main.scss */
      .home-section-7 .form-signup .btn:hover span {
        top: 0;
        left: 0; }
      /* line 2332, ../sass/main.scss */
      .home-section-7 .form-signup .btn:hover::after {
        top: 0;
        left: 0; }
    /* line 2339, ../sass/main.scss */
    .home-section-7 .form-signup input[type=text], .home-section-7 .form-signup input[type=email] {
      border: 1px solid #CCCCCC;
      border-radius: 3px;
      font-size: 13px;
      font-size: 1.3rem;
      padding: 7px;
      box-sizing: border-box; }
      /* line 2346, ../sass/main.scss */
      .home-section-7 .form-signup input[type=text].split, .home-section-7 .form-signup input[type=email].split {
        width: 47.7%; }
        /* line 2349, ../sass/main.scss */
        .home-section-7 .form-signup input[type=text].split:nth-child(2), .home-section-7 .form-signup input[type=email].split:nth-child(2) {
          margin-left: 3%; }
      /* line 2353, ../sass/main.scss */
      .home-section-7 .form-signup input[type=text].full, .home-section-7 .form-signup input[type=email].full {
        width: 100%;
        margin-top: 8px; }
      /* line 2358, ../sass/main.scss */
      .home-section-7 .form-signup input[type=text]:hover, .home-section-7 .form-signup input[type=email]:hover {
        background: #f9f9f9; }
      /* line 2362, ../sass/main.scss */
      .home-section-7 .form-signup input[type=text].postal, .home-section-7 .form-signup input[type=email].postal {
        width: 46%; }
    /* line 2367, ../sass/main.scss */
    .home-section-7 .form-signup .dash {
      width: 5%;
      text-align: center;
      display: inline-block; }
    /* line 2373, ../sass/main.scss */
    .home-section-7 .form-signup select {
      border: 1px solid #CCCCCC;
      height: 32px; }
      /* line 2377, ../sass/main.scss */
      .home-section-7 .form-signup select.year {
        width: 100px; }
      /* line 2380, ../sass/main.scss */
      .home-section-7 .form-signup select.month {
        width: 60px; }
      /* line 2383, ../sass/main.scss */
      .home-section-7 .form-signup select.day {
        width: 60px; }
    /* line 2388, ../sass/main.scss */
    .home-section-7 .form-signup:before {
      content: "";
      height: 55px;
      display: inline-block;
      background: url(../img/mobile/form-header.png) no-repeat;
      background-position: -50px 0px;
      width: 238px;
      z-index: 1;
      position: absolute;
      top: -54px;
      left: 50%;
      transform: translateX(-50%); }
  /* line 2403, ../sass/main.scss */
  .home-section-7 .form-container {
    width: 81.335%;
    margin: 0 auto;
    background: white;
    border: 1px solid black;
    padding: 14px;
    border-radius: 10px; }
    /* line 2412, ../sass/main.scss */
    .home-section-7 .form-container .form-field {
      margin: 17px 0 10px;
      position: relative; }
      /* line 2416, ../sass/main.scss */
      .home-section-7 .form-container .form-field:nth-child(1):after {
        background: none; }
      /* line 2419, ../sass/main.scss */
      .home-section-7 .form-container .form-field:after {
        width: 100%;
        content: "";
        height: 2px;
        top: -10px;
        left: 0;
        position: absolute;
        background: url(../img/mobile/form-field-line.png) repeat-x; }
    /* line 2431, ../sass/main.scss */
    .home-section-7 .form-container .form-group {
      margin-top: 8px;
      overflow: hidden; }
      /* line 2435, ../sass/main.scss */
      .home-section-7 .form-container .form-group.align-center {
        text-align: center; }
    /* line 2440, ../sass/main.scss */
    .home-section-7 .form-container .btn-address {
      text-decoration: none;
      color: #fff;
      background: #7CD5FB;
      padding: 3px;
      border-radius: 3px;
      display: inline-block;
      margin-left: 10px;
      position: absolute;
      top: -2px;
      left: 59px;
      font-size: 13px;
      font-size: 1.3rem; }
      /* line 2453, ../sass/main.scss */
      .home-section-7 .form-container .btn-address:hover {
        background: #79cef3; }
  /* line 2459, ../sass/main.scss */
  .home-section-7 .form-footer {
    position: relative;
    background: url(../img/mobile/triangle-2-bg.svg) no-repeat;
    background-position: top 5px center;
    height: 270px; }
  @media (max-width: 374px) {
    /* line 2467, ../sass/main.scss */
    .home-section-7 .form-footer {
      background-size: 100% auto; }
    /* line 2472, ../sass/main.scss */
    .home-section-7 .form-signup input[type=text].split {
      width: 47.5%; }
    /* line 2476, ../sass/main.scss */
    .home-section-7 .form-signup input[type=text].postal {
      width: 46%; }
    /* line 2481, ../sass/main.scss */
    .home-section-7 .form-signup select.month {
      width: 30px; }
    /* line 2485, ../sass/main.scss */
    .home-section-7 .form-signup select.day {
      width: 40px; }
    /* line 2489, ../sass/main.scss */
    .home-section-7 .form-signup label.checkbox .pad {
      padding-left: 20px; } }
  @media screen and (min-width: 980px) {
    /* line 2227, ../sass/main.scss */
    .home-section-7 {
      background: #6AD9F8 url(../img/s7-bg.svg) no-repeat;
      background-position: top center;
      padding-top: 132px; }
      /* line 2502, ../sass/main.scss */
      .home-section-7 .form-signup .form-field {
        overflow: hidden; }
        /* line 2504, ../sass/main.scss */
        .home-section-7 .form-signup .form-field > label {
          width: 215px;
          float: left;
          padding: 9px 0 5px; }
        /* line 2509, ../sass/main.scss */
        .home-section-7 .form-signup .form-field label {
          font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
          font-size: 18px;
          font-size: 1.8rem;
          color: #333333; }
          /* line 2513, ../sass/main.scss */
          .home-section-7 .form-signup .form-field label a, .home-section-7 .form-signup .form-field label span {
            font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif; }
      /* line 2517, ../sass/main.scss */
      .home-section-7 .form-signup input[type=email], .home-section-7 .form-signup input[type=text] {
        font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
        font-size: 13px;
        font-size: 1.3rem; }
        /* line 2522, ../sass/main.scss */
        .home-section-7 .form-signup input[type=email].postal, .home-section-7 .form-signup input[type=text].postal {
          width: 98px; }
        /* line 2526, ../sass/main.scss */
        .home-section-7 .form-signup input[type=email].short, .home-section-7 .form-signup input[type=text].short {
          width: 127px; }
        /* line 2530, ../sass/main.scss */
        .home-section-7 .form-signup input[type=email].medium, .home-section-7 .form-signup input[type=text].medium {
          width: 338px; }
        /* line 2534, ../sass/main.scss */
        .home-section-7 .form-signup input[type=email].split, .home-section-7 .form-signup input[type=text].split {
          width: 178px; }
        /* line 2538, ../sass/main.scss */
        .home-section-7 .form-signup input[type=email].full, .home-section-7 .form-signup input[type=text].full {
          width: 490px;
          float: left; }
      /* line 2545, ../sass/main.scss */
      .home-section-7 .form-signup select.year {
        width: 125px; }
      /* line 2548, ../sass/main.scss */
      .home-section-7 .form-signup select.month {
        width: 84px; }
      /* line 2551, ../sass/main.scss */
      .home-section-7 .form-signup select.day {
        width: 84px; }
      /* line 2555, ../sass/main.scss */
      .home-section-7 .form-signup select.year + label, .home-section-7 .form-signup select.month + label, .home-section-7 .form-signup select.day + label {
        width: 47px;
        text-align: center;
        display: inline-block; }
      /* line 2562, ../sass/main.scss */
      .home-section-7 .form-signup:before {
        content: "";
        height: 87px;
        display: inline-block;
        background: url(../img/form-header.png) no-repeat;
        background-position: top left -266px;
        width: 430px;
        z-index: 1;
        position: absolute;
        top: -86px;
        left: 50%;
        transform: translateX(-50%); }
      /* line 2576, ../sass/main.scss */
      .home-section-7 .form-container {
        max-width: 978px;
        box-sizing: border-box;
        overflow: hidden; }
        /* line 2581, ../sass/main.scss */
        .home-section-7 .form-container .form-field {
          width: 706px;
          margin: 32px auto; }
          /* line 2586, ../sass/main.scss */
          .home-section-7 .form-container .form-field span br {
            display: none; }
        /* line 2592, ../sass/main.scss */
        .home-section-7 .form-container .btn-address {
          position: initial;
          padding: 9px 10px 10px; }
        /* line 2597, ../sass/main.scss */
        .home-section-7 .form-container .form-group {
          margin-top: 0;
          float: left;
          width: 490px; }
          /* line 2602, ../sass/main.scss */
          .home-section-7 .form-container .form-group.checkboxes {
            text-align: left;
            margin-left: 120px;
            margin-top: 20px; } }

/* End Section 7 */
/* Confirmation Page */
/* line 2616, ../sass/main.scss */
.page-confirmation {
  background: #6AD9F8; }
  /* line 2619, ../sass/main.scss */
  .page-confirmation .confirmation {
    width: 100%;
    max-width: 335px;
    margin: 30px auto;
    background: #fff;
    padding: 30px 14px;
    box-sizing: border-box;
    border: 1px solid black;
    border-radius: 12px; }
    /* line 2628, ../sass/main.scss */
    .page-confirmation .confirmation h1 {
      margin-left: 65px;
      position: relative;
      height: 30px; }
      /* line 2632, ../sass/main.scss */
      .page-confirmation .confirmation h1 span {
        font-family: "APJapanesefont", sans-serif;
        font-size: 30px;
        font-size: 3rem;
        color: #333333;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1; }
      /* line 2641, ../sass/main.scss */
      .page-confirmation .confirmation h1:after {
        background: url(../img/mobile/confirmation-underline.png) no-repeat;
        background-size: contain;
        width: 195px;
        height: 10px;
        position: absolute;
        bottom: 0px;
        left: 0px;
        content: "";
        z-index: 0; }
    /* line 2653, ../sass/main.scss */
    .page-confirmation .confirmation .summary {
      margin-top: 30px; }
      /* line 2657, ../sass/main.scss */
      .page-confirmation .confirmation .summary ul li {
        background: url(../img/mobile/form-field-line.png) repeat-x;
        background-position: bottom left;
        padding-bottom: 12px; }
        /* line 2661, ../sass/main.scss */
        .page-confirmation .confirmation .summary ul li .title {
          font-family: "HiraKakuProN-W3", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
          font-size: 14px;
          font-size: 1.4rem;
          display: block;
          margin-top: 12px; }
        /* line 2667, ../sass/main.scss */
        .page-confirmation .confirmation .summary ul li .content {
          font-family: "HiraKakuProN-W6", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
          font-size: 14px;
          font-size: 1.4rem;
          display: block;
          margin-top: 8px; }
    /* line 2677, ../sass/main.scss */
    .page-confirmation .confirmation .bottom-text {
      margin-top: 12px;
      font-size: 12px;
      font-size: 1.2rem;
      line-height: 20px;
      line-height: 2rem; }
      /* line 2682, ../sass/main.scss */
      .page-confirmation .confirmation .bottom-text a {
        word-break: keep-all; }
  @media screen and (min-width: 980px) {
    /* line 2616, ../sass/main.scss */
    .page-confirmation {
      background: #6AD9F8 url("../img/confirmation-bg.png") no-repeat;
      background-size: 1279px 941px;
      background-position: top center; }
      /* line 2694, ../sass/main.scss */
      .page-confirmation .confirmation {
        max-width: 980px;
        margin-top: 165px;
        margin-bottom: 50px;
        padding: 48px 160px 120px;
        overflow: hidden; }
        /* line 2700, ../sass/main.scss */
        .page-confirmation .confirmation h1 {
          margin: 0;
          text-align: center; }
          /* line 2703, ../sass/main.scss */
          .page-confirmation .confirmation h1 span {
            font-size: 36px;
            font-size: 3.6rem;
            left: 50%;
            transform: translateX(-50%); }
          /* line 2708, ../sass/main.scss */
          .page-confirmation .confirmation h1:after {
            left: 50%;
            transform: translateX(-50%);
            width: 243px;
            height: 14px;
            bottom: -7px; }
        /* line 2719, ../sass/main.scss */
        .page-confirmation .confirmation .summary ul li {
          overflow: hidden;
          margin-top: 22px;
          padding-bottom: 22px; }
          /* line 2723, ../sass/main.scss */
          .page-confirmation .confirmation .summary ul li .title {
            font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
            font-size: 18px;
            font-size: 1.8rem;
            float: left;
            width: 30%;
            margin-top: 8px; }
          /* line 2730, ../sass/main.scss */
          .page-confirmation .confirmation .summary ul li .content {
            font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
            font-weight: bold;
            font-size: 18px;
            font-size: 1.8rem;
            width: 70%;
            float: left; }
        /* line 2740, ../sass/main.scss */
        .page-confirmation .confirmation .bottom-text {
          margin-left: 30%;
          float: left;
          width: 70%; }
          /* line 2742, ../sass/main.scss */
          .page-confirmation .confirmation .bottom-text p {
            font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
            font-weight: bold;
            font-size: 18px;
            font-size: 1.8rem;
            line-height: 40px;
            line-height: 4rem; }
            /* line 2749, ../sass/main.scss */
            .page-confirmation .confirmation .bottom-text p a {
              color: #2E79D0; } }

/* line 2764, ../sass/main.scss */
.confirmation-section-1 .actions {
  text-align: center;
  padding-bottom: 100px;
  width: 375px;
  margin: 0 auto;
  text-align: center; }
/* line 2772, ../sass/main.scss */
.confirmation-section-1 .btn-submit {
  width: 299px;
  height: 60px;
  cursor: pointer;
  position: relative;
  display: inline-block;
  background: none;
  border: 0;
  color: #333333; }
  /* line 2783, ../sass/main.scss */
  .confirmation-section-1 .btn-submit span {
    display: block;
    font-family: "APJapanesefont";
    font-size: 30px;
    font-size: 3rem;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border: 1px solid black;
    padding: 13px;
    position: absolute;
    top: -3px;
    left: -3px;
    z-index: 1;
    transition: all 0.2s ease; }
  /* line 2799, ../sass/main.scss */
  .confirmation-section-1 .btn-submit::after {
    position: absolute;
    content: "";
    top: 2px;
    left: 2px;
    height: 100%;
    width: 100%;
    z-index: 0;
    background: url(../img/mobile/s7-submit.png) no-repeat;
    transition: all 0.2s ease; }
  /* line 2812, ../sass/main.scss */
  .confirmation-section-1 .btn-submit:hover span {
    top: 0;
    left: 0; }
  /* line 2817, ../sass/main.scss */
  .confirmation-section-1 .btn-submit:hover::after {
    top: 0;
    left: 0; }
/* line 2824, ../sass/main.scss */
.confirmation-section-1 .btn-return {
  width: 299px;
  height: 60px;
  cursor: pointer;
  position: relative;
  display: inline-block;
  background: none;
  border: 0;
  color: #333333;
  margin-top: 26px; }
  /* line 2836, ../sass/main.scss */
  .confirmation-section-1 .btn-return span {
    display: block;
    font-family: "APJapanesefont";
    font-size: 30px;
    font-size: 3rem;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border: 1px solid black;
    padding: 13px;
    position: absolute;
    top: -3px;
    left: -3px;
    z-index: 1;
    transition: all 0.2s ease; }
  /* line 2852, ../sass/main.scss */
  .confirmation-section-1 .btn-return::after {
    position: absolute;
    content: "";
    top: 2px;
    left: 2px;
    height: 100%;
    width: 100%;
    z-index: 0;
    background: #E2E2E2;
    transition: all 0.2s ease; }
  /* line 2865, ../sass/main.scss */
  .confirmation-section-1 .btn-return:hover span {
    top: 0;
    left: 0; }
  /* line 2870, ../sass/main.scss */
  .confirmation-section-1 .btn-return:hover::after {
    top: 0;
    left: 0; }
@media screen and (min-width: 980px) {
  /* line 2878, ../sass/main.scss */
  .confirmation-section-1 .actions {
    padding-bottom: 150px;
    position: relative; }
  /* line 2883, ../sass/main.scss */
  .confirmation-section-1 .frog-celebration {
    position: absolute;
    width: 240px;
    height: 409px;
    top: -200px;
    right: 50%;
    transform: translate(440px); }
    /* line 66, ../sass/_helpers.scss */
    .confirmation-section-1 .frog-celebration i {
      position: absolute;
      top: 0;
      left: 0;
      background: url("../img/frog-celebration.png") no-repeat;
      width: 100%;
      height: 100%;
      z-index: 3;
      background-size: contain; }
  /* line 2888, ../sass/main.scss */
  .confirmation-section-1 .btn-submit {
    width: 364px; }
    /* line 2891, ../sass/main.scss */
    .confirmation-section-1 .btn-submit:after {
      background: #FBF27C url(../img/confirmation-submit.svg) no-repeat;
      background-position: center center; }
  /* line 2897, ../sass/main.scss */
  .confirmation-section-1 .btn-return {
    width: 324px; } }

/* End Confirmation Page */
/* Privacy Page */
/* line 2907, ../sass/main.scss */
.page-privacy {
  background: #6AD9F8;
  padding-bottom: 100px;
  position: relative;
  height: auto; }
  /* line 2913, ../sass/main.scss */
  .page-privacy .privacy-policy {
    width: 100%;
    max-width: 335px;
    margin: 30px auto;
    background: #fff;
    padding: 30px 14px;
    box-sizing: border-box;
    border: 1px solid black;
    border-radius: 12px; }
    /* line 2924, ../sass/main.scss */
    .page-privacy .privacy-policy h1 img {
      width: 196px;
      padding-left: 70px; }
    /* line 2930, ../sass/main.scss */
    .page-privacy .privacy-policy .content {
      max-height: 367px;
      overflow-y: scroll;
      margin-top: 20px; }
      /* line 2934, ../sass/main.scss */
      .page-privacy .privacy-policy .content h2 {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 28px;
        line-height: 2.8rem;
        font-family: "HiraKakuProN-W6";
        margin-top: 50px; }
        /* line 2940, ../sass/main.scss */
        .page-privacy .privacy-policy .content h2:nth-child(1) {
          margin-top: 0; }
      /* line 2944, ../sass/main.scss */
      .page-privacy .privacy-policy .content p {
        font-family: "HiraKakuProN-W3";
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 28px;
        line-height: 2.8rem; }
  /* line 2952, ../sass/main.scss */
  .page-privacy footer.footer {
    position: fixed;
    bottom: 0; }
  @media screen and (min-width: 980px) {
    /* line 2907, ../sass/main.scss */
    .page-privacy {
      background: #6AD9F8 url("../img/confirmation-bg.png") no-repeat;
      background-size: 1279px 941px;
      background-position: top center; }
      /* line 2962, ../sass/main.scss */
      .page-privacy .privacy-policy {
        max-width: 980px;
        margin-top: 165px;
        margin-bottom: 50px;
        padding: 48px 160px 120px;
        overflow: hidden;
        height: 830px; }
.page-privacy .privacy-policy.registration {
    height: auto;
    padding: 60px 160px 120px;
    text-align: center;
}
        /* line 2970, ../sass/main.scss */
        .page-privacy .privacy-policy h1 {
          text-align: center; }
          /* line 2972, ../sass/main.scss */
          .page-privacy .privacy-policy h1 img {
            width: 279px;
            padding-left: 0; }
        /* line 2977, ../sass/main.scss */
        .page-privacy .privacy-policy .content {
          margin-top: 70px;
          max-height: 632px; } }
  @media (max-width: 550px) {

    .page-privacy .privacy-policy.registration {
    text-align: center;
    margin-top: 100px;
    }
  }


/* line 2989, ../sass/main.scss */
.page-thankyou {
  background: #6AD9F8;
  padding-bottom: 100px;
  position: relative;
  height: auto; }
  /* line 2995, ../sass/main.scss */
  .page-thankyou .thankyou {
    width: 100%;
    max-width: 335px;
    margin: 30px auto;
    background: #fff;
    padding: 30px 14px;
    box-sizing: border-box;
    border: 1px solid black;
    border-radius: 12px;
    text-align: center; }
    /* line 3007, ../sass/main.scss */
    .page-thankyou .thankyou img.text1 {
      width: 226px;
      margin-top: 70px; }
    /* line 3011, ../sass/main.scss */
    .page-thankyou .thankyou img.text2 {
      margin-top: 30px;
      width: 187px; }
    /* line 3015, ../sass/main.scss */
    .page-thankyou .thankyou img.frog-gentleman {
      margin-top: 26px;
      width: 180px; }
  /* line 3023, ../sass/main.scss */
  .page-thankyou .thankyou-section-1 {
    text-align: center; }
  /* line 3027, ../sass/main.scss */
  .page-thankyou .btn-back {
    width: 299px;
    height: 60px;
    cursor: pointer;
    position: relative;
    display: inline-block;
    background: none;
    border: 0;
    color: #333333; }
    /* line 3038, ../sass/main.scss */
    .page-thankyou .btn-back span {
      display: block;
      font-family: "APJapanesefont";
      font-size: 30px;
      font-size: 3rem;
      width: 100%;
      height: 100%;
      box-sizing: border-box;
      border: 1px solid black;
      padding: 13px;
      position: absolute;
      top: -3px;
      left: -3px;
      z-index: 1;
      transition: all 0.2s ease; }
    /* line 3054, ../sass/main.scss */
    .page-thankyou .btn-back:after {
      position: absolute;
      content: "";
      top: 2px;
      left: 2px;
      height: 100%;
      width: 100%;
      z-index: 0;
      background: #FBF27C url(../img/mobile/btn-back.png) no-repeat;
      background-position: center center;
      background-size: 195px 23px;
      transition: all 0.2s ease; }
    /* line 3069, ../sass/main.scss */
    .page-thankyou .btn-back:hover span {
      top: 0;
      left: 0; }
    /* line 3074, ../sass/main.scss */
    .page-thankyou .btn-back:hover::after {
      top: 0;
      left: 0; }
  /* line 3081, ../sass/main.scss */
  .page-thankyou footer.footer {
    position: fixed;
    bottom: 0; }
  @media screen and (min-width: 980px) {
    /* line 2989, ../sass/main.scss */
    .page-thankyou {
      background: #6AD9F8 url("../img/confirmation-bg.png") no-repeat;
      background-size: 1279px 941px;
      background-position: top center; }
      /* line 3091, ../sass/main.scss */
      .page-thankyou .thankyou {
        max-width: 980px;
        margin-top: 165px;
        margin-bottom: 50px;
        padding: 0 0 120px;
        overflow: hidden; }
        /* line 3099, ../sass/main.scss */
        .page-thankyou .thankyou img.bg {
          width: 910px;
          margin: 50px auto 0;
          display: block; }
        /* line 3104, ../sass/main.scss */
        .page-thankyou .thankyou img.title {
          width: 560px;
          margin: 73px auto 0;
          display: block; }
        /* line 3109, ../sass/main.scss */
        .page-thankyou .thankyou img.text3 {
          width: 410px;
          margin: 30px auto 0;
          display: block; }
        /* line 3114, ../sass/main.scss */
        .page-thankyou .thankyou img.frog-gentleman {
          width: 280px;
          margin: 26px auto 0;
          display: block; }
        /* line 3121, ../sass/main.scss */
        .page-thankyou .thankyou .content {
          margin-top: 70px;
          max-height: 632px; }
      /* line 3127, ../sass/main.scss */
      .page-thankyou .btn-back {
        width: 364px; }
        /* line 3130, ../sass/main.scss */
        .page-thankyou .btn-back:after {
          background: #FBF27C url(../img/confirmation-submit.svg) no-repeat;
          background-position: center center; } }

/* 保護者を選択したらactiveに */
.children.active {
    display: block;
}
.children {
    display: none;
}


/*もっと見るボタン*/

.btn_more a {

    width: 299px;
    height: 60px;
    cursor: pointer;
    position: relative;
    display: inline-block;
    background: none;
    border: 0;
    color: #333333;
}

.btn_more a:after{
    position: absolute;
    content: "";
    top: 2px;
    left: 2px;
    height: 100%;
    width: 100%;
    z-index: 0;
    background: url(../img/mobile/s7-submit.png) no-repeat;
    transition: all 0.2s ease;
  }

@media screen and (min-width: 980px) {
  .btn_more a {
    width: 358px;
    height: 66px;
  }

  .btn_more a:after {
    background: #FBF27C url(../img/s7-submit.svg) no-repeat;
    background-position: center center;
  }
}

.btn_more {
    background: none;
    position: relative;
    padding: 35px 0;
    text-align: center;
    clear: both;
    /* background: url(../img/mobile/triangle-2b-bg.svg) no-repeat; */
    /* background-position: center center; */
}

.btn_more span {
    display: block;
    font-family: "APJapanesefont";
    font-size: 30px;
    font-size: 3rem;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border: 1px solid black;
    padding: 13px;
    position: absolute;
    top: -3px;
    left: -3px;
    z-index: 1;
    transition: all 0.2s ease;
}