@charset "UTF-8";
/* line 3, /Users/rio/repository/umai-lp/css/_vars.scss */
:root,
:root [theme="dark"] {
  --primary-color: #5ED7F2;
  --rgb-primary-color: 94, 215, 242;
  --secondary-color: #3CDBFE;
  --rgb-secondary-color: 60, 219, 254;
  --thrid-color: #57C6F3;
  --sub-color: #5BF2E3;
  --navy-color: #1F5576;
  --skyblue-color: #1689C2;
  --rgb-skyblue-color: 22, 137, 194;
  --dark-color: #02283F;
  --green-color: #08E97D;
  --rbg-dark-color: 2, 40, 64;
  --silver-color: linear-gradient(180deg, #D4D9E0 0%, #DCE5EA 17.71%, #E9F0F5 31.25%, #F9FAFB 55.73%, #E9F1F8 70.31%, #D0DCE4 86.14%, #CCD7DE 100%);
  --gold-color: linear-gradient(180deg, #E3A455 7.28%, #E3A455 7.29%, #F5C66A 24.48%, #FFD073 35.42%, #FFDA7A 48.96%, #FBD282 61.98%, #EEBC70 80.21%, #E3A455 98.96%);
  --premium-color: linear-gradient(177deg, #0F1113 0%, #1E2428 17.71%, #21282F 31.77%, #202C37 42.19%, #142332 57.29%, #14171B 100%);
  --white-color: #ffffff;
  --rgb-bg-white-color: 252, 254, 255;
  --dropshadow-color: rgba(19, 51, 76, 0.25);
  --dark-navy-color: #13334C;
  --rgb-dark-navy: 19, 51, 76;
  --error-color: #f75050;
  --rgb-error-color: 247, 80, 80;
  --disabled-color: rgba(19, 51, 76, 0.5);
  --icon-inner-color: #294A4F;
  --font-color: #13334C;
  --rgb-font-color: 19, 51, 76;
  --font-gray: rgba(19, 51, 76, 0.7);
  --page-title-color: #294A4F;
  --profile-icon-font-color: #fff;
  --emphasis-color: #2ac1f5;
  --bg-sidebar: rgba(19, 51, 76, 0.9);
  --bg-footer: #02283F;
  --bg-header: #fff;
  --bg-form: #FCFEFF;
  --bg-window: rgba(252, 254, 255, 0.95);
  --bg-modal: rgba(19, 51, 76, 0.75);
  --bg-bar: #294A4F;
  --bg-window: rgba(252, 254, 255, 0.95);
  --bg-dark-window: rgba(2, 40, 64, 0.9);
  --button-positive-inner-border-color: #1689C2;
  --button-positive-bg-color: linear-gradient(180deg, #5ED7F2 0%, #37DBFF 50%, #5ED7F2 100%);
  --button-nagative-inner-border-color: #1689C2;
  --button-nagative-bg-color: #1B4764;
  --form-outer-border-color: #375C6C;
  --form-inner-border-color: #CED1D0;
  --form-hover-bg-color: rgba(2, 40, 64, 0.1);
  --form-tag-bg-color: rgba(2, 40, 64, 0.15);
  --form-border-color: rgba(2, 40, 64, 0.2);
  --bg-empty-checkbox: transparent;
  --bg-active-checkbox: linear-gradient(180deg, #20C777 0%, #02F17E 51.56%, #20C777 100%);
  --bg-disabled-checkbox: linear-gradient(180deg, #7E9499 0%, #94A2A5 51.56%, #7E9499 100%);
  --help-icon-color: rgba(94, 215, 242, 0.8);
  --race-number-color: var(--secondary-color);
  --tips-title-color: var(--primary-color);
  --tips-border-color: rgba(94, 215, 242, 0.75);
  --analysis-heig-color: #0AD0A1;
  --model-ok-color: rgba(94, 215, 242, 0.6);
  --model-err-color: rgba(2, 40, 64, 0.3);
  --sb-track-color: var(--gray-color);
  --sb-thumb-color: var(--primary-color);
  --sb-size: 6px;
  --bg-active-checkbox: linear-gradient(180deg, #20C777 0%, #02F17E 51.56%, #20C777 100%);
  --main-window-header-bg-color: linear-gradient(90deg, #5ED7F2 0%, #72E5FF 100%);
  --main-window-header-border-color: #72E5FF;
  --main-window-header-bg: var(--main-window-header-bg-color);
  --main-window-header-border: var(--main-window-header-border-color);
  --main-window-header-color: var(--white-color);
  --main-window-bg: rgba(2, 40, 64, 0.9);
  --push-button-border: var(--primary-color);
  --push-button-color: var(--white-color);
  --positive-tag-color: var(--green-color);
  --negative-tag-color: #3C89A2;
  --tag-bg: var(--positive-tag-color);
  --tag-noweight-bg: var(--negative-tag-color);
  --model-card-outer-border: var(--white-color);
  --model-card-inner-border: var(--primary-color);
  --model-card-bg: rgba(94, 215, 242, 0.1);
  --model-card-color: var(--white-color);
  --model-card-title-item: var(--secondary-color);
  --model-card-disabled-bg: rgba(2, 40, 64, 0.5);
  --model-prohibited-color: rgba(252, 253, 255, 0.7);
  --outer-border-color: #375C6C;
  --inner-border-color: #CED1D0;
  --button-primary-bg-color: linear-gradient(180deg, #5ED7F2 0%, #37DBFF 52.6%, #5ED7F2 100%);
  --button-outer-border: var(--outer-border-color);
  --button-inner-border: var(--inner-border-color);
  --button-bg: var(--button-primary-bg-color);
  --button-color: var(--white-color);
  --button-negative-bg: transparent;
  --button-light-outer-border: var(--outer-border-color);
  --button-light-inner-border: var(--button-inner-border);
  --button-light-color: var(--button-color);
  --button-light-positive-outer-border: var(--outer-border-color);
  --button-light-positive-inner-border: var(--white-color);
  --button-light-positive-bg: var(--button-primary-bg-color);
  --button-light-positive-color: var(--white-color);
  --button-light-negative-outer-border: var(--outer-border-color);
  --button-light-negative-inner-border: var(--button-inner-border);
  --button-light-negative-bg: transparent;
  --button-light-negative-color: var(--font-gray);
  --button-dark-outer-border: var(--white-color);
  --button-dark-inner-border: var(--skyblue-color);
  --button-dark-color: var(--white-color);
  --button-delete-color: var(--error-color);
  --button-back-border-color: rgba(2, 40, 64, 0.3);
  --races-color: var(--white-color);
  --races-card-bg: rgba(94, 215, 242, 0.1);
  --races-card-color: var(--white-color);
  --race-number-bg: linear-gradient(180deg, #36798E 0%, #36798E 0%, #3086A1 52.6%, #36798E 100%);
  --select-model-bg: rgba(2, 40, 64, 0.95);
  --select-model-outer-border: rgba(2, 40, 64, 0.95);
  --select-model-inner-border: var(--primary-color);
  --analysis-card-border: rgba(255, 255, 255, 0.3);
  --analysis-delete-color: rgba(94, 215, 242, 0.5);
  --chart-outer-border: var(--white-color);
  --chart-inner-border: var(--skyblue-color);
  --chart-plus-bg: transparent;
  --chart-minus-bg: transparent;
  --chart-good-bar-bg: #00C1FF;
  --chart-plus-bar-bg: #0080FF;
  --chart-minus-bar-bg: #8472E2;
  --table-border: #CED1D0;
  --table-selected-bg: rgba(94, 215, 242, 0.3);
  --plan-free-bg: rgba(94, 215, 242, 0.3);
  --plan-starter-bg: rgba(94, 215, 242, 0.7);
  --plan-standard-bg: var(--secondary-color);
  --plan-pro-bg: var(--silver-color);
  --plan-premium-bg: var(--gold-color);
  --plan-unlimited-bg: var(--premium-color);
  --plan-color: var(--white-color);
  --plan-item-even-bg: rgba(94, 215, 242, 0.15);
  --sidebar-toggle-bg: var(--primary-color);
  --sidebar-toggle-inner-border: var(--skyblue-color);
  --sidebar-toggle-outer-border: var(--white-color);
  --selectbox-dark-outer-border: var(--white-color);
  --selectbox-dark-inner-border: var(--skyblue-color);
  --selectbox-dark-color: var(--white-color);
  --dark-modal-border: rgba(60, 219, 254, 0.5);
  --meter-outer-border: var(--icon-inner-color);
  --meter-inner-border: var(--primary-color);
  --meter-bg: #043148;
  --limitMeterWidget-bg: var(--bg-window);
  --meter-color: var(--white-color);
  --meter-count-color: var(--primary-color);
  --meter-over-color: var(--error-color);
  --tutorial-bg: var(--bg-dark-window);
  /*
  --font-title-color: #06002D;
  --font-sub-color: #878E98;
  --font-gray: #878E98;

*/
  --loader-color: #fff;
  --border-color: #13334C;
  --rgb-border-color: 19, 51, 76;
  --window-border-color: rgba(19, 51, 76, 0.3);
  --bg-gray: #F7F8FA;
  --bg-highlight: #F2FBF6;
  --gray: #514F4E;
  --red: #DE4E4E;
  --gold: #CFAE5D;
  --black: #242320;
  --green: #0AD0A1;
  --facebook-color: #3a5998;
  --twitter-color: #1da1f2;
  --insta-color: #3f729b;
  --line-color: #1dcd00;
  --note-color: #41C9B4;
  --full-size: 1200px;
  --large-size: 1080px;
  --breakpoint: 768px;
  --breakpoint-tablet: --breakpoint;
  --breakpoint-mobile: 480px;
  --max-width: 1040px; }

/* line 3, /Users/rio/repository/umai-lp/css/_vars.scss */
:root,
:root [theme="dark"] {
  --primary-color: #5ED7F2;
  --rgb-primary-color: 94, 215, 242;
  --secondary-color: #3CDBFE;
  --rgb-secondary-color: 60, 219, 254;
  --thrid-color: #57C6F3;
  --sub-color: #5BF2E3;
  --navy-color: #1F5576;
  --skyblue-color: #1689C2;
  --rgb-skyblue-color: 22, 137, 194;
  --dark-color: #02283F;
  --green-color: #08E97D;
  --rbg-dark-color: 2, 40, 64;
  --silver-color: linear-gradient(180deg, #D4D9E0 0%, #DCE5EA 17.71%, #E9F0F5 31.25%, #F9FAFB 55.73%, #E9F1F8 70.31%, #D0DCE4 86.14%, #CCD7DE 100%);
  --gold-color: linear-gradient(180deg, #E3A455 7.28%, #E3A455 7.29%, #F5C66A 24.48%, #FFD073 35.42%, #FFDA7A 48.96%, #FBD282 61.98%, #EEBC70 80.21%, #E3A455 98.96%);
  --premium-color: linear-gradient(177deg, #0F1113 0%, #1E2428 17.71%, #21282F 31.77%, #202C37 42.19%, #142332 57.29%, #14171B 100%);
  --white-color: #ffffff;
  --rgb-bg-white-color: 252, 254, 255;
  --dropshadow-color: rgba(19, 51, 76, 0.25);
  --dark-navy-color: #13334C;
  --rgb-dark-navy: 19, 51, 76;
  --error-color: #f75050;
  --rgb-error-color: 247, 80, 80;
  --disabled-color: rgba(19, 51, 76, 0.5);
  --icon-inner-color: #294A4F;
  --font-color: #13334C;
  --rgb-font-color: 19, 51, 76;
  --font-gray: rgba(19, 51, 76, 0.7);
  --page-title-color: #294A4F;
  --profile-icon-font-color: #fff;
  --emphasis-color: #2ac1f5;
  --bg-sidebar: rgba(19, 51, 76, 0.9);
  --bg-footer: #02283F;
  --bg-header: #fff;
  --bg-form: #FCFEFF;
  --bg-window: rgba(252, 254, 255, 0.95);
  --bg-modal: rgba(19, 51, 76, 0.75);
  --bg-bar: #294A4F;
  --bg-window: rgba(252, 254, 255, 0.95);
  --bg-dark-window: rgba(2, 40, 64, 0.9);
  --button-positive-inner-border-color: #1689C2;
  --button-positive-bg-color: linear-gradient(180deg, #5ED7F2 0%, #37DBFF 50%, #5ED7F2 100%);
  --button-nagative-inner-border-color: #1689C2;
  --button-nagative-bg-color: #1B4764;
  --form-outer-border-color: #375C6C;
  --form-inner-border-color: #CED1D0;
  --form-hover-bg-color: rgba(2, 40, 64, 0.1);
  --form-tag-bg-color: rgba(2, 40, 64, 0.15);
  --form-border-color: rgba(2, 40, 64, 0.2);
  --bg-empty-checkbox: transparent;
  --bg-active-checkbox: linear-gradient(180deg, #20C777 0%, #02F17E 51.56%, #20C777 100%);
  --bg-disabled-checkbox: linear-gradient(180deg, #7E9499 0%, #94A2A5 51.56%, #7E9499 100%);
  --help-icon-color: rgba(94, 215, 242, 0.8);
  --race-number-color: var(--secondary-color);
  --tips-title-color: var(--primary-color);
  --tips-border-color: rgba(94, 215, 242, 0.75);
  --analysis-heig-color: #0AD0A1;
  --model-ok-color: rgba(94, 215, 242, 0.6);
  --model-err-color: rgba(2, 40, 64, 0.3);
  --sb-track-color: var(--gray-color);
  --sb-thumb-color: var(--primary-color);
  --sb-size: 6px;
  --bg-active-checkbox: linear-gradient(180deg, #20C777 0%, #02F17E 51.56%, #20C777 100%);
  --main-window-header-bg-color: linear-gradient(90deg, #5ED7F2 0%, #72E5FF 100%);
  --main-window-header-border-color: #72E5FF;
  --main-window-header-bg: var(--main-window-header-bg-color);
  --main-window-header-border: var(--main-window-header-border-color);
  --main-window-header-color: var(--white-color);
  --main-window-bg: rgba(2, 40, 64, 0.9);
  --push-button-border: var(--primary-color);
  --push-button-color: var(--white-color);
  --positive-tag-color: var(--green-color);
  --negative-tag-color: #3C89A2;
  --tag-bg: var(--positive-tag-color);
  --tag-noweight-bg: var(--negative-tag-color);
  --model-card-outer-border: var(--white-color);
  --model-card-inner-border: var(--primary-color);
  --model-card-bg: rgba(94, 215, 242, 0.1);
  --model-card-color: var(--white-color);
  --model-card-title-item: var(--secondary-color);
  --model-card-disabled-bg: rgba(2, 40, 64, 0.5);
  --model-prohibited-color: rgba(252, 253, 255, 0.7);
  --outer-border-color: #375C6C;
  --inner-border-color: #CED1D0;
  --button-primary-bg-color: linear-gradient(180deg, #5ED7F2 0%, #37DBFF 52.6%, #5ED7F2 100%);
  --button-outer-border: var(--outer-border-color);
  --button-inner-border: var(--inner-border-color);
  --button-bg: var(--button-primary-bg-color);
  --button-color: var(--white-color);
  --button-negative-bg: transparent;
  --button-light-outer-border: var(--outer-border-color);
  --button-light-inner-border: var(--button-inner-border);
  --button-light-color: var(--button-color);
  --button-light-positive-outer-border: var(--outer-border-color);
  --button-light-positive-inner-border: var(--white-color);
  --button-light-positive-bg: var(--button-primary-bg-color);
  --button-light-positive-color: var(--white-color);
  --button-light-negative-outer-border: var(--outer-border-color);
  --button-light-negative-inner-border: var(--button-inner-border);
  --button-light-negative-bg: transparent;
  --button-light-negative-color: var(--font-gray);
  --button-dark-outer-border: var(--white-color);
  --button-dark-inner-border: var(--skyblue-color);
  --button-dark-color: var(--white-color);
  --button-delete-color: var(--error-color);
  --button-back-border-color: rgba(2, 40, 64, 0.3);
  --races-color: var(--white-color);
  --races-card-bg: rgba(94, 215, 242, 0.1);
  --races-card-color: var(--white-color);
  --race-number-bg: linear-gradient(180deg, #36798E 0%, #36798E 0%, #3086A1 52.6%, #36798E 100%);
  --select-model-bg: rgba(2, 40, 64, 0.95);
  --select-model-outer-border: rgba(2, 40, 64, 0.95);
  --select-model-inner-border: var(--primary-color);
  --analysis-card-border: rgba(255, 255, 255, 0.3);
  --analysis-delete-color: rgba(94, 215, 242, 0.5);
  --chart-outer-border: var(--white-color);
  --chart-inner-border: var(--skyblue-color);
  --chart-plus-bg: transparent;
  --chart-minus-bg: transparent;
  --chart-good-bar-bg: #00C1FF;
  --chart-plus-bar-bg: #0080FF;
  --chart-minus-bar-bg: #8472E2;
  --table-border: #CED1D0;
  --table-selected-bg: rgba(94, 215, 242, 0.3);
  --plan-free-bg: rgba(94, 215, 242, 0.3);
  --plan-starter-bg: rgba(94, 215, 242, 0.7);
  --plan-standard-bg: var(--secondary-color);
  --plan-pro-bg: var(--silver-color);
  --plan-premium-bg: var(--gold-color);
  --plan-unlimited-bg: var(--premium-color);
  --plan-color: var(--white-color);
  --plan-item-even-bg: rgba(94, 215, 242, 0.15);
  --sidebar-toggle-bg: var(--primary-color);
  --sidebar-toggle-inner-border: var(--skyblue-color);
  --sidebar-toggle-outer-border: var(--white-color);
  --selectbox-dark-outer-border: var(--white-color);
  --selectbox-dark-inner-border: var(--skyblue-color);
  --selectbox-dark-color: var(--white-color);
  --dark-modal-border: rgba(60, 219, 254, 0.5);
  --meter-outer-border: var(--icon-inner-color);
  --meter-inner-border: var(--primary-color);
  --meter-bg: #043148;
  --limitMeterWidget-bg: var(--bg-window);
  --meter-color: var(--white-color);
  --meter-count-color: var(--primary-color);
  --meter-over-color: var(--error-color);
  --tutorial-bg: var(--bg-dark-window);
  /*
  --font-title-color: #06002D;
  --font-sub-color: #878E98;
  --font-gray: #878E98;

*/
  --loader-color: #fff;
  --border-color: #13334C;
  --rgb-border-color: 19, 51, 76;
  --window-border-color: rgba(19, 51, 76, 0.3);
  --bg-gray: #F7F8FA;
  --bg-highlight: #F2FBF6;
  --gray: #514F4E;
  --red: #DE4E4E;
  --gold: #CFAE5D;
  --black: #242320;
  --green: #0AD0A1;
  --facebook-color: #3a5998;
  --twitter-color: #1da1f2;
  --insta-color: #3f729b;
  --line-color: #1dcd00;
  --note-color: #41C9B4;
  --full-size: 1200px;
  --large-size: 1080px;
  --breakpoint: 768px;
  --breakpoint-tablet: --breakpoint;
  --breakpoint-mobile: 480px;
  --max-width: 1040px; }

/* line 4, /Users/rio/repository/umai-lp/css/_base.scss */
* {
  box-sizing: border-box; }

/* line 8, /Users/rio/repository/umai-lp/css/_base.scss */
body {
  background-color: #fff;
  color: var(--font-color);
  font-family: 'M PLUS 1p', sans-serif;
  font-size: 15px;
  font-weight: normal;
  line-height: 1.5;
  text-align: center; }

/* line 18, /Users/rio/repository/umai-lp/css/_base.scss */
a {
  color: var(--font-color);
  text-decoration: none; }
  /* line 21, /Users/rio/repository/umai-lp/css/_base.scss */
  a:hover, a:active, a:focus {
    text-decoration: none; }
  /* line 27, /Users/rio/repository/umai-lp/css/_base.scss */
  a.underline:hover, a.underline:active, a.underline:focus {
    text-decoration: underline; }

/* line 36, /Users/rio/repository/umai-lp/css/_base.scss */
img {
  display: block;
  width: 100%; }

/* line 41, /Users/rio/repository/umai-lp/css/_base.scss */
hr {
  margin: 12px 0; }

/* line 45, /Users/rio/repository/umai-lp/css/_base.scss */
.bold-text {
  font-weight: bold; }

@media (max-width: 768px) {
  /* line 49, /Users/rio/repository/umai-lp/css/_base.scss */
  .hidden-sp {
    display: none !important; } }

@media (min-width: 768px) {
  /* line 55, /Users/rio/repository/umai-lp/css/_base.scss */
  .hidden-pc {
    display: none !important; } }

/* line 3, /Users/rio/repository/umai-lp/css/_utils.scss */
#umai-lp .sp_menu .reg_btn {
  max-width: 120px; }

/* line 10, /Users/rio/repository/umai-lp/css/_utils.scss */
#umai-lp .video-button {
  display: block;
  position: absolute;
  top: calc(50% - 28px);
  left: calc(50% - 28px);
  z-index: 2;
  height: 56px;
  width: 56px;
  border-radius: 50%;
  background-color: rgba(31, 85, 118, 0.5);
  background-image: url(../img/icon-play.png);
  background-position: center; }

/* line 24, /Users/rio/repository/umai-lp/css/_utils.scss */
#umai-lp .container4 h3.movie-title::before {
  display: none; }

/* line 27, /Users/rio/repository/umai-lp/css/_utils.scss */
#umai-lp .container4 h3 {
  margin: 0 0 24px; }

/* line 31, /Users/rio/repository/umai-lp/css/_utils.scss */
#umai-lp .container6 {
  padding: 64px 12px;
  background-image: url("../img/umari_bg.png");
  background-position: center top -70px;
  background-repeat: no-repeat;
  background-size: cover; }
  /* line 37, /Users/rio/repository/umai-lp/css/_utils.scss */
  #umai-lp .container6 > h3 {
    color: #fff; }

/* line 42, /Users/rio/repository/umai-lp/css/_utils.scss */
#umai-lp .m-button {
  display: inline-block;
  position: relative;
  z-index: 100;
  padding: 0;
  width: auto;
  border: 1px solid var(--button-outer-border);
  border-bottom: 2px solid var(--button-outer-border);
  background: var(--button-bg);
  border-radius: 6px;
  color: var(--button-color);
  cursor: pointer; }
  /* line 54, /Users/rio/repository/umai-lp/css/_utils.scss */
  #umai-lp .m-button > .name {
    display: inline-block;
    height: auto;
    width: 100%;
    padding: 6px 24px;
    border: 2px solid var(--white-color);
    border-radius: 5px;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-align: center; }
    @media (min-width: 768px) {
      /* line 54, /Users/rio/repository/umai-lp/css/_utils.scss */
      #umai-lp .m-button > .name {
        font-size: 18px;
        line-height: 28px;
        padding: 8px 32px; } }

/* line 73, /Users/rio/repository/umai-lp/css/_utils.scss */
#umai-lp .l-button {
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 32px 16px; }

/* line 83, /Users/rio/repository/umai-lp/css/_utils.scss */
.m-headline {
  display: flex;
  flex-direction: column;
  padding: 0 16px;
  color: rgba(19, 51, 76, 0.9); }
  /* line 88, /Users/rio/repository/umai-lp/css/_utils.scss */
  .m-headline.reverse {
    color: var(--white-color); }
  /* line 91, /Users/rio/repository/umai-lp/css/_utils.scss */
  .m-headline > .title {
    font-size: 48px;
    font-style: italic;
    font-weight: 900;
    text-align: center; }
    /* line 96, /Users/rio/repository/umai-lp/css/_utils.scss */
    .m-headline > .title > .smaller {
      font-size: .75em; }
    @media (min-width: 768px) {
      /* line 91, /Users/rio/repository/umai-lp/css/_utils.scss */
      .m-headline > .title {
        font-size: 64px; } }
  /* line 103, /Users/rio/repository/umai-lp/css/_utils.scss */
  .m-headline > .description {
    display: block;
    font-size: 14px;
    font-weight: 500; }
    @media (min-width: 768px) {
      /* line 103, /Users/rio/repository/umai-lp/css/_utils.scss */
      .m-headline > .description {
        font-size: 16px; } }
    /* line 110, /Users/rio/repository/umai-lp/css/_utils.scss */
    .m-headline > .description br {
      display: none; }
      @media (min-width: 480px) {
        /* line 110, /Users/rio/repository/umai-lp/css/_utils.scss */
        .m-headline > .description br {
          display: inline; } }

/* line 120, /Users/rio/repository/umai-lp/css/_utils.scss */
.l-wallpaper {
  position: relative;
  width: 100%;
  overflow: hidden; }
  /* line 124, /Users/rio/repository/umai-lp/css/_utils.scss */
  .l-wallpaper:after {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100vw;
    height: 100vh;
    height: 100dvh;
    background-image: url(../img/wallpaper.png);
    background-position: center;
    background-size: cover;
    content: ""; }

/* line 1, /Users/rio/repository/umai-lp/css/_header.scss */
.l-header {
  display: flex;
  justify-content: center;
  background-color: var(--white-color); }

/* line 6, /Users/rio/repository/umai-lp/css/_header.scss */
.m-header {
  display: flex;
  justify-content: space-between;
  height: 60px;
  width: 100%;
  max-width: var(--max-width);
  padding: 4px 16px; }

/* line 15, /Users/rio/repository/umai-lp/css/_header.scss */
.m-logo {
  display: block;
  overflow: hidden;
  width: 120px;
  height: 100%;
  background-image: url(../img/logo.svg);
  background-position: center left;
  background-repeat: no-repeat;
  background-size: contain;
  text-indent: 100%;
  white-space: nowrap; }

/* line 28, /Users/rio/repository/umai-lp/css/_header.scss */
.m-menu {
  display: none;
  justify-content: center;
  align-items: center;
  gap: 4px; }
  @media (min-width: 640px) {
    /* line 28, /Users/rio/repository/umai-lp/css/_header.scss */
    .m-menu {
      display: flex; } }
  /* line 36, /Users/rio/repository/umai-lp/css/_header.scss */
  .m-menu > .item {
    display: flex;
    align-items: center;
    height: 100%;
    border-radius: 4px;
    cursor: pointer; }
    /* line 42, /Users/rio/repository/umai-lp/css/_header.scss */
    .m-menu > .item:hover {
      background-color: rgba(94, 215, 242, 0.8);
      transition: background-color .3s; }
      /* line 45, /Users/rio/repository/umai-lp/css/_header.scss */
      .m-menu > .item:hover a {
        color: var(--white-color);
        transition: color .3s; }
    /* line 50, /Users/rio/repository/umai-lp/css/_header.scss */
    .m-menu > .item a {
      display: inline-block;
      padding: 0 8px;
      font-size: 16px;
      font-weight: 500; }

/* line 60, /Users/rio/repository/umai-lp/css/_header.scss */
.l-mainVisual {
  display: block;
  width: 100%;
  padding: 32px 0; }

/* line 65, /Users/rio/repository/umai-lp/css/_header.scss */
.m-mainVisual {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  padding: 64px 16px;
  background-color: var(--bg-dark-window);
  box-shadow: 0px 4px 8px 0px rgba(2, 40, 64, 0.25); }
  /* line 74, /Users/rio/repository/umai-lp/css/_header.scss */
  .m-mainVisual > .container {
    display: flex;
    flex-direction: column;
    gap: 36px;
    justify-items: center;
    align-items: center;
    position: relative;
    width: 100%;
    max-width: var(--max-width); }
    @media (min-width: 640px) {
      /* line 74, /Users/rio/repository/umai-lp/css/_header.scss */
      .m-mainVisual > .container {
        flex-direction: row; } }
    /* line 86, /Users/rio/repository/umai-lp/css/_header.scss */
    .m-mainVisual > .container > .cpImage {
      display: none;
      width: 100%;
      padding: 0 0 13%; }
      @media (min-width: 640px) {
        /* line 86, /Users/rio/repository/umai-lp/css/_header.scss */
        .m-mainVisual > .container > .cpImage {
          width: 66%;
          padding: 0 0 8%; } }
      /* line 94, /Users/rio/repository/umai-lp/css/_header.scss */
      .m-mainVisual > .container > .cpImage > img {
        display: block; }
    /* line 98, /Users/rio/repository/umai-lp/css/_header.scss */
    .m-mainVisual > .container > .images {
      width: 100%;
      max-width: 480px;
      opacity: .8; }
      @media (min-width: 640px) {
        /* line 98, /Users/rio/repository/umai-lp/css/_header.scss */
        .m-mainVisual > .container > .images {
          width: 60%; } }
      /* line 105, /Users/rio/repository/umai-lp/css/_header.scss */
      .m-mainVisual > .container > .images .slider {
        position: relative;
        width: 100%; }
      /* line 109, /Users/rio/repository/umai-lp/css/_header.scss */
      .m-mainVisual > .container > .images .slide {
        display: block;
        position: relative; }
      /* line 113, /Users/rio/repository/umai-lp/css/_header.scss */
      .m-mainVisual > .container > .images img {
        display: block;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0; }
        /* line 120, /Users/rio/repository/umai-lp/css/_header.scss */
        .m-mainVisual > .container > .images img:first-of-type {
          position: relative; }
      /* line 125, /Users/rio/repository/umai-lp/css/_header.scss */
      .m-mainVisual > .container > .images .slick-active img {
        animation: fadeIn .3s ease-out 0s forwards; }
        /* line 127, /Users/rio/repository/umai-lp/css/_header.scss */
        .m-mainVisual > .container > .images .slick-active img:first-of-type {
          animation-delay: .2s; }
        /* line 130, /Users/rio/repository/umai-lp/css/_header.scss */
        .m-mainVisual > .container > .images .slick-active img:nth-of-type(2) {
          animation-delay: 1.3s; }
        /* line 133, /Users/rio/repository/umai-lp/css/_header.scss */
        .m-mainVisual > .container > .images .slick-active img:nth-of-type(3) {
          animation-delay: 1.6s; }
        /* line 136, /Users/rio/repository/umai-lp/css/_header.scss */
        .m-mainVisual > .container > .images .slick-active img:nth-of-type(4) {
          animation-delay: 1.9s; }
        /* line 139, /Users/rio/repository/umai-lp/css/_header.scss */
        .m-mainVisual > .container > .images .slick-active img:nth-of-type(5) {
          animation-delay: 2.2s; }
        /* line 142, /Users/rio/repository/umai-lp/css/_header.scss */
        .m-mainVisual > .container > .images .slick-active img:nth-of-type(6) {
          animation-delay: 2.5s; }
        /* line 145, /Users/rio/repository/umai-lp/css/_header.scss */
        .m-mainVisual > .container > .images .slick-active img:nth-of-type(7) {
          animation-delay: 2.8s; }
        /* line 148, /Users/rio/repository/umai-lp/css/_header.scss */
        .m-mainVisual > .container > .images .slick-active img:nth-of-type(8) {
          animation-delay: 3.1s; }
        /* line 151, /Users/rio/repository/umai-lp/css/_header.scss */
        .m-mainVisual > .container > .images .slick-active img:nth-of-type(9) {
          animation-delay: 3.4s; }
    /* line 157, /Users/rio/repository/umai-lp/css/_header.scss */
    .m-mainVisual > .container > .contents {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 36px;
      width: 100%;
      max-width: 480px; }
      @media (min-width: 640px) {
        /* line 157, /Users/rio/repository/umai-lp/css/_header.scss */
        .m-mainVisual > .container > .contents {
          width: 34%; } }
      @media (min-width: 768px) {
        /* line 157, /Users/rio/repository/umai-lp/css/_header.scss */
        .m-mainVisual > .container > .contents {
          gap: 36px; } }
      /* line 170, /Users/rio/repository/umai-lp/css/_header.scss */
      .m-mainVisual > .container > .contents > .text {
        display: flex;
        flex-direction: column;
        gap: 24px;
        width: 100%;
        max-width: 420px;
        color: var(--white-color); }
        @media (min-width: 768px) {
          /* line 170, /Users/rio/repository/umai-lp/css/_header.scss */
          .m-mainVisual > .container > .contents > .text {
            gap: 24px; } }
        /* line 180, /Users/rio/repository/umai-lp/css/_header.scss */
        .m-mainVisual > .container > .contents > .text > .title {
          display: block;
          overflow: hidden;
          padding: calc(100% * 120 / 346) 0 0;
          font-size: 0;
          background-image: url(../img/text-1.svg);
          background-position: center;
          background-repeat: no-repeat;
          background-size: cover;
          text-indent: 100%;
          white-space: nowrap; }
        /* line 192, /Users/rio/repository/umai-lp/css/_header.scss */
        .m-mainVisual > .container > .contents > .text > .description {
          font-size: 16px;
          text-align: left; }
          @media (min-width: 640px) {
            /* line 192, /Users/rio/repository/umai-lp/css/_header.scss */
            .m-mainVisual > .container > .contents > .text > .description {
              font-size: calc(100vw * .016); } }
          @media (min-width: 1000px) {
            /* line 192, /Users/rio/repository/umai-lp/css/_header.scss */
            .m-mainVisual > .container > .contents > .text > .description {
              font-size: 16px; } }
  /* line 205, /Users/rio/repository/umai-lp/css/_header.scss */
  .m-mainVisual .movie {
    display: block;
    padding: 0;
    position: absolute;
    right: -8px;
    bottom: -18%;
    cursor: pointer; }
    @media (min-width: 640px) {
      /* line 205, /Users/rio/repository/umai-lp/css/_header.scss */
      .m-mainVisual .movie {
        bottom: -80px;
        right: 0; } }
    /* line 216, /Users/rio/repository/umai-lp/css/_header.scss */
    .m-mainVisual .movie > .image {
      position: absolute;
      left: -60px;
      bottom: -10px;
      z-index: 1;
      width: 100px; }
      /* line 222, /Users/rio/repository/umai-lp/css/_header.scss */
      .m-mainVisual .movie > .image > img {
        display: block;
        width: 100%; }
    /* line 227, /Users/rio/repository/umai-lp/css/_header.scss */
    .m-mainVisual .movie > .display {
      display: flex;
      justify-content: center;
      align-items: center;
      position: relative;
      width: 200px;
      height: 125px;
      border-radius: 12px;
      border: 2px solid var(--primary-color);
      background-image: url(../img/movie.png);
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      box-shadow: 0px 4px 8px 0px rgba(2, 40, 64, 0.25); }
      /* line 241, /Users/rio/repository/umai-lp/css/_header.scss */
      .m-mainVisual .movie > .display > .play {
        display: flex;
        flex-shrink: 0;
        justify-content: center;
        align-items: center;
        height: 40px;
        width: 40px;
        border-radius: 20px;
        background-color: rgba(94, 215, 242, 0.5); }
        /* line 250, /Users/rio/repository/umai-lp/css/_header.scss */
        .m-mainVisual .movie > .display > .play:before {
          display: block;
          position: relative;
          left: 2px;
          width: 12px;
          height: 16px;
          border: 8px solid transparent;
          border-left: 12px solid var(--primary-color);
          border-right: none;
          content: ""; }
      /* line 262, /Users/rio/repository/umai-lp/css/_header.scss */
      .m-mainVisual .movie > .display > .text {
        display: block;
        position: absolute;
        left: 26px;
        bottom: 8px;
        width: 188px;
        padding: 4px 0;
        border-radius: 20px;
        background-color: var(--primary-color);
        color: var(--white-color);
        font-size: 13px;
        font-weight: 800;
        text-align: center; }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

/* line 1, /Users/rio/repository/umai-lp/css/_main.scss */
.l-about {
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 16px;
  padding: 48px 0;
  background-color: var(--white-color);
  box-shadow: 0 0 12px rgba(2, 40, 64, 0.25); }

/* line 11, /Users/rio/repository/umai-lp/css/_main.scss */
.m-about {
  display: block;
  padding: 0 4px; }
  /* line 14, /Users/rio/repository/umai-lp/css/_main.scss */
  .m-about > .description {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.8; }
    @media (min-width: 768px) {
      /* line 14, /Users/rio/repository/umai-lp/css/_main.scss */
      .m-about > .description {
        font-size: 16px; } }
    /* line 21, /Users/rio/repository/umai-lp/css/_main.scss */
    .m-about > .description strong {
      display: block;
      padding: .5em 0;
      font-size: 20px; }
      @media (min-width: 480px) {
        /* line 21, /Users/rio/repository/umai-lp/css/_main.scss */
        .m-about > .description strong {
          font-size: 24px; } }
    /* line 29, /Users/rio/repository/umai-lp/css/_main.scss */
    .m-about > .description .empashis {
      color: var(--primary-color); }

/* line 36, /Users/rio/repository/umai-lp/css/_main.scss */
.l-steps {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 48px;
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 48px 16px; }
  /* line 45, /Users/rio/repository/umai-lp/css/_main.scss */
  .l-steps .arch {
    position: absolute;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: 320px;
    background-image: url(../img/arch.svg);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% 160px; }
    /* line 55, /Users/rio/repository/umai-lp/css/_main.scss */
    .l-steps .arch:after {
      display: block;
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 160px;
      background-color: var(--white-color);
      content: ""; }

/* line 68, /Users/rio/repository/umai-lp/css/_main.scss */
.m-step {
  display: block;
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 1008px;
  padding: 64px 0; }
  @media (min-width: 640px) {
    /* line 76, /Users/rio/repository/umai-lp/css/_main.scss */
    .m-step.reverse > .container {
      flex-direction: row-reverse; } }
  /* line 82, /Users/rio/repository/umai-lp/css/_main.scss */
  .m-step > .container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 16px;
    width: 100%;
    padding: 12px 12px;
    border-radius: 12px;
    background-color: var(--bg-dark-window);
    box-shadow: 0px 4px 8px 0px rgba(2, 40, 64, 0.25); }
    @media (min-width: 640px) {
      /* line 82, /Users/rio/repository/umai-lp/css/_main.scss */
      .m-step > .container {
        flex-direction: row;
        padding: 12px 16px; } }
    @media (min-width: 840px) {
      /* line 82, /Users/rio/repository/umai-lp/css/_main.scss */
      .m-step > .container {
        padding: 12px 32px;
        gap: 48px; } }
    /* line 101, /Users/rio/repository/umai-lp/css/_main.scss */
    .m-step > .container > .image {
      display: block;
      flex-shrink: 0;
      position: relative;
      height: 400px;
      width: 240px; }
      /* line 107, /Users/rio/repository/umai-lp/css/_main.scss */
      .m-step > .container > .image > .wrap {
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        bottom: 0;
        left: 0;
        height: 480px;
        width: 240px; }
        @media (min-width: 640px) {
          /* line 107, /Users/rio/repository/umai-lp/css/_main.scss */
          .m-step > .container > .image > .wrap {
            bottom: calc(50% - 240px); } }
    /* line 121, /Users/rio/repository/umai-lp/css/_main.scss */
    .m-step > .container .contents {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      gap: 12px;
      width: 100%;
      max-width: 480px;
      color: var(--white-color);
      text-align: left; }
      @media (min-width: 840px) {
        /* line 121, /Users/rio/repository/umai-lp/css/_main.scss */
        .m-step > .container .contents {
          gap: 16px; } }
      /* line 134, /Users/rio/repository/umai-lp/css/_main.scss */
      .m-step > .container .contents > .title {
        width: 100%;
        font-size: 32px;
        font-weight: 700; }
        @media (min-width: 840px) {
          /* line 134, /Users/rio/repository/umai-lp/css/_main.scss */
          .m-step > .container .contents > .title {
            font-size: 36px; } }
        /* line 141, /Users/rio/repository/umai-lp/css/_main.scss */
        .m-step > .container .contents > .title > .smaller {
          font-size: .9em; }
      /* line 145, /Users/rio/repository/umai-lp/css/_main.scss */
      .m-step > .container .contents > .border {
        display: block;
        height: 2px;
        width: 100%;
        margin: 0;
        border: none;
        background: linear-gradient(90deg, #5ED7F2 5.42%, #72E5FF 108.18%); }
      /* line 153, /Users/rio/repository/umai-lp/css/_main.scss */
      .m-step > .container .contents > .description {
        display: flex;
        flex-direction: column; }
        /* line 156, /Users/rio/repository/umai-lp/css/_main.scss */
        .m-step > .container .contents > .description > p {
          margin: 0 0 .5em;
          font-size: 14px;
          font-weight: 400;
          line-height: 1.6; }
          @media (min-width: 840px) {
            /* line 156, /Users/rio/repository/umai-lp/css/_main.scss */
            .m-step > .container .contents > .description > p {
              font-size: 16px; } }
  /* line 168, /Users/rio/repository/umai-lp/css/_main.scss */
  .m-step .frame {
    position: absolute;
    top: -10px;
    left: -14px;
    z-index: 2;
    height: 480px;
    width: 240px;
    background-image: url(../img/iphone.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat; }
  /* line 180, /Users/rio/repository/umai-lp/css/_main.scss */
  .m-step .slider {
    display: block;
    position: relative;
    z-index: 1;
    height: 460px;
    width: 213px;
    border-radius: 20px; }
    /* line 187, /Users/rio/repository/umai-lp/css/_main.scss */
    .m-step .slider > .slide {
      display: block;
      height: 100%;
      width: 100%; }
    /* line 192, /Users/rio/repository/umai-lp/css/_main.scss */
    .m-step .slider .slick-arrow {
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 10;
      height: 40px;
      width: 40px;
      border-radius: 20px;
      border: 2px solid var(--primary-color);
      background-color: var(--white-color);
      box-shadow: 0 0 4px rgba(2, 40, 64, 0.25); }
      /* line 203, /Users/rio/repository/umai-lp/css/_main.scss */
      .m-step .slider .slick-arrow:before {
        height: 20px;
        width: 20px;
        background-image: url(../img/arrow.svg);
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        content: ""; }
    /* line 214, /Users/rio/repository/umai-lp/css/_main.scss */
    .m-step .slider .slick-next:before {
      transform: rotate(180deg); }

/* line 221, /Users/rio/repository/umai-lp/css/_main.scss */
.m-onepoint {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 0; }
  /* line 226, /Users/rio/repository/umai-lp/css/_main.scss */
  .m-onepoint > .umari {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80px; }
  /* line 232, /Users/rio/repository/umai-lp/css/_main.scss */
  .m-onepoint > .comment {
    position: relative;
    width: calc(100% - 80px);
    padding: 16px 16px 8px;
    border-radius: 8px;
    border: 3px solid var(--primary-color);
    background-color: var(--bg-window);
    color: var(--font-color);
    font-size: 13px;
    font-weight: 500; }
    @media (min-width: 840px) {
      /* line 232, /Users/rio/repository/umai-lp/css/_main.scss */
      .m-onepoint > .comment {
        font-size: 14px; } }
    /* line 245, /Users/rio/repository/umai-lp/css/_main.scss */
    .m-onepoint > .comment > .label {
      display: inline-block;
      position: absolute;
      top: -14px;
      left: 16px;
      padding: 2px 6px;
      border-radius: 20px;
      border: 3px solid var(--primary-color);
      background-color: var(--white-color);
      color: var(--primary-color);
      font-size: 12px;
      font-weight: 800; }

/* line 262, /Users/rio/repository/umai-lp/css/_main.scss */
.l-umari {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
  width: 100%;
  padding: 24px 0 64px;
  background-color: var(--white-color); }

/* line 273, /Users/rio/repository/umai-lp/css/_main.scss */
.m-umari {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
  width: 100%;
  max-width: var(--max-width);
  padding: 0 16px; }
  @media (min-width: 640px) {
    /* line 273, /Users/rio/repository/umai-lp/css/_main.scss */
    .m-umari {
      flex-direction: row;
      gap: 0; } }
  /* line 286, /Users/rio/repository/umai-lp/css/_main.scss */
  .m-umari > .mascot {
    display: flex;
    flex-shrink: 0;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 200px; }
    @media (min-width: 840px) {
      /* line 286, /Users/rio/repository/umai-lp/css/_main.scss */
      .m-umari > .mascot {
        width: 240px; } }
    /* line 296, /Users/rio/repository/umai-lp/css/_main.scss */
    .m-umari > .mascot .image {
      position: relative;
      width: 160px; }
      @media (min-width: 840px) {
        /* line 296, /Users/rio/repository/umai-lp/css/_main.scss */
        .m-umari > .mascot .image {
          width: 200px; } }
      /* line 302, /Users/rio/repository/umai-lp/css/_main.scss */
      .m-umari > .mascot .image .umari {
        display: block;
        position: relative;
        z-index: 1;
        animation: jump 10s linear 5s infinite; }
        /* line 307, /Users/rio/repository/umai-lp/css/_main.scss */
        .m-umari > .mascot .image .umari:after {
          display: block;
          padding: 150% 0 0;
          content: ""; }
        /* line 312, /Users/rio/repository/umai-lp/css/_main.scss */
        .m-umari > .mascot .image .umari img {
          display: block;
          position: absolute;
          top: 0;
          left: 0; }
          /* line 317, /Users/rio/repository/umai-lp/css/_main.scss */
          .m-umari > .mascot .image .umari img.umari-1 {
            z-index: 12;
            animation: wink 10s linear 5s infinite; }
          /* line 321, /Users/rio/repository/umai-lp/css/_main.scss */
          .m-umari > .mascot .image .umari img.umari-2 {
            opacity: 0;
            z-index: 13;
            animation: smile 10s linear 5s infinite; }
          /* line 326, /Users/rio/repository/umai-lp/css/_main.scss */
          .m-umari > .mascot .image .umari img.umari-3 {
            z-index: 11; }
          /* line 329, /Users/rio/repository/umai-lp/css/_main.scss */
          .m-umari > .mascot .image .umari img.umari-4 {
            opacity: 0;
            animation: wink2 10s linear 5s infinite;
            z-index: 14; }
      /* line 336, /Users/rio/repository/umai-lp/css/_main.scss */
      .m-umari > .mascot .image .shadow {
        display: block;
        position: absolute;
        bottom: 8px;
        left: 0;
        z-index: 0;
        opacity: .5; }
  /* line 346, /Users/rio/repository/umai-lp/css/_main.scss */
  .m-umari > .profile {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 12px;
    max-width: 640px;
    padding: 16px;
    border-radius: 12px;
    border: 5px solid var(--primary-color);
    background-color: var(--bg-window);
    box-shadow: 0px 0px 8px 0px rgba(2, 40, 64, 0.25); }
    /* line 358, /Users/rio/repository/umai-lp/css/_main.scss */
    .m-umari > .profile > .info {
      width: 100%;
      font-size: 18px;
      text-align: left;
      font-weight: 800; }
      @media (min-width: 840px) {
        /* line 358, /Users/rio/repository/umai-lp/css/_main.scss */
        .m-umari > .profile > .info {
          font-size: 20px; } }
      /* line 366, /Users/rio/repository/umai-lp/css/_main.scss */
      .m-umari > .profile > .info > dt {
        display: block;
        position: absolute;
        width: 6em;
        padding: 4px 1em 4px 0; }
        /* line 371, /Users/rio/repository/umai-lp/css/_main.scss */
        .m-umari > .profile > .info > dt:after {
          position: absolute;
          right: 0;
          content: ":"; }
      /* line 377, /Users/rio/repository/umai-lp/css/_main.scss */
      .m-umari > .profile > .info > dd {
        display: block;
        width: 100%;
        padding: 4px 0 4px 6.5em;
        border-bottom: 1px solid #CED1D0; }
    /* line 384, /Users/rio/repository/umai-lp/css/_main.scss */
    .m-umari > .profile .description {
      display: block; }
      /* line 386, /Users/rio/repository/umai-lp/css/_main.scss */
      .m-umari > .profile .description > p {
        margin: 0 0 .5em;
        color: var(--font-color);
        font-size: 15px;
        font-weight: 500;
        line-height: 1.6;
        text-align: left; }
        @media (min-width: 840px) {
          /* line 386, /Users/rio/repository/umai-lp/css/_main.scss */
          .m-umari > .profile .description > p {
            font-size: 18px; } }
        /* line 396, /Users/rio/repository/umai-lp/css/_main.scss */
        .m-umari > .profile .description > p .larger {
          font-size: 1.3em;
          font-weight: 800; }
        /* line 400, /Users/rio/repository/umai-lp/css/_main.scss */
        .m-umari > .profile .description > p .emphasis {
          color: var(--primary-color); }

@keyframes wink2 {
  0% {
    opacity: 0; }
  75% {
    opacity: 0; }
  76% {
    opacity: 1; }
  79% {
    opacity: 1; }
  80% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@keyframes wink {
  0% {
    opacity: 1; }
  10% {
    opacity: 1; }
  11% {
    opacity: 0; }
  14% {
    opacity: 0; }
  15% {
    opacity: 1; }
  100% {
    opacity: 1; } }

@keyframes smile {
  0% {
    opacity: 0; }
  56% {
    opacity: 0; }
  57% {
    opacity: 1; }
  59% {
    opacity: 1; }
  60% {
    opacity: 0; }
  62% {
    opacity: 1; }
  64% {
    opacity: 1; }
  66% {
    opacity: 0; }
  67% {
    opacity: 1; }
  69% {
    opacity: 1; }
  71% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@keyframes jump {
  0% {
    top: 0; }
  1.5% {
    top: -16px; }
  3% {
    top: 0; }
  4.5% {
    top: -16px; }
  6% {
    top: 0; }
  100% {
    top: 0; } }

/* line 510, /Users/rio/repository/umai-lp/css/_main.scss */
.l-users {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 36px;
  width: 100%;
  padding: 48px 0; }

/* line 520, /Users/rio/repository/umai-lp/css/_main.scss */
.m-users {
  width: 100%;
  max-width: var(--max-width);
  padding: 0 16px; }
  /* line 524, /Users/rio/repository/umai-lp/css/_main.scss */
  .m-users > .contents {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px; }

/* line 532, /Users/rio/repository/umai-lp/css/_main.scss */
.m-index {
  display: flex;
  flex-direction: column;
  gap: 12px;
  position: relative;
  width: 100%;
  max-width: 480px;
  padding: 12px;
  border-radius: 12px;
  background-color: var(--bg-dark-window); }
  @media (min-width: 540px) {
    /* line 532, /Users/rio/repository/umai-lp/css/_main.scss */
    .m-index {
      width: calc(50% - 9px); } }
  @media (min-width: 880px) {
    /* line 532, /Users/rio/repository/umai-lp/css/_main.scss */
    .m-index {
      width: calc(33% - 12px); } }
  /* line 548, /Users/rio/repository/umai-lp/css/_main.scss */
  .m-index > .header {
    display: flex;
    align-items: center;
    gap: 12px; }
    /* line 552, /Users/rio/repository/umai-lp/css/_main.scss */
    .m-index > .header > .icon {
      display: block;
      flex-shrink: 0;
      overflow: hidden;
      height: 36px;
      width: 36px;
      border-radius: 24px;
      background-color: #5ED7F2; }
      /* line 560, /Users/rio/repository/umai-lp/css/_main.scss */
      .m-index > .header > .icon > img {
        display: block;
        width: 100%; }
    /* line 565, /Users/rio/repository/umai-lp/css/_main.scss */
    .m-index > .header > .info {
      display: flex;
      flex-direction: column;
      gap: 4px;
      color: var(--white-color);
      font-weight: 700;
      text-align: left; }
      /* line 572, /Users/rio/repository/umai-lp/css/_main.scss */
      .m-index > .header > .info > .name {
        display: block;
        font-size: 16px; }
        /* line 575, /Users/rio/repository/umai-lp/css/_main.scss */
        .m-index > .header > .info > .name:after {
          content: "さん"; }
      /* line 579, /Users/rio/repository/umai-lp/css/_main.scss */
      .m-index > .header > .info > .race {
        display: block;
        font-size: 16px; }
      /* line 583, /Users/rio/repository/umai-lp/css/_main.scss */
      .m-index > .header > .info > .model {
        display: block;
        font-size: 16px; }
  /* line 589, /Users/rio/repository/umai-lp/css/_main.scss */
  .m-index > .raceInfo {
    display: flex;
    flex-direction: column;
    gap: 4px;
    color: var(--white-color);
    text-align: left; }
    /* line 595, /Users/rio/repository/umai-lp/css/_main.scss */
    .m-index > .raceInfo > .date {
      display: block;
      font-size: 13px; }
    /* line 599, /Users/rio/repository/umai-lp/css/_main.scss */
    .m-index > .raceInfo > .name {
      display: block;
      font-size: 16px;
      font-weight: 700; }
  /* line 605, /Users/rio/repository/umai-lp/css/_main.scss */
  .m-index > .image {
    display: flex;
    overflow: hidden;
    border-radius: 8px; }
    /* line 609, /Users/rio/repository/umai-lp/css/_main.scss */
    .m-index > .image > img {
      display: block;
      width: 100%;
      margin: -24% 0 0; }
  /* line 615, /Users/rio/repository/umai-lp/css/_main.scss */
  .m-index > .text {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px 0; }
    /* line 622, /Users/rio/repository/umai-lp/css/_main.scss */
    .m-index > .text > img {
      display: block;
      width: 100%; }

/* line 630, /Users/rio/repository/umai-lp/css/_main.scss */
.l-plans {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 36px;
  width: 100%;
  padding: 48px 0; }

/* line 640, /Users/rio/repository/umai-lp/css/_main.scss */
.m-plans {
  width: 100%;
  max-width: var(--max-width);
  padding: 0 16px; }
  /* line 644, /Users/rio/repository/umai-lp/css/_main.scss */
  .m-plans > .container {
    width: 100%;
    padding: 12px;
    border-radius: 12px;
    background-color: var(--bg-dark-window);
    box-shadow: 0px 4px 8px 0px rgba(2, 40, 64, 0.25); }
    /* line 650, /Users/rio/repository/umai-lp/css/_main.scss */
    .m-plans > .container > .contents {
      display: flex;
      padding: 0 0 16px; }
  /* line 656, /Users/rio/repository/umai-lp/css/_main.scss */
  .m-plans .subject {
    display: block;
    flex-shrink: 0;
    list-style: none;
    padding: 150px 0 0;
    width: 108px;
    font-size: 0; }
  /* line 665, /Users/rio/repository/umai-lp/css/_main.scss */
  .m-plans .plan-item {
    font-size: 12px;
    text-align: center;
    color: var(--plan-color);
    line-height: 32px; }
    /* line 671, /Users/rio/repository/umai-lp/css/_main.scss */
    .m-plans .plan-item:nth-child(2n) {
      background-color: var(--plan-item-even-bg); }
    /* line 675, /Users/rio/repository/umai-lp/css/_main.scss */
    .m-plans .plan-item.small {
      font-size: 10px; }
  /* line 679, /Users/rio/repository/umai-lp/css/_main.scss */
  .m-plans .planList {
    display: flex;
    overflow-x: scroll;
    width: 100%;
    padding: 24px 0 0; }
  /* line 686, /Users/rio/repository/umai-lp/css/_main.scss */
  .m-plans .annotation {
    display: block;
    color: var(--white-color);
    font-size: 12px;
    line-height: 1.5;
    text-align: left; }

/* line 695, /Users/rio/repository/umai-lp/css/_main.scss */
.m-plan {
  flex-shrink: 0;
  width: 180px;
  margin: 0; }
  /* line 699, /Users/rio/repository/umai-lp/css/_main.scss */
  .m-plan .plan {
    display: block;
    padding: 16px 8px 4px; }
    /* line 703, /Users/rio/repository/umai-lp/css/_main.scss */
    .m-plan .plan.recommend .card {
      padding: 30px 4px 10px; }
    /* line 706, /Users/rio/repository/umai-lp/css/_main.scss */
    .m-plan .plan.recommend .badge {
      display: flex;
      justify-content: center;
      position: absolute;
      top: -30px;
      width: 100%; }
    /* line 714, /Users/rio/repository/umai-lp/css/_main.scss */
    .m-plan .plan.recommend ~ .items > .item {
      font-size: 15px; }
  /* line 720, /Users/rio/repository/umai-lp/css/_main.scss */
  .m-plan .card {
    display: flex;
    flex-direction: column;
    gap: 6px;
    position: relative;
    padding: 20px 4px;
    border-radius: 8px;
    background: var(--plan-free-bg);
    color: var(--plan-color);
    text-align: center; }
    /* line 731, /Users/rio/repository/umai-lp/css/_main.scss */
    .m-plan .card.free {
      background: var(--plan-free-bg); }
    /* line 735, /Users/rio/repository/umai-lp/css/_main.scss */
    .m-plan .card.starter {
      background: var(--plan-starter-bg); }
    /* line 739, /Users/rio/repository/umai-lp/css/_main.scss */
    .m-plan .card.standard {
      background: var(--plan-standard-bg); }
    /* line 743, /Users/rio/repository/umai-lp/css/_main.scss */
    .m-plan .card.pro {
      background: var(--plan-pro-bg);
      color: var(--navy-color); }
    /* line 748, /Users/rio/repository/umai-lp/css/_main.scss */
    .m-plan .card.premium {
      background: var(--plan-premium-bg);
      color: var(--font-color); }
    /* line 753, /Users/rio/repository/umai-lp/css/_main.scss */
    .m-plan .card.unlimited {
      background: var(--plan-unlimited-bg); }
    /* line 757, /Users/rio/repository/umai-lp/css/_main.scss */
    .m-plan .card .name {
      font-size: 18px;
      font-weight: 600;
      line-height: 1; }
    /* line 763, /Users/rio/repository/umai-lp/css/_main.scss */
    .m-plan .card .price {
      display: block;
      height: 24px;
      font-size: 24px;
      font-weight: 600;
      line-height: 24px; }
      /* line 770, /Users/rio/repository/umai-lp/css/_main.scss */
      .m-plan .card .price > small {
        font-size: 16px;
        line-height: 24px;
        vertical-align: middle; }
    /* line 777, /Users/rio/repository/umai-lp/css/_main.scss */
    .m-plan .card .description {
      font-size: 12px;
      font-weight: 500;
      line-height: 1; }
  /* line 784, /Users/rio/repository/umai-lp/css/_main.scss */
  .m-plan .items {
    display: block;
    list-style: none;
    position: relative;
    font-size: 0; }
    /* line 790, /Users/rio/repository/umai-lp/css/_main.scss */
    .m-plan .items > .item {
      height: 32px;
      font-size: 14px;
      text-align: center;
      color: var(--plan-color);
      line-height: 32px; }
      /* line 797, /Users/rio/repository/umai-lp/css/_main.scss */
      .m-plan .items > .item:nth-child(2n) {
        background-color: var(--plan-item-even-bg); }
  /* line 803, /Users/rio/repository/umai-lp/css/_main.scss */
  .m-plan .upperPlan {
    width: 200px; }
    /* line 806, /Users/rio/repository/umai-lp/css/_main.scss */
    .m-plan .upperPlan .plan {
      padding: 16px 18px 4px; }
    /* line 810, /Users/rio/repository/umai-lp/css/_main.scss */
    .m-plan .upperPlan .card {
      transform: scale(1.1);
      transform-origin: center; }
      /* line 814, /Users/rio/repository/umai-lp/css/_main.scss */
      .m-plan .upperPlan .card .name {
        font-weight: 800; }
  /* line 820, /Users/rio/repository/umai-lp/css/_main.scss */
  .m-plan .umari {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    width: 80px;
    margin: 0;
    padding: 0 0 8px; }
    /* line 829, /Users/rio/repository/umai-lp/css/_main.scss */
    .m-plan .umari .image {
      display: block;
      overflow: hidden;
      position: relative;
      height: 84px;
      width: 80px;
      border-radius: 0 0 100px 100px; }
      /* line 837, /Users/rio/repository/umai-lp/css/_main.scss */
      .m-plan .umari .image.small {
        height: 48px;
        width: 48px; }
      /* line 842, /Users/rio/repository/umai-lp/css/_main.scss */
      .m-plan .umari .image:before {
        position: absolute;
        bottom: 0;
        left: 0;
        height: 100%;
        width: 100%;
        border-radius: 50%;
        border: 5px solid var(--primary-color);
        background-color: var(--white-color);
        content: ""; }
      /* line 854, /Users/rio/repository/umai-lp/css/_main.scss */
      .m-plan .umari .image:after {
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 3;
        height: 50%;
        width: 100%;
        border-radius: 0 0 100px 100px;
        border: 5px solid var(--primary-color);
        border-top: none;
        content: ""; }
      /* line 867, /Users/rio/repository/umai-lp/css/_main.scss */
      .m-plan .umari .image > * {
        position: relative;
        top: -12%;
        left: 7%;
        width: 90%; }
    /* line 875, /Users/rio/repository/umai-lp/css/_main.scss */
    .m-plan .umari .wrap {
      display: flex;
      justify-content: center;
      width: 300px;
      position: absolute;
      bottom: 0;
      left: calc(50% - 150px);
      z-index: 3; }
    /* line 885, /Users/rio/repository/umai-lp/css/_main.scss */
    .m-plan .umari .message {
      display: inline-block;
      height: 20px;
      width: auto;
      padding: 0 .75em;
      border-radius: 50px;
      border: 3px solid var(--primary-color);
      background-color: var(--white-color);
      color: var(--primary-color);
      font-size: 12px;
      font-weight: 500;
      text-align: center;
      line-height: 14px; }
      /* line 899, /Users/rio/repository/umai-lp/css/_main.scss */
      .m-plan .umari .message.small {
        top: -3px;
        height: 16px;
        border: 2px solid var(--primary-color);
        font-size: 10px;
        line-height: 12px; }

/* line 912, /Users/rio/repository/umai-lp/css/_main.scss */
.l-device {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 36px;
  width: 100%;
  padding: 64px 0 96px; }
  @media (min-width: 880px) {
    /* line 912, /Users/rio/repository/umai-lp/css/_main.scss */
    .l-device {
      padding: 96px 0 96px; } }

/* line 925, /Users/rio/repository/umai-lp/css/_main.scss */
.m-device {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 64px 0;
  background-color: var(--bg-dark-window);
  box-shadow: 0px 4px 8px 0px rgba(2, 40, 64, 0.25); }
  /* line 933, /Users/rio/repository/umai-lp/css/_main.scss */
  .m-device .wrap {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    gap: 36px;
    position: relative;
    width: 100%;
    max-width: var(--max-width);
    padding: 0 16px; }
    @media (min-width: 640px) {
      /* line 933, /Users/rio/repository/umai-lp/css/_main.scss */
      .m-device .wrap {
        flex-direction: row;
        gap: 0; } }
    /* line 947, /Users/rio/repository/umai-lp/css/_main.scss */
    .m-device .wrap > .contents {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 36px;
      width: 100%;
      max-width: 360px; }
      @media (min-width: 640px) {
        /* line 947, /Users/rio/repository/umai-lp/css/_main.scss */
        .m-device .wrap > .contents {
          width: 360px; } }
      /* line 957, /Users/rio/repository/umai-lp/css/_main.scss */
      .m-device .wrap > .contents > .text {
        display: flex;
        flex-direction: column;
        gap: 24px;
        width: 100%;
        max-width: 420px;
        color: var(--white-color); }
        @media (min-width: 768px) {
          /* line 957, /Users/rio/repository/umai-lp/css/_main.scss */
          .m-device .wrap > .contents > .text {
            gap: 24px; } }
        /* line 967, /Users/rio/repository/umai-lp/css/_main.scss */
        .m-device .wrap > .contents > .text > .title {
          display: block;
          overflow: hidden;
          padding: calc(100% * 192 / 460) 0 0;
          font-size: 0;
          background-image: url(../img/text-2.svg);
          background-position: center;
          background-repeat: no-repeat;
          background-size: cover;
          text-indent: 100%;
          white-space: nowrap; }
        /* line 979, /Users/rio/repository/umai-lp/css/_main.scss */
        .m-device .wrap > .contents > .text > .description {
          font-size: 16px;
          text-align: left; }
          @media (min-width: 640px) {
            /* line 979, /Users/rio/repository/umai-lp/css/_main.scss */
            .m-device .wrap > .contents > .text > .description {
              font-size: calc(100vw * .016); } }
          @media (min-width: 1000px) {
            /* line 979, /Users/rio/repository/umai-lp/css/_main.scss */
            .m-device .wrap > .contents > .text > .description {
              font-size: 16px; } }
    /* line 991, /Users/rio/repository/umai-lp/css/_main.scss */
    .m-device .wrap > .image {
      display: block;
      width: 100%;
      max-width: 480px; }
      @media (min-width: 640px) {
        /* line 991, /Users/rio/repository/umai-lp/css/_main.scss */
        .m-device .wrap > .image {
          position: absolute;
          right: 400px;
          width: 740px;
          max-width: 100%; } }

/* line 1007, /Users/rio/repository/umai-lp/css/_main.scss */
.m-chat {
  display: block;
  position: fixed;
  z-index: 1000;
  bottom: 12px;
  right: 12px; }
  /* line 1013, /Users/rio/repository/umai-lp/css/_main.scss */
  .m-chat > .button {
    display: flex;
    border-radius: 8px;
    border: 3px solid #fff;
    cursor: pointer; }
    /* line 1018, /Users/rio/repository/umai-lp/css/_main.scss */
    .m-chat > .button > .text {
      display: block;
      padding: 4px 4px;
      border: 3px solid #5ED7F2;
      border-radius: 5px;
      background-color: #294A4F;
      color: #fff;
      font-size: 10px;
      font-weight: 500;
      text-align: center; }

/* line 1, /Users/rio/repository/umai-lp/css/_footer.scss */
.l-footer {
  display: flex;
  justify-content: center;
  background-color: var(--bg-footer); }

/* line 7, /Users/rio/repository/umai-lp/css/_footer.scss */
.m-footer {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
  padding: 36px 16px 16px;
  color: var(--white-color);
  font-size: 12px; }
  /* line 16, /Users/rio/repository/umai-lp/css/_footer.scss */
  .m-footer > .links {
    display: flex;
    justify-content: center;
    gap: 24px; }
    /* line 20, /Users/rio/repository/umai-lp/css/_footer.scss */
    .m-footer > .links a {
      color: var(--white-color);
      font-size: 14px; }

/* line 27, /Users/rio/repository/umai-lp/css/_footer.scss */
.l-modal {
  display: none;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  width: 100%;
  height: 100vh;
  height: 100dvh; }
  /* line 40, /Users/rio/repository/umai-lp/css/_footer.scss */
  .l-modal.active {
    display: flex; }
  /* line 43, /Users/rio/repository/umai-lp/css/_footer.scss */
  .l-modal > .close {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: var(--bg-modal); }

/* line 57, /Users/rio/repository/umai-lp/css/_footer.scss */
.m-movie {
  display: block;
  position: relative;
  z-index: 10;
  padding: 24px 16px; }
  /* line 62, /Users/rio/repository/umai-lp/css/_footer.scss */
  .m-movie > .contents {
    display: block;
    position: relative;
    max-width: 640px;
    width: 100%;
    margin: 0 auto; }
    /* line 68, /Users/rio/repository/umai-lp/css/_footer.scss */
    .m-movie > .contents > .video {
      width: 100%;
      overflow: hidden;
      border-radius: 12px; }
  /* line 74, /Users/rio/repository/umai-lp/css/_footer.scss */
  .m-movie .video-button {
    display: block;
    position: absolute;
    top: calc(50% - 28px);
    left: calc(50% - 28px);
    z-index: 2;
    height: 56px;
    width: 56px;
    border-radius: 50%;
    background-color: rgba(31, 85, 118, 0.5);
    background-image: url(../img/icon-play.png);
    background-position: center; }

/* line 2, /Users/rio/repository/umai-lp/css/_chat.scss */
#umai-lp #chatplusview {
  max-width: 480px; }
  /* line 5, /Users/rio/repository/umai-lp/css/_chat.scss */
  #umai-lp #chatplusview #eye_catcher img {
    position: relative;
    top: -10px;
    max-width: 140px; }
  /* line 11, /Users/rio/repository/umai-lp/css/_chat.scss */
  #umai-lp #chatplusview h2 {
    color: var(--white-color) !important; }
    /* line 13, /Users/rio/repository/umai-lp/css/_chat.scss */
    #umai-lp #chatplusview h2 .text {
      color: var(--white-color) !important; }
  /* line 18, /Users/rio/repository/umai-lp/css/_chat.scss */
  #umai-lp #chatplusview .form-group label {
    color: var(--white-color) !important; }
  /* line 22, /Users/rio/repository/umai-lp/css/_chat.scss */
  #umai-lp #chatplusview .form-group textarea.form-control {
    height: calc(6em + 16px); }
  /* line 28, /Users/rio/repository/umai-lp/css/_chat.scss */
  #umai-lp #chatplusview #quit_confirm .input-file {
    color: var(--white-color) !important; }

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