@charset "UTF-8";
/* line 2, style_general_sns.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 {
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  margin: 0;
  padding: 0; }

/* line 2, style_general_sns.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

/* line 2, style_general_sns.scss */
body {
  line-height: 1; }

/* line 2, style_general_sns.scss */
ol, ul {
  list-style: none; }

/* line 2, style_general_sns.scss */
blockquote, q {
  quotes: none; }

/* line 2, style_general_sns.scss */
blockquote:before, blockquote:after, q:before, q:after {
  content: none; }

/* line 2, style_general_sns.scss */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/* line 4, style_general_sns.scss */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden; }

/* line 12, style_general_sns.scss */
.clearfix {
  display: inline-block; }

/* Hides from IE Mac */
/* line 14, style_general_sns.scss */
* html .clearfix {
  height: 1%; }

/* line 15, style_general_sns.scss */
.clearfix {
  display: block; }

/* ---------- 初期 ---------- */
/* line 18, style_general_sns.scss */
body {
  letter-spacing: 0;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
  -webkit-text-size-adjust: 100%; }

/* line 19, style_general_sns.scss */
img {
  width: 100%;
  max-width: 100%;
  height: auto;
  line-height: 0;
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-touch-callout: none;
  -moz-user-select: none;
  user-select: none; }

/* line 24, style_general_sns.scss */
a {
  text-decoration: none; }

/* line 25, style_general_sns.scss */
strong {
  font-weight: bold; }

/* ---------- /共通部分 ---------- */
/* line 27, style_general_sns.scss */
#jougetyuou {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  margin: auto; }

/* line 28, style_general_sns.scss */
#kadomaru {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px; }

/* line 29, style_general_sns.scss */
#resbtn {
  -webkit-appearance: none; }

/* line 30, style_general_sns.scss */
.ancr {
  position: relative;
  transition: 0.5s; }

/* line 31, style_general_sns.scss */
.anca {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 10;
  cursor: pointer; }

/* line 32, style_general_sns.scss */
.ancr:hover {
  opacity: 0.75;
  transition: 0.5s;
  cursor: pointer; }

/* ---------- /参考タグ部分 ---------- */
/*フォント*/
/* line 37, style_general_sns.scss */
.roboto {
  font-family: "Roboto", sans-serif; }

/* line 38, style_general_sns.scss */
.lato {
  font-family: "Lato", sans-serif; }

/* line 39, style_general_sns.scss */
.notosans {
  font-family: "Noto Sans JP", sans-serif; }

/* PC */
@media screen and (min-width: 798px) {
  /* line 45, style_general_sns.scss */
  .sponly {
    display: none !important; }

  /* line 49, style_general_sns.scss */
  header {
    width: 100%;
    background: #80D7D7; }
    /* line 52, style_general_sns.scss */
    header .header_inner {
      width: 87.5%;
      margin: 0 auto;
      padding: 32px 2.13% 32px 2.13%;
      box-sizing: border-box;
      display: flex;
      justify-content: space-between; }
      /* line 59, style_general_sns.scss */
      header .header_inner .logo {
        width: 195px; }
      /* line 62, style_general_sns.scss */
      header .header_inner .header_btn {
        width: 397px;
        display: flex;
        justify-content: space-between; }
        /* line 66, style_general_sns.scss */
        header .header_inner .header_btn a {
          display: block;
          font-size: 17px;
          font-weight: 900;
          text-align: center;
          box-sizing: border-box;
          border-radius: 37px;
          transition: 0.3s; }
          /* line 74, style_general_sns.scss */
          header .header_inner .header_btn a:hover {
            opacity: 0.8; }
          /* line 77, style_general_sns.scss */
          header .header_inner .header_btn a.login {
            width: 148px;
            height: 43px;
            line-height: 39px;
            color: #2D2C31;
            border: solid 2px #2D2C31; }
          /* line 84, style_general_sns.scss */
          header .header_inner .header_btn a.signin {
            width: 234px;
            height: 43px;
            line-height: 43px;
            color: #fff;
            background: #2D2C31; }

  /* line 96, style_general_sns.scss */
  #navArea {
    position: relative; }

  /*ハンバーガー メニュー*/
  /* line 98, style_general_sns.scss */
  nav.hum {
    display: block;
    position: fixed;
    top: 0;
    right: -100vw;
    bottom: 0;
    width: 553px;
    height: auto;
    /*overflow-x: hidden;
    overflow-y: auto;*/
    -webkit-overflow-scrolling: touch;
    transition: all .5s;
    z-index: 21;
    opacity: 1; }
    /* line 112, style_general_sns.scss */
    nav.hum .bg {
      width: 100%;
      box-sizing: border-box;
      background: rgba(245, 188, 49, 0.9);
      border: solid 3px #000;
      border-radius: 20px 0 20px 20px; }
      /* line 118, style_general_sns.scss */
      nav.hum .bg .hum_inner {
        width: 100%;
        padding: 142px 0 50px; }
        /* line 121, style_general_sns.scss */
        nav.hum .bg .hum_inner .hum_btn {
          width: 397px;
          margin: 0 0 67px 40px;
          display: flex;
          justify-content: space-between; }
          /* line 126, style_general_sns.scss */
          nav.hum .bg .hum_inner .hum_btn a {
            display: block;
            font-size: 17px;
            font-weight: 900;
            text-align: center;
            box-sizing: border-box;
            border-radius: 37px; }
            /* line 133, style_general_sns.scss */
            nav.hum .bg .hum_inner .hum_btn a.login {
              width: 148px;
              height: 43px;
              line-height: 39px;
              color: #2D2C31;
              border: solid 2px #2D2C31; }
            /* line 140, style_general_sns.scss */
            nav.hum .bg .hum_inner .hum_btn a.signin {
              width: 234px;
              height: 43px;
              line-height: 43px;
              color: #fff;
              background: #2D2C31; }
        /* line 149, style_general_sns.scss */
        nav.hum .bg .hum_inner ul {
          margin: 0 0 60px 88px; }
          /* line 151, style_general_sns.scss */
          nav.hum .bg .hum_inner ul li {
            font-size: 18px;
            letter-spacing: 0.04em;
            line-height: 1.5em;
            font-weight: bold;
            margin-bottom: 25px; }
            /* line 157, style_general_sns.scss */
            nav.hum .bg .hum_inner ul li:last-child {
              margin-bottom: 0; }
            /* line 160, style_general_sns.scss */
            nav.hum .bg .hum_inner ul li a {
              display: inline-block;
              color: #2D2C31; }
        /* line 166, style_general_sns.scss */
        nav.hum .bg .hum_inner .hum_qrcode {
          width: 371px;
          margin: 0 auto;
          padding: 26px 31px 21px;
          box-sizing: border-box;
          border: solid 3px #000;
          border-radius: 20px;
          background: #fff; }
          /* line 174, style_general_sns.scss */
          nav.hum .bg .hum_inner .hum_qrcode .qr_box {
            display: flex;
            justify-content: space-between;
            align-items: center; }
            /* line 178, style_general_sns.scss */
            nav.hum .bg .hum_inner .hum_qrcode .qr_box a {
              display: block;
              line-height: 0;
              transition: 0.3s;
              pointer-events: none; }
              /* line 183, style_general_sns.scss */
              nav.hum .bg .hum_inner .hum_qrcode .qr_box a:hover {
                opacity: 0.8; }
            /* line 187, style_general_sns.scss */
            nav.hum .bg .hum_inner .hum_qrcode .qr_box.app {
              margin-bottom: 15px; }
              /* line 189, style_general_sns.scss */
              nav.hum .bg .hum_inner .hum_qrcode .qr_box.app a {
                width: 187px; }
            /* line 194, style_general_sns.scss */
            nav.hum .bg .hum_inner .hum_qrcode .qr_box.google a {
              width: 224px; }
            /* line 198, style_general_sns.scss */
            nav.hum .bg .hum_inner .hum_qrcode .qr_box .qr_img {
              width: 67px;
              line-height: 0; }

  /* line 208, style_general_sns.scss */
  .open nav.hum {
    right: 0;
    opacity: 1; }

  /*============
  .toggle_btn
  =============*/
  /* line 216, style_general_sns.scss */
  .toggle_btn {
    display: block;
    position: fixed;
    top: 39px;
    right: 40px;
    width: 45px;
    height: 35px;
    transition: all .5s;
    cursor: pointer;
    z-index: 23; }

  /* line 227, style_general_sns.scss */
  .toggle_btn span {
    display: block;
    position: absolute;
    right: 0;
    width: 45px;
    height: 6px;
    background-color: #000;
    transition: all .5s;
    border-radius: 100px; }

  /* line 237, style_general_sns.scss */
  .toggle_btn span:nth-of-type(1) {
    top: 0; }

  /* line 240, style_general_sns.scss */
  .toggle_btn span:nth-of-type(2) {
    top: 11px; }

  /* line 243, style_general_sns.scss */
  .toggle_btn span:nth-of-type(3) {
    top: 22px; }

  /* line 246, style_general_sns.scss */
  .open .toggle_btn span:nth-of-type(1) {
    -webkit-transform: translateY(11px) rotate(-330deg);
    transform: translateY(11px) rotate(-330deg); }

  /* line 250, style_general_sns.scss */
  .open .toggle_btn span:nth-of-type(2) {
    opacity: 0; }

  /* line 253, style_general_sns.scss */
  .open .toggle_btn span:nth-of-type(3) {
    -webkit-transform: translateY(-11px) rotate(330deg);
    transform: translateY(-11px) rotate(330deg); }

  /*============
  #mask
  =============*/
  /* line 260, style_general_sns.scss */
  #mask {
    display: none;
    transition: all .5s; }

  /* line 264, style_general_sns.scss */
  .open #mask {
    display: block;
    transition: all .5s;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100vh;
    z-index: 20; }

  /* line 269, style_general_sns.scss */
  main {
    overflow: hidden; }

  /* line 273, style_general_sns.scss */
  #mv {
    width: 100%;
    background: url("../img/index_re/mv_bg.jpg") no-repeat center;
    background-size: cover; }
    /* line 277, style_general_sns.scss */
    #mv .inner {
      width: 95%;
      max-width: 1020px;
      margin: 0 auto;
      padding: 0 0 60px; }
      /* line 282, style_general_sns.scss */
      #mv .inner .mv_img {
        width: 100%;
        margin-bottom: 19px;
        position: relative; }
        /* line 286, style_general_sns.scss */
        #mv .inner .mv_img img {
          filter: drop-shadow(10px 13px 0 #30A9A9); }
        /* line 289, style_general_sns.scss */
        #mv .inner .mv_img .mv_icon {
          width: 21.176%;
          position: absolute;
          right: -53px;
          bottom: -14px; }
          /* line 294, style_general_sns.scss */
          #mv .inner .mv_img .mv_icon img {
            filter: none !important; }
      /* line 299, style_general_sns.scss */
      #mv .inner .btnarea {
        width: 100%;
        padding: 17px 5.39% 17px 4.31%;
        box-sizing: border-box;
        background: #fff;
        border: solid 3px #2D2C31;
        border-radius: 30px;
        display: flex;
        justify-content: flex-start;
        filter: drop-shadow(10px 13px 0 #30A9A9); }
        /* line 309, style_general_sns.scss */
        #mv .inner .btnarea a {
          display: block;
          width: 100%;
          line-height: 0;
          transition: 0.3s; }
          /* line 314, style_general_sns.scss */
          #mv .inner .btnarea a:hover {
            opacity: 0.8; }
        /* line 318, style_general_sns.scss */
        #mv .inner .btnarea .mv_btn {
          width: 35.191%;
          position: relative;
          /*margin-right: 7.49%;*/
          margin-right: 8.4%;
          padding-top: 3px; }
          /* line 324, style_general_sns.scss */
          #mv .inner .btnarea .mv_btn .mv_btn_img {
            filter: drop-shadow(7px 10px 0 rgba(0, 0, 0, 0.25)); }
          /* line 327, style_general_sns.scss */
          #mv .inner .btnarea .mv_btn .mv_btn_icon {
            width: 14.78%;
            position: absolute;
            top: -3.11%;
            left: 7.26%; }
        /* line 334, style_general_sns.scss */
        #mv .inner .btnarea .app {
          width: 25.355%;
          display: flex;
          justify-content: space-between;
          margin-right: 2.099%;
          padding-top: 4px; }
          /* line 340, style_general_sns.scss */
          #mv .inner .btnarea .app a {
            width: 70.31%;
            pointer-events: none; }
          /* line 344, style_general_sns.scss */
          #mv .inner .btnarea .app .qrcode {
            width: 26.06%; }
        /* line 348, style_general_sns.scss */
        #mv .inner .btnarea .google {
          width: 28.861%;
          display: flex;
          justify-content: space-between;
          align-items: center; }
          /* line 353, style_general_sns.scss */
          #mv .inner .btnarea .google a {
            width: 74.24%;
            pointer-events: none; }
          /* line 357, style_general_sns.scss */
          #mv .inner .btnarea .google .qrcode {
            width: 22.2%; }

  /* line 365, style_general_sns.scss */
  #corp {
    width: 100%;
    max-width: 100%;
    padding: 70px 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column; }
    /* line 373, style_general_sns.scss */
    #corp .ttlarea {
      width: 1000px;
      max-width: 100%;
      text-align: center; }
      /* line 377, style_general_sns.scss */
      #corp .ttlarea .ttl {
        font-size: 30px;
        letter-spacing: 0;
        line-height: 1.4em;
        color: #157577;
        font-weight: 700;
        font-family: 'Hiragino Sans', sans-serif; }
        /* line 384, style_general_sns.scss */
        #corp .ttlarea .ttl span {
          font-size: 14px; }
      /* line 388, style_general_sns.scss */
      #corp .ttlarea .small {
        width: 700px;
        max-width: 100%;
        margin: 0 auto;
        color: #157577;
        font-size: 16px;
        line-height: 1.5em;
        font-weight: 600;
        font-family: 'Hiragino Sans', sans-serif;
        text-align: right; }
    /* line 400, style_general_sns.scss */
    #corp .corp_cont {
      width: 1280px;
      max-width: calc(100% - 80px);
      margin: 20px 40px 0;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-wrap: wrap; }
      /* line 408, style_general_sns.scss */
      #corp .corp_cont .corp_icon {
        width: auto;
        max-width: calc(100% - 24px);
        height: 33px;
        margin: 12px 12px 0;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column; }
        /* line 417, style_general_sns.scss */
        #corp .corp_cont .corp_icon img {
          width: auto;
          height: 100%; }
        /* line 422, style_general_sns.scss */
        #corp .corp_cont .corp_icon.icon01 img {
          height: 41px; }
        /* line 427, style_general_sns.scss */
        #corp .corp_cont .corp_icon.icon04 img {
          width: 72px;
          height: auto; }
        /* line 432, style_general_sns.scss */
        #corp .corp_cont .corp_icon.icon05 {
          height: 40px; }
        /* line 435, style_general_sns.scss */
        #corp .corp_cont .corp_icon.icon11 {
          height: 28px; }
        /* line 438, style_general_sns.scss */
        #corp .corp_cont .corp_icon.icon12 {
          height: 35px; }
        /* line 441, style_general_sns.scss */
        #corp .corp_cont .corp_icon.icon13 {
          height: 35px; }
        /* line 444, style_general_sns.scss */
        #corp .corp_cont .corp_icon.icon14 {
          height: 26px; }
          /* line 446, style_general_sns.scss */
          #corp .corp_cont .corp_icon.icon14 img {
            height: 22px; }
        /* line 450, style_general_sns.scss */
        #corp .corp_cont .corp_icon.icon15 {
          height: 26px; }
        /* line 453, style_general_sns.scss */
        #corp .corp_cont .corp_icon.icon16 {
          height: 26px; }
        /* line 456, style_general_sns.scss */
        #corp .corp_cont .corp_icon.icon17 {
          height: 26px; }

  /* line 464, style_general_sns.scss */
  #about .bg {
    width: 100%;
    background: url("../img/index_re/about_bg.png") no-repeat center bottom;
    background-size: 1920px auto; }
    /* line 468, style_general_sns.scss */
    #about .bg .inner {
      width: 95%;
      max-width: 850px;
      margin: 0 auto;
      /*padding: 62px 0 125px;*/
      padding: 0 0 125px; }
      /* line 474, style_general_sns.scss */
      #about .bg .inner h2 {
        width: 516px;
        margin: 0 auto 12px; }
      /* line 478, style_general_sns.scss */
      #about .bg .inner h3 {
        font-size: 20px;
        letter-spacing: 0.05em;
        line-height: 1.5em;
        font-weight: 900;
        color: #2D2C31;
        text-align: center;
        margin-bottom: 53px; }
    /* line 488, style_general_sns.scss */
    #about .bg .about_box {
      display: flex;
      justify-content: space-between;
      align-items: flex-start; }
      /* line 492, style_general_sns.scss */
      #about .bg .about_box .about_box_txt {
        width: 39.411%;
        padding-top: 13px; }
        /* line 495, style_general_sns.scss */
        #about .bg .about_box .about_box_txt h4 {
          font-size: 27px;
          letter-spacing: 0.04em;
          line-height: 1.6em;
          font-weight: 900;
          color: #309DA4;
          margin-bottom: 10px; }
        /* line 503, style_general_sns.scss */
        #about .bg .about_box .about_box_txt .txt {
          font-size: 16px;
          letter-spacing: 0.04em;
          line-height: 2em;
          font-weight: bold;
          color: #2D2C31;
          box-sizing: border-box;
          padding-left: 16px; }
      /* line 513, style_general_sns.scss */
      #about .bg .about_box .about_box_img {
        width: 60%; }

  /*1920px以上のレスポンシブ*/ }
@media screen and (min-width: 798px) and (min-width: 1920px) {
  /* line 522, style_general_sns.scss */
  #about .bg {
    background-size: 100% auto; } }
@media screen and (min-width: 798px) {
  /* line 528, style_general_sns.scss */
  #feature {
    padding-top: 30px;
    margin-top: -30px; }
    /* line 531, style_general_sns.scss */
    #feature .bg {
      width: 100%;
      background: url("../img/index_re/feature_bg.png") no-repeat center;
      background-size: cover; }
      /* line 535, style_general_sns.scss */
      #feature .bg .inner {
        width: 95%;
        max-width: 792px;
        margin: 0 auto;
        padding: 130px 0 120px;
        position: relative; }
        /* line 541, style_general_sns.scss */
        #feature .bg .inner .ttlarea {
          width: 100%;
          text-align: center;
          position: absolute;
          top: -23px;
          left: 0; }
          /* line 547, style_general_sns.scss */
          #feature .bg .inner .ttlarea h2 {
            width: 225px;
            margin: 0 auto 12px; }
          /* line 551, style_general_sns.scss */
          #feature .bg .inner .ttlarea h3 {
            font-size: 20px;
            letter-spacing: 0.05em;
            line-height: 1.5em;
            font-weight: 900;
            color: #2D2C31; }
        /* line 560, style_general_sns.scss */
        #feature .bg .inner .feature_cont .feature_box {
          display: flex;
          justify-content: space-between;
          align-items: center; }
          /* line 564, style_general_sns.scss */
          #feature .bg .inner .feature_cont .feature_box .feature_box_txt {
            width: 40.4%;
            box-sizing: border-box;
            padding: 61px 26px 35px;
            border: solid 3px #2D2C31;
            background: #fff;
            position: relative; }
            /* line 571, style_general_sns.scss */
            #feature .bg .inner .feature_cont .feature_box .feature_box_txt::before {
              position: absolute;
              content: "";
              width: 3px;
              height: 100%;
              right: -11px;
              top: 11px;
              background: #2D2C31;
              border-radius: 100px 100px 0 0; }
            /* line 581, style_general_sns.scss */
            #feature .bg .inner .feature_cont .feature_box .feature_box_txt::after {
              position: absolute;
              content: "";
              width: 100%;
              height: 3px;
              right: -11px;
              bottom: -11px;
              background: #2D2C31;
              border-radius: 100px 0 0 100px; }
            /* line 591, style_general_sns.scss */
            #feature .bg .inner .feature_cont .feature_box .feature_box_txt .feature_box_clip {
              width: 36px;
              line-height: 0;
              position: absolute;
              left: 7px;
              top: -29px; }
            /* line 598, style_general_sns.scss */
            #feature .bg .inner .feature_cont .feature_box .feature_box_txt h4 {
              font-size: 21px;
              letter-spacing: 0.04em;
              line-height: 1.4em;
              font-weight: 900;
              color: #309DA4;
              margin-bottom: 12px;
              position: relative;
              z-index: 2; }
              /* line 607, style_general_sns.scss */
              #feature .bg .inner .feature_cont .feature_box .feature_box_txt h4 span {
                display: inline-block;
                color: #2D2C31; }
                /* line 610, style_general_sns.scss */
                #feature .bg .inner .feature_cont .feature_box .feature_box_txt h4 span.big {
                  font-size: 25px; }
                /* line 613, style_general_sns.scss */
                #feature .bg .inner .feature_cont .feature_box .feature_box_txt h4 span.coron {
                  font-size: 36px; }
            /* line 618, style_general_sns.scss */
            #feature .bg .inner .feature_cont .feature_box .feature_box_txt .txt {
              font-size: 14px;
              letter-spacing: 0.04em;
              line-height: 2em;
              font-weight: bold;
              color: #2D2C31;
              box-sizing: border-box;
              position: relative;
              z-index: 2; }
          /* line 629, style_general_sns.scss */
          #feature .bg .inner .feature_cont .feature_box .feature_box_img {
            width: 52.02%; }
          /* line 632, style_general_sns.scss */
          #feature .bg .inner .feature_cont .feature_box.box01 {
            margin-bottom: 72px; }
            /* line 635, style_general_sns.scss */
            #feature .bg .inner .feature_cont .feature_box.box01 .feature_box_txt .feature_box_icon {
              width: 68px;
              line-height: 0;
              position: absolute;
              right: 0;
              bottom: 0;
              z-index: 3; }
          /* line 645, style_general_sns.scss */
          #feature .bg .inner .feature_cont .feature_box.box02 {
            flex-direction: row-reverse;
            margin-bottom: 72px; }
            /* line 649, style_general_sns.scss */
            #feature .bg .inner .feature_cont .feature_box.box02 .feature_box_txt .feature_box_icon {
              width: 79px;
              line-height: 0;
              position: absolute;
              right: -34px;
              bottom: -63px;
              z-index: 3; }
          /* line 659, style_general_sns.scss */
          #feature .bg .inner .feature_cont .feature_box.box03 {
            align-items: flex-end; }
            /* line 661, style_general_sns.scss */
            #feature .bg .inner .feature_cont .feature_box.box03 .feature_box_txt {
              margin-bottom: 20px; }

  /* line 671, style_general_sns.scss */
  .banner {
    width: 100%;
    margin-top: -1px; }
    /* line 674, style_general_sns.scss */
    .banner .inner {
      width: 95%;
      max-width: 1000px;
      margin: 0 auto;
      position: relative; }
      /* line 679, style_general_sns.scss */
      .banner .inner .ttlarea {
        width: 100%;
        position: absolute;
        left: 0;
        top: -24px;
        text-align: center; }
        /* line 685, style_general_sns.scss */
        .banner .inner .ttlarea h2 {
          width: 296px;
          margin: 0 auto;
          line-height: 0; }
        /* line 690, style_general_sns.scss */
        .banner .inner .ttlarea h3 {
          font-size: 20px;
          letter-spacing: 0.04em;
          line-height: 1.5em;
          font-weight: bold;
          color: #2D2C31; }
      /* line 698, style_general_sns.scss */
      .banner .inner .banner_btn {
        width: 580px;
        margin: 0 auto; }
        /* line 701, style_general_sns.scss */
        .banner .inner .banner_btn a {
          display: block;
          width: 100%;
          line-height: 0;
          position: relative;
          transition: 0.3s; }
          /* line 707, style_general_sns.scss */
          .banner .inner .banner_btn a:hover {
            opacity: 0.8; }
          /* line 710, style_general_sns.scss */
          .banner .inner .banner_btn a .banner_btn_img {
            filter: drop-shadow(7px 10px 0 rgba(0, 0, 0, 0.25)); }
          /* line 713, style_general_sns.scss */
          .banner .inner .banner_btn a .banner_btn_icon {
            width: 85px;
            position: absolute;
            top: -12px;
            left: 42px; }
    /* line 722, style_general_sns.scss */
    .banner.banner01 {
      background: url("../img/index_re/banner_bg_01.png") no-repeat center bottom;
      background-size: cover; }
      /* line 725, style_general_sns.scss */
      .banner.banner01 .inner {
        padding: 129px 0; }
        /* line 727, style_general_sns.scss */
        .banner.banner01 .inner h3 {
          margin-top: 12px; }
    /* line 732, style_general_sns.scss */
    .banner.banner02 {
      background: url("../img/index_re/banner_bg_02.png") no-repeat center bottom;
      background-size: cover; }
      /* line 735, style_general_sns.scss */
      .banner.banner02 .inner {
        padding: 219px 0 129px; }
        /* line 737, style_general_sns.scss */
        .banner.banner02 .inner h3 {
          font-size: 29px;
          margin-top: 91px; }

  /* line 745, style_general_sns.scss */
  #more {
    padding-top: 130px;
    margin-top: -130px; }
    /* line 752, style_general_sns.scss */
    #more .bg {
      width: 100%;
      background: url("../img/index_re/more_bg.png") no-repeat center;
      background-size: cover; }
      /* line 756, style_general_sns.scss */
      #more .bg .inner {
        width: 95%;
        max-width: 1000px;
        margin: 0 auto;
        padding: 168px 0 175px;
        position: relative; }
        /* line 762, style_general_sns.scss */
        #more .bg .inner .ttlarea {
          width: 100%;
          text-align: center;
          position: absolute;
          top: -23px;
          left: 0; }
          /* line 768, style_general_sns.scss */
          #more .bg .inner .ttlarea h2 {
            width: 353px;
            margin: 0 auto 12px; }
          /* line 772, style_general_sns.scss */
          #more .bg .inner .ttlarea h3 {
            font-size: 20px;
            letter-spacing: 0.05em;
            line-height: 1.5em;
            font-weight: 900;
            color: #2D2C31; }
        /* line 780, style_general_sns.scss */
        #more .bg .inner .more_cont {
          width: 100%; }
          /* line 782, style_general_sns.scss */
          #more .bg .inner .more_cont .more_box {
            width: 100%;
            padding-bottom: 54px;
            background: url("../img/index_re/more_box_bg.png") no-repeat center bottom;
            background-size: 100% 100%; }
            /* line 787, style_general_sns.scss */
            #more .bg .inner .more_cont .more_box.read {
              margin-bottom: 91px; }
            /* line 790, style_general_sns.scss */
            #more .bg .inner .more_cont .more_box .more_box_head {
              width: 100%;
              height: 40px;
              box-sizing: border-box;
              border: solid 2px #309DA4;
              background-color: #FFE6A6;
              background-repeat: no-repeat;
              background-position: center top 7px;
              margin-bottom: 34px; }
              /* line 799, style_general_sns.scss */
              #more .bg .inner .more_cont .more_box .more_box_head.read {
                background-image: url("../img/index_re/more_box_head_label_01.png");
                background-size: 1023px 26px; }
              /* line 803, style_general_sns.scss */
              #more .bg .inner .more_cont .more_box .more_box_head.register {
                background-image: url("../img/index_re/more_box_head_label_02.png");
                background-size: 1227px 26px; }
            /* line 808, style_general_sns.scss */
            #more .bg .inner .more_cont .more_box .more_box_ttl {
              margin: 0 auto 30px; }
              /* line 810, style_general_sns.scss */
              #more .bg .inner .more_cont .more_box .more_box_ttl.read {
                width: 378px; }
              /* line 813, style_general_sns.scss */
              #more .bg .inner .more_cont .more_box .more_box_ttl.register {
                width: 291px; }
            /* line 817, style_general_sns.scss */
            #more .bg .inner .more_cont .more_box .more_box_txt {
              font-size: 14px;
              letter-spacing: 0.04em;
              line-height: 2em;
              font-weight: bold;
              color: #2D2C31;
              text-align: center;
              margin-bottom: 30px; }
            /* line 826, style_general_sns.scss */
            #more .bg .inner .more_cont .more_box .more_box_slider_ttl {
              font-size: 15px;
              letter-spacing: 0.09em;
              font-weight: bold;
              color: #309DA4;
              text-align: center;
              margin-bottom: 19px; }
              /* line 833, style_general_sns.scss */
              #more .bg .inner .more_cont .more_box .more_box_slider_ttl span {
                display: inline-block;
                line-height: 1.46em;
                border-bottom: solid 2px #309DA4; }
            /* line 839, style_general_sns.scss */
            #more .bg .inner .more_cont .more_box .more_box_slider {
              width: 99.6%;
              margin: 0 auto 40px; }
              /* line 842, style_general_sns.scss */
              #more .bg .inner .more_cont .more_box .more_box_slider a {
                display: block;
                line-height: 0;
                margin: 0 10px; }
              /* line 847, style_general_sns.scss */
              #more .bg .inner .more_cont .more_box .more_box_slider .prev-arrow {
                width: 13px;
                height: 17px;
                position: absolute;
                bottom: -3.5px;
                left: 40%;
                z-index: 10;
                cursor: pointer;
                pointer-events: all !important;
                user-select: all !important; }
              /* line 858, style_general_sns.scss */
              #more .bg .inner .more_cont .more_box .more_box_slider .next-arrow {
                width: 13px;
                height: 17px;
                position: absolute;
                bottom: -3.5px;
                right: 40%;
                z-index: 10;
                cursor: pointer;
                pointer-events: all !important;
                user-select: all !important; }
              /* line 869, style_general_sns.scss */
              #more .bg .inner .more_cont .more_box .more_box_slider .slide-dots {
                text-align: center;
                margin-top: 37px;
                position: relative;
                z-index: 1; }
                /* line 874, style_general_sns.scss */
                #more .bg .inner .more_cont .more_box .more_box_slider .slide-dots li {
                  display: inline-block;
                  width: 9px;
                  height: 9px;
                  border: solid 1px #000;
                  border-radius: 100%;
                  margin: 0 8.5px;
                  background: #E5E5E5; }
                  /* line 882, style_general_sns.scss */
                  #more .bg .inner .more_cont .more_box .more_box_slider .slide-dots li.slick-active {
                    background: #F5BC31; }
                  /* line 885, style_general_sns.scss */
                  #more .bg .inner .more_cont .more_box .more_box_slider .slide-dots li button {
                    display: block;
                    width: 9px;
                    height: 9px;
                    font-size: 0;
                    border: none;
                    background: none;
                    padding: 0;
                    cursor: pointer; }
            /* line 898, style_general_sns.scss */
            #more .bg .inner .more_cont .more_box .more_box_btn {
              width: 302px;
              margin: 0 auto; }
              /* line 901, style_general_sns.scss */
              #more .bg .inner .more_cont .more_box .more_box_btn a {
                display: block;
                width: 100%;
                line-height: 0; }

  /* line 913, style_general_sns.scss */
  #voice {
    padding-top: 30px;
    margin-top: -30px; }
    /* line 916, style_general_sns.scss */
    #voice .bg {
      width: 100%;
      background: url("../img/index_re/voice_bg.png") no-repeat center #FFB1E5;
      background-size: cover; }
      /* line 920, style_general_sns.scss */
      #voice .bg .inner {
        width: 100%;
        margin: 0 auto;
        padding: 171px 0;
        position: relative; }
        /* line 925, style_general_sns.scss */
        #voice .bg .inner .ttlarea {
          width: 321px;
          text-align: center;
          position: absolute;
          top: -23px;
          left: 50%;
          transform: translateX(-50%); }
          /* line 932, style_general_sns.scss */
          #voice .bg .inner .ttlarea h2 {
            width: 321px;
            margin: 0 auto 12px; }
          /* line 936, style_general_sns.scss */
          #voice .bg .inner .ttlarea h3 {
            font-size: 20px;
            letter-spacing: 0.05em;
            line-height: 1.5em;
            font-weight: 900;
            color: #2D2C31; }
          /* line 943, style_general_sns.scss */
          #voice .bg .inner .ttlarea .icon {
            width: 253px;
            position: absolute;
            top: -100px;
            right: -148%; }
        /* line 950, style_general_sns.scss */
        #voice .bg .inner .voice_slider {
          width: 100%; }
          /* line 953, style_general_sns.scss */
          #voice .bg .inner .voice_slider .voice_box {
            margin: 0 1.04vw;
            line-height: 0;
            padding-bottom: 4px; }
            /* line 957, style_general_sns.scss */
            #voice .bg .inner .voice_slider .voice_box a {
              display: block;
              width: 100%;
              line-height: 0;
              transition: 0.3s; }
              /* line 962, style_general_sns.scss */
              #voice .bg .inner .voice_slider .voice_box a:hover {
                opacity: 0.9; }
              /* line 965, style_general_sns.scss */
              #voice .bg .inner .voice_slider .voice_box a img {
                filter: drop-shadow(4px 4px 0 #000); }

  /* line 975, style_general_sns.scss */
  #faq {
    padding-top: 30px;
    margin-top: -30px; }
    /* line 978, style_general_sns.scss */
    #faq .bg {
      width: 100%;
      background: #F7F7F7; }
      /* line 981, style_general_sns.scss */
      #faq .bg .inner {
        width: 95%;
        max-width: 800px;
        margin: 0 auto;
        padding: 129px 0;
        position: relative; }
        /* line 987, style_general_sns.scss */
        #faq .bg .inner .ttlarea {
          width: 100%;
          text-align: center;
          position: absolute;
          top: -23px;
          left: 0; }
          /* line 993, style_general_sns.scss */
          #faq .bg .inner .ttlarea h2 {
            width: 103px;
            margin: 0 auto 12px; }
          /* line 997, style_general_sns.scss */
          #faq .bg .inner .ttlarea h3 {
            font-size: 20px;
            letter-spacing: 0.05em;
            line-height: 1.5em;
            font-weight: 900;
            color: #2D2C31; }
        /* line 1005, style_general_sns.scss */
        #faq .bg .inner .faq_cont {
          width: 100%;
          border-top: solid 2px #309DA4; }
          /* line 1008, style_general_sns.scss */
          #faq .bg .inner .faq_cont .faq_box {
            border-bottom: solid 2px #309DA4; }
            /* line 1010, style_general_sns.scss */
            #faq .bg .inner .faq_cont .faq_box .faq_q_txt {
              font-size: 18px;
              letter-spacing: 0.05em;
              line-height: 1.5em;
              font-weight: 900;
              color: #2D2C31;
              box-sizing: border-box;
              padding: 20px 13px;
              position: relative;
              cursor: pointer; }
              /* line 1020, style_general_sns.scss */
              #faq .bg .inner .faq_cont .faq_box .faq_q_txt::before {
                position: absolute;
                content: "";
                width: 20px;
                height: 4px;
                right: 15px;
                top: 50%;
                transform: translateY(-50%);
                background: #2D2C31; }
              /* line 1030, style_general_sns.scss */
              #faq .bg .inner .faq_cont .faq_box .faq_q_txt::after {
                position: absolute;
                content: "";
                width: 20px;
                height: 4px;
                right: 15px;
                top: 50%;
                transform: translateY(-50%) rotate(-90deg);
                background: #2D2C31;
                transition: 0.3s; }
              /* line 1042, style_general_sns.scss */
              #faq .bg .inner .faq_cont .faq_box .faq_q_txt.open::after {
                transform: translateY(-50%) rotate(0); }
            /* line 1047, style_general_sns.scss */
            #faq .bg .inner .faq_cont .faq_box .faq_a_txt {
              display: none;
              font-size: 16px;
              letter-spacing: 0.05em;
              line-height: 1.5em;
              font-weight: 500;
              color: #2D2C31;
              box-sizing: border-box;
              padding: 0 13px 20px; }
              /* line 1056, style_general_sns.scss */
              #faq .bg .inner .faq_cont .faq_box .faq_a_txt a {
                color: #309DA4;
                text-decoration: underline; }

  /* line 1067, style_general_sns.scss */
  #float_banner {
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    background: #fff;
    z-index: 100;
    translate: 0 100%;
    transition: 0.3s;
    z-index: 10; }
    /* line 1077, style_general_sns.scss */
    #float_banner.fixed {
      translate: none; }
    /* line 1080, style_general_sns.scss */
    #float_banner .inner {
      width: 95%;
      max-width: 958px;
      margin: 0 auto;
      padding: 18px 0; }
      /* line 1085, style_general_sns.scss */
      #float_banner .inner .btnarea {
        width: 100%;
        display: flex;
        justify-content: space-between; }
        /* line 1089, style_general_sns.scss */
        #float_banner .inner .btnarea a {
          display: block;
          width: 100%;
          line-height: 0;
          transition: 0.3s; }
          /* line 1094, style_general_sns.scss */
          #float_banner .inner .btnarea a:hover {
            opacity: 0.8; }
        /* line 1098, style_general_sns.scss */
        #float_banner .inner .btnarea .mv_btn {
          width: 33.611%;
          position: relative;
          padding-top: 5px; }
          /* line 1102, style_general_sns.scss */
          #float_banner .inner .btnarea .mv_btn .mv_btn_img {
            filter: drop-shadow(7px 10px 0 rgba(0, 0, 0, 0.25)); }
          /* line 1105, style_general_sns.scss */
          #float_banner .inner .btnarea .mv_btn .mv_btn_icon {
            width: 15.83%;
            position: absolute;
            top: -3.72%;
            left: 2.48%; }
        /* line 1112, style_general_sns.scss */
        #float_banner .inner .btnarea .app_btn {
          width: 53.821%;
          display: flex;
          justify-content: space-between; }
          /* line 1116, style_general_sns.scss */
          #float_banner .inner .btnarea .app_btn .app {
            width: 45.072%;
            display: flex;
            justify-content: space-between;
            padding-top: 3px; }
            /* line 1121, style_general_sns.scss */
            #float_banner .inner .btnarea .app_btn .app a {
              width: 70.62%;
              pointer-events: none; }
            /* line 1125, style_general_sns.scss */
            #float_banner .inner .btnarea .app_btn .app .qrcode {
              width: 26.06%; }
          /* line 1129, style_general_sns.scss */
          #float_banner .inner .btnarea .app_btn .google {
            width: 51.217%;
            display: flex;
            justify-content: space-between;
            align-items: center; }
            /* line 1134, style_general_sns.scss */
            #float_banner .inner .btnarea .app_btn .google a {
              width: 74.204%;
              pointer-events: none; }
            /* line 1138, style_general_sns.scss */
            #float_banner .inner .btnarea .app_btn .google .qrcode {
              width: 22.194%; }
        /* line 1143, style_general_sns.scss */
        #float_banner .inner .btnarea .open_btn {
          width: 4.279%;
          padding-top: 5px;
          cursor: pointer; }

  /* line 1152, style_general_sns.scss */
  .modal-bg {
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    /* モーダル背景色 */
    opacity: 0;
    display: none;
    transition: opacity 0.5s ease;
    z-index: 20; }
    /* line 1163, style_general_sns.scss */
    .modal-bg.show {
      opacity: 1;
      /* 表示状態 */
      display: block; }

  /* line 1168, style_general_sns.scss */
  .modal {
    width: 553px;
    height: auto;
    z-index: 1000;
    position: fixed;
    top: 0;
    right: 0;
    /* 初期状態は画面外 */
    transform: translate(100%, 0);
    transition: transform 0.5s ease;
    /* モーダルが表示されるときのクラス */ }
    /* line 1178, style_general_sns.scss */
    .modal.show {
      transform: translate(0, 0);
      /* スライドイン位置 */ }
    /* line 1181, style_general_sns.scss */
    .modal .modal-content {
      width: 100%; }
      /* line 1183, style_general_sns.scss */
      .modal .modal-content .modal_inner {
        width: 100%;
        max-width: 100%;
        z-index: 12; }
        /* line 1187, style_general_sns.scss */
        .modal .modal-content .modal_inner .bg {
          width: 100%;
          box-sizing: border-box;
          background: rgba(245, 188, 49, 0.9);
          border: solid 3px #000;
          border-radius: 20px 0 20px 20px;
          position: relative; }
          /* line 1194, style_general_sns.scss */
          .modal .modal-content .modal_inner .bg .hum_inner {
            width: 100%;
            padding: 33px 0 22px; }
            /* line 1197, style_general_sns.scss */
            .modal .modal-content .modal_inner .bg .hum_inner .hum_btn {
              width: 397px;
              margin: 0 0 35px 40px;
              display: flex;
              justify-content: space-between;
              flex-wrap: wrap; }
              /* line 1203, style_general_sns.scss */
              .modal .modal-content .modal_inner .bg .hum_inner .hum_btn a {
                display: block;
                font-size: 17px;
                font-weight: 900;
                text-align: center;
                box-sizing: border-box;
                border-radius: 37px; }
                /* line 1210, style_general_sns.scss */
                .modal .modal-content .modal_inner .bg .hum_inner .hum_btn a.login {
                  width: 148px;
                  height: 43px;
                  line-height: 39px;
                  color: #2D2C31;
                  border: solid 2px #2D2C31; }
                /* line 1217, style_general_sns.scss */
                .modal .modal-content .modal_inner .bg .hum_inner .hum_btn a.signin {
                  width: 234px;
                  height: 43px;
                  line-height: 43px;
                  color: #fff;
                  background: #2D2C31; }
                /* line 1224, style_general_sns.scss */
                .modal .modal-content .modal_inner .bg .hum_inner .hum_btn a.employed {
                  width: 284px;
                  height: 43px;
                  line-height: 39px;
                  color: #2D2C31;
                  border: solid 2px #2D2C31;
                  margin-top: 16px; }
            /* line 1234, style_general_sns.scss */
            .modal .modal-content .modal_inner .bg .hum_inner ul {
              margin: 0 0 30px 80px; }
              /* line 1236, style_general_sns.scss */
              .modal .modal-content .modal_inner .bg .hum_inner ul li {
                font-size: 18px;
                letter-spacing: 0.04em;
                line-height: 1.5em;
                font-weight: 900;
                margin-bottom: 25px; }
                /* line 1242, style_general_sns.scss */
                .modal .modal-content .modal_inner .bg .hum_inner ul li:last-child {
                  margin-bottom: 0; }
                /* line 1245, style_general_sns.scss */
                .modal .modal-content .modal_inner .bg .hum_inner ul li a {
                  display: inline-block;
                  color: #2D2C31; }
            /* line 1251, style_general_sns.scss */
            .modal .modal-content .modal_inner .bg .hum_inner .hum_qrcode {
              width: 371px;
              margin-left: 80px;
              padding: 26px 31px 21px;
              box-sizing: border-box;
              border: solid 3px #000;
              border-radius: 20px;
              background: #fff; }
              /* line 1259, style_general_sns.scss */
              .modal .modal-content .modal_inner .bg .hum_inner .hum_qrcode .qr_box {
                display: flex;
                justify-content: space-between;
                align-items: center; }
                /* line 1263, style_general_sns.scss */
                .modal .modal-content .modal_inner .bg .hum_inner .hum_qrcode .qr_box a {
                  display: block;
                  line-height: 0;
                  transition: 0.3s;
                  pointer-events: none; }
                  /* line 1268, style_general_sns.scss */
                  .modal .modal-content .modal_inner .bg .hum_inner .hum_qrcode .qr_box a:hover {
                    opacity: 0.8; }
                /* line 1272, style_general_sns.scss */
                .modal .modal-content .modal_inner .bg .hum_inner .hum_qrcode .qr_box.app {
                  margin-bottom: 15px; }
                  /* line 1274, style_general_sns.scss */
                  .modal .modal-content .modal_inner .bg .hum_inner .hum_qrcode .qr_box.app a {
                    width: 187px; }
                /* line 1279, style_general_sns.scss */
                .modal .modal-content .modal_inner .bg .hum_inner .hum_qrcode .qr_box.google a {
                  width: 224px; }
                /* line 1283, style_general_sns.scss */
                .modal .modal-content .modal_inner .bg .hum_inner .hum_qrcode .qr_box .qr_img {
                  width: 67px;
                  line-height: 0; }
          /* line 1290, style_general_sns.scss */
          .modal .modal-content .modal_inner .bg .close_btn {
            width: 61px;
            position: absolute;
            right: 19px;
            bottom: 19px;
            cursor: pointer; }

  /* line 1302, style_general_sns.scss */
  footer {
    padding-bottom: 103px;
    width: 100%; }
    /* line 1305, style_general_sns.scss */
    footer .footer_menu {
      text-align: center;
      padding: 100px 0 160px; }
      /* line 1308, style_general_sns.scss */
      footer .footer_menu .logo {
        width: 338px;
        margin: 0 auto 65px; }
      /* line 1312, style_general_sns.scss */
      footer .footer_menu .footer_menu_ttl {
        font-size: 18px;
        letter-spacing: 0.05em;
        line-height: 1.5em;
        font-weight: 900;
        color: #2D2C31;
        margin-bottom: 30px; }
      /* line 1320, style_general_sns.scss */
      footer .footer_menu ul {
        display: flex;
        justify-content: center;
        margin-bottom: 65px; }
        /* line 1324, style_general_sns.scss */
        footer .footer_menu ul li {
          font-size: 12px;
          letter-spacing: 0.05em;
          font-weight: 500;
          margin: 0 12px; }
          /* line 1329, style_general_sns.scss */
          footer .footer_menu ul li a {
            display: block;
            line-height: 1.46em;
            color: #2D2C31; }
      /* line 1336, style_general_sns.scss */
      footer .footer_menu .footer_btn {
        width: 593px;
        margin: 0 auto;
        display: flex;
        justify-content: space-between; }
        /* line 1341, style_general_sns.scss */
        footer .footer_menu .footer_btn .btn {
          width: 284px;
          font-size: 17px;
          letter-spacing: 0;
          font-weight: 900;
          text-align: center; }
          /* line 1347, style_general_sns.scss */
          footer .footer_menu .footer_btn .btn a {
            display: block;
            height: 44px;
            color: #fff;
            line-height: 40px;
            border: solid 2px #309DA4;
            background: #309DA4;
            border-radius: 38px;
            box-sizing: border-box; }
          /* line 1358, style_general_sns.scss */
          footer .footer_menu .footer_btn .btn:last-child a {
            color: #309DA4;
            background: #fff; }
    /* line 1366, style_general_sns.scss */
    footer .footer_business {
      position: relative;
      padding: 76px 0 80px;
      background: #F6F6F6; }
      /* line 1370, style_general_sns.scss */
      footer .footer_business .footer_business_ttl {
        width: 360px;
        position: absolute;
        top: -23px;
        left: 50%;
        transform: translateX(-50%); }
      /* line 1377, style_general_sns.scss */
      footer .footer_business .footer_business_btn {
        width: 447px;
        margin: 0 auto;
        font-size: 23px;
        letter-spacing: 0.05em;
        font-weight: 900;
        text-align: center; }
        /* line 1384, style_general_sns.scss */
        footer .footer_business .footer_business_btn a {
          display: block;
          height: 62px;
          color: #167078;
          line-height: 58px;
          box-sizing: border-box;
          border: solid 2px #167078;
          border-radius: 55px;
          background: url("../img/index_re/footer_btn_icon.png") no-repeat right 21px center;
          background-size: 16px; }
    /* line 1397, style_general_sns.scss */
    footer .footer_btm {
      background: #2D2C31;
      padding: 31px 0; }
      /* line 1400, style_general_sns.scss */
      footer .footer_btm .inner {
        width: 95%;
        max-width: 1338px;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        align-items: center; }
        /* line 1407, style_general_sns.scss */
        footer .footer_btm .inner .footer_btm_logo {
          width: 139px;
          line-height: 0; }
        /* line 1411, style_general_sns.scss */
        footer .footer_btm .inner .footer_btm_right {
          width: 190px;
          display: flex;
          justify-content: space-between;
          align-items: center; }
          /* line 1416, style_general_sns.scss */
          footer .footer_btm .inner .footer_btm_right .footer_sns {
            width: 48px;
            display: flex;
            justify-content: space-between; }
            /* line 1420, style_general_sns.scss */
            footer .footer_btm .inner .footer_btm_right .footer_sns a {
              display: block;
              width: 20px;
              line-height: 0; }
          /* line 1426, style_general_sns.scss */
          footer .footer_btm .inner .footer_btm_right .copyright {
            font-size: 13px;
            letter-spacing: 0.05em;
            line-height: 20px;
            font-weight: 500;
            color: #fff; } }
/* SP */
@media screen and (max-width: 797px) {
  /* line 1442, style_general_sns.scss */
  .pconly {
    display: none !important; }

  /* line 1444, style_general_sns.scss */
  header {
    width: 100%;
    z-index: 100;
    background: #80D7D7; }
    /* line 1448, style_general_sns.scss */
    header .header_inner {
      width: 93.066vw;
      margin: 0 auto;
      padding: 3.73vw 8.53vw 3.73vw 0;
      box-sizing: border-box;
      display: flex;
      justify-content: space-between; }
      /* line 1455, style_general_sns.scss */
      header .header_inner .logo {
        width: 29.618vw;
        line-height: 0; }
        /* line 1458, style_general_sns.scss */
        header .header_inner .logo a {
          display: block;
          widows: 100%;
          line-height: 0; }
      /* line 1464, style_general_sns.scss */
      header .header_inner .header_btn {
        width: 47.733vw;
        display: flex;
        justify-content: space-between; }
        /* line 1468, style_general_sns.scss */
        header .header_inner .header_btn a {
          display: block;
          height: 5.866vw;
          font-size: 2.666vw;
          line-height: 5.33vw;
          font-weight: 900;
          text-align: center;
          box-sizing: border-box;
          border-radius: 5.99vw;
          border: solid 0.33vw #2D2C31; }
          /* line 1478, style_general_sns.scss */
          header .header_inner .header_btn a.login {
            width: 16.533vw;
            color: #2D2C31; }
          /* line 1482, style_general_sns.scss */
          header .header_inner .header_btn a.signin {
            width: 30.133vw;
            color: #fff;
            background: #2D2C31; }

  /* line 1492, style_general_sns.scss */
  #navArea {
    position: relative; }

  /*ハンバーガー メニュー*/
  /* line 1494, style_general_sns.scss */
  nav.hum {
    display: block;
    position: fixed;
    top: 0;
    right: -100vw;
    bottom: 0;
    width: 74.666vw;
    height: auto;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    transition: all .5s;
    z-index: 21;
    opacity: 1; }
    /* line 1508, style_general_sns.scss */
    nav.hum .bg {
      width: 100%;
      box-sizing: border-box;
      background: rgba(245, 188, 49, 0.9);
      border: solid 0.8vw #000;
      border-radius: 5.33vw 0 5.33vw 5.33vw;
      padding: 24.533vw 0 6.66vw; }
      /* line 1515, style_general_sns.scss */
      nav.hum .bg .hum_inner {
        width: 100%; }
        /* line 1518, style_general_sns.scss */
        nav.hum .bg .hum_inner .hum_btn {
          width: 397px;
          margin: 0 0 67px 40px;
          display: flex;
          justify-content: space-between; }
          /* line 1523, style_general_sns.scss */
          nav.hum .bg .hum_inner .hum_btn a {
            display: block;
            font-size: 17px;
            font-weight: 900;
            text-align: center;
            box-sizing: border-box;
            border-radius: 37px; }
            /* line 1530, style_general_sns.scss */
            nav.hum .bg .hum_inner .hum_btn a.login {
              width: 148px;
              height: 43px;
              line-height: 39px;
              color: #2D2C31;
              border: solid 2px #2D2C31; }
            /* line 1537, style_general_sns.scss */
            nav.hum .bg .hum_inner .hum_btn a.signin {
              width: 234px;
              height: 43px;
              line-height: 43px;
              color: #fff;
              background: #2D2C31; }
        /* line 1546, style_general_sns.scss */
        nav.hum .bg .hum_inner ul {
          margin: 0 0 16vw 8vw; }
          /* line 1548, style_general_sns.scss */
          nav.hum .bg .hum_inner ul li {
            font-size: 4vw;
            letter-spacing: 0.05em;
            line-height: 1.46em;
            font-weight: bold;
            margin-bottom: 5.333vw; }
            /* line 1554, style_general_sns.scss */
            nav.hum .bg .hum_inner ul li:last-child {
              margin-bottom: 0; }
            /* line 1557, style_general_sns.scss */
            nav.hum .bg .hum_inner ul li a {
              display: inline-block;
              color: #2D2C31; }
        /* line 1563, style_general_sns.scss */
        nav.hum .bg .hum_inner .hum_qrcode {
          margin-left: 8vw; }
          /* line 1566, style_general_sns.scss */
          nav.hum .bg .hum_inner .hum_qrcode .qr_box a {
            display: block;
            line-height: 0; }
          /* line 1570, style_general_sns.scss */
          nav.hum .bg .hum_inner .hum_qrcode .qr_box.app {
            margin-bottom: 3.42vw; }
            /* line 1572, style_general_sns.scss */
            nav.hum .bg .hum_inner .hum_qrcode .qr_box.app a {
              width: 40.64vw; }
          /* line 1577, style_general_sns.scss */
          nav.hum .bg .hum_inner .hum_qrcode .qr_box.google a {
            width: 48.533vw; }

  /* line 1587, style_general_sns.scss */
  .open nav.hum {
    right: 0;
    opacity: 1; }

  /*============
  .toggle_btn
  =============*/
  /* line 1595, style_general_sns.scss */
  .toggle_btn {
    display: block;
    position: fixed;
    top: 4vw;
    right: 2.66vw;
    width: 7.466vw;
    height: 5.333vw;
    transition: all .5s;
    cursor: pointer;
    z-index: 23; }

  /* line 1606, style_general_sns.scss */
  .toggle_btn span {
    display: block;
    position: absolute;
    right: 0;
    width: 7.466vw;
    height: 1.066vw;
    background-color: #000;
    transition: all .5s;
    border-radius: 100px; }

  /* line 1616, style_general_sns.scss */
  .toggle_btn span:nth-of-type(1) {
    top: 0; }

  /* line 1619, style_general_sns.scss */
  .toggle_btn span:nth-of-type(2) {
    top: 2.133vw; }

  /* line 1622, style_general_sns.scss */
  .toggle_btn span:nth-of-type(3) {
    top: 4.266vw; }

  /* line 1625, style_general_sns.scss */
  .open .toggle_btn span:nth-of-type(1) {
    -webkit-transform: translateY(2.133vw) rotate(-330deg);
    transform: translateY(2.133vw) rotate(-330deg); }

  /* line 1629, style_general_sns.scss */
  .open .toggle_btn span:nth-of-type(2) {
    opacity: 0; }

  /* line 1632, style_general_sns.scss */
  .open .toggle_btn span:nth-of-type(3) {
    -webkit-transform: translateY(-2.133vw) rotate(330deg);
    transform: translateY(-2.133vw) rotate(330deg); }

  /*============
  #mask
  =============*/
  /* line 1639, style_general_sns.scss */
  #mask {
    display: none;
    transition: all .5s; }

  /* line 1643, style_general_sns.scss */
  .open #mask {
    display: block;
    transition: all .5s;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100vh;
    z-index: 20; }

  /* line 1648, style_general_sns.scss */
  #mv {
    width: 100%;
    background: #80D7D7; }
    /* line 1651, style_general_sns.scss */
    #mv .inner {
      width: 84.2666vw;
      margin: 0 auto;
      padding: 0 0 26.66vw;
      position: relative; }
      /* line 1656, style_general_sns.scss */
      #mv .inner .mv_img {
        width: 100%;
        margin-bottom: 6.93vw;
        position: relative; }
        /* line 1660, style_general_sns.scss */
        #mv .inner .mv_img img {
          filter: drop-shadow(2.24vw 2.92vw 0 #30A9A9); }
        /* line 1663, style_general_sns.scss */
        #mv .inner .mv_img .mv_icon {
          width: 38.08vw;
          position: absolute;
          left: -5.81vw;
          bottom: -4.48vw; }
          /* line 1668, style_general_sns.scss */
          #mv .inner .mv_img .mv_icon img {
            filter: none !important; }
      /* line 1673, style_general_sns.scss */
      #mv .inner .btnarea {
        width: 100%;
        padding: 4.26vw 4vw 2.66vw;
        box-sizing: border-box;
        background: #fff;
        border: solid 0.666vw #2D2C31;
        border-radius: 6.44vw;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        filter: drop-shadow(1.89vw 2.46vw 0 #30A9A9); }
        /* line 1685, style_general_sns.scss */
        #mv .inner .btnarea a {
          display: block;
          width: 100%;
          line-height: 0; }
        /* line 1690, style_general_sns.scss */
        #mv .inner .btnarea .mv_btn {
          width: 100%;
          position: relative;
          margin-bottom: 3.54vw; }
          /* line 1694, style_general_sns.scss */
          #mv .inner .btnarea .mv_btn .mv_btn_img {
            filter: drop-shadow(1.33vw 1.86vw 0 rgba(0, 0, 0, 0.25)); }
          /* line 1697, style_general_sns.scss */
          #mv .inner .btnarea .mv_btn .mv_btn_icon {
            width: 11.064vw;
            position: absolute;
            top: -2.4vw;
            left: 5.33vw; }
        /* line 1704, style_general_sns.scss */
        #mv .inner .btnarea .app {
          width: 32.96vw;
          line-height: 0; }
        /* line 1708, style_general_sns.scss */
        #mv .inner .btnarea .google {
          width: 40.064vw;
          line-height: 0; }
      /* line 1713, style_general_sns.scss */
      #mv .inner .mv_btm_img {
        width: 100vw;
        position: absolute;
        bottom: -15.4vw;
        left: 50%;
        transform: translateX(-50%);
        line-height: 0; }

  /* line 1724, style_general_sns.scss */
  #corp {
    width: 100%;
    max-width: 100%;
    margin: 27.73vw auto 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column; }
    /* line 1732, style_general_sns.scss */
    #corp .ttlarea {
      width: 100%;
      max-width: 100%;
      text-align: center; }
      /* line 1736, style_general_sns.scss */
      #corp .ttlarea .ttl {
        font-size: 5.33vw;
        letter-spacing: 0;
        line-height: 1.4em;
        color: #157577;
        font-weight: 700; }
        /* line 1742, style_general_sns.scss */
        #corp .ttlarea .ttl span {
          font-size: 10px; }
      /* line 1747, style_general_sns.scss */
      #corp .ttlarea .small {
        width: 95%;
        max-width: 100%;
        margin: 0 auto;
        color: #157577;
        font-size: 2.66vw;
        line-height: 1.5em;
        font-weight: 700;
        text-align: right;
        padding-right: 1em;
        box-sizing: border-box; }
    /* line 1760, style_general_sns.scss */
    #corp .corp_cont {
      width: 100%;
      max-width: 100%;
      margin: 2.66vw 0 0;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-wrap: wrap; }
      /* line 1768, style_general_sns.scss */
      #corp .corp_cont .corp_icon {
        width: auto;
        max-width: calc(100% - 2.133vw);
        height: 5.33vw;
        margin: 1.86vw 1.06vw 0;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column; }
        /* line 1777, style_general_sns.scss */
        #corp .corp_cont .corp_icon img {
          width: auto;
          height: 100%; }
        /* line 1782, style_general_sns.scss */
        #corp .corp_cont .corp_icon.icon04 img {
          width: 12vw;
          height: auto; }
        /* line 1788, style_general_sns.scss */
        #corp .corp_cont .corp_icon.icon11 img {
          height: 3.2vw; }
        /* line 1793, style_general_sns.scss */
        #corp .corp_cont .corp_icon.icon14 img {
          height: 60%; }
        /* line 1798, style_general_sns.scss */
        #corp .corp_cont .corp_icon.icon15 img {
          height: 3.2vw; }
        /* line 1803, style_general_sns.scss */
        #corp .corp_cont .corp_icon.icon16 img {
          height: 3.2vw; }
        /* line 1807, style_general_sns.scss */
        #corp .corp_cont .corp_icon.icon17 {
          margin: 2.13vw 1.06vw 0;
          height: 6.93vw; }
          /* line 1810, style_general_sns.scss */
          #corp .corp_cont .corp_icon.icon17 img {
            height: 3.73vw; }

  /* line 1819, style_general_sns.scss */
  #about .bg {
    width: 100%;
    background: url("../img/index_re/about_bg_sp.png") no-repeat center bottom;
    background-size: 100% auto; }
    /* line 1823, style_general_sns.scss */
    #about .bg .inner {
      width: 100%;
      margin: 16vw auto 0;
      padding: 0 0 56.266vw; }
      /* line 1827, style_general_sns.scss */
      #about .bg .inner h2 {
        width: 88.8vw;
        margin: 0 auto 3.2vw; }
      /* line 1831, style_general_sns.scss */
      #about .bg .inner h3 {
        font-size: 5.33vw;
        letter-spacing: 0.05em;
        line-height: 1.5em;
        font-weight: 900;
        color: #2D2C31;
        text-align: center;
        margin-bottom: 12vw; }
    /* line 1841, style_general_sns.scss */
    #about .bg .about_box {
      width: 88vw;
      margin-left: 5.33vw;
      display: flex;
      flex-direction: column-reverse;
      justify-content: flex-start;
      align-items: flex-start; }
      /* line 1848, style_general_sns.scss */
      #about .bg .about_box .about_box_txt {
        width: 100%; }
        /* line 1850, style_general_sns.scss */
        #about .bg .about_box .about_box_txt h4 {
          font-size: 5.86vw;
          letter-spacing: 0.04em;
          line-height: 1.6em;
          font-weight: 900;
          color: #309DA4;
          margin-bottom: 3.73vw; }
        /* line 1858, style_general_sns.scss */
        #about .bg .about_box .about_box_txt .txt {
          font-size: 4.266vw;
          letter-spacing: 0.04em;
          line-height: 2em;
          font-weight: bold;
          color: #2D2C31;
          box-sizing: border-box;
          padding-left: 3.46vw; }
      /* line 1868, style_general_sns.scss */
      #about .bg .about_box .about_box_img {
        width: 86.133vw;
        margin-bottom: 8vw; }

  /* line 1876, style_general_sns.scss */
  #feature {
    padding-top: 8vw;
    margin-top: -8vw; }
    /* line 1879, style_general_sns.scss */
    #feature .bg {
      width: 100%;
      background: url("../img/index_re/feature_bg_sp.png") no-repeat center;
      background-size: cover; }
      /* line 1883, style_general_sns.scss */
      #feature .bg .inner {
        width: 85.333vw;
        margin: 0 auto;
        padding: 33.066vw 0 128.21vw;
        position: relative; }
        /* line 1888, style_general_sns.scss */
        #feature .bg .inner .ttlarea {
          width: 100%;
          text-align: center;
          position: absolute;
          top: -4.8vw;
          left: 0; }
          /* line 1894, style_general_sns.scss */
          #feature .bg .inner .ttlarea h2 {
            width: 48.533vw;
            margin: 0 auto 2.66vw; }
          /* line 1898, style_general_sns.scss */
          #feature .bg .inner .ttlarea h3 {
            font-size: 5.33vw;
            letter-spacing: 0.05em;
            line-height: 1.5em;
            font-weight: 900;
            color: #2D2C31;
            text-align: center; }
        /* line 1908, style_general_sns.scss */
        #feature .bg .inner .feature_cont .feature_box {
          width: 100%;
          position: relative; }
          /* line 1911, style_general_sns.scss */
          #feature .bg .inner .feature_cont .feature_box .feature_box_txt {
            width: 100%;
            box-sizing: border-box;
            padding: 16vw 6.93vw 9.33vw;
            border: solid 0.8vw #2D2C31;
            background: #fff;
            position: relative; }
            /* line 1918, style_general_sns.scss */
            #feature .bg .inner .feature_cont .feature_box .feature_box_txt::before {
              position: absolute;
              content: "";
              width: 0.8vw;
              height: 100%;
              right: -2.93vw;
              top: 2.93vw;
              background: #2D2C31;
              border-radius: 100px 100px 0 0; }
            /* line 1928, style_general_sns.scss */
            #feature .bg .inner .feature_cont .feature_box .feature_box_txt::after {
              position: absolute;
              content: "";
              width: 100%;
              height: 0.8vw;
              right: -2.93vw;
              bottom: -2.93vw;
              background: #2D2C31;
              border-radius: 100px 0 0 100px; }
            /* line 1938, style_general_sns.scss */
            #feature .bg .inner .feature_cont .feature_box .feature_box_txt .feature_box_clip {
              width: 9.866vw;
              line-height: 0;
              position: absolute;
              left: 1.866vw;
              top: -7.73vw; }
            /* line 1945, style_general_sns.scss */
            #feature .bg .inner .feature_cont .feature_box .feature_box_txt h4 {
              font-size: 5.66vw;
              letter-spacing: 0.04em;
              line-height: 1.5em;
              font-weight: 900;
              color: #309DA4;
              margin-bottom: 3.2vw;
              position: relative;
              z-index: 2; }
              /* line 1954, style_general_sns.scss */
              #feature .bg .inner .feature_cont .feature_box .feature_box_txt h4 span {
                display: inline-block;
                color: #2D2C31; }
                /* line 1957, style_general_sns.scss */
                #feature .bg .inner .feature_cont .feature_box .feature_box_txt h4 span.big {
                  font-size: 6.666vw; }
                /* line 1960, style_general_sns.scss */
                #feature .bg .inner .feature_cont .feature_box .feature_box_txt h4 span.coron {
                  font-size: 9.66vw; }
            /* line 1965, style_general_sns.scss */
            #feature .bg .inner .feature_cont .feature_box .feature_box_txt .txt {
              font-size: 3.733vw;
              letter-spacing: 0.04em;
              line-height: 2em;
              font-weight: bold;
              color: #2D2C31;
              box-sizing: border-box;
              position: relative;
              z-index: 2; }
          /* line 1976, style_general_sns.scss */
          #feature .bg .inner .feature_cont .feature_box .feature_box_img {
            width: 78.4vw;
            position: absolute; }
          /* line 1980, style_general_sns.scss */
          #feature .bg .inner .feature_cont .feature_box.box01 {
            margin-bottom: 116.8vw; }
            /* line 1983, style_general_sns.scss */
            #feature .bg .inner .feature_cont .feature_box.box01 .feature_box_txt .feature_box_icon {
              width: 18.112vw;
              line-height: 0;
              position: absolute;
              right: 0;
              bottom: 0;
              z-index: 3; }
            /* line 1992, style_general_sns.scss */
            #feature .bg .inner .feature_cont .feature_box.box01 .feature_box_img {
              left: 4.026vw;
              top: 78.413vw; }
          /* line 1997, style_general_sns.scss */
          #feature .bg .inner .feature_cont .feature_box.box02 {
            margin-bottom: 111.5vw; }
            /* line 2000, style_general_sns.scss */
            #feature .bg .inner .feature_cont .feature_box.box02 .feature_box_txt .feature_box_icon {
              width: 21.07vw;
              line-height: 0;
              position: absolute;
              right: 3.46vw;
              top: -8.86vw;
              z-index: 3; }
            /* line 2009, style_general_sns.scss */
            #feature .bg .inner .feature_cont .feature_box.box02 .feature_box_img {
              left: 4.264vw;
              top: 78.666vw; }
          /* line 2015, style_general_sns.scss */
          #feature .bg .inner .feature_cont .feature_box.box03 .feature_box_img {
            left: 5.856vw;
            top: 79.965vw; }

  /* line 2026, style_general_sns.scss */
  .banner {
    width: 100%;
    margin-top: -1px; }
    /* line 2029, style_general_sns.scss */
    .banner .inner {
      width: 100%;
      position: relative; }
      /* line 2032, style_general_sns.scss */
      .banner .inner .ttlarea {
        width: 100%;
        position: absolute;
        left: 0;
        top: -6.13vw;
        text-align: center; }
        /* line 2038, style_general_sns.scss */
        .banner .inner .ttlarea h2 {
          width: 63.733vw;
          margin: 0 auto;
          line-height: 0; }
        /* line 2043, style_general_sns.scss */
        .banner .inner .ttlarea h3 {
          font-size: 5.33vw;
          letter-spacing: 0.05em;
          line-height: 1.5em;
          font-weight: 900;
          color: #2D2C31; }
      /* line 2051, style_general_sns.scss */
      .banner .inner .banner_btn {
        width: 87.466vw;
        margin: 0 auto; }
        /* line 2054, style_general_sns.scss */
        .banner .inner .banner_btn a {
          display: block;
          width: 100%;
          line-height: 0;
          position: relative; }
          /* line 2059, style_general_sns.scss */
          .banner .inner .banner_btn a .banner_btn_img {
            filter: drop-shadow(1.2vw 1.65vw 0 #C4D8D9); }
          /* line 2062, style_general_sns.scss */
          .banner .inner .banner_btn a .banner_btn_icon {
            width: 12.906vw;
            position: absolute;
            top: -3.2vw;
            left: 5.86vw; }
    /* line 2071, style_general_sns.scss */
    .banner.banner01 {
      background: url("../img/index_re/banner_bg_01_sp.png") no-repeat center bottom;
      background-size: cover; }
      /* line 2074, style_general_sns.scss */
      .banner.banner01 .inner {
        padding: 31.733vw 0; }
        /* line 2076, style_general_sns.scss */
        .banner.banner01 .inner h3 {
          margin-top: 2.66vw; }
    /* line 2081, style_general_sns.scss */
    .banner.banner02 {
      background: url("../img/index_re/banner_bg_02_sp.png") no-repeat center bottom;
      background-size: cover; }
      /* line 2084, style_general_sns.scss */
      .banner.banner02 .inner {
        padding: 31.733vw 0; }
        /* line 2086, style_general_sns.scss */
        .banner.banner02 .inner h3 {
          margin-top: 2.66vw; }

  /* line 2093, style_general_sns.scss */
  #more {
    padding-top: 8vw;
    margin-top: -8vw; }
    /* line 2100, style_general_sns.scss */
    #more .bg {
      width: 100%;
      background: url("../img/index_re/more_bg_sp.jpg") no-repeat center;
      background-size: cover; }
      /* line 2104, style_general_sns.scss */
      #more .bg .inner {
        width: 88vw;
        margin: 0 auto;
        padding: 47.466vw 0 22.56vw;
        position: relative; }
        /* line 2109, style_general_sns.scss */
        #more .bg .inner .ttlarea {
          width: 100%;
          text-align: center;
          position: absolute;
          top: -5.33vw;
          left: 0; }
          /* line 2115, style_general_sns.scss */
          #more .bg .inner .ttlarea h2 {
            width: 38.133vw;
            margin: 0 auto 2.66vw; }
          /* line 2119, style_general_sns.scss */
          #more .bg .inner .ttlarea h3 {
            font-size: 5.33vw;
            letter-spacing: 0.05em;
            line-height: 1.5em;
            font-weight: 900;
            color: #2D2C31; }
        /* line 2127, style_general_sns.scss */
        #more .bg .inner .more_cont {
          width: 100%; }
          /* line 2129, style_general_sns.scss */
          #more .bg .inner .more_cont .more_box {
            width: 100%;
            padding-bottom: 12.64vw;
            background: url("../img/index_re/more_box_bg_sp.png") no-repeat center bottom;
            background-size: 100% 100%;
            position: relative; }
            /* line 2135, style_general_sns.scss */
            #more .bg .inner .more_cont .more_box.read {
              margin-bottom: 29.333vw; }
            /* line 2138, style_general_sns.scss */
            #more .bg .inner .more_cont .more_box.register {
              background: url("../img/index_re/more_box_bg_02_sp.png") no-repeat center bottom;
              background-size: 100% 100%; }
            /* line 2142, style_general_sns.scss */
            #more .bg .inner .more_cont .more_box .more_box_head {
              width: 100%;
              height: 7.46vw;
              box-sizing: border-box;
              border: solid 0.533vw #309DA4;
              background-color: #FFE6A6;
              background-repeat: no-repeat;
              background-position: center top 1.6vw;
              margin-bottom: 9.06vw; }
              /* line 2151, style_general_sns.scss */
              #more .bg .inner .more_cont .more_box .more_box_head.read {
                background-image: url("../img/index_re/more_box_head_label_01_sp.png");
                background-size: 189.33vw 4.8vw; }
              /* line 2155, style_general_sns.scss */
              #more .bg .inner .more_cont .more_box .more_box_head.register {
                background-image: url("../img/index_re/more_box_head_label_02_sp.png");
                background-size: 229.6vw 4.8vw; }
            /* line 2160, style_general_sns.scss */
            #more .bg .inner .more_cont .more_box .more_box_ttl {
              margin: 0 auto 8vw; }
              /* line 2162, style_general_sns.scss */
              #more .bg .inner .more_cont .more_box .more_box_ttl.read {
                width: 54.749vw; }
              /* line 2165, style_general_sns.scss */
              #more .bg .inner .more_cont .more_box .more_box_ttl.register {
                width: 71.11vw; }
            /* line 2169, style_general_sns.scss */
            #more .bg .inner .more_cont .more_box .more_box_txt {
              font-size: 3.73vw;
              letter-spacing: 0.04em;
              line-height: 2em;
              font-weight: bold;
              color: #2D2C31;
              text-align: center;
              margin-bottom: 8vw; }
            /* line 2178, style_general_sns.scss */
            #more .bg .inner .more_cont .more_box .more_box_slider_ttl {
              font-size: 3.466vw;
              letter-spacing: 0.09em;
              font-weight: bold;
              color: #309DA4;
              text-align: center;
              margin-bottom: 4vw; }
              /* line 2185, style_general_sns.scss */
              #more .bg .inner .more_cont .more_box .more_box_slider_ttl span {
                display: inline-block;
                line-height: 1.46em;
                border-bottom: solid 0.533vw #309DA4; }
            /* line 2191, style_general_sns.scss */
            #more .bg .inner .more_cont .more_box .more_box_slider {
              width: 86.933vw;
              margin: 0 auto 10vw; }
              /* line 2194, style_general_sns.scss */
              #more .bg .inner .more_cont .more_box .more_box_slider a {
                display: block;
                line-height: 0;
                margin: 0 1.7vw; }
              /* line 2199, style_general_sns.scss */
              #more .bg .inner .more_cont .more_box .more_box_slider .prev-arrow {
                width: 3.46vw;
                height: 4.26vw;
                position: absolute;
                bottom: -0.8vw;
                left: 20vw;
                z-index: 10;
                cursor: pointer;
                pointer-events: all !important;
                user-select: all !important; }
              /* line 2210, style_general_sns.scss */
              #more .bg .inner .more_cont .more_box .more_box_slider .next-arrow {
                width: 3.46vw;
                height: 4.26vw;
                position: absolute;
                bottom: -0.8vw;
                right: 20vw;
                z-index: 10;
                cursor: pointer;
                pointer-events: all !important;
                user-select: all !important; }
              /* line 2221, style_general_sns.scss */
              #more .bg .inner .more_cont .more_box .more_box_slider .slide-dots {
                text-align: center;
                margin-top: 5.21vw;
                position: relative;
                z-index: 1; }
                /* line 2226, style_general_sns.scss */
                #more .bg .inner .more_cont .more_box .more_box_slider .slide-dots li {
                  display: inline-block;
                  width: 2.4vw;
                  height: 2.4vw;
                  border: solid 0.33vw #000;
                  border-radius: 100%;
                  margin: 0 2.26vw;
                  background: #E5E5E5; }
                  /* line 2234, style_general_sns.scss */
                  #more .bg .inner .more_cont .more_box .more_box_slider .slide-dots li.slick-active {
                    background: #F5BC31; }
                  /* line 2237, style_general_sns.scss */
                  #more .bg .inner .more_cont .more_box .more_box_slider .slide-dots li button {
                    display: block;
                    width: 2.4vw;
                    height: 2.4vw;
                    font-size: 0;
                    border: none;
                    background: none;
                    padding: 0;
                    cursor: pointer; }
            /* line 2250, style_general_sns.scss */
            #more .bg .inner .more_cont .more_box .more_box_btn {
              width: 57.6vw;
              margin: 0 auto;
              line-height: 0; }
              /* line 2254, style_general_sns.scss */
              #more .bg .inner .more_cont .more_box .more_box_btn a {
                display: block;
                width: 100%;
                line-height: 0; }
            /* line 2260, style_general_sns.scss */
            #more .bg .inner .more_cont .more_box .more_box_icon {
              width: 18.97vw;
              position: absolute;
              left: -3.73vw;
              bottom: -12,43vw; }

  /* line 2272, style_general_sns.scss */
  #voice {
    padding-top: 8vw;
    margin-top: -8vw; }
    /* line 2275, style_general_sns.scss */
    #voice .bg {
      width: 100%;
      background: url("../img/index_re/voice_bg_sp.png") no-repeat center #FFB1E5;
      background-size: cover; }
      /* line 2279, style_general_sns.scss */
      #voice .bg .inner {
        width: 100%;
        margin: 0 auto;
        padding: 45.6vw 0 28.266vw;
        position: relative; }
        /* line 2284, style_general_sns.scss */
        #voice .bg .inner .ttlarea {
          width: 35.73vw;
          text-align: center;
          position: absolute;
          top: -4.266vw;
          left: 50%;
          transform: translateX(-50%); }
          /* line 2291, style_general_sns.scss */
          #voice .bg .inner .ttlarea h2 {
            width: 35.73vw;
            margin: 0 auto 2.66vw; }
          /* line 2295, style_general_sns.scss */
          #voice .bg .inner .ttlarea h3 {
            font-size: 5.33vw;
            letter-spacing: 0.05em;
            line-height: 1.5em;
            font-weight: 900;
            color: #2D2C31; }
          /* line 2302, style_general_sns.scss */
          #voice .bg .inner .ttlarea .icon {
            width: 26.59vw;
            position: absolute;
            top: -9.6vw;
            right: -27.13vw; }
        /* line 2309, style_general_sns.scss */
        #voice .bg .inner .voice_slider {
          width: 100%;
          overflow: hidden; }
          /* line 2312, style_general_sns.scss */
          #voice .bg .inner .voice_slider .voice_box {
            margin: 0 2.33vw;
            line-height: 0;
            padding-bottom: 0.73vw; }
            /* line 2316, style_general_sns.scss */
            #voice .bg .inner .voice_slider .voice_box a {
              display: block;
              width: 100%;
              line-height: 0; }
              /* line 2320, style_general_sns.scss */
              #voice .bg .inner .voice_slider .voice_box a img {
                filter: drop-shadow(0.73vw 0.73vw 0 #000); }

  /* line 2330, style_general_sns.scss */
  #faq {
    padding-top: 8vw;
    margin-top: -8vw; }
    /* line 2333, style_general_sns.scss */
    #faq .bg {
      width: 100%;
      background: #F7F7F7; }
      /* line 2336, style_general_sns.scss */
      #faq .bg .inner {
        width: 88vw;
        margin: 0 auto;
        padding: 34.4vw 0 26.66vw;
        position: relative; }
        /* line 2341, style_general_sns.scss */
        #faq .bg .inner .ttlarea {
          width: 100%;
          text-align: center;
          position: absolute;
          top: -6.13vw;
          left: 0; }
          /* line 2347, style_general_sns.scss */
          #faq .bg .inner .ttlarea h2 {
            width: 22.13vw;
            margin: 0 auto 2.66vw; }
          /* line 2351, style_general_sns.scss */
          #faq .bg .inner .ttlarea h3 {
            font-size: 5.33vw;
            letter-spacing: 0.05em;
            line-height: 1.5em;
            font-weight: 900;
            color: #2D2C31; }
        /* line 2359, style_general_sns.scss */
        #faq .bg .inner .faq_cont {
          width: 100%;
          border-top: solid 0.533vw #309DA4; }
          /* line 2362, style_general_sns.scss */
          #faq .bg .inner .faq_cont .faq_box {
            border-bottom: solid 0.533vw #309DA4; }
            /* line 2364, style_general_sns.scss */
            #faq .bg .inner .faq_cont .faq_box .faq_q_txt {
              font-size: 4.266vw;
              letter-spacing: 0.05em;
              line-height: 1.5em;
              font-weight: 900;
              color: #2D2C31;
              box-sizing: border-box;
              padding: 5.33vw 12vw 5.33vw 1.33vw;
              position: relative;
              cursor: pointer; }
              /* line 2374, style_general_sns.scss */
              #faq .bg .inner .faq_cont .faq_box .faq_q_txt::before {
                position: absolute;
                content: "";
                width: 4.53vw;
                height: 1.33vw;
                right: 2.13vw;
                top: 50%;
                transform: translateY(-50%);
                background: #2D2C31; }
              /* line 2384, style_general_sns.scss */
              #faq .bg .inner .faq_cont .faq_box .faq_q_txt::after {
                position: absolute;
                content: "";
                width: 4.53vw;
                height: 1.33vw;
                right: 2.13vw;
                top: 50%;
                transform: translateY(-50%) rotate(-90deg);
                background: #2D2C31;
                transition: 0.3s; }
              /* line 2396, style_general_sns.scss */
              #faq .bg .inner .faq_cont .faq_box .faq_q_txt.open::after {
                transform: translateY(-50%) rotate(0); }
            /* line 2401, style_general_sns.scss */
            #faq .bg .inner .faq_cont .faq_box .faq_a_txt {
              display: none;
              font-size: 4vw;
              letter-spacing: 0.05em;
              line-height: 1.466em;
              font-weight: 500;
              color: #2D2C31;
              box-sizing: border-box;
              padding: 0 1.33vw 5.33vw; }
              /* line 2410, style_general_sns.scss */
              #faq .bg .inner .faq_cont .faq_box .faq_a_txt a {
                color: #309DA4;
                text-decoration: underline; }

  /* line 2421, style_general_sns.scss */
  #float_banner {
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    background: #fff;
    z-index: 100;
    translate: 0 100%;
    transition: 0.3s;
    z-index: 10; }
    /* line 2431, style_general_sns.scss */
    #float_banner.fixed {
      translate: none; }
    /* line 2434, style_general_sns.scss */
    #float_banner .inner {
      width: 92vw;
      margin: 0 auto;
      padding: 6.66vw 0 0.8vw;
      position: relative; }
      /* line 2439, style_general_sns.scss */
      #float_banner .inner .app_btn_txt {
        font-size: 3.2vw;
        letter-spacing: 0;
        line-height: 1.5em;
        font-weight: bold;
        position: absolute;
        top: 1.33vw;
        left: 13.333vw; }
      /* line 2448, style_general_sns.scss */
      #float_banner .inner .btnarea {
        width: 100%;
        display: flex;
        justify-content: space-between; }
        /* line 2453, style_general_sns.scss */
        #float_banner .inner .btnarea a {
          display: block;
          width: 100%;
          line-height: 0; }
        /* line 2458, style_general_sns.scss */
        #float_banner .inner .btnarea .mv_btn {
          width: 33.611%;
          position: relative;
          padding-top: 5px; }
          /* line 2462, style_general_sns.scss */
          #float_banner .inner .btnarea .mv_btn .mv_btn_img {
            filter: drop-shadow(7px 10px 0 rgba(0, 0, 0, 0.25)); }
          /* line 2465, style_general_sns.scss */
          #float_banner .inner .btnarea .mv_btn .mv_btn_icon {
            width: 15.83%;
            position: absolute;
            top: -3.72%;
            left: 2.48%; }
        /* line 2472, style_general_sns.scss */
        #float_banner .inner .btnarea .app_btn {
          width: 74.933vw;
          display: flex;
          justify-content: space-between;
          align-items: center;
          position: relative; }
          /* line 2478, style_general_sns.scss */
          #float_banner .inner .btnarea .app_btn .app {
            width: 32.96vw; }
            /* line 2480, style_general_sns.scss */
            #float_banner .inner .btnarea .app_btn .app a {
              width: 100%; }
          /* line 2484, style_general_sns.scss */
          #float_banner .inner .btnarea .app_btn .google {
            width: 40.064vw; }
            /* line 2486, style_general_sns.scss */
            #float_banner .inner .btnarea .app_btn .google a {
              width: 100%; }
        /* line 2491, style_general_sns.scss */
        #float_banner .inner .btnarea .open_btn {
          width: 9.333vw;
          cursor: pointer; }

  /* line 2499, style_general_sns.scss */
  .modal-bg {
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    /* モーダル背景色 */
    opacity: 0;
    display: none;
    transition: opacity 0.5s ease;
    z-index: 20; }
    /* line 2510, style_general_sns.scss */
    .modal-bg.show {
      opacity: 1;
      /* 表示状態 */
      display: block; }

  /* line 2515, style_general_sns.scss */
  .modal {
    width: 74.666vw;
    height: auto;
    z-index: 1000;
    position: fixed;
    top: 0;
    right: 0;
    /* 初期状態は画面外 */
    transform: translate(100%, 0);
    transition: transform 0.5s ease;
    /* モーダルが表示されるときのクラス */ }
    /* line 2525, style_general_sns.scss */
    .modal.show {
      transform: translate(0, 0);
      /* スライドイン位置 */ }
    /* line 2528, style_general_sns.scss */
    .modal .modal-content {
      width: 100%; }
      /* line 2530, style_general_sns.scss */
      .modal .modal-content .modal_inner {
        width: 100%;
        max-width: 100%;
        z-index: 12; }
        /* line 2534, style_general_sns.scss */
        .modal .modal-content .modal_inner .bg {
          width: 100%;
          box-sizing: border-box;
          background: rgba(245, 188, 49, 0.9);
          border: solid 0.8vw #000;
          border-radius: 5.33vw 0 5.33vw 5.33vw;
          position: relative; }
          /* line 2541, style_general_sns.scss */
          .modal .modal-content .modal_inner .bg .hum_inner {
            width: 100%;
            padding: 5.86vw 0 16vw; }
            /* line 2544, style_general_sns.scss */
            .modal .modal-content .modal_inner .bg .hum_inner .hum_btn {
              width: 56.709vw;
              margin: 0 0 8.8vw 8vw;
              display: flex;
              justify-content: space-between;
              flex-wrap: wrap; }
              /* line 2550, style_general_sns.scss */
              .modal .modal-content .modal_inner .bg .hum_inner .hum_btn a {
                display: block;
                font-size: 3.2vw;
                font-weight: 900;
                text-align: center;
                box-sizing: border-box;
                border-radius: 6.133vw; }
                /* line 2557, style_general_sns.scss */
                .modal .modal-content .modal_inner .bg .hum_inner .hum_btn a.login {
                  width: 19.733vw;
                  height: 7.2vw;
                  line-height: 6.13vw;
                  color: #2D2C31;
                  border: solid 0.4vw #2D2C31; }
                /* line 2564, style_general_sns.scss */
                .modal .modal-content .modal_inner .bg .hum_inner .hum_btn a.signin {
                  width: 36vw;
                  height: 7.2vw;
                  line-height: 7.2vw;
                  color: #fff;
                  background: #2D2C31; }
                /* line 2571, style_general_sns.scss */
                .modal .modal-content .modal_inner .bg .hum_inner .hum_btn a.employed {
                  width: 45.333vw;
                  height: 7.2vw;
                  line-height: 6.13vw;
                  color: #2D2C31;
                  border: solid 0.4vw #2D2C31;
                  margin-top: 2.066vw; }
            /* line 2581, style_general_sns.scss */
            .modal .modal-content .modal_inner .bg .hum_inner ul {
              margin: 0 0 8vw 8vw; }
              /* line 2583, style_general_sns.scss */
              .modal .modal-content .modal_inner .bg .hum_inner ul li {
                font-size: 4vw;
                letter-spacing: 0.04em;
                line-height: 1.5em;
                font-weight: 900;
                margin-bottom: 5.33vw; }
                /* line 2589, style_general_sns.scss */
                .modal .modal-content .modal_inner .bg .hum_inner ul li:last-child {
                  margin-bottom: 0; }
                /* line 2592, style_general_sns.scss */
                .modal .modal-content .modal_inner .bg .hum_inner ul li a {
                  display: inline-block;
                  color: #2D2C31; }
            /* line 2598, style_general_sns.scss */
            .modal .modal-content .modal_inner .bg .hum_inner .hum_qrcode {
              width: 48.533vw;
              margin-left: 8vw; }
              /* line 2602, style_general_sns.scss */
              .modal .modal-content .modal_inner .bg .hum_inner .hum_qrcode .qr_box a {
                display: block;
                line-height: 0; }
              /* line 2606, style_general_sns.scss */
              .modal .modal-content .modal_inner .bg .hum_inner .hum_qrcode .qr_box.app {
                margin-bottom: 3.46vw; }
                /* line 2608, style_general_sns.scss */
                .modal .modal-content .modal_inner .bg .hum_inner .hum_qrcode .qr_box.app a {
                  width: 40.645vw; }
              /* line 2613, style_general_sns.scss */
              .modal .modal-content .modal_inner .bg .hum_inner .hum_qrcode .qr_box.google a {
                width: 100%; }
          /* line 2620, style_general_sns.scss */
          .modal .modal-content .modal_inner .bg .close_btn {
            width: 9.86vw;
            position: absolute;
            right: 4vw;
            bottom: 2.93vw;
            cursor: pointer; }

  /* line 2632, style_general_sns.scss */
  footer {
    padding-bottom: 21.33vw;
    width: 100%; }
    /* line 2635, style_general_sns.scss */
    footer .footer_menu {
      text-align: center;
      padding: 21.866vw 0 26.133vw; }
      /* line 2638, style_general_sns.scss */
      footer .footer_menu .logo {
        width: 62.5vw;
        margin: 0 auto 16vw; }
      /* line 2642, style_general_sns.scss */
      footer .footer_menu .footer_menu_ttl {
        font-size: 4.8vw;
        letter-spacing: 0.05em;
        line-height: 1.44em;
        font-weight: 900;
        color: #2D2C31;
        margin-bottom: 8vw; }
      /* line 2650, style_general_sns.scss */
      footer .footer_menu ul {
        text-align: center;
        margin-bottom: 16vw; }
        /* line 2653, style_general_sns.scss */
        footer .footer_menu ul li {
          font-size: 3.46vw;
          letter-spacing: 0.05em;
          font-weight: 500;
          margin-bottom: 4vw; }
          /* line 2658, style_general_sns.scss */
          footer .footer_menu ul li:last-child {
            margin-bottom: 0; }
          /* line 2661, style_general_sns.scss */
          footer .footer_menu ul li a {
            display: block;
            line-height: 1.46em;
            color: #2D2C31; }
      /* line 2668, style_general_sns.scss */
      footer .footer_menu .footer_btn {
        width: 67.733vw;
        margin: 0 auto; }
        /* line 2671, style_general_sns.scss */
        footer .footer_menu .footer_btn .btn {
          width: 100%;
          font-size: 4.53vw;
          letter-spacing: 0;
          font-weight: 900;
          text-align: center;
          margin-bottom: 4.533vw; }
          /* line 2678, style_general_sns.scss */
          footer .footer_menu .footer_btn .btn a {
            display: block;
            height: 11.733vw;
            color: #fff;
            line-height: 10.666vw;
            border: solid 0.533vw #309DA4;
            background: #309DA4;
            border-radius: 10.13vw;
            box-sizing: border-box; }
          /* line 2688, style_general_sns.scss */
          footer .footer_menu .footer_btn .btn:last-child {
            margin-bottom: 0; }
            /* line 2690, style_general_sns.scss */
            footer .footer_menu .footer_btn .btn:last-child a {
              color: #309DA4;
              background: #fff; }
    /* line 2698, style_general_sns.scss */
    footer .footer_business {
      position: relative;
      padding: 20.26vw 0 21.33vw;
      background: #F6F6F6; }
      /* line 2702, style_general_sns.scss */
      footer .footer_business .footer_business_ttl {
        width: 77.6vw;
        position: absolute;
        top: -5.773vw;
        left: 50%;
        transform: translateX(-50%); }
      /* line 2709, style_general_sns.scss */
      footer .footer_business .footer_business_btn {
        width: 77.6vw;
        margin: 0 auto;
        font-size: 4.533vw;
        letter-spacing: 0;
        font-weight: 900; }
        /* line 2715, style_general_sns.scss */
        footer .footer_business .footer_business_btn a {
          display: block;
          height: 11.733vw;
          color: #167078;
          line-height: 10.666vw;
          box-sizing: border-box;
          padding-left: 6.13vw;
          border: solid 0.533vw #167078;
          border-radius: 10.13vw;
          background: url("../img/index_re/footer_btn_icon.png") no-repeat right 4.26vw center;
          background-size: 3.83vw; }
    /* line 2729, style_general_sns.scss */
    footer .footer_btm {
      background: #2D2C31;
      padding: 5.33vw 0 5.066vw; }
      /* line 2732, style_general_sns.scss */
      footer .footer_btm .inner {
        width: 92.8vw;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        align-items: center; }
        /* line 2738, style_general_sns.scss */
        footer .footer_btm .inner .footer_btm_logo {
          width: 37.066vw;
          line-height: 0; }
        /* line 2742, style_general_sns.scss */
        footer .footer_btm .inner .footer_btm_right {
          width: 40.8vw;
          display: flex;
          justify-content: space-between;
          align-items: center; }
          /* line 2747, style_general_sns.scss */
          footer .footer_btm .inner .footer_btm_right .footer_sns {
            width: 13.066vw;
            display: flex;
            justify-content: space-between; }
            /* line 2751, style_general_sns.scss */
            footer .footer_btm .inner .footer_btm_right .footer_sns a {
              display: block;
              width: 5.333vw;
              line-height: 0; }
          /* line 2757, style_general_sns.scss */
          footer .footer_btm .inner .footer_btm_right .copyright {
            font-size: 2.666vw;
            letter-spacing: 0.05em;
            line-height: 5.333vw;
            font-weight: 500;
            color: #fff; } }

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