.mobile-header {
  left: 0;
  margin-bottom: 20px;
  position: fixed;
  right: 0;
  text-align: center;
  top: 0;
  z-index: 1030; }
  .mobile-header .navbar-header {
    background-color: #ffdd3f;
    border: 0;
    height: 38px;
    display: flex;
    align-items: center; }
  .mobile-header .navbar-brand {
    align-items: center;
    margin-left: 8px;
    width: 100%;
    text-align: left; }
    .mobile-header .navbar-brand img {
      width: auto;
      height: 22px; }
  .mobile-header .navbar-brand:hover,
  .mobile-header .navbar-brand:focus {
    text-decoration: none; }

.mobile-header-bottom {
  height: 38px; }

.loading {
  background-color: rgba(255, 255, 255, 0.4);
  cursor: wait;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  user-select: none;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10000; }
  .loading img {
    width: 64px;
    height: 64px; }

dialog {
  position: absolute;
  left: 0; right: 0;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: -webkit-fit-content;
  height: fit-content;
  margin: auto;
  border: solid;
  padding: 1em;
  background: white;
  color: black;
  display: block;
}

dialog:not([open]) {
  display: none;
}

dialog + .backdrop {
  position: fixed;
  top: 0; right: 0; bottom: 0; left: 0;
  background: rgba(0,0,0,0.1);
}

._dialog_overlay {
  position: fixed;
  top: 0; right: 0; bottom: 0; left: 0;
}

dialog.fixed {
  position: fixed;
  top: 50%;
  transform: translate(0, -50%);
}
.error-dialog {
  border-radius: 3px;
  border: none;
  width: 240px;
  margin: auto;
  padding: 0; }
  .error-dialog .error-title {
    font-size: 14px;
    padding: 14px 18px;
    border-bottom: solid 4px #f9c716; }
  .error-dialog .error-message {
    font-size: 12px;
    padding: 16px 18px; }
  .error-dialog .error-action {
    text-align: center;
    padding-bottom: 20px; }

/* Document
 * ========================================================================== */

/**
 * Add border box sizing in all browsers (opinionated).
 */

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

/**
 * 1. Add text decoration inheritance in all browsers (opinionated).
 * 2. Add vertical alignment inheritance in all browsers (opinionated).
 */

::before,
::after {
  text-decoration: inherit; /* 1 */
  vertical-align: inherit; /* 2 */
}

/**
 * 1. Use the default cursor in all browsers (opinionated).
 * 2. Change the line height in all browsers (opinionated).
 * 3. Use a 4-space tab width in all browsers (opinionated).
 * 4. Remove the grey highlight on links in iOS (opinionated).
 * 5. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 * 6. Breaks words to prevent overflow in all browsers (opinionated).
 */

html {
  cursor: default; /* 1 */
  line-height: 1.5; /* 2 */
  -moz-tab-size: 4; /* 3 */
  tab-size: 4; /* 3 */
  -webkit-tap-highlight-color: transparent /* 4 */;
  -ms-text-size-adjust: 100%; /* 5 */
  -webkit-text-size-adjust: 100%; /* 5 */
  word-break: break-word; /* 6 */
}

/* Sections
 * ========================================================================== */

/**
 * Remove the margin in all browsers (opinionated).
 */

body {
  margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Edge, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
 * ========================================================================== */

/**
 * Remove the margin on nested lists in Chrome, Edge, IE, and Safari.
 */

dl dl,
dl ol,
dl ul,
ol dl,
ul dl {
  margin: 0;
}

/**
 * Remove the margin on nested lists in Edge 18- and IE.
 */

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

/**
 * 1. Add the correct sizing in Firefox.
 * 2. Show the overflow in Edge 18- and IE.
 */

hr {
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * Add the correct display in IE.
 */

main {
  display: block;
}

/**
 * Remove the list style on navigation lists in all browsers (opinionated).
 */

nav ol,
nav ul {
  list-style: none;
  padding: 0;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
 * ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * Add the correct text decoration in Edge 18-, IE, and Safari.
 */

abbr[title] {
  text-decoration: underline;
  text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/* Embedded content
 * ========================================================================== */

/*
 * Change the alignment on media elements in all browsers (opinionated).
 */

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

/**
 * Add the correct display in IE 9-.
 */

audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on iframes in all browsers (opinionated).
 */

iframe {
  border-style: none;
}

/**
 * Remove the border on images within links in IE 10-.
 */

img {
  border-style: none;
}

/**
 * Change the fill color to match the text color in all browsers (opinionated).
 */

svg:not([fill]) {
  fill: currentColor;
}

/**
 * Hide the overflow in IE.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Tabular data
 * ========================================================================== */

/**
 * Collapse border spacing in all browsers (opinionated).
 */

table {
  border-collapse: collapse;
}

/* Forms
 * ========================================================================== */

/**
 * Remove the margin on controls in Safari.
 */

button,
input,
select {
  margin: 0;
}

/**
 * 1. Show the overflow in IE.
 * 2. Remove the inheritance of text transform in Edge 18-, Firefox, and IE.
 */

button {
  overflow: visible; /* 1 */
  text-transform: none; /* 2 */
}

/**
 * Correct the inability to style buttons in iOS and Safari.
 */

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

/**
 * 1. Change the inconsistent appearance in all browsers (opinionated).
 * 2. Correct the padding in Firefox.
 */

fieldset {
  border: 1px solid #a0a0a0; /* 1 */
  padding: 0.35em 0.75em 0.625em; /* 2 */
}

/**
 * Show the overflow in Edge 18- and IE.
 */

input {
  overflow: visible;
}

/**
 * 1. Correct the text wrapping in Edge 18- and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 */

legend {
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  white-space: normal; /* 1 */
}

/**
 * 1. Add the correct display in Edge 18- and IE.
 * 2. Add the correct vertical alignment in Chrome, Edge, and Firefox.
 */

progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Remove the inheritance of text transform in Firefox.
 */

select {
  text-transform: none;
}

/**
 * 1. Remove the margin in Firefox and Safari.
 * 2. Remove the default vertical scrollbar in IE.
 * 3. Change the resize direction in all browsers (opinionated).
 */

textarea {
  margin: 0; /* 1 */
  overflow: auto; /* 2 */
  resize: vertical; /* 3 */
}

/**
 * Remove the padding in IE 10-.
 */

[type="checkbox"],
[type="radio"] {
  padding: 0;
}

/**
 * 1. Correct the odd appearance in Chrome, Edge, and Safari.
 * 2. Correct the outline style in Safari.
 */

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

/**
 * Correct the cursor style of increment and decrement buttons in Safari.
 */

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

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */

::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

/**
 * Remove the inner padding in Chrome, Edge, and Safari on macOS.
 */

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

/**
 * 1. Correct the inability to style upload buttons in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/**
 * Remove the inner border and padding of focus outlines in Firefox.
 */

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

/**
 * Restore the focus outline styles unset by the previous rule in Firefox.
 */

:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Remove the additional :invalid styles in Firefox.
 */

:-moz-ui-invalid {
  box-shadow: none;
}

/* Interactive
 * ========================================================================== */

/*
 * Add the correct display in Edge 18- and IE.
 */

details {
  display: block;
}

/*
 * Add the correct styles in Edge 18-, IE, and Safari.
 */

dialog {
  background-color: white;
  border: solid;
  color: black;
  display: block;
  height: -moz-fit-content;
  height: -webkit-fit-content;
  height: fit-content;
  left: 0;
  margin: auto;
  padding: 1em;
  position: absolute;
  right: 0;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
}

dialog:not([open]) {
  display: none;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Scripting
 * ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */

template {
  display: none;
}

/* User interaction
 * ========================================================================== */

/*
 * 1. Remove the tapping delay in IE 10.
 * 2. Remove the tapping delay on clickable elements
      in all browsers (opinionated).
 */

a,
area,
button,
input,
label,
select,
summary,
textarea,
[tabindex] {
  -ms-touch-action: manipulation; /* 1 */
  touch-action: manipulation; /* 2 */
}

/**
 * Add the correct display in IE 10-.
 */

[hidden] {
  display: none;
}

/* Accessibility
 * ========================================================================== */

/**
 * Change the cursor on busy elements in all browsers (opinionated).
 */

[aria-busy="true"] {
  cursor: progress;
}

/*
 * Change the cursor on control elements in all browsers (opinionated).
 */

[aria-controls] {
  cursor: pointer;
}

/*
 * Change the cursor on disabled, not-editable, or otherwise
 * inoperable elements in all browsers (opinionated).
 */

[aria-disabled="true"],
[disabled] {
  cursor: not-allowed;
}

/*
 * Change the display on visually hidden accessible elements
 * in all browsers (opinionated).
 */

[aria-hidden="false"][hidden] {
  display: initial;
}

[aria-hidden="false"][hidden]:not(:focus) {
  clip: rect(0, 0, 0, 0);
  position: absolute;
}

/**
 * Use the default user interface font in all browsers (opinionated).
 */

html {
  font-family:
    system-ui,
    /* macOS 10.11-10.12 */ -apple-system,
    /* Windows 6+ */ "Segoe UI",
    /* Android 4+ */ "Roboto",
    /* Ubuntu 10.10+ */ "Ubuntu",
    /* Gnome 3+ */ "Cantarell",
    /* KDE Plasma 5+ */ "Noto Sans",
    /* fallback */ sans-serif,
    /* macOS emoji */ "Apple Color Emoji",
    /* Windows emoji */ "Segoe UI Emoji",
    /* Windows emoji */ "Segoe UI Symbol",
    /* Linux emoji */ "Noto Color Emoji";
}

/**
 * Use the default monospace user interface font in all browsers (opinionated).
 */

code,
kbd,
samp,
pre {
  font-family:
    /* macOS 10.10+ */ "Menlo",
    /* Windows 6+ */ "Consolas",
    /* Android 4+ */ "Roboto Mono",
    /* Ubuntu 10.10+ */ "Ubuntu Monospace",
    /* KDE Plasma 5+ */ "Noto Mono",
    /* KDE Plasma 4+ */ "Oxygen Mono",
    /* Linux/OpenOffice fallback */ "Liberation Mono",
    /* fallback */ monospace,
    /* macOS emoji */ "Apple Color Emoji",
    /* Windows emoji */ "Segoe UI Emoji",
    /* Windows emoji */ "Segoe UI Symbol",
    /* Linux emoji */ "Noto Color Emoji";
}

/**
 * 1. Change the inconsistent appearance in all browsers (opinionated).
 * 2. Add typography inheritance in all browsers (opinionated).
 */

button,
input,
select,
textarea {
  background-color: transparent; /* 1 */
  border: 1px solid WindowFrame; /* 1 */
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  letter-spacing: inherit; /* 2 */
  padding: 0.25em 0.375em; /* 1 */
}

/**
 * Change the inconsistent appearance in all browsers (opinionated).
 */

select {
  -moz-appearance: none;
  -webkit-appearance: none;
  background: no-repeat right center / 1em;
  border-radius: 0;
  padding-right: 1em;
}

/**
 * Change the inconsistent appearance in all browsers (opinionated).
 */

select:not([multiple]):not([size]) {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='4'%3E%3Cpath d='M4 0h6L7 4'/%3E%3C/svg%3E");
}

/**
 * Change the inconsistent appearance in IE (opinionated).
 */

::-ms-expand {
  display: none;
}

/**
 * Correct the inconsistent appearance in IE (opinionated).
 */

:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.54);
}

@charset "UTF-8";
html {
  font-family: Arial, "\30D2\30E9\30AE\30CE\89D2\30B4\30B7\30C3\30AF   ProN", "Hiragino Kaku Gothic ProN", "\30E1\30A4\30EA\30AA", Meiryo, sans-serif; }

.regular-button {
  background: #ffffff;
  border: solid 2px #e1c561;
  border-radius: 3px;
  box-shadow: 0px 2px 5px #616161;
  padding: 9px 12px;
  font-size: 12px;
  font-weight: bold;
  color: #ad9951;
  line-height: 1; }

.regular-button:disabled {
  color: rgba(173, 153, 81, 0.3);
  border: solid 2px rgba(225, 197, 97, 0.3);
  box-shadow: none; }

.conversion-button {
  background: #2eb975;
  border: solid 2px #2eb975;
  border-radius: 3px;
  box-shadow: 0px 2px 5px #616161;
  padding: 9px 12px;
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
  line-height: 1; }

.conversion-button:disabled {
  background: #dfdfdf;
  border: solid 2px #dfdfdf; }

.contract-button {
  background: #F5730E;
  border: solid 2px #F5730E;
  border-radius: 3px;
  box-shadow: 0px 2px 5px #616161;
  padding: 9px 12px;
  font-size: 12px;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 1; }

.text-center {
  text-align: center; }

.text-right {
  text-align: right; }

.icon-help {
  width: 14px;
  height: 14px;
  float: right; }

.h1 {
  padding: 20px 12px;
  font-size: 24px;
  font-weight: bold;
  line-height: 1; }

.vision-back {
  background: #ffffff;
  padding: 44px 10px 30px;
  font-size: 12px;
  line-height: 1; }
  .vision-back img {
    width: 14px;
    height: 14px;
    margin-top: -3px;
    padding-left: 8px;
    transform: scale(-1, 1); }

dialog::backdrop {
  background: rgba(0, 0, 0, 0.5); }

input {
  font-size: 16px; }

textarea {
  font-size: 16px; }

body {
  background-color: #f7f7f7;
  color: #333333; }

a {
  color: #193a9e;
  text-decoration: none; }

.dialog-open {
  position: fixed;
  width: 100%; }

.menu-tab-wap {
  height: 45px;
  padding-top: 10px;
  border-bottom: solid 3px #e1c561;
  text-align: center;
  background-color: #ffffff; }
  .menu-tab-wap .menu-tab-view {
    padding: 5px;
    width: 142px;
    height: 32px;
    background: #e0e0e0;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    display: inline-block;
    margin-right: 1px; }
  .menu-tab-wap .menu-tab-view > a > span {
    font-size: 14px; }
  .menu-tab-wap .menu-tab-vision {
    padding: 5px;
    width: 142px;
    height: 32px;
    background: #e1c561;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    display: inline-block;
    margin-left: 1px; }
  .menu-tab-wap .menu-tab-vision > span {
    font-size: 14px;
    font-weight: bold;
    color: #333333; }
  .menu-tab-wap .menu-tab-img {
    width: 14px;
    height: 14px;
    margin-right: 6px;
    margin-top: -1px; }

.h2-line {
  background-color: #ffffff;
  padding: 24px 12px 0 12px; }
  .h2-line .wap {
    border-left: 0;
    border-top: 4px solid #e0e0e0;
    position: relative;
    padding: 8px 10px 20px 0;
    display: flex;
    align-items: center;
    justify-content: left;
    line-height: 1;
    border-image: linear-gradient(to right, #e1c561 60px, #e0e0e0 60px) 1/4px 0 0 0; }
  .h2-line .title {
    display: inline;
    font-size: 14px;
    font-weight: bold;
    margin-right: 8px; }

.vision-cancel-done {
  background-color: #ffffff; }
  .vision-cancel-done .icon {
    text-align: center;
    padding: 28px 0px 40px; }
    .vision-cancel-done .icon img {
      width: 64px;
      height: 64px; }
  .vision-cancel-done .message {
    font-size: 14px;
    text-align: center;
    padding: 0px 0px 48px; }

.vision-cancel {
  background-color: #ffffff; }
  .vision-cancel .p1 {
    font-size: 14px;
    padding: 15px 20px 40px; }
  .vision-cancel .button-area {
    text-align: center; }
  .vision-cancel .p2 {
    padding: 28px 15px 40px; }
    .vision-cancel .p2 div {
      padding: 24px 10px;
      font-size: 12px;
      background-color: #eeeeee; }

.vision-feedback-done {
  background-color: #ffffff; }
  .vision-feedback-done .message {
    font-size: 12px;
    line-height: 20px;
    padding: 0px 14px 44px; }
  .vision-feedback-done .vision-back {
    background: #ffffff;
    padding: 0px 10px 30px;
    font-size: 10px; }
    .vision-feedback-done .vision-back img {
      width: 14px;
      height: 14px;
      padding-left: 8px;
      vertical-align: top;
      transform: scale(-1, 1); }

.vision-feedback {
  background-color: #ffffff; }
  .vision-feedback .notes {
    font-size: 12px;
    line-height: 1.5em;
    padding: 0px 10px 10px; }
  .vision-feedback .length {
    font-size: 12px;
    line-height: 1;
    padding-left: 10px; }
  .vision-feedback .comment {
    padding: 10px; }
    .vision-feedback .comment textarea {
      width: 100%;
      height: 178px;
      padding: 10px;
      border: solid 2px #d7d7d7;
      box-shadow: 1px 1px 1px #d9d9d9; }
  .vision-feedback .button-area {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 40px; }

.recommend-main {
  background-color: #ffffff; }
  .recommend-main .title-wrap {
    margin: 30px 15px; }
    .recommend-main .title-wrap .title {
      display: inline;
      font-size: 20px;
      font-weight: bold;
      opacity: 1; }
  .recommend-main .amount {
    text-align: right;
    font-size: 14px;
    margin: 20px 20px 10px 0px; }
    .recommend-main .amount .amount-possible {
      margin-top: 5px;
      display: inline-flex; }
      .recommend-main .amount .amount-possible .amount-title {
        margin-right: 15px;
        text-align: left;
        font-size: 12px;
        color: #9E9E9E; }
        .recommend-main .amount .amount-possible .amount-title .help {
          margin-left: 5px; }
          .recommend-main .amount .amount-possible .amount-title .help img {
            width: 15px;
            height: 15px;
            padding-bottom: 2px; }
      .recommend-main .amount .amount-possible .possible-amount {
        font-size: 12px; }
        .recommend-main .amount .amount-possible .possible-amount .number {
          margin-top: -3px;
          font-size: 14px; }
          .recommend-main .amount .amount-possible .possible-amount .number span {
            margin-left: 2px;
            font-size: 12px; }
    .recommend-main .amount .payment-button {
      font-size: 12px;
      font-weight: 500;
      margin-left: 10px;
      text-align: center;
      color: #525E93;
      background: #EEEEEE;
      box-shadow: 2px 1px 0px #898989;
      border-radius: 2px; }
  .recommend-main .condition-wrap {
    background: #F7F7F7;
    padding: 5px 0px; }
    .recommend-main .condition-wrap span label {
      font-size: 16px;
      padding: 15px;
      width: 150px;
      height: 26px;
      display: inline-block;
      padding: 5px; }
    .recommend-main .condition-wrap .nisa-attention {
      text-align: right;
      font-size: 12px;
      margin: 5px 20px -10px 0px; }
      .recommend-main .condition-wrap .nisa-attention .attention {
        margin-top: -3px;
        margin-right: 2px; }
    .recommend-main .condition-wrap .condition {
      margin: 20px 10px;
      background: #ffffff;
      box-shadow: 0px 0px 7px #00000029;
      border-radius: 5px;
      padding: 10px 5px 25px;
      display: flex;
      flex-direction: column;
      align-items: center; }
      .recommend-main .condition-wrap .condition .condition-title {
        width: 100%;
        display: flex;
        align-items: flex-start;
        justify-content: flex-start; }
        .recommend-main .condition-wrap .condition .condition-title .condition-number {
          display: flex;
          align-items: center;
          justify-content: center;
          flex-grow: 0;
          margin: 2px 8px 0; }
        .recommend-main .condition-wrap .condition .condition-title .title {
          font-size: 14px;
          font-weight: 600;
          padding-top: 2px;
          margin-right: 5px;
          text-align: left; }
      .recommend-main .condition-wrap .condition .condition-title-label-wrap {
        width: 100%; }
        .recommend-main .condition-wrap .condition .condition-title-label-wrap .condition-title-label {
          font-size: 13px;
          font-weight: 300;
          color: #9E9E9E;
          margin-left: 20px; }
      .recommend-main .condition-wrap .condition .condition-main {
        margin-top: 15px;
        width: 100%;
        display: flex;
        justify-content: center; }
        .recommend-main .condition-wrap .condition .condition-main .input-amount {
          width: 75%;
          align-items: center;
          font-size: 12px;
          display: flex;
          border-bottom: 1px solid #e0e0e0; }
          .recommend-main .condition-wrap .condition .condition-main .input-amount .amount-month {
            width: 30px; }
          .recommend-main .condition-wrap .condition .condition-main .input-amount .amount-label {
            width: 40px;
            white-space: nowrap; }
          .recommend-main .condition-wrap .condition .condition-main .input-amount input {
            height: 25px !important;
            font-size: 16px !important; }
          .recommend-main .condition-wrap .condition .condition-main .input-amount .amount-input {
            margin: 0px 10px;
            width: 75%; }
        .recommend-main .condition-wrap .condition .condition-main .input-account {
          width: 100%;
          height: 41px;
          display: flex;
          flex-wrap: nowrap;
          justify-content: center; }
          .recommend-main .condition-wrap .condition .condition-main .input-account .select-button {
            width: auto;
            border: 1px solid #D7D7D7;
            border-radius: 5px;
            font-size: 12px;
            color: #333333;
            padding: 10px;
            margin: 0 3px; }
            .recommend-main .condition-wrap .condition .condition-main .input-account .select-button img {
              margin-right: 5px; }
            .recommend-main .condition-wrap .condition .condition-main .input-account .select-button.selected {
              background-color: #FCF9E8; }
        .recommend-main .condition-wrap .condition .condition-main .question {
          width: 100%;
          display: flex;
          flex-direction: column;
          justify-content: center; }
        .recommend-main .condition-wrap .condition .condition-main .question-main {
          margin-top: 0px; }
          .recommend-main .condition-wrap .condition .condition-main .question-main .botton-wrap {
            display: flex;
            flex-direction: column;
            align-items: center; }
            .recommend-main .condition-wrap .condition .condition-main .question-main .botton-wrap .select-botton {
              padding: 10px 35px 10px 10px;
              height: 100%;
              width: 95%;
              font-size: clamp(10px, 14px, 3.75vw); }
              .recommend-main .condition-wrap .condition .condition-main .question-main .botton-wrap .select-botton .check {
                margin: -5px -20px; }
              .recommend-main .condition-wrap .condition .condition-main .question-main .botton-wrap .select-botton span {
                font-size: 12px;
                font-weight: 700; }
        .recommend-main .condition-wrap .condition .condition-main .question-label {
          margin-top: 20px;
          font-size: 12px;
          padding: 0 20px; }
    .recommend-main .condition-wrap .input-alert {
      text-align: center;
      color: #FF0000; }
    .recommend-main .condition-wrap .confirm-amount {
      text-align: center; }
      .recommend-main .condition-wrap .confirm-amount .regular-button {
        font-size: 14px;
        width: 40%;
        margin: 20px 0px 30px 0px; }
  .recommend-main .asset-check-all {
    padding: 16px 10px 12px;
    background-color: #faf1d0; }
    .recommend-main .asset-check-all .account-cash {
      font-size: 13px;
      text-align: left;
      margin-top: 4%;
      margin-left: 4%; }
    .recommend-main .asset-check-all .fund-serach {
      width: 100%;
      margin-top: 18px; }
      .recommend-main .asset-check-all .fund-serach .fund-serach-text {
        border-right: none;
        border-left: none;
        border-top: none;
        width: 95%;
        font-size: 14px;
        height: 25px; }
        .recommend-main .asset-check-all .fund-serach .fund-serach-text:disabled {
          opacity: 1; }
  .recommend-main .cash-tab-wrap {
    display: flex;
    justify-content: center;
    text-align: center;
    background: #F7F7F7; }
    .recommend-main .cash-tab-wrap .tab {
      display: flex;
      justify-content: center;
      text-align: center;
      margin: 0px 5px;
      padding: 15px 15px 0px 15px;
      height: 56px;
      line-height: 30px;
      font-weight: bold;
      color: #24a0be;
      background: #ffffff;
      width: 240px;
      border-radius: 10px 10px 0px 0px;
      border: 1px solid #D7D7D7;
      border-bottom: none;
      font-size: clamp(14px, 16px, 4.25vw); }
      .recommend-main .cash-tab-wrap .tab .tab-img img {
        margin: 0px 8px 5px 0px; }
    .recommend-main .cash-tab-wrap .tab-balance {
      display: flex;
      justify-content: center;
      text-align: center;
      margin: 0 auto;
      padding: 15px 15px 0px 15px;
      height: 56px;
      line-height: 30px;
      font-weight: bold;
      color: #24a0be;
      background: #ffffff;
      width: 172px;
      border-radius: 10px 10px 0px 0px;
      border: 1px solid #D7D7D7;
      border-bottom: none; }
      .recommend-main .cash-tab-wrap .tab-balance .tab-img img {
        margin: 0px 8px 5px 0px; }
    .recommend-main .cash-tab-wrap .tab.active {
      background: #E1F4F2;
      border: none; }
    .recommend-main .cash-tab-wrap .tab-balance.active {
      background: #E1F4F2;
      color: #24a0be;
      border: none; }
  .recommend-main .recommend-wrap {
    background-color: #E1F4F2;
    border: solid #E1F4F2;
    padding-bottom: 20px; }
    .recommend-main .recommend-wrap .asset-caution {
      color: #E01414;
      font-size: 12px;
      font-weight: 600;
      padding: 10px 20px 10px 20px; }
    .recommend-main .recommend-wrap .model-description {
      background: #ffffff;
      border-radius: 8px;
      padding: 16px;
      font-size: 12px;
      color: #616161; }
      .recommend-main .recommend-wrap .model-description .recommend-annotation {
        margin-top: 16px;
        font-size: 10px; }
    .recommend-main .recommend-wrap .asset-title {
      margin-top: 22px;
      margin-left: 15px;
      font-size: 16px;
      font-weight: 600; }
    .recommend-main .recommend-wrap .asset-list {
      margin: 10px;
      background: #ADD2D9;
      border: #ADD2D9 solid 8px; }
      .recommend-main .recommend-wrap .asset-list .asset-header {
        background: #F5F5F5;
        font-size: 12px;
        display: flex;
        height: 30px;
        text-align: center; }
        .recommend-main .recommend-wrap .asset-list .asset-header .asset-class {
          border-right: solid 1px #d7d7d7;
          padding: 5px 0px;
          width: 27%; }
          .recommend-main .recommend-wrap .asset-list .asset-header .asset-class .asset-color {
            margin-right: 5px;
            width: 5px;
            height: 20px; }
        .recommend-main .recommend-wrap .asset-list .asset-header .asset-name {
          border-right: solid 1px #d7d7d7;
          padding: 5px 0px;
          width: 63%; }
        .recommend-main .recommend-wrap .asset-list .asset-header .asset-name-balance {
          border-right: solid 1px #d7d7d7;
          padding: 5px 0px 5px 0px;
          width: 80%; }
        .recommend-main .recommend-wrap .asset-list .asset-header .asset-ratio {
          padding: 5px 0px 5px 0px;
          width: 20%; }
      .recommend-main .recommend-wrap .asset-list .asset-body .asset-none {
        text-align: center;
        background: #ffffff; }
      .recommend-main .recommend-wrap .asset-list .asset-body .list {
        background: #ffffff; }
      .recommend-main .recommend-wrap .asset-list .asset-body .row {
        border-bottom: solid 1px #d7d7d7;
        display: flex;
        justify-content: space-between;
        font-size: 12px; }
        .recommend-main .recommend-wrap .asset-list .asset-body .row .ext-name.disable {
          color: #9e9e9e; }
        .recommend-main .recommend-wrap .asset-list .asset-body .row .asset-class {
          border-right: solid 1px #d7d7d7;
          padding: 5px 0px 0px 5px;
          width: 27%;
          display: -webkit-inline-box; }
          .recommend-main .recommend-wrap .asset-list .asset-body .row .asset-class .asset-color {
            margin-right: 5px;
            height: 18px;
            width: 5px; }
          .recommend-main .recommend-wrap .asset-list .asset-body .row .asset-class .name {
            width: calc(100% - 15px); }
        .recommend-main .recommend-wrap .asset-list .asset-body .row .asset-name {
          border-right: solid 1px #d7d7d7;
          padding: 5px 0px 0px 5px;
          width: 63%; }
        .recommend-main .recommend-wrap .asset-list .asset-body .row .asset-name-balance {
          border-right: solid 1px #d7d7d7;
          padding: 5px 0px 0px 5px;
          width: 80%; }
        .recommend-main .recommend-wrap .asset-list .asset-body .row .asset-ratio {
          width: 20%;
          text-align: right;
          padding: 5px 5px 0px 0px; }
        .recommend-main .recommend-wrap .asset-list .asset-body .row .asset-change {
          text-align: right; }
          .recommend-main .recommend-wrap .asset-list .asset-body .row .asset-change .change-link {
            text-align: right;
            margin-left: 10px;
            font-size: 12px; }
          .recommend-main .recommend-wrap .asset-list .asset-body .row .asset-change .change-img {
            margin: 0 5px 4px;
            width: 12px;
            height: 15px; }
        .recommend-main .recommend-wrap .asset-list .asset-body .row .asset-error {
          color: #E01414;
          font-size: 10px;
          font-weight: 600; }
  .recommend-main .vision-main {
    display: flex;
    justify-content: center;
    padding: 14px 16px 18px; }
    .recommend-main .vision-main .contents {
      font-size: 12px;
      color: #61615f; }
    .recommend-main .vision-main .pai-contents {
      margin-left: 10px; }
  .recommend-main .title {
    font-size: 20px;
    font-weight: 600;
    text-align: center; }
  .recommend-main .recommend-title {
    font-size: 20px;
    font-weight: 600;
    text-align: center; }
  .recommend-main .explanation {
    margin: 20px 15px;
    font-size: 14px;
    text-align: left;
    color: #333333; }
  .recommend-main .radio-label {
    color: #aca9a9; }
  .recommend-main .portfolio-wrap {
    background-color: #ffffff;
    margin: 10px;
    border: #ADD2D9 solid 10px; }
    .recommend-main .portfolio-wrap .portfolio-main .portfolio {
      display: flex;
      justify-content: space-around; }
      .recommend-main .portfolio-wrap .portfolio-main .portfolio .icon-arrow {
        font-size: 25px;
        text-align: center;
        position: relative;
        top: 45px;
        height: 60px;
        color: #ADD2D9; }
        .recommend-main .portfolio-wrap .portfolio-main .portfolio .icon-arrow .img {
          position: relative;
          width: 30px;
          height: 30px; }
      .recommend-main .portfolio-wrap .portfolio-main .portfolio .icon-plus .img {
        position: relative;
        top: 35px;
        width: 30px;
        height: 60px; }
    .recommend-main .portfolio-wrap .portfolio-main img {
      width: 12px;
      height: 12px; }
    .recommend-main .portfolio-wrap .portfolio-main a {
      font-size: 10px; }
  .recommend-main .portfolio-wrap {
    background-color: #ffffff;
    margin: 10px;
    border: #ADD2D9 solid 10px; }
    .recommend-main .portfolio-wrap .portfolio-main .portfolio-label {
      margin: 10px 0 2px;
      display: flex;
      height: 30px;
      text-align: center;
      font-size: 10px;
      font-weight: 500; }
      .recommend-main .portfolio-wrap .portfolio-main .portfolio-label .lavel {
        width: 30%;
        padding-top: 3px; }
      .recommend-main .portfolio-wrap .portfolio-main .portfolio-label .lavel-fund {
        width: 42%;
        padding: 3px 7px 0 0;
        white-space: nowrap; }
      .recommend-main .portfolio-wrap .portfolio-main .portfolio-label .lavel-total {
        width: 28%;
        font-size: 12px; }
    .recommend-main .portfolio-wrap .portfolio-main .portfolio-pai {
      padding-left: 10px;
      font-size: 12px;
      display: flex;
      text-align: center; }
      .recommend-main .portfolio-wrap .portfolio-main .portfolio-pai canvas {
        display: inline !important; }
      .recommend-main .portfolio-wrap .portfolio-main .portfolio-pai .icon-arrow {
        width: 10%;
        text-align: center;
        margin-top: 3%; }
        .recommend-main .portfolio-wrap .portfolio-main .portfolio-pai .icon-arrow .img {
          width: 30px;
          height: 30px; }
      .recommend-main .portfolio-wrap .portfolio-main .portfolio-pai .icon-plus {
        width: 10%;
        text-align: center;
        margin-top: 3%; }
        .recommend-main .portfolio-wrap .portfolio-main .portfolio-pai .icon-plus .img {
          width: 30px;
          height: 30px; }
      .recommend-main .portfolio-wrap .portfolio-main .portfolio-pai .portfolio {
        width: 25%; }
      .recommend-main .portfolio-wrap .portfolio-main .portfolio-pai .portfolio-fund {
        width: 25%; }
      .recommend-main .portfolio-wrap .portfolio-main .portfolio-pai .total-portfolio {
        width: 30%;
        margin-top: -3%; }
    .recommend-main .portfolio-wrap .portfolio-main img {
      width: 12px;
      height: 12px; }
    .recommend-main .portfolio-wrap .portfolio-main .usage-guide {
      margin: 0px 0px 10px 5px;
      font-size: 12px; }
      .recommend-main .portfolio-wrap .portfolio-main .usage-guide img {
        margin-bottom: 3px; }
  .recommend-main .button-wrap {
    padding: 40px 0px 20px 0px;
    text-align: center;
    background: #F7F7F7; }
    .recommend-main .button-wrap .conversion-button {
      margin-bottom: 20px;
      width: 90%;
      font-size: 16px;
      height: 48px; }
      .recommend-main .button-wrap .conversion-button:disabled {
        box-shadow: none; }
    .recommend-main .button-wrap .regular-button {
      width: 90%;
      font-size: 14px;
      padding: 13.5px 12px; }
  .recommend-main .vision-link {
    padding-bottom: 20px;
    text-align: center;
    font-size: 12px;
    color: #9E9E9E;
    background: #F7F7F7; }
  .recommend-main .api-attention {
    font-size: 12px;
    text-align: right;
    padding-right: 16px;
    background: #F7F7F7; }
    .recommend-main .api-attention img {
      margin-top: -3px;
      margin-right: 2px; }
  .recommend-main .back-link {
    padding: 30px 0px 40px 10px;
    background: #F7F7F7;
    font-size: 12px; }
    .recommend-main .back-link .img {
      margin-right: 5px;
      margin-top: -3px;
      width: 8px;
      height: 13px; }
  .recommend-main .modal-buy .modal-warp {
    top: 20%; }
    .recommend-main .modal-buy .modal-warp .modal-alert .fund-name {
      font-weight: 600; }

.select-fund {
  background: #ffffff; }
  .select-fund .fund-link {
    font-size: 14px;
    line-height: 1.5; }
    .select-fund .fund-link img {
      width: 12px;
      height: 10px;
      margin-left: 4px; }
  .select-fund .fund-link-name {
    font-size: 14px;
    line-height: 1.5; }
  .select-fund .fund-list {
    display: flex;
    border: 1px solid #D7D7D7;
    padding: 10px 10px 10px 5px; }
    .select-fund .fund-list .fund {
      display: flex;
      width: 75%; }
      .select-fund .fund-list .fund .fund-radio {
        margin-top: 10px; }
      .select-fund .fund-list .fund .fund-name .asset-error {
        color: #E01414;
        font-size: 12px;
        font-weight: 600; }
    .select-fund .fund-list .fund-label {
      display: block;
      text-align: right;
      width: 25%; }
      .select-fund .fund-list .fund-label .fund-button {
        margin-top: 5px;
        color: #616161;
        border: 1px solid #9E9E9E;
        border-radius: 12px;
        font-size: clamp(10px, 14px, 3.75vw); }
        .select-fund .fund-list .fund-label .fund-button .img {
          margin-left: 5px;
          margin-bottom: 3px;
          width: 8px;
          height: 13px;
          transform: rotate(180deg); }
    .select-fund .fund-list .radio {
      background: none;
      border-right: none; }
    .select-fund .fund-list .radio.active {
      background: none;
      border-right: none; }

.radio {
  display: inline-block;
  justify-content: center;
  align-items: center;
  width: 36px;
  background: #f7f7f7;
  border-right: solid 1px #d7d7d7; }
  .radio input {
    display: none; }
  .radio label {
    position: relative; }
  .radio label::before {
    content: "";
    display: block;
    position: absolute;
    top: -13px;
    left: 11px;
    width: 12px;
    height: 12px;
    border: 1px solid #bfbfbf;
    border-radius: 50%;
    background: #ffffff; }
  .radio input:checked + label {
    color: #2eb975; }
  .radio input:checked + label::after {
    content: "";
    display: block;
    position: absolute;
    top: -11px;
    left: 13px;
    width: 8px;
    height: 8px;
    background: #2eb975;
    border-radius: 50%; }

.radio.active {
  background: #dff7e3; }

.confirm-main {
  background: #ffffff; }
  .confirm-main .title-wrap {
    margin: 40px 0px 40px 20px; }
    .confirm-main .title-wrap .title {
      display: inline;
      font-size: 20px;
      font-weight: bold;
      opacity: 1; }
  .confirm-main .confirm-title {
    text-align: center;
    background: #E0E0E0;
    margin: 20px 10px 0;
    padding: 3px;
    font-size: 14px;
    font-weight: bold; }
  .confirm-main .confirm-asset .asset-table {
    margin: 0px 10px 0px 10px; }
    .confirm-main .confirm-asset .asset-table span {
      display: inline-block; }
    .confirm-main .confirm-asset .asset-table .row {
      margin-top: 10px;
      font-size: 12px;
      border-bottom: 1px solid #D7D7D7; }
      .confirm-main .confirm-asset .asset-table .row .asset-head {
        padding: 10px;
        border: 1px solid #D7D7D7;
        border-bottom: none 0px; }
        .confirm-main .confirm-asset .asset-table .row .asset-head .asset-name {
          font-size: 14px;
          font-weight: bold; }
        .confirm-main .confirm-asset .asset-table .row .asset-head .fund-name {
          margin-top: 5px;
          color: #616161;
          font-size: 12px; }
        .confirm-main .confirm-asset .asset-table .row .asset-head .asset-overview {
          margin-top: 5px; }
          .confirm-main .confirm-asset .asset-table .row .asset-head .asset-overview .img {
            margin-left: 5px;
            margin-bottom: 3px;
            width: 7px;
            height: 13px;
            transform: rotate(180deg); }
          .confirm-main .confirm-asset .asset-table .row .asset-head .asset-overview button {
            width: 62px;
            height: 24px;
            color: #616161;
            border: 1px solid #9E9E9E;
            border-radius: 12px;
            background: #ffffff; }
      .confirm-main .confirm-asset .asset-table .row .table_line {
        display: table;
        height: 24px;
        width: 100%; }
      .confirm-main .confirm-asset .asset-table .row .block-head {
        display: table-cell;
        border-top: 1px solid #D7D7D7;
        border-left: 1px solid #D7D7D7;
        background: #F5F5F5;
        width: 50%;
        padding: 5px 0px 5px 10px; }
        .confirm-main .confirm-asset .asset-table .row .block-head .help {
          margin: 0px 0px 3px 4px;
          width: 15px; }
      .confirm-main .confirm-asset .asset-table .row .block-right {
        text-align: right;
        display: table-cell;
        border-top: 1px solid #D7D7D7;
        border-left: 1px solid #D7D7D7;
        border-right: 1px solid #D7D7D7;
        width: 45%;
        padding: 5px 10px 5px 10px; }
      .confirm-main .confirm-asset .asset-table .row .block-amount {
        font-size: 14px; }
        .confirm-main .confirm-asset .asset-table .row .block-amount span {
          margin-left: 1px;
          font-size: 12px; }
      .confirm-main .confirm-asset .asset-table .row .block-right.align-left {
        text-align: left; }
      .confirm-main .confirm-asset .asset-table .row .asset-class {
        display: -webkit-inline-box; }
        .confirm-main .confirm-asset .asset-table .row .asset-class .asset-color {
          margin-right: 5px;
          height: 18px;
          width: 5px; }
        .confirm-main .confirm-asset .asset-table .row .asset-class .name {
          margin-top: 1px; }
  .confirm-main .confirm-overview {
    margin: 10px 10px 60px 10px;
    font-size: 12px;
    width: 95%;
    table-layout: fixed; }
    .confirm-main .confirm-overview .help {
      margin: 0px 0px 3px 4px;
      width: 15px; }
    .confirm-main .confirm-overview td {
      border: solid 1px #D7D7D7;
      padding: 5px 0px 5px 8px; }
    .confirm-main .confirm-overview .line2-head {
      background: #F5F5F5; }
    .confirm-main .confirm-overview .line2-data {
      padding-left: 10px; }
    .confirm-main .confirm-overview .line2-data.purchase-amount {
      font-size: 14px;
      text-align: right;
      padding-right: 15px; }
      .confirm-main .confirm-overview .line2-data.purchase-amount span {
        margin-left: 2px;
        font-size: 12px; }
    .confirm-main .confirm-overview .line3-head {
      background: #F5F5F5; }
    .confirm-main .confirm-overview .line3-data {
      padding-left: 10px; }
    .confirm-main .confirm-overview .noBorderL {
      border-left: 0px none !important; }
  .confirm-main .botton-wrap {
    text-align: center;
    margin-top: 20px; }
    .confirm-main .botton-wrap .conversion-button {
      margin-bottom: 10px;
      font-size: 16px;
      height: 50px;
      width: 90%; }
    .confirm-main .botton-wrap .regular-button {
      margin: 10px 0px 20px 0px;
      padding: 13.5px 12px;
      font-size: 14px;
      width: 90%; }
  .confirm-main .caution {
    display: flex;
    font-size: 12px;
    margin: 20px 10px 0;
    background: #F5F5F5;
    border-left: #E01515 solid 5px; }
    .confirm-main .caution .caution-title {
      font-weight: 600; }
    .confirm-main .caution .img {
      margin: 10px 5px 0px 10px;
      width: 12px;
      height: 12px; }
    .confirm-main .caution .caution-main {
      padding: 8px 10px 10px 0px; }
  .confirm-main .confirm {
    font-size: 12px;
    padding: 20px 30px 20px 30px; }
  .confirm-main .vision-link {
    padding-bottom: 20px;
    text-align: center;
    font-size: 12px;
    color: #9E9E9E;
    background: #ffffff; }
  .confirm-main .api-attention {
    font-size: 12px;
    text-align: right;
    padding-right: 16px;
    background: #ffffff; }
    .confirm-main .api-attention img {
      margin-top: -3px;
      margin-right: 2px; }
  .confirm-main .back-link {
    padding: 30px 0px 40px 10px;
    background: #ffffff;
    font-size: 12px; }
    .confirm-main .back-link .img {
      margin-right: 5px;
      margin-top: -3px;
      width: 8px;
      height: 13px; }

.received-main {
  text-align: center;
  background: #FFFFFF; }
  .received-main .circle-wrap {
    padding: 50px; }
    .received-main .circle-wrap .circle {
      padding-top: 15px;
      border-radius: 50%;
      background: #2EB975;
      width: 56px;
      height: 56px;
      margin: 0px auto; }
      .received-main .circle-wrap .circle .img {
        width: 22px;
        height: 17px; }
  .received-main .check {
    margin: 50px 0px 50px 0px; }
  .received-main .received-title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 30px; }
  .received-main .received-date {
    margin-bottom: 10px;
    font-size: 14px; }
  .received-main .received-confirm {
    background: #F5F5F5;
    margin: 20px; }
    .received-main .received-confirm .confirm-title {
      padding-top: 20px;
      font-size: 12px; }
    .received-main .received-confirm .regular-button {
      margin: 10px 0px 30px 0px;
      width: 60%;
      font-size: 13px;
      padding: 7.5px 12px; }
  .received-main .vision-link {
    font-size: 12px;
    padding-bottom: 60px; }
  .received-main .modal-buy .modal-warp {
    top: 20%; }
    .received-main .modal-buy .modal-warp .modal-alert .fund-name {
      font-weight: 600; }

.information-main {
  background: #ffffff; }
  .information-main .title-wrap {
    margin: 40px 0px;
    text-align: center; }
    .information-main .title-wrap .title {
      display: inline;
      font-size: 16px;
      font-weight: bold; }
  .information-main .header-description {
    background: #FFFFFF;
    color: #616161;
    font-size: 14px;
    margin: 0px 30px 30px 30px;
    text-align: center; }
  .information-main .input-title {
    background: #E1C561;
    text-align: center;
    color: #FFFFFF;
    padding-top: 3px;
    font-weight: bold;
    margin: 0 10px; }
    .information-main .input-title .img {
      height: 25px;
      margin-right: 5px;
      margin-bottom: 5px; }
  .information-main .input {
    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 7px #00000029;
    border-radius: 5px;
    margin: 10px 10px 20px 10px;
    padding: 10px;
    display: flex; }
    .information-main .input .input-number {
      margin-top: -2px; }
    .information-main .input .input-question {
      padding: 0 10px 5px; }
      .information-main .input .input-question .question-title {
        font-size: 14px;
        font-weight: 600;
        margin-bottom: 10px; }
      .information-main .input .input-question .serch-wrap {
        display: flex;
        width: 97%; }
        .information-main .input .input-question .serch-wrap .fund-search {
          left: 0;
          position: fixed;
          background: #f7f7f7; }
        .information-main .input .input-question .serch-wrap .add-img {
          padding-top: 25px; }
      .information-main .input .input-question .fund-search-dialog {
        position: fixed; }
      .information-main .input .input-question .select-yes {
        margin-top: 20px; }
        .information-main .input .input-question .select-yes .description {
          font-size: 13px; }
          .information-main .input .input-question .select-yes .description .link {
            font-size: 12px; }
      .information-main .input .input-question .input-account {
        float: left; }
      .information-main .input .input-question .question .question-main {
        margin-top: 0px; }
        .information-main .input .input-question .question .question-main .botton-wrap .select-botton {
          width: 47%;
          height: 40px;
          text-align: center;
          margin-right: 7px;
          font-size: clamp(10px, 14px, 3.75vw); }
          .information-main .input .input-question .question .question-main .botton-wrap .select-botton .check {
            margin: 0px 15px 4px -29px;
            float: none; }
    .information-main .input .checkBox-wrap {
      width: 100%;
      margin-top: 10px; }
      .information-main .input .checkBox-wrap .date {
        text-align: right;
        color: #9E9E9E;
        font-size: 12px; }
      .information-main .input .checkBox-wrap .vision-checkbox {
        display: inline;
        margin-right: 10%; }
      .information-main .input .checkBox-wrap .amount {
        float: right; }
  .information-main .input-perchase {
    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 7px #00000029;
    border-radius: 5px;
    margin: 10px 10px 20px 10px;
    padding: 10px; }
    .information-main .input-perchase .perchase-title {
      font-size: 14px;
      font-weight: 600;
      margin: 5px 0 7px 7px; }
    .information-main .input-perchase .question {
      padding-left: 10%; }
      .information-main .input-perchase .question .perchase-wrap {
        display: flex; }
        .information-main .input-perchase .question .perchase-wrap .perchase-button {
          width: 48%; }
          .information-main .input-perchase .question .perchase-wrap .perchase-button button {
            width: 94%; }
          .information-main .input-perchase .question .perchase-wrap .perchase-button .select-botton {
            height: 40px;
            text-align: center;
            font-size: clamp(10px, 14px, 3.75vw); }
            .information-main .input-perchase .question .perchase-wrap .perchase-button .select-botton .check {
              margin: 0px 10px 4px -24px;
              float: none; }
          .information-main .input-perchase .question .perchase-wrap .perchase-button .button-label {
            margin-top: 8px;
            text-align: center;
            color: #616161;
            font-size: clamp(10px, 12px, 3.2vw); }
  .information-main .asset-main {
    background: #FFFDF7; }
    .information-main .asset-main .input-description {
      margin: 20px 0px 20px 0px;
      font-size: 14px;
      font-weight: 600;
      color: #212121;
      text-align: center; }
    .information-main .asset-main .owned-asset {
      margin: 30px 0; }
      .information-main .asset-main .owned-asset .fund-serach {
        margin: 10px 0px;
        width: 110%;
        height: 40px;
        border-right: #ffffff;
        border-left: #ffffff; }
      .information-main .asset-main .owned-asset .asset-list {
        margin-bottom: 70px; }
        .information-main .asset-main .owned-asset .asset-list .asset-header {
          background: #ffffff;
          font-size: 10px;
          display: flex;
          justify-content: space-between;
          align-items: center;
          padding: 0px 22px 0px 48px;
          height: 18px; }
        .information-main .asset-main .owned-asset .asset-list .asset-body {
          background: #ffffff; }
          .information-main .asset-main .owned-asset .asset-list .asset-body .row {
            min-height: 62px;
            border-bottom: solid 1px #d7d7d7;
            padding-right: 10px;
            justify-content: space-between; }
            .information-main .asset-main .owned-asset .asset-list .asset-body .row .asset-delete {
              font-size: 20px;
              margin-left: 5px;
              color: #D7D7D7; }
              .information-main .asset-main .owned-asset .asset-list .asset-body .row .asset-delete .delete-img {
                width: 23px;
                height: 23px; }
            .information-main .asset-main .owned-asset .asset-list .asset-body .row .vision-checkbox {
              min-width: 32px;
              margin-top: 12px;
              margin-right: 2px;
              font-size: 13px;
              display: flex; }
              .information-main .asset-main .owned-asset .asset-list .asset-body .row .vision-checkbox .cb {
                left: 10px; }
            .information-main .asset-main .owned-asset .asset-list .asset-body .row .fund-link {
              flex-grow: 2;
              width: 64%;
              margin: 8px 0;
              display: flex; }
              .information-main .asset-main .owned-asset .asset-list .asset-body .row .fund-link span {
                max-width: 80%; }
            .information-main .asset-main .owned-asset .asset-list .asset-body .row .fund-link-name {
              flex-grow: 2;
              width: 68%;
              margin: 8px 0;
              display: flex; }
            .information-main .asset-main .owned-asset .asset-list .asset-body .row .amount {
              white-space: nowrap;
              display: block;
              align-items: center;
              float: right;
              text-align: right;
              min-width: 40px; }
            .information-main .asset-main .owned-asset .asset-list .asset-body .row .vision-editmenu {
              position: relative;
              width: 24px;
              height: auto;
              margin-top: 10px; }
            .information-main .asset-main .owned-asset .asset-list .asset-body .row .name-wrap {
              display: flex; }
              .information-main .asset-main .owned-asset .asset-list .asset-body .row .name-wrap .ext-name {
                margin-top: 12px;
                flex-grow: 2;
                font-size: 14px; }
              .information-main .asset-main .owned-asset .asset-list .asset-body .row .name-wrap .ext-name.disable {
                color: #9e9e9e; }
            .information-main .asset-main .owned-asset .asset-list .asset-body .row .bucketing-wrap {
              padding-top: 10px;
              margin-bottom: 20px;
              display: flex; }
              .information-main .asset-main .owned-asset .asset-list .asset-body .row .bucketing-wrap .input-amount {
                align-items: center;
                border: solid 1px #d7d7d7;
                box-shadow: 1px 1px 1px #d9d9d9; }
                .information-main .asset-main .owned-asset .asset-list .asset-body .row .bucketing-wrap .input-amount input {
                  text-align: right;
                  width: 137px;
                  height: 24px;
                  border: solid 1px #d7d7d7;
                  box-shadow: 1px 1px 1px #d9d9d9; }
              .information-main .asset-main .owned-asset .asset-list .asset-body .row .bucketing-wrap .yen {
                padding-top: 2px;
                margin-left: 10px; }
              .information-main .asset-main .owned-asset .asset-list .asset-body .row .bucketing-wrap .bucketing {
                width: 30%;
                height: 10px;
                margin-top: 6px;
                background: #f27979;
                margin-left: 10px; }
                .information-main .asset-main .owned-asset .asset-list .asset-body .row .bucketing-wrap .bucketing .ratio {
                  float: left;
                  height: 14px; }
          .information-main .asset-main .owned-asset .asset-list .asset-body .row.disabled {
            color: #9e9e9e; }
            .information-main .asset-main .owned-asset .asset-list .asset-body .row.disabled .vision-checkbox {
              min-width: 32px;
              margin-top: 12px;
              margin-right: 2px;
              font-size: 13px;
              display: flex; }
              .information-main .asset-main .owned-asset .asset-list .asset-body .row.disabled .vision-checkbox label {
                display: inline-block; }
              .information-main .asset-main .owned-asset .asset-list .asset-body .row.disabled .vision-checkbox .cb {
                background: #eeeeee; }
                .information-main .asset-main .owned-asset .asset-list .asset-body .row.disabled .vision-checkbox .cb img {
                  display: none; }
    .information-main .asset-main .select-purchase {
      margin: 30px 0; }
      .information-main .asset-main .select-purchase .reserve-date label {
        display: inline-block; }
    .information-main .asset-main .button-wrap {
      text-align: center;
      padding: 40px 0px 20px 0px;
      background: #F7F7F7; }
      .information-main .asset-main .button-wrap .conversion-button {
        font-size: 16px;
        width: 90%;
        height: 50px; }
  .information-main .vision-link {
    padding-bottom: 20px;
    text-align: center;
    font-size: 12px;
    color: #9E9E9E;
    background: #F7F7F7; }
  .information-main .back-link {
    padding: 30px 0px 40px 10px;
    background: #F7F7F7;
    font-size: 12px; }
    .information-main .back-link .img {
      margin-right: 5px;
      margin-top: -4px;
      width: 8px;
      height: 13px; }
  .information-main .modal-buy {
    top: 30%; }

.purchase-main {
  background: #ffffff; }
  .purchase-main .title-wrap {
    margin: 40px 0px 40px 20px; }
    .purchase-main .title-wrap .title {
      display: inline;
      font-size: 20px;
      font-weight: bold; }
  .purchase-main .condition-header {
    margin: 20px 10px 10px;
    font-size: 14px;
    height: 30px;
    background: #616161;
    color: #ffffff;
    text-align: center; }
    .purchase-main .condition-header .header-title {
      padding: 5px;
      font-weight: bold; }
  .purchase-main .text-attention {
    color: #fc0808; }
  .purchase-main .asset-label {
    text-align: center;
    background-color: #2c2c2c;
    color: #cccccc; }
  .purchase-main .asset-title {
    background-color: #616161;
    color: #ffffff;
    font-weight: 400;
    text-align: center; }
  .purchase-main .prospectusCheck-error {
    margin-top: 10px;
    padding: 10px 30px 5px 10px;
    font-size: 12px;
    background-color: #F5F5F5;
    border-left: #FFC700 solid 5px;
    display: flex; }
    .purchase-main .prospectusCheck-error .error-msg {
      font-weight: 600; }
    .purchase-main .prospectusCheck-error .img {
      margin-right: 10px;
      width: 14px;
      height: 13px; }
  .purchase-main .prospectusCheck-asset {
    margin: 5px 5px 10px 5px; }
  .purchase-main .order-confirm {
    margin-top: 10px;
    background-color: #EAF5F0; }
    .purchase-main .order-confirm .confirm-msg {
      font-size: 12px;
      padding: 20px; }
    .purchase-main .order-confirm .vision-checkbox {
      text-align: center; }
    .purchase-main .order-confirm .confirm-button {
      text-align: center;
      margin-top: 5px; }
      .purchase-main .order-confirm .confirm-button .conversion-button {
        width: 90%;
        height: 48px;
        margin: 20px 0px 20px 0px;
        padding: 10px;
        font-size: 16px; }
        .purchase-main .order-confirm .confirm-button .conversion-button:disabled {
          box-shadow: none; }
  .purchase-main .input-alert {
    color: #FF0000; }
  .purchase-main .condition-table {
    margin: 5px 10px 20px; }
    .purchase-main .condition-table .block-line {
      margin-top: 2px;
      display: flex; }
      .purchase-main .condition-table .block-line .block-header {
        width: 30%;
        font-size: 12px;
        padding: 10px;
        text-align: left;
        background: #39B4BF;
        color: #ffffff;
        display: inline-block;
        display: flex;
        align-items: center;
        font-weight: bold; }
        .purchase-main .condition-table .block-line .block-header .help {
          margin: 0px 0px 3px 4px;
          width: 15px; }
      .purchase-main .condition-table .block-line .block {
        font-size: 14px;
        width: 70%;
        background: #F5F5F5;
        padding: 10px 0px 10px 10px;
        display: flex;
        align-items: center; }
        .purchase-main .condition-table .block-line .block .select-box {
          width: 50%; }
          .purchase-main .condition-table .block-line .block .select-box select::-ms-expand {
            display: none; }
          .purchase-main .condition-table .block-line .block .select-box .select-day {
            width: 100%;
            color: #616161;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            padding: 7px 30px 7px 10px;
            font-size: 93%;
            line-height: 1em;
            background-repeat: no-repeat;
            background-size: 12px 10px;
            background-position: right 10px center;
            border: 1px solid #D7D7D7;
            border-radius: 3px; }
        .purchase-main .condition-table .block-line .block .radio.active {
          border-right: none;
          background-color: #f7f7f7; }
        .purchase-main .condition-table .block-line .block .radio {
          border-right: none; }
        .purchase-main .condition-table .block-line .block button {
          border: 1px solid #9E9E9E;
          border-radius: 12px; }
        .purchase-main .condition-table .block-line .block .vision-selectbox select {
          margin-left: 5px;
          background: #ffffff; }
        .purchase-main .condition-table .block-line .block label {
          display: inline-block; }
        .purchase-main .condition-table .block-line .block .vision-checkbox .cb {
          width: 16px;
          height: 16px;
          margin-right: 10px; }
        .purchase-main .condition-table .block-line .block .vision-checkbox .label {
          font-size: 14px; }
        .purchase-main .condition-table .block-line .block .tsumitate-description {
          margin-top: 5px;
          font-size: 12px; }
      .purchase-main .condition-table .block-line .display-inline {
        display: block; }
  .purchase-main .asset-table .asset-list .row {
    margin: 10px;
    border: 1px solid #D7D7D7; }
    .purchase-main .asset-table .asset-list .row label {
      display: inline-block; }
    .purchase-main .asset-table .asset-list .row .row-block {
      margin: 10px 20px 10px 20px; }
      .purchase-main .asset-table .asset-list .row .row-block img {
        margin-left: 5px;
        margin-bottom: 2px;
        width: 7px;
        height: 13px; }
      .purchase-main .asset-table .asset-list .row .row-block .prospectus-img {
        transform: rotate(180deg); }
      .purchase-main .asset-table .asset-list .row .row-block .button-wrap {
        display: flex;
        color: #616161;
        padding-top: 10px; }
        .purchase-main .asset-table .asset-list .row .row-block .button-wrap .link-black {
          color: #616161; }
        .purchase-main .asset-table .asset-list .row .row-block .button-wrap button {
          padding: 0px 10px 0px 10px;
          height: 27px;
          font-size: 12px;
          border-radius: 12px;
          border: 1px solid #9E9E9E; }
        .purchase-main .asset-table .asset-list .row .row-block .button-wrap .overview-button {
          width: 70px;
          margin-right: 10px; }
        .purchase-main .asset-table .asset-list .row .row-block .button-wrap .prospectus-button {
          width: 180px;
          background: #ffffff; }
        .purchase-main .asset-table .asset-list .row .row-block .button-wrap .prospectus-button.unconfirmed {
          background: #FFFAD8; }
      .purchase-main .asset-table .asset-list .row .row-block .fund-link {
        font-size: 14px;
        font-weight: 600; }
      .purchase-main .asset-table .asset-list .row .row-block .investment-Company {
        margin-top: 5px;
        font-size: 12px;
        color: #616161; }
    .purchase-main .asset-table .asset-list .row .row-table .row-item {
      background: #F5F5F5;
      text-align: center;
      font-size: 12px;
      padding: 5px; }
      .purchase-main .asset-table .asset-list .row .row-table .row-item .asset-class {
        width: 40%; }
        .purchase-main .asset-table .asset-list .row .row-table .row-item .asset-class .asset-color {
          margin-right: 5px;
          height: 18px;
          width: 5px; }
        .purchase-main .asset-table .asset-list .row .row-table .row-item .asset-class .name {
          margin-top: 1px;
          width: calc(100% - 15px); }
      .purchase-main .asset-table .asset-list .row .row-table .row-item .buy-amount {
        width: 60%; }
        .purchase-main .asset-table .asset-list .row .row-table .row-item .buy-amount .help {
          margin: 0px 0px 3px 4px;
          width: 15px; }
    .purchase-main .asset-table .asset-list .row .row-table .row-line {
      display: flex;
      text-align: center;
      font-size: 12px; }
      .purchase-main .asset-table .asset-list .row .row-table .row-line .asset-class {
        text-align: left;
        padding: 5px 0px 5px 10px;
        width: 40%;
        border-right: 1px solid #D7D7D7;
        display: -webkit-inline-box; }
        .purchase-main .asset-table .asset-list .row .row-table .row-line .asset-class .asset-color {
          margin-right: 5px;
          height: 18px;
          width: 5px; }
        .purchase-main .asset-table .asset-list .row .row-table .row-line .asset-class .name {
          margin-top: 1px;
          width: calc(100% - 15px); }
      .purchase-main .asset-table .asset-list .row .row-table .row-line .buy-amount {
        text-align: right;
        font-size: 14px;
        padding: 5px 10px 5px 5px;
        width: 60%; }
        .purchase-main .asset-table .asset-list .row .row-table .row-line .buy-amount span {
          margin-left: 2px;
          font-size: 12px; }
  .purchase-main .caution-wrap {
    margin: 30px 0px 30px 0px; }
    .purchase-main .caution-wrap .caution {
      display: flex;
      font-size: 12px;
      margin-top: 20px;
      background: #F5F5F5;
      border: solid 1px #D7D7D7;
      border-left: #E01515 solid 5px; }
      .purchase-main .caution-wrap .caution .caution-title {
        padding-bottom: 5px;
        font-weight: 600; }
      .purchase-main .caution-wrap .caution .img {
        margin: 10px 5px 0px 10px;
        width: 12px;
        height: 12px; }
      .purchase-main .caution-wrap .caution .caution-main {
        padding: 8px 10px 10px 0px; }
  .purchase-main .conditions-terms {
    margin-top: 20px; }
    .purchase-main .conditions-terms .header-title {
      padding: 5px;
      color: #ffffff;
      text-align: center;
      background: #616161;
      margin: 0 10px 10px; }
    .purchase-main .conditions-terms .link {
      padding: 5px 10px;
      text-align: right;
      font-size: 12px; }
      .purchase-main .conditions-terms .link .pdf {
        margin-top: -3px;
        margin-left: 3px; }
  .purchase-main .vision-link {
    padding: 20px 0px;
    text-align: center;
    font-size: 12px;
    color: #9E9E9E;
    background: #F7F7F7; }
  .purchase-main .api-attention {
    font-size: 12px;
    text-align: right;
    padding-right: 16px;
    background: #F7F7F7; }
    .purchase-main .api-attention img {
      margin-top: -3px;
      margin-right: 2px; }
  .purchase-main .back-link {
    padding: 30px 0px 40px 10px;
    background: #F7F7F7;
    font-size: 12px; }
    .purchase-main .back-link .img {
      margin-right: 5px;
      margin-top: -3px;
      width: 8px;
      height: 13px; }
  .purchase-main .modal-buy .modal-warp {
    top: 20%; }
    .purchase-main .modal-buy .modal-warp .modal-alert .fund-name {
      font-weight: 600; }

.description-main {
  text-align: center;
  background: #FFFFFF;
  padding-bottom: 20px; }
  .description-main .check {
    margin: 30px 0px 30px 0px; }
  .description-main .description-title {
    font-size: 16px;
    font-weight: bold;
    color: #333333;
    margin-bottom: 30px; }
  .description-main .circle-line .img {
    margin: 5px; }
  .description-main .description {
    text-align: center;
    padding: 15px;
    font-size: 14px;
    line-height: 20px; }
    .description-main .description .description-main {
      text-align: left;
      display: inline-block; }
    .description-main .description .financial-engineering {
      background: linear-gradient(to top, #FFC700 0% 50%, rgba(0, 0, 0, 0) 50% 100%); }
    .description-main .description .advice {
      font-weight: bold; }
  .description-main .description-biginner {
    margin: 30px 30px 10px 30px;
    padding: 20px 40px 20px 40px;
    background: #F7F3E7;
    font-size: 14px; }
    .description-main .description-biginner .biginner-title {
      color: #333333;
      font-size: 16px;
      font-weight: bold;
      margin-bottom: 20px; }

.beginer {
  text-align: center;
  margin: 20px 0px 50px 0px; }
  .beginer .button-wrap {
    display: inline-block;
    width: 80%;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    color: #333333; }
    .beginer .button-wrap .buy-button {
      background: #FFC700;
      border-radius: 20px;
      margin: 20px 0px 10px 0px;
      width: 98%;
      height: 40px;
      border: none; }
    .beginer .button-wrap .vision-button {
      background: #E0E0E0;
      border-radius: 20px;
      margin: 10px 0px 10px 0px;
      width: 98%;
      height: 40px;
      border: none; }
  .beginer .guest-link {
    font-size: 10px;
    color: #a3a0a0; }

.start-dialog {
  background: #ffffff;
  box-shadow: 0px 2px 5px #616161;
  width: 94vw;
  margin-top: 50px;
  margin-left: 14px;
  border-radius: 15px;
  text-align: center; }
  .start-dialog .check {
    margin: 20px 30px; }
  .start-dialog .start-main {
    text-align: left;
    overflow: scroll;
    height: 370px; }
    .start-dialog .start-main .term-title {
      padding: 0px 20px;
      font-size: 12px;
      font-weight: 600; }
    .start-dialog .start-main .vision-term {
      background-color: #ffffff;
      padding: 0px 20px 24px;
      font-size: 14px;
      line-height: 20px; }
  .start-dialog .button-wrap {
    width: 100%;
    text-align: center;
    padding: 16px; }
    .start-dialog .button-wrap button {
      width: 46%;
      margin: 0 2%; }

.help-page {
  padding: 0 10px;
  background-color: #ffffff; }
  .help-page .page-title {
    font-size: 24px;
    font-weight: bold;
    background-color: #ffffff;
    padding: 12px; }
  .help-page .link-list {
    padding: 25px 20px 10px;
    margin-bottom: 30px;
    background-color: #eeeeee; }
    .help-page .link-list .link-wrap ul {
      margin-top: 5px;
      padding-left: 21px; }
    .help-page .link-list .link-wrap a {
      color: #1155CC;
      padding-right: 25px;
      background-position: right;
      background-repeat: no-repeat; }
  .help-page .main-title {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 10px; }
  .help-page .sub-title {
    font-size: 20px;
    font-weight: 700;
    border-top: 4px solid #e0e0e0;
    display: block;
    font-size: 20px;
    font-weight: bold;
    line-height: 26px;
    margin-bottom: 16px;
    padding: 7px 0 0 !important;
    position: relative; }
  .help-page .sub-title:before {
    background: #e1c561;
    content: "";
    display: block;
    height: 4px;
    left: 0;
    position: absolute;
    top: -4px;
    width: 60px; }
  .help-page .content-title {
    padding: 5px 10px;
    margin-bottom: 15px;
    font-size: 16px;
    background-color: #e0e0e0; }
  .help-page .content-sub-title {
    margin-top: 10px;
    margin-bottom: 20px;
    line-height: 30px;
    border-bottom: 2px solid #e0e0e0; }
  .help-page .content-text {
    margin: 12px 0 20px; }
    .help-page .content-text ul {
      padding: 0 20px; }
    .help-page .content-text .bold {
      font-weight: 700; }
    .help-page .content-text img {
      margin: 0 auto; }
  .help-page .go-top {
    margin: 30px 0;
    text-align: right; }
    .help-page .go-top span {
      padding-right: 10px; }
    .help-page .go-top img {
      transform: rotate(180deg); }
  .help-page .asset-table {
    font-size: 13px;
    text-align: center;
    border-top: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0; }
    .help-page .asset-table thead tr {
      background-color: #d7d7d7;
      border-bottom: 1px solid #e0e0e0; }
    .help-page .asset-table thead td {
      border-right: 1px solid #e0e0e0; }
    .help-page .asset-table tbody th {
      font-weight: 700;
      text-align: left;
      padding: 3px 10px;
      border-right: 1px solid #e0e0e0;
      background-color: #eeeeee;
      border-bottom: 1px solid #e0e0e0; }
    .help-page .asset-table tbody td {
      padding: 3px 10px;
      border-right: 1px solid #e0e0e0;
      border-bottom: 1px solid #e0e0e0; }
    .help-page .asset-table tbody .back-gray {
      text-align: left;
      background-color: #eeeeee; }
    .help-page .asset-table tbody .symbol {
      font-size: 26px;
      padding: 0; }
      .help-page .asset-table tbody .symbol div {
        height: 12px; }
    .help-page .asset-table label {
      font-size: 12px;
      color: #e01414;
      margin-bottom: 0; }
  .help-page .faq {
    display: flex;
    margin-bottom: 10px; }
    .help-page .faq img {
      width: 30px;
      height: 30px; }
    .help-page .faq div {
      margin-left: 10px;
      padding: 5px 10px 0 0; }
    .help-page .faq .question {
      font-weight: 700; }
  .help-page span.circle {
    width: 16px;
    height: 16px;
    display: block;
    margin: 0 auto;
    border-radius: 50%;
    background: #e65c5c; }
  .help-page span.frontier::before {
    content: "";
    border-top: solid 4px #bdbdbd;
    width: 22px;
    height: 4px;
    display: inline-block;
    vertical-align: middle; }
  .help-page table.graph-table {
    border: 1px solid #e0e0e0; }
    .help-page table.graph-table tr {
      border-bottom: 1px solid #e0e0e0; }
    .help-page table.graph-table th {
      width: 50px; }
      .help-page table.graph-table th img {
        width: 24px;
        height: 24px; }
    .help-page table.graph-table td {
      padding: 6px 10px; }
  .help-page table.mode-table {
    border-top: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0; }
    .help-page table.mode-table tr {
      border-bottom: 1px solid #e0e0e0; }
    .help-page table.mode-table th {
      width: 110px;
      padding: 5px;
      border-right: 1px solid #e0e0e0; }
    .help-page table.mode-table thead {
      background-color: #d7d7d7; }
      .help-page table.mode-table thead td {
        text-align: center;
        padding: 0 8px;
        border-right: 1px solid #e0e0e0; }
    .help-page table.mode-table tbody {
      text-align: left; }
      .help-page table.mode-table tbody th {
        font-weight: 100;
        background-color: #eeeeee; }
      .help-page table.mode-table tbody td {
        padding: 5px 8px;
        border-right: 1px solid #e0e0e0; }
  .help-page table.possible-account {
    width: 100%;
    border-top: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0; }
    .help-page table.possible-account tr {
      border-bottom: 1px solid #e0e0e0; }
    .help-page table.possible-account th {
      padding: 5px 8px;
      width: 100px;
      border-right: 1px solid #e0e0e0; }
    .help-page table.possible-account thead {
      background-color: #d7d7d7; }
      .help-page table.possible-account thead td {
        width: 98px;
        text-align: center;
        padding: 0 5px;
        border-right: 1px solid #e0e0e0; }
    .help-page table.possible-account tbody {
      text-align: left; }
      .help-page table.possible-account tbody th {
        font-weight: 100;
        background-color: #eeeeee; }
      .help-page table.possible-account tbody td {
        padding: 5px 8px;
        text-align: center;
        border-right: 1px solid #e0e0e0; }
      .help-page table.possible-account tbody td.red {
        color: #e01414; }
  .help-page table.buy-table {
    width: 100%;
    text-align: left;
    border-top: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0; }
    .help-page table.buy-table tbody tr {
      border-bottom: 1px solid #e0e0e0; }
    .help-page table.buy-table tbody th {
      width: 115px;
      padding: 5px 8px;
      font-weight: 100;
      border-right: 1px solid #e0e0e0;
      background-color: #eeeeee; }
    .help-page table.buy-table tbody td {
      padding: 5px 12px;
      border-right: 1px solid #e0e0e0; }
    .help-page table.buy-table tbody td.red {
      color: #e01414; }
  .help-page .image-center {
    text-align: center; }
  .help-page .mb-0 {
    margin-bottom: 0; }
  .help-page .mt-0 {
    margin-top: 0; }
  .help-page .mb-10 {
    margin-bottom: 10px; }
  .help-page .mb-20 {
    margin-bottom: 20px; }
  .help-page .mb-30 {
    margin-bottom: 30px; }
  .help-page .mb-40 {
    margin-bottom: 40px; }
  .help-page .mb-60 {
    margin-bottom: 60px; }
  .help-page .pb-40 {
    padding-bottom: 40px; }

.vision-info-contents .info-margin {
  height: 18px; }

.vision-info-contents .info-body {
  background: #ffffff;
  border-bottom: solid 1px #d7d7d7;
  padding: 20px 14px 24px; }
  .vision-info-contents .info-body .date {
    font-size: 9px;
    line-height: 1; }
  .vision-info-contents .info-body .title {
    margin-top: 14px;
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 10px;
    border-bottom: solid 1px #d7d7d7; }
  .vision-info-contents .info-body .message {
    margin-top: 12px;
    font-size: 12px;
    line-height: 20px;
    white-space: pre-wrap; }

.vision-info-contents .vision-back {
  background: #f7f7f7; }

.vision-info-contents .info-read {
  background: #f7f7f7;
  padding: 20px;
  text-align: center; }
  .vision-info-contents .info-read button {
    width: 144px; }

.portfolio-beginner {
  background-color: #ffffff; }
  .portfolio-beginner .title-wrap {
    padding: 20px 0px 0px 20px; }
    .portfolio-beginner .title-wrap .title {
      display: inline;
      font-size: 20px;
      font-weight: bold;
      opacity: 1; }
  .portfolio-beginner .vision-main {
    padding: 10px;
    margin: 20px;
    background: #FFFAED; }
    .portfolio-beginner .vision-main .portfolio-header {
      text-align: center; }
      .portfolio-beginner .vision-main .portfolio-header .target-type {
        font-size: 12px;
        font-weight: bold;
        padding: 5px 12px 3px 12px;
        background: #FFC700;
        border-radius: 20px;
        width: max-content;
        margin-left: auto;
        margin-right: auto; }
      .portfolio-beginner .vision-main .portfolio-header .portfolio-type {
        margin: 8px 0;
        font-size: 20px;
        font-weight: bold; }
    .portfolio-beginner .vision-main .title {
      font-size: 20px;
      font-weight: bold; }
    .portfolio-beginner .vision-main .portfolio-main {
      background: #F0E6C9;
      padding-bottom: 5px; }
      .portfolio-beginner .vision-main .portfolio-main .portfolio-title {
        font-size: 14px;
        margin: 20px 0px 10px 0px;
        padding-top: 10px;
        font-weight: 600;
        text-align: center; }
      .portfolio-beginner .vision-main .portfolio-main .portfolio-wrap {
        background: #ffffff;
        padding: 10px 5px 15px 10px;
        margin: 10px; }
        .portfolio-beginner .vision-main .portfolio-main .portfolio-wrap .portfolio {
          display: flex; }
        .portfolio-beginner .vision-main .portfolio-main .portfolio-wrap img {
          margin-bottom: 4px; }
        .portfolio-beginner .vision-main .portfolio-main .portfolio-wrap a {
          font-size: 12px;
          margin-top: -3px;
          margin-left: -4px;
          position: absolute; }
      .portfolio-beginner .vision-main .portfolio-main .pai-contents {
        width: 70%; }
        .portfolio-beginner .vision-main .portfolio-main .pai-contents .target {
          width: 90%;
          font-size: 12px;
          margin-bottom: 5px;
          border-bottom: 3px dotted #D7D7D7; }
        .portfolio-beginner .vision-main .portfolio-main .pai-contents .type-wrap {
          display: flex;
          padding: 6px 0px 6px 10px; }
          .portfolio-beginner .vision-main .portfolio-main .pai-contents .type-wrap .type-img {
            width: 40px;
            height: 30px;
            margin-right: 5px; }
          .portfolio-beginner .vision-main .portfolio-main .pai-contents .type-wrap .type {
            margin: 7px 0px 0px 7px;
            font-size: 12px;
            white-space: nowrap; }
        .portfolio-beginner .vision-main .portfolio-main .pai-contents button {
          width: 85%;
          font-size: 13px;
          padding: 5px 0px 4px;
          margin-left: 4px; }
    .portfolio-beginner .vision-main .return-main {
      background: #F0E6C9;
      padding-bottom: 5px; }
      .portfolio-beginner .vision-main .return-main .return-title {
        font-size: 14px;
        font-weight: bold;
        margin: 10px 0px;
        padding-top: 10px;
        text-align: center; }
      .portfolio-beginner .vision-main .return-main .return {
        padding: 10px;
        margin: 10px; }
        .portfolio-beginner .vision-main .return-main .return .chart-area {
          width: 100% !important; }
    .portfolio-beginner .vision-main .contents {
      font-size: clamp(10px, 14px, 3.75vw); }
    .portfolio-beginner .vision-main .pai-contents {
      margin-left: 10px; }
  .portfolio-beginner .return-main .button-wrap {
    text-align: center;
    margin: 20px 0px 10px 0px; }
  .portfolio-beginner .text-wrap {
    text-align: center; }
    .portfolio-beginner .text-wrap .description {
      margin: 30px 0px 20px 0px;
      font-size: 16px;
      font-weight: 600; }
    .portfolio-beginner .text-wrap .suggestion {
      margin-bottom: 30px;
      font-size: 14px;
      line-height: 20px; }
  .portfolio-beginner .button-wrap {
    text-align: center; }
    .portfolio-beginner .button-wrap button {
      font-size: 16px;
      width: 90%;
      height: 45px;
      margin-bottom: 20px; }
  .portfolio-beginner .vision-link {
    margin-bottom: 20px;
    text-align: center;
    font-size: 12px;
    color: #9E9E9E;
    background: #ffffff; }
  .portfolio-beginner .back-link {
    padding: 30px 0px 30px 10px;
    background: #F7F7F7;
    font-size: 12px; }
    .portfolio-beginner .back-link .img {
      margin: -3px 5px 0 0;
      width: 8px;
      height: 13px; }

.setting {
  background-color: #F7F7F7;
  padding-bottom: 50px; }
  .setting .setting-main {
    background-color: #ffffff;
    padding: 5px 10px 34px 10px;
    font-size: 12px; }
    .setting .setting-main .line {
      margin-bottom: 10px; }

.rebalance {
  line-height: 1;
  font-size: 12px;
  padding-top: 16px;
  border-top: solid 1px #d7d7d7; }
  .rebalance .input-area {
    background: #ffffff;
    border-bottom: solid 1px #d7d7d7;
    padding: 0px 10px 18px; }
    .rebalance .input-area .conversion-button-wap {
      width: 100%;
      text-align: center;
      padding-top: 5px; }
      .rebalance .input-area .conversion-button-wap .conversion-button {
        width: 130px; }
  .rebalance .rebalance-area {
    background: #ffffff; }
    .rebalance .rebalance-area .atitle {
      padding: 0px 10px 14px; }
    .rebalance .rebalance-area .tab-wrap {
      display: flex;
      justify-content: center;
      border-bottom: solid 1px #9e9e9e; }
      .rebalance .rebalance-area .tab-wrap .tab {
        flex-grow: 2;
        text-align: center;
        padding: 0px 8px;
        margin-left: 6px;
        height: 28px;
        line-height: 27px;
        border-top: solid 1px #9e9e9e;
        border-left: solid 1px #9e9e9e;
        border-right: solid 1px #9e9e9e;
        border-radius: 2px 2px 0px 0px;
        background: #e0e0e0;
        transform: translateY(1px);
        border-bottom: solid 1px #9e9e9e;
        z-index: 1; }
      .rebalance .rebalance-area .tab-wrap .tab:last-child {
        margin-right: 6px; }
      .rebalance .rebalance-area .tab-wrap .tab.active {
        background: #ffffff;
        border-bottom: none; }
      .rebalance .rebalance-area .tab-wrap .tab.active:first-child {
        border-bottom: solid 1px #c0c0c0; }
    .rebalance .rebalance-area .optimize-diversion {
      background: #ffffff; }
      .rebalance .rebalance-area .optimize-diversion .aheader {
        height: 23px;
        background: #d7d7d7;
        color: #333333;
        padding: 0px 14px 0px 14px;
        font-size: 10px;
        text-align: right;
        display: flex;
        justify-content: flex-start;
        align-items: center; }
        .rebalance .rebalance-area .optimize-diversion .aheader .title {
          width: 124px;
          height: 100%;
          display: flex;
          align-items: center; }
        .rebalance .rebalance-area .optimize-diversion .aheader .title-price {
          width: 152px;
          height: 100%;
          display: flex;
          align-items: flex-end;
          justify-content: center;
          flex-direction: column;
          row-gap: 3px; }
      .rebalance .rebalance-area .optimize-diversion .row {
        border-bottom: solid 1px #d7d7d7;
        display: flex;
        justify-content: left;
        align-items: center;
        height: 48px; }
        .rebalance .rebalance-area .optimize-diversion .row .asset-color {
          width: 8px;
          height: 100%; }
        .rebalance .rebalance-area .optimize-diversion .row .link {
          width: 130px;
          display: inline-block;
          padding-left: 6px;
          font-size: 11px; }
        .rebalance .rebalance-area .optimize-diversion .row .price {
          width: 152px;
          display: flex;
          flex-direction: column;
          align-items: flex-end;
          justify-content: center;
          row-gap: 4px; }
        .rebalance .rebalance-area .optimize-diversion .row .img {
          margin: 8px;
          width: 13px;
          height: 9px;
          text-align: right; }
    .rebalance .rebalance-area .select-funds {
      background: #ffffff; }
      .rebalance .rebalance-area .select-funds .row {
        border-bottom: solid 1px #d7d7d7;
        display: flex;
        justify-content: left; }
        .rebalance .rebalance-area .select-funds .row img {
          width: 13px;
          height: 10px;
          margin-left: 6px; }
        .rebalance .rebalance-area .select-funds .row .link {
          display: inline-block;
          padding: 18px 14px;
          flex: 1;
          line-height: 1.5; }
    .rebalance .rebalance-area .asset-classes {
      background: #ffffff; }
      .rebalance .rebalance-area .asset-classes .row {
        border-bottom: solid 1px #d7d7d7;
        display: flex;
        justify-content: left; }
        .rebalance .rebalance-area .asset-classes .row .asset-color {
          width: 8px; }
        .rebalance .rebalance-area .asset-classes .row img {
          width: 13px;
          height: 10px;
          margin-left: 6px; }
        .rebalance .rebalance-area .asset-classes .row .link {
          display: inline-block;
          padding: 18px 18px; }
  .rebalance .not-rebalance {
    padding: 28px 32px;
    border-bottom: solid 1px #d7d7d7; }
    .rebalance .not-rebalance pre {
      white-space: pre-line;
      line-height: 1.5;
      margin: 0; }
  .rebalance .modal-background {
    z-index: 9998;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }
  .rebalance .modal-warp {
    display: flex;
    justify-content: center;
    z-index: 9999;
    position: fixed;
    width: 90%;
    top: 30%;
    left: 5%;
    font-size: 10px; }
    .rebalance .modal-warp .close {
      width: 15px;
      height: 15px;
      float: right;
      margin-top: -37px;
      margin-right: 20px; }
    .rebalance .modal-warp .portfolio-currency {
      width: 290px;
      background: #ffffff;
      border-radius: 10px;
      box-shadow: 0px 2px 5px #616161;
      text-align: left; }
    .rebalance .modal-warp .currencyTable {
      width: 100%;
      text-align: center;
      padding-top: 16px;
      padding-bottom: 16px;
      font-size: 10px; }
      .rebalance .modal-warp .currencyTable .currencyTable-title {
        width: 256px;
        margin: 0 auto 16px;
        text-align: left;
        font-size: 14px;
        font-weight: bold; }
      .rebalance .modal-warp .currencyTable .titles {
        background-color: #eeeeee; }
      .rebalance .modal-warp .currencyTable .contents {
        text-align: right;
        font-size: 12px; }
      .rebalance .modal-warp .currencyTable table {
        width: 260px;
        margin: 0 16px; }
        .rebalance .modal-warp .currencyTable table th {
          width: 60px;
          background-color: #eeeeee;
          font-weight: normal; }
        .rebalance .modal-warp .currencyTable table tr,
        .rebalance .modal-warp .currencyTable table td {
          border: 1px solid #d7d7d7;
          padding: 5px; }

.fund-link {
  font-size: 14px;
  line-height: 1.5; }
  .fund-link img {
    width: 12px;
    height: 10px;
    margin-left: 4px; }

.fund-link-name {
  font-size: 14px;
  line-height: 1.5; }

.start-title {
  font-size: 20px;
  font-weight: bold;
  background-color: #ffffff;
  border-top: solid 1px #d7d7d7;
  padding: 20px 12px 0 12px; }

.vision-start {
  background: #ffffff;
  padding-bottom: 48px; }
  .vision-start .message {
    padding: 16px 20px 12px;
    font-size: 12px; }
  .vision-start .term-title {
    background-color: #e0e0e0;
    padding: 7px 8px;
    font-size: 16px;
    font-weight: bold;
    line-height: 1; }
  .vision-start .vision-term {
    background-color: #ffffff;
    padding: 0px 20px 24px;
    font-size: 14px;
    line-height: 20px; }
  .vision-start .agree-button {
    text-align: center;
    margin-bottom: 16px; }
    .vision-start .agree-button .conversion-button {
      height: 45px;
      width: calc(100% - 40px);
      font-size: 16px; }
  .vision-start .cancel-button {
    text-align: center; }
    .vision-start .cancel-button .regular-button {
      height: 45px;
      width: calc(100% - 40px);
      font-size: 16px; }

.term-title {
  font-size: 20px;
  font-weight: bold;
  background-color: #ffffff;
  border-top: solid 1px #d7d7d7;
  padding: 20px 12px 0 12px; }

.vision-term {
  background-color: #ffffff;
  padding: 0px 20px 40px;
  font-size: 14px;
  line-height: 20px; }

.vision-debug {
  margin: 10px; }

.auth-main {
  background: #ffffff;
  text-align: center; }
  .auth-main .icon-line .icon-vision {
    margin: 56px 0 44px; }
  .auth-main .icon-line .icon-check {
    margin-bottom: 20px; }
  .auth-main .auth-title {
    font-size: 20px;
    font-weight: bold;
    padding: 22px 0;
    margin-bottom: 16px;
    white-space: nowrap; }
  .auth-main .auth-detail {
    padding: 0 22px; }
    .auth-main .auth-detail .font-bold {
      font-weight: 600; }
  .auth-main .auth-detail2 {
    margin-top: 30px;
    padding: 0 20px; }
  .auth-main .regular-button {
    height: 32px;
    width: 288px;
    margin: 88px 0 85px; }

.chartjs-tooltip {
  padding: 10px 6px;
  font-size: 12px;
  background: #ffffff;
  box-shadow: 0px 5px 15px #00000080;
  border-radius: 7px; }
  .chartjs-tooltip th {
    text-align: left;
    display: flex;
    align-items: center; }
  .chartjs-tooltip td {
    text-align: center; }
  .chartjs-tooltip .asset-color {
    margin-right: 5px;
    height: 17px;
    width: 5px; }

.page-header {
  background-color: #ffffff;
  display: flex; }
  .page-header .h1 {
    width: 50%;
    font-size: 20px;
    border-top: solid 1px #d7d7d7; }
  .page-header .h1-mode {
    width: 65%;
    padding: 20px 10px 20px 0px;
    text-align: right;
    display: flex;
    border-top: solid 1px #d7d7d7; }
    .page-header .h1-mode img {
      margin-left: 10px;
      width: 15px;
      height: 15px; }
    .page-header .h1-mode select::-ms-expand {
      display: none; }
    .page-header .h1-mode .select-mode {
      width: 100%;
      color: #616161;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      padding: 7px 30px 7px 10px;
      line-height: 1em;
      background-repeat: no-repeat;
      background-size: 12px 10px;
      background-position: right 10px center;
      border: 1px solid #D7D7D7;
      border-radius: 3px;
      font-size: clamp(14px, 16px, 4.25vw); }

.portfolio-change {
  background-color: #ffffff; }
  .portfolio-change .vision-portfolios .vision {
    width: 90%;
    margin: 0 auto 10px;
    padding: 5px 15px 5px 15px;
    height: 40px;
    background: #ffffff;
    border: solid 1px #d7d7d7;
    border-radius: 7px;
    line-height: 1; }
    .portfolio-change .vision-portfolios .vision .market-view {
      display: none;
      top: 3px;
      left: 4px; }
      .portfolio-change .vision-portfolios .vision .market-view img {
        width: 28px;
        height: auto;
        vertical-align: top; }
    .portfolio-change .vision-portfolios .vision .market-view.visible {
      display: block; }
    .portfolio-change .vision-portfolios .vision .title {
      margin-top: 7px;
      float: left;
      font-size: 16px;
      font-weight: bold;
      text-align: center; }
    .portfolio-change .vision-portfolios .vision .risk {
      margin-top: 5px;
      float: right;
      font-size: 12px;
      text-align: center; }
      .portfolio-change .vision-portfolios .vision .risk span {
        font-size: 20px;
        font-weight: bold; }
  .portfolio-change .vision:last-child {
    border-right: solid 1px #d7d7d7; }
  .portfolio-change .vision-main {
    display: flex;
    justify-content: center;
    padding: 0px 16px 18px; }
    .portfolio-change .vision-main .title {
      font-size: 20px;
      font-weight: bold; }
    .portfolio-change .vision-main .contents {
      font-size: 14px; }
    .portfolio-change .vision-main .pai-contents {
      margin-left: 20px; }
    .portfolio-change .vision-main .market-view {
      font-size: 10px;
      font-weight: bold;
      display: none; }
      .portfolio-change .vision-main .market-view img {
        margin-bottom: 2px; }
    .portfolio-change .vision-main .market-view.visible {
      display: inline-block; }
  .portfolio-change .market-view-wap {
    background: #ffffff;
    padding: 16px 10px 0px;
    font-size: 12px;
    font-weight: bold; }
    .portfolio-change .market-view-wap .view-wrap {
      padding: 0 12px; }
      .portfolio-change .market-view-wap .view-wrap img {
        margin-bottom: 3px; }
    .portfolio-change .market-view-wap .version {
      font-weight: normal; }
    .portfolio-change .market-view-wap .view-switch {
      float: right;
      margin-top: 1px; }
  .portfolio-change .h2-line {
    padding-top: 17px; }
  .portfolio-change .detail-link {
    text-align: right;
    padding: 10px 15px; }
    .portfolio-change .detail-link .img {
      margin-left: 7px;
      margin-bottom: 2px;
      width: 7px;
      height: 10px;
      transform: rotate(180deg); }
  .portfolio-change .vision-back {
    height: 80px;
    background-color: #f7f7f7;
    padding: 40px 0 0 10px;
    font-size: 12px;
    border-top: 1px solid #d7d7d7; }
    .portfolio-change .vision-back .img {
      width: 14px;
      height: 14px;
      padding-left: 8px;
      vertical-align: top;
      transform: scale(-1, 1); }

.portfolio-change-footer-wap {
  display: none;
  width: 100%;
  height: 54px;
  position: fixed;
  bottom: 0;
  background: #ffffff;
  border-top: solid 1px #d7d7d7; }

.portfolio-change-footer {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1030; }
  .portfolio-change-footer .regular-button {
    width: 124px; }
  .portfolio-change-footer .conversion-button {
    margin-left: 10px;
    width: 124px; }

.footer-fade-enter {
  display: block;
  bottom: -54px; }

.footer-fade-enter-active {
  display: block;
  bottom: 0px;
  transition: all 300ms 0s ease; }

.footer-fade-enter-done {
  display: block; }

.footer-fade-exit {
  display: block;
  bottom: 0px; }

.footer-fade-exit-active {
  display: block;
  bottom: -54px;
  transition: all 300ms 0s ease; }

.footer-fade-exit-done {
  display: none; }

.vision-top-title {
  justify-content: space-between !important;
  padding: 8px 0 20px !important; }
  .vision-top-title .date {
    font-size: 10px;
    text-align: right; }
  .vision-top-title .bucketing-usage-guide {
    text-align: end;
    margin-top: 10%;
    position: absolute;
    width: 100%;
    left: 0px; }
    .vision-top-title .bucketing-usage-guide a {
      margin-top: 5px;
      font-size: 12px; }
      .vision-top-title .bucketing-usage-guide a img {
        width: 12px;
        height: 12px;
        margin-right: 4px;
        margin-bottom: 4px; }

.vision-top-score {
  padding-bottom: 20px;
  background: #ffffff;
  border-bottom: solid 1px #d7d7d7; }
  .vision-top-score .wap {
    text-align: center; }
  .vision-top-score .pai {
    font-size: 15px;
    width: 100%;
    height: 210px; }
    .vision-top-score .pai canvas {
      margin: 0 auto; }
    .vision-top-score .pai .star-on {
      color: #ffdf80;
      text-shadow: 1px 1px 0px #edd1b4;
      font-size: 22px;
      letter-spacing: -3px; }
    .vision-top-score .pai .star-off {
      color: #e0e0e0;
      margin-top: 1px;
      font-size: 22px;
      letter-spacing: -3px; }
    .vision-top-score .pai .lavel {
      font-size: 14px;
      position: relative;
      margin: 0 auto;
      top: -140px;
      width: 100px; }
  .vision-top-score .botton-wap {
    margin-top: 18px; }
    .vision-top-score .botton-wap .regular-button {
      padding: 9px;
      font-size: 14px;
      margin-left: 5px;
      margin-right: 5px; }

.vision-top-analysis {
  width: 92%;
  margin: 28px auto;
  background: #ffffff;
  border: solid 1px #d7d7d7; }
  .vision-top-analysis .wap {
    margin: 0;
    padding-bottom: 20px;
    width: 100%; }
  .vision-top-analysis .analysis-label {
    margin: 17px 10px 5px 10px;
    height: 32px;
    padding: 8px;
    background: #e0e0e0;
    font-size: 14px;
    line-height: 1.1;
    display: flex;
    justify-content: space-between; }
  .vision-top-analysis .analysis-label:nth-of-type(n + 2) {
    margin: 17px 10px 0px 10px; }
  .vision-top-analysis .analysis-text {
    margin: 0 10px 5px 10px;
    padding-top: 5px;
    font-size: 14px; }
  .vision-top-analysis .analysis-notice {
    font-size: 12px;
    color: #616161;
    margin: 0 10px 5px 10px;
    padding-top: 5px; }
  .vision-top-analysis .analysis-links {
    margin: 10px 10px 0px 10px;
    border: 1px solid #d7d7d7;
    padding: 3px 30px 3px 0px;
    font: -webkit-control;
    border-radius: 8px; }
    .vision-top-analysis .analysis-links .main {
      font-weight: bold;
      padding-left: 50px;
      font-size: 14px;
      color: #333333; }
    .vision-top-analysis .analysis-links .detail {
      float: right;
      padding-top: 12px;
      color: #616161; }
    .vision-top-analysis .analysis-links .sub {
      display: inline-block;
      font-size: 11px;
      color: #616161; }
    .vision-top-analysis .analysis-links button {
      padding: 12px 0 10px;
      text-align: left;
      border: none; }
    .vision-top-analysis .analysis-links .buy {
      text-align: right;
      color: #616161;
      font-size: clamp(10px, 14px, 3.75vw); }
      .vision-top-analysis .analysis-links .buy a {
        color: #616161; }
  .vision-top-analysis .add {
    background-size: auto, 8px;
    background-repeat: no-repeat, no-repeat;
    background-position: 10px 50%, top 50% right 10px; }
  .vision-top-analysis .add-buy {
    height: 75px;
    background-size: auto, 8px, 8px;
    background-repeat: no-repeat, no-repeat;
    background-position: 11px 25%, top 30% right 10px, top 82% right 10px; }
  .vision-top-analysis .rebalance {
    background-size: auto, 8px;
    background-repeat: no-repeat, no-repeat;
    background-position: 10px 50%, top 50% right 10px; }
  .vision-top-analysis .none {
    background-color: #f9f9f9;
    display: flex;
    justify-content: space-between; }
  .vision-top-analysis .none-text {
    color: #b8b8b8;
    padding: 10px 0 0 50px;
    font-size: 11px; }
  .vision-top-analysis .buy {
    background-size: auto, 8px;
    background-repeat: no-repeat, no-repeat;
    background-position: 10px 50%, top 52% right 10px; }
  .vision-top-analysis .api-error {
    text-align: right;
    margin-right: -20px; }
  .vision-top-analysis .risk-return-link {
    margin: 0 10px 5px 10px;
    text-align: right;
    font-size: 12px; }
  .vision-top-analysis .risk-return-text {
    color: #0033cc;
    margin-bottom: -10px; }
    .vision-top-analysis .risk-return-text img {
      margin: -3px 0 0 5px; }
  .vision-top-analysis .return-scrop .detail-link {
    text-align: right;
    font-size: 12px;
    padding: 12px 14px 0px;
    line-height: 1; }
    .vision-top-analysis .return-scrop .detail-link img {
      width: auto;
      height: 10px;
      margin-right: 4px;
      vertical-align: top; }

.simulation-back {
  background: #ffffff; }
  .simulation-back .h2-line {
    border-bottom: none; }
  .simulation-back .simulation-warp {
    width: 92%;
    background-color: #faf1d0;
    margin: 0 auto;
    padding-bottom: 5px; }
    .simulation-back .simulation-warp .simulation-top-warp {
      display: flex;
      justify-content: space-between;
      width: 95%;
      margin: 0 auto; }
      .simulation-back .simulation-warp .simulation-top-warp .signboards {
        margin-top: 15px;
        width: 49%; }
      .simulation-back .simulation-warp .simulation-top-warp .signboards-title {
        font-size: 12px;
        background: #e7d8a8;
        padding: 5px 15px;
        border-top-right-radius: 5px;
        border-top-left-radius: 5px; }
      .simulation-back .simulation-warp .simulation-top-warp .signboards-content {
        background: #ffffff;
        font-size: 13px;
        min-height: 60px;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
        display: flex;
        align-items: center;
        justify-content: center; }
      .simulation-back .simulation-warp .simulation-top-warp .signboards-num {
        font-weight: 600;
        font-size: 22px; }
      .simulation-back .simulation-warp .simulation-top-warp .up {
        color: #e47a7a; }
      .simulation-back .simulation-warp .simulation-top-warp .down {
        color: #63a4cf; }
    .simulation-back .simulation-warp .simulation-bottom-warp {
      font-size: 13px;
      background-color: #ffffff;
      border-radius: 5px;
      width: 95%;
      min-height: 110px;
      padding: 10px 5px 10px 100px;
      margin: 20px auto 20px;
      background-repeat: no-repeat;
      background-position: bottom 0px left 10px;
      background-size: contain; }

.glaf-warp {
  position: relative;
  background-color: #ffffff;
  height: 385px;
  border-bottom: 1px solid #d7d7d7; }
  .glaf-warp .legend-warp {
    font-size: 9px;
    background: #f7f7f7;
    border-collapse: collapse;
    height: 34px;
    width: 90%;
    margin: 30px auto 0 auto;
    display: flex;
    align-items: center;
    justify-content: center; }
    .glaf-warp .legend-warp .fa {
      font-size: 16px;
      margin-right: 1px; }
    .glaf-warp .legend-warp div {
      margin-right: 5px; }
    .glaf-warp .legend-warp .legend01 .fa {
      color: #e47a7a; }
    .glaf-warp .legend-warp .legend02 .fa {
      color: #63a4cf; }
    .glaf-warp .legend-warp .legend03 .fa {
      color: #79996b; }
    .glaf-warp .legend-warp .legend04 .fa {
      color: #d3e29d; }
  .glaf-warp .glaf {
    position: relative;
    top: 20px;
    height: 289px;
    background-color: #ffffff; }
    .glaf-warp .glaf .life-plan-simulation-chart {
      position: absolute;
      width: 100%; }
    .glaf-warp .glaf .label2 {
      position: absolute;
      bottom: 1px;
      left: 0px;
      width: 100%;
      height: 25px; }

.form-warp {
  background-color: #f7f7f7; }
  .form-warp .totalAmount {
    display: flex;
    justify-content: space-between;
    padding: 10px 15px 15px 5px; }
    .form-warp .totalAmount span {
      font-size: 16px;
      line-height: 12px; }
  .form-warp .up-allow {
    margin-bottom: -1px;
    width: 100%;
    text-align: center; }
  .form-warp .forms {
    background-color: #ffffff;
    border: 1px solid #d7d7d7;
    padding: 10px;
    margin: 0 20px 20px 20px;
    font-size: 12px;
    text-align: left; }
    .form-warp .forms .discrption {
      font-size: 14px; }
    .form-warp .forms .TextBox .input .text-title {
      font-size: 14px;
      color: #616161; }
    .form-warp .forms .TextBox .input .form span {
      font-size: 14px; }
    .form-warp .forms .TextBox .input .form input {
      width: 75px; }
  .form-warp .titles {
    font-size: 12px;
    display: flex;
    justify-content: space-between;
    background-color: #e0e0e0;
    margin-top: 15px;
    margin-bottom: 20px;
    padding: 7px; }
  .form-warp .input {
    margin-bottom: 20px; }
  .form-warp .checkBox {
    padding: 0 0 15px 2px;
    display: flex;
    justify-content: left; }
    .form-warp .checkBox .label {
      font-size: 12px;
      margin-top: 2px; }
  .form-warp .portfolio {
    background: #ffffff;
    padding: 0px 10px 10px;
    text-align: right;
    font-size: 12px; }
    .form-warp .portfolio img {
      width: 14px;
      height: 14px;
      padding-left: 8px;
      vertical-align: top; }
  .form-warp .submit {
    width: 100%;
    text-align: center;
    margin-top: 30px; }
    .form-warp .submit .sub-text {
      text-align: left;
      font-size: 12px;
      margin-top: 40px; }
    .form-warp .submit .false {
      background-color: #e0e0e0;
      border: 1px solid #e0e0e0; }
    .form-warp .submit .error {
      color: #e01515;
      font-weight: bold;
      margin-bottom: 10px; }
    .form-warp .submit .conversion-button {
      width: 100%;
      font-size: 16px;
      padding: 12.5px 12px; }
  .form-warp .guest-reply {
    width: 100%;
    text-align: center;
    margin-top: 30px; }
    .form-warp .guest-reply img {
      transform: rotateY(180deg);
      float: left;
      width: 12px;
      height: 12px; }
  .form-warp .guest-account-open {
    width: 100%;
    text-align: center;
    margin-top: 48px;
    margin-bottom: 32px; }
    .form-warp .guest-account-open .sub-text {
      text-align: center;
      font-size: 14px;
      margin-bottom: 24px; }
  .form-warp .question-button {
    text-align: center;
    margin-bottom: 20px; }
    .form-warp .question-button img {
      float: left;
      transform: rotateY(180deg);
      width: 12px;
      height: 12px; }

.portfolio-button {
  text-align: center;
  padding: 26px 0px 84px; }

.regular-button:active {
  background-color: #faf1d0; }

.regular-button:focus {
  outline: none; }

.conversion-button:active {
  background-color: #62cb98; }

.conversion-button:focus {
  outline: none; }

.contract-button:active {
  background-color: #ff9540; }

.contract-button:focus {
  outline: none; }

.modal-background {
  z-index: 9998;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.modal-warp {
  display: flex;
  justify-content: center;
  z-index: 9999;
  position: fixed;
  width: 90%;
  top: 30%;
  left: 5%;
  font-size: 10px; }
  .modal-warp .modal-alert {
    width: 95%;
    border-radius: 10px;
    background-color: #ffffff;
    box-shadow: 0px 2px 5px #616161;
    text-align: left;
    padding-top: 16px; }
    .modal-warp .modal-alert .modal-title {
      font-weight: bold;
      font-size: 16px; }
    .modal-warp .modal-alert .modal-text {
      font-size: 14px;
      margin: 0 16px; }
    .modal-warp .modal-alert .alert {
      width: 20px;
      height: 20px;
      float: left;
      margin-left: 20px;
      margin-right: 5px; }
    .modal-warp .modal-alert .close {
      width: 15px;
      height: 15px;
      float: right;
      margin-top: -25px;
      margin-right: 20px; }
    .modal-warp .modal-alert .botton-wap {
      margin: 16px 10px; }
      .modal-warp .modal-alert .botton-wap .regular-button {
        width: 40%;
        padding: 9px 0px;
        margin-left: 5%; }
      .modal-warp .modal-alert .botton-wap .conversion-button {
        width: 40%;
        padding: 9px 0px;
        margin-left: 5%; }

.modal-buy .modal-warp {
  max-height: 70%; }
  .modal-buy .modal-warp .modal-alert .modal-header {
    display: flex; }
    .modal-buy .modal-warp .modal-alert .modal-header .modal-title {
      width: 80%; }
    .modal-buy .modal-warp .modal-alert .modal-header .alert {
      margin: 3px 10px; }
    .modal-buy .modal-warp .modal-alert .modal-header .close {
      margin-right: 10px;
      margin-top: 5px; }
  .modal-buy .modal-warp .modal-alert .modal-text {
    font-size: 14px;
    margin: 5%; }
  .modal-buy .modal-warp .modal-alert .modal-dryrun {
    max-height: 87%;
    overflow: scroll;
    font-size: 14px;
    margin: 5%; }
    .modal-buy .modal-warp .modal-alert .modal-dryrun .error-message {
      margin-bottom: 8px; }
  .modal-buy .modal-warp .modal-alert .modal-button {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 30px; }
    .modal-buy .modal-warp .modal-alert .modal-button .conversion-button {
      margin-left: 15px; }
    .modal-buy .modal-warp .modal-alert .modal-button button {
      width: 40%; }

.action-menu {
  position: fixed;
  right: 16px;
  bottom: 16px;
  font-size: 12px;
  line-height: 2px;
  background-color: #F9C716;
  height: 72px;
  width: 72px;
  border-radius: 50%;
  text-align: center;
  z-index: 9997;
  animation: action-menu-slideIn 1s;
  transition: transform 0.2s ease;
  box-shadow: 0px 3px 6px #00000066;
  cursor: pointer; }
  .action-menu img {
    margin-top: 5px;
    margin-right: 2px; }
  .action-menu .action-label {
    font-weight: 600;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 8px; }

.action-back {
  top: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  animation: menu-back-animation 0.2s forwards;
  background: transparent linear-gradient(180deg, #00000000 0%, #000000CC 100%); }

.action-back-close {
  animation: menu-back-colse-animation 0.2s forwards; }

.action-dialog {
  font-size: 16px;
  border-radius: 10px;
  border: none;
  padding: 0;
  position: fixed;
  right: 16px;
  bottom: 100px;
  z-index: 9996; }
  .action-dialog .button {
    padding: 16px 24px;
    color: #ffffff;
    margin-top: 7px;
    text-align: right;
    background: #00000099;
    border: 1px solid #ffffff;
    border-radius: 4px;
    animation: menu-animation 0.2s ease-out forwards; }
    .action-dialog .button.buy {
      width: 258px;
      margin: 0 0 0 auto; }

.action-menu-close {
  animation: menu-colse-animation 0.3s ease-out forwards; }

@keyframes menu-animation {
  from {
    transform: translateY(100px);
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes menu-colse-animation {
  from {
    opacity: 1; }
  to {
    transform: translateY(100px);
    opacity: 0; } }

@keyframes menu-back-animation {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes menu-back-colse-animation {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes action-menu-slideIn {
  from {
    transform: translateX(100%);
    opacity: 0; }
  50% {
    transform: translateX(-10%); }
  to {
    transform: translateX(0);
    opacity: 1; } }

.return-scope-chart .label {
  padding-left: 10px;
  font-size: 6px;
  font-weight: normal;
  position: relative;
  top: -192px;
  left: -10px; }

.return-scope-chart .chart-area {
  width: 270px;
  height: 178px;
  margin: auto; }

.return-scope-chart .action-area {
  height: 34px;
  padding: 0px 16px;
  background: #f7f7f7;
  border-radius: 3px;
  margin: 14px 16px 0;
  display: flex;
  align-items: center;
  font-size: 10px;
  font-weight: normal; }
  .return-scope-chart .action-area label {
    margin-right: 8px;
    font-size: 10px; }
  .return-scope-chart .action-area label input {
    display: none; }
  .return-scope-chart .action-area .cb {
    top: 2px;
    opacity: 0.4;
    width: 12px;
    height: 12px;
    border-radius: 2px;
    display: inline-block;
    position: relative;
    margin-right: 4px; }
    .return-scope-chart .action-area .cb img {
      width: 9px;
      height: 7px;
      position: absolute;
      top: 3px;
      left: 1px; }
  .return-scope-chart .action-area label input:checked + .cb {
    opacity: 1; }
  .return-scope-chart .action-area .after {
    background: #9e9e9e; }
  .return-scope-chart .action-area .current {
    background: #f19e2a; }

.jp-eq-return {
  line-height: 1;
  background: #ffffff; }
  .jp-eq-return .return-slider .slider-header {
    width: 280px;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    padding: 20px 0px;
    font-weight: bold; }
    .jp-eq-return .return-slider .slider-header .slider-title {
      font-size: 11px; }
    .jp-eq-return .return-slider .slider-header .slider-value {
      font-size: 14px; }
      .jp-eq-return .return-slider .slider-header .slider-value span {
        font-size: 28px;
        margin: 0px 6px; }
  .jp-eq-return .return-slider .slider-body {
    padding: 2px 20px 0px;
    display: flex;
    justify-content: center;
    line-height: 16px; }
    .jp-eq-return .return-slider .slider-body span {
      font-size: 11px;
      width: 30px; }
    .jp-eq-return .return-slider .slider-body span:last-child {
      text-align: right; }
    .jp-eq-return .return-slider .slider-body .rc-slider {
      width: 220px; }
    .jp-eq-return .return-slider .slider-body .rc-slider-handle {
      width: 15px;
      height: 15px;
      background: #2eb975;
      border: solid 1px #2eb975; }
    .jp-eq-return .return-slider .slider-body .rc-slider-handle:active {
      box-shadow: 0 0 5px #2eb975; }
  .jp-eq-return .change-footer {
    margin: 44px 0px 0px;
    text-align: center; }
  .jp-eq-return .notReturnScope {
    text-align: center; }
  .jp-eq-return .vision-back {
    background: #ffffff;
    padding: 44px 10px 30px;
    font-size: 10px; }
    .jp-eq-return .vision-back img {
      width: 14px;
      height: 14px;
      padding-left: 8px;
      transform: scale(-1, 1); }

.rc-slider {
  position: relative;
  height: 14px;
  padding: 5px 0;
  width: 100%;
  border-radius: 6px;
  -ms-touch-action: none;
      touch-action: none;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rc-slider * {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rc-slider-rail {
  position: absolute;
  width: 100%;
  background-color: #e9e9e9;
  height: 4px;
  border-radius: 6px;
}
.rc-slider-track {
  position: absolute;
  left: 0;
  height: 4px;
  border-radius: 6px;
  background-color: #abe2fb;
}
.rc-slider-handle {
  position: absolute;
  width: 14px;
  height: 14px;
  cursor: pointer;
  cursor: -webkit-grab;
  margin-top: -5px;
  cursor: grab;
  border-radius: 50%;
  border: solid 2px #96dbfa;
  background-color: #fff;
  -ms-touch-action: pan-x;
      touch-action: pan-x;
}
.rc-slider-handle:focus {
  border-color: #57c5f7;
  box-shadow: 0 0 0 5px #96dbfa;
  outline: none;
}
.rc-slider-handle-click-focused:focus {
  border-color: #96dbfa;
  box-shadow: unset;
}
.rc-slider-handle:hover {
  border-color: #57c5f7;
}
.rc-slider-handle:active {
  border-color: #57c5f7;
  box-shadow: 0 0 5px #57c5f7;
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.rc-slider-mark {
  position: absolute;
  top: 18px;
  left: 0;
  width: 100%;
  font-size: 12px;
}
.rc-slider-mark-text {
  position: absolute;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  color: #999;
}
.rc-slider-mark-text-active {
  color: #666;
}
.rc-slider-step {
  position: absolute;
  width: 100%;
  height: 4px;
  background: transparent;
}
.rc-slider-dot {
  position: absolute;
  bottom: -2px;
  margin-left: -4px;
  width: 8px;
  height: 8px;
  border: 2px solid #e9e9e9;
  background-color: #fff;
  cursor: pointer;
  border-radius: 50%;
  vertical-align: middle;
}
.rc-slider-dot-active {
  border-color: #96dbfa;
}
.rc-slider-dot-reverse {
  margin-left: 0;
  margin-right: -4px;
}
.rc-slider-disabled {
  background-color: #e9e9e9;
}
.rc-slider-disabled .rc-slider-track {
  background-color: #ccc;
}
.rc-slider-disabled .rc-slider-handle,
.rc-slider-disabled .rc-slider-dot {
  border-color: #ccc;
  box-shadow: none;
  background-color: #fff;
  cursor: not-allowed;
}
.rc-slider-disabled .rc-slider-mark-text,
.rc-slider-disabled .rc-slider-dot {
  cursor: not-allowed !important;
}
.rc-slider-vertical {
  width: 14px;
  height: 100%;
  padding: 0 5px;
}
.rc-slider-vertical .rc-slider-rail {
  height: 100%;
  width: 4px;
}
.rc-slider-vertical .rc-slider-track {
  left: 5px;
  bottom: 0;
  width: 4px;
}
.rc-slider-vertical .rc-slider-handle {
  margin-left: -5px;
  -ms-touch-action: pan-y;
      touch-action: pan-y;
}
.rc-slider-vertical .rc-slider-mark {
  top: 0;
  left: 18px;
  height: 100%;
}
.rc-slider-vertical .rc-slider-step {
  height: 100%;
  width: 4px;
}
.rc-slider-vertical .rc-slider-dot {
  left: 2px;
  margin-bottom: -4px;
}
.rc-slider-vertical .rc-slider-dot:first-child {
  margin-bottom: -4px;
}
.rc-slider-vertical .rc-slider-dot:last-child {
  margin-bottom: -4px;
}
.rc-slider-tooltip-zoom-down-enter,
.rc-slider-tooltip-zoom-down-appear {
  animation-duration: .3s;
  animation-fill-mode: both;
  display: block !important;
  animation-play-state: paused;
}
.rc-slider-tooltip-zoom-down-leave {
  animation-duration: .3s;
  animation-fill-mode: both;
  display: block !important;
  animation-play-state: paused;
}
.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,
.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active {
  animation-name: rcSliderTooltipZoomDownIn;
  animation-play-state: running;
}
.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active {
  animation-name: rcSliderTooltipZoomDownOut;
  animation-play-state: running;
}
.rc-slider-tooltip-zoom-down-enter,
.rc-slider-tooltip-zoom-down-appear {
  transform: scale(0, 0);
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.rc-slider-tooltip-zoom-down-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
@keyframes rcSliderTooltipZoomDownIn {
  0% {
    opacity: 0;
    transform-origin: 50% 100%;
    transform: scale(0, 0);
  }
  100% {
    transform-origin: 50% 100%;
    transform: scale(1, 1);
  }
}
@keyframes rcSliderTooltipZoomDownOut {
  0% {
    transform-origin: 50% 100%;
    transform: scale(1, 1);
  }
  100% {
    opacity: 0;
    transform-origin: 50% 100%;
    transform: scale(0, 0);
  }
}
.rc-slider-tooltip {
  position: absolute;
  left: -9999px;
  top: -9999px;
  visibility: visible;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rc-slider-tooltip * {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rc-slider-tooltip-hidden {
  display: none;
}
.rc-slider-tooltip-placement-top {
  padding: 4px 0 8px 0;
}
.rc-slider-tooltip-inner {
  padding: 6px 2px;
  min-width: 24px;
  height: 24px;
  font-size: 12px;
  line-height: 1;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #6c6c6c;
  border-radius: 6px;
  box-shadow: 0 0 4px #d9d9d9;
}
.rc-slider-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow {
  bottom: 4px;
  left: 50%;
  margin-left: -4px;
  border-width: 4px 4px 0;
  border-top-color: #6c6c6c;
}

.restore .dialog-background {
  margin: 50px auto;
  text-align: center; }
  .restore .dialog-background .dialog-warp {
    justify-content: center;
    background-color: #ffffff;
    padding: 6%;
    z-index: 9999;
    border-radius: 15px;
    width: 98%;
    max-width: 340px;
    height: 415px;
    display: inline-block;
    text-align: initial; }
  .restore .dialog-background .dialog-page {
    height: 325px; }
    .restore .dialog-background .dialog-page .close {
      width: 15px;
      height: 15px;
      float: right;
      margin-top: -28px;
      margin-right: 4px; }

.restore .title {
  text-align: left;
  margin: 8px 0px;
  font-size: 14px;
  font-weight: bold; }

.restore .message {
  font-size: 12px;
  margin-top: 8px;
  line-height: 17px;
  overflow: scroll;
  height: 90%;
  width: 100%; }

.restore .botton-warp {
  margin-top: 10px;
  text-align: center; }

.restore .conversion-button {
  padding: 7px 12px; }

.fund-link {
  font-size: 14px;
  line-height: 1.5; }
  .fund-link img {
    width: 12px;
    height: 10px;
    margin-left: 4px; }

.fund-link-name {
  font-size: 14px;
  line-height: 1.5; }

.popup-help-trustFee {
  position: relative;
  display: inline; }
  .popup-help-trustFee .help {
    cursor: pointer; }
    .popup-help-trustFee .help span {
      margin-left: 8px; }
    .popup-help-trustFee .help img {
      margin: 0px 0px 3px 4px; }
  .popup-help-trustFee .help-backdrop {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1000; }
  .popup-help-trustFee .container {
    display: none;
    position: absolute;
    text-align: left; }
    .popup-help-trustFee .container .arrow-outer {
      border-bottom: 7px solid #e1dcc8;
      border-left: 7px solid transparent;
      border-right: 7px solid transparent;
      position: absolute;
      z-index: 1002; }
    .popup-help-trustFee .container .arrow-inner {
      border-bottom: 6px solid #faf1d0;
      border-left: 6px solid transparent;
      border-right: 6px solid transparent;
      position: absolute;
      top: 2px;
      z-index: 1003; }
    .popup-help-trustFee .container .help-content {
      background-color: #faf1d0;
      border: 1px solid #e1dcc8;
      padding: 16px 15px;
      position: absolute;
      top: 7px;
      width: 100%;
      z-index: 1001; }
    .popup-help-trustFee .container .help-title {
      color: #333333;
      font-size: 14px;
      font-weight: bold;
      margin-bottom: 8px; }
    .popup-help-trustFee .container .help-text {
      color: #333333;
      line-height: 1.5;
      font-size: 12px;
      font-weight: normal; }
    .popup-help-trustFee .container .help-close {
      cursor: pointer;
      position: absolute;
      right: 13px;
      top: 24px;
      z-index: 1002; }

.fundlist-dialog {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: none;
  font-size: 14px;
  padding: 0;
  background: #f7f7f7; }
  .fundlist-dialog .sort-warp {
    text-align: right;
    height: 30px;
    padding-right: 10px;
    font-size: 12px;
    background-color: #d7d7d7; }
    .fundlist-dialog .sort-warp .sort-asset {
      padding-top: 8px; }
  .fundlist-dialog .sort-open-warp {
    text-align: right;
    height: 80px;
    padding-right: 10px;
    font-size: 12px;
    transition: 0.5s; }
    .fundlist-dialog .sort-open-warp .sort-asset {
      padding-top: 8px; }
      .fundlist-dialog .sort-open-warp .sort-asset .transform-img {
        transition: 0.5s;
        transform: rotate(-180deg); }
  .fundlist-dialog .fundlist-header {
    font-size: 16px;
    width: 100%;
    height: 42px;
    background: #ffffff;
    padding: 14px 10px;
    line-height: 1;
    z-index: 2030; }
    .fundlist-dialog .fundlist-header a {
      float: right; }
    .fundlist-dialog .fundlist-header img {
      width: 12px;
      height: 12px;
      margin-right: 8px; }
  .fundlist-dialog .list {
    height: 100%;
    padding-bottom: 100px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch; }
    .fundlist-dialog .list .row {
      width: 100%;
      background: #ffffff;
      border-top: solid 1px #d7d7d7;
      padding: 13px 4px 8px 16px;
      line-height: 1; }
    .fundlist-dialog .list a {
      white-space: normal; }
    .fundlist-dialog .list .goods {
      display: flex;
      justify-content: space-between; }
    .fundlist-dialog .list .goods-type {
      font-size: 12px;
      margin-top: 8px; }
      .fundlist-dialog .list .goods-type img {
        margin-bottom: 3px; }
    .fundlist-dialog .list .goods-num {
      font-size: 14px;
      margin-top: 8px; }

.advice {
  line-height: 1;
  font-size: 12px; }
  .advice .input-area {
    background: #ffffff;
    border-bottom: solid 1px #d7d7d7;
    padding: 0px 10px 18px; }
    .advice .input-area .conversion-button-wap {
      width: 100%;
      text-align: center;
      padding-top: 5px; }
      .advice .input-area .conversion-button-wap .conversion-button {
        margin-top: 8px;
        font-size: 16px;
        width: 50%; }
    .advice .input-area .TextBox .input .text-title {
      font-size: 14px; }
    .advice .input-area .TextBox .input .form span {
      font-size: 14px; }
    .advice .input-area .TextBox .input .text-title {
      font-size: 14px; }
  .advice .advice-portfolio {
    margin: 8px 15px 15px 15px;
    padding: 18px;
    background: #ffffff;
    border-bottom: solid 1px #d7d7d7;
    font-size: 12px; }
    .advice .advice-portfolio .atitle {
      margin-bottom: 24px; }
    .advice .advice-portfolio .score-area {
      display: flex;
      justify-content: left; }
      .advice .advice-portfolio .score-area .pai {
        width: 100px;
        height: 100px;
        margin-right: 12px; }
      .advice .advice-portfolio .score-area .score-preview {
        padding-top: 10px;
        flex-grow: 2;
        text-align: center; }
        .advice .advice-portfolio .score-area .score-preview .preview-label {
          white-space: nowrap; }
        .advice .advice-portfolio .score-area .score-preview .preview {
          display: flex;
          justify-content: center;
          margin-top: 10px; }
          .advice .advice-portfolio .score-area .score-preview .preview .my-socre {
            font-size: 14px;
            font-weight: bold;
            line-height: 27px; }
          .advice .advice-portfolio .score-area .score-preview .preview img {
            width: 12px;
            height: 8px;
            margin: 10px 14px 0px; }
          .advice .advice-portfolio .score-area .score-preview .preview .star-on {
            color: #ffdf80;
            text-shadow: 1px 1px 0px #edd1b4;
            font-size: 16px;
            letter-spacing: 1px; }
          .advice .advice-portfolio .score-area .score-preview .preview .star-off {
            color: #e0e0e0;
            margin-top: 1px;
            font-size: 16px;
            letter-spacing: 1px; }
          .advice .advice-portfolio .score-area .score-preview .preview .selected-score {
            font-weight: bold; }
            .advice .advice-portfolio .score-area .score-preview .preview .selected-score .score {
              font-size: 17px; }
              .advice .advice-portfolio .score-area .score-preview .preview .selected-score .score span {
                font-size: 27px; }
            .advice .advice-portfolio .score-area .score-preview .preview .selected-score .point {
              margin-top: 6px;
              font-size: 17px; }
        .advice .advice-portfolio .score-area .score-preview .currency-rate-button-wap {
          width: 100%;
          text-align: center;
          padding-top: 15px; }
          .advice .advice-portfolio .score-area .score-preview .currency-rate-button-wap .currency-rate-button {
            height: 24px;
            background: #eeeeee;
            border-radius: 2px;
            box-shadow: 1px 1px 0px #616161;
            padding: 4px 12px;
            font-size: 12px;
            font-weight: bold;
            color: #525e93;
            line-height: 1;
            width: 110px; }
        .advice .advice-portfolio .score-area .score-preview .selected-tab {
          margin-top: 20px;
          display: grid; }
          .advice .advice-portfolio .score-area .score-preview .selected-tab .tab {
            width: auto;
            height: 24px;
            padding: 6px;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            border: solid 1px #bdbdbd; }
          .advice .advice-portfolio .score-area .score-preview .selected-tab .fotter {
            margin-top: 6px;
            text-align: right; }
  .advice .advice-area {
    margin-top: 8px;
    background: #ffffff; }
    .advice .advice-area .atitle {
      padding: 18px 10px 14px; }
    .advice .advice-area .tab-wrap {
      display: flex;
      justify-content: center;
      border-bottom: solid 1px #9e9e9e; }
      .advice .advice-area .tab-wrap .tab {
        flex-grow: 2;
        text-align: center;
        padding: 0px 8px;
        margin-left: 6px;
        height: 28px;
        line-height: 27px;
        border-top: solid 1px #9e9e9e;
        border-left: solid 1px #9e9e9e;
        border-right: solid 1px #9e9e9e;
        border-radius: 2px 2px 0px 0px;
        background: #e0e0e0;
        transform: translateY(1px);
        border-bottom: solid 1px #9e9e9e;
        z-index: 1; }
      .advice .advice-area .tab-wrap .tab:last-child {
        margin-right: 6px; }
      .advice .advice-area .tab-wrap .tab.active {
        background: #ffffff;
        border-bottom: none; }
      .advice .advice-area .tab-wrap .tab.active:first-child {
        border-bottom: solid 1px #c0c0c0; }
    .advice .advice-area .optimize-diversion {
      background: #ffffff; }
      .advice .advice-area .optimize-diversion .aheader {
        height: 38px;
        background: #d7d7d7;
        color: #333333;
        padding: 0px 14px 0px 14px;
        font-size: 10px;
        text-align: right;
        display: flex;
        justify-content: flex-start;
        align-items: center; }
        .advice .advice-area .optimize-diversion .aheader .title {
          width: 124px;
          height: 100%;
          display: flex;
          align-items: center; }
        .advice .advice-area .optimize-diversion .aheader .title-ratio {
          width: 40px;
          height: 100%;
          display: flex;
          align-items: flex-end;
          justify-content: center;
          flex-direction: column;
          row-gap: 3px; }
        .advice .advice-area .optimize-diversion .aheader .title-price {
          width: 112px;
          height: 100%;
          display: flex;
          align-items: flex-end;
          justify-content: center;
          flex-direction: column;
          row-gap: 3px; }
      .advice .advice-area .optimize-diversion .row {
        border-bottom: solid 1px #d7d7d7;
        display: flex;
        justify-content: left;
        align-items: center;
        height: 48px; }
        .advice .advice-area .optimize-diversion .row .asset-color {
          width: 8px;
          height: 100%; }
        .advice .advice-area .optimize-diversion .row .link {
          width: 130px;
          display: inline-block;
          padding-left: 6px;
          font-size: 11px; }
        .advice .advice-area .optimize-diversion .row .ratio {
          width: 40px;
          display: flex;
          flex-direction: column;
          align-items: flex-end;
          justify-content: center;
          row-gap: 4px; }
        .advice .advice-area .optimize-diversion .row .price {
          width: 112px;
          display: flex;
          flex-direction: column;
          align-items: flex-end;
          justify-content: center;
          row-gap: 4px; }
        .advice .advice-area .optimize-diversion .row .img {
          margin: 8px;
          width: 13px;
          height: 9px;
          text-align: right; }
    .advice .advice-area .select-funds {
      background: #ffffff; }
      .advice .advice-area .select-funds .row {
        border-bottom: solid 1px #d7d7d7;
        display: flex;
        justify-content: left; }
        .advice .advice-area .select-funds .row img {
          width: 13px;
          height: 10px;
          margin-left: 6px; }
        .advice .advice-area .select-funds .row .link {
          display: inline-block;
          padding: 18px 14px;
          flex: 1;
          line-height: 1.5; }
    .advice .advice-area .asset-classes {
      background: #ffffff; }
      .advice .advice-area .asset-classes .row {
        border-bottom: solid 1px #d7d7d7;
        display: flex;
        justify-content: left; }
        .advice .advice-area .asset-classes .row .asset-color {
          width: 8px; }
        .advice .advice-area .asset-classes .row img {
          width: 13px;
          height: 10px;
          margin-left: 6px; }
        .advice .advice-area .asset-classes .row .link {
          display: inline-block;
          padding: 18px 18px; }
  .advice .not-advice {
    padding: 28px 32px;
    border-bottom: solid 1px #d7d7d7; }
    .advice .not-advice pre {
      white-space: pre-line;
      line-height: 1.5;
      margin: 0; }
  .advice .modal-background {
    z-index: 9998;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }
  .advice .modal-warp {
    display: flex;
    justify-content: center;
    z-index: 9999;
    position: fixed;
    width: 90%;
    top: 30%;
    left: 5%;
    font-size: 10px; }
    .advice .modal-warp .close {
      width: 15px;
      height: 15px;
      float: right;
      margin-top: -37px;
      margin-right: 20px; }
    .advice .modal-warp .portfolio-currency {
      width: 290px;
      background: #ffffff;
      border-radius: 10px;
      box-shadow: 0px 2px 5px #616161;
      text-align: left; }
    .advice .modal-warp .currencyTable {
      width: 100%;
      text-align: center;
      padding-top: 16px;
      padding-bottom: 16px;
      font-size: 10px; }
      .advice .modal-warp .currencyTable .currencyTable-title {
        width: 256px;
        margin: 0 auto 16px;
        text-align: left;
        font-size: 14px;
        font-weight: bold; }
      .advice .modal-warp .currencyTable .titles {
        background-color: #eeeeee; }
      .advice .modal-warp .currencyTable .contents {
        text-align: right;
        font-size: 12px; }
      .advice .modal-warp .currencyTable table {
        width: 260px;
        margin: 0 16px; }
        .advice .modal-warp .currencyTable table th {
          width: 60px;
          background-color: #eeeeee;
          font-weight: normal; }
        .advice .modal-warp .currencyTable table tr,
        .advice .modal-warp .currencyTable table td {
          border: 1px solid #d7d7d7;
          padding: 5px; }

.fund-select-dialog {
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: none;
  font-size: 14px;
  background: #f7f7f7; }
  .fund-select-dialog .sort-warp {
    text-align: right;
    height: 30px;
    padding: 8px 10px 0px 0px;
    background: #EEEEEE;
    font-size: 12px;
    background-color: #d7d7d7; }
  .fund-select-dialog .sort-open-warp {
    text-align: right;
    height: 80px;
    padding-right: 10px;
    font-size: 12px;
    transition: 0.5s; }
    .fund-select-dialog .sort-open-warp .sort-asset {
      padding-top: 8px; }
      .fund-select-dialog .sort-open-warp .sort-asset .transform-img {
        transition: 0.5s;
        transform: rotate(-180deg); }
  .fund-select-dialog .fundlist-header {
    font-size: 16px;
    width: 100%;
    background: #ffffff;
    padding: 15px 10px;
    line-height: 1;
    z-index: 2030;
    box-shadow: 0px 1px 0px #D7D7D7; }
    .fund-select-dialog .fundlist-header a {
      float: right; }
    .fund-select-dialog .fundlist-header img {
      width: 12px;
      height: 12px;
      margin-right: 8px; }
  .fund-select-dialog .select-asset {
    padding: 15px; }
    .fund-select-dialog .select-asset .asset-name {
      font-weight: 600;
      font-size: 15px; }
    .fund-select-dialog .select-asset .asset-class {
      display: flex;
      margin-top: 20px;
      width: 95%;
      background: #ffffff;
      border: #D7D7D7 solid 1px; }
      .fund-select-dialog .select-asset .asset-class .class-title {
        padding: 5px;
        background: #F5F5F5;
        text-align: center;
        border-right: #D7D7D7 solid 1px; }
      .fund-select-dialog .select-asset .asset-class .class-name {
        padding: 5px 0px 5px 10px;
        text-align: center; }
  .fund-select-dialog .list {
    height: 100%;
    overflow-y: scroll;
    padding-bottom: 250px; }
    .fund-select-dialog .list .row {
      width: 97.5%;
      background: #ffffff;
      border-top: solid 1px #d7d7d7;
      padding: 13px 4px 8px 16px;
      line-height: 1; }
      .fund-select-dialog .list .row label {
        display: inline-block; }
    .fund-select-dialog .list a {
      white-space: normal; }
    .fund-select-dialog .list .goods {
      display: flex;
      justify-content: space-between; }
    .fund-select-dialog .list .alert-msg {
      padding: 30px 30px 0px 30px;
      color: #E01414;
      font-size: 12px;
      font-weight: 600; }
  .fund-select-dialog .select-button {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 0;
    padding: 10px;
    background: #ffffff; }
    .fund-select-dialog .select-button button {
      margin-right: 10px;
      width: 40%;
      display: inline-block; }

.fundlist-dialog {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: none;
  font-size: 14px;
  padding: 0;
  background: #f7f7f7; }
  .fundlist-dialog .sort-warp {
    text-align: right;
    height: 30px;
    padding-right: 10px;
    font-size: 12px;
    background-color: #d7d7d7; }
    .fundlist-dialog .sort-warp .sort-asset {
      padding-top: 8px; }
  .fundlist-dialog .sort-open-warp {
    text-align: right;
    height: 80px;
    padding-right: 10px;
    font-size: 12px;
    transition: 0.5s; }
    .fundlist-dialog .sort-open-warp .sort-asset {
      padding-top: 8px; }
      .fundlist-dialog .sort-open-warp .sort-asset .transform-img {
        transition: 0.5s;
        transform: rotate(-180deg); }
  .fundlist-dialog .fundlist-header {
    font-size: 16px;
    width: 100%;
    height: 42px;
    background: #ffffff;
    padding: 14px 10px;
    line-height: 1;
    z-index: 2030; }
    .fundlist-dialog .fundlist-header a {
      float: right; }
    .fundlist-dialog .fundlist-header img {
      width: 12px;
      height: 12px;
      margin-right: 8px; }
  .fundlist-dialog .list {
    height: 100%;
    padding-bottom: 100px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch; }
    .fundlist-dialog .list .row {
      background: #ffffff;
      border-top: solid 1px #d7d7d7;
      padding: 13px 4px 8px 16px;
      line-height: 1; }
    .fundlist-dialog .list a {
      white-space: normal; }
    .fundlist-dialog .list .goods {
      display: flex;
      justify-content: space-between; }

.bucketing-bar {
  right: 102px;
  position: relative;
  float: right;
  /* padding: 0px; */
  /* margin: 0px; */
  margin-top: 4px; }
  .bucketing-bar .bucketing-item {
    position: absolute;
    width: 100px;
    height: 8px; }

.fund-link {
  font-size: 14px;
  line-height: 1.5; }
  .fund-link img {
    width: 12px;
    height: 10px;
    margin-left: 4px; }

.fund-link-name {
  font-size: 14px;
  line-height: 1.5; }

.fundlist-dialog {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: none;
  font-size: 14px;
  padding: 0;
  background: #f7f7f7; }
  .fundlist-dialog .sort-warp {
    text-align: right;
    height: 30px;
    padding-right: 10px;
    font-size: 12px; }
    .fundlist-dialog .sort-warp .sort-asset {
      padding-top: 8px; }
  .fundlist-dialog .sort-sell-open-warp {
    text-align: right;
    height: 80px;
    padding-right: 10px;
    font-size: 12px;
    transition: 0.5s; }
    .fundlist-dialog .sort-sell-open-warp .sort-asset {
      padding-top: 8px; }
      .fundlist-dialog .sort-sell-open-warp .sort-asset .transform-img {
        transition: 0.5s;
        transform: rotate(-180deg); }
  .fundlist-dialog .fundlist-header {
    font-size: 16px;
    width: 100%;
    height: 42px;
    background: #ffffff;
    padding: 14px 10px;
    line-height: 1;
    z-index: 2030; }
    .fundlist-dialog .fundlist-header a {
      float: right; }
    .fundlist-dialog .fundlist-header img {
      width: 12px;
      height: 12px;
      margin-right: 8px; }
  .fundlist-dialog .list {
    height: 100%;
    padding-bottom: 100px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch; }
    .fundlist-dialog .list .row {
      background: #ffffff;
      border-top: solid 1px #d7d7d7;
      padding: 13px 4px 8px 16px;
      line-height: 1; }
    .fundlist-dialog .list a {
      white-space: normal; }
    .fundlist-dialog .list .goods {
      display: flex;
      justify-content: space-between; }
    .fundlist-dialog .list .goods-account {
      font-size: 9px;
      margin-top: 8px; }

.fundlist-dialog {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: none;
  font-size: 14px;
  padding: 0;
  background: #f7f7f7; }
  .fundlist-dialog .sort-warp {
    text-align: right;
    height: 30px;
    padding-right: 10px;
    font-size: 12px;
    transition: 0.5s;
    background-color: #d7d7d7; }
    .fundlist-dialog .sort-warp .sort-asset {
      padding-top: 8px; }
  .fundlist-dialog .sort-sell-open-warp {
    text-align: right;
    height: 80px;
    padding-right: 10px;
    font-size: 12px;
    transition: 0.5s; }
    .fundlist-dialog .sort-sell-open-warp .sort-asset {
      padding-top: 8px; }
      .fundlist-dialog .sort-sell-open-warp .sort-asset .transform-img {
        transition: 0.5s;
        transform: rotate(-180deg); }
  .fundlist-dialog .fundlist-header {
    font-size: 16px;
    width: 100%;
    height: 42px;
    background: #ffffff;
    padding: 14px 10px;
    line-height: 1;
    z-index: 2030; }
    .fundlist-dialog .fundlist-header a {
      float: right; }
    .fundlist-dialog .fundlist-header img {
      width: 12px;
      height: 12px;
      margin-right: 8px; }
  .fundlist-dialog .list {
    height: 100%;
    padding-bottom: 100px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch; }
    .fundlist-dialog .list .row {
      background: #ffffff;
      border-top: solid 1px #d7d7d7;
      padding: 13px 4px 8px 16px;
      line-height: 1; }
    .fundlist-dialog .list a {
      white-space: normal; }
    .fundlist-dialog .list .goods {
      display: flex;
      justify-content: space-between; }

.sell {
  line-height: 1;
  font-size: 12px; }
  .sell .input-area {
    background: #ffffff;
    border-bottom: solid 1px #d7d7d7;
    padding: 0px 10px 18px; }
    .sell .input-area .sub-text {
      padding: 0 0 20px 5px;
      color: #9e9e9e;
      font-size: 14px; }
    .sell .input-area .sub-text2 {
      padding: 0 0 0 5px;
      color: #9e9e9e;
      font-size: 14px; }
    .sell .input-area .conversion-button-wap {
      width: 100%;
      text-align: center;
      padding-top: 24px; }
      .sell .input-area .conversion-button-wap .conversion-button {
        width: 130px; }
    .sell .input-area .TextBox .input {
      margin-bottom: 4px; }
      .sell .input-area .TextBox .input .text-title {
        font-size: 14px; }
      .sell .input-area .TextBox .input .form span {
        font-size: 14px; }
  .sell .advice-portfolio {
    margin: 8px 15px 15px 15px;
    padding: 18px;
    background: #ffffff;
    border-bottom: solid 1px #d7d7d7;
    font-size: 12px; }
    .sell .advice-portfolio .atitle {
      margin-bottom: 24px; }
    .sell .advice-portfolio .score-area {
      display: flex;
      justify-content: left; }
      .sell .advice-portfolio .score-area .pai {
        width: 100px;
        height: 100px;
        margin-right: 12px; }
      .sell .advice-portfolio .score-area .score-preview {
        padding-top: 10px;
        flex-grow: 2;
        text-align: center; }
        .sell .advice-portfolio .score-area .score-preview .preview-label {
          white-space: nowrap; }
        .sell .advice-portfolio .score-area .score-preview .preview {
          display: flex;
          justify-content: center;
          margin-top: 10px; }
          .sell .advice-portfolio .score-area .score-preview .preview .my-socre {
            font-size: 14px;
            font-weight: bold;
            line-height: 27px; }
          .sell .advice-portfolio .score-area .score-preview .preview img {
            width: 12px;
            height: 8px;
            margin: 10px 14px 0px; }
          .sell .advice-portfolio .score-area .score-preview .preview .star-on {
            color: #ffdf80;
            text-shadow: 1px 1px 0px #edd1b4;
            font-size: 16px;
            letter-spacing: 1px; }
          .sell .advice-portfolio .score-area .score-preview .preview .star-off {
            color: #e0e0e0;
            margin-top: 1px;
            font-size: 16px;
            letter-spacing: 1px; }
          .sell .advice-portfolio .score-area .score-preview .preview .selected-score {
            font-weight: bold; }
            .sell .advice-portfolio .score-area .score-preview .preview .selected-score .score {
              font-size: 17px; }
              .sell .advice-portfolio .score-area .score-preview .preview .selected-score .score span {
                font-size: 27px; }
            .sell .advice-portfolio .score-area .score-preview .preview .selected-score .point {
              margin-top: 6px;
              font-size: 17px; }
        .sell .advice-portfolio .score-area .score-preview .currency-rate-button-wap {
          width: 100%;
          text-align: center;
          padding-top: 15px; }
          .sell .advice-portfolio .score-area .score-preview .currency-rate-button-wap .currency-rate-button {
            height: 24px;
            background: #eeeeee;
            border-radius: 2px;
            box-shadow: 1px 1px 0px #616161;
            padding: 4px 12px;
            font-size: 12px;
            font-weight: bold;
            color: #525e93;
            line-height: 1;
            width: 110px; }
        .sell .advice-portfolio .score-area .score-preview .selected-tab {
          margin-top: 20px;
          display: grid; }
          .sell .advice-portfolio .score-area .score-preview .selected-tab .tab {
            width: auto;
            height: 24px;
            padding: 6px;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            border: solid 1px #bdbdbd; }
          .sell .advice-portfolio .score-area .score-preview .selected-tab .fotter {
            margin-top: 6px;
            text-align: right; }
  .sell .advice-area {
    margin-top: 8px;
    background: #ffffff; }
    .sell .advice-area .atitle {
      padding: 18px 10px 14px; }
    .sell .advice-area .tab-wrap {
      display: flex;
      justify-content: center;
      border-bottom: solid 1px #9e9e9e; }
      .sell .advice-area .tab-wrap .tab {
        flex-grow: 2;
        text-align: center;
        padding: 0px 8px;
        margin-left: 6px;
        height: 28px;
        line-height: 27px;
        border-top: solid 1px #9e9e9e;
        border-left: solid 1px #9e9e9e;
        border-right: solid 1px #9e9e9e;
        border-radius: 2px 2px 0px 0px;
        background: #e0e0e0;
        transform: translateY(1px);
        border-bottom: solid 1px #9e9e9e;
        z-index: 1; }
      .sell .advice-area .tab-wrap .tab:last-child {
        margin-right: 6px; }
      .sell .advice-area .tab-wrap .tab.active {
        background: #ffffff;
        border-bottom: none; }
      .sell .advice-area .tab-wrap .tab.active:first-child {
        border-bottom: solid 1px #c0c0c0; }
    .sell .advice-area .optimize-diversion {
      background: #ffffff; }
      .sell .advice-area .optimize-diversion .aheader {
        height: 38px;
        background: #d7d7d7;
        color: #333333;
        padding: 0px 14px 0px 14px;
        font-size: 10px;
        text-align: right;
        display: flex;
        justify-content: flex-start;
        align-items: center; }
        .sell .advice-area .optimize-diversion .aheader .title {
          width: 124px;
          height: 100%;
          display: flex;
          align-items: center; }
        .sell .advice-area .optimize-diversion .aheader .title-ratio {
          width: 40px;
          height: 100%;
          display: flex;
          align-items: flex-end;
          justify-content: center;
          flex-direction: column;
          row-gap: 3px; }
        .sell .advice-area .optimize-diversion .aheader .title-price {
          width: 112px;
          height: 100%;
          display: flex;
          align-items: flex-end;
          justify-content: center;
          flex-direction: column;
          row-gap: 3px; }
      .sell .advice-area .optimize-diversion .row {
        border-bottom: solid 1px #d7d7d7;
        display: flex;
        justify-content: left;
        align-items: center;
        height: 48px; }
        .sell .advice-area .optimize-diversion .row .asset-color {
          width: 8px;
          height: 100%; }
        .sell .advice-area .optimize-diversion .row .link {
          width: 130px;
          display: inline-block;
          padding-left: 6px;
          font-size: 11px; }
        .sell .advice-area .optimize-diversion .row .ratio {
          width: 40px;
          display: flex;
          flex-direction: column;
          align-items: flex-end;
          justify-content: center;
          row-gap: 4px; }
        .sell .advice-area .optimize-diversion .row .price {
          width: 112px;
          display: flex;
          flex-direction: column;
          align-items: flex-end;
          justify-content: center;
          row-gap: 4px; }
        .sell .advice-area .optimize-diversion .row .img {
          margin: 8px;
          width: 13px;
          height: 9px;
          text-align: right; }
    .sell .advice-area .select-funds {
      background: #ffffff; }
      .sell .advice-area .select-funds .row {
        border-bottom: solid 1px #d7d7d7;
        display: flex;
        justify-content: left; }
        .sell .advice-area .select-funds .row img {
          width: 13px;
          height: 10px;
          margin-left: 6px; }
        .sell .advice-area .select-funds .row .link {
          display: inline-block;
          padding: 18px 14px;
          flex: 1;
          line-height: 1.5; }
    .sell .advice-area .asset-classes {
      background: #ffffff; }
      .sell .advice-area .asset-classes .row {
        border-bottom: solid 1px #d7d7d7;
        display: flex;
        justify-content: left; }
        .sell .advice-area .asset-classes .row .asset-color {
          width: 8px; }
        .sell .advice-area .asset-classes .row img {
          width: 13px;
          height: 10px;
          margin-left: 6px; }
        .sell .advice-area .asset-classes .row .link {
          display: inline-block;
          padding: 18px 18px; }
  .sell .not-advice {
    padding: 28px 32px;
    border-bottom: solid 1px #d7d7d7; }
    .sell .not-advice pre {
      white-space: pre-line;
      line-height: 1.5;
      margin: 0; }
  .sell .modal-background {
    z-index: 9998;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }
  .sell .modal-warp {
    display: flex;
    justify-content: center;
    z-index: 9999;
    position: fixed;
    width: 90%;
    top: 30%;
    left: 5%;
    font-size: 10px; }
    .sell .modal-warp .close {
      width: 15px;
      height: 15px;
      float: right;
      margin-top: -37px;
      margin-right: 20px; }
    .sell .modal-warp .portfolio-currency {
      width: 290px;
      background: #ffffff;
      border-radius: 10px;
      box-shadow: 0px 2px 5px #616161;
      text-align: left; }
    .sell .modal-warp .currencyTable {
      width: 100%;
      text-align: center;
      padding-top: 16px;
      padding-bottom: 16px;
      font-size: 10px; }
      .sell .modal-warp .currencyTable .currencyTable-title {
        width: 256px;
        margin: 0 auto 16px;
        text-align: left;
        font-size: 14px;
        font-weight: bold; }
      .sell .modal-warp .currencyTable .titles {
        background-color: #eeeeee; }
      .sell .modal-warp .currencyTable .contents {
        text-align: right;
        font-size: 12px; }
      .sell .modal-warp .currencyTable table {
        width: 260px;
        margin: 0 16px; }
        .sell .modal-warp .currencyTable table th {
          width: 60px;
          background-color: #eeeeee;
          font-weight: normal; }
        .sell .modal-warp .currencyTable table tr,
        .sell .modal-warp .currencyTable table td {
          border: 1px solid #d7d7d7;
          padding: 5px; }

.fund-search-dialog {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: none;
  font-size: 14px;
  padding: 0;
  background: #f7f7f7;
  z-index: 9999; }
  .fund-search-dialog .fund-search-header {
    width: 100%;
    height: 64px;
    left: 0;
    top: 0;
    background: #faf1d0;
    padding: 14px 10px;
    line-height: 1;
    z-index: 2030;
    position: fixed; }
    .fund-search-dialog .fund-search-header .back {
      height: 24px;
      width: 24px;
      margin-top: -10px; }
    .fund-search-dialog .fund-search-header .fund-serach-text {
      margin-left: 10px;
      margin-top: 10px;
      border-right: none;
      border-left: none;
      border-top: none;
      font-size: 16px;
      height: 25px; }
  .fund-search-dialog .fund-search-warp {
    overflow-y: scroll;
    padding-top: 64px;
    height: 100%; }
    .fund-search-dialog .fund-search-warp .fund-not-find {
      color: #9e9e9e;
      text-align: center; }
    .fund-search-dialog .fund-search-warp .fund-list {
      border-bottom: 1px solid #cccccc;
      min-height: 48px;
      padding: 10px 5px 10px 0px; }
      .fund-search-dialog .fund-search-warp .fund-list ul {
        margin: 0;
        padding: 0;
        padding-inline-start: 15px; }
      .fund-search-dialog .fund-search-warp .fund-list li {
        display: list-item;
        background: #ffffff;
        border-bottom: solid 1px #d7d7d7;
        padding-left: 8px; }
      .fund-search-dialog .fund-search-warp .fund-list .fund {
        font-size: 15px;
        display: inline-flex; }

.vision-checkbox {
  font-size: 13px; }
  .vision-checkbox input {
    display: none; }
  .vision-checkbox .cb {
    top: 2px;
    width: 16px;
    height: 16px;
    border-radius: 2px;
    border: solid 1px #9e9e9e;
    display: inline-block;
    position: relative;
    margin-right: 4px;
    background: #ffffff; }
    .vision-checkbox .cb img {
      width: 13px;
      height: 10px;
      position: absolute;
      top: 3px;
      left: 1px; }
  .vision-checkbox .label span {
    font-weight: bold; }
  .vision-checkbox .label.disabled {
    color: #bfbfbf; }
  .vision-checkbox input:checked + .cb {
    background: #2eb975;
    border: none; }

.vision-selectbox {
  font-size: 14px; }
  .vision-selectbox .select-month {
    width: 100%; }

.toggle-checkbox {
  position: relative;
  width: 50px;
  line-height: 17px; }
  .toggle-checkbox input {
    display: none; }
  .toggle-checkbox .parts {
    content: "";
    display: inline-block;
    width: 50px;
    height: 17px;
    border-radius: 15px;
    background: #BDBDBD;
    position: absolute; }
  .toggle-checkbox .parts::before {
    content: "";
    position: absolute;
    z-index: 0;
    padding-top: 1px;
    font-size: 12px;
    font-weight: bold;
    color: #eeeeee; }
  .toggle-checkbox input:checked + .parts::before {
    content: "ON";
    left: 10px; }
  .toggle-checkbox input:not(:checked) + .parts::before {
    content: "OFF";
    left: 19px; }
  .toggle-checkbox .parts::after {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    width: 13px;
    height: 13px;
    background: #eeeeee;
    border-radius: 50%;
    transition: 0.2s; }
  .toggle-checkbox input:checked + .parts::after {
    left: 35px; }
  .toggle-checkbox input:checked + .parts {
    background: #AD9951; }

.dialog-background {
  height: 90%;
  width: 93%;
  margin-top: 50px;
  margin-left: 10px;
  overflow: scroll; }
  .dialog-background .dialog-warp {
    justify-content: center;
    background-color: #ffffff;
    padding: 17px;
    z-index: 9999;
    border-radius: 15px;
    box-shadow: 0px 2px 5px #616161; }
  .dialog-background .dialog-page {
    height: 425px; }
    .dialog-background .dialog-page .close {
      height: 15px;
      width: 100%;
      margin-right: 4px; }
      .dialog-background .dialog-page .close img {
        width: 15px;
        height: 15px;
        float: right; }

.error {
  color: #e01515;
  text-align: center;
  font-size: 11px;
  margin-top: 30px; }

.botton-warp {
  text-align: center;
  margin-bottom: 15px; }
  .botton-warp .regular-button {
    width: 43%;
    height: 32px;
    margin: 0 5px; }
  .botton-warp .regular-button:hover {
    background-color: #ffffff;
    outline: 0; }
  .botton-warp .negative {
    border: solid 2px #bdbdbd;
    color: #9e9e9e; }
  .botton-warp .conversion-button {
    width: 43%;
    height: 32px;
    margin: 0 5px; }
  .botton-warp .prev {
    float: left;
    width: 12px;
    height: 12px;
    transform: rotate(180deg); }
  .botton-warp .next {
    float: right;
    width: 12px;
    height: 12px; }

.dot-warp {
  margin-bottom: 10px;
  text-align: center;
  width: 100%; }
  .dot-warp .dot_current {
    width: 10px;
    height: 10px;
    margin: 0 6px;
    display: inline-block;
    border-radius: 50%;
    background-color: #ffc700; }
  .dot-warp .dot_on {
    width: 6px;
    height: 6px;
    margin: 0 6px;
    display: inline-block;
    border-radius: 50%;
    background-color: #ffc700; }
  .dot-warp .dot_off {
    width: 6px;
    height: 6px;
    margin: 0 6px;
    display: inline-block;
    border-radius: 50%;
    background-color: #e0e0e0; }

.popup-help {
  position: relative;
  display: inline; }
  .popup-help .help {
    cursor: pointer; }
    .popup-help .help span {
      margin-left: 8px; }
  .popup-help .help-backdrop {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1000; }
  .popup-help .container {
    display: none;
    position: absolute;
    text-align: left; }
    .popup-help .container .arrow-outer {
      border-bottom: 7px solid #e1dcc8;
      border-left: 7px solid transparent;
      border-right: 7px solid transparent;
      position: absolute;
      z-index: 1002; }
    .popup-help .container .arrow-inner {
      border-bottom: 6px solid #faf1d0;
      border-left: 6px solid transparent;
      border-right: 6px solid transparent;
      position: absolute;
      top: 2px;
      z-index: 1003; }
    .popup-help .container .help-content {
      background-color: #faf1d0;
      border: 1px solid #e1dcc8;
      padding: 16px 15px;
      position: absolute;
      top: 7px;
      width: 100%;
      z-index: 1001; }
    .popup-help .container .help-title {
      color: #333333;
      font-size: 14px;
      font-weight: bold;
      margin-bottom: 8px; }
    .popup-help .container .help-text {
      color: #333333;
      line-height: 1.5;
      font-size: 12px;
      font-weight: normal; }
    .popup-help .container .help-close {
      cursor: pointer;
      position: absolute;
      right: 13px;
      top: 24px;
      z-index: 1002; }

.life-plan-simulation-chart .label-income {
  font-size: 6px;
  font-weight: normal;
  position: absolute;
  left: 5px; }

.life-plan-simulation-chart .label-asset {
  font-size: 6px;
  font-weight: normal;
  position: absolute;
  right: 5px; }

.life-plan-simulation-chart .chart-area {
  height: 297px;
  margin: 8px 0 0 -13px; }

@charset "UTF-8";
.risk-return-chart .chart-area {
  display: flex;
  justify-content: center; }
  .risk-return-chart .chart-area .chart-wrap {
    display: inline-block; }
    .risk-return-chart .chart-area .chart-wrap .chart {
      display: inline-block;
      width: 220px;
      height: 148px; }
    .risk-return-chart .chart-area .chart-wrap .axis {
      font-size: 10px; }
    .risk-return-chart .chart-area .chart-wrap .axis.y {
      writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
      /* IE用　*/
      -webkit-writing-mode: vertical-rl;
      /* chrome用　*/
      -o-writing-mode: vertical-rl;
      /* opera用　*/
      display: inline-block;
      height: 148px;
      margin-right: 10px;
      font-weight: normal; }
      .risk-return-chart .chart-area .chart-wrap .axis.y .wap {
        display: flex;
        justify-content: space-between; }
    .risk-return-chart .chart-area .chart-wrap .axis.x {
      display: flex;
      justify-content: space-between;
      width: 220px;
      margin-top: 10px;
      margin-left: 25px;
      font-weight: normal; }

.risk-return-chart .action-area {
  height: 34px;
  padding: 0px 16px;
  background: #f7f7f7;
  border-radius: 3px;
  margin: 14px 16px 0;
  display: flex;
  align-items: center;
  font-size: 10px;
  font-weight: normal; }
  .risk-return-chart .action-area span {
    font-size: 10px;
    margin-right: 8px; }
    .risk-return-chart .action-area span img {
      width: 12px;
      height: auto;
      margin: -4px 4px 0 0; }
  .risk-return-chart .action-area span.frontier::before {
    content: "";
    margin: -4px 4px 0 0;
    border-top: solid 2px #bdbdbd;
    width: 14px;
    height: 4px;
    display: inline-block;
    vertical-align: middle; }

.mode-usage-guide-dialog {
  width: 85%;
  justify-content: center;
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0px 5px 15px #00000080;
  z-index: 9999;
  margin: 12% 7%; }
  .mode-usage-guide-dialog .usage-guide-header {
    font-size: 14px;
    font-weight: bold;
    color: #333333;
    padding: 13px 0px 0px 13px; }
    .mode-usage-guide-dialog .usage-guide-header .back {
      height: 12px;
      width: 12px;
      margin-right: 12px;
      float: right; }
  .mode-usage-guide-dialog .usage-guide-warp {
    overflow-y: scroll;
    height: 100%;
    padding: 20px 10px;
    font-size: 12px; }
    .mode-usage-guide-dialog .usage-guide-warp .simple-discrption {
      font-weight: 600; }
    .mode-usage-guide-dialog .usage-guide-warp .list {
      padding: 2px 4px; }
      .mode-usage-guide-dialog .usage-guide-warp .list .color {
        margin: 0px 10px;
        font-size: 16px; }
      .mode-usage-guide-dialog .usage-guide-warp .list .text {
        font-size: 16px; }

.edit-bucketing-dialog {
  position: absolute;
  padding-bottom: 70px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: none;
  font-size: 14px;
  background: #f7f7f7; }
  .edit-bucketing-dialog .edit-bucketing-header {
    width: 100%;
    padding: 10px 10px;
    line-height: 1; }
    .edit-bucketing-dialog .edit-bucketing-header .header-warp {
      margin-top: 10px; }
      .edit-bucketing-dialog .edit-bucketing-header .header-warp .back {
        height: 12px;
        width: 12px;
        vertical-align: top; }
      .edit-bucketing-dialog .edit-bucketing-header .header-warp .title {
        font-size: 14px;
        font-weight: bold;
        width: 90%;
        display: inline-block; }
  .edit-bucketing-dialog .edit-bucketing-body {
    overflow-y: scroll;
    height: 90%; }
    .edit-bucketing-dialog .edit-bucketing-body .titles {
      height: 32px;
      padding: 0 8px;
      align-items: center;
      background: #dcdddd;
      font-size: 12px;
      font-weight: bold;
      line-height: 1.1;
      display: flex;
      justify-content: space-between; }
    .edit-bucketing-dialog .edit-bucketing-body .forms {
      font-size: 16px; }
      .edit-bucketing-dialog .edit-bucketing-body .forms .bucketing-wrap {
        background: #ffffff;
        padding: 0 10px;
        border-bottom: solid 1px #d7d7d7;
        display: flex;
        align-items: center;
        width: 100%;
        height: 40px; }
        .edit-bucketing-dialog .edit-bucketing-body .forms .bucketing-wrap .asset-class {
          width: 60%;
          display: -webkit-inline-box; }
          .edit-bucketing-dialog .edit-bucketing-body .forms .bucketing-wrap .asset-class .title {
            display: flex;
            align-items: center;
            height: 40px;
            color: #616161;
            font-size: 15px; }
          .edit-bucketing-dialog .edit-bucketing-body .forms .bucketing-wrap .asset-class .asset-color {
            margin: 9px 5px 0px -3px;
            height: 20px;
            width: 5px; }
        .edit-bucketing-dialog .edit-bucketing-body .forms .bucketing-wrap .input-amount {
          width: 30%;
          margin-right: 5px;
          color: #333333; }
      .edit-bucketing-dialog .edit-bucketing-body .forms .percent {
        display: flex;
        height: 40px;
        margin-top: 14px;
        margin-left: -8px;
        color: #616161;
        width: 5%; }
      .edit-bucketing-dialog .edit-bucketing-body .forms .img {
        text-align: right;
        display: inline-block;
        width: 5%;
        height: 40px;
        margin-top: 14px; }
  .edit-bucketing-dialog .edit-bucketing-footer {
    width: 100%;
    height: 10%;
    background: #ffffff;
    border-top: solid 1px #d7d7d7;
    position: fixed;
    bottom: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 1200;
    padding: 0px 15px 0px 10px; }
    .edit-bucketing-dialog .edit-bucketing-footer .conversion-button {
      width: 30%;
      padding: 9px 0px; }
    .edit-bucketing-dialog .edit-bucketing-footer .regular-button {
      width: 30%;
      padding: 9px 0px; }

.edit-ext-amount-dialog {
  position: absolute;
  padding-bottom: 70px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: none;
  font-size: 16px;
  background: #ffffff; }
  .edit-ext-amount-dialog .edit-ext-amount-header {
    width: 100%;
    padding: 10px 10px;
    line-height: 1;
    background: #f7f7f7; }
    .edit-ext-amount-dialog .edit-ext-amount-header .header-warp {
      margin-top: 10px; }
      .edit-ext-amount-dialog .edit-ext-amount-header .header-warp .back {
        height: 12px;
        width: 12px;
        vertical-align: top; }
      .edit-ext-amount-dialog .edit-ext-amount-header .header-warp .title {
        font-size: 14px;
        font-weight: bold;
        width: 90%;
        display: inline-block; }
  .edit-ext-amount-dialog .edit-ext-amount-body {
    overflow-y: scroll;
    height: 90%; }
    .edit-ext-amount-dialog .edit-ext-amount-body .segment-control {
      position: relative;
      display: flex;
      height: 40px;
      margin: 15px 8px 30px;
      padding: 4px;
      border-radius: 4px;
      background-color: #F5F5F5;
      z-index: 0; }
      .edit-ext-amount-dialog .edit-ext-amount-body .segment-control .segment {
        display: flex;
        flex: 1;
        align-items: center;
        justify-content: center;
        font-size: 13px;
        color: #808080;
        transition: all 0.2s ease-in;
        z-index: 2;
        cursor: pointer;
        border: none; }
        .edit-ext-amount-dialog .edit-ext-amount-body .segment-control .segment.active-segment {
          color: #FFFFFF;
          font-weight: 600; }
      .edit-ext-amount-dialog .edit-ext-amount-body .segment-control .active-segment-background {
        position: absolute;
        width: 148px;
        height: 32px;
        border-radius: 4px;
        background-color: #ad9951;
        top: 4px;
        z-index: 1; }
    .edit-ext-amount-dialog .edit-ext-amount-body .auto-calc-toggle-area {
      padding: 0 10px;
      border-bottom: solid 1px #d7d7d7;
      display: flex;
      align-items: center;
      width: 100%;
      height: 60px;
      justify-content: space-between; }
      .edit-ext-amount-dialog .edit-ext-amount-body .auto-calc-toggle-area .title {
        display: flex;
        align-items: center;
        height: 60px;
        color: #616161;
        font-size: 15px; }
    .edit-ext-amount-dialog .edit-ext-amount-body .rows {
      position: relative;
      padding: 0 10px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      height: 30px;
      margin: 5px 0; }
      .edit-ext-amount-dialog .edit-ext-amount-body .rows.margin-top {
        margin-top: 30px; }
      .edit-ext-amount-dialog .edit-ext-amount-body .rows .title {
        display: flex;
        align-items: center;
        color: #616161;
        font-size: 15px; }
      .edit-ext-amount-dialog .edit-ext-amount-body .rows .amount-label {
        color: #333333;
        font-size: 16px;
        font-weight: 400; }
        .edit-ext-amount-dialog .edit-ext-amount-body .rows .amount-label.bold {
          font-size: 18px;
          font-weight: 700; }
      .edit-ext-amount-dialog .edit-ext-amount-body .rows .input-amount-field {
        display: flex;
        align-items: center;
        color: #333333;
        border: 1px solid #D7D7D7;
        width: 150px;
        height: 24px; }
      .edit-ext-amount-dialog .edit-ext-amount-body .rows .standard-date {
        position: absolute;
        right: 10px;
        bottom: -13px;
        text-align: right;
        color: #808080;
        font-size: 14px;
        font-weight: 400; }
  .edit-ext-amount-dialog .edit-ext-amount-footer {
    width: 100%;
    height: 10%;
    background: #ffffff;
    border-top: solid 1px #d7d7d7;
    position: fixed;
    bottom: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 1200;
    padding: 0px 24px; }
    .edit-ext-amount-dialog .edit-ext-amount-footer .conversion-button {
      width: 40%;
      padding: 9px 0px; }
    .edit-ext-amount-dialog .edit-ext-amount-footer .regular-button {
      width: 40%;
      padding: 9px 0px; }

.edit-portfolio {
  margin: 0 auto;
  line-height: 1;
  background-color: #ffffff; }
  .edit-portfolio .portfolio-confirm {
    display: flex;
    justify-content: space-around;
    background-color: #ffffff; }
    .edit-portfolio .portfolio-confirm .portfolio-header {
      height: 35px; }
      .edit-portfolio .portfolio-confirm .portfolio-header .title {
        font-size: 13px;
        text-align: center; }
    .edit-portfolio .portfolio-confirm .portfolio-warp {
      display: flex;
      justify-content: space-around;
      background-color: #ffffff; }
    .edit-portfolio .portfolio-confirm .current-portfolio {
      width: 150px; }
      .edit-portfolio .portfolio-confirm .current-portfolio .score-wap {
        margin-top: 24px; }
        .edit-portfolio .portfolio-confirm .current-portfolio .score-wap .title {
          font-size: 10px;
          font-weight: bold; }
        .edit-portfolio .portfolio-confirm .current-portfolio .score-wap .wap {
          display: flex;
          justify-content: center;
          margin-top: 10px; }
          .edit-portfolio .portfolio-confirm .current-portfolio .score-wap .wap .score {
            font-size: 27px;
            font-weight: bold; }
          .edit-portfolio .portfolio-confirm .current-portfolio .score-wap .wap .point {
            font-size: 17px;
            font-weight: bold; }
          .edit-portfolio .portfolio-confirm .current-portfolio .score-wap .wap .level {
            font-size: 17px;
            margin-top: 4px; }
    .edit-portfolio .portfolio-confirm .vision-portfolio {
      background-color: #ffffff;
      width: 150px; }
      .edit-portfolio .portfolio-confirm .vision-portfolio .positivity {
        font-size: 14px;
        font-weight: bold;
        text-align: center;
        margin-top: 80px; }
        .edit-portfolio .portfolio-confirm .vision-portfolio .positivity .market-view {
          font-weight: normal;
          font-size: 9px;
          display: none; }
          .edit-portfolio .portfolio-confirm .vision-portfolio .positivity .market-view img {
            width: 28px;
            height: auto;
            margin-top: 5px; }
        .edit-portfolio .portfolio-confirm .vision-portfolio .positivity .market-view.visible {
          display: inline-block; }
        .edit-portfolio .portfolio-confirm .vision-portfolio .positivity .positivity-title {
          line-height: 1.5em; }
      .edit-portfolio .portfolio-confirm .vision-portfolio .positivity.visible {
        margin-top: 70px; }
      .edit-portfolio .portfolio-confirm .vision-portfolio .change-link {
        text-align: center;
        font-size: 12px;
        margin-top: 8px; }
        .edit-portfolio .portfolio-confirm .vision-portfolio .change-link img {
          width: auto;
          height: 10px;
          margin-right: 4px;
          vertical-align: top; }
      .edit-portfolio .portfolio-confirm .vision-portfolio .line {
        width: 90%;
        border-top: solid 1px #e0e0e0;
        margin: 10px auto 14px; }
      .edit-portfolio .portfolio-confirm .vision-portfolio .risk-wap {
        height: 15px;
        margin-top: 10px;
        width: 140px; }
        .edit-portfolio .portfolio-confirm .vision-portfolio .risk-wap .title {
          letter-spacing: 1px;
          font-size: 11px; }
        .edit-portfolio .portfolio-confirm .vision-portfolio .risk-wap .title-unit {
          font-size: 14px; }
        .edit-portfolio .portfolio-confirm .vision-portfolio .risk-wap .risk {
          text-align: center;
          font-size: 13px;
          font-weight: bold;
          margin-top: 8px; }
          .edit-portfolio .portfolio-confirm .vision-portfolio .risk-wap .risk span {
            font-size: 18px; }
        .edit-portfolio .portfolio-confirm .vision-portfolio .risk-wap .risk-help {
          margin: -14px -3px 0 0;
          font-size: 9px;
          color: #193a9e;
          text-align: right;
          line-height: 14px; }
    .edit-portfolio .portfolio-confirm .portfolio-chart {
      height: 220px;
      padding: 0px 10px; }
      .edit-portfolio .portfolio-confirm .portfolio-chart .pai {
        display: flex;
        justify-content: center; }
      .edit-portfolio .portfolio-confirm .portfolio-chart .star-on {
        color: #ffdf80;
        text-shadow: 1px 1px 0px #edd1b4; }
      .edit-portfolio .portfolio-confirm .portfolio-chart .star-off {
        color: #e0e0e0;
        margin-top: 1px; }
      .edit-portfolio .portfolio-confirm .portfolio-chart .lavel {
        position: relative;
        top: -78px;
        left: 33px;
        font-size: 13px; }
    .edit-portfolio .portfolio-confirm .portfolio-currency {
      background-color: #ffffff;
      width: 100%;
      text-align: left; }
    .edit-portfolio .portfolio-confirm .currencyTable {
      width: 100%;
      text-align: center;
      padding-bottom: 40px;
      font-size: 10px;
      border-bottom: 1px solid #d7d7d7; }
      .edit-portfolio .portfolio-confirm .currencyTable .currencyTable-title {
        width: 300px;
        margin: 0 auto 5px;
        text-align: left;
        font-size: 14px;
        font-weight: bold; }
      .edit-portfolio .portfolio-confirm .currencyTable .titles {
        background-color: #eeeeee; }
      .edit-portfolio .portfolio-confirm .currencyTable .contents {
        text-align: right; }
      .edit-portfolio .portfolio-confirm .currencyTable table {
        width: 300px;
        margin: 0 auto; }
        .edit-portfolio .portfolio-confirm .currencyTable table th {
          width: 60px;
          background-color: #eeeeee;
          font-weight: normal; }
        .edit-portfolio .portfolio-confirm .currencyTable table tr,
        .edit-portfolio .portfolio-confirm .currencyTable table td {
          border: 1px solid #d7d7d7;
          padding: 5px; }
  .edit-portfolio .portfolio-confirm-vision-back {
    background: #f7f7f7; }
  .edit-portfolio .edit-header {
    width: 100%;
    height: 42px;
    background: #ffffff;
    padding: 14px 10px;
    font-size: 14px;
    z-index: 2030; }
    .edit-portfolio .edit-header a {
      float: right; }
    .edit-portfolio .edit-header img {
      width: 12px;
      height: 12px;
      margin-right: 8px; }
  .edit-portfolio .edit-wrap {
    height: 100%; }
    .edit-portfolio .edit-wrap .account-tab-wrap {
      display: flex;
      justify-content: left;
      height: 36px;
      align-items: flex-end;
      overflow-x: scroll;
      overflow-y: hidden;
      font-size: 14px;
      background-color: #ffffff; }
      .edit-portfolio .edit-wrap .account-tab-wrap .account-tab-scroll-wrap {
        display: flex;
        justify-content: left;
        border-bottom: solid 1px #bdbdbd;
        white-space: nowrap;
        width: -webkit-fill-available; }
        .edit-portfolio .edit-wrap .account-tab-wrap .account-tab-scroll-wrap .tab {
          border-radius: 4px 4px 0px 0px;
          flex-grow: 2;
          text-align: center;
          color: #193a9e;
          padding: 0px 8px;
          margin-left: 2px;
          height: 36px;
          line-height: 32px;
          background: #f5f5f5;
          transform: translateY(1px);
          border: solid 1px #bdbdbd;
          z-index: 1;
          white-space: nowrap; }
        .edit-portfolio .edit-wrap .account-tab-wrap .account-tab-scroll-wrap .tab:last-child {
          margin-right: 6px; }
        .edit-portfolio .edit-wrap .account-tab-wrap .account-tab-scroll-wrap .tab:first-child {
          margin-left: 8px; }
        .edit-portfolio .edit-wrap .account-tab-wrap .account-tab-scroll-wrap .tab.active {
          font-weight: bold;
          color: #333333;
          border-bottom: none;
          background: #ffffff; }
        .edit-portfolio .edit-wrap .account-tab-wrap .account-tab-scroll-wrap .single:last-child {
          margin-right: 58%; }
    .edit-portfolio .edit-wrap .account-check-all {
      padding: 16px 10px 0; }
    .edit-portfolio .edit-wrap .asset-tab-wrap {
      position: relative; }
      .edit-portfolio .edit-wrap .asset-tab-wrap .scroll-container {
        position: relative;
        overflow-x: auto;
        background-color: #F5F5F5;
        border-radius: 4px;
        padding: 4px;
        display: flex;
        flex-wrap: nowrap;
        margin: 10px 8px;
        z-index: 0; }
        .edit-portfolio .edit-wrap .asset-tab-wrap .scroll-container .asset-tab {
          width: auto;
          height: 24px;
          padding: 4px;
          margin: 2px;
          font-size: 13px;
          font-weight: 300;
          color: #808080;
          display: flex;
          justify-content: center;
          align-items: center;
          z-index: 2;
          white-space: nowrap; }
          .edit-portfolio .edit-wrap .asset-tab-wrap .scroll-container .asset-tab.asset-active-tab {
            font-size: 13px;
            font-weight: 600;
            color: #ffffff;
            transition: all 0.2s ease-in; }
        .edit-portfolio .edit-wrap .asset-tab-wrap .scroll-container .active-asset-tab-background {
          position: absolute;
          height: 24px;
          background-color: #ad9951;
          border-radius: 4px;
          z-index: 1;
          transition: all 0.2s ease-in; }
      .edit-portfolio .edit-wrap .asset-tab-wrap .right-blur-overlay {
        position: absolute;
        top: 0px;
        right: 7.5px;
        height: 100%;
        width: calc(100% / 4);
        border-radius: 4px;
        background: linear-gradient(to right, rgba(245, 245, 245, 0), rgba(245, 245, 245, var(--alpha-value, 1)));
        z-index: 3;
        pointer-events: none; }
      .edit-portfolio .edit-wrap .asset-tab-wrap .left-blur-overlay {
        position: absolute;
        top: 0px;
        left: 8px;
        height: 100%;
        width: calc(100% / 4);
        border-radius: 4px;
        background: linear-gradient(to left, rgba(245, 245, 245, 0), rgba(245, 245, 245, var(--alpha-value, 0)));
        z-index: 3;
        pointer-events: none; }
    .edit-portfolio .edit-wrap .cash-tab-wrap {
      position: relative;
      display: flex;
      flex-wrap: wrap;
      background-color: #F5F5F5;
      border-radius: 4px;
      padding: 4px;
      margin: 10px 8px;
      z-index: 0; }
      .edit-portfolio .edit-wrap .cash-tab-wrap .cash-tab {
        flex: 1 1 0;
        height: 24px;
        padding: 4px;
        margin: 2px;
        font-size: 13px;
        font-weight: 300;
        color: #808080;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 2; }
        .edit-portfolio .edit-wrap .cash-tab-wrap .cash-tab.cash-active-tab {
          font-size: 13px;
          font-weight: 600;
          color: #ffffff;
          transition: all 0.2s ease-in; }
      .edit-portfolio .edit-wrap .cash-tab-wrap .active-cash-tab-background {
        position: absolute;
        height: 24px;
        background-color: #ad9951;
        border-radius: 4px;
        z-index: 1;
        transition: all 0.2s ease-in; }
    .edit-portfolio .edit-wrap .fund-serach {
      height: 40px;
      border-radius: 8px;
      margin: 8px 8px;
      border: 1px solid rgba(0, 0, 0, 0.1);
      display: flex;
      align-items: center; }
      .edit-portfolio .edit-wrap .fund-serach .serach-icon {
        margin: 0 6px 0 11px;
        width: 16px;
        height: 16px; }
      .edit-portfolio .edit-wrap .fund-serach .fund-serach-text {
        color: #999999;
        font-size: 14px;
        width: 100%;
        height: 100%;
        border: none;
        display: flex;
        align-items: center; }
    .edit-portfolio .edit-wrap .account-cash {
      height: 40px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 0 16px 0 10px;
      color: #808080;
      font-size: 13px;
      font-weight: 300; }
      .edit-portfolio .edit-wrap .account-cash.disabled {
        color: #bfbfbf; }
      .edit-portfolio .edit-wrap .account-cash .date {
        font-size: 12px;
        color: #9e9e9e;
        text-align: right; }
    .edit-portfolio .edit-wrap .asset-list {
      margin-bottom: 70px; }
      .edit-portfolio .edit-wrap .asset-list .asset-header {
        color: #333333;
        background: #d7d7d7;
        font-size: 10px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0px 22px 0px 48px;
        height: 18px; }
      .edit-portfolio .edit-wrap .asset-list .asset-body {
        background: #ffffff; }
        .edit-portfolio .edit-wrap .asset-list .asset-body .row {
          min-height: 62px;
          border-bottom: solid 1px #d7d7d7;
          padding-right: 10px;
          display: flex;
          justify-content: space-between; }
          .edit-portfolio .edit-wrap .asset-list .asset-body .row .vision-checkbox {
            min-width: 32px;
            margin-top: 8px;
            margin-right: 2px;
            font-size: 13px;
            display: flex; }
            .edit-portfolio .edit-wrap .asset-list .asset-body .row .vision-checkbox .cb {
              left: 10px; }
          .edit-portfolio .edit-wrap .asset-list .asset-body .row.asset-check-all {
            display: flex;
            align-items: center; }
            .edit-portfolio .edit-wrap .asset-list .asset-body .row.asset-check-all .vision-checkbox {
              margin: 0;
              margin-bottom: 2px; }
            .edit-portfolio .edit-wrap .asset-list .asset-body .row.asset-check-all .asset-check-text {
              flex-grow: 2;
              width: 68%;
              margin: 8px 0;
              display: flex;
              font-size: 14px; }
              .edit-portfolio .edit-wrap .asset-list .asset-body .row.asset-check-all .asset-check-text span {
                max-width: 80%; }
              .edit-portfolio .edit-wrap .asset-list .asset-body .row.asset-check-all .asset-check-text .category {
                font-weight: 600; }
            .edit-portfolio .edit-wrap .asset-list .asset-body .row.asset-check-all.disabled {
              color: #bfbfbf; }
          .edit-portfolio .edit-wrap .asset-list .asset-body .row .fund-link {
            flex-grow: 2;
            width: 64%;
            margin: 8px 0; }
            .edit-portfolio .edit-wrap .asset-list .asset-body .row .fund-link span {
              max-width: 80%; }
          .edit-portfolio .edit-wrap .asset-list .asset-body .row .fund-link-name {
            flex-grow: 2;
            width: 68%;
            margin: 8px 0;
            display: flex; }
          .edit-portfolio .edit-wrap .asset-list .asset-body .row .amount {
            white-space: nowrap;
            display: block;
            align-items: center;
            float: right;
            text-align: right;
            min-width: 40px; }
          .edit-portfolio .edit-wrap .asset-list .asset-body .row .vision-editmenu {
            position: relative;
            width: 24px;
            height: auto;
            margin-top: 10px; }
          .edit-portfolio .edit-wrap .asset-list .asset-body .row .ext-name {
            margin-top: 12px;
            flex-grow: 2;
            font-size: 14px;
            display: flex;
            width: 35%; }
          .edit-portfolio .edit-wrap .asset-list .asset-body .row .ext-name.disable {
            color: #9e9e9e; }
          .edit-portfolio .edit-wrap .asset-list .asset-body .row .bucketing-wrap {
            padding-top: 10px;
            width: 35%; }
            .edit-portfolio .edit-wrap .asset-list .asset-body .row .bucketing-wrap .amount {
              text-align: right;
              width: 100%; }
            .edit-portfolio .edit-wrap .asset-list .asset-body .row .bucketing-wrap .input-amount {
              display: flex;
              align-items: center;
              border: 1px solid #D7D7D7;
              box-shadow: 1px 1px 1px #d9d9d9; }
              .edit-portfolio .edit-wrap .asset-list .asset-body .row .bucketing-wrap .input-amount input {
                text-align: right;
                width: 137px;
                height: 24px;
                border: solid 1px #D7D7D7;
                box-shadow: 1px 1px 1px #d9d9d9; }
              .edit-portfolio .edit-wrap .asset-list .asset-body .row .bucketing-wrap .input-amount span label {
                font-size: 16px;
                padding: 3px 5px;
                width: 150px;
                height: 26px; }
            .edit-portfolio .edit-wrap .asset-list .asset-body .row .bucketing-wrap .bucketing {
              width: 70%;
              height: 10px;
              float: right;
              margin-top: 8px;
              background: #f27979; }
              .edit-portfolio .edit-wrap .asset-list .asset-body .row .bucketing-wrap .bucketing .ratio {
                float: left;
                height: 10px; }
        .edit-portfolio .edit-wrap .asset-list .asset-body .row.disabled:not(.asset-check-all) {
          color: #9e9e9e; }
          .edit-portfolio .edit-wrap .asset-list .asset-body .row.disabled:not(.asset-check-all) .vision-checkbox {
            min-width: 32px;
            margin-top: 8px;
            margin-right: 2px;
            font-size: 13px;
            display: flex; }
            .edit-portfolio .edit-wrap .asset-list .asset-body .row.disabled:not(.asset-check-all) .vision-checkbox .cb {
              background: #eeeeee; }
              .edit-portfolio .edit-wrap .asset-list .asset-body .row.disabled:not(.asset-check-all) .vision-checkbox .cb img {
                display: none; }
  .edit-portfolio .edit-footer {
    width: 100%;
    height: 70px;
    background: #ffffff;
    border-top: solid 1px #d7d7d7;
    position: fixed;
    bottom: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 1030;
    padding: 0px 15px 0px 10px; }
    .edit-portfolio .edit-footer .pai {
      position: relative; }
      .edit-portfolio .edit-footer .pai .score {
        position: absolute;
        font-weight: bold;
        color: #ffffff;
        font-size: 22px;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        text-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }
    .edit-portfolio .edit-footer .amount-wrap {
      flex-grow: 2;
      padding-left: 15px; }
      .edit-portfolio .edit-footer .amount-wrap .atitle {
        font-size: 9px; }
      .edit-portfolio .edit-footer .amount-wrap .amount {
        margin-top: 5px;
        font-weight: bold; }
        .edit-portfolio .edit-footer .amount-wrap .amount span {
          font-size: 16px; }
    .edit-portfolio .edit-footer .conversion-button {
      padding: 9px 26px; }

.vision-editmenu {
  position: relative;
  min-width: 12px; }
  .vision-editmenu .editmenu-background {
    z-index: 9998;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%; }
  .vision-editmenu .editmenu-warp {
    position: absolute;
    justify-content: center;
    left: -120px;
    box-shadow: 0 0 8px #d7d7d7;
    border-radius: 5px;
    background-color: #ffffff;
    z-index: 9999;
    font-size: 14px;
    min-width: 122px; }
    .vision-editmenu .editmenu-warp .editmenu-contents {
      color: #333333;
      font-size: 14px;
      margin: 12px 12px; }

.portfolio-confirm {
  margin: 0 auto;
  line-height: 1; }
  .portfolio-confirm .portfolio-header {
    height: 35px; }
    .portfolio-confirm .portfolio-header .title {
      font-size: 12px;
      text-align: center; }
  .portfolio-confirm .portfolio-warp {
    display: flex;
    justify-content: space-around;
    background-color: #ffffff; }
  .portfolio-confirm .current-portfolio {
    width: 150px; }
    .portfolio-confirm .current-portfolio .score-wap {
      margin-top: 24px; }
      .portfolio-confirm .current-portfolio .score-wap .title {
        font-size: 10px;
        font-weight: bold; }
      .portfolio-confirm .current-portfolio .score-wap .wap {
        display: flex;
        justify-content: center;
        margin-top: 10px; }
        .portfolio-confirm .current-portfolio .score-wap .wap .score {
          font-size: 27px;
          font-weight: bold; }
        .portfolio-confirm .current-portfolio .score-wap .wap .point {
          font-size: 17px;
          font-weight: bold; }
        .portfolio-confirm .current-portfolio .score-wap .wap .level {
          font-size: 17px;
          margin-top: 4px; }
  .portfolio-confirm .vision-portfolio {
    background-color: #ffffff;
    width: 150px; }
    .portfolio-confirm .vision-portfolio .positivity {
      font-size: 14px;
      font-weight: bold;
      text-align: center;
      margin-top: 80px; }
      .portfolio-confirm .vision-portfolio .positivity .market-view {
        font-weight: normal;
        font-size: 9px;
        display: none; }
        .portfolio-confirm .vision-portfolio .positivity .market-view img {
          width: 28px;
          height: auto;
          margin-top: 5px; }
      .portfolio-confirm .vision-portfolio .positivity .market-view.visible {
        display: inline-block; }
      .portfolio-confirm .vision-portfolio .positivity .positivity-title {
        line-height: 1.5em; }
    .portfolio-confirm .vision-portfolio .positivity.visible {
      margin-top: 70px; }
    .portfolio-confirm .vision-portfolio .change-link {
      text-align: center;
      font-size: 12px;
      margin-top: 8px;
      margin-left: 30px;
      white-space: nowrap; }
      .portfolio-confirm .vision-portfolio .change-link img {
        margin-left: 5px;
        margin-bottom: 3px;
        width: 7px;
        height: 10px;
        transform: rotate(180deg); }
    .portfolio-confirm .vision-portfolio .line {
      width: 90%;
      border-top: solid 1px #e0e0e0;
      margin: 10px auto 14px; }
    .portfolio-confirm .vision-portfolio .risk-wap {
      height: 15px;
      margin-top: 10px;
      width: 140px; }
      .portfolio-confirm .vision-portfolio .risk-wap .title {
        letter-spacing: 1px;
        font-size: 10px; }
      .portfolio-confirm .vision-portfolio .risk-wap .title-unit {
        font-size: 14px; }
      .portfolio-confirm .vision-portfolio .risk-wap .risk {
        text-align: center;
        font-size: 13px;
        font-weight: bold;
        margin-top: 8px; }
        .portfolio-confirm .vision-portfolio .risk-wap .risk span {
          font-size: 18px; }
      .portfolio-confirm .vision-portfolio .risk-wap .risk-help {
        margin: -14px -3px 0 0;
        font-size: 9px;
        color: #193a9e;
        text-align: right;
        line-height: 14px; }
  .portfolio-confirm .portfolio-chart {
    height: 220px;
    padding: 0px 10px; }
    .portfolio-confirm .portfolio-chart .pai {
      display: flex;
      justify-content: center; }
    .portfolio-confirm .portfolio-chart .star-on {
      color: #ffdf80;
      text-shadow: 1px 1px 0px #edd1b4; }
    .portfolio-confirm .portfolio-chart .star-off {
      color: #e0e0e0;
      margin-top: 1px; }
    .portfolio-confirm .portfolio-chart .lavel {
      width: 70px;
      position: relative;
      top: -78px;
      left: 33px;
      font-size: 13px; }
  .portfolio-confirm .portfolio-currency {
    background-color: #ffffff;
    width: 100%;
    text-align: left; }
  .portfolio-confirm .currencyTable {
    width: 100%;
    text-align: center;
    padding-bottom: 40px;
    font-size: 10px;
    border-bottom: 1px solid #d7d7d7; }
    .portfolio-confirm .currencyTable .currencyTable-title {
      width: 90%;
      margin: 0 auto 5px;
      text-align: left;
      font-size: 14px;
      font-weight: bold; }
    .portfolio-confirm .currencyTable .titles {
      background-color: #eeeeee; }
    .portfolio-confirm .currencyTable .contents {
      text-align: right; }
    .portfolio-confirm .currencyTable table {
      width: 90%;
      margin: 0 auto; }
      .portfolio-confirm .currencyTable table th {
        width: 60px;
        background-color: #eeeeee;
        font-weight: normal; }
      .portfolio-confirm .currencyTable table tr,
      .portfolio-confirm .currencyTable table td {
        border: 1px solid #d7d7d7;
        padding: 5px; }

.portfolio-confirm-vision-back {
  background: #f7f7f7; }

.TextBox .input-on {
  display: flex;
  justify-content: space-between;
  border-bottom: 2px solid #5e90d5;
  margin-bottom: 10px;
  padding: 0 20px 0 5px;
  background-repeat: no-repeat;
  background-position: top 10px right 0px; }
  .TextBox .input-on .title {
    font-size: 11px;
    color: #9e9e9e;
    padding-top: 15px; }
  .TextBox .input-on .form input {
    outline: none;
    text-align: right;
    width: 100px;
    font-size: 17px;
    height: 30px;
    border: none; }
  .TextBox .input-on .form span {
    white-space: nowrap;
    font-size: 13px; }

.TextBox .input {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 10px;
  padding: 0 20px 0 5px;
  background-repeat: no-repeat;
  background-position: top 10px right 0px; }
  .TextBox .input .text-title {
    font-size: 11px;
    color: #9e9e9e;
    padding-top: 10px; }
  .TextBox .input .form input {
    outline: none;
    text-align: right;
    width: 97px;
    margin-right: 5px;
    font-size: 16px;
    height: 30px;
    border: none; }
  .TextBox .input .form span {
    white-space: nowrap;
    font-size: 13px; }

.TextBox .validation-name {
  text-align: right;
  color: #e01515;
  font-size: 11px;
  margin: -5px 0 10px 0; }

.TextBox .validation {
  border-bottom: 2px solid #e01515; }

.TextBox .error-color {
  color: #e01515;
  display: inline; }

.question .title {
  text-align: center;
  margin: 27px 0px 8px;
  font-size: 16px;
  font-weight: bold; }

.question .text-silver1 {
  font-size: 14px;
  color: #9e9e9e;
  margin-top: 40px;
  margin-left: 5px; }

.question .text-silver2 {
  text-align: center;
  font-size: 10px;
  color: #9e9e9e;
  margin-top: 10px; }

.question .text-black1 {
  font-size: 14px;
  color: #333333; }

.question .text-black2 {
  text-align: center;
  font-size: 14px;
  color: #333333; }

.question .img {
  text-align: center;
  margin: 10px 0; }

.question .botton-warp {
  width: 100%; }

.question .select-botton {
  margin-top: 10px;
  border: 1px solid #d7d7d7;
  padding: 3px 10px 3px 10px;
  border-radius: 8px;
  width: -webkit-fill-available;
  width: -moz-available;
  text-align: left;
  height: 40px;
  font-size: 14px; }
  .question .select-botton .check {
    margin-top: 5px;
    float: right; }

.question .select-botton-small {
  margin-top: 10px;
  border: 1px solid #d7d7d7;
  border-radius: 8px;
  text-align: left; }
  .question .select-botton-small .check {
    margin-top: 5px;
    float: right; }

.question .select-botton-nisa {
  margin-top: 10px;
  border: 1px solid #d7d7d7;
  border-radius: 8px;
  text-align: left; }
  .question .select-botton-nisa .check {
    margin-top: 5px;
    float: right; }

.question .select-botton-small-nisa {
  margin-top: 10px;
  border: 1px solid #d7d7d7;
  border-radius: 8px;
  text-align: left; }
  .question .select-botton-small-nisa .check {
    margin-top: 5px;
    float: right; }

.question .selected {
  background-color: #fcf9e8; }

.question .selected-small {
  background-color: #fcf9e8; }

.question .select-botton:focus {
  outline: 0; }

.question .TextBox label {
  background-image: none !important; }
  .question .TextBox label .text-title {
    color: #616161;
    font-size: 14px; }

.question {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%; }
  .question .risk-warp {
    display: flex;
    justify-content: space-around;
    margin-top: 40px; }
    .question .risk-warp .risk-area {
      width: 77px;
      margin: 10px 5px 0px 5px;
      border: 1px solid #d7d7d7;
      border-radius: 8px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center; }
      .question .risk-warp .risk-area .risk-text1 {
        font-size: 10px;
        text-align: center; }
      .question .risk-warp .risk-area .risk-select {
        position: relative;
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: center; }
        .question .risk-warp .risk-area .risk-select .check {
          position: absolute;
          top: 5px;
          left: 7px; }
        .question .risk-warp .risk-area .risk-select .risk-text2 {
          font-size: 16px;
          float: right; }
    .question .risk-warp .selected {
      background-color: #fcf9e8; }
    .question .risk-warp .risk-area:focus {
      outline: 0; }

.portfolio-warp {
  display: flex;
  justify-content: space-around; }
  .portfolio-warp .portfolio-select {
    width: 64px;
    height: 88px;
    margin: 10px 5px 0px 5px;
    border: 1px solid #d7d7d7;
    border-radius: 8px; }
    .portfolio-warp .portfolio-select .portfolio-check {
      height: 20px;
      justify-content: space-around; }
  .portfolio-warp .selected {
    background-color: #fcf9e8; }
  .portfolio-warp .portfolio-select:focus {
    outline: 0; }

.portfolio-info-area {
  height: 48px;
  text-align: center;
  margin: 10px 10px 0px 30px;
  background-color: #f5f5f5;
  font-size: 12px;
  padding-top: 1px; }
  .portfolio-info-area .portfolio-info-line {
    margin: 5px 0px;
    padding-right: 10px; }
  .portfolio-info-area .portfolio-color {
    padding-left: 10px; }
  .portfolio-info-area .portfolio-text {
    margin-left: 2px;
    width: 100px; }

.dialog-background .close {
  width: 15px;
  height: 15px;
  float: right; }

.question-main {
  margin-top: 100px; }
  .question-main .botton-wrap .select-botton {
    padding: 10px 20px 10px 20px;
    height: 70px; }
    .question-main .botton-wrap .select-botton .check {
      margin: -5px; }

.buy-header {
  background: #FFFFFF;
  text-align: center;
  padding-top: 20px;
  width: 100%; }
  .buy-header .box-block {
    display: inline-block;
    width: 22%; }
    .buy-header .box-block .box {
      margin-right: 4px;
      top: 117px;
      height: 4px;
      background: #EEEEEE 0% 0% no-repeat padding-box; }
    .buy-header .box-block .box.active {
      background: #FFC60F; }
    .buy-header .box-block .box-label {
      font-size: 12px;
      color: #BDBDBD; }
    .buy-header .box-block .box-label.active {
      color: #333333;
      font-weight: 900; }

.bucketing-usage-guide-dialog {
  width: 85%;
  justify-content: center;
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0px 2px 5px #616161;
  z-index: 9999;
  margin: 12% 7%; }
  .bucketing-usage-guide-dialog .usage-guide-header {
    font-size: 14px;
    font-weight: bold;
    color: #333333;
    padding: 16px 0px 0px 16px; }
    .bucketing-usage-guide-dialog .usage-guide-header .back {
      height: 12px;
      width: 12px;
      margin-right: 16px;
      float: right; }
  .bucketing-usage-guide-dialog .usage-guide-warp {
    overflow-y: scroll;
    height: 100%;
    padding: 10px 0px 16px; }
    .bucketing-usage-guide-dialog .usage-guide-warp .list {
      padding: 2px 6px; }
      .bucketing-usage-guide-dialog .usage-guide-warp .list .color {
        margin: 0px 10px;
        font-size: 16px; }
      .bucketing-usage-guide-dialog .usage-guide-warp .list .text {
        font-size: 14px; }