@charset "utf-8";.noUi-target,.noUi-target * {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    touch-action: none;
    user-select: none;
    box-sizing: border-box
}

.noUi-target {
    position: relative
}

.noUi-base,.noUi-connects {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1
}

.noUi-connects {
    overflow: hidden;
    z-index: 0
}

.noUi-connect,.noUi-origin {
    will-change: transform;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -webkit-transform-style: preserve-3d;
    transform-origin: 0 0;
    -webkit-transform-style: flat;
    transform-style: flat
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
    left: 0;
    right: auto
}

.noUi-vertical .noUi-origin {
    top: -100%;
    width: 0
}

.noUi-horizontal .noUi-origin {
    height: 0
}

.noUi-handle {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute
}

.noUi-touch-area {
    height: 100%;
    width: 100%
}

.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin {
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.noUi-state-drag * {
    cursor: inherit !important
}

.noUi-horizontal {
    height: 18px
}

.noUi-horizontal .noUi-handle {
    width: 34px;
    height: 28px;
    right: -17px;
    top: -6px
}

.noUi-vertical {
    width: 18px
}

.noUi-vertical .noUi-handle {
    width: 28px;
    height: 34px;
    right: -6px;
    bottom: -17px
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
    left: -17px;
    right: auto
}

.noUi-target {
    background: #fafafa;
    border-radius: 4px;
    border: 1px solid #d3d3d3;
    box-shadow: inset 0 1px 1px #f0f0f0,0 3px 6px -5px #bbb
}

.noUi-connects {
    border-radius: 3px
}

.noUi-connect {
    background: #3fb8af
}

.noUi-draggable {
    cursor: ew-resize
}

.noUi-vertical .noUi-draggable {
    cursor: ns-resize
}

.noUi-handle {
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    background: #fff;
    cursor: default;
    box-shadow: inset 0 0 1px #fff,inset 0 1px 7px #ebebeb,0 3px 6px -3px #bbb
}

.noUi-active {
    box-shadow: inset 0 0 1px #fff,inset 0 1px 7px #ddd,0 3px 6px -3px #bbb
}

.noUi-handle:after,.noUi-handle:before {
    content: "";
    display: block;
    position: absolute;
    height: 14px;
    width: 1px;
    background: #e8e7e6;
    left: 14px;
    top: 6px
}

.noUi-handle:after {
    left: 17px
}

.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before {
    width: 14px;
    height: 1px;
    left: 6px;
    top: 14px
}

.noUi-vertical .noUi-handle:after {
    top: 17px
}

[disabled] .noUi-connect {
    background: #b8b8b8
}

[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target {
    cursor: not-allowed
}

.noUi-pips,.noUi-pips * {
    box-sizing: border-box
}

.noUi-pips {
    position: absolute;
    color: #999
}

.noUi-value {
    position: absolute;
    white-space: nowrap;
    text-align: center
}

.noUi-value-sub {
    color: #ccc;
    font-size: 10px
}

.noUi-marker {
    position: absolute;
    background: #ccc
}

.noUi-marker-sub {
    background: #aaa
}

.noUi-marker-large {
    background: #aaa
}

.noUi-pips-horizontal {
    padding: 10px 0;
    height: 80px;
    top: 100%;
    left: 0;
    width: 100%
}

.noUi-value-horizontal {
    -webkit-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%)
}

.noUi-rtl .noUi-value-horizontal {
    -webkit-transform: translate(50%, 50%);
    transform: translate(50%, 50%)
}

.noUi-marker-horizontal.noUi-marker {
    margin-left: -1px;
    width: 2px;
    height: 5px
}

.noUi-marker-horizontal.noUi-marker-sub {
    height: 10px
}

.noUi-marker-horizontal.noUi-marker-large {
    height: 15px
}

.noUi-pips-vertical {
    padding: 0 10px;
    height: 100%;
    top: 0;
    left: 100%
}

.noUi-value-vertical {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding-left: 25px
}

.noUi-rtl .noUi-value-vertical {
    -webkit-transform: translate(0, 50%);
    transform: translate(0, 50%)
}

.noUi-marker-vertical.noUi-marker {
    width: 5px;
    height: 2px;
    margin-top: -1px
}

.noUi-marker-vertical.noUi-marker-sub {
    width: 10px
}

.noUi-marker-vertical.noUi-marker-large {
    width: 15px
}

.noUi-tooltip {
    display: block;
    position: absolute;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    background: #fff;
    color: #000;
    padding: 5px;
    text-align: center;
    white-space: nowrap
}

.noUi-horizontal .noUi-tooltip {
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    left: 50%;
    bottom: 120%
}

.noUi-vertical .noUi-tooltip {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    top: 50%;
    right: 120%
}

.noUi-horizontal .noUi-origin>.noUi-tooltip {
    -webkit-transform: translate(50%, 0);
    transform: translate(50%, 0);
    left: auto;
    bottom: 10px
}

.noUi-vertical .noUi-origin>.noUi-tooltip {
    -webkit-transform: translate(0, -18px);
    transform: translate(0, -18px);
    top: auto;
    right: 28px
}

.g-mb1 {
    margin-bottom: 1em
}

.g-mb2 {
    margin-bottom: 2em
}

.g-mb3 {
    margin-bottom: 3em
}

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

.g-pl1 {
    padding-left: 1em
}

@media(max-width: 767px) {
    .g-sp-mb2 {
        padding-bottom:2em
    }
}

#ge-dep-sim {
    line-height: 1.8
}

.Main__content.ge-add-content {
    padding-top: 0
}

.display,._display {
    width: 100%;
    padding: .4em .8em;
    font-family: inherit;
    font-size: 1em;
    color: inherit;
    background-color: rgba(0,0,0,0);
    background-image: none;
    border: none;
    border-radius: 0;
    -webkit-appearance: none;
    appearance: none
}

.display:focus,._display:focus {
    border: none;
    outline: none;
    box-shadow: none
}

.tab-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    margin: 20px 0
}

.tab-label {
    position: relative;
    z-index: 1;
    flex: 1;
    order: -1;
    padding: 10px .5em;
    font-size: min(max(11px,1.1rem + (1vw - 3.75px)*1.8667),18px);
    font-weight: bold;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    background: #ec6b15;
    border-radius: 10px 10px 0 0;
    box-shadow: 0 -3px 5px rgba(0,0,0,.2)
}

.tab-content {
    width: 100%;
    height: auto;
    padding: min(max(15px,1.5rem + (1vw - 7.5px)*18),60px);
    overflow: auto;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 0 10px rgba(0,0,0,.2);
    opacity: 1;
    transition: .5s opacity
}

.tab-switch:checked+.tab-label {
    line-height: 2;
    color: #ec6b15;
    background: #fff
}

.tab-switch[value=JPY]:checked~.tab-content .jpy~.usd {
    display: none !important
}

.tab-switch[value=JPY]:checked~.tab-content .jpy~.eur {
    display: none !important
}

.tab-switch[value=JPY]:checked~.tab-content .jpy~.aud {
    display: none !important
}

.tab-switch[value=JPY]:checked~.tab-content .jpy~.nzd {
    display: none !important
}

.tab-switch[value=JPY]:checked~.tab-content .jpy~.zar {
    display: none !important
}

.tab-switch[value=JPY]:not(:checked)~.tab-content .jpy {
    display: none
}

.tab-switch {
    display: none
}

.title-underline {
    position: relative;
    margin-bottom: 1.5em;
    font-size: 4.8vw;
    text-align: center
}

@media(min-width: 751px) {
    .title-underline {
        font-size:30px
    }
}

.title-underline::after {
    position: absolute;
    bottom: -0.5em;
    left: 50%;
    display: block;
    width: 16vw;
    max-width: 120px;
    height: 5px;
    content: "";
    background: linear-gradient(90deg, #ec6b15 50%, #0b3190 50%, #0b3190 100%);
    border-radius: 100vh;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

#section-select-cur,#section-deposit-amount,#section-deposit-period,#section-exchange-rate-deposit,#section-exchange-rate-refundment {
    margin-bottom: 18.6vw
}

@media(min-width: 768px) {
    #section-select-cur,#section-deposit-amount,#section-deposit-period,#section-exchange-rate-deposit,#section-exchange-rate-refundment {
        margin-bottom:90px
    }
}

#select-cur {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 3em
}

#select-cur input[type=radio] {
    display: none
}

#select-cur input[type=radio]+label::before {
    box-sizing: content-box;
    display: block;
    width: 22.133vw;
    max-width: 132px;
    height: 14.93vw;
    max-height: 90px;
    margin: 10px;
    cursor: pointer;
    content: "";
    background-color: rgba(0,0,0,0);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
    border-radius: 2.3vw
}

@media(min-width: 768px) {
    #select-cur input[type=radio]+label::before {
        border-radius:12px
    }
}

#select-cur input[type=radio]+label::after {
    display: block;
    margin-bottom: 8px;
    font-weight: bold;
    line-height: 1.1;
    text-align: center;
    white-space: pre
}

#select-cur input[type=radio][value=USD]+label::before {
    background-image: url("/products/foreign_deposit/simulation/images/sim/cur_dol.png")
}

#select-cur input[type=radio][value=USD]+label::after {
    content: "米ドル"
}

#select-cur input[type=radio][value=EUR]+label::before {
    background-image: url("/products/foreign_deposit/simulation/images/sim/cur_euro.png")
}

#select-cur input[type=radio][value=EUR]+label::after {
    content: "ユーロ"
}

#select-cur input[type=radio][value=AUD]+label::before {
    background-image: url("/products/foreign_deposit/simulation/images/sim/cur_aus-dol.png")
}

#select-cur input[type=radio][value=AUD]+label::after {
    content: "豪ドル"
}

#select-cur input[type=radio][value=NZD]+label::before {
    background-image: url("/products/foreign_deposit/simulation/images/sim/cur_nzl-dol.png")
}

#select-cur input[type=radio][value=NZD]+label::after {
    content: "ニュージーランド\aドル"
}

#select-cur input[type=radio][value=ZAR]+label::before {
    background-image: url("/products/foreign_deposit/simulation/images/sim/cur_rand.png")
}

#select-cur input[type=radio][value=ZAR]+label::after {
    content: "南アフリカ\aランド"
}

#select-cur input[type=radio]:checked+label::before {
    box-shadow: 0 0 0 1.067vw #ec6b15
}

@media(min-width: 768px) {
    #select-cur input[type=radio]:checked+label::before {
        box-shadow:0 0 0 6px #ec6b15
    }
}

#deposit-amount {
    margin-bottom: 7.5vw;
    width: 100%
}

.deposit-amount-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 90%;
    padding-top: 20px;
    margin: 0 auto 20px
}

.deposit-amount-wrap .display {
    flex: 1;
    padding: 3px 5px;
    font-size: 5.86vw;
    text-align: right;
    background-color: #eee
}

.deposit-amount-wrap .unit {
    font-size: 3.5vw;
    text-align: center;
    margin-left: .5em;
    letter-spacing: -1px
}

.slider-box {
    display: flex;
    align-items: center
}

.slider-box .slider-button {
    width: 8.6vw;
    font-size: 5.86vw;
    font-weight: bold;
    color: #999;
    text-shadow: 1px 1px 0 #999,1px 1px 0 #999,-1px 1px 0 #999,-1px -1px 0 #999,1px -1px 0 #999,1px 0 0 #999,0 1px 0 #999,-1px 0 0 #999,0 -1px 0 #999;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    -webkit-text-stroke: 1px #999
}

.slider-box .slider-button:last-of-type {
    text-align: right
}

.slider-box .slider-main {
    flex: 1;
    font-size: 0
}

input[type=range] {
    width: 100%
}

@media(min-width: 768px) {
    #deposit-amount {
        display:flex;
        justify-content: space-between;
        max-width: 900px;
        margin: 0 auto 35px
    }

    .deposit-amount-wrap {
        width: 48%;
        max-width: 400px
    }

    .deposit-amount-wrap .display {
        font-size: 30px;
        font-weight: bold
    }

    .deposit-amount-wrap .unit {
        font-size: 18px
    }

    .slider-box {
        flex: 1;
        order: -1;
        max-width: 480px
    }

    .slider-box .slider-button {
        width: 58px;
        font-size: 35px;
        text-align: center
    }

    .slider-box .slider-button:last-of-type {
        text-align: center
    }
}

.deposit-period-header {
    margin-bottom: 2em
}

.deposit-period-header h4 {
    margin: 0;
    font-size: 3.4vw
}

.deposit-period-header p {
    margin: 0;
    font-size: 2.9vw;
    text-align: right
}

@media(min-width: 768px) {
    .deposit-period-header {
        display:flex;
        align-items: flex-end
    }

    .deposit-period-header h4 {
        margin-right: 1em;
        font-size: 20px
    }

    .deposit-period-header p {
        flex: 1;
        font-size: 16px;
        text-align: left
    }
}

.select-deposit-type {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-bottom: 30px
}

.select-deposit-type div {
    position: relative;
    width: 40vw;
    height: 20vw;
    margin-bottom: 4vw;
    border-radius: 2.6vw
}

.select-deposit-type input {
    flex: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0
}

.select-deposit-type label {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: #fff;
    background: #eee;
    background: linear-gradient(180deg, rgb(238, 238, 238) 33%, rgb(255, 255, 255) 33%, rgb(255, 255, 255) 100%);
    border-radius: 2.6vw;
    box-shadow: 0 0 1.3vw rgba(0,0,0,.3)
}

.select-deposit-type label span {
    font-size: 2.93vw;
    text-align: center
}

.select-deposit-type label .period-row {
    display: block;
    width: 100%;
}

.select-deposit-type label span.period {
    font-weight: bold
}

.select-deposit-type input:checked+label {
    box-shadow: 0 0 0 1.067vw #ec6b15
}

@media(min-width: 768px) {
    .select-deposit-type.starelite {
        width:50%
    }

    .select-deposit-type div {
        width: 240px;
        height: 120px;
        margin-bottom: 50px;
        border-radius: 15px
    }

    .select-deposit-type label {
        border-radius: 15px;
        box-shadow: 0 0 10px rgba(0,0,0,.3)
    }

    .select-deposit-type label span {
        font-size: 18px;
        text-align: center
    }

    .select-deposit-type label .period-row {
        display: block;
        width: 100%;
    }

    .select-deposit-type input:checked+label {
        box-shadow: 0 0 0 6px #ec6b15
    }
}

.exchange-rate {
    max-width: 890px;
    margin: 0 auto 1em
}

.flex-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.flex-wrap .par {
    flex: 1;
    display: flex;
    justify-content: center
}

.flex-wrap .par img {
    max-width: 100%;
    vertical-align: bottom
}

.exchange-rate-wrap {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 60%;
    padding-top: 20px;
    margin: 0 0 8px
}

.exchange-rate-wrap ._display {
    flex: 1;
    padding: 3px 5px;
    font-size: 5.86vw;
    text-align: right;
    background-color: #eee
}

.exchange-rate-wrap ._unit {
    width: 6vw;
    max-width: 38px;
    font-size: 3.7vw;
    text-align: center
}

@media(max-width: 767px) {
    #section-exchange-rate-deposit {
        position:relative
    }

    #section-exchange-rate-deposit p {
        position: absolute;
        top: 40vw;
        left: 0
    }

    #section-exchange-rate-deposit .slider-box {
        padding-top: 12.46vw
    }
}

@media(max-width: 767px) {
    #section-exchange-rate-refundment {
        position:relative
    }

    #section-exchange-rate-refundment ul {
        position: absolute;
        top: 42vw;
        left: 0
    }

    #section-exchange-rate-refundment .slider-box {
        padding-top: 36.5vw
    }
}

@media(min-width: 768px) {
    .exchange-rate {
        display:flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between
    }

    .exchange-rate .flex-wrap {
        width: 49%;
        max-width: 430px
    }

    .exchange-rate .flex-wrap .par {
        justify-content: flex-end
    }

    .exchange-rate .rate-now {
        width: 100%;
        margin-right: 1em
    }

    .exchange-rate .slider-box {
        order: -1;
        width: 52.3%;
        max-width: 460px
    }

    .exchange-rate-wrap {
        width: auto;
        max-width: 280px
    }

    .exchange-rate-wrap ._display {
        font-size: 30px;
        font-weight: bold
    }

    .exchange-rate-wrap ._unit {
        font-size: 18px
    }
}

#sim-result {
    margin-bottom: 7vw;
    border: 2px solid #ec6b15;
    border-radius: 1.334vw
}

#sim-result .sim-result-inner {
    width: 90.47%;
    margin: 0 auto 8vw
}

@media(min-width: 768px) {
    #sim-result {
        margin-bottom:60px;
        border-radius: 6px
    }

    #sim-result .sim-result-inner {
        max-width: 800px;
        margin-bottom: 75px
    }
}

.title-result {
    display: flex;
    justify-content: center;
    margin-top: -3.6vw;
    font-size: 4.8vw;
    font-weight: bold;
    color: #ec6b15
}

.title-result span {
    display: inline-block;
    padding: 0 .4em;
    background-color: #fff
}

@media(min-width: 768px) {
    .title-result {
        margin-top:-28px;
        font-size: 32px
    }
}

.result-table {
    display: flex;
    align-items: center;
    padding-bottom: 4vw;
    margin-bottom: 4vw;
    color: #ec6b15;
}

.result-table.last {
    border-bottom: 1px solid #ec6b15
}

.result-table .calc-item {
    width: 34%;
    font-size: 3.4vw
}

.result-table .calc-number {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 57%;
    height: 13.33vw;
    padding-right: 2.4vw;
    font-size: 4.26vw;
    font-weight: bold;
    background-color: #fdf0e7;
    border-radius: 1.3vw
}

.result-table .calc-unit {
    width: 7%;
    font-size: 3.4vw;
    padding-left: 1rem;
}

@media(min-width: 768px) {
    .result-table {
        padding-bottom:20px;
        margin-bottom: 20px
    }

    .result-table:first-child {
        padding-bottom: 0
    }

    .result-table .calc-item {
        width: 44%;
        max-width: 370px;
        font-size: 20px
    }

    .result-table .calc-number {
        width: 44%;
        max-width: 400px;
        height: 70px;
        padding-right: 18px;
        font-size: 25px;
        border-radius: 6px
    }

    .result-table .calc-unit {
        width: 12%;
        font-size: 24px
    }
}

.tax {
    margin-bottom: 13.3vw;
    font-size: 3.7vw;
    text-align: right
}

@media(min-width: 768px) {
    .tax {
        display:flex;
        align-items: flex-start;
        justify-content: space-between;
        margin-bottom: 70px;
        font-size: 18px
    }

    .tax .tax-item {
        text-align: left
    }
}

.receive {
    display: flex;
    align-items: center;
    font-size: 3.46vw;
    font-weight: bold;
    flex-wrap: wrap;
    line-height: 1.2
}

.receive .receive-item {
    width: 100%
}

.receive .receive-number {
    text-align: right;
    padding-right: 3px;
    white-space: nowrap;
    line-height: 1.1
}

.receive.receive-amount {
    padding-bottom: 10px;
    margin-bottom: 14px;
    border-bottom: 1px solid #000;
    flex-wrap: wrap
}

.receive.receive-amount .receive-number {
    font-size: 5vw
}

.receive.receive-amount .receive-unit {
    margin-left: auto;
    margin-right: 0
}

@media(min-width: 768px) {
    .receive {
        font-size:unset
    }

    .receive .receive-item {
        font-size: 20px;
        width: 44%
    }

    .receive .receive-number {
        font-size: 24px;
        text-align: right;
        width: 44%;
    }

    .receive .receive-unit {
        font-size: 24px;
        width: 12%;
        padding-left: 1rem;
    }

    .receive.receive-amount .receive-number {
        font-size: 36px
    }
}

.title-em {
    margin: 0 0 10px;
    font-size: 3.467vw;
    font-weight: bold
}

@media(min-width: 768px) {
    .title-em {
        margin:0;
        font-size: 20px
    }
}

.break-even-point-header .title-h5 {
    margin: 0 0 10px;
    font-size: 1.1em;
    font-weight: normal
}

.break-even-point-header p {
    margin: 0 0 10px;
    font-size: 1.1em;
    font-weight: bold;
    text-align: right
}

@media(min-width: 768px) {
    .break-even-point-header {
        display:flex;
        align-items: flex-end;
        justify-content: space-between
    }

    .break-even-point-header p {
        font-size: 24px
    }
}

table.striped-table {
    width: 100%;
    margin-bottom: 7vw;
    font-family: "游ゴシック体",YuGothic,"游ゴシック","Yu Gothic","ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,Arial,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    font-size: 2.8vw;
    font-weight: bold;
    line-height: 1.2;
    border-collapse: collapse
}

table.striped-table th,table.striped-table td {
    padding: .5em 0;
    vertical-align: middle
}

table.striped-table thead {
    background-color: #ddd
}

table.striped-table thead th {
    text-align: center
}

table.striped-table tbody tr:nth-of-type(odd) td {
    background-color: #eee
}

table.striped-table tbody tr td {
    padding-right: 1em;
    text-align: right
}

@media(min-width: 768px) {
    table.striped-table {
        font-size:16px;
        margin-bottom: 30px
    }

    table.striped-table th,table.striped-table td {
        padding: 20px 0
    }

    table.striped-table tbody tr td {
        padding-right: 3em
    }
}

#sim-total {
    padding: 20px 0;
    background-color: #ec6b15;
    box-shadow: 0 -8px 15px rgba(0,0,0,.15);
    margin-bottom: 7.56vw
}

#sim-total .sim-total-inner {
    width: 92%;
    max-width: 690px;
    margin: 0 auto
}

#sim-total .sim-total-record {
    display: flex;
    align-items: center;
    justify-content: space-between
}

#sim-total .sim-total-record .total-item {
    width: 35.8%;
    padding-right: 1em;
    font-size: 3.46vw;
    color: #fff;
    text-align: right
}

#sim-total .sim-total-record .total-number {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: flex-end;
    height: 9.3vw;
    padding-right: .7em;
    font-size: 5.6vw;
    color: #ec6b15;
    background-color: #fff;
    border-radius: .8vw
}

#sim-total .sim-total-record .total-unit {
    width: 6.4%;
    font-size: 4.2vw;
    color: #fff;
    text-align: right
}

@media(min-width: 768px) {
    #sim-total {
        margin-bottom:40px
    }

    #sim-total .sim-total-inner {
        display: flex;
        justify-content: space-between;
        max-width: 1080px
    }

    #sim-total .sim-total-record {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 48%
    }

    #sim-total .sim-total-record .total-item {
        width: 35.8%;
        padding-right: 1em;
        font-size: 20px;
        color: #fff;
        text-align: right
    }

    #sim-total .sim-total-record .total-number {
        display: flex;
        flex: 1;
        align-items: center;
        justify-content: flex-end;
        height: 60px;
        padding-right: .7em;
        font-size: 30px;
        color: #ec6b15;
        background-color: #fff;
        border-radius: 6px
    }

    #sim-total .sim-total-record .total-unit {
        width: 6.4%;
        font-size: 20px;
        color: #fff;
        text-align: right
    }
}

.calculate {
    max-width: 600px;
    margin: 0 auto;
    margin-bottom: 11.3vw
}

@media(min-width: 768px) {
    .calculate {
        margin-bottom:70px
    }
}

button.calc-button {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 16vw;
    padding: 0;
    font-size: 4vw;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
    background-color: rgba(0,0,0,0);
    background-color: #ec6b15;
    border: none;
    border-radius: 2vw;
    outline: none;
    box-shadow: 0 0 2vw rgba(0,0,0,.3);
    -webkit-appearance: none;
    appearance: none
}

button.calc-button::before {
    position: absolute;
    top: 50%;
    left: 4vw;
    width: 7.2vw;
    height: 7.2vw;
    content: "";
    background: url("/products/foreign_deposit/simulation/images/sim/icon_calc.png") center center no-repeat;
    background-size: contain;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media(min-width: 768px) {
    button.calc-button {
        height:90px;
        font-size: 21px;
        border-radius: 6px;
        box-shadow: 0 0 10px rgba(0,0,0,.3)
    }

    button.calc-button::before {
        position: absolute;
        left: 20px;
        width: 38px;
        height: 38px
    }
}

.reset-button-area {
    width: 61%;
    max-width: 400px;
    margin: 0 auto;
    margin-bottom: 9vw
}

@media(min-width: 768px) {
    .reset-button-area {
        margin-bottom:20px
    }
}

button.reset-button {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 10.6vw;
    padding: 0;
    font-size: 3.2vw;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
    background-color: rgba(0,0,0,0);
    background-color: #aaa;
    border: none;
    border-radius: 2vw;
    outline: none;
    -webkit-appearance: none;
    appearance: none
}

@media(min-width: 768px) {
    button.reset-button {
        height:70px;
        font-size: 19px;
        border-radius: 6px
    }
}

.adjustment-block {
    padding: 0 min(max(15px,1.5rem + (1vw - 7.5px)*18),60px)
}

.link-blue-button {
    max-width: 600px;
    margin: 0 auto;
    margin-bottom: 11.3vw
}

@media(min-width: 768px) {
    .link-blue-button {
        margin-bottom:70px
    }
}

a.blue-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 16vw;
    font-size: 3.9vw;
    font-weight: bold;
    color: #fff;
    background-color: #0b3190;
    border-radius: 2vw
}

@media(min-width: 768px) {
    a.blue-button {
        height:90px;
        font-size: 21px;
        border-radius: 6px
    }
}

#sim-desp * {
    font-size: 2.93vw
}

@media(min-width: 480px) {
    #sim-desp * {
        font-size:16px
    }
}

#sim-desp h5 {
    margin-bottom: 0
}

#sim-desp p {
    margin: 0
}

#nouislider-deposit .slider-main,#nouislider-depositExRateByJPY .slider-main,#nouislider-refundExRateByJPY .slider-main {
    height: 10px
}

#nouislider-deposit .slider-main .noUi-connect,#nouislider-depositExRateByJPY .slider-main .noUi-connect,#nouislider-refundExRateByJPY .slider-main .noUi-connect {
    background-color: #ec6b15;
    box-shadow: inset 1px 2px 2px 0px rgba(0,0,0,.3)
}

.noUi-base,.noUi-connects {
    background-color: #efefef;
    box-shadow: inset 1px 1px 3px 0px rgba(0,0,0,.18)
}

.noUi-horizontal .noUi-handle {
    top: -18px;
    width: 46px;
    height: 43px;
    right: -17px;
    background-image: url("/products/foreign_deposit/simulation/images/sim/slider-btn.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain
}

.noUi-handle {
    cursor: pointer;
    background: unset;
    border: unset;
    border-radius: unset;
    box-shadow: unset
}

.noUi-handle::after,.noUi-handle::before {
    display: none
}

.profit-color {
    color: #d32700 !important
}

.loss-color {
    color: #0b3190 !important
}

.ge-loading {
    display: none
}

.ge-loading.now {
    display: block;
    background-image: url("data:image/gif;base64,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");
    background-repeat: no-repeat;
    background-position: center;
    height: 50px
}

.ge-loading.now+div {
    display: none !important
}

.d-none {
    display: none !important
}

.note-text {
    font-size: 2.93vw
}

@media(min-width: 480px) {
    .note-text {
        font-size:14px
    }
}

.desp-text {
    font-size: 2.93vw
}

@media(min-width: 480px) {
    .desp-text {
        font-size:16px
    }
}

.sim-list-indent {
    padding-left: 1em;
    text-indent: -1em
}

a.sim-link-add-icon {
    color: #0b3190
}

a.sim-link-add-icon::before {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-right: .5em;
    content: "";
    border-top: solid 1px #ec6b15;
    border-right: solid 1px #ec6b15;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

a.sim-link-add-icon::after {
    display: inline-block;
    width: 1.2rem;
    height: 17px;
    margin-left: .5em;
    vertical-align: middle;
    content: "";
    background: url("/products/foreign_deposit/simulation/images/sim/icon_window.png") center center no-repeat;
    background-size: contain
}

a.sim-link-add-icon:hover {
    text-decoration: underline
}

a.text-link {
    color: #0b3190
}

a.text-link:hover {
    text-decoration: underline
}

dl.dl-list,dl.dl-list dt,dl.dl-list dd {
    padding: 0;
    margin: 0
}

dl.dl-list dd,dl.dl-list dt dd,dl.dl-list dd dd {
    text-indent: 0
}

@media(min-width: 768px) {
    .sp-br {
        display:none
    }
}
.table td[class*="__cell"][class*="--lv2"]:not([class*="__cell__sub"]) {
    font-weight: normal;
}
#section-select-cur {
    position: relative;
}
#section-select-cur .logo {
    position: absolute;
    top: -6rem;
    right: 1rem;
}
.select-deposit-type input:disabled {
    cursor: default;
}
.select-deposit-type input:disabled + label {
    background: #eee;
}
@media(max-width: 767px) {
    #section-select-cur .logo {
        top: -2rem;
        right: -1rem;
        width: 10rem;
    }
}