@charset "Shift_JIS";

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

html { font-family: sans-serif; font-size: 62.5%; line-height: 1.15; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: transparent; }

@media (-ms-high-contrast: none), (-ms-high-contrast: active) { html { font-size: 10px; } }

article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; }

body { margin: 0; padding: 0; font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; font-size: 1.5rem; font-weight: normal; line-height: 1.6; color: #313131; text-align: left; background-color: #FFF; word-wrap: break-word; overflow-wrap: break-word; }

hr { box-sizing: content-box; height: 0; overflow: visible; }

h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0; }

h1, h2 { font-weight: normal; }

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

abbr[title], abbr[data-original-title] { text-decoration: underline; text-decoration: underline dotted; cursor: help; border-bottom: 0; }

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

ol, ul, dl { margin-top: 0; margin-bottom: 1.6rem; padding: 0; list-style: none; }

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

ul li.hover { opacity: 0.8; cursor: pointer; }

dl dd { margin-inline-start: 0; margin-left: 0; }

b, strong { font-weight: bolder; }

.small { font-size: 80%; }

a { color: #5A5A5A; text-decoration: none; background-color: transparent; -webkit-text-decoration-skip: objects; display: inline-block; }

a:not([href]):not([tabindex]) { text-decoration: none; }

label { display: inline-block; margin-bottom: 1rem; }

button { border-radius: 0; }

img { vertical-align: middle; border-style: none; border: none margin-left:0; }

.icon_popup { margin-left:5px; }

.confirm { margin:9px auto 18px; padding-bottom:3px; width:100%; max-width:616px; background:url("../../../PC/_DIRECT_IMAGE/LOGINOUT/bg_logtop_bottom.gif") bottom center no-repeat; background-size: contain; }

.inner { padding:30px 25px 75px; background:url("../../../PC/_DIRECT_IMAGE/LOGINOUT/bg_logtop_top.gif") top center no-repeat; background-size: cover; }

.marker { list-style:none; margin-left:0;}

.marker li { background:url("../../../PC/_DIRECT_IMAGE/COMMON/icon_list_1.gif") left 0.5em no-repeat; padding-left:10px; }

.attention { color:#e40000; }

.flat_unit { margin:0; min-height:1px; _height:1px; }

.fleft { float:left; margin-top:2px; }

.fleft a { padding-left:18px; display:inline-block; _display:inline; zoom:1; }

.fleft p { margin-top:2px; width:700px; }

.internal { padding:7px 0 7px 22px; background: no-repeat left 0.55em; background: no-repeat left 0.6em; background-image:url("../../../PC/_DIRECT_IMAGE/COMMON/icon_arrow.gif"); }

.fright { float:right; }

fright img { vertical-align:middle; }

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

table { border-collapse: collapse; }

th { text-align: inherit; }

tr.hover { opacity: 0.8; cursor: pointer; }

a.hover { opacity: 0.8; cursor: pointer; }

label.radio.hover, label.checkbox.hover { opacity: 0.8; cursor: pointer; }

label.radio.focus, label.checkbox.focus { outline: thin dotted #5B5B5B; outline: -webkit-focus-ring-color 5px auto; }

@supports (-ms-ime-align: auto) { label.radio.focus, label.checkbox.focus { outline-offset: -3px; outline-color: #000; } }

label.select.focus { outline: thin dotted #5B5B5B; outline: -webkit-focus-ring-color 5px auto; }

@supports (-ms-ime-align: auto) { label.select.focus { outline-offset: -3px; outline-color: #000; } }

button.hover { opacity: 0.8; cursor: pointer; }

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

button, input { overflow: visible; }

button, select { text-transform: none; }

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

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { padding: 0; border-style: none; }

input[type="radio"], input[type="checkbox"] { box-sizing: border-box; padding: 0; }

select[id]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: none; }

input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { -webkit-appearance: listbox; }

textarea { overflow: auto; resize: vertical; }

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

legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: 0.8rem; font-size: 2.4rem; line-height: inherit; color: inherit; white-space: normal; }

progress { vertical-align: baseline; }

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }

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

[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

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

output { display: inline-block; }

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

template { display: none; }

[hidden] { display: none !important; }

em { font-style: normal; }

.vhide { visibility: hidden; }

.dhide { display: none !important; }

.overflow-hd { overflow: hidden; height: 100%; }

.overflow-hd-head { overflow: auto; height: 100%; }

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

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

.ptop-0 { padding-top: 0 !important; }

body { min-width: calc(768px - 9.6rem); }

main { padding-top: 6.4rem; }

.container { width: calc(768px - 4.8rem); min-width: calc(768px - 4.8rem); margin: 0 auto; }

.container.container-wide, .container.navigation, .container.footer__logout__btns { width: calc(100% - 4.8rem); max-width: calc(1140px - 4.8rem); min-width: calc(768px - 4.8rem); }

.container-center { width: 80%; margin: 0 auto; }

.heading { background-color: #F8F8F8; }

.heading .progress-container { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; height: 4.8rem; width: auto; max-width: none; padding: 0; }

.heading .progress-container .progress { margin: 2.1rem; width: 30rem; }

.title { width: calc(768px - 4.8rem); min-width: calc(768px - 4.8rem); margin: 0 auto; padding: 2.8rem 0; text-align: center; font-size: 2.2rem; }

.title.container-wide, .title.navigation, .title.footer__logout__btns { width: calc(100% - 4.8rem); max-width: calc(1140px - 4.8rem); min-width: calc(768px - 4.8rem); }

.topimage { margin-bottom: 3rem; text-align: center; }

.main { width: calc(768px - 4.8rem); min-width: calc(768px - 4.8rem); margin: 0 auto; margin: 0 auto; }

.main.container-wide, .main.navigation, .main.footer__logout__btns { width: calc(100% - 4.8rem); max-width: calc(1140px - 4.8rem); min-width: calc(768px - 4.8rem); }

.main__title { margin-bottom: 4rem; color: #313131; font-size: 1.7rem; }

.main__title strong { font-weight: normal; color: #E60000; }

.main__title .note { font-size: 1.5rem; }

.main__content .content-image { margin-bottom: 2rem; text-align: center; }

.main__content .content-title { font-weight: bold; }

.page-error, .page-warning, .page-urgent, .top-urgent { margin: 0 auto; padding-top: 1.6rem; width: calc(768px - 4.8rem); min-width: calc(768px - 4.8rem); margin: 0 auto; display: none; }

.page-error.show, .page-warning.show, .page-urgent.show, .top-urgent.show { display: block; }

.page-error__wrap, .page-warning__wrap, .page-urgent__wrap, .top-urgent__wrap { padding: 1rem 1.2rem; border: 1px solid #E60000; border-left: 6px solid #E60000; font-size: 1.4rem; background-color: #FDF2F2; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }

.page-error__title, .page-warning__title, .page-urgent__title, .top-urgent__title { width: 8.4rem; background-image: url("../images/icon_error.svg"); background-position: top left; background-repeat: no-repeat; background-size: contain; line-height: 2.2rem; height: 2rem; padding-left: 2em; }

.page-error__title span, .page-warning__title span, .page-urgent__title span, .top-urgent__title span { color: #E60000; font-weight: bold; }

.page-error strong, .page-warning strong, .page-urgent strong, .top-urgent strong { color: #E60000; }

.page-error__content, .page-warning__content, .page-urgent__content, .top-urgent__content { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; line-height: 2.2rem; }

.page-error__content ul, .page-warning__content ul, .page-urgent__content ul, .top-urgent__content ul { margin-bottom: 0; }

.page-warning__wrap { border-color: #E5E5E5; background-color: #F8F8F8; }

.page-warning__title { width: 2em; background-image: url("../images/icon_warning.svg"); }

.page-urgent__wrap { border-color: #003070; background-color: #F2F4F8; }

.page-urgent__title { width: 2em; background-image: url("../images/icon_urgent.svg"); }

.page-urgent strong { color: #313131; }

.top-urgent { width: calc(768px - 4.8rem); min-width: calc(768px - 4.8rem); margin: 0 auto; font-weight: bold; }

.top-urgent.container-wide, .top-urgent.navigation, .top-urgent.footer__logout__btns { width: calc(100% - 4.8rem); max-width: calc(1140px - 4.8rem); min-width: calc(768px - 4.8rem); }

.top-urgent__wrap { border-left: 1px solid #E60000; color: #E60000; }

.link-withicon, .link-withicon-left, a.openhint, a.additem, a.delitem, a.openwindow, a.nextpage, a.print { display: inline-block; padding-right: 3.8rem; margin-top: 1rem; margin-bottom: 1rem; height: auto; text-align: left; color: #5A5A5A; font-size: 1.3rem; }

.link-withicon-left, a.openhint, a.additem, a.delitem { padding-right: 1rem; padding-left: 3.8rem; }

.with-arrow, a.nextpage, .LOG_2_1 .main .show-more a { background-image: url("../images/icon_arrow_right.svg"); background-repeat: no-repeat; background-position: calc(100% - 10px) center; }

.with-arrow-left { background-image: url("../images/icon_arrow_left.svg"); background-repeat: no-repeat; background-position: 10px center; }

.with-openwindow, .with-openwindow-white, button.openwindow-white, button.openwindow, a.openwindow { background-image: url("../images/icon_openwindow.svg"); background-repeat: no-repeat; background-position: calc(100% - 10px) center; background-size: 22px; }

.with-openwindow-white, button.openwindow-white { background-image: url("../images/icon_openwindow_white.svg"); }

.with-openhint, a.openhint { background-image: url("../images/icon_openhint.svg"); background-repeat: no-repeat; background-position: 10px center; background-size: 22px; }

.with-print, a.print { background-image: url("../images/icon_printer.svg"); background-repeat: no-repeat; background-position: calc(100% - 10px) center; background-size: 22px; }

.with-additem, .with-delitem, a.delitem, a.additem { background-image: url("../images/icon_openlist.svg"); background-repeat: no-repeat; background-position: 10px center; background-size: 22px; margin-top: 0; }

.with-delitem, a.delitem { background-image: url("../images/icon_closelist.svg"); }

.with-select, .select { background-image: url("../images/icon_select.svg"); background-repeat: no-repeat; background-position: calc(100% - 1.6rem) center; }

.with-select.selected, .selected.select { background-image: url("../images/icon_select_selected.svg"); }

.radio, .checkbox { width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; padding: 1.2rem 1.4rem; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; -o-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3); border: 1px solid #E5E5E5; -webkit-transition: box-shadow 0.2s linear; -moz-transition: box-shadow 0.2s linear; transition: box-shadow 0.2s linear; }

.radio .sign, .checkbox .sign { display: inline-block; margin-right: 1.4rem; width: 1.6rem; height: 1.6rem; min-width: 1.6rem; min-height: 1.6rem; background: rgba(0, 0, 0, 0.1) url("../images/icon_tick.svg") no-repeat center center; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; }

.radio input, .checkbox input { width: 1px; height: 1px; margin-left: 0 !important; z-index: 1; opacity: 0; filter: alpha(opacity=0); }

.radio input:checked + .sign, .checkbox input:checked + .sign { background-color: #E60000; }

.radio > p, .checkbox > p { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; }

.checkbox .sign { -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; }

.select { background-color: rgba(230, 0, 0, 0.1); padding: 0.6rem 1.2rem; width: 100%; font-size: 1.6rem; line-height: 1.5; background-clip: padding-box; background-color: rgba(230, 0, 0, 0.1); border: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; }

.select select { position: relative; width: 100%; -webkit-appearance: none; -moz-appearance: none; border: 0; appearance: none; background: none; color: #313131; }

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

.select.selected { background-color: #f8f8f8; }

.select.disabled { background-color: #E5E5E5; background-image: none; }

button { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; -o-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3); border: 1px solid #E5E5E5; height: 2.8rem; font-size: 1.5rem; color: #5A5A5A; padding: 0 1.6rem; background-color: #FFF; -webkit-transition: box-shadow 0.2s linear; -moz-transition: box-shadow 0.2s linear; transition: box-shadow 0.2s linear; }

button:disabled { color: #8C8C8C; background-color: #E5E5E5; }

button.normal { padding: 0.8rem 3.2rem; height: auto; vertical-align: middle; }

button.big { padding: 1.1rem 4rem; height: auto; }

button.openwindow { padding: 0.6rem 4rem 0.6rem 1rem; height: auto; text-align: left; }

button.openwindow-white { padding: 0.6rem 4rem 0.6rem 1rem; height: auto; text-align: left; }

a { cursor: pointer; }

a.additem .delitem-txt { display: none; }

a.delitem .additem-txt { display: none; }

a.btn-keyboard { display: inline-block; width: 4rem; height: 4rem; min-width: 4rem; max-width: 4rem; background-image: url("../images/icon_keyboard.svg"); background-repeat: no-repeat; background-position: center; background-color: #F8F8F8; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; }

a.btn-close { width: 6.4rem; text-align: right; background-image: url(../images/icon_closemodal.svg); background-position: center left; background-repeat: no-repeat; color: #5A5A5A; font-size: 1.3rem; line-height: 1.6; text-indent: 1.5em; }

.link-withicon, .link-withicon-left, a.openhint, a.additem, a.delitem, a.openwindow, a.nextpage, a.print { display: inline-block; padding-right: 3.8rem; margin-top: 1rem; margin-bottom: 1rem; height: auto; text-align: left; color: #5A5A5A; font-size: 1.3rem; }

.link-withicon-left, a.openhint, a.additem, a.delitem { padding-right: 1rem; padding-left: 3.8rem; }

.with-arrow, a.nextpage, .LOG_2_1 .main .show-more a { background-image: url("../images/icon_arrow_right.svg"); background-repeat: no-repeat; background-position: calc(100% - 10px) center; }

.with-openwindow, .with-openwindow-white, button.openwindow-white, button.openwindow, a.openwindow { background-image: url("../images/icon_openwindow.svg"); background-repeat: no-repeat; background-position: calc(100% - 10px) center; background-size: 22px; }

.with-openwindow-white, button.openwindow-white { background-image: url("../images/icon_openwindow_white.svg"); }

.with-openhint, a.openhint { background-image: url("../images/icon_openhint.svg"); background-repeat: no-repeat; background-position: 10px center; background-size: 22px; }

.with-print, a.print { background-image: url("../images/icon_printer.svg"); background-repeat: no-repeat; background-position: calc(100% - 10px) center; background-size: 22px; }

.with-additem, .with-delitem, a.delitem, a.additem { background-image: url("../images/icon_openlist.svg"); background-repeat: no-repeat; background-position: 10px center; background-size: 22px; margin-top: 0; }

.with-delitem, a.delitem { background-image: url("../images/icon_closelist.svg"); }

.with-select, .select { background-image: url("../images/icon_select.svg"); background-repeat: no-repeat; background-position: calc(100% - 1.6rem) center; }

.progress { height: 8px; background-color: rgba(91, 91, 91, 0.5); -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; }

.progress-bar { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; text-align: center; background-color: #5A5A5A; height: 8px; width: 0; -webkit-border-radius: 0.8rem; -moz-border-radius: 0.8rem; -ms-border-radius: 0.8rem; border-radius: 0.8rem; -o-box-shadow: 0px 2px 6px #8c8c8c; -webkit-box-shadow: 0px 2px 6px #8c8c8c; -moz-box-shadow: 0px 2px 6px #8c8c8c; box-shadow: 0px 2px 6px #8c8c8c; }

.form-control { display: block; width: 100%; padding: 0.8rem 1.2rem; font-size: 1.6rem; line-height: 1.5; color: #5A5A5A; background-clip: padding-box; background-color: rgba(230, 0, 0, 0.1); border: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; }

@media (-ms-high-contrast: none), (-ms-high-contrast: active) { .form-control *::-ms-backdrop, .form-control { line-height: 1.3; } }

.form-control:not(:placeholder-shown) { background-color: #f8f8f8; }

.form-control:placeholder-shown { text-overflow: ellipsis; }

.form-control.input-bg-filled { background-color: #f8f8f8; }

.form-control.input-bg-option { background-color: #f8f8f8; }

input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px #f8f8f8 inset; }

input::placeholder { color: #8C8C8C; font-size: 1.5rem; }

input:disabled::placeholder { color: #8C8C8C; font-size: 1.5rem; }

input::-webkit-input-placeholder { padding-top: 0.25rem; }

input[type="tel"], input[type="number"], input[type="email"], input[type="password"] { ime-mode: inactive; }

input[type="text"] { ime-mode: active; }

input[type="text"]:disabled, input[type="tel"]:disabled, input[type="number"]:disabled, input[type="email"]:disabled, input[type="password"]:disabled { background-color: #E5E5E5; }

.form-wrap label, .form-wrap .form-title, .form-row label, .form-row .form-title { font-weight: bold; margin-bottom: 1rem; }

.form-wrap label.label-confirm, .form-wrap .form-title.label-confirm, .form-row label.label-confirm, .form-row .form-title.label-confirm { font-weight: normal; }

.form-row { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; margin-top: -1rem; }

.form-row ~ .form-row { margin-top: 4rem; }

.form-row .form-col-h { -webkit-flex-basis: 26.5rem; -moz-flex-basis: 26.5rem; -ms-flex-preferred-size: 26.5rem; flex-basis: 26.5rem; padding-top: 1.2rem; padding-right: 3rem; }

.form-row .form-col-d { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; padding: 1rem; padding-left: 5px; overflow: hidden; }

.form-row .btn-area p { text-align: right; }

.form-row .note { color: #5A5A5A; font-size: 1.3rem; }

.input-group { -webkit-display: flex; -moz-display: flex; -ms-display: flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; -moz-align-items: flex-start; align-items: flex-start; width: 100%; }

.input-group > .form-control { position: relative; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -moz-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 1% !important; margin-bottom: 0; color: #313131; }

.input-group > .form-control:-ms-input-placeholder { color: #8C8C8C; }

.input-group > .form-control::-ms-input-placeholder { color: #8C8C8C; }

label + .input-group { margin-bottom: 2rem; }

label + .input-group:last-child { margin-bottom: 0; }

.input-group .input-group-append, .input-group .input-group-prepend { -webkit-display: flex; -moz-display: flex; -ms-display: flex; display: flex; }

.input-group .input-group-append .input-group-text, .input-group .input-group-prepend .input-group-text { -webkit-display: flex; -moz-display: flex; -ms-display: flex; display: flex; align-items: center; padding: 0.6rem 1.2rem; margin-bottom: 0; font-size: 1.5rem; font-weight: normal; line-height: 1.5; color: #495057; text-align: center; white-space: nowrap; }

.input-group.char-2 { max-width: 8em; }

.input-group.char-3 { max-width: 8em; }

.input-group.char-4 { max-width: 9em; }

.input-group.char-6 { max-width: 10em; }

.input-group.char-7 { max-width: 10em; }

.input-group.char-10 { max-width: 15em; }

.input-group.char-16 { max-width: 20em; }

.input-group.birthday { max-width: 24em; }

.input-group.birthday .input-group-prepend:nth-of-type(1) .input-group-text { padding-left: 0; }

.input-group.birthday__year { -webkit-box-flex: 2; -webkit-flex: 2; -moz-box-flex: 2; -moz-flex: 2; -ms-flex: 2; flex: 2; }

.input-group .note { margin-top: 0.8rem; -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; color: #5A5A5A; }

.input-with-keyboard { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; }

.input-with-keyboard .btn-keyboard { margin-left: 2rem; }

.link { color: #5A5A5A; height: 4.8rem; text-align: center; }

.link ul { margin-bottom: 0; }

.link li { display: inline-block; background: url("../images/icon_arrow_right.svg") no-repeat calc(100% - 10px) center; }

.link li.windows-open { background-image: url("../images/icon_windows.svg"); }

.link li.windows-open a { display: block; padding: 1.6rem 3.2rem 1.6rem 1.4rem; }

.link li a { color: #5A5A5A; font-size: 1.3rem; }

.logout { background-color: #F8F8F8; }

.logout .container { height: 5.6rem; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; }

.logout .container .btn-left a { padding-right: 3.2rem; display: block; }

.logout .container .btn-right { position: relative; margin: 0 auto; right: auto; }

.logout .container .btn-right button { height: 3.6rem; line-height: 3.6rem; width: 16rem; }

.bottom-nav { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; padding: 3rem 0 3rem 0; position: relative; background: #FFF; min-height: 7.5rem; }

.bottom-nav .btn-back button { width: 10rem; height: 3.8rem; line-height: 3.8rem; }

.bottom-nav .btn-back button.cancel { width: 12.8rem; }

.bottom-nav .btn-next button, .bottom-nav .COM_1_1 .btn-red button, .COM_1_1 .bottom-nav .btn-red button { width: 23rem; height: 4.5rem; line-height: 4.5rem; background-color: #E60000; background-image: url("../images/icon_arrow_right_w.svg"); background-repeat: no-repeat; background-position: calc(100% - 10px) center; color: #FFF; border: 0; }

.bottom-nav .btn-next button:disabled, .bottom-nav .COM_1_1 .btn-red button:disabled, .COM_1_1 .bottom-nav .btn-red button:disabled { color: #8C8C8C; background-color: #E5E5E5; background-image: url("../images/icon_arrow_right.svg"); }

.bottom-nav .btn-next.center, .bottom-nav .COM_1_1 .center.btn-red, .COM_1_1 .bottom-nav .center.btn-red { position: relative; margin: 0 auto; right: auto; }

.bottom-nav .btn-next.center:nth-child(2), .bottom-nav .COM_1_1 .center.btn-red:nth-child(2), .COM_1_1 .bottom-nav .center.btn-red:nth-child(2) { padding-right: 10rem; }

.bottom-nav:first-child { padding-top: 0; }

.btn-group, .btn-group--toggle { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; }

.btn-group button, .btn-group--toggle button { width: 100%; border: 1px solid #E60000; height: 4rem; border-radius: 0; font-size: 1.4rem; }

.btn-group button + button, .btn-group--toggle button + button { border-left: none; }

.btn-group button.active, .btn-group--toggle button.active { color: #fff; background-color: #E60000; }

.btn-group button:first-child, .btn-group--toggle button:first-child { -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; -ms-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; }

.btn-group button:last-child, .btn-group--toggle button:last-child { -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; -ms-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; }

.btn-group--toggle button.on { background-color: #E60000; color: #FFF; }

.box-wrap { margin-bottom: 2rem; }

.box-wrap__content { padding: 1rem; background-color: #F3F3F3; }

.card { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; -o-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3); border: 1px solid #E5E5E5; margin-bottom: 3rem; font-size: 1.2rem; text-align: center; -webkit-transition: box-shadow 0.2s linear; -moz-transition: box-shadow 0.2s linear; transition: box-shadow 0.2s linear; }

.card .card-title { border-bottom: 1px solid #E5E5E5; padding: 1.6rem; color: #313131; margin-bottom: 0; text-align: left; font-size: 1.7rem; font-weight: bold; }

.card .card-title.with-arrow, .card a.card-title.nextpage, .card .LOG_2_1 .main .show-more a.card-title, .LOG_2_1 .main .show-more .card a.card-title { background-position: calc(100% - 15px) center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; }

.card .card-title.with-arrow .sel, .card a.card-title.nextpage .sel, .card .LOG_2_1 .main .show-more a.card-title .sel, .LOG_2_1 .main .show-more .card a.card-title .sel { margin-left: auto; font-size: 1.2rem; font-weight: normal; color: #5A5A5A; padding-right: 1.6rem; opacity: 0.8; }

.card a { display: block; }

.card .card-body { padding: 1.6rem; font-size: 1.5rem; color: #313131; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; }

.card .card-body p { margin-bottom: 0; overflow: hidden; text-overflow: ellipsis; }

.card .card-body .card-img { padding-right: 1.6rem; width: 12.8rem; }

.card .card-body .card-info { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; text-align: left; }

.card .card-body .card-info-tip { margin-top: 1.6rem; margin-bottom: 0; font-size: 1.3rem; color: #5A5A5A; }

.card-radio { display: block; padding: 0; }

.card-radio.hover { opacity: 0.8; cursor: pointer; }

.card-radio.focus { outline: thin dotted #5B5B5B; outline: -webkit-focus-ring-color 5px auto; }

@supports (-ms-ime-align: auto) { .card-radio.focus { outline-offset: -3px; outline-color: #000; } }

.card-radio .card-title { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; }

.card-radio .card-title span { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; }

.card-radio.not-recommended .card-title { font-weight: normal; font-size: 1.5rem; }

.card-radio.not-recommended .card-img img { height: 5.2rem; }

.card-radio.not-recommended .card-info { font-size: 1.3rem; }

.modal { -o-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3); min-width: calc(768px - 4.8rem); display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; padding: 0 !important; background-color: rgba(0, 0, 0, 0.45); overflow: hidden; overflow-y: auto; z-index: 1050; -webkit-overflow-scrolling: touch; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.modal .modal__header { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; padding: 0.8rem 2rem; min-height: 4.5rem; border-top: 4px solid #E60000; background-color: #F3F3F3; }

.modal .modal__header--title { font-size: 1.7rem; margin-right: 1.6rem; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; }

.modal .modal__footer { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; height: 4.5rem; border-top: 1px solid #E5E5E5; }

.modal .modal__container { display: table; width: 100%; height: 100%; z-index: 1050; }

.modal .modal__inner { display: table-cell; padding: 1rem; vertical-align: middle; }

.modal .modal__wrap { margin: 0 auto; width: 64rem; background-color: #FFF; }

.modal .modal__wrap.wide { width: 90%; }

.modal .modal__content { margin: 0 auto; padding: 1.5rem 2rem; }

.modal .modal__content .modal__title { font-size: 1.7rem; margin-bottom: 1.5rem; }

.modal .modal__content .indentation { margin-top: 2.4rem; padding-left: 1.6rem; }

.modal .modal__content .hight-title { font-weight: bold; }

.modal .modal__content .hight-title.red { color: #E60000; }

.modal .modal__content p { margin-bottom: 0.8rem; }

.modal .modal__content p + img { margin: 1.6rem 0; }

.modal .modal__btn-area { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; padding-bottom: 1.6rem; }

.modal .modal .bottom-nav { padding-top: 1.6rem; padding-bottom: 1.6rem; }

.modal .modal__inner { -webkit-transition: transform 0.3s ease 0s; -moz-transition: transform 0.3s ease 0s; transition: transform 0.3s ease 0s; transform: translate(0, -20%); }

.modal.show { display: block; }

.modal.show .modal__inner { transform: translate(0, 0); }

.modal.hide .modal__inner { transform: translate(0, -20%); }

.modal-pdf .modal__inner { height: 100%; overflow: hidden; }

.modal-pdf .modal__wrap { height: 100%; overflow: hidden; }

.modal-pdf .modal__content { height: calc(100% - 9rem); padding-top: 0; padding-bottom: 0; }

.modal-pdf .modal__content p { margin-top: 2rem; text-align: center; text-decoration: underline; }

ul.warning > li { position: relative; margin-bottom: 0.5em; padding-left: 2.5rem; line-height: 2.2rem; color: #5A5A5A; font-size: 1.3rem; }

ul.warning > li:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 2.2rem; background-image: url("../images/icon_warning.svg"); background-position: top 1px left; background-repeat: no-repeat; background-size: 1.8rem; }

ul.warning > li .note { margin-top: 0.5em; color: #5A5A5A; font-size: 1.3rem; }

ul.warning > li:nth-last-of-type(1) { margin-bottom: 0; }

ul.disc { list-style-type: disc; text-align: left; padding-left: 2rem; }

ul.disc > li ~ li { margin-top: 0.8rem; }

ul.tick > li { background-image: url("../images/icon_tick_red.svg"); background-position: left center; background-repeat: no-repeat; padding-left: 2rem; }

ul.kome { list-style-type: none; }

ul.kome > li { text-indent: -1em; padding-left: 1em; }

ul.kome > li:before { content: '※'; display: inline; }

ul.market { margin: 0 auto; }

.badge { min-width: 1.8rem; height: 1.8rem; -webkit-border-radius: 0.9rem; -moz-border-radius: 0.9rem; -ms-border-radius: 0.9rem; border-radius: 0.9rem; font-size: 1.4rem !important; color: #FFF !important; display: inline-block; vertical-align: baseline; line-height: 1.1; text-align: center; background-color: #D80C18; padding: 1px; }

img.flag { -o-box-shadow: 0px 2px 9px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0px 2px 9px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 2px 9px rgba(0, 0, 0, 0.25); box-shadow: 0px 2px 9px rgba(0, 0, 0, 0.25); }

.additem-area { display: none; padding-top: 1rem; }

.additem-area.on { display: block; }

.spacer-additem { transition: height 400ms ease; }

.spacer-additem.del { height: 0 !important; }

.spacer-additem.fast { transition: height 200ms ease; }

.row { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; }

.col { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }

.col-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; }

.col-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; }

.col-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }

.col-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }

.col-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }

.col-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; }

.col-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }

.col-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; }

.col-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; }

.col-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }

.col-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; }

.col-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; }

.col-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }

table { width: 100%; font-size: 1.5rem; }

table caption { padding: 1.2rem 0; text-align: left; font-weight: normal; }

table.no-caption caption { display: none; }

table thead tr { background-color: #F8F8F8; font-size: 1.4rem; }

table tr { border-bottom: 1px solid #E5E5E5; }

table.border tr { border: 1px solid #E5E5E5; }

table.no-border { border: 0; }

table th { color: #5A5A5A; padding: 1.6rem; font-weight: normal; }

table td { padding: 1.6rem; color: #313131; font-weight: normal; }

table.black-line { border-top: 2px solid #5A5A5A; }

table.with-hover tbody tr:hover { background-color: #FDF2F2; }

table .with-arrow, table a.nextpage, table .LOG_2_1 .main .show-more a, .LOG_2_1 .main .show-more table a { display: block; background-position: center right; color: #5A5A5A; font-size: 1.2rem; text-align: right; padding-right: 1.4em; }

table button { margin-right: 1.6rem; }

table button img { margin-right: 1.2rem; }

table p { margin-top: 0.8rem; }

table p.with-icon { background: url("../images/icon_alarm.svg") no-repeat 0 center; padding-left: 2.4rem; }

table .with-tips { font-weight: normal; color: #5A5A5A; }

table.th-small th { font-size: 1.2rem; }

table.bg-filled th { background-color: #E5E5E5; }

table.bg-filled td { background-color: #FFF; }

table + table { margin-top: 1.6rem; }

.table-edit { table-layout: fixed; }

.table-edit th { padding-left: 0; }

.table-edit tr td:nth-of-type(1) { width: 22.4rem; padding-left: 0; }

.table-edit tr td:nth-of-type(2) { font-weight: bold; }

.table-edit tr td:nth-of-type(3) { width: 9.6rem; }

.table-edit.with-hover tr[data-mufg-movepage], .table-edit.with-hover tr.gonext { cursor: pointer; }

.table-radio .radio { padding: 0; margin-bottom: 0; width: 1.6rem; height: 1.6rem; position: relative; border: 0; -o-box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

.table-radio .radio input, .table-radio .radio .sign { top: 0; margin-top: 0; left: 0; margin-right: 0; }

.table-radio th { font-size: 1.2rem; }

.table-radio tr:hover { cursor: pointer; }

.table-radio tr th:nth-child(1) { width: 3.2rem; }

.table-radio tr th:nth-child(2) { width: 9.6rem; }

.table-radio tr th:last-child { padding-right: 0; }

.table-radio tr td:last-child { padding-right: 0; }

.install-app { margin-top: 2rem; }

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

.install-app__qr { margin-top: 4rem; margin-bottom: 4rem; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; }

.install-app__qr .qr-code { margin: 0 3.5rem; margin-top: 1rem; text-align: center; }

.install-app__qr .qr-code img { height: 7rem; }

.install-app__qr p { color: #5A5A5A; font-size: 1.2rem; text-align: center; }

.install-app__qr .badge-app-store img { margin: 10px; height: 40px; width: 135px; }

.install-app__qr .badge-google-play img { width: 153px; }

.icon-recommend { margin-left: 1rem; margin-right: 1rem; white-space: nowrap; padding: 0 0.8rem; line-height: 2em; background-color: #E60000; font-size: 1.2rem; color: #FFF; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; }

.page-common .page-error { display: block; margin-top: 6rem; padding-top: 0; }

.page-common .page-error__wrap { display: block; padding: 2rem; }

.page-common .page-error__title { margin-bottom: 1rem; }

.border-list { border-top: 2px solid #E5E5E5; }

.border-list .list-row { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; padding: 1.6rem 0; border-bottom: 1px solid #E5E5E5; }

.border-list.account-info .list-row { padding: 1.2rem 0; }

.border-list.account-info .list-col span:not(:first-of-type) { margin-left: 1rem; }

.border-list.account-info .currency-img { margin-right: 1.2rem; }

.currency-img { width: 2.6rem; height: 1.5rem; }

.currency-img img.flag { max-width: 100%; max-height: 100%; display: block; margin: 0 auto; }

.list-row { padding: 1.6rem 0; }

.btn-area-page { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; width: 100%; padding-top: 1rem; padding-bottom: 1rem; }

.btn-area-page .backpage, .btn-area-page .nextpage { color: #313131; font-size: 1.5rem; }

.btn-area-page .backpage { margin-right: auto; }

.btn-area-page .nextpage { margin-left: auto; }

.red-circle-1 { display: inline-block; margin: 0 0.2rem; width: 1.7rem; height: 1.7rem; background-image: url("../images/img_red_circle_1.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; text-indent: -9999px; position: relative; top: -0.1rem; }

ul { overflow: hidden; }

html, body { height: 100%; }

.body-wrap { position: relative; min-height: 100%; }

main { padding-bottom: 16.4rem; }

footer { position: absolute; bottom: 0; left: 0; width: 100%; }

.speech { position: absolute !important; text-indent: -9999px; width: 0; height: 0; overflow: hidden !important; font-size: 0; line-height: 0; }

header { position: fixed; left: 0; right: 0; top: 0; height: 6.4rem; padding: 0; z-index: 10; background-color: #FFF; border-bottom: 4px solid #E60000; }

.logo { width: 26.4rem; height: 6.4rem; background: url(../images/q_logo.svg) 0 center no-repeat; background-size: 100%; }

.navigation { width: 100%; height: 100%; width: calc(768px - 4.8rem); min-width: calc(768px - 4.8rem); margin: 0 auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; }

.navigation.container-wide, .navigation.navigation, .navigation.footer__logout__btns { width: calc(100% - 4.8rem); max-width: calc(1140px - 4.8rem); min-width: calc(768px - 4.8rem); }

.navigation .navigation-nav { font-size: 1.8rem; font-weight: bold; white-space: nowrap; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; }

.navigation .navigation-nav a { color: #5A5A5A; }

.navigation .navigation-nav img { margin-right: 1rem; vertical-align: middle; margin-bottom: 3px; height: 28px; }

@media (-ms-high-contrast: none), (-ms-high-contrast: active) { .navigation .navigation-nav img { width: 30px; height: 29px; } }

.navigation .navigation-nav.nav-left { text-align: left; }

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

.navigation .navigation-nav.nav-right a { margin-left: 1.6rem; }

.navigation .navigation-nav.nav-center { font-size: 1.7rem; font-weight: normal; text-align: center; }

.navigation__title { color: #5A5A5A; font-size: 1.7rem; }

.footer__contact { background-color: #F3F3F3; font-size: 1.5rem; padding: 1em 0; height: 8rem; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; }

.footer__contact__item { color: #5A5A5A; }

.footer__contact__item p { white-space: nowrap; }

.footer__contact__item:first-child { text-align: right; border-right: 2px solid #979797; padding-right: 1.2rem; }

.footer__contact__item:first-child.single-line p.dest-name { line-height: 4.4rem; }

.footer__contact__item:first-child:not(.single-line) p.dest-name { min-height: 1.6em; white-space: nowrap; }

.footer__contact__item:first-child p.dest-hour { font-size: 1.3rem; }

.footer__contact__item:last-child { padding-left: 1.2rem; }

.footer__contact__item:last-child p:first-child span:first-child { font-size: 2.1rem; font-weight: bold; }

.footer__contact__item:last-child p:first-child span:last-child { font-size: 1.5rem; white-space: normal; }

.footer__contact__item:last-child p:last-child { line-height: 1.4em; }

.footer__logo { background-color: #FFF; height: 4.4rem; line-height: 4.4rem; text-align: center; }

.footer__copyright { background-color: #E5E5E5; color: #5A5A5A; font-size: 1.2rem; height: 4rem; line-height: 4rem; text-align: center; }

.bottom-link { position: absolute; width: 100%; left: 0; bottom: 0; }

.bottom-link__link { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 1rem; padding-bottom: 1rem; }

.bottom-link__link p ~ p { margin-left: 2rem; }

.bottom-link__link a { margin-top: 0; margin-bottom: 0; }

.bottom-link__warning { background-color: #F8F8F8; padding: 1.5rem 0; }

.bottom-link__warning ul { list-style-type: disc; margin-bottom: 0; padding-left: 2rem; }

.bottom-link__warning ul > li:not(:nth-last-of-type(1)) { padding-bottom: 0.5rem; }

.bottom-link__warning ol { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style-type: decimal; padding-top: 0.5rem; font-size: 1.4rem; }

.bottom-link__warning ol li { margin-left: 1.5em; margin-right: 1.6rem; }

.footer__logout { background-color: #F8F8F8; }

.footer__logout__btns { width: calc(768px - 4.8rem); min-width: calc(768px - 4.8rem); margin: 0 auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; padding-top: 1rem; padding-bottom: 1rem; position: relative; }

.footer__logout__btns.container-wide, .footer__logout__btns.navigation, .footer__logout__btns.footer__logout__btns { width: calc(100% - 4.8rem); max-width: calc(1140px - 4.8rem); min-width: calc(768px - 4.8rem); }

.footer__logout__btns .btn-left { padding-right: 3rem; display: inline-block; color: #5A5A5A; font-size: 1.3rem; }

.footer__logout__btns .btn-center { margin: 0 auto; }

.footer__logout__btns .btn-center button { width: 16.2rem; height: auto; padding: 0.6rem 3rem; margin-right: 15.2rem; }

.main { position: relative; }

div.overlay_bg { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: #000000; filter: alpha(opacity=0); opacity: 0; z-index: 21; }

div.overlay_contents_body { position: absolute; top: 85px; width: 870px; z-index: 22; }

.overlay_contents_body_inner_1 { padding-left: 29px; background: url("../images/swkeyboard/bg_overlay_02.gif") top left no-repeat; }

.overlay_contents_body_inner_2 { padding: 10px 20px 0 0; background: url("../images/swkeyboard/bg_overlay_01.gif") top right no-repeat; }

.overlay_contents_closer { padding-left: 24px; text-align: center; background: url("../images/swkeyboard/bg_overlay_03.gif") bottom left no-repeat; }

.overlay_contents_closer div { padding: 8px 24px 14px 0; background: url("../images/swkeyboard/bg_overlay_04.gif") bottom right no-repeat; }

.overlay_contents_closer div button { padding: 4px 0 3px 20px; *padding: 4px 0 0 20px; background: url("../images/swkeyboard/icon_close.gif") left 50% no-repeat; }

.support_contents_body button { padding: 0; border: none; display: inline-block; background: none; cursor: pointer; zoom: 1; text-decoration: underline; -webkit-appearance: button; }

.support_contents_body button.support_contents_opener, .support_contents_body .support_contents_closer div button { min-height: 22px; height: 1.5em; line-height: 1.5; margin: 1px 0 3px; overflow: visible; background-position: 0 .5em !important; }

.support_contents_body button.support_text_img { text-decoration: none; margin-top: -5px; }

.support_contents_body button { width: auto; background: none; overflow: visible; }

.support_contents_body button { overflow: visible; }

.support_contents_body button img.icon_user_action, .support_contents_body a img.icon_user_action { margin-right: 10px; vertical-align: middle; }

.support_contents_body div.keyboard_input { margin-top: 0px; }

.support_contents_body div.keyboard_input_firstline div.first_child { margin-top: 0px; margin-right: 5px; }

.support_contents_body div.keyboard_input div.first_child { margin-top: 5px; margin-right: 5px; vertical-align: middle; }

.support_contents_body div.keyboard_input div.last_child { margin: 0 0 5px 10px; vertical-align: top; }

.support_contents_body div.keyboard_input div.first_child { margin: 10px 5px 0 0; vertical-align: top; }

.support_contents_body button.keyboard { margin: 0; }

.support_contents_body button p.keyboard_text { width: 130px; vertical-align: top; text-align: left; display: inline-block; zoom: 1; }

.support_contents_body button p.keyboard_text.wide { width: 260px; }

#overlay_body div.user_input { background-image: url("../images/swkeyboard/bg_search_overlay_top.gif"); }

#overlay_body div.bottom { background-image: url("../images/swkeyboard/bg_search_overlay_bottom.gif"); }

#overlay_body div.inner { background-image: url("../images/swkeyboard/bg_search_overlay_mid.gif"); }

.support_contents_body div.frame_gray { padding-bottom: 8px; background: url("../images/swkeyboard/bg_gray_bottom.gif") bottom center no-repeat; }

.support_contents_body div.frame_gray .frame_gray_bottom { background: url("../images/swkeyboard/bg_gray_top.gif") top center no-repeat; }

.support_contents_body div.info_table { margin: 0 auto; position: relative; zoom: 1; width: 830px; }

.support_contents_body div.info_table .info_table_top, .support_contents_body div.info_table .info_table_bottom { margin: 0; position: absolute; height: 10px; width: 830px; left: 0; }

.support_contents_body div.info_table .info_table_top { background: url("../images/swkeyboard/bg_table_top.gif") top center no-repeat; top: 0; }

.support_contents_body div.info_table .info_table_bottom { background: url("../images/swkeyboard/bg_table_bottom.gif") bottom center no-repeat; bottom: 0; }

.support_contents_body div.info_table table { margin: 0 auto; width: 830px; border: 1px solid #ddd; }

.support_contents_body div.info_table table th, .support_contents_body div.info_table table td { padding: 10px; border-top: 1px solid #ccc; }

.support_contents_body div.info_table table th { background-color: #f5f5f5; color: #333; text-align: left; }

.support_contents_body div.info_table table td { border-left: 2px solid #e0e0e0; }

.support_contents_body div.info_table_gray { margin: 0 auto; position: relative; zoom: 1; width: 830px; }

.support_contents_body div.info_table_gray p.info_table_top, .support_contents_body div.info_table_gray p.info_table_bottom { margin: 0; position: absolute; height: 10px; width: 830px; left: 0px; }

.support_contents_body div.info_table_gray p.info_table_top { background: url("../images/swkeyboard/bg_table_top.gif") top center no-repeat; top: 0px; }

.support_contents_body div.info_table_gray p.info_table_bottom { background: url("../images/swkeyboard/bg_table_bottom.gif") bottom center no-repeat; bottom: 0px; }

.support_contents_body div.info_table_gray table { margin: 0 auto; width: 830px; border-right: 1px solid #dddddd; border-left: 1px solid #dddddd; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .support_contents_body div.info_table_gray table { border-collapse: separate; } }

.support_contents_body div.info_table_gray table tr.first_child td { border-top: none; }

.support_contents_body div.info_table_gray table th, .support_contents_body div.info_table_gray table td { padding: 7px 7px 7px 10px; }

.support_contents_body div.info_table_gray table th { background-color: #f5f5f5; }

.support_contents_body div.info_table_gray table td { border-left: 2px solid #e0e0e0; border-top: 1px solid #cccccc; }

.support_contents_body div.info_table_gray table.bnner_table_advise td.last_child { border-left: none; padding-right: 20px; }

.support_contents_body div.info_table_gray table.bnner_table_advise td { padding-left: 20px; padding-right: 0; }

.support_contents_body .user_info { margin: 0 -2px 0 -3px; padding: 0 0 13px; background: url("../images/swkeyboard/bg_account_02.gif") bottom center no-repeat; }

.support_contents_body .user_info .user_info_bottom { padding: 12px 9px 0 17px; background: url("../images/swkeyboard/bg_account_01.gif") top center no-repeat; }

.support_contents_body .user_info .user_info_bottom td.last_child a { position: relative; }

.support_contents_body .user_info_option { margin: 0 -2px 0 -3px; padding-top: 28px; background: url("../images/swkeyboard/bg_frame_top.gif") top center no-repeat; }

.support_contents_body .user_info_option .user_info_mid { padding: 0 18px 1px 17px; background: url("../images/swkeyboard/bg_frame_mid.gif") bottom center repeat-y; }

.support_contents_body .user_info_option .user_info_bottom { padding-bottom: 28px; background: url("../images/swkeyboard/bg_frame_bottom.gif") bottom center no-repeat; }

.support_contents_body body.toushin .user_info_option, .support_contents_body body.gaika .user_info_option { margin: 0 -2px 0 -3px; padding-top: 28px; background: url("../images/swkeyboard/bg_frame_top.gif") top center no-repeat; z-index: 0; overflow: visible; }

.support_contents_body body.toushin .user_info_option .user_info_mid, .support_contents_body body.gaika .user_info_option .user_info_mid { zoom: 1; }

.support_contents_body .user_info_simple { margin: 0 -2px 0 -3px; padding-top: 18px; background: url("../images/swkeyboard/bg_frame_top_noshade.gif") top center no-repeat; }

.support_contents_body .user_info_simple .user_info_mid { padding: 0 18px 1px 17px; background: url("../images/swkeyboard/bg_frame_mid.gif") bottom center repeat-y; }

.support_contents_body .user_info_simple .user_info_bottom { padding-bottom: 18px; background: url("../images/swkeyboard/bg_frame_bottom.gif") bottom center no-repeat; }

.support_contents { position: relative; }

.support_contents_body { position: absolute; display: none; text-align: left; z-index: 2; left: 0; top: 0; }

.support_contents_body .support_contents_body_inner_1 { padding-left: 29px; background: url("../images/swkeyboard/bg_support_02.gif") top left no-repeat; }

.support_contents_body .support_contents_body_inner_2 { background: url("../images/swkeyboard/bg_support_01.gif") top right no-repeat; }

.support_contents_body .support_contents_closer { padding-left: 24px; text-align: center; text-indent: -24px; background: url("../images/swkeyboard/bg_support_03.gif") bottom left no-repeat; }

.support_contents_body .support_contents_closer div { padding: 3px 0 9px; background: url("../images/swkeyboard/bg_support_04.gif") bottom right no-repeat; }

#contents .support_contents_body button.support_contents_opener { padding: 6px 0 6px 20px; background: url("../images/swkeyboard/icon_help.gif") left center no-repeat; }

.support_contents_body .support_contents_closer button { font-size: 100% !important; margin-left: -20px; padding: 5px 0 5px 20px; background: url("../images/swkeyboard/icon_close.gif") left 50% no-repeat; }

.support_contents_body.pos_bottom_left_edge .support_balloon_tip, .support_contents_body.pos_bottom_center .support_balloon_tip, .support_contents_body.pos_bottom_left .support_balloon_tip, .support_contents_body.pos_bottom_right .support_balloon_tip { width: 27px; height: 20px; }

.support_contents_body.pos_right_middle .support_balloon_tip { width: 20px; height: 27px; }

.support_contents_body.pos_bottom_left .support_balloon_tip { margin-left: -17px; position: absolute; background: url("../images/swkeyboard/icon_support_04.gif") no-repeat; top: -18px; left: 50%; }

.support_contents_body.pos_bottom_center .support_balloon_tip { margin-left: -13px; position: absolute; background: url("../images/swkeyboard/icon_support_04.gif") no-repeat; top: -18px; left: 50%; }

.support_contents_body.pos_bottom_right .support_balloon_tip { position: absolute; background: url("../images/swkeyboard/icon_support_04.gif") no-repeat; top: -18px; left: 6px; }

.support_contents_body.pos_right_middle .support_balloon_tip { margin-top: -14px; position: absolute; left: -17px; top: 50%; background: url("../images/swkeyboard/icon_support_01.gif") no-repeat; }

.support_contents_body.pos_bottom_left_edge .support_balloon_tip { margin-left: 26px; position: absolute; background: url("../images/swkeyboard/icon_support_04.gif") no-repeat; top: -18px; left: 0%; }

.support_contents_body .softwareKeyboardFull { padding: 1rem .8rem 1rem 0; }

.support_contents_body .softwareKeyboardFull .flat_unit { display: flex; justify-content: space-between; }

.support_contents_body .softwareKeyboardFull .flat_unit a { margin-bottom: 0; }

.support_contents_body .softwareKeyboardFull .flat_unit a.btn-close { margin-top: 1rem; margin-right: 2.2rem; }

.support_contents_body .softwareKeyboardFull .ui { width: 78.4rem; position: relative; }

.support_contents_body .softwareKeyboardFull .ui li { margin: 0; list-style: none; }

.support_contents_body .softwareKeyboardFull .ui .row { margin-top: 1.5rem; margin-left: auto; margin-right: auto; }

.support_contents_body .softwareKeyboardFull .ui .row:after { content: ''; clear: both; display: block; }

.support_contents_body .softwareKeyboardFull .ui .row dl { float: left; margin: 0; }

.support_contents_body .softwareKeyboardFull .ui .row dl.upper, .support_contents_body .softwareKeyboardFull .ui .row dl.lower { width: 33rem; }

.support_contents_body .softwareKeyboardFull .ui .row dl.number { width: 12rem; }

.support_contents_body .softwareKeyboardFull .ui dl dt { margin: 0; font-weight: bold; }

.support_contents_body .softwareKeyboardFull .ui dl dd { margin: 0; }

.support_contents_body .softwareKeyboardFull .ui dl ul { margin: 0; padding-bottom: 1rem; }

.support_contents_body .softwareKeyboardFull .ui dl ul:after { content: ''; clear: both; display: block; }

.support_contents_body .softwareKeyboardFull .ui dl li { float: left; margin: .5rem .5rem 0 0; }

.support_contents_body .softwareKeyboardFull .ui a { padding: .7rem .6rem .7rem .8rem; display: block; width: 3rem; height: 3rem; background: #fefefe url("../images/swkeyboard/bg_keyboard.gif") repeat-x 0 100%; border: 1px solid #ccc; font-weight: bold; text-decoration: none; vertical-align: top; text-align: center; line-height: 1; font-size: 100% !important; color: #333 !important; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); text-shadow: 1px 1px 0 #fff; position: relative; outline: none; }

.support_contents_body .softwareKeyboardFull .ui a:hover, .support_contents_body .softwareKeyboardFull .ui a:focus { background: #fff; }

.support_contents_body .softwareKeyboardFull .ui ul.clear { left: 66rem; position: absolute; bottom: 0; margin: 0; padding-bottom: 1rem; }

.support_contents_body .softwareKeyboardFull .ui ul.clear li { margin-top: .5em; }

.support_contents_body .softwareKeyboardFull .ui ul.clear a { width: 10rem; white-space: nowrap; }

.support_contents_body .softwareKeyboardFull .ui ul.clear a.clear_one { padding-left: .1em; padding-right: 0; }

div.contents_atm_entry { width: 310px; }

div.contents_atm_entry .overlay_contents_body_inner_2 { zoom: 1; padding-top: 20px; }

div.contents_numbers_entry ul:after, div.contents_atm_entry .overlay_contents_body_inner_2:after, div.contents_atm_entry ul:after { content: "."; height: 0; display: block; visibility: hidden; clear: both; }

div.contents_atm_entry ul { list-style: none; margin-left: 0; zoom: 1; float: left; }

div.contents_atm_entry ul.number_form { width: 175px; margin-bottom: 0; }

div.contents_numbers_entry ul li, div.contents_atm_entry ul li { float: left; }

div.contents_atm_entry ul li { min-height: 39px; height: auto !important; }

div.contents_numbers_entry ul li { padding-left: 8px; height: 50px; width: 50px; }

div.contents_atm_entry ul.number_form li { margin-left: 8px; height: 50px; width: 50px; }

div.contents_atm_entry ul.adjunct_button { width: 76px; }

div.contents_atm_entry ul.adjunct_button li { padding: 0; height: 50px; }

div.contents_atm_entry ul li.first_item { clear: left; margin-left: 0; }

div.contents_atm_entry p.input_number { margin-right: 11px; text-align: right; background-color: #ffffff; border: 2px solid #dddddd; min-height: 32px; height: auto !important; line-height: 27px; font-size: 150%; min-width: 160px; }

div.contents_atm_entry p.input_number { width: 160px; }

div.contents_numbers_entry { width: 210px; }

div.contents_numbers_entry .support_contents_body_inner_1 { padding-left: 13px !important; }

div.contents_numbers_entry .support_contents_body_inner_2 { padding: 15px 10px 5px 0 !important; }

div.contents_numbers_entry ul { list-style: none; margin: 0 auto; padding: 5px 0 0 !important; width: 185px; }

div.contents_numbers_entry ul li { margin-bottom: 0; padding: 0 0 8px 8px; display: block; }

div.fukidashi_01 .support_contents_body_inner_1, div.fukidashi_01_fontL .support_contents_body_inner_1, div.fukidashi_02 .support_contents_body_inner_1, div.fukidashi_02_fontL .support_contents_body_inner_1 { padding-left: 20px; }

div.fukidashi_01 .support_contents_body_inner_2, div.fukidashi_01_fontL .support_contents_body_inner_2, div.fukidashi_02 .support_contents_body_inner_2, div.fukidashi_02_fontL .support_contents_body_inner_2 { padding: 19px 14px 10px 0; line-height: 1.5; }

div.fukidashi_04 .support_contents_body_inner_1, div.fukidashi_04_fontL .support_contents_body_inner_1 { padding-left: 20px; }

div.fukidashi_04 .support_contents_body_inner_2, div.fukidashi_04_fontL .support_contents_body_inner_2 { padding: 19px 20px 10px 0; }

div.fukidashi_01 .support_contents_body { width: 340px; font-size: 85.7%; }

div.fukidashi_01 .support_contents_body a { font-size: 100%; }

div.fukidashi_01_fontL .support_contents_body { width: 340px; }

div.fukidashi_01_fontL .support_contents_opener { font-size: 100%; }

div.fukidashi_02 .support_contents_body { width: 250px; font-size: 85.7%; }

div.fukidashi_02 .support_contents_body a { font-size: 100%; }

div.fukidashi_02_fontL .support_contents_body { width: 250px; }

div.fukidashi_02_fontL .support_contents_opener { font-size: 100%; }

div.fukidashi_03 .support_contents_body { width: 340px; font-size: 85.7%; }

div.fukidashi_03 .support_contents_body a { font-size: 100%; }

div.fukidashi_03_fontL .support_contents_body { width: 340px; }

div.fukidashi_03_fontL .support_contents_body a { font-size: 100%; }

div.fukidashi_04 .support_contents_body { width: 910px; font-size: 85.7%; }

div.fukidashi_04 .support_contents_body a { font-size: 100%; }

div.fukidashi_04_fontL .support_contents_body { width: 910px; }

div.fukidashi_04_fontL .support_contents_body a { font-size: 100%; }

.contents_numbers_entry > li, .swkb_numbers > li { box-sizing: content-box; }

.contents_numbers_entry button, .contents_numbers_entry button:hover, .swkb_numbers button, .swkb_numbers button:hover { -o-box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; padding: 0; height: auto; }

.contents_numbers_entry button:focus, .swkb_numbers button:focus { outline: 0; }

.contents_atm_entry .number_form li, .contents_atm_entry .adjunct_button li { margin-bottom: 20px; }

.contents_atm_entry button, .contents_atm_entry button:hover { -o-box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: 0; padding: 0; height: auto; }

.KEI_1_1 { padding-bottom: 30rem; }

.KEI_1_1 .main__content .box-wrap { margin-bottom: 1rem; }

.KEI_1_1 .main__content .box-wrap__content { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; padding: 2.4rem; }

.KEI_1_1 .main__content .box-wrap__content .content-image { margin-right: 2.4rem; }

.KEI_1_1 .main__content .box-wrap__content .content-explain { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; }

.KEI_1_1 .main__content .box-wrap__content button { margin-top: 1rem; width: 100%; }

.KEI_1_1 .main__content .btn-area { text-align: right; }

.KEI_1_1 .main__content .btn-area p { display: inline-block; }

.KEI_1_1 .main__content .form-row { margin-top: 2rem; }

.KEI_1_1 .main__content .form-row .form-col-h > p { font-weight: bold; }

.KEI_1_1 .main__content .form-row .form-col-d label { font-weight: normal; }

.KEI_1_1 .main__content .form-row .form-col-d.account-info { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }

.KEI_1_1 .main__content .form-row .form-col-d.account-info > div:first-child { margin-right: 1.6rem; }

.KEI_1_1 .main__content .birthday__year { width: 15% !important; }

.KEI_1_2 .main__content .box-wrap { margin-top: 1rem; margin-bottom: 4rem; }

.KEI_1_2 .main__content .form-row { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; }

.KEI_1_2 .bottom-nav { padding-top: 3rem; }

.KEI_1_3 .main__content .box-wrap { margin-top: 1rem; }

.KEI_1_3 .main__content .btn-area p { text-align: right; }

.KEI_1_4 .main__content .form-col-d .note { margin-bottom: 0.5rem; line-height: 1.8; }

.KEI_1_4 .main__content .form-col-d .note:nth-last-of-type(1) { margin-top: 1.5rem; }

.KEI_1_4 .main__content ul.warning { margin-top: 1.5rem; margin-bottom: 0; }

.KEI_1_4 .main__content .form-row { margin-top: 3rem; }

.KEI_1_5 .main__content .form-col-d .form-wrap .note { margin-bottom: 0.5rem; line-height: 1.8em; }

.KEI_1_5 .main__content .form-col-d .form-wrap .note:nth-last-of-type(1) { margin-top: 1.5rem; }

.KEI_1_5 .main__content .form-col-d .btn-area { margin-top: 2rem; margin-bottom: 0; }

.KEI_1_5 .main__content .form-row { margin-bottom: 3rem; margin-top: -1rem; }

.KEI_1_5 .main__content .btn-area { text-align: right; }

.KEI_1_5 .main__content .btn-area p { display: inline-block; }

.KEI_1_5 .main__content .additem-area label { margin-bottom: 0.5rem; }

.KEI_1_5 .main .bottom-nav { padding-top: 0; }

.KEI_1_6 .main__title .btn-area { margin-top: 1.6rem; text-align: right; }

.KEI_1_6 .main__content .card-body { padding-top: 0.5rem; padding-bottom: 0.5rem; }

.KEI_1_6 .main__content .card:nth-of-type(1) .card-img { padding-top: 0.5rem; padding-bottom: 0.5rem; }

.KEI_1_6 .main__content .card:nth-of-type(1) .card-img img { height: 8rem; }

.KEI_1_6 .main__content .card:nth-of-type(2) .card-img img { height: 8.6rem; }

.KEI_1_6 .main__content .btn-area-nextpage { color: #313131 !important; text-align: right; }

.KEI_1_7 .main__content strong { color: #E60000; }

.KEI_1_7 .main__content .card-img { width: 19.2rem; }

.KEI_1_7 .main__content .card-info ul { margin-bottom: 0; }

.KEI_1_7 .modal-eco .modal__content ul > li ul > li { margin-top: 1em; }

.KEI_1_7 .modal-eco .modal__content ul.warning { margin-bottom: 0; }

.KEI_1_7 .modal-eco .modal__content ul.warning > li { color: #313131; font-size: 1.5rem; margin-bottom: 1.5em; }

.KEI_1_7 .modal-eco .modal__content .btn-area { text-align: right; }

.KEI_1_7 .modal-eco .modal__btn-area { flex-direction: column; align-items: center; padding-bottom: 1rem; text-align: center; }

.KEI_1_7 .modal-eco .modal__btn-area button { width: 60%; text-align: left; }

.KEI_1_7 .modal-eco .modal__btn-area button ~ button { margin-top: 1rem; width: 60%; text-align: left; }

.KEI_1_7 .modal-eco .bottom-nav { padding-top: 2rem; padding-bottom: 3rem; }

.KEI_1_8 .main__title .btn-area { margin-top: 1.6rem; text-align: right; }

.KEI_1_8 .main__content .card-body { padding-top: 0.5rem; padding-bottom: 0.5rem; }

.KEI_1_8 .main__content .card:nth-of-type(1) .card-img { padding-top: 0.5rem; padding-bottom: 0.5rem; }

.KEI_1_8 .main__content .card:nth-of-type(1) .card-img img { height: 8rem; }

.KEI_1_8 .main__content .card:nth-of-type(2) .card-img img { height: 8.6rem; }

.KEI_1_8 .main__content .btn-area { margin-bottom: 1.6rem; text-align: right; }

.KEI_1_8 .main__content .btn-area a { color: #313131; }

.KEI_1_8 .main .not-red-hover { background-color: #fff !important; }

.KEI_1_9 .main__content { margin-top: 0; }

.KEI_1_9 .main__content p { text-align: center; font-size: 2.6rem; }

.KEI_1_9 .bottom-nav { padding-top: 3rem; }

.GAI_4_1 .main__content { margin-bottom: 0.5rem; }

.GAI_4_1 .main__content > .row > div { text-align: center; }

.GAI_4_1 .main__content .number { background: url("../images/img_document_pc.svg") no-repeat center center; background-size: contain; width: 6.2rem; height: 6rem; margin: 0 auto; padding-top: 1.6rem; padding-left: 0.3rem; text-align: center; }

.GAI_4_1 .main__content .number img { height: 1.8rem; }

.GAI_4_1 .main__content .content { font-size: 1.6rem; margin: 2.4rem auto 0; color: #313131; }

.GAI_4_1 .main__content .content span { color: #E60000; }

.GAI_4_1 .main__content .subcontent { margin-top: 0.8rem; color: #8C8C8C; font-size: 1.3rem; }

.GAI_4_1 .main__content .subcontent ul { margin-bottom: 0; }

.GAI_4_1 .main__content .btn-area { margin-top: 1rem; }

.GAI_4_1 .main__content .openhint { float: right; }

.modal-foreign-currency img { margin-bottom: 2rem; width: 100%; }

.modal-foreign-currency .modal__content .list { text-indent: -2.3rem; padding-left: 2.3rem; }

.modal-real-time .modal__content--lv1 { margin-top: 3rem; }

.modal-real-time .modal__content--lv1 .lv1-title { font-weight: bold; font-size: 1.7rem; }

.modal-real-time .modal__content--lv1:nth-of-type(1) { margin-top: 0; }

.modal-real-time .modal__content--lv2 { margin-top: 3rem; padding-left: 1.6rem; }

.modal-real-time .modal__content--lv2:nth-of-type(1) { margin-top: 0; }

.modal-real-time .modal__content--lv2 .lv2-title { font-weight: bold; }

.modal-real-time .modal__content--lv2 .note-block { padding-left: 3.2rem; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }

.modal-real-time .modal__content--lv2 .note-block .num { width: 2em; }

.modal-real-time .modal__content--lv2 .note-block p { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; }

.modal-real-time .img-area { margin-bottom: 2rem; position: relative; }

.modal-real-time .img_realtime1 { height: 29.6rem; }

.modal-real-time .img_realtime1 + ul { position: absolute; left: 43.2rem; top: 1.5em; color: #5A5A5A; font-size: 1.3rem; }

.modal-real-time .img_realtime2 { height: 27.2rem; }

.GAI_4_2 .main__content .card-wrap { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.GAI_4_2 .main__content .card-wrap .card { margin-bottom: 2rem; -webkit-flex-basis: 48.5%; -moz-flex-basis: 48.5%; -ms-flex-preferred-size: 48.5%; flex-basis: 48.5%; }

.GAI_4_2 .main__content .card-wrap .card .card-title { padding-left: 2.5rem; height: 6.4rem; border-bottom: 0; }

.GAI_4_2 .main__content .card-wrap .currency-img { margin-right: 1.6rem; width: 3.6rem; height: 2.1rem; }

.GAI_4_2 .main__content .card-wrap .currency-name { text-align: left; }

.GAI_4_2 .main__content .card-wrap .currency-rate { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; margin-right: 1.6rem; font-weight: normal; text-align: right; font-size: 1.8rem; }

.GAI_4_2 .main__content .card-wrap .currency-rate .yen { font-size: 1.5rem; }

.GAI_4_2 .main__content .update { font-size: 1.2rem; color: #5A5A5A; text-align: right; }

.GAI_4_3 .main__content .card .card-img { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; }

.GAI_4_3 .main__content .card .card-info { -webkit-box-flex: 3; -webkit-flex: 3; -moz-box-flex: 3; -moz-flex: 3; -ms-flex: 3; flex: 3; }

.GAI_4_3 .main__content .card:nth-last-of-type(1) { margin-bottom: 1rem; }

.GAI_4_4 .main__content .card-wrap { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.GAI_4_4 .main__content .card-wrap .card { margin-bottom: 2rem; -webkit-flex-basis: 48.5%; -moz-flex-basis: 48.5%; -ms-flex-preferred-size: 48.5%; flex-basis: 48.5%; }

.GAI_4_4 .main__content .card-wrap .card .card-title { display: block; position: relative; padding-top: 1.2rem; padding-bottom: 1.2rem; font-size: 1.5rem; background-position: top 1.6rem right 1.6rem; }

.GAI_4_4 .main__content .card-wrap .card .card-title .sel { float: right; padding-top: 0.2rem; }

.GAI_4_4 .main__content .card-wrap .card .card-info p { text-align: right; }

.GAI_4_4 .main__content .card-wrap .card .card-info p .amount { font-size: 1.3rem; }

.GAI_4_4 .main__content .card-wrap .card .card-info p .unit { font-size: 1.1rem; }

.GAI_4_4 .main__content .card-wrap .card .card-info p.line1 .amount { font-weight: bold; font-size: 1.5rem; }

.GAI_4_4 .main__content .card-wrap .card .card-info p.line1 .unit { font-size: 1.2rem; }

.GAI_4_4 .main__content .card-wrap .card .card-info p.line3 { min-height: 1.6em; }

.GAI_4_4 .main__content .update { font-size: 1.2rem; color: #5A5A5A; text-align: right; }

.GAI_4_4 .main__content .warning { margin-top: 2rem; margin-bottom: 0; }

.GAI_13_1 .main__content .form-row .input-group { padding-bottom: 0rem; }

.GAI_13_1 .main__content span { font-weight: bold; flex: 1; margin: 0; }

.GAI_13_1 .main__content span.note { font-weight: normal; }

.GAI_13_1 .main__content .unit { font-weight: normal; }

.GAI_13_1 .main__content .radio { margin-bottom: 1rem; font-weight: normal; }

.GAI_13_1 .main__content .radio strong { font-weight: bold; }

.GAI_13_1 .main__content .select-title { font-weight: bold; margin-bottom: 1rem; }

.GAI_13_1 .main__content .vl-job-other-wrap { margin-top: 1rem; overflow: hidden; }

.GAI_13_1 .main__content .vl-job-other-wrap .input-group { margin-top: 0.5rem; padding-bottom: 0rem; }

.GAI_13_1 .main__content .assets-amount-option { margin-top: 1rem; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }

.GAI_13_1 .main__content .assets-amount-option > div { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; }

.GAI_13_1 .main__content .assets-amount-option > div:first-child { margin-right: 1.6rem; }

.GAI_13_1 .main__content .assets-amount-option > div .input-group { margin-top: 0.5rem; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; }

.GAI_13_1 .main__content .assets-amount-option > div .input-group span { margin-left: 0.8rem; }

.GAI_13_1 .main__content .vl-learning-experience-job-wrap { width: 100%; }

.GAI_13_1 .main__content .detail-wrap { visibility: hidden; -webkit-transition: height 0.2s linear 0.2s; -moz-transition: height 0.2s linear 0.2s; transition: height 0.2s linear 0.2s; }

.GAI_13_1 .main__content .detail-wrap.hide { height: 0 !important; visibility: hidden; }

.GAI_13_1 .main__content .detail-wrap.input-group { overflow: hidden; }

.GAI_13_2 .main__content img.flag { height: 1.8rem; margin-left: 1.6rem; }

.GAI_13_2 .main__content table th { width: 25.6rem; }

.GAI_13_2 .main__content .table__title { margin-top: 2.8rem; margin-bottom: 1.2rem; font-weight: bold; }

.GAI_14_1 .main__content .doc-version { font-size: 1.3rem; color: #5A5A5A; text-align: center; }

.GAI_14_1 .main__content .btn-area { text-align: center; margin-top: 1rem; margin-bottom: 1rem; }

.GAI_14_1 .main__content .btn-area button { color: #FFF; background-color: #E60000; background-size: 2.8rem; text-align: center; padding: 0.8rem 4rem; font-weight: bold; }

.GAI_14_1 .main__content .btn-area button span { font-size: 1.2rem; }

.GAI_14_2 .main__content .doc-version { font-size: 1.3rem; color: #5A5A5A; text-align: center; }

.GAI_14_2 .main__content .doc-area { text-align: center; margin-top: 1rem; margin-bottom: 2.4rem; padding: 1rem 6.4rem 0; background-color: #F3F3F3; display: inline-block; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; }

.GAI_14_2 .main__content .doc-area .doc-status { color: #313131; font-weight: bold; font-size: 1.5rem; }

.GAI_14_2 .main__content .doc-area a { font-size: 1.3rem; color: #5A5A5A; }

.GAI_14_2 .main__content .box-wrap { padding: 1.6rem; background-color: #F3F3F3; margin-top: 0.8rem; margin-bottom: 1rem; font-weight: bold; }

.GAI_14_2 .main__content .box-wrap ul.tick { margin-bottom: 0; }

.GAI_14_2 .main__content .box-wrap ul.tick li ~ li { margin-top: 0; }

.GAI_14_2 .main__content .warning-wrap { padding-top: 0.5rem; text-align: center; }

.GAI_14_2 .main__content .warning-wrap .warning { display: inline-block; margin-bottom: 1rem; }

.GAI_14_2 .main__content .agreement { margin-top: 1rem; }

.GAI_14_2 .main__content .checkbox { font-weight: bold; }

.GAI_4_5 .main__content .select-unit { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; margin-bottom: 0.5rem; }

.GAI_4_5 .main__content .select-unit > .radio { width: 16rem; margin-right: 1.6rem; }

.GAI_4_5 .main__content .form-control { margin-right: 1rem; text-align: right; }

.GAI_4_5 .main__content .update { font-size: 1.2rem; color: #5A5A5A; text-align: right; margin-bottom: 2rem; }

.GAI_4_5 .main__content .amount-unit { min-width: 21%; }

.GAI_4_5 .main__content .select-title { font-weight: bold; margin-bottom: 1rem; }

.GAI_4_5 .main__content .warning-rate { border-bottom: none; }

.GAI_4_5 .main__content .term { font-weight: bold; }

.GAI_4_5 .main__content .btn-area { margin-top: 2rem; margin-bottom: 2rem; text-align: right; }

.GAI_4_5 .main__content .btn-area a { padding-right: 0; width: calc(3.8rem + 11em); }

.GAI_4_5 .main__content .input-group { display: flex; justify-content: center; align-items: center; }

.GAI_4_5 .main__content .account { margin-bottom: 1rem; padding: 1rem 1.6rem; background-color: #F3F3F3; color: #5A5A5A; font-size: 1.3rem; }

.GAI_4_5 .main__content .account__amount { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -webkit-box-align: baseline; -ms-flex-align: baseline; -webkit-align-items: baseline; -moz-align-items: baseline; align-items: baseline; }

.GAI_4_5 .main__content .account__amount .amount { margin-right: 0.5rem; margin-bottom: 0.5rem; text-align: right; }

.GAI_4_5 .main__content .account__amount .amount__area { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -webkit-box-align: baseline; -ms-flex-align: baseline; -webkit-align-items: baseline; -moz-align-items: baseline; align-items: baseline; }

.GAI_4_5 .main__content .account__amount.total { -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; justify-content: flex-end; }

.GAI_4_5 .main__content .account__amount.total .amount { font-weight: bold; font-size: 1.5rem; color: #313131; }

.GAI_4_5 .main__content .account__amount.available { -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; justify-content: flex-end; }

.GAI_4_5 .main__content .account__date { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; justify-content: flex-end; padding-top: 1rem; color: #8C8C8C; }

.GAI_4_5 .main__content .account__date .date__title { margin-right: 1em; }

.GAI_4_5 .main__content .table-radio caption { display: none; }

.GAI_4_5 .main__content .table-radio .radio { padding: 0; margin-bottom: 0; width: 1.6rem; height: 1.6rem; position: relative; border: 0; -o-box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

.GAI_4_5 .main__content .table-radio .radio .sign, .GAI_4_5 .main__content .table-radio .radio input { top: 0; margin-top: 0; left: 0; margin-right: 0; }

.GAI_4_5 .main__content .table-radio thead tr { cursor: default; }

.GAI_4_6 .main__content .select-unit { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; margin-bottom: 0.5rem; }

.GAI_4_6 .main__content .select-unit > .radio { width: 16rem; margin-right: 1.6rem; }

.GAI_4_6 .main__content .form-control { margin-right: 1rem; text-align: right; }

.GAI_4_6 .main__content .update { font-size: 1.2rem; color: #5A5A5A; text-align: right; margin-bottom: 2rem; }

.GAI_4_6 .main__content .amount-unit { min-width: 21%; }

.GAI_4_6 .main__content .select-title { font-weight: bold; margin-bottom: 1rem; }

.GAI_4_6 .main__content .term { font-weight: bold; }

.GAI_4_6 .main__content .btn-area { margin-top: 2rem; text-align: right; }

.GAI_4_6 .main__content .btn-area a { padding-right: 0; width: calc(3.8rem + 11em); }

.GAI_4_6 .main__content .input-group { display: flex; justify-content: center; align-items: center; }

.GAI_4_6 .main__content .account { margin-bottom: 1rem; padding: 1rem 1.6rem; background-color: #F3F3F3; color: #5A5A5A; font-size: 1.3rem; }

.GAI_4_6 .main__content .account__amount { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -webkit-box-align: baseline; -ms-flex-align: baseline; -webkit-align-items: baseline; -moz-align-items: baseline; align-items: baseline; }

.GAI_4_6 .main__content .account__amount .amount { margin-right: 0.5rem; margin-bottom: 0.5rem; text-align: right; }

.GAI_4_6 .main__content .account__amount .amount__area { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -webkit-box-align: baseline; -ms-flex-align: baseline; -webkit-align-items: baseline; -moz-align-items: baseline; align-items: baseline; }

.GAI_4_6 .main__content .account__amount.total { -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; justify-content: flex-end; }

.GAI_4_6 .main__content .account__amount.total .amount { font-weight: bold; font-size: 1.5rem; color: #313131; }

.GAI_4_6 .main__content .account__amount.total-yen { -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; justify-content: flex-end; }

.GAI_4_6 .main__content .account__amount.available { -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; justify-content: flex-end; }

.GAI_4_6 .main__content .account__date { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; justify-content: flex-end; padding-top: 1rem; color: #8C8C8C; }

.GAI_4_6 .main__content .account__date .date__title { margin-right: 1em; }

.GAI_4_6 .main__content .warning { margin-top: 1rem; }

.GAI_4_6 .main__content .form-term { margin-top: 0.2rem; }

.GAI_4_6 .main__content thead tr { cursor: default; }

.GAI_4_7 .main__content .box-wrap { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; }

.GAI_4_7 .main__content .box-wrap.rate { margin-bottom: 0; text-align: center; }

.GAI_4_7 .main__content .box-wrap .box-col { -webkit-flex-basis: 48.5%; -moz-flex-basis: 48.5%; -ms-flex-preferred-size: 48.5%; flex-basis: 48.5%; }

.GAI_4_7 .main__content .box-wrap .box-col .note { font-size: 1.2rem; color: #5A5A5A; text-align: right; }

.GAI_4_7 .main__content .box-wrap .box-col .rate-area { display: inline-block; color: #5A5A5A; text-align: right; }

.GAI_4_7 .main__content .box-wrap .box-col .rate-area span { color: #E60000; font-weight: bold; font-size: 1.8rem; }

.GAI_4_7 .main__content .box-wrap .box-col .rate-area .note { margin-bottom: 0.5rem; }

.GAI_4_7 .main__content .box-wrap .box-col .rate-area ul:nth-of-type(1) { margin-top: 0.5rem; }

.GAI_4_7 .main__content .box-wrap .box-col.rate1 { text-align: right; }

.GAI_4_7 .main__content .box-wrap .box-col.rate2 { text-align: left; }

.GAI_4_7 .main__content .box-wrap .box-col.rate1:last-of-type, .GAI_4_7 .main__content .box-wrap .box-col.rate2:first-of-type { -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; text-align: center; }

.GAI_4_7 .main__content .box-wrap .account { margin-bottom: 1rem; padding: 1rem 1.6rem; background-color: #F3F3F3; }

.GAI_4_7 .main__content .box-wrap .account__area { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; }

.GAI_4_7 .main__content .box-wrap .account__area .currency-img { margin-top: 0.5rem; }

.GAI_4_7 .main__content .box-wrap .account__info { color: #5A5A5A; font-size: 1.2rem; }

.GAI_4_7 .main__content .box-wrap .account .amount__area { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -webkit-box-align: baseline; -ms-flex-align: baseline; -webkit-align-items: baseline; -moz-align-items: baseline; align-items: baseline; margin-top: 1.6rem; }

.GAI_4_7 .main__content .box-wrap .account .amount__area p:nth-of-type(1) { color: #5A5A5A; font-size: 1.2rem; }

.GAI_4_7 .main__content .box-wrap .account .amount__area .amount { font-weight: bold; font-size: 1.5rem; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; text-align: right; margin-right: 0.5rem; }

.GAI_4_7 .main__content .box-wrap .account .amount__area .amount-unit { font-size: 1.3rem; }

.GAI_4_7 .main__content .box-wrap .account .amount__area .value { font-size: 1.3rem; }

.GAI_4_7 .main__content .btn-area { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; }

.GAI_4_7 .main__content .btn-area .btn-update-wrap .btn-update { font-size: 1.2rem; margin-bottom: 0.5rem; padding: 0.8rem 8.5rem; height: auto; white-space: nowrap; }

.GAI_4_7 .main__content .btn-area .btn-update-wrap .btn-update img { height: 2rem; margin-right: 0.5rem; }

.GAI_4_7 .main__content .update { font-size: 1.2rem; color: #5A5A5A; text-align: right; }

.GAI_4_7 .main__content .warning { display: inline-block; margin-top: 2rem; margin-bottom: 0; margin-right: auto; }

.GAI_4_8 .main__content .box-wrap { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; }

.GAI_4_8 .main__content .box-wrap .box-col { -webkit-flex-basis: 48.5%; -moz-flex-basis: 48.5%; -ms-flex-preferred-size: 48.5%; flex-basis: 48.5%; }

.GAI_4_8 .main__content .box-wrap .box-col .note { font-size: 1.2rem; color: #5A5A5A; text-align: right; }

.GAI_4_8 .main__content .box-wrap .box-col .rate-area { display: inline-block; color: #5A5A5A; }

.GAI_4_8 .main__content .box-wrap .box-col .rate-area span { color: #E60000; font-weight: bold; font-size: 1.8rem; }

.GAI_4_8 .main__content .box-wrap .box-col .rate-area .note { margin-top: 0.5rem; }

.GAI_4_8 .main__content .box-wrap .box-col.box-col-right { text-align: right; }

.GAI_4_8 .main__content .box-wrap .box-col.box-col-left { text-align: left; }

.GAI_4_8 .main__content .box-wrap .account { margin-bottom: 1rem; padding: 1rem 1.6rem; background-color: #F3F3F3; }

.GAI_4_8 .main__content .box-wrap .account__area { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; }

.GAI_4_8 .main__content .box-wrap .account__area .currency-img { margin-top: 0.5rem; }

.GAI_4_8 .main__content .box-wrap .account__info { color: #5A5A5A; font-size: 1.2rem; }

.GAI_4_8 .main__content .box-wrap .account .amount__area { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -webkit-box-align: baseline; -ms-flex-align: baseline; -webkit-align-items: baseline; -moz-align-items: baseline; align-items: baseline; margin-top: 1.6rem; }

.GAI_4_8 .main__content .box-wrap .account .amount__area p:nth-of-type(1) { color: #5A5A5A; font-size: 1.2rem; }

.GAI_4_8 .main__content .box-wrap .account .amount__area .amount { font-weight: bold; font-size: 1.5rem; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; text-align: right; margin-right: 0.5rem; }

.GAI_4_8 .main__content .box-wrap .account .amount__area .value { font-size: 1.3rem; }

.GAI_4_8 .main__content .btn-area { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; }

.GAI_4_8 .main__content .btn-area .btn-update-wrap .btn-update { font-size: 1.2rem; margin-bottom: 0.5rem; padding: 0.8rem 8.5rem; height: auto; }

.GAI_4_8 .main__content .btn-area .btn-update-wrap .btn-update img { height: 2rem; margin-right: 0.5rem; }

.GAI_4_8 .main__content .update { font-size: 1.2rem; color: #5A5A5A; text-align: right; }

.GAI_4_8 .main__content .warning { display: inline-block; margin-top: 2rem; margin-bottom: 0; margin-right: auto; }

.GAI_4_8 .main__content .warning > li { color: #5A5A5A; font-size: 1.2rem; }

.GAI_4_8 .box-wrap.t-center { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; }

.GAI_4_8 .box-wrap.t-center.box-wrap .box-col { text-align: center; }

.GAI_4_8.t1 .t1-center { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; }

.GAI_4_8.t1 .t1-center.box-wrap .box-col { text-align: center; }

.GAI_4_8.t1 .t1-hide { display: none !important; }

.GAI_4_8 .c1-show, .GAI_4_8 .c2-show, .GAI_4_8 .c3-show { display: none; }

.GAI_4_8.c1 .c1-show { display: block !important; }

.GAI_4_8.c2 .c1-show { display: none !important; }

.GAI_4_8.c2 .c2-show { display: block !important; }

.GAI_4_8.c3 .c1-show { display: none !important; }

.GAI_4_8.c3 .c3-show { display: block !important; }

.GAI_4_8 .reserve-area .reserve-title { font-weight: bold; }

.GAI_4_8 .reserve-area .box-wrap { margin-top: 0.8rem; }

.GAI_4_8 .reserve-area .note { color: #5A5A5A; font-size: 1.3rem; }

.GAI_4_8 .reserve-area ul.tick { margin-bottom: 0; padding: 1.6rem; border: solid 1px #E5E5E5; }

.GAI_4_8 .reserve-area ul.tick > li { background-position: left top 4px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }

.GAI_4_8 .reserve-area ul.tick > li .box-title { width: 16rem; min-width: 16rem; font-weight: bold; }

.GAI_4_8 .reserve-area ul.tick > li .reserve-explain { flex-grow: 1; }

.GAI_4_8 .reserve-area ul.tick > li .reserve-explain strong { color: #E60000; }

.GAI_4_8 .reserve-area ul.tick > li .reserve-explain .confirm { margin-top: 0.5rem; padding: 0.8rem; padding-left: 0.4rem; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }

.GAI_4_8 .reserve-area ul.tick > li .reserve-explain .confirm.confirm-gray { background-color: #F3F3F3; }

.GAI_4_8 .reserve-area ul.tick > li .reserve-explain .confirm .confirm-title { width: 8rem; }

.GAI_4_8 .reserve-area ul.tick > li .reserve-explain .confirm .confirm-body { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; }

.GAI_4_8 .reserve-area ul.tick > li .reserve-explain .confirm .confirm-body__row { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -webkit-box-align: baseline; -ms-flex-align: baseline; -webkit-align-items: baseline; -moz-align-items: baseline; align-items: baseline; }

.GAI_4_8 .reserve-area ul.tick > li .reserve-explain .confirm .confirm-body__row:not(:nth-of-type(1)) { margin-top: 0.5rem; }

.GAI_4_8 .reserve-area ul.tick > li .reserve-explain .confirm .confirm-body__title { color: #5A5A5A; font-size: 1.2rem; }

.GAI_4_8 .reserve-area ul.tick > li .reserve-explain .confirm .confirm-body__value { font-size: 1.3rem; text-align: right; }

.GAI_4_8 .reserve-area ul.tick > li .reserve-explain .confirm .confirm-body .note { font-size: 1.2rem; text-align: right; }

.GAI_4_8 .reserve-area ul.tick > li ~ li { margin-top: 2rem; }

.GAI_4_8 .reserve-area .table-rate { margin-top: 1rem; table-layout: fixed; width: auto; }

.GAI_4_8 .reserve-area th { padding: 0.8rem 1.6rem; }

.GAI_4_8 .reserve-area td { text-align: center; }

.GAI_4_8 .agreement label { font-weight: bold; }

.GAI_4_9 .main__content .box-wrap { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; }

.GAI_4_9 .main__content .box-wrap .box-col { -webkit-flex-basis: 48.5%; -moz-flex-basis: 48.5%; -ms-flex-preferred-size: 48.5%; flex-basis: 48.5%; }

.GAI_4_9 .main__content .box-wrap .box-col .note { font-size: 1.2rem; color: #5A5A5A; text-align: right; }

.GAI_4_9 .main__content .box-wrap .box-col .rate-area { display: inline-block; color: #5A5A5A; }

.GAI_4_9 .main__content .box-wrap .box-col .rate-area span { color: #E60000; font-weight: bold; font-size: 1.8rem; }

.GAI_4_9 .main__content .box-wrap .box-col .rate-area .note { margin-top: 0.5rem; }

.GAI_4_9 .main__content .box-wrap .box-col.box-col-right { text-align: right; }

.GAI_4_9 .main__content .box-wrap .box-col.box-col-left { text-align: left; }

.GAI_4_9 .main__content .box-wrap .account { margin-bottom: 1rem; padding: 1rem 1.6rem; background-color: #F3F3F3; }

.GAI_4_9 .main__content .box-wrap .account__area { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; }

.GAI_4_9 .main__content .box-wrap .account__area .currency-img { margin-top: 0.5rem; }

.GAI_4_9 .main__content .box-wrap .account__info { color: #5A5A5A; font-size: 1.2rem; }

.GAI_4_9 .main__content .box-wrap .account .amount__area { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -webkit-box-align: baseline; -ms-flex-align: baseline; -webkit-align-items: baseline; -moz-align-items: baseline; align-items: baseline; margin-top: 1.6rem; }

.GAI_4_9 .main__content .box-wrap .account .amount__area p:nth-of-type(1) { color: #5A5A5A; font-size: 1.2rem; }

.GAI_4_9 .main__content .box-wrap .account .amount__area .amount { font-weight: bold; font-size: 1.5rem; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; text-align: right; margin-right: 0.5rem; }

.GAI_4_9 .main__content .box-wrap .account .amount__area .amount-unit { font-size: 1.3rem; }

.GAI_4_9 .main__content .box-wrap .account .amount__area .value { font-size: 1.3rem; }

.GAI_4_9 .main__content .btn-area { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; }

.GAI_4_9 .main__content .btn-area .btn-update-wrap .btn-update { font-size: 1.2rem; margin-bottom: 0.5rem; padding: 0.8rem 8.5rem; height: auto; }

.GAI_4_9 .main__content .btn-area .btn-update-wrap .btn-update img { height: 2rem; margin-right: 0.5rem; }

.GAI_4_9 .main__content .update { font-size: 1.2rem; color: #5A5A5A; text-align: right; }

.GAI_4_9 .main__content .warning { display: inline-block; margin-top: 2rem; margin-bottom: 0; margin-right: auto; }

.GAI_4_9 .main__content .warning > li { color: #5A5A5A; font-size: 1.2rem; }

.GAI_4_9 .box-wrap.t-center { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; }

.GAI_4_9 .box-wrap.t-center.box-wrap .box-col { text-align: center; }

.GAI_4_9 .box-wrap.mb0 { margin-bottom: 0; }

.GAI_4_9.t1 .t1-center { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; }

.GAI_4_9.t1 .t1-center.box-wrap .box-col { text-align: center; }

.GAI_4_9.t1 .t1-hide { display: none !important; }

.GAI_4_9 .c1-show, .GAI_4_9 .c2-show, .GAI_4_9 .c3-show { display: none; }

.GAI_4_9.c1 .c1-show { display: block !important; }

.GAI_4_9.c2 .c1-show { display: none !important; }

.GAI_4_9.c2 .c2-show { display: block !important; }

.GAI_4_9.c3 .c1-show { display: none !important; }

.GAI_4_9.c3 .c3-show { display: block !important; }

.GAI_4_9 .reserve-area .reserve-title { font-weight: bold; }

.GAI_4_9 .reserve-area .box-wrap { margin-top: 0.8rem; }

.GAI_4_9 .reserve-area .note { color: #5A5A5A; font-size: 1.3rem; }

.GAI_4_9 .reserve-area ul.tick { margin-bottom: 0; padding: 1.6rem; border: solid 1px #E5E5E5; }

.GAI_4_9 .reserve-area ul.tick > li { background-position: left top 4px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }

.GAI_4_9 .reserve-area ul.tick > li .box-title { width: 16rem; min-width: 16rem; font-weight: bold; }

.GAI_4_9 .reserve-area ul.tick > li .reserve-explain { flex-grow: 1; }

.GAI_4_9 .reserve-area ul.tick > li .reserve-explain strong { color: #E60000; }

.GAI_4_9 .reserve-area ul.tick > li .reserve-explain .confirm { margin-top: 0.5rem; padding: 0.8rem; padding-left: 0.4rem; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }

.GAI_4_9 .reserve-area ul.tick > li .reserve-explain .confirm.confirm-gray { background-color: #F3F3F3; }

.GAI_4_9 .reserve-area ul.tick > li .reserve-explain .confirm .confirm-title { width: 8rem; }

.GAI_4_9 .reserve-area ul.tick > li .reserve-explain .confirm .confirm-body { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; }

.GAI_4_9 .reserve-area ul.tick > li .reserve-explain .confirm .confirm-body__row { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -webkit-box-align: baseline; -ms-flex-align: baseline; -webkit-align-items: baseline; -moz-align-items: baseline; align-items: baseline; }

.GAI_4_9 .reserve-area ul.tick > li .reserve-explain .confirm .confirm-body__row:not(:nth-of-type(1)) { margin-top: 0.5rem; }

.GAI_4_9 .reserve-area ul.tick > li .reserve-explain .confirm .confirm-body__title { color: #5A5A5A; font-size: 1.2rem; }

.GAI_4_9 .reserve-area ul.tick > li .reserve-explain .confirm .confirm-body__value { font-size: 1.3rem; text-align: right; }

.GAI_4_9 .reserve-area ul.tick > li .reserve-explain .confirm .confirm-body .note { font-size: 1.2rem; text-align: right; }

.GAI_4_9 .reserve-area ul.tick > li ~ li { margin-top: 2rem; }

.GAI_4_9 .reserve-area .table-rate { margin-top: 1rem; table-layout: fixed; width: auto; }

.GAI_4_9 .reserve-area .table-rate th { padding: 0.8rem 1.6rem; }

.GAI_4_9 .reserve-area .table-rate td { text-align: center; }

.GAI_4_9 .reserve-area .agreement label { font-weight: bold; }

.GAI_4_10 .main__content { margin-top: 0; margin-bottom: 4rem; }

.GAI_4_10 .main__content .btn-area-print { text-align: right; }

.GAI_4_10 .main__content .box-wrap { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-pack: distribute; -webkit-justify-content: space-around; -moz-justify-content: space-around; justify-content: space-around; }

.GAI_4_10 .main__content .box-col { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

.GAI_4_10 .main__content .box-col p { text-align: center; }

.GAI_4_10 .main__content .box-col > div { text-align: center; }

.GAI_4_10 .main__content .box-col .img-area { margin: 2rem auto; }

.GAI_4_10 .main__content .box-col .btn-area button { height: auto; padding: 0.6rem 3rem; min-width: 19.2rem; }

.GAI_4_10 .main__content .option-title p { margin-top: 3rem; margin-bottom: 2rem; font-weight: bold; font-size: 1.7rem; text-align: center; }

.GAI_4_10 ul.warning span { color: #E60000; }

.GAI_4_11 .main__content { margin-top: 0; margin-bottom: 4rem; }

.GAI_4_11 .main__content .btn-area-print { text-align: right; }

.GAI_4_11 .main__content .box-wrap { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-pack: distribute; -webkit-justify-content: space-around; -moz-justify-content: space-around; justify-content: space-around; }

.GAI_4_11 .main__content .box-col { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

.GAI_4_11 .main__content .box-col p { text-align: center; }

.GAI_4_11 .main__content .box-col > div { text-align: center; }

.GAI_4_11 .main__content .box-col .img-area { margin: 2rem auto; }

.GAI_4_11 .main__content .box-col .btn-area button { height: auto; padding: 0.6rem 3rem; min-width: 19.2rem; }

.GAI_4_11 .main__content .option-title p { margin-top: 3rem; margin-bottom: 2rem; font-weight: bold; font-size: 1.7rem; text-align: center; }

.GAI_4_11 .main .reserve-area .reserve-title { font-weight: bold; padding-top: 2rem; }

.GAI_4_11 .main .reserve-area .box-wrap { margin-top: 0.8rem; }

.GAI_4_11 .main .reserve-area .note { color: #5A5A5A; font-size: 1.3rem; }

.GAI_4_11 .main .reserve-area ul.tick { margin-bottom: 0; padding: 1.6rem; border: solid 1px #E5E5E5; }

.GAI_4_11 .main .reserve-area ul.tick > li { background-position: left top 4px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }

.GAI_4_11 .main .reserve-area ul.tick > li .box-title { width: 16rem; min-width: 16rem; font-weight: bold; }

.GAI_4_11 .main .reserve-area ul.tick > li .reserve-explain { flex-grow: 1; }

.GAI_4_11 .main .reserve-area ul.tick > li .reserve-explain strong { color: #E60000; }

.GAI_4_11 .main .reserve-area ul.tick > li .reserve-explain .confirm { margin-top: 0.5rem; padding: 0.8rem 0.8rem 0.8rem 0.4rem; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }

.GAI_4_11 .main .reserve-area ul.tick > li .reserve-explain .confirm.confirm-gray { background-color: #F3F3F3; }

.GAI_4_11 .main .reserve-area ul.tick > li .reserve-explain .confirm .confirm-title { width: 8rem; }

.GAI_4_11 .main .reserve-area ul.tick > li .reserve-explain .confirm .confirm-body { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; }

.GAI_4_11 .main .reserve-area ul.tick > li .reserve-explain .confirm .confirm-body__row { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -webkit-box-align: baseline; -ms-flex-align: baseline; -webkit-align-items: baseline; -moz-align-items: baseline; align-items: baseline; }

.GAI_4_11 .main .reserve-area ul.tick > li .reserve-explain .confirm .confirm-body__row:not(:nth-of-type(1)) { margin-top: 0.5rem; }

.GAI_4_11 .main .reserve-area ul.tick > li .reserve-explain .confirm .confirm-body__title { color: #5A5A5A; font-size: 1.2rem; }

.GAI_4_11 .main .reserve-area ul.tick > li .reserve-explain .confirm .confirm-body__value { font-size: 1.3rem; text-align: right; }

.GAI_4_11 .main .reserve-area ul.tick > li .reserve-explain .confirm .confirm-body .note { font-size: 1.2rem; text-align: right; }

.GAI_4_11 .main .reserve-area ul.tick > li ~ li { margin-top: 2rem; }

.GAI_4_11 .main .reserve-area .table { margin-top: 1rem; table-layout: fixed; width: auto; }

.GAI_4_11 .main .reserve-area .table caption { display: none; }

.GAI_4_11 .main .reserve-area .table tr { border: 0; }

.GAI_4_11 .main .reserve-area .table tr:not(:first-child) { border-bottom: 1px solid #E5E5E5; }

.GAI_4_11 .main .reserve-area .table th { background-color: #E5E5E5; font-size: 1.2rem; color: #313131; padding: 0.8rem 1.6rem; }

.GAI_4_11 .main .reserve-area .table td { padding: 1.6rem; text-align: center; background-color: #FFF; }

.GAI_4_11 .main .reserve-area .agreement label { font-weight: bold; }

.GAI_4_12 .main .btn-area-print { text-align: right; }

.GAI_4_12 .main__content { margin-top: 0; margin-bottom: 4rem; }

.KEI_8_1 .main__content .number-area-wrap .form-col-h strong { color: #E60000; }

.KEI_8_1 .main__content .direct_input_space { margin-bottom: 5rem; }

.KEI_8_1 .main__content .number-area { padding: 1.6rem; border: 1px solid #E5E5E5; }

.KEI_8_1 .main__content .number-area:first-child { position: relative; border-radius: 0.8rem 0.8rem 0 0; padding-bottom: 2.4rem; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }

.KEI_8_1 .main__content .number-area:first-child .input-account { margin-left: 3.2rem; }

.KEI_8_1 .main__content .number-area:first-child::after { content: 'または'; position: absolute; bottom: -0.5em; left: calc(50% - 2em); width: 4em; height: 1em; line-height: 1em; text-align: center; font-weight: bold; color: #E60000; background-color: #FFF; }

.KEI_8_1 .main__content .number-area:last-child { border-radius: 0 0 0.8rem 0.8rem; border-top: 0; padding-top: 2.4rem; }

.KEI_8_1 .main__content .form-col-h { max-width: 26.5rem; }

.KEI_8_1 .main__content .with-arrow, .KEI_8_1 .main__content a.nextpage, .KEI_8_1 .main__content .LOG_2_1 .main .show-more a, .LOG_2_1 .main .show-more .KEI_8_1 .main__content a { font-size: 1.3rem; white-space: nowrap; display: inline-block; padding-right: 2.8rem; margin-top: 1rem; margin-bottom: 1rem; height: auto; text-align: left; color: #5A5A5A; font-size: 1.3rem; }

.KEI_8_1 .main__content .hide { display: none !important; }

.KEI_8_1 .main__content .form-col-d .cashcard .btn-area, .KEI_8_1 .main__content .form-col-d .direct .btn-area { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; justify-content: flex-end; margin-top: 1rem; text-align: right; }

.KEI_8_2 .main__content .form-col-h label strong { color: #E60000; }

.KEI_8_2 .main__content .form-col-d .input-with-keyboard span { margin-right: 1rem; }

.KEI_8_2 .main__content .kome { margin-top: 2rem; }

.KEI_8_3 .main__content { margin-top: 0; }

.KEI_8_3 .main__content .btn-area { margin-bottom: 1.6rem; }

.KEI_8_3 .main__content .card .card-title .weak { font-size: 1.5rem; font-weight: normal; }

.KEI_8_3 .main__content .card .card-img { margin-right: 2rem; }

.KEI_8_3 .main__content .card .card-img .img-otp2 { height: 8.6rem; }

.KEI_8_3 .main__content .card .card-info ol { margin: 0; counter-reset: ol-counter; }

.KEI_8_3 .main__content .card .card-info ol li ~ li { margin-top: 0.2em; }

.KEI_8_4 .main__content .process-wrap { padding-bottom: 1.6rem; border-bottom: 1px solid #E5E5E5; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; }

.KEI_8_4 .main__content .process-wrap__image { padding-right: 3.2rem; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; }

.KEI_8_4 .main__content .process-wrap__image .icon-step-next { margin: 0 1.2rem; }

.KEI_8_4 .main__content .process-wrap__image .icon-step-num { position: relative; padding-top: 5px; }

.KEI_8_4 .main__content .process-wrap__image .icon-step-num:after { content: ' '; position: absolute; top: 0; left: 0; width: 100%; height: 10px; background-image: url("../images/icon_num_1_gray.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; }

.KEI_8_4 .main__content .process-wrap__image .icon-step-num.step1-done:after { height: 12px; top: -2px; }

@media (-ms-high-contrast: none), (-ms-high-contrast: active) { .KEI_8_4 .main__content .process-wrap__image .icon-step-num.step1:after { height: 12px; background-size: 10px; }
  .KEI_8_4 .main__content .process-wrap__image .icon-step-num.step2:after { height: 12px; background-size: 9px; }
  .KEI_8_4 .main__content .process-wrap__image .icon-step-num.step3:after { height: 12px; background-size: 8px; } }

.KEI_8_4 .main__content .process-wrap__explain ol { margin-bottom: 0; }

.KEI_8_4 .main__content .process-wrap__explain ol li { font-size: 1.3rem; position: relative; margin-bottom: 1em; padding-left: 1.8em; line-height: 1.2; }

.KEI_8_4 .main__content .process-wrap__explain ol li:after { content: ''; position: absolute; top: -0.1rem; left: 0; width: 100%; height: 1.9rem; background-image: url("../images/icon_num_1_gray.svg"); background-position: top left; background-repeat: no-repeat; }

.KEI_8_4 .main__content .process-wrap__explain ol li:nth-last-of-type(1) { margin-bottom: 0; }

.KEI_8_4 .main__content .process-wrap .step1:after { background-image: url("../images/icon_num_1_gray.svg"); }

.KEI_8_4 .main__content .process-wrap .step1-done:after { background-image: url("../images/icon_num_1_done_gray.svg"); }

.KEI_8_4 .main__content .process-wrap .step2:after { background-image: url("../images/icon_num_2_gray.svg"); }

.KEI_8_4 .main__content .process-wrap .step3:after { background-image: url("../images/icon_num_3_gray.svg"); }

.KEI_8_4 .main__content .process-wrap .auth-number { display: inline-block; margin-top: 0.2em; padding: 0.2em 0.6em; text-align: center; background-color: #F3F3F3; font-size: 2rem; font-weight: normal; color: #E60000; }

.KEI_8_4 .main__content .detail { margin: 0 auto; width: 80%; }

.KEI_8_4 .main__content .detail__step { position: relative; margin-top: 1.6rem; margin-bottom: 1.2rem; height: 2rem; }

.KEI_8_4 .main__content .detail__step img { display: block; position: absolute; }

.KEI_8_4 .main__content .detail__step img:first-child { left: 0; bottom: 0; height: 1.5rem; }

.KEI_8_4 .main__content .detail__step img:last-child { left: 4rem; bottom: 0.2rem; height: 1.9rem; }

.KEI_8_4 .main__content .detail__title { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; }

.KEI_8_4 .main__content .detail__title > img { margin-right: 1.6rem; }

.KEI_8_4 .main__content .detail__title > p strong { font-size: 1.7rem; }

.KEI_8_4 .main__content .detail__content { margin-top: 1.6rem; }

.KEI_8_4 .main__content .detail__content .radio { margin-bottom: 1rem; height: 6rem; font-size: 1.3rem; }

.KEI_8_4 .main__content .detail__content .radio .detail-name { width: 10em; }

.KEI_8_4 .main__content .detail__content .radio strong { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; font-size: 1.5rem; }

.KEI_8_4 .main__content .warning { margin-bottom: 0; }

.KEI_8_5 .main__content .process-wrap { padding-bottom: 1.6rem; border-bottom: 1px solid #E5E5E5; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; }

.KEI_8_5 .main__content .process-wrap__image { padding-right: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; }

.KEI_8_5 .main__content .process-wrap__image .icon-step-next { margin: 0 1.2rem; }

.KEI_8_5 .main__content .process-wrap__image .icon-step-num { position: relative; padding-top: 5px; }

.KEI_8_5 .main__content .process-wrap__image .icon-step-num:after { content: ' '; position: absolute; top: 0; left: 0; width: 100%; height: 10px; background-image: url("../images/icon_num_1_gray.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; }

.KEI_8_5 .main__content .process-wrap__image .icon-step-num.step1-done:after { height: 12px; top: -2px; }

@media (-ms-high-contrast: none), (-ms-high-contrast: active) { .KEI_8_5 .main__content .process-wrap__image .icon-step-num.step1:after { height: 12px; background-size: 10px; }
  .KEI_8_5 .main__content .process-wrap__image .icon-step-num.step2:after { height: 12px; background-size: 9px; }
  .KEI_8_5 .main__content .process-wrap__image .icon-step-num.step3:after { height: 12px; background-size: 8px; } }

.KEI_8_5 .main__content .process-wrap__explain ol { margin-bottom: 0; }

.KEI_8_5 .main__content .process-wrap__explain ol li { font-size: 1.3rem; position: relative; margin-bottom: 1em; padding-left: 1.8em; line-height: 1.2; }

.KEI_8_5 .main__content .process-wrap__explain ol li:after { content: ''; position: absolute; top: -0.1rem; left: 0; width: 100%; height: 1.9rem; background-image: url("../images/icon_num_1_gray.svg"); background-position: top left; background-repeat: no-repeat; }

.KEI_8_5 .main__content .process-wrap__explain ol li:nth-last-of-type(1) { margin-bottom: 0; }

.KEI_8_5 .main__content .process-wrap .step1:after { background-image: url("../images/icon_num_1_gray.svg"); }

.KEI_8_5 .main__content .process-wrap .step1-done:after { background-image: url("../images/icon_num_1_done_gray.svg"); }

.KEI_8_5 .main__content .process-wrap .step2:after { background-image: url("../images/icon_num_2_gray.svg"); }

.KEI_8_5 .main__content .process-wrap .step3:after { background-image: url("../images/icon_num_3_gray.svg"); }

.KEI_8_5 .main__content .process-wrap .auth-number { display: inline-block; margin-top: 0.2em; padding: 0.2em 0.6em; text-align: center; background-color: #F3F3F3; font-size: 2rem; font-weight: normal; color: #E60000; }

.KEI_8_5 .main__content .detail-wrap { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; }

.KEI_8_5 .main__content .detail-wrap .detail { margin: 0 auto; width: 80%; }

.KEI_8_5 .main__content .detail-wrap .detail__step { position: relative; margin-top: 1.6rem; margin-bottom: 1.2rem; height: 2rem; }

.KEI_8_5 .main__content .detail-wrap .detail__step img { display: block; position: absolute; }

.KEI_8_5 .main__content .detail-wrap .detail__step img:first-child { left: 0; bottom: 0; height: 1.5rem; }

.KEI_8_5 .main__content .detail-wrap .detail__step img:last-child { left: 4rem; bottom: 0.2rem; height: 1.9rem; }

.KEI_8_5 .main__content .detail-wrap .detail__title { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; }

.KEI_8_5 .main__content .detail-wrap .detail__title > img { margin-right: 1.6rem; }

.KEI_8_5 .main__content .detail-wrap .detail__title > p strong { font-size: 1.7rem; }

.KEI_8_5 .main__content .detail-wrap .detail__content { margin-top: 1.6rem; }

.KEI_8_5 .main__content .detail-wrap .detail__content .box-wrap { text-align: center; }

.KEI_8_5 .main__content .detail-wrap .detail__content .box-wrap .auth-number { font-size: 3.5rem; font-weight: bold; color: #E60000; word-break: break-all; }

.KEI_8_5 .main__content .detail-wrap .detail:first-child { margin-right: 3.2rem; }

.KEI_8_5 .main__content .warning { margin-bottom: 0; }

.KEI_8_6 .main__content .form-col-d .note { margin-bottom: 0.5rem; line-height: 1.8em; }

.KEI_8_6 .main__content .form-col-d .note:nth-last-of-type(1):not(:first-child) { margin-top: 1.5rem; }

.KEI_8_6 .main__content .form-col-d .btn-area { margin-top: 1rem; text-align: right; }

.KEI_8_6 .main__content ul.warning { margin-top: 1.5rem; margin-bottom: 0; }

.KEI_8_6 .main__content .form-row { margin-top: 0; margin-bottom: 3rem; }

.KEI_8_6 .main .bottom-nav { padding-top: 0; }

.KEI_8_6 .red-num { color: #fff; font-size: 1.4rem; background-color: #E60000; border-radius: 50%; display: inline-block; justify-content: center; text-align: center; width: 16px; height: 16px; line-height: 16px; }

.KEI_8_6 .img-area img { margin-top: 1rem; margin-bottom: 2rem; height: 9.2rem; }

.KEI_8_6 .img-area.img-id-card1 img { height: 15.2rem; }

.KEI_8_6 .img-area.img-id-card2 img { height: 15.2rem; }

.KEI_8_6 .img-area.img-id-postcard img { margin-left: 7.5rem; }

.KEI_8_7 .main__content .form-col-d .form-wrap .note { margin-bottom: 0.5rem; line-height: 1.8em; }

.KEI_8_7 .main__content .form-col-d .form-wrap .note:nth-last-of-type(1) { margin-top: 1.5rem; }

.KEI_8_7 .main__content .form-col-d .btn-area { margin-top: 2rem; margin-bottom: 0; }

.KEI_8_7 .main__content .form-row { margin-bottom: 3rem; margin-top: -1rem; }

.KEI_8_7 .main__content .btn-area { text-align: right; }

.KEI_8_7 .main__content .btn-area p { display: inline-block; }

.KEI_8_7 .main__content .additem-area .mail3 { margin-top: 3rem; }

.KEI_8_7 .main__content .additem-area label { margin-bottom: 0.5rem; }

.KEI_8_7 .main .bottom-nav { padding-top: 0; }

.KEI_8_10 .main__title { margin-bottom: 2rem; }

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

.KEI_8_10 .main__content .box-wrap { margin-top: 3rem; }

.KEI_8_11 .main__title { margin-bottom: 2rem; }

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

.KEI_8_11 .main__content .box-wrap { margin-top: 3rem; }

.LOG_2_1 { background-color: #F8F8F8; padding-bottom: 12rem; }

.LOG_2_1 .user-info { width: calc(768px - 4.8rem); min-width: calc(768px - 4.8rem); margin: 0 auto; color: #8C8C8C; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; min-height: 6.4rem; }

.LOG_2_1 .user-info.container-wide, .LOG_2_1 .user-info.navigation, .LOG_2_1 .user-info.footer__logout__btns { width: calc(100% - 4.8rem); max-width: calc(1140px - 4.8rem); min-width: calc(768px - 4.8rem); }

.LOG_2_1 .user-info .show-amount { margin-right: 0.5rem; padding: 0.5rem 2rem; font-size: 1.2rem; width: 12rem; min-width: 12rem; height: 3rem; white-space: nowrap; }

.LOG_2_1 .user-info .user-info-name { flex: 0 0 100%; max-width: calc(100% - 37rem); display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; }

.LOG_2_1 .user-info .user-info-lastlogin { flex: 0 0 100%; max-width: 37rem; }

@media all and (-ms-high-contrast: none) { .LOG_2_1 .user-info .user-name { margin-top: 2rem !important; margin-bottom: 2rem !important; } }

.LOG_2_1 .user-info .user-name { margin-top: 1rem; margin-bottom: 1rem; }

.LOG_2_1 .user-info .user-name span { font-size: 1.7rem; margin-right: 3.2rem; display: inline-block; vertical-align: middle; color: #313131; max-width: 64rem; }

.LOG_2_1 .user-info .last-login { text-align: right; line-height: 1.2; padding-left: 1.6rem; color: #8C8C8C; }

.LOG_2_1 .user-info .last-login span { display: block; }

.LOG_2_1 .user-info .last-login span:first-child { font-size: 1.1rem; }

.LOG_2_1 .user-info .last-login span:last-child { font-size: 1.4rem; }

.LOG_2_1 .top-message { width: calc(100% - 4.8rem); max-width: calc(1140px - 4.8rem); min-width: calc(768px - 4.8rem); }

.LOG_2_1 .urgent-openwindow { font-weight: normal; float: right; margin: 0; }

.LOG_2_1 .card .card-body { display: block; }

.LOG_2_1 .card .card-body.slide-viewport { overflow: hidden; }

.LOG_2_1 .card .card-body.slide-viewport .slider { position: relative; flex-flow: row; flex-wrap: nowrap; display: flex; width: max-content; }

.LOG_2_1 .card .card-body.slide-viewport .slider .slide { width: 35rem; min-height: 30rem; display: table; }

.LOG_2_1 .card .card-body.slide-viewport .slider .slide .card-image { position: relative; height: 17.5rem; }

.LOG_2_1 .card .card-body.slide-viewport .slider .slide .card-image img { width: 35rem; }

.LOG_2_1 .card .card-body.slide-viewport .slider .slide .card-header { position: relative; height: 2rem; font-weight: bold; margin: 1rem; padding: 1rem; }

.LOG_2_1 .card .card-body.slide-viewport .slider .slide .card-text { position: relative; min-height: 10rem; margin: 1rem; padding: 1rem; max-width: 32rem; }

.LOG_2_1 .card .card-body.slide-viewport #dv-slide-select { text-align: center; height: 4.2rem; background-color: #F3F3F3; background-image: url("../images/icon_arrow_right.svg"); background-repeat: no-repeat; background-position: calc(100% - 1rem) center; }

.LOG_2_1 .card .card-body.slide-viewport #dv-slide-select .slide-dot { height: 0.5rem; width: 0.5rem; margin: 2rem 0.5rem; background-color: #bbb; border-radius: 50%; display: inline-block; transition: background-color 0.6s ease; }

.LOG_2_1 .card .card-body.slide-viewport #dv-slide-select .active, .LOG_2_1 .card .card-body.slide-viewport #dv-slide-select .slide-dot:hover { background-color: #E60000; }

.LOG_2_1 .card .card-body.slide-viewport #dv-slide-select:hover { opacity: 0.8; }

.LOG_2_1 .card .card-body.slide-viewport #dv-slide-select #vl-slide-right { position: absolute; right: 0; width: 40%; height: inherit; }

.LOG_2_1 .card .card-body.slide-viewport #dv-slide-select #vl-slide-right:hover { opacity: 0.8; cursor: pointer; }

.LOG_2_1 .main .row { margin-left: -1rem; margin-right: -1rem; }

.LOG_2_1 .main .row .col-7, .LOG_2_1 .main .row .col-5, .LOG_2_1 .main .row .col-6 { padding-left: 1rem; padding-right: 1rem; }

.LOG_2_1 .main .row .col-7 { min-width: calc(100% - 37rem); }

.LOG_2_1 .main .row .col-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 37rem; -moz-box-flex: 0; -moz-flex: 0 0 37rem; -ms-flex: 0 0 37rem; flex: 0 0 37rem; max-width: 37rem; }

.LOG_2_1 .main .card { -o-box-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.1); box-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.1); -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; background-color: #FFF; border: 1px solid #E5E5E5; text-align: left; }

.LOG_2_1 .main .card + .card { margin-top: 2rem; }

.LOG_2_1 .main .card-line { background-color: #5A5A5A; padding: 0; height: 0.6rem; }

.LOG_2_1 .main .card-body { padding: 0; }

.LOG_2_1 .main .card-button { background-color: #F3F3F3; text-align: center; padding: 1.5rem 1rem; flex-wrap: wrap; flex-direction: row; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-pack: distribute; -webkit-justify-content: space-around; -moz-justify-content: space-around; justify-content: space-around; }

.LOG_2_1 .main .card-button button { position: relative; padding: 0 1em; font-size: 1.4rem; margin: 0.5rem; width: 15.2rem; }

.LOG_2_1 .main .card-button .badge { right: -0.3rem; position: relative; font-size: 1.2rem !important; line-height: 1.4; padding: 0.1rem 0.4rem; }

.LOG_2_1 .main .with-arrow, .LOG_2_1 .main a.nextpage, .LOG_2_1 .main .show-more a { background-position: calc(100% - 12px) center; }

.LOG_2_1 .main .card-title { padding: 1rem 4rem 1rem 1.4rem; border: 1px solid #E5E5E5; border-left: 0; border-right: 0; margin-bottom: 0; background-repeat: no-repeat; background-position: calc(100% - 20px) center; font-size: 1.5rem; font-weight: normal; }

.LOG_2_1 .main .card-title span:last-child { font-size: 1.2rem; margin-top: 0.5rem; float: right; color: #5A5A5A; }

.LOG_2_1 .main .card-text ul { margin-bottom: 0; padding-left: 3.2rem; }

.LOG_2_1 .main .card-text li { background-image: url("../images/icon_arrow_right.svg"); background-repeat: no-repeat; background-position: calc(100% - 20px) center; position: relative; }

.LOG_2_1 .main .card-text li a { padding: 1.6rem 6.4rem 1.6rem 0; display: block; }

.LOG_2_1 .main .card-text li.new:before { content: ""; width: 8px; height: 8px; position: absolute; top: 22px; left: -18px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; background-color: #D80C18; }

.LOG_2_1 .main .card-text li p { margin-bottom: 0; }

.LOG_2_1 .main .card-text li .details { display: flex; margin-top: 0.9rem; }

.LOG_2_1 .main .card-text li .details span.important { text-align: center; font-size: 1.2rem !important; color: #FFF; padding: 0.1rem 0.4rem; }

.LOG_2_1 .main .card-text li .details span.release-date { font-size: 1.4rem; color: #8C8C8C; margin-left: auto; }

.LOG_2_1 .main .card-text li + li { border-top: 1px solid #E5E5E5; }

.LOG_2_1 .main .card-text li .important { background-color: #E60000; border-radius: 2px; display: flex; justify-content: center; align-items: center; }

.LOG_2_1 .main .card-text li .campaign { background-color: #FFF8B2; }

.LOG_2_1 .main .total { border-bottom: 1px solid #E5E5E5; color: #313131; position: relative; }

.LOG_2_1 .main .total a { padding: 2.4rem; display: block; color: #313131; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; }

.LOG_2_1 .main .total .main-account { width: 100%; margin-right: 2rem; }

.LOG_2_1 .main .total .total-title { height: 1.8rem; font-size: 1.2rem; color: #5A5A5A; margin-bottom: 0.5rem; }

.LOG_2_1 .main .total .total-branch { font-size: 1.5rem; margin-bottom: 1.6rem; }

.LOG_2_1 .main .total .total-account { text-align: right; font-size: 2.4rem; }

.LOG_2_1 .main .total .total-account span { font-size: 3.2rem; font-weight: normal; white-space: nowrap; }

.LOG_2_1 .main .total .total-account span .total-amount-sub-yen { font-size: 1.5rem; }

.LOG_2_1 .main .total .total-account .hide { display: none; }

.LOG_2_1 .main .total .total-account .total-amount-sub { color: #8C8C8C; font-size: 2rem; }

.LOG_2_1 .main .total .detail { width: 12rem; text-align: right; }

.LOG_2_1 .main .total .detail > div { display: inline-block; padding-right: 1.6rem; text-align: center; }

.LOG_2_1 .main .total .detail p { margin-top: 1rem; font-weight: bold; }

.LOG_2_1 .main .whats-new .card-title { padding: 0; }

.LOG_2_1 .main .whats-new .card-title div { display: block; padding: 1rem 4rem 1rem 1.4rem; }

.LOG_2_1 .main .see-others, .LOG_2_1 .main .more-link { text-align: center; line-height: 5rem; font-size: 1.4rem; font-weight: bold; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; }

.LOG_2_1 .main .see-others div, .LOG_2_1 .main .more-link div { display: block; width: calc(12em + 3.2rem); white-space: normal; text-align: left; padding-left: 3.2rem; line-height: 5rem; background-image: url("../images/icon_openlist.svg"); background-repeat: no-repeat; background-position: left center; color: #313131; }

.LOG_2_1 .main .see-others .close-text, .LOG_2_1 .main .more-link .close-text { display: none; }

.LOG_2_1 .main .see-others.hover, .LOG_2_1 .main .hover.more-link { opacity: 0.8; cursor: pointer; }

.LOG_2_1 .main .see-others.active .open-text, .LOG_2_1 .main .active.more-link .open-text { display: none; }

.LOG_2_1 .main .see-others.active .close-text, .LOG_2_1 .main .active.more-link .close-text { display: block; background-image: url("../images/icon_closelist.svg"); }

.LOG_2_1 .main .show-more { display: none; border-top: 1px solid #E5E5E5; }

.LOG_2_1 .main .show-more ul { margin-bottom: 0; }

.LOG_2_1 .main .show-more ul li.with-arrow.with-inquiry { position: relative; }

.LOG_2_1 .main .show-more ul li.with-arrow.with-inquiry:after { content: "明細"; color: #5A5A5A; font-size: 1.1rem; position: absolute; right: 8px; bottom: calc(50% - 28px); }

.LOG_2_1 .main .show-more ul li.with-arrow.with-inquiry a { padding-right: 4.8rem; }

.LOG_2_1 .main .show-more ul li.with-arrow.with-inquiry a:hover { opacity: 1; }

.LOG_2_1 .main .show-more ul li.with-arrow.with-inquiry a:hover span { opacity: 0.8; cursor: pointer; }

.LOG_2_1 .main .show-more ul .with-inquiry-meisai { z-index: 1; }

.LOG_2_1 .main .show-more ul li.with-arrow.without-inquiry { position: relative; }

.LOG_2_1 .main .show-more ul li.with-arrow.without-inquiry:after { color: #5A5A5A; font-size: 1.1rem; position: absolute; right: 8px; bottom: calc(50% - 28px); }

.LOG_2_1 .main .show-more ul li.with-arrow.without-inquiry a { padding-right: 4.8rem; }

.LOG_2_1 .main .show-more ul li.separator { background-color: #F8F8F8; padding: 0.5rem 2.2rem; font-size: 1.2rem; }

.LOG_2_1 .main .show-more a { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; position: relative; padding: 1.2rem 2.4rem; padding-right: 3.2rem; border-bottom: 1px solid #E5E5E5; }

.LOG_2_1 .main .show-more a .content-left span { text-align: left; font-size: 1.5rem; }

.LOG_2_1 .main .show-more a .content-right { display: flex; flex-direction: column; }

.LOG_2_1 .main .show-more a .content-right span { text-align: right; font-size: 2.1rem; color: #313131; }

.LOG_2_1 .main .show-more a .content-right span + span { margin-top: 0.2rem; font-size: 1.5rem; color: #8C8C8C; }

.LOG_2_1 .main .show-more a .content-right span + span span { font-size: 1.7rem; color: inherit; }

.LOG_2_1 .main .show-more a .content-right .market-value { font-size: 1.5rem; color: #8C8C8C; }

.LOG_2_1 .main .show-more a .content-right .market-value-yen { font-size: 2.1rem; color: #313131; }

.LOG_2_1 .main .show-more a.single { height: 4.5rem; line-height: 4.5rem; font-size: 1.5rem; color: #313131; }

.LOG_2_1 .main .show-more__menu { border-top: 5px solid #E5E5E5; }

.LOG_2_1 .main .more-link a { padding-left: 2.4rem; background-image: url("../images/icon_menu.svg"); background-repeat: no-repeat; background-position: left center; }

.LOG_2_1 .main .hr { height: 1rem; background-color: #E5E5E5; }

.LOG_2_1 .main .menu__block { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; height: 14rem; }

.LOG_2_1 .main .menu .block { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; border-bottom: 4px solid #E5E5E5; font-size: 1.5rem; font-weight: bold; text-align: center; line-height: 1.2; cursor: pointer; }

.LOG_2_1 .main .menu .block.open { background-color: #F3F3F3; border-bottom: 1px solid #F3F3F3; }

.LOG_2_1 .main .menu .block p { margin-top: 0.5rem; }

.LOG_2_1 .main .menu__content { display: none; padding: 1.6rem; background-color: #F3F3F3; }

.LOG_2_1 .main .menu__content ul { margin-bottom: 0; }

.LOG_2_1 .main .menu__content li { padding: 0 30px 0 10px; min-height: 4.8rem; line-height: 1.2; font-size: 1.4rem; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; background-color: #FFF; background-image: url("../images/icon_arrow_right.svg"); background-repeat: no-repeat; background-position: calc(100% - 10px) center; }

@media (-ms-high-contrast: none), (-ms-high-contrast: active) { .LOG_2_1 .main .menu__content li { height: 4.8rem; font-size: 1.3rem; } }

.LOG_2_1 .main .menu__content li + li { margin-top: 1px; }

.LOG_2_1 .main .menu__content li.openwindow { background-image: url("../images/icon_openwindow.svg"); background-repeat: no-repeat; background-position: calc(100% - 10px) center; background-size: 22px; }

.LOG_2_1 .main .menu__content li a { display: inline-block; width: 100%; }

.LOG_2_1 .main .menu__content li span { width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.LOG_2_1 .main .menu__content__title { margin-top: 1.2rem; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; }

.LOG_2_1 .main .menu__content__title img { width: 2.6rem; height: 2.6rem; }

.LOG_2_1 .main .menu__content__title span { font-size: 1.1rem; font-weight: bold; opacity: 0.8; }

.LOG_2_1 .main .menu__content__title:first-child { margin-top: 0; }

.LOG_2_1 .main .block { color: #313131; flex: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: column; -moz-flex-flow: column; -ms-flex-flow: column; flex-flow: column; padding-top: 3rem; }

.LOG_2_1 .main .block + .block { border-left: 4px solid #E5E5E5; }

.LOG_2_1 .main .block.hover { opacity: 0.8; cursor: pointer; }

.LOG_2_1 .main .menu-list { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.LOG_2_1 .main .menu-list .block { width: 25%; height: 130px; border-bottom: 4px solid #E5E5E5; padding-top: 2.5rem; line-height: 1.2; text-align: center; cursor: pointer; }

.LOG_2_1 .main .menu-list .block:nth-child(5) { border-left: 0; }

.LOG_2_1 .main .menu-list .block p { text-align: center; font-size: 1.4rem; font-weight: bold; }

.log_2_1__modal .link-list { margin: 0 1.6rem; }

.log_2_1__modal .link-list-title { margin-bottom: 1.6rem; }

.log_2_1__modal .link-list .link-title { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; border-bottom: 2px solid #5A5A5A; }

.log_2_1__modal .link-list .link-title img { width: 2.6rem; height: 2.6rem; margin-right: 0.5rem; }

.log_2_1__modal .link-list .link-title span { font-size: 1.1rem; font-weight: bold; }

.log_2_1__modal .link-list .col-12 { margin-bottom: 1.6rem; }

.log_2_1__modal .link-list .link-content ul { list-style: none; margin-top: 0.5rem; margin-bottom: 1rem; }

.log_2_1__modal .link-list .link-content li { padding-top: 0.6rem; padding-left: 1.6rem; line-height: 1.2; font-size: 1.5rem; background-image: url("../images/icon_triangle_right_gray.svg"); background-position: top 1rem left 0.6rem; background-repeat: no-repeat; color: #313131; }

.log_2_1__modal .link-list .link-content li.openwindow { padding-left: 0; }

.log_2_1__modal .link-list .link-content li.openwindow a { padding-left: 1.6rem; padding-right: 3.8rem; width: 100%; height: 100%; display: block; background-image: url("../images/icon_openwindow.svg"); background-repeat: no-repeat; background-position: calc(100% - 10px) center; background-size: 22px; }

.log_2_1__modal .link-list .link-content .link-title { border-bottom: 0; padding-bottom: 0; }

.log_2_1__modal .link-list .link-content .link-title:first-child { margin-top: 0.5rem; }

.log_2_1__modal .link-list .link-content .link-content:not(:first-child) ul { padding-top: 0; }

.log_2_1__modal .link-list .link-content.submenu .link-title { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; margin-top: 0.5rem; padding-left: 0.5rem; padding-right: 0.5rem; background-color: #BDBDBD; }

.log_2_1__modal .link-list .link-content.submenu .link-title span { color: #FFF; font-size: 1.2rem; font-weight: bold; }

.view-sp { display: none; position: fixed; left: 0; right: 0; top: 0; height: calc(5.6rem * 3.2); padding: 0; z-index: 10; background-color: #F8F8F8; padding: calc(1rem * 3.2); min-width: calc(768px - 4.8rem); }

.view-sp.show { display: block; }

.view-sp.show + header { top: calc(5.6rem * 3.2); }

.view-sp.show + header + main { padding-top: calc(5.6rem * 3.2 + 6.4rem); }

.view-sp button { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: none; flex-wrap: nowrap; width: 100%; height: 100%; padding-right: calc(3rem * 3.2); font-size: calc(1.5rem * 3.2); line-height: calc(1.5rem * 3.2); background-color: #E60000; background-image: url("../images/icon_arrow_right_w.svg"); background-repeat: no-repeat; background-position: calc(100% - 1rem * 3.2) center; background-size: calc(0.8rem * 3.2); color: #FFF; border: 0; }

.view-sp button .view-sp-image { width: calc(2.4rem * 3.2); height: calc(2.4rem * 3.2); flex: inherit; text-align: right; }

.view-sp button img { height: 100%; }

.view-sp button span { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; }

.COM_1_1 .bottom-nav { padding-top: 0; padding-bottom: 0; }

.COM_1_1 .btn-white .btn { background-color: #FFF; color: #313131; background-image: url(../images/icon_arrow_right.svg); }

.COM_1_1 .btn-c { width: 23rem; height: 4.5rem; }

.COM_1_1 .guide-text { padding-bottom: 2rem; }

.COM_1_1 .page-error, .COM_1_1 .page-warning, .COM_1_1 .page-urgent { display: block; }

.COM_1_1 .page-error.info .page-error__wrap { border: 1px solid #8C8C8C; border-left: 6px solid #8C8C8C; background-color: #FFF; }

.COM_1_1 .sec { margin-top: 0; }

.COM_1_1 .sec.s-pc-mg-t-50 { margin-top: 5rem; }

.COM_1_1 .page-error { display: block; margin-top: 6rem; margin-bottom: 4rem; padding-top: 0; }

.COM_1_1 .page-error__wrap { display: block; padding: 2rem; }

.COM_1_1 .page-error__title { margin-bottom: 1rem; }

.COM_1_1 .page-error .btn-area .row-m .col-pc-6 { padding: 0 1.5rem; }

.COM_1_1 .page-error .btn-area .row-m .col-pc-6:first-child { text-align: right; }

.COM_1_1 .page-error .btn-area .row-m .col-pc-12 { text-align: center; }

.COM_1_1 .page-error .btn-area .singleline { width: 23rem; height: 4.5rem; line-height: 4.5rem; border: 0; }