@charset "UTF-8";
/*!
 * Bootstrap Reboot v5.1.1 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
 */
:root {
  --bs-blue:#0d6efd;
  --bs-indigo:#6610f2;
  --bs-purple:#6f42c1;
  --bs-pink:#d63384;
  --bs-red:#dc3545;
  --bs-orange:#fd7e14;
  --bs-yellow:#ffc107;
  --bs-green:#198754;
  --bs-teal:#20c997;
  --bs-cyan:#0dcaf0;
  --bs-white:#fff;
  --bs-gray:#6c757d;
  --bs-gray-dark:#343a40;
  --bs-gray-100:#f8f9fa;
  --bs-gray-200:#e9ecef;
  --bs-gray-300:#dee2e6;
  --bs-gray-400:#ced4da;
  --bs-gray-500:#adb5bd;
  --bs-gray-600:#6c757d;
  --bs-gray-700:#495057;
  --bs-gray-800:#343a40;
  --bs-gray-900:#212529;
  --bs-primary:#0d6efd;
  --bs-secondary:#6c757d;
  --bs-success:#198754;
  --bs-info:#0dcaf0;
  --bs-warning:#ffc107;
  --bs-danger:#dc3545;
  --bs-light:#f8f9fa;
  --bs-dark:#212529;
  --bs-primary-rgb:13,110,253;
  --bs-secondary-rgb:108,117,125;
  --bs-success-rgb:25,135,84;
  --bs-info-rgb:13,202,240;
  --bs-warning-rgb:255,193,7;
  --bs-danger-rgb:220,53,69;
  --bs-light-rgb:248,249,250;
  --bs-dark-rgb:33,37,41;
  --bs-white-rgb:255,255,255;
  --bs-black-rgb:0,0,0;
  --bs-body-color-rgb:33,37,41;
  --bs-body-bg-rgb:255,255,255;
  --bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  --bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
  --bs-gradient:linear-gradient(180deg,rgba(255,255,255,.15),rgba(255,255,255,0));
  --bs-body-font-family:var(--bs-font-sans-serif);
  --bs-body-font-size:1rem;
  --bs-body-font-weight:400;
  --bs-body-line-height:1.5;
  --bs-body-color:#212529;
  --bs-body-bg:#fff; }

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

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth; } }

body {
  margin: 0;
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: var(--bs-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

hr {
  margin: 1rem 0;
  color: inherit;
  background-color: currentColor;
  border: 0;
  opacity: .25; }

hr:not([size]) {
  height: 1px; }

h6, h5, h4, h3, h2, h1 {
  margin-top: 0;
  margin-bottom: .5rem;
  font-weight: 500;
  line-height: 1.2; }

h1 {
  font-size: calc(1.375rem + 1.5vw); }

@media (min-width: 1200px) {
  h1 {
    font-size: 2.5rem; } }

h2 {
  font-size: calc(1.325rem + 0.9vw); }

@media (min-width: 1200px) {
  h2 {
    font-size: 2rem; } }

h3 {
  font-size: calc(1.3rem + 0.6vw); }

@media (min-width: 1200px) {
  h3 {
    font-size: 1.75rem; } }

h4 {
  font-size: calc(1.275rem + 0.3vw); }

@media (min-width: 1200px) {
  h4 {
    font-size: 1.5rem; } }

h5 {
  font-size: 1.25rem; }

h6 {
  font-size: 1rem; }

p {
  margin-top: 0;
  margin-bottom: 1rem; }

abbr[title], abbr[data-bs-original-title] {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none; }

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit; }

ol, ul {
  padding-left: 2rem; }

ol, ul, dl {
  margin-top: 0;
  margin-bottom: 1rem; }

ol ol, ul ul, ol ul, ul ol {
  margin-bottom: 0; }

dt {
  font-weight: 700; }

dd {
  margin-bottom: .5rem;
  margin-left: 0; }

blockquote {
  margin: 0 0 1rem; }

b, strong {
  font-weight: bolder; }

small {
  font-size: .875em; }

mark {
  padding: .2em;
  background-color: #fcf8e3; }

sub, sup {
  position: relative;
  font-size: .75em;
  line-height: 0;
  vertical-align: baseline; }

sub {
  bottom: -.25em; }

sup {
  top: -.5em; }

a {
  color: #0d6efd;
  text-decoration: underline; }

a:hover {
  color: #0a58ca; }

a:not([href]):not([class]), a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none; }

pre, code, kbd, samp {
  font-family: var(--bs-font-monospace);
  font-size: 1em;
  direction: ltr;
  unicode-bidi: bidi-override; }

pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: .875em; }

pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal; }

code {
  font-size: .875em;
  color: #d63384;
  word-wrap: break-word; }

a > code {
  color: inherit; }

kbd {
  padding: .2rem .4rem;
  font-size: .875em;
  color: #fff;
  background-color: #212529;
  border-radius: .2rem; }

kbd kbd {
  padding: 0;
  font-size: 1em;
  font-weight: 700; }

figure {
  margin: 0 0 1rem; }

img, svg {
  vertical-align: middle; }

table {
  caption-side: bottom;
  border-collapse: collapse; }

caption {
  padding-top: .5rem;
  padding-bottom: .5rem;
  color: #6c757d;
  text-align: left; }

th {
  text-align: inherit;
  text-align: -webkit-match-parent; }

thead, tbody, tfoot, tr, td, th {
  border-color: inherit;
  border-style: solid;
  border-width: 0; }

label {
  display: inline-block; }

button {
  border-radius: 0; }

button:focus:not(:focus-visible) {
  outline: 0; }

input, button, select, optgroup, textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

button, select {
  text-transform: none; }

[role=button] {
  cursor: pointer; }

select {
  word-wrap: normal; }

select:disabled {
  opacity: 1; }

[list]::-webkit-calendar-picker-indicator {
  display: none; }

button, [type=button], [type=reset], [type=submit] {
  -webkit-appearance: button; }

button:not(:disabled), [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled) {
  cursor: pointer; }

::-moz-focus-inner {
  padding: 0;
  border-style: none; }

textarea {
  resize: vertical; }

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0; }

legend {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: calc(1.275rem + 0.3vw);
  line-height: inherit; }

@media (min-width: 1200px) {
  legend {
    font-size: 1.5rem; } }

legend + * {
  clear: left; }

::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-year-field {
  padding: 0; }

::-webkit-inner-spin-button {
  height: auto; }

[type=search] {
  outline-offset: -2px;
  -webkit-appearance: textfield; }

::-webkit-search-decoration {
  -webkit-appearance: none; }

::-webkit-color-swatch-wrapper {
  padding: 0; }

::file-selector-button {
  font: inherit; }

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button; }

output {
  display: inline-block; }

iframe {
  border: 0; }

summary {
  display: list-item;
  cursor: pointer; }

progress {
  vertical-align: baseline; }

[hidden] {
  display: none !important; }

/* Android */
/* iOS */
/* Text */
a {
  color: #74aa3f;
  font-weight: bold; }
  .mttSignUpLp_android a {
    color: #74aa3f; }
  .mttSignUpLp_ios a {
    color: #1094a1; }
  .mttSignUpLp_pc a {
    color: #49bbc7; }
  .mttSignUpLp_common a {
    color: #694c2c; }

p {
  color: #333333;
  font-size: 16px;
  line-height: 28px;
  margin: 0; }
  @media screen and (max-width: 960px) {
    p {
      font-size: 14px; } }

.pf_attention {
  display: none; }

.form_hidden {
  display:none; }

.mttSignUpLp_pointColor {
  color: #df4560;
  font-weight: bold; }

.mttSignUpLp_fontBold {
  font-weight: bold; }

.mttSignUpLp_limit {
  padding:2px 5px;
  border:1px solid #1192dc;
  color:#1192dc;
  font-size:16px;
  font-weight:normal;
  background-color:#fff;
  margin-left:10px;
  display:inline-block; }

.mttSignUpLp_supplement {
  font-size: 14px;
  color: #929292; }
  .mttSignUpLp_supplement__text {
    font-size: 14px;
    color: #929292;
    margin: 0;
    line-height: 28px; }
    @media screen and (max-width: 960px) {
      .mttSignUpLp_supplement__text {
        font-size: 12px;
        line-height: 22px;
        text-align: left; } }
    .mttSignUpLp_supplement__text--reward {
      color: #333333; }

/* MTT Logo */
.mttSignUp_header {
  padding: 20px 0px;
  background-color: #fff; }
  @media screen and (max-width: 960px) {
    .mttSignUp_header {
      padding: 4.9px 0 4.9px 20px;
      height: 60px;
      display: none; } }
  @media screen and (max-width: 960px) {
    .mttSignUp_header header {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      width: 100%; } }
  .mttSignUp_header .mttSignUpLp_mttlogo {
    width: 250px; }
    @media screen and (max-width: 960px) {
      .mttSignUp_header .mttSignUpLp_mttlogo {
        width: 220px; } }
  .mttSignUp_header__flexbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .mttSignUp_header__os {
    margin-left: 14px;
    border: 1px solid #333;
    padding: 9px 9px 9px 11px;
    line-height: 16px;
    font-size: 16px; }
    @media screen and (max-width: 960px) {
      .mttSignUp_header__os {
        font-size: 11px;
        border: none;
        padding: 0;
        margin-left: 5px; } }
  .mttSignUp_header__button {
    display: none; }
    @media screen and (max-width: 960px) {
      .mttSignUp_header__button {
        display: block;
        width: 60px;
        height: 60px; } }
    .mttSignUp_header__button form {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      height: 100%; }
      .mttSignUpLp_android .mttSignUp_header__button form {
        background-color: #ff9400; }
      .mttSignUpLp_ios .mttSignUp_header__button form {
        background-color: #df4560; }
      .mttSignUpLp_common .mttSignUp_header__button form {
        background-color: #df4560; }
      .mttSignUp_header__button a {
        background-color: #333;
        width:100%;
        color: #fff;
        font-size: 10px;
        text-decoration:none;
        text-align:center;
        font-weight:normal;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        height: 100%; }
        .mttSignUpLp_android .mttSignUp_header__button a {
          background-color: #ff9400; }
        .mttSignUpLp_ios .mttSignUp_header__button a {
          background-color: #df4560; }
        .mttSignUpLp_pc .mttSignUp_header__button a {
          background-color: #1192dc; }
        .mttSignUpLp_common .mttSignUp_header__button a {
          background-color: #df4560; }
      .mttSignUp_header__button form img {
        width: 20px;
        margin-bottom: 10px; }
      .mttSignUp_header__button a img {
        width: 20px;
        margin-bottom: 10px; }
      .mttSignUp_header__button form input[type="submit"] {
        border: none;
        color: #fff;
        font-size: 10px; }
        .mttSignUpLp_android .mttSignUp_header__button form input[type="submit"] {
          background-color: #ff9400; }
        .mttSignUpLp_ios .mttSignUp_header__button form input[type="submit"] {
          background-color: #df4560; }
        .mttSignUpLp_pc .mttSignUp_header__button form input[type="submit"] {
          background-color: #df4560; }
        .mttSignUpLp_common .mttSignUp_header__button form input[type="submit"] {
          background-color: #df4560; }
      .mttSignUpLp_android .mttSignUp_header__button form:active {
        background-color: #ca7a0b; }
      .mttSignUpLp_ios .mttSignUp_header__button form:active {
        background-color: #8e3848; }
      .mttSignUpLp_pc .mttSignUp_header__button form:active {
        background-color: #8e3848; }
      .mttSignUpLp_common .mttSignUp_header__button form:active {
        background-color: #8e3848; }
      .mttSignUpLp_android .mttSignUp_header__button form:active input[type="submit"] {
        background-color: #ca7a0b; }
      .mttSignUpLp_ios .mttSignUp_header__button form:active input[type="submit"] {
        background-color: #8e3848; }
      .mttSignUpLp_pc .mttSignUp_header__button form:active input[type="submit"] {
        background-color: #8e3848; }
      .mttSignUpLp_common .mttSignUp_header__button form:active input[type="submit"] {
        background-color: #8e3848; }
  .mttSignUp_header__anchor {
    display: none; }
    .mttSignUp_header__anchor ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      padding: 0;
      margin: 0; }
      @media screen and (max-width: 960px) {
        .mttSignUp_header__anchor ul {
          display: none; } }
      .mttSignUp_header__anchor ul li {
        list-style: none; }
        .mttSignUp_header__anchor ul li:not(:first-of-type) {
          margin-left: 40px; }
        .mttSignUp_header__anchor ul li a {
          font-size: 16px;
          color: #333;
          text-decoration: none; }
          .mttSignUpLp_android .mttSignUp_header__anchor ul li a:hover {
            color: #74aa3f; }
          .mttSignUpLp_ios .mttSignUp_header__anchor ul li a:hover {
            color: #1094a1; }
          .mttSignUpLp_pc .mttSignUp_header__anchor ul li a:hover {
            color: #1192dc; }
          .mttSignUpLp_common .mttSignUp_header__anchor ul li a:hover {
            color: #694c2c; }
  .mttSignUp_header__fixed {
    display: block;
    max-width: unset !important;
    position: fixed;
    top: 0;
    width: 100%;
    padding: 0 30px 0 30px;
    z-index: 3;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
            box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15); }
    @media screen and (max-width: 960px) {
      .mttSignUp_header__fixed {
        padding: 0 0 0 20px; } }
    .mttSignUp_header__fixed header {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      padding: 8px 0 12px 0; }
      @media screen and (max-width: 960px) {
        .mttSignUp_header__fixed header {
          padding: 0; } }
    .mttSignUp_header__fixed .mttSignUp_header__anchor {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .mttSignUp_header__fixed .mttSignUp_header__anchor .mttSignUpLp_button {
        display: block;
        margin-left: 30px; }
        @media screen and (max-width: 960px) {
          .mttSignUp_header__fixed .mttSignUp_header__anchor .mttSignUpLp_button {
            display: none; } }
        .mttSignUp_header__fixed .mttSignUp_header__anchor .mttSignUpLp_button form {
          margin: 0; }
          .mttSignUp_header__fixed .mttSignUp_header__anchor .mttSignUpLp_button form::after {
            display: none; }
        .mttSignUp_header__fixed .mttSignUp_header__anchor .mttSignUpLp_button input[type="submit"] {
          font-size: 18px;
          padding: 12px 32px; }
          .mttSignUp_header__fixed .mttSignUp_header__anchor .mttSignUpLp_button a {
            font-size: 18px;
            padding: 10px 32px; }
          .mttSignUpLp_android .mttSignUp_header__fixed .mttSignUp_header__anchor .mttSignUpLp_button input[type="submit"] {
            -webkit-box-shadow: 0px 4px 0px 0px #ca7a0b;
                    box-shadow: 0px 4px 0px 0px #ca7a0b; }
          .mttSignUpLp_ios .mttSignUp_header__fixed .mttSignUp_header__anchor .mttSignUpLp_button input[type="submit"] {
            -webkit-box-shadow: 0px 4px 0px 0px #8e3848;
                    box-shadow: 0px 4px 0px 0px #8e3848; }
          .mttSignUpLp_pc .mttSignUp_header__fixed .mttSignUp_header__anchor .mttSignUpLp_button input[type="submit"] {
            -webkit-box-shadow: 0px 4px 0px 0px #006333;
                    box-shadow: 0px 4px 0px 0px #006333; }
          .mttSignUpLp_common .mttSignUp_header__fixed .mttSignUp_header__anchor .mttSignUpLp_button input[type="submit"] {
            -webkit-box-shadow: 0px 4px 0px 0px #8e3848;
                    box-shadow: 0px 4px 0px 0px #8e3848; }

/* Layout */
.mttSignUpLp_container {
  max-width: 100%;
  width: 100%;
  overflow: hidden; }

.mttSignUpLp_mainSection {
  background-color: #f1ede2;
  padding: 90px 10px; }
  @media screen and (max-width: 960px) {
    .mttSignUpLp_mainSection {
      padding: 52px 20px; } }
  .mttSignUpLp_mainSection:first-of-type {
    padding-top: 60px; }
    @media screen and (max-width: 960px) {
      .mttSignUpLp_mainSection:first-of-type {
        padding-top: 20px; } }
  .mttSignUpLp_mainSection:first-of-type, .mttSignUpLp_mainSection:nth-of-type(2n) {
    background-color: #fff; }
  .mttSignUpLp_mainSection__inner {
    max-width: 1200px;
    margin: 0 auto; }

/* Head */
.mttSignUpLp_heading--2 {
  font-size: 40px;
  text-align: center;
  color: #333333;
  font-weight: bold;
  margin: 0 0 41px 0; }
.mttSignUpLp_heading--2 .mttSignUpLp_heading--sub {
  font-size:18px;
  font-weight:normal;
  margin:10px 0; }
  @media screen and (max-width: 960px) {
    .mttSignUpLp_heading--2 {
      font-size: 24px;
      margin-bottom: 30px; } }

.mttSignUpLp_heading--4 {
  font-size: 26px;
  font-weight: bold;
  padding: 0 0 15px 0;
  margin: 0 0 30px 0; }
  .mttSignUpLp_android .mttSignUpLp_heading--4 {
    color: #74aa3f;
    border-bottom: 2px solid #74aa3f; }
  .mttSignUpLp_ios .mttSignUpLp_heading--4 {
    color: #1094a1;
    border-bottom: 2px solid #1094a1; }
  .mttSignUpLp_pc .mttSignUpLp_heading--4 {
    color: #1192dc;
    border-bottom: 2px solid #1192dc; }
  .mttSignUpLp_common .mttSignUpLp_heading--4 {
    color: #694c2c;
    border-bottom: 2px solid #694c2c; }
  @media screen and (max-width: 960px) {
    .mttSignUpLp_heading--4 {
      font-size: 18px;
      padding-bottom: 11px;
      margin-bottom: 16px; } }

.mttSignUpLp_heading--5 {
  font-size: 34px;
  font-weight: bold;
  color: #333333;
  margin: 0  0 39px 0; }
  @media screen and (max-width: 960px) {
    .mttSignUpLp_heading--5 {
      font-size: 20px;
      margin-bottom: 33px; } }

.mttSignUpLp_heading--6 {
  background-color: #f3f3f3;
  padding: 16px 23px 15px 23px;
  margin: 0 0 21px 0;
  font-weight: bold; }
  .mttSignUpLp_android .mttSignUpLp_heading--6 {
    border-left: 3px solid #74aa3f; }
  .mttSignUpLp_ios .mttSignUpLp_heading--6 {
    border-left: 3px solid #1094a1; }
  .mttSignUpLp_pc .mttSignUpLp_heading--6 {
    border-left: 3px solid #1192dc; }
  .mttSignUpLp_common .mttSignUpLp_heading--6 {
    border-left: 3px solid #694c2c; }
  @media screen and (max-width: 960px) {
    .mttSignUpLp_heading--6 {
      font-size: 17px; } }

/* Table */
.mttSignUpLp_table {
  width: 100%;
  height: 100%; }
  .mttSignUpLp_table tbody tr th {
    width:300px;
    background-color: #f2f2f2;
    padding: 22px 46px 22px 19px;
    font-size: 16px; }
    @media screen and (max-width: 960px) {
      .mttSignUpLp_table tbody tr th {
        width: 100%;
        font-size: 14px;
        padding: 15px 20px; } }
  .mttSignUpLp_table tbody tr td {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    background-color: #fff;
    padding: 22px 46px 22px 19px;
    font-size: 16px; }
    @media screen and (max-width: 960px) {
      .mttSignUpLp_table tbody tr td {
        width: 100%;
        font-size: 14px;
        padding: 15px 20px; } }
  .mttSignUpLp_table tbody tr:not(:last-of-type) {
    border: 1px solid #f1ede2; }
  @media screen and (max-width: 960px) {
    .mttSignUpLp_table tbody tr {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      width: 100%; } }
  .mttSignUpLp_table input[type="text"] {
    border:1px solid #dde6e8;
    padding:15px 20px;
    border-radius:5px;
    width:100%; }
  .mttSignUpLp_conditions .mttSignUpLp_attention {
    border:1px solid #df4560;
    padding:15px;
    margin:20px 0;
    text-align:center;
    color:#df4560; }
  .mttSignUpLp_conditions .mttSignUpLp_agree {
    text-align:center;
    margin-bottom:30px; }
  .mttSignUpLp_conditions_next {
    text-align:center; }
  .mttSignUpLp_conditions_next a {
    background:#1192dc;
    color:#fff;
    font-size:24px;
    padding:15px;
    display:inline-block;
    text-decoration: none;
    margin-bottom:40px;
    border-radius:10px;
    font-weight:normal;
    width:660px;
    box-sizing: border-box;
    box-shadow:0 6px 6px #e8e2d2;
    position:relative; }
  .mttSignUpLp_conditions_next a::after {
    content: "";
    width: 10px;
    height: 10px;
    border: 0;
    border-top: solid 3px #fff;
    border-right: solid 3px #fff;
    position: absolute;
    top: 50%;
    right: 30px;
    margin-top: -4px;
    -webkit-transform: rotate(45deg);
        transform: rotate(45deg); }
  .mttSignUpLp_conditions_next a:hover {
    opacity:0.8; }
    @media screen and (max-width: 960px) {
      .mttSignUpLp_conditions_next a {
        font-size:16px;
        width:100%; }
      }
      @media screen and (max-width: 400px) {
        .mttSignUpLp_conditions_next a {
          font-size:14px; }
        .mttSignUpLp_conditions_next a::after {
          right: 10px; }
      }

/* Img */
img {
  width: 100%; }

/* Bubble */
.mttSignUp_bubble--1 {
  padding: 10px 43px;
  border-radius: 50px;
  font-size: 24px;
  font-weight: bold;
  width: 260px;
  color: #fff;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  margin-bottom: 20px; }
  .mttSignUpLp_android .mttSignUp_bubble--1 {
    background-color: #74aa3f; }
  .mttSignUpLp_ios .mttSignUp_bubble--1 {
    background-color: #1094a1; }
  .mttSignUpLp_pc .mttSignUp_bubble--1 {
    background-color: #1192dc; }
  .mttSignUpLp_common .mttSignUp_bubble--1 {
    background-color: #694c2c; }
  @media screen and (max-width: 960px) {
    .mttSignUp_bubble--1 {
      font-size: 18px;
      padding: 5px 40px; } }
  .mttSignUp_bubble--1:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -10px;
    border: 10px solid transparent; }
    .mttSignUpLp_android .mttSignUp_bubble--1:before {
      border-top: 15px solid #74aa3f; }
    .mttSignUpLp_ios .mttSignUp_bubble--1:before {
      border-top: 15px solid #1094a1; }
    .mttSignUpLp_pc .mttSignUp_bubble--1:before {
      border-top: 15px solid #1192dc; }
    .mttSignUpLp_common .mttSignUp_bubble--1:before {
      border-top: 15px solid #694c2c; }
    @media screen and (max-width: 960px) {
      .mttSignUp_bubble--1:before {
        top: calc(100% - 1px); } }

/* Main Visual */
.mttSignUp_mv__pc {
  display: block;
  width: 100%;
  height: 547px;
  background-position: center;
  background-size: cover;
  min-width: 1200px;
  background-repeat: no-repeat; }
  .mttSignUpLp_android .mttSignUp_mv__pc {
    background-image: url(https://www.fruitmail.net/research/mega/ODM_os/img/android2022/pc/MV_pc_v20241101.png); }
  .mttSignUpLp_android .POCKEFULL {
    background-image: url(https://www.fruitmail.net/research/mega/ODM_os/img/android2022/pc/MV_pc_POCKEFULL_v20241101.png); }
  .mttSignUpLp_ios .mttSignUp_mv__pc {
    background-image: url(https://www.fruitmail.net/research/mega/ODM_os/img/ios2022/pc/MV_pc_v20241101.png); }
  .mttSignUpLp_ios .POCKEFULL_I {
    background-image: url(https://www.fruitmail.net/research/mega/ODM_os/img/ios2022/pc/MV_pc_POCKEFULL_I_v20241101.png); }
  .mttSignUpLp_pc .mttSignUp_mv__pc {
    background-image: url(https://www.fruitmail.net/research/mega/PC/img/lp/pc/MV_pc_v20241101.png); }
  .mttSignUpLp_common .mttSignUp_mv__pc {
    background-image: url(https://www.fruitmail.net/research/mega/ODM_os/img/common2022/pc/MV_pc_v20241101.png); }
  .mttSignUpLp_common .FRUITMAIL {
    background-image: url(https://www.fruitmail.net/research/mega/ODM_os/img/fruitmail/pc/MV_pc_v20241101.png); }
  @media screen and (max-width: 1280px) {
    .mttSignUp_mv__pc {
      display: block;
      height: 400px;
      min-width: unset; } }
  @media screen and (max-width: 960px) {
    .mttSignUp_mv__pc {
      display: none; } }

.mttSignUp_mv__sp {
  display: none; }
  @media screen and (max-width: 960px) {
    .mttSignUp_mv__sp {
      display: block;
      width: 100%; } }

.mttSignUp_mv__logo__sp {
  display: none; }
  @media screen and (max-width: 960px) {
    .mttSignUp_mv__logo__sp {
      display: block; } }

.mttSignUpLp_button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .mttSignUpLp_button form {
    margin: 0 0 26px 0;
    position: relative; }
  .mttSignUpLp_button form input[type="submit"] {
    color: #fff;
    border: none;
    font-size: 30px;
    font-weight: bold;
    padding: 14px 191px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 50px;
    position: relative; }
  .mttSignUpLp_button a {
    color: #fff;
    border: none;
    font-size: 30px;
    font-weight: bold;
    padding: 14px 191px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 50px;
    position: relative;
    text-decoration: none; }
  .mttSignUpLp_button .mttSignUpLp_form {
    margin: 0 0 26px 0;
    position: relative; }
    .mttSignUpLp_button .mttSignUpLp_form input[type="submit"] {
      color: #fff;
      border: none;
      font-size: 30px;
      font-weight: bold;
      padding: 14px 191px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      border-radius: 50px;
      position: relative; }
      .mttSignUpLp_android .mttSignUpLp_button .mttSignUpLp_form input[type="submit"] {
        background-color: #ff9400;
        -webkit-box-shadow: 0px 6px 0px 0px #ca7a0b;
                box-shadow: 0px 6px 0px 0px #ca7a0b; }
      .mttSignUpLp_ios .mttSignUpLp_button .mttSignUpLp_form input[type="submit"] {
        background-color: #df4560;
        -webkit-box-shadow: 0px 6px 0px 0px #8e3848;
                box-shadow: 0px 6px 0px 0px #8e3848; }
      .mttSignUpLp_pc .mttSignUpLp_button .mttSignUpLp_form input[type="submit"] {
        background-color: #00b35d;
        -webkit-box-shadow: 0px 6px 0px 0px #006333;
                box-shadow: 0px 6px 0px 0px #006333; }
      .mttSignUpLp_common .mttSignUpLp_button .mttSignUpLp_form input[type="submit"] {
        background-color: #df4560;
        -webkit-box-shadow: 0px 6px 0px 0px #8e3848;
                box-shadow: 0px 6px 0px 0px #8e3848; }
      .mttSignUpLp_mainSection .mttSignUpLp_button a {
        display:inline-block;
        text-decoration:none;
        border-radius:50px;
        padding: 14px 191px;
        font-size: 30px;
        font-weight: bold;
        box-sizing:border-box;
        color:#fff;
        position:relative; }
      .mttSignUpLp_mainSection .mttSignUpLp_button a::after {
        content: "";
        width: 10px;
        height: 10px;
        border: 0;
        border-top: solid 3px #fff;
        border-right: solid 3px #fff;
        position: absolute;
        top: 50%;
        right: 30px;
        margin-top: -4px;
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg); }
      .mttSignUpLp_mainSection .mttSignUpLp_button a {
        margin-bottom:30px; }
      .mttSignUpLp_android .mttSignUpLp_button a {
        background-color: #ff9400;
        -webkit-box-shadow: 0px 6px 0px 0px #ca7a0b;
                box-shadow: 0px 6px 0px 0px #ca7a0b; }
      .mttSignUpLp_ios .mttSignUpLp_button a {
        background-color: #df4560;
        -webkit-box-shadow: 0px 6px 0px 0px #8e3848;
                box-shadow: 0px 6px 0px 0px #8e3848; }
      .mttSignUpLp_pc .mttSignUpLp_button a {
        background-color: #00b35d;
        -webkit-box-shadow: 0px 6px 0px 0px #006333;
                box-shadow: 0px 6px 0px 0px #006333; }
      .mttSignUpLp_common .mttSignUpLp_button a {
        background-color: #df4560;
        -webkit-box-shadow: 0px 6px 0px 0px #8e3848;
                box-shadow: 0px 6px 0px 0px #8e3848; }
      .mttSignUpLp_common .mttSignUpLp_button form input[type="submit"] {
        background-color: #df4560;
        -webkit-box-shadow: 0px 6px 0px 0px #8e3848;
                box-shadow: 0px 6px 0px 0px #8e3848; }
      .mttSignUpLp_button .textlink {
        color:#1094a1;
        font-weight:bold;
        text-decoration:underline;
        background:none;
        box-shadow:none;
        padding:0;
        margin:0;
        display:inline;
        font-size:14px;
      }
      @media screen and (max-width: 960px) {
        .mttSignUpLp_button form input[type="submit"] {
          padding: 11px 84px;
          margin: 0 auto;
          font-size: 18px; }
        .mttSignUpLp_button .mttSignUpLp_form input[type="submit"] {
          padding: 11px 84px;
          margin: 0 auto;
          font-size: 18px; }
          .mttSignUpLp_android .mttSignUpLp_button form input[type="submit"] {
            -webkit-box-shadow: 0px 5px 0px 0px #ca7a0b;
                    box-shadow: 0px 5px 0px 0px #ca7a0b; }
          .mttSignUpLp_ios .mttSignUpLp_button form input[type="submit"] {
            -webkit-box-shadow: 0px 5px 0px 0px #8e3848;
                    box-shadow: 0px 5px 0px 0px #8e3848; }
          .mttSignUpLp_pc .mttSignUpLp_button form input[type="submit"] {
            -webkit-box-shadow: 0px 5px 0px 0px #006333;
                    box-shadow: 0px 5px 0px 0px #006333; }
          .mttSignUpLp_common .mttSignUpLp_button form input[type="submit"] {
            -webkit-box-shadow: 0px 5px 0px 0px #8e3848;
                    box-shadow: 0px 5px 0px 0px #8e3848; }
          .mttSignUpLp_mainSection .mttSignUpLp_button a {
            /* padding:10px 20px; */
            /* padding: 11px 84px; */
            padding: 11px 54px;
            font-size: 18px; } }
      .mttSignUpLp_button form input[type="submit"]:hover {
        -webkit-transform: translateY(4px);
                transform: translateY(4px);
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease; }
      .mttSignUpLp_button .mttSignUpLp_form input[type="submit"]:hover {
        -webkit-transform: translateY(4px);
                transform: translateY(4px);
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease; }
        .mttSignUpLp_button a:hover {
          -webkit-transform: translateY(4px);
                  transform: translateY(4px);
          -webkit-transition: all 0.3s ease;
          transition: all 0.3s ease; }
        .mttSignUpLp_android .mttSignUpLp_button form input[type="submit"]:hover {
          background-color: #ca7a0b;
          -webkit-box-shadow: 0px 6px 0px 0px #ca7a0b;
                  box-shadow: 0px 6px 0px 0px #ca7a0b; }
        .mttSignUpLp_ios .mttSignUpLp_button form input[type="submit"]:hover {
          background-color: #8e3848;
          -webkit-box-shadow: 0px 6px 0px 0px #8e3848;
                  box-shadow: 0px 6px 0px 0px #8e3848; }
        .mttSignUpLp_pc .mttSignUpLp_button .mttSignUpLp_form input[type="submit"]:hover {
          background-color: #006333;
          -webkit-box-shadow: 0px 6px 0px 0px #006333;
                  box-shadow: 0px 6px 0px 0px #006333; }
        .mttSignUpLp_common .mttSignUpLp_button form input[type="submit"]:hover {
          background-color: #8e3848;
          -webkit-box-shadow: 0px 6px 0px 0px #8e3848;
                  box-shadow: 0px 6px 0px 0px #8e3848; }
        .mttSignUpLp_android .mttSignUpLp_button a:hover {
          background-color: #ca7a0b;
          -webkit-box-shadow: 0px 6px 0px 0px #ca7a0b;
                  box-shadow: 0px 6px 0px 0px #ca7a0b; }
        .mttSignUpLp_ios .mttSignUpLp_button a:hover {
          background-color: #8e3848;
          -webkit-box-shadow: 0px 6px 0px 0px #8e3848;
                  box-shadow: 0px 6px 0px 0px #8e3848; }
        .mttSignUpLp_pc .mttSignUpLp_button a:hover {
          background-color: #006333;
          -webkit-box-shadow: 0px 6px 0px 0px #006333;
                  box-shadow: 0px 6px 0px 0px #006333; }
        .mttSignUpLp_common .mttSignUpLp_button a:hover {
          background-color: #8e3848;
          -webkit-box-shadow: 0px 6px 0px 0px #8e3848;
                  box-shadow: 0px 6px 0px 0px #8e3848; }
    .mttSignUpLp_button form::after {
      content: "";
      width: 10px;
      height: 10px;
      border: 0;
      border-top: solid 3px #fff;
      border-right: solid 3px #fff;
      position: absolute;
      top: 50%;
      right: 30px;
      margin-top: -4px;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg); }
      @media screen and (max-width: 960px) {
        .mttSignUpLp_button form::after {
          right: 20px; } }
    .mttSignUpLp_button form:hover {
      -webkit-transform: translateY(4px);
              transform: translateY(4px);
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      .mttSignUpLp_button form:hover::after {
        top: calc(50% + 2px);
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease; }
    .mttSignUpLp_button .mttSignUpLp_form::after {
      content: "";
      width: 10px;
      height: 10px;
      border: 0;
      border-top: solid 3px #fff;
      border-right: solid 3px #fff;
      position: absolute;
      top: 50%;
      right: 30px;
      margin-top: -4px;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg); }
      @media screen and (max-width: 960px) {
        .mttSignUpLp_button .mttSignUpLp_form::after {
          right: 20px; } }
    .mttSignUpLp_button .mttSignUpLp_form:hover {
      -webkit-transform: translateY(4px);
              transform: translateY(4px);
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      .mttSignUpLp_button .mttSignUpLp_form:hover::after {
        top: calc(50% + 2px);
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease; }

/* Flow */
.mttSignUpLp_flow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row; }
  .mttSignUpLp_flow__verticalArrow {
    margin: 0 60px 0 0; }
    @media screen and (max-width: 960px) {
      .mttSignUpLp_flow__verticalArrow {
        display: none; } }
  .mttSignUpLp_flow__list {
    padding: 0;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }
    .mttSignUpLp_flow__list__step {
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding: 20px 22px;
      list-style: none;
      border-width: 1px;
      border-color: #cccccc;
      border-style: solid;
      border-radius: 5px;
      margin-bottom: 21px;
      position: relative; }
      @media screen and (max-width: 960px) {
        .mttSignUpLp_flow__list__step {
          padding: 15px 20px;
          margin-bottom: 0; }
          .mttSignUpLp_flow__list__step:not(:last-of-type) {
            margin-bottom: 31px; }
            .mttSignUpLp_flow__list__step:not(:last-of-type)::before {
              content: '';
              position: absolute;
              display: block;
              width: 0;
              height: 0;
              left: 50%;
              bottom: -15px;
              margin-left: -15px;
              border-top: 15px solid #cccccc;
              border-right: 15px solid transparent;
              border-left: 15px solid transparent; }
            .mttSignUpLp_flow__list__step:not(:last-of-type)::after {
              content: '';
              position: absolute;
              display: block;
              width: 0;
              height: 0;
              left: 50%;
              margin-left: -15px;
              bottom: -13px;
              border-top: 15px solid #fff;
              border-right: 15px solid transparent;
              border-left: 15px solid transparent; } }
      .mttSignUpLp_flow__list__step__num {
        width: 45px;
        margin-right: 45px; }
        @media screen and (max-width: 960px) {
          .mttSignUpLp_flow__list__step__num {
            width: 25px;
            margin-right: 10px; } }
      .mttSignUpLp_flow__list__step__ico {
        width: 45px;
        margin-right: 21px; }
        @media screen and (max-width: 960px) {
          .mttSignUpLp_flow__list__step__ico {
            width: 45px;
            margin-right: 12px; } }
  .mttSignUpLp_flow__text {
    margin: 0;
    font-size: 22px; }
    @media screen and (max-width: 960px) {
      .mttSignUpLp_flow__text {
        font-size: 16px;
        font-weight: bold; } }

/* Reward */
.mttSignUpLp_reward {
  margin-bottom: 60px; }
  .mttSignUpLp_reward .mttSignUpLp_supplement {
    text-align: center; }
    .mttSignUpLp_reward .mttSignUpLp_supplement__text a {
      font-weight: bold; }
      .mttSignUpLp_android .mttSignUpLp_reward .mttSignUpLp_supplement__text a {
        color: #74aa3f; }
      .mttSignUpLp_ios .mttSignUpLp_reward .mttSignUpLp_supplement__text a {
        color: #1094a1; }
      .mttSignUpLp_pc .mttSignUpLp_reward .mttSignUpLp_supplement__text a {
        color: #1094a1; }
      .mttSignUpLp_common .mttSignUpLp_reward .mttSignUpLp_supplement__text a {
        color: #694c2c; }
  .mttSignUpLp_reward__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 0 0 34px 0;
    max-width: 1200px;
    padding: 0; }
    @media screen and (max-width: 960px) {
      .mttSignUpLp_reward__list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        margin-bottom: 20px; } }
    .mttSignUpLp_reward__list__step {
      list-style: none; }
      .mttSignUpLp_reward__list__step:not(:first-of-type) {
        margin-left: 29px; }
        @media screen and (max-width: 960px) {
          .mttSignUpLp_reward__list__step:not(:first-of-type) {
            margin-left: 0; } }
      .mttSignUpLp_reward__list__step img {
        width: 100%; }
      @media screen and (max-width: 960px) {
        .mttSignUpLp_reward__list__step {
          margin-bottom: 21px; }
          .mttSignUpLp_reward__list__step:last-of-type {
            margin: 0; } }
  .mttSignUpLp_reward__table {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly; }
    @media screen and (max-width: 960px) {
      .mttSignUpLp_reward__table {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }
    .mttSignUpLp_reward__table__column {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1; }
      .mttSignUpLp_reward__table__column .mttSignUpLp_table th {
        width: 230px; }
        @media screen and (max-width: 960px) {
          .mttSignUpLp_reward__table__column .mttSignUpLp_table th {
            width: 100%; } }
      .mttSignUpLp_reward__table__column .mttSignUpLp_table td {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
        @media screen and (max-width: 960px) {
          .mttSignUpLp_reward__table__column .mttSignUpLp_table td {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            -webkit-box-align: start;
                -ms-flex-align: start;
                    align-items: flex-start; } }
        .mttSignUpLp_reward__table__column .mttSignUpLp_table td aside {
          margin-left: 8px; }
          @media screen and (max-width: 960px) {
            .mttSignUpLp_reward__table__column .mttSignUpLp_table td aside {
              margin-left: 0; } }
  .mttSignUpLp_reward__total {
    background-color: #fff;
    padding: 22px;
    text-align: center;
    border-top: 1px solid #f1ede2; }
    .mttSignUpLp_reward__total__text {
      font-weight: bold; }
      .mttSignUpLp_reward__total__text span {
        font-size: 22px; }
        @media screen and (max-width: 960px) {
          .mttSignUpLp_reward__total__text span {
            font-size: 14px; } }
      .mttSignUpLp_reward__total__text .mttSignUpLp_pointColor {
        font-size: 30px; }
        @media screen and (max-width: 960px) {
          .mttSignUpLp_reward__total__text .mttSignUpLp_pointColor {
            font-size: 24px; } }
        .mttSignUpLp_reward__total__text .mttSignUpLp_pointColor span {
          font-size: 22px; }
          @media screen and (max-width: 960px) {
            .mttSignUpLp_reward__total__text .mttSignUpLp_pointColor span {
              font-size: 14px; } }
    .mttSignUpLp_reward__total .mttSignUpLp_supplement__text {
      font-size: 16px;
      color: #333333; }
      @media screen and (max-width: 960px) {
        .mttSignUpLp_reward__total .mttSignUpLp_supplement__text {
          font-size: 14px;
          text-align: center; } }
  .mttSignUpLp_reward__pc {
    display: block; }
    @media screen and (max-width: 960px) {
      .mttSignUpLp_reward__pc {
        display: none; } }
  .mttSignUpLp_reward__sp {
    display: none; }
    @media screen and (max-width: 960px) {
      .mttSignUpLp_reward__sp {
        display: block; } }
  @media screen and (max-width: 960px) {
    .mttSignUpLp_reward__day {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
      .mttSignUpLp_reward__day h4 {
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1; }
      .mttSignUpLp_reward__day .mttSignUpLp_supplement {
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
        margin-bottom: 18px; }
      .mttSignUpLp_reward__day .mttSignUpLp_reward__sp {
        -webkit-box-ordinal-group: 4;
            -ms-flex-order: 3;
                order: 3; } }

/* About */
.mttSignUpLp_about {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 0 auto 88px auto;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  @media screen and (max-width: 960px) {
    .mttSignUpLp_about {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      margin-bottom: 50px; } }
  .mttSignUpLp_about__pc {
    display: block; }
    @media screen and (max-width: 960px) {
      .mttSignUpLp_about__pc {
        display: none; } }
  .mttSignUpLp_about__sp {
    display: none; }
    @media screen and (max-width: 960px) {
      .mttSignUpLp_about__sp {
        display: block; }
        .mttSignUpLp_about__sp img {
          width: 100%;
          max-width: 100%; } }
  .mttSignUpLp_about img {
    max-width: 260px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }
    @media screen and (max-width: 960px) {
      .mttSignUpLp_about img {
        width: 100vw;
        max-width: 100vw;
        margin-top: -52px;
        margin-left: -20px; } }
  .mttSignUpLp_about__explanation {
    text-align: center;
    margin: 0px 30px 30px; }
    .mttSignUpLp_about__explanation__text {
      line-height: 36px; }
      @media screen and (max-width: 960px) {
        .mttSignUpLp_about__explanation__text {
          line-height: 34px; } }
    @media screen and (max-width: 960px) {
      .mttSignUpLp_about__explanation {
        margin: 50px 0 102px 0; } }
  .mttSignUpLp_about__chick {
    font-size: 26px;
    font-weight: bold;
    text-align: center;
    padding: 21px 0 19px 0;
    position: relative;
    margin-bottom: 30px; }
    .mttSignUpLp_android .mttSignUpLp_about__chick {
      color: #74aa3f;
      border-top: 3px solid #74aa3f;
      border-bottom: 3px solid #74aa3f; }
    .mttSignUpLp_ios .mttSignUpLp_about__chick {
      color: #1094a1;
      border-top: 3px solid #1094a1;
      border-bottom: 3px solid #1094a1; }
    .mttSignUpLp_pc .mttSignUpLp_about__chick {
      color: #1192dc;
      border-top: 3px solid #1192dc;
      border-bottom: 3px solid #1192dc; }
    .mttSignUpLp_common .mttSignUpLp_about__chick {
      color: #694c2c;
      border-top: 3px solid #694c2c;
      border-bottom: 3px solid #694c2c; }
    @media screen and (max-width: 960px) {
      .mttSignUpLp_about__chick {
        font-size: 18px;
        padding: 14px 0 15px 0; } }
    .mttSignUpLp_about__chick::after {
      content: url("https://www.fruitmail.net/research/mega/ODM_os/img/android2022/pc/about_character.png");
      width: 100px;
      position: absolute;
      right: 0;
      top: -31px; }
      @media screen and (max-width: 960px) {
        .mttSignUpLp_about__chick::after {
          display: none; } }
  .mttSignUpLp_about__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0; }
    @media screen and (max-width: 960px) {
      .mttSignUpLp_about__list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        margin-bottom: 22px; } }
    .mttSignUpLp_about__list__item {
      width: calc(50% - 20px);
      list-style: none;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      margin: 0 0 20px 0;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .mttSignUpLp_android .mttSignUpLp_about__list__item {
        background-color: #e7efe0; }
      .mttSignUpLp_ios .mttSignUpLp_about__list__item {
        background-color: #e0f4f6; }
      .mttSignUpLp_pc .mttSignUpLp_about__list__item {
        background-color: #d6f0ff; }
      .mttSignUpLp_common .mttSignUpLp_about__list__item {
        background-color: #f7f2dd; }
      @media screen and (max-width: 960px) {
        .mttSignUpLp_about__list__item {
          width: 100%;
          margin-bottom: 10px; } }
      .mttSignUpLp_about__list__item:nth-child(2n) {
        margin-left: 20px; }
        @media screen and (max-width: 960px) {
          .mttSignUpLp_about__list__item:nth-child(2n) {
            margin-left: 0; } }
      @media screen and (max-width: 960px) {
        .mttSignUpLp_about__list__item:last-of-type {
          margin-bottom: 10px; } }
      .mttSignUpLp_about__list__item__img {
        margin: 0 15px 0 0;
        width: 60px;
        height: 60px; }
        .mttSignUpLp_android .mttSignUpLp_about__list__item__img {
          background-color: #74aa3f; }
        .mttSignUpLp_ios .mttSignUpLp_about__list__item__img {
          background-color: #1094a1; }
        .mttSignUpLp_pc .mttSignUpLp_about__list__item__img {
          background-color: #1192dc; }
        .mttSignUpLp_common .mttSignUpLp_about__list__item__img {
          background-color: #694c2c; }
        .mttSignUpLp_about__list__item__img img {
          padding: 12px;
          width: 60px; }
      .mttSignUpLp_about__list__item p {
        font-weight: bold; }
        @media screen and (max-width: 960px) {
          .mttSignUpLp_about__list__item p {
            font-size: 14px;
            line-height: 21px; } }
  .mttSignUpLp_about .mttSignUpLp_supplement {
    text-align: center; }

/* con */
.mttSignUpLp_conditions {
  margin-bottom: 29px; }
  .mttSignUpLp_conditions .mttSignUpLp_table td {
    /*
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    */ }
    @media screen and (max-width: 960px) {
      .mttSignUpLp_conditions .mttSignUpLp_table td {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start; } }
    .mttSignUpLp_conditions .mttSignUpLp_table td aside {
      /* margin-left: 8px; */ }
      @media screen and (max-width: 960px) {
        .mttSignUpLp_conditions .mttSignUpLp_table td aside {
          margin-left: 0; } }

/* CampaignAbout */
.mttSignUpLp_campaignAbout {
  margin: 0 0 34px 0; }
  .mttSignUpLp_campaignAbout__heading {
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 16px 0; }
    .mttSignUpLp_android .mttSignUpLp_campaignAbout__heading {
      color: #74aa3f; }
    .mttSignUpLp_ios .mttSignUpLp_campaignAbout__heading {
      color: #1094a1; }
    .mttSignUpLp_pc .mttSignUpLp_campaignAbout__heading {
      color: #1192dc; }
    .mttSignUpLp_common .mttSignUpLp_campaignAbout__heading {
      color: #694c2c; }
    @media screen and (max-width: 960px) {
      .mttSignUpLp_campaignAbout__heading {
        font-size: 16px;
        margin-bottom: 5px; } }
  .mttSignUpLp_campaignAbout__attention {
    padding: 21px 19px;
    margin: 0 0 32px 0; }
    .mttSignUpLp_android .mttSignUpLp_campaignAbout__attention {
      border: 1px solid #74aa3f; }
    .mttSignUpLp_ios .mttSignUpLp_campaignAbout__attention {
      border: 1px solid #1094a1; }
    .mttSignUpLp_pc .mttSignUpLp_campaignAbout__attention {
      border: 1px solid #1192dc; }
    .mttSignUpLp_common .mttSignUpLp_campaignAbout__attention {
      border: 1px solid #694c2c; }
    @media screen and (max-width: 960px) {
      .mttSignUpLp_campaignAbout__attention .mttSignUpLp_campaignAbout__text {
        margin-bottom: 0; } }
  .mttSignUpLp_campaignAbout ul {
    padding: 0; }
    .mttSignUpLp_campaignAbout ul li {
      list-style: none;
      position: relative; }
      .mttSignUpLp_campaignAbout ul li::before {
        content: "・";
        font-size: 28px;
        position: relative;
        top: 5px; }
        @media screen and (max-width: 960px) {
          .mttSignUpLp_campaignAbout ul li::before {
            top: 6px; } }
        .mttSignUpLp_android .mttSignUpLp_campaignAbout ul li::before {
          color: #74aa3f; }
        .mttSignUpLp_ios .mttSignUpLp_campaignAbout ul li::before {
          color: #1094a1; }
        .mttSignUpLp_pc .mttSignUpLp_campaignAbout ul li::before {
          color: #1192dc; }
        .mttSignUpLp_common .mttSignUpLp_campaignAbout ul li::before {
          color: #694c2c; }
      @media screen and (max-width: 960px) {
        .mttSignUpLp_campaignAbout ul li {
          font-size: 14px; } }
  .mttSignUpLp_campaignAbout__text {
    font-size: 16px;
    margin-bottom: 18px;
    line-height: 28px; }
    @media screen and (max-width: 960px) {
      .mttSignUpLp_campaignAbout__text {
        font-size: 14px;
        line-height: 25px; } }

/* Footer */
.mttSignUpLp_footer {
  background-color: #393939;
  padding: 40px 0; }
  .mttSignUpLp_footer footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    @media screen and (max-width: 960px) {
      .mttSignUpLp_footer footer {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }
    .mttSignUpLp_footer footer div:first-of-type {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      @media screen and (max-width: 960px) {
        .mttSignUpLp_footer footer div:first-of-type {
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          margin-bottom: 30px; } }
      .mttSignUpLp_footer footer div:first-of-type img {
        width: 80px;
        margin-right: 21px;
        background-color: #fff; }
        @media screen and (max-width: 960px) {
          .mttSignUpLp_footer footer div:first-of-type img {
            width: 50px;
            margin-right: 15px; } }
    .mttSignUpLp_footer footer div:last-of-type {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end; }
      @media screen and (max-width: 960px) {
        .mttSignUpLp_footer footer div:last-of-type {
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; } }
      .mttSignUpLp_footer footer div:last-of-type ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row; }
        @media screen and (max-width: 960px) {
          .mttSignUpLp_footer footer div:last-of-type ul {
            margin-bottom: 23px; } }
        .mttSignUpLp_footer footer div:last-of-type ul li {
          list-style: none; }
          .mttSignUpLp_footer footer div:last-of-type ul li:first-child {
            padding-right: 20px; }
          .mttSignUpLp_footer footer div:last-of-type ul li:nth-of-type(2) {
            border-left: 1px solid #626262;
            border-right: 1px solid #626262;
            padding: 0 20px; }
          .mttSignUpLp_footer footer div:last-of-type ul li:last-of-type {
            padding-left: 20px; }
        @media screen and (max-width: 960px) {
          .mttSignUpLp_footer footer div:last-of-type ul {
            padding-left: 0; } }
    .mttSignUpLp_footer footer div a {
      color: #fff;
      text-decoration: none;
      font-size: 14px;
      font-weight: normal; }
      @media screen and (max-width: 960px) {
        .mttSignUpLp_footer footer div a {
          font-size: 12.17px; } }
  .mttSignUpLp_footer__text {
    color: #fff;
    font-size: 16px; }
    @media screen and (max-width: 960px) {
      .mttSignUpLp_footer__text {
        font-size: 12px;
        line-height: 22px; } }
  .mttSignUpLp_footer__copyright {
    font-size: 11px;
    color: #626262; }
    @media screen and (max-width: 960px) {
      .mttSignUpLp_footer__copyright {
        font-size: 10px; } }

.textCenter {
  text-align: center; }

.mttSignUp_slider {
  display: none;
  background-color: #393939;
  padding-bottom: 10px;
  margin-bottom: 0; }
  @media screen and (max-width: 960px) {
    .mttSignUp_slider {
      display: block; } }

.slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #fff; }

.slider__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  margin-left: -5px;
  padding: 10px 0; }

.slider__item {
  margin: 0 10px;
  height: 50px; }
  .slider__item img {
    -o-object-fit: contain;
       object-fit: contain;
    height: 50px;
    width: unset; }

.slider__inner:first-child {
  -webkit-animation: loop 90s linear infinite;
          animation: loop 90s linear infinite; }

.slider__inner:nth-child(2) {
  -webkit-animation: loop2 90s -60s linear infinite;
          animation: loop2 90s -60s linear infinite; }

.slider__inner:last-child {
  -webkit-animation: loop3 90s -30s linear infinite;
          animation: loop3 90s -30s linear infinite; }

@-webkit-keyframes loop {
  0% {
    -webkit-transform: translateX(200%);
            transform: translateX(200%); }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%); } }

@keyframes loop {
  0% {
    -webkit-transform: translateX(200%);
            transform: translateX(200%); }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%); } }

@-webkit-keyframes loop2 {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%); }
  to {
    -webkit-transform: translateX(-200%);
            transform: translateX(-200%); } }

@keyframes loop2 {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%); }
  to {
    -webkit-transform: translateX(-200%);
            transform: translateX(-200%); } }

@-webkit-keyframes loop3 {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%); }
  to {
    -webkit-transform: translateX(-300%);
            transform: translateX(-300%); } }

@keyframes loop3 {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%); }
  to {
    -webkit-transform: translateX(-300%);
            transform: translateX(-300%); } }
/*# sourceMappingURL=mtt_style.css.map */

.mttSignUpLp_campaign_Bothdevices_banner {
  max-width: 720px;
  margin:0 auto;
  padding: 0px 10px 0px
}
/* Both devices Campaine 20231107 add*/