#wrap {
    max-width:1000px;
    margin:30px auto 90px;
    line-height:1;
    text-align:left;
    color:#1a1a1a;
    opacity:0;
}
.content-column {
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
}
.content-column .column-left {
    flex-basis:74.4%;
}
.content-column .column-right {
    flex-basis:23.5%;
}
.box-graph {
    position:relative;
    height:199px;
    margin:0 0 30px;
}
.box-graph #graph-circle {
    position:absolute;
    top:15px;
    left:50%;
    transform:translateX(-50%);
}
.box-graph .column-modelA {
    display:flex;
    justify-content:space-between;
    align-items:center;
    position:absolute;
    top:24px;
    width:100%;
    max-width:204px;
    border-bottom:1px solid #1a1a1a;
    line-height:1.3;
    font-size:112.5%;
    font-weight:bold;
}
.box-graph .column-modelA .label {
    margin-bottom:-2%;
}
.box-graph .column-modelA .number .num {
    font-family:"futura-pt",sans-serif;
    font-size:166.65%;
}
.box-graph .column-principal {
    left:5.7%;
}
.box-graph .column-principal .icon {
    color:#002c56;
}
.box-graph .column-interest {
    right:3.7%;
}
.box-graph .column-interest .icon {
    color:#eed276;
}
.box-graph .column-payment {
    position:absolute;
    left:5.7%;
    bottom:0;
    font-weight:bold;
}
.box-graph .column-payment .label {
    font-size:125%;
}
.box-graph .column-payment .number {
    color:#c1272d;
    font-size:187.5%;
}
.box-graph .column-payment .number .num {
    font-family:"futura-pt",sans-serif;
    font-size:200%;
}
.box-graph .box-blur {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:calc(100% + 20px);
    padding:20px 0 0;
    border-radius:6px;
    text-align:center;
    font-weight:bold;
    background-color:rgba(245,242,235,0.8);
    -webkit-backdrop-filter:blur(8px);
    backdrop-filter:blur(8px);
}
.box-graph .box-blur .logo {
    width:153px;
    margin:0 auto 15px;
}
.box-graph .box-blur .logo img {
    max-height:none;
}
.box-graph .box-blur .ballon {
    position:relative;
    width:64%;
    margin:0 auto 20px;
    padding:10px 0;
    border-radius:4px;
    color:#002c56;
    font-size:112.5%;
    background-color:#f8d821;
}
.box-graph .box-blur .ballon:after {
    position:absolute;
    bottom:-10px;
    left:50%;
    content:'';
    width:0;
    height:0;
    border-style:solid;
    border-right:10px solid transparent;
    border-left:10px solid transparent;
    border-top:10px solid #f8d821;
    border-bottom:0;
    transform:translateX(-50%);
}
.box-graph .box-blur .copy {
    margin-bottom:8px;
}
.box-graph .box-blur .box-btns {
    display:flex;
    justify-content:space-between;
    width:64%;
    margin:0 auto;
}
.box-graph .box-blur .box-btns .btn {
    display:block;
    width:48.5%;
    padding:14px 0;
    border-radius:4px;
    color:#fff;
    font-size:94%;
}
.box-graph .box-blur .box-btns .btn:after {
    display:inline-block;
    content:'';
    width:6px;
    height:6px;
    margin-left:6px;
    vertical-align:1px;
    border-top:solid 2px #fff;
    border-right:solid 2px #fff;
    transform:rotate(45deg);
}
.box-graph .box-blur .box-btns .btn-registration {
    background-color:#c1272d;
}
.box-graph .box-blur .box-btns .btn-login {
    background-color:#002c56;
}
.box-ui .inner {
    display:flex;
    margin-bottom:10px;
    padding:30px 0 12px;
    border-radius:6px;
    background-color:#f5f2eb;
}
.box-ui .notes {
    text-align:center;
    font-size:75%;
}
.box-ui .notes a {
    text-decoration:underline;
}
.box-ui .colmun {
    position:relative;
    flex-basis:20%;
    padding:0 1.61%;
}
.box-ui .colmun:nth-child(n+2):before {
    display:block;
    position:absolute;
    top:0;
    left:0;
    content:'';
    width:1px;
    height:218px;
    background-color:#dcdccf;
}
.box-ui #ui-property .inner-bar .bar-active {
    background-color:#8a9c78;
}
.box-ui #ui-interest .inner-bar .bar-active {
    background-color:#eed276;
}
.box-ui #ui-earnest .inner-bar .bar-active {
    background-color:#e0a7ac;
}
.box-ui #ui-bonus .inner-bar .bar-active {
    background-color:#a27784;
}
.box-ui #ui-period .inner-bar .bar-active {
    background-color:#819ea7;
}
.box-ui .block-slider {
    margin-bottom:17px;
}
.box-ui .block-slider .inner-bar {
    position:relative;
    width:60px;
    height:218px;
    margin:0 auto;
}
.box-ui .block-slider .inner-bar .bar-active {
    display:block;
    position:absolute;
    bottom:0;
    width:100%;
}
.box-ui .block-slider .inner-bar .bar-inactive {
    display:block;
    height:100%;
    background-color:#585858;
}
.box-ui .block-slider .inner-knob {
    position:relative;
    width:60px;
    height:251px;
    margin:-251px auto 0;
}
.box-ui .block-slider .inner-knob .knob {
    position:absolute;
    bottom:0;
    left:calc(50% - 16px);
    width:32px;
    height:32px;
    border-radius:100px;
    box-shadow:0 0 8px rgba(0,0,0,0.2);
    transform:translateY(50%);
    cursor:ns-resize;
}
.box-ui .block-number .label {
    margin-bottom:7px;
    text-align:center;
    font-weight:bold;
}
.box-ui .block-number .label .unit {
    font-size:80%;
}
.box-ui .block-number .number-view {
    width:100%;
    height:36px;
    margin:0;
    padding:0 8px;
    text-align:right;
    border:1px solid #dcdccf;
    border-radius:4px;
}
.box-ui .block-number .number-view[disabled] {
    background-color:#e5e5e5;
}
.box-ui .link-kinri {
    display: inline-block;
    position: relative;
    margin-top: 5px;
    padding: 5px;
    border-radius: 4px;
    color: #fff;
    font-size: 75%;
    width: 47%;
    text-align: center;
    background-color: #676767;
}
.box-ui .link-kinri:after {
    display: inline-block;
    content: '';
    width: 6px;
    height: 6px;
    margin-left: 4px;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    transform: rotate(45deg);
}
.box-ui .link-miodal {
    display:block;
    margin-top:10px;
    text-align:center;
    font-size:81.25%;
}
.box-ui .link-miodal:after {
    display:inline-block;
    content:'';
    width:5px;
    height:5px;
    margin-left:8px;
    border-top:solid 1px #1a1a1a;
    border-right:solid 1px #1a1a1a;
    vertical-align:2px;
    transform:rotate(45deg);
}
.column-right .box-property {
    padding:18px;
    border-radius:6px;
    background-color:#f5f2eb;
}
.column-right .box-property .block-photo {
    margin-bottom:20px;
}
.column-right .box-property .block-txts .elem-area {
    font-size:75%;
    margin-bottom:10px;
}
.column-right .box-property .block-txts .list-tag {
    display:flex;
    margin-bottom:10px;
    font-size:87.5%;
    font-weight:bold;
}
.column-right .box-property .block-txts .list-tag .item {
    padding:8px 12px 7px;
    border-radius:3px;
}
.column-right .box-property .block-txts .list-tag .item+.item {
    margin-left:5px;
}
.column-right .box-property .block-txts .list-tag .tag01 {
    color:#fff;
    background-color:#333;
}
.column-right .box-property .block-txts .list-tag .tag02 {
    background-color:#fff;
}
.column-right .box-property .block-txts .elem-name {
    margin-bottom:32px;
    line-height:1.1;
    font-size:112.5%;
    font-weight:bold;
}
.column-right .box-property .block-txts .column-meta {
    display:flex;
    justify-content:space-between;
    align-items:center;
    font-weight:bold;
}
.column-right .box-property .block-txts .column-meta .elem-price {
    font-size:112.5%;
}
.column-right .box-property .block-txts .column-meta .elem-price .num {
    font-size:166.67%;
    font-family:"futura-pt",sans-serif;
}
.column-right .box-range {
    position:relative;
    margin:10px 0;
}
.column-right .box-range .elem-ballon {
    position:relative;
    margin:0 auto 5px;
    padding:10px 0 9px;
    border-radius:6px;
    line-height:1.25;
    text-align:center;
    color:#fff;
    font-weight:bold;
    background-color:#002c56;
font-size:90%;
}
.column-right .box-range .elem-ballon._tail:after {
    position:absolute;
    bottom:-10px;
    left:50%;
    content:'';
    width:0;
    height:0;
    border-style:solid;
    border-right:10px solid transparent;
    border-left:10px solid transparent;
    border-top:10px solid #002c56;
    border-bottom:0;
    transform:translateX(-50%);
}
.column-right .box-range .elem-ballon._02 {
    padding:5px 0;
    margin:8px auto 10px;
    color:#002c56;
    font-size:80%;
    width:80%;
    background-color:#fff;
}
.column-right .box-range .elem-ballon._02:after {
    z-index: 1;
    border-top:10px solid #fff;
}
.column-right .box-range .elem-label {
    text-align:center;
    font-weight:bold;
}
.column-right .box-range .block-number {
    padding:12px 10px 12px;
    border-radius:6px;
    text-align:center;
    font-weight:bold;
    background-color:#f5f2eb;
}
.column-right .box-range .block-number._02 {
    color: #fff;
    font-size: 95%;
    background-color:#002c56;
line-height:1.3;
}
.column-right .box-range .block-number .elem-number {
    color:#c1272d;
    font-size:150%;
}
.column-right .box-range .block-number .elem-number .num {
    font-family:"futura-pt",sans-serif;
    font-size:200%;
}
.column-right .box-range .elem-ballon .elem-link {
    display:block;
    position:relative;
    width:73%;
    margin:8px auto 0;
    padding:8px;
    border-radius:4px;
    color:#002c56;
    background-color:#f8d821;
}
.column-right .box-range .elem-ballon .elem-link:after {
    display:inline-block;
    content:'';
    width:6px;
    height:6px;
    margin-left:4px;
    border-top:solid 2px #002c56;
    border-right:solid 2px #002c56;
    transform:rotate(45deg);
}
.column-right .box-range .block-number .elem-link {
    display:block;
    position:relative;
    width: 80%;
    margin: auto;
    padding:13px;
    border-radius:4px;
    color:#fff;
    background-color:#c1272d;
}
.column-right .box-range .block-number .elem-link:after {
    display:inline-block;
    content:'';
    width:6px;
    height:6px;
    margin-left:4px;
    border-top:solid 2px #fff;
    border-right:solid 2px #fff;
    transform:rotate(45deg);
}
.column-right .box-range .block-number.-blur {
    filter:blur(8px);
}
.column-right .box-range .btn {
    display: block;
    position: relative;
    width: 80%;
    margin: auto;
    padding: 10px 10px 10px 0;
    border-radius: 4px;
    line-height: 1.28;
    text-align: center;
    font-size: 80%;
    font-weight: bold;
}
.column-right .box-range .btn:after {
    position:absolute;
    top:45%;
    right:15px;
    content:'';
    width:6px;
    height:6px;
    transform:rotate(45deg) translateY(-50%);
}
.column-right .box-range .btn-member {
    color: #fff;
    background-color: #c1272d;
}
.column-right .box-range .btn-member:after {
    border-top:solid 2px #fff;
    border-right:solid 2px #fff;
}
.column-right .box-range .btn-login {
    margin-top: 5px;
    color: #002c56;
    background-color: #fff;
}
.column-right .box-range .btn-login:after {
    border-top:solid 2px #002c56;
    border-right:solid 2px #002c56;
}
.column-right .box-range #block-count {
    display:none;
}
.column-right .notes {
    font-size:75%;
}
.box-cta {
    margin-top:46px;
    text-align:center;
}
.box-cta .headline {
    margin-bottom:28px;
    font-size:150%;
    font-weight:bold;
}
.box-cta .column-btn {
    display:flex;
    justify-content:space-between;
    font-weight:bold;
    font-size:125%;
}
.box-cta .column-btn .btn {
    display:block;
    flex-basis:49%;
    position:relative;
    padding:25px 0;
    border-radius:4px;
    color:#fff;
}
.box-cta .column-btn .btn .free {
    display:inline-block;
    margin-left:8px;
    padding:5px 13px 4px;
    vertical-align:2px;
    font-size:80%;
    background-color:#c1272d;
}
.box-cta .column-btn .btn:after {
    display:block;
    position:absolute;
    top:50%;
    right:13px;
    content:'';
    width:6px;
    height:6px;
    margin-left:4px;
    border-top:solid 2px #fff;
    border-right:solid 2px #fff;
    transform:rotate(45deg) translateY(-50%);
}
.box-cta .column-btn .btn-cta01 {
    background-color:#a2784a;
}
.box-cta .column-btn .btn-cta02 {
    background-color:#4487a4;
}
.box-cta .column-btn .btn-cta03 {
    background-color:#c1272d;
}
.box-cta .column-btn .btn-cta04 {
    background-color:#002c56;
}
.modal {
    display:none;
    position:fixed;
    z-index:10000;
    top:0;
    left:0;
    width:100%;
    height:100dvh;
    background-color:rgba(0,0,0,0.5);
}
.modal .modal-container {
    position:fixed;
    top:50%;
    left:50%;
    padding:0;
    border:none;
    border-radius:4px;
    text-align:left;
    background-color:#fff;
    transform:translate(-50%,-50%);
}
.modal .modal-container .inner {
    padding:20px 34px;
}
.modal .btn-close {
    display:block;
    position:absolute;
    top:-42px;
    right:0;
    width:32px;
    height:32px;
    border:1px solid #fff;
    cursor:pointer;
}
.modal .btn-close>.line {
    display:block;
    width:22px;
    height:1px;
    margin:0 auto;
    background-color:#fff;
}
.modal .btn-close>.line:first-child {
    transform:translateY(15px) rotate(45deg);
}
.modal .btn-close>.line:nth-child(2) {
    transform:translateY(14px) rotate(-45deg);
}
.modal .headline {
    margin-bottom:10px;
    font-size:150%;
    font-weight:bold;
}
#modal-interest .modal-container {
    width:530px;
    height:600px;
}
#modal-interest .modal-container .inner {
    overflow:auto;
    height:calc(100% - 20px);
}
#modal-interest .modal-container .accordion .head {
    position:relative;
    margin-bottom:8px;
    padding:4px 10px 3px;
    list-style:none;
    color:#fff;
    font-weight:bold;
    border-radius:4px;
    background-color:#666;
    cursor:pointer;
}
#modal-interest .modal-container .accordion .head:hover {
    background-color:#4c4c4c;
}
#modal-interest .modal-container .accordion .head::-webkit-details-marker {
    display:none;
}
#modal-interest .modal-container .accordion .head:after {
    display:block;
    position:absolute;
    top:50%;
    right:5px;
    content:'';
    width:8px;
    height:8px;
    border-top:solid 1px #fff;
    border-right:solid 1px #fff;
    transform:rotate(135deg) translateY(100%);
}
#modal-interest .modal-container .accordion .list-interest .item {
    display:flex;
    justify-content:space-between;
    position:relative;
    margin-bottom:10px;
    padding:4px 32px 3px 10px;
    border-radius:4px;
    background-color:#f2f2f2;
    cursor:pointer;
}
#modal-interest .modal-container .accordion .list-interest .item:hover {
    background-color:#e5e5e5;
}
#modal-interest .modal-container .accordion .list-interest .item:after {
    display:block;
    position:absolute;
    top:50%;
    right:17px;
    content:'';
    width:6px;
    height:6px;
    border-top:solid 1px #1a1a1a;
    border-right:solid 1px #1a1a1a;
    transform:rotate(45deg) translateY(-50%);
}
#modal-interest .modal-container .accordion[open] .head:after {
    right:10px;
    transform:rotate(-45deg) translateY(-25%);
}
#modal-interest .modal-container .notes {
    margin-top:7px;
    line-height:1.4;
    font-size:75%;
}
#modal-notes .modal-container {
    width:530px;
}
#modal-notes .list-notes {
    font-size:75%;
}
._spView {
    display:none;
}
@media (max-width:620px) {
    #wrap {
    margin:15px 5% 5%;
}
.content-column {
    display:block;
}
.content-column .column-left {
    margin-bottom:6%;
}
.box-graph {
    height:33vw;
    margin:0 0 10px;
}
.box-graph #graph-circle {
    top:2px;
    left:5vw;
    width:25vw;
    height:25vw;
    transform:translateX(0);
}
.box-graph .column-modelA {
    top:0;
    max-width:48%;
    line-height:1.3;
    font-size:96.5%;
}
.box-graph .column-modelA .number .num {
    font-size:166.6%;
    letter-spacing:-0.05em;
}
.box-graph .column-principal {
    right:12%;
    left:auto;
}
.box-graph .column-interest {
    top:9vw;
    right:12%;
}
.box-graph .column-payment {
    display:flex;
    justify-content:space-between;
    align-items:center;
    bottom:0;
    right:0;
    left:0;
    width:100%;
    max-width:90%;
    margin:0 auto;
}
.box-graph .column-payment .label {
    margin-bottom:-7%;
    font-size:125%;
}
.box-graph .column-payment .number {
    font-size:173.6%;
}
.box-graph .column-payment .number .num {
    letter-spacing:-0.05em;
}
.box-graph .box-blur {
    top: -5px;
    width: 100%;
    height: 105%;
    padding: 3.5% 0 0;
}
.box-graph .box-blur .logo {
    width:28.3%;
    margin-bottom:2%;
}
.box-graph .box-blur .ballon {
    width:93.8%;
    margin:0 auto 2%;
    padding:6px 0;
    font-size:77.15%;
}
.box-graph .box-blur .ballon:after {
    bottom:-6px;
    border-right:6px solid transparent;
    border-left:6px solid transparent;
    border-top:6px solid #f8d821;
}
.box-graph .box-blur .copy {
    margin-bottom:1%;
    font-size:77.15%;
}
.box-graph .box-blur .box-btns {
    width:93.8%;
}
.box-graph .box-blur .box-btns .btn {
    padding:3% 0;
    font-size:68.8%;
}
.box-graph .box-blur .box-btns .btn:after {
    width:4px;
    height:4px;
    margin-left:4px;
    vertical-align:2px;
    border-top:solid 1px #fff;
    border-right:solid 1px #fff;
}
.box-ui .inner {
    margin-bottom:3%;
    padding:8.3% 0 2%;
}
.box-ui .notes {
    font-size:82%;
}
.box-ui .colmun {
    padding:0 1.4%;
}
.box-ui .colmun:nth-child(n+2):before {
    height:116px;
}
.box-ui .block-slider {
    width:64.6%;
    margin:0 auto 4.72vw;
}
.box-ui .block-slider .inner-bar {
    width:100%;
    height:116px;
    margin:0;
}
.box-ui .block-slider .inner-knob {
    width:100%;
    height:140px;
    margin:-140px auto 0;
}
.box-ui .block-slider .inner-knob .knob {
    left:calc(50% - 12px);
    width:24px;
    height:24px;
}
.box-ui .block-number .label {
    margin-bottom:5%;
    font-size:90%;
}
.box-ui .block-number .label .unit {
    display:block;
    margin-top:5%;
    font-size:86%;
}
.box-ui .block-number .number-view {
    height:7vw;
    margin:0;
    padding:0 1vw;
    font-size:102.9%;
}
.box-ui .link-kinri {
    width:100%;
}
.box-ui .link-miodal {
    margin:2vw 0 0 -3vw;
    font-size:77.15%;
    white-space:nowrap;
}
.box-ui .link-miodal:after {
    width:4px;
    height:4px;
    margin-left:4px;
    vertical-align:2px;
}
.column-right .box-property {
    display:flex;
    justify-content:space-between;
}
.column-right .box-property .block-photo {
    width:38.28%;
    margin-bottom:20px;
}
.column-right .box-property .block-txts {
    width:59.65%;
}
.column-right .box-property .block-txts .elem-area {
    font-size:77.15%;
    margin-bottom:0%;
}
.column-right .box-property .block-txts .list-tag {
    margin-bottom:4%;
    font-size:90%;
}
.column-right .box-property .block-txts .list-tag .item {
    padding:3% 5%;
}
.column-right .box-property .block-txts .list-tag .item+.item {
    margin-left:2%;
}
.column-right .box-property .block-txts .elem-name {
    margin-bottom:12%;
    font-size:115.75%;
}
.column-right .box-property .block-txts .column-meta .elem-floor {
    font-size:102.9%;
}
.column-right .box-property .block-txts .column-meta .elem-price {
    font-size:115.75%;
    letter-spacing:-0.05em;
}
.column-right .box-range .elem-ballon {
    margin:0 auto 2%;
    line-height:1.5;
    font-size:102.86%;
}
.column-right .box-range .elem-ballon:after {
    bottom:-4vw;
    border-right:4vw solid transparent;
    border-left:4vw solid transparent;
    border-top:4.2vw solid #002c56;
}
.column-right .box-range .elem-ballon._02:after {
    bottom:-2vw;
    border-right:2vw solid transparent;
    border-left:2vw solid transparent;
}
.column-right .box-range .elem-label {
    margin-bottom:2%;
    font-size: 120%;
}
.column-right .box-range .block-number {
    padding: 16px 10px 12px;
    justify-content:space-between;
    align-items:center;
    text-align:center;
}
.column-right .box-range .block-number .elem-number {
    font-size:154.3%;
}
.column-right .box-range .block-number .elem-link {
    width:49%;
    padding:4% 0;
}
.column-right .box-range .block-number .elem-link:after {
    width:1.5vw;
    height:1.5vw;
    border-top:solid 1px #fff;
    border-right:solid 1px #fff;
    margin-left:2%;
}
.column-right .box-range .elem-ballon .elem-link {
    width:47%;
    padding:3% 0;
}
.column-right .box-range .btn {
    bottom:9%;
    max-width:59.05%;
    padding:4% 3% 4% 0;
    line-height:1;
    font-size:95%;
}
.column-right .box-range .btn:after {
    right:13px;
    width:6px;
    height:6px;
}
.column-right .notes {
    font-size:82%;
}
.box-cta {
    margin-top:10%;
}
.box-cta .headline {
    margin-bottom:3%;
    line-height:1.2;
    font-size:102.86%;
}
.box-cta .column-btn {
    font-size:83.58%;
}
.box-cta .column-btn .btn {
    position:relative;
    padding:4% 3% 4% 0;
}
.box-cta .column-btn .btn .free {
    margin-left:3%;
    padding:2% 5%;
    vertical-align:1px;
    font-size:84.65%;
}
.box-cta .column-btn .btn:after {
    display:block;
    position:absolute;
    top:50%;
    right:13px;
    content:'';
    width:6px;
    height:6px;
    margin-left:4px;
    border-top:solid 2px #fff;
    border-right:solid 2px #fff;
    transform:rotate(45deg) translateY(calc(-50% - 3px));
}
.box-cta .column-btn .btn-cta01 {
    background-color:#a2784a;
}
.box-cta .column-btn .btn-cta02 {
    background-color:#4487a4;
}
.modal .modal-container .inner {
    padding:3% 5%;
}
#modal-interest .modal-container {
    width:90%;
    height:100%;
    max-height:85%;
}
#modal-interest .modal-container .inner {
    height:100%;
}
#modal-notes .modal-container {
    width:90%;
}
._pcView {
    display:none;
}
._spView {
    display:block;
}
;
}