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

  * {
    margin: 0;
    padding: 0; }

  p {
    font-size: 16px; }

  dt {
    float: left; }

  dd {
    margin-left: 60px;
    padding-bottom: 10px; }

  /*---特殊追加CSS---*/
  .clear {
    clear: both; }

  /*---特殊追加CSS---*/
  body {
    -webkit-text-size-adjust: 100%;
    line-height: 1;
    font-size: 16px;
    color: #222222;
    margin: auto;
    font-family: 'Noto Sans JP', '小塚ゴシック Pr6N R', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    overflow-x: hidden;
    background-color: #fff; }

  a:hover {
    opacity: 1.0;
    filter: brightness(110%);
    -webkit-transition: all .2s;
    transition: all .2s; }

  img {
    max-width: auto;
    height: auto; }

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

  .br::before {
    content: "\a";
    white-space: pre; }

  .fadein {
    opacity: 0;
    transform: translate(0, 50px);
    transition: all 1500ms; }

  .fadein.scrollin {
    opacity: 1;
    transform: translate(0, 0); }

  /* ここからscssを記述 */
  .clearfix::after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden; }

  /* clearfix */
  #wrap {
    width: calc(750 *(100vw/750));
    height: auto;
    /* header-content */
    /* content--inner */
    /* text-link */
    /* footer-content */ }
    #wrap #header-content {
      width: calc(750 *(100vw/750));
      height: calc(90 *(100vw/750));
      background: #fff; }
      #wrap #header-content .header-content--inner {
        width: calc(750 *(100vw/750));
        height: auto;
        margin: auto;
        display: flex;
        justify-content: space-between;
        /* h-logo-box */
        /* h-logo-box-2 */
        /* このクラスを、jQueryで付与・削除する */ }
        #wrap #header-content .header-content--inner .h-logo-box {
          margin: calc(10 *(100vw/750)) 0 0 calc(20 *(100vw/750)); }
          #wrap #header-content .header-content--inner .h-logo-box h1 {
            display: flex; }
          #wrap #header-content .header-content--inner .h-logo-box img {
            width: calc(200 *(100vw/750));
            margin-top: calc(5 *(100vw/750)); }
          #wrap #header-content .header-content--inner .h-logo-box p {
            line-height: 1.6;
            font-size: calc(22 *(100vw/650));
            -webkit-transform: scale(0.7);
            transform: scale(0.7);
            font-weight: normal; }
            #wrap #header-content .header-content--inner .h-logo-box p span {
              letter-spacing: .25em; }
        #wrap #header-content .header-content--inner .h-logo-box-2 {
          display: none; }
    #wrap .content--inner {
      width: calc(700 *(100vw/750));
      margin: 0 auto; }
    #wrap .inline-block {
      display: inline-block; }
    #wrap .text-link {
      color: #00B29E;
      text-decoration: underline;
      display: inline; }
    #wrap #footer-content {
      width: 100%;
      height: auto;
      padding-bottom: 20px;
      background: #517D99;
      /* footer-content--inner */ }
      #wrap #footer-content .footer-content--inner {
        padding: 20px 10px;
        font-weight: 500;
        text-align: center; }
        #wrap #footer-content .footer-content--inner .footer-logo {
          width: 155px; }
        #wrap #footer-content .footer-content--inner p {
          padding-top: 10px; }
          #wrap #footer-content .footer-content--inner a {
            color: #fff; }
      #wrap #footer-content .copy {
        text-align: center;
        color: #fff;
        font-size: 10px; }

  /* wrap */ }

@media screen and (max-width: 980px) {

  /* kv */
  section#kv {
    background-image: url(../img/kv_bg.png);
    background-size: contain;
    text-align: center; }
    section#kv img.sp1 {
      width: 75%;
      float: right;
      margin: 10px 0 0; }
    section#kv img.sp2 {
      width: 75%;
      float: left; }
    section#kv h1 {
      clear: both;
      font-size: 10vw;
      margin: 20px 0;
      line-height: 1.6; }
      section#kv h1 span.marker {
         background:linear-gradient(transparent 60%, #ffdd2e 60%);
         padding: 0 10px; }
        section#kv h1 img {
          padding-right: 10px;
          width: 65%;
          padding-top: 10px; }

  /* cta */
  div.cta {
    text-align: center;
    position: relative; }
    div.cta .small {
      font-size: 3.5vw;
      line-height: 1.1;
      font-weight: 500;
      display: flex;
      justify-content: center;
      align-items: center; }
      div.cta .small::before,
      div.cta .small::after {
        content: '';
        width: 5px;
        height: 35px;
        background-color: #3fc1c9; }
      div.cta .small::before {
        margin-right: 15px;
        transform: rotate(-35deg) }
      div.cta .small::after {
        margin-left: 15px;
        transform: rotate(35deg);　}
    div.cta a {
      font-size: 6vw;
      font-weight: 600;
      color:#fff;
      background-color:#FFC048;
      width: 90%;
      display: inline-block;
      margin: 0 0 40px;
      padding: 20px;
      border-radius: 50px;
      box-shadow: 0 10px 10px rgba(0,0,0,0.3); }
      div.cta .patent {
        position: absolute;
        right: 0;
        width: 70px;
        top: -70px; }
    div.loov-movie {
      width: 80%;
      margin: .5rem auto 0;
      padding-bottom: 40px;}
  /* cont1 */
  section#cont1 {
    background-color:#f2f2f2 ;
    text-align: center; }
    section#cont1 .intro {
      font-size: 4w;
      position: relative;
      border-bottom: 4px solid #00b29e;
      display: inline-block;
      padding: 10px;
      margin: 20px 0; }
      section#cont1 .intro:before {
        position: absolute;
        bottom: -14px;
        left: 43%;
        width: 0;
        height: 0;
        content: '';
        border-width: 14px 12px 0 12px;
        border-style: solid;
        border-color: #00b29e transparent transparent transparent; }
      section#cont1 .intro:after {
        position: absolute;
        bottom: -8px;
        left: 43%;
        width: 0;
        height: 0;
        content: '';
        border-width: 14px 12px 0 12px;
        border-style: solid;
        border-color: #f7f7f7 transparent transparent transparent; }
    section#cont1 .summary {
      font-size: 4.5vw;
      font-weight: 600;
      line-height: 1.6;
      margin: 0 0 20px 0;}
      section#cont1 .summary span {
        font-size: 110%;
        color: #00b29e; }
    section#cont1 .supple {
      font-size: 3.5vw;
      line-height: 2;
      padding: 1rem 0; } 
    section#cont1 .surveys {
      margin: 20px auto 10px; }
      section#cont1 .survey {
        background-color: #fff;
        border-radius: 10px;
        position: relative;
        margin-top: 20px;
        text-align: center;
        padding: 0 20px 10px; }
        section#cont1 .survey .tag {
          background-color: #00b29e;
          display: inline-block;
          color: #fff;
          padding: 8px 20px;
          border-radius: 0 0 5px 5px;
          font-size: 4vw;
          font-weight: 500; }
        section#cont1 .survey .img {
          margin: 20px auto; }
          section#cont1 .survey .img img {
            width: 40%; }        
        section#cont1 .survey h3 {
          font-size: 5vw;
          color: #00b29e;
          line-height: 1.2; }
          section#cont1 .survey h3 span {
            font-size: 80%;
            font-weight: normal; }
        section#cont1 .survey .text {
          text-align: left;
          line-height: 1.4;
          margin-top: 10px;
          font-size: 3.5vw; }

  /* cont2 */
  section#cont2 {
    background:url(../img/cont2_bg.png);
    background-size: contain;
    text-align: center;
    padding-bottom: 20px }
    section#cont2 .intro {
      font-size: 4vw;
      position: relative;
      border-bottom: 4px solid #00b29e;
      display: inline-block;
      padding: 10px;
      margin: 30px 0 20px; }
      section#cont2 .intro:before {
        position: absolute;
        bottom: -14px;
        left: 43%;
        width: 0;
        height: 0;
        content: '';
        border-width: 14px 12px 0 12px;
        border-style: solid;
        border-color: #00b29e transparent transparent transparent; }
      section#cont2 .intro:after {
        position: absolute;
        bottom: -8px;
        left: 43%;
        width: 0;
        height: 0;
        content: '';
        border-width: 14px 12px 0 12px;
        border-style: solid;
        border-color: #d1f1ed transparent transparent transparent; }
    section#cont2 h2 {
      font-size: 4.5vw;
      line-height: 1.4}
      section#cont2 h2 span.strong{
        font-size: 110%;
        color: #00b29e; }
    section#cont2 .point {
      background-color: #f7f7f7;
      margin: 20px auto;
      width: 100%;
      border-radius: 10px; }
      section#cont2 .point .tag {
        background-color: #00b29e;
        color: #fff;
        padding: 8px 15px;
        border-radius: 0 0 5px 5px;
        font-size: 4vw;
        font-weight: 500;
        display: inline-block; }
      section#cont2 .point h3 {
        margin: 20px 0;
        font-size: 4.5vw;
        line-height: 1.2;
        position: relative; }
        section#cont2 .point h3:after {
          content: '';
          position: absolute;
          bottom: -10px;
          height: 2px;
          width: 30px;
          display: inline-block;
          left: 50%;
          -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
          background-color: #00b29e;
          border-radius: 2px; }
      section#cont2 .point .text {
        font-size: 3.5vw;
        line-height: 1.2;
        margin:0 10px }
      section#cont2 .point .img {
        border-radius: 0 0 10px 10px;
        width: 100%;
        background-color: #fff;
        margin-top: 10px; }
        section#cont2 .point .img img {
          padding: 10px 0; }

  }
</pre></body></html>