body.result {
    background: #fff;
}

header {
    background: #e55c17;
    padding: 8px;
}

.text-matchmo {
    color: #e55c17;
}

.bg-now-plan {
    background: #b1b1b1;
    color: #fff;
}

.bg-matchmo-70 {
    background: #f2ae8b;
}

.bg-matchmo-50 {
   background: #fae4d6;
}

.fs-22 {
    font-size: 22px;
}

.fs-26 {
    font-size: 26px;
}

.header-title {
    color: #fff;
    font-size: 24px;
    font-weight: bold;
}

.survey-2 {
    width: 415px;
}

.survey-3 {
    width: 275px;
}

.survey-5 {
    width: 163px;
}

.survey-6 {
    width: 135px;
}

.survey-7 {
    width: 115px;
}

.step {
    margin: 32px auto 0;
    width: 540px;
}

.step .step-circle {
    float: left;
    width: 90px;
    height: 90px;
    line-height: 85px;
    border: 3px solid #aaa;
    border-radius: 50%;
    text-align: center;
    font-size: 36px;
    font-weight: bold;
    color: #aaa;
}

.step .step-circle span {
    vertical-align: 5px;
    font-size: 16px;
    padding-right: 4px;
}

.step .step-circle.active {
    background: #1cade4;
    border: 3px solid #1cade4;
    color: #fff;
}

.step .step-border {
    float: left;
    height: 1px;
    border: 1px solid #aaa;
    width: 60px;
    margin-top: 45px;
}

.step .step-border.active {
    border: 1px solid #1cade4;
}

.container {
    clear: left;
    width: 860px;
}

.step-subtitle {
    width: 260px;
    height: 126px;
    padding-top: 24px;
    padding-right: 12px;
    background: url('../image/step-bg.png') no-repeat;
    background-size: contain;
    text-align: right;
    line-height: 120px;
    font-weight: bold;
    font-size: 64px;
    vertical-align: text-bottom;
}

.step-subtitle span {
    padding-right: 12px;
    font-size: 32px;
}

h2 {
    margin-bottom: 32px;
    padding-left: 40px;
    font-size: 32px;
    font-weight: bold;
}

.answer div {
    padding: 8px;
    text-align: center;
    font-size: 32px;
    font-weight: bold;
}

.answer .select-box {
    display: block;
    padding: 4px;
    border: 1px solid #999;
    color: black;
    text-decoration: none;
    box-shadow: #999 2px 2px;
}

.answer select.select-box {
    text-align: center;
    font-size: 32px;
    font-weight: bold;
}

.answer .select-button label {
    display: block;
    height: 62px;
    padding: 4px;
    border: 1px solid #999;
    color: black;
    text-decoration: none;
    box-shadow: #999 2px 2px;
    text-align: center;
    font-size: 32px;
    font-weight: bold;
    line-height: 52px;
}

.answer .input-group span {
    padding-left: 8px;
    padding-top: 6px;
}

.answer .form-check .form-check-input {
    margin-left: 8px;
}

.answer .form-check .form-check-label {
    width: 85%;
    margin-left: -1em;
}

.btn.btn-start-simulation {
    font-size: 32px;
    font-weight: bold;
    background-color: #e55c17;
    border-color: #e55c17;
}

.content-result {
    background-color: #fff;
    border-radius: 16px;
    border: 4px solid #e55c17;
}

.content-result h3 {
    width: 460px;
    height: 60px;
    margin: -30px auto 0;
    background-color: #e55c17;
    color: #fff;
    font-size: 24px;
    text-align: center;
    line-height: 60px;
    border-radius: 30px;
    box-shadow: #999 2px 2px 2px;
}

.content-result .result-now {
    border: 4px solid #b1b1b1;
    border-radius: 8px;
    background: #ededed;
    font-size: 22px;
}

.content-result .result-recommend {
    border: 4px solid #f2ae8b;
    border-radius: 8px;
    font-size: 22px;
}

.content-result .result-price {
    border-top: 2px solid #333;
}

.content-result .result-arrow {
    margin-top: -200px;
    height: 200px;
    text-align: center;
}

.content-result .result-arrow div {
    background: #e55c16;
    width: 80px;
    height: 80px;
    border-radius: 40px;
    margin: 0 auto;
    line-height: 80px;
    font-size: 60px;
}

.content-result-detail {
    margin-top: 48px;
    background: #fff;
    border-radius: 16px;
    border: 4px solid #e55c17;
}

.content-result-detail h2 {
    background: #e55c16;
    padding: 16px;
    text-align: center;
    color: #fff;
}

.content-result-detail .result-detail-price {
    font-size: 20px;
}

.content-result-detail .result-detail-price span {
    font-size: 48px;
    color: #e55c16;
}

.content-result-detail table {
    background: #f0f7f9;
    border-radius: 16px;
    border: 4px solid #e55c17;
}

.content-result-detail table th {
    text-align: center;
    padding: 16px;
}

.content-result-detail table td {
    border-top: 1px solid #333;
    padding: 24px;
}

.content-result-detail table td span {
    font-size: 24px;
}

.content-result-detail table td:last-child {
    text-align: right;
}

.result-detail-subtitle {
    font-size: 60px;
    color: #e55c16;
}

.content-matchmo-title {
    font-weight: bold;
    margin-top: 16px;
    margin-bottom: 24px;
}

.content-matchmo div.border {
    border: 2px solid #cecece!important;
}

.content-matchmo div.border-matchmo {
    border: 3px solid #de5d1f!important;
}

.content-matchmo .matchmo-subtitle-simulation {
    width: 200px;
    border: 1px solid #818181;
    color: #818181;
    font-size: 12px;
}

.content-matchmo .matchmo-subtitle-matchmo {
    width: 200px;
    border: 1px solid #d5652f;
    color: #d5652f;
    font-size: 12px;
}

.content-matchmo table {
    width: 100%;
    margin-bottom: 24px;
}

.content-matchmo table tr th {
    background: #8d8d8d;
    color: #fff;
    text-align: center;
    padding: 4px 8px;
    border: 1px solid #b3b3b3;
}

.content-matchmo table tr td {
    text-align: left;
    padding: 4px 8px;
    border: 1px solid #b3b3b3;
}

.content-matchmo table tr td:first-child {
    width: 50%;
    background: #efefef;
}

.content-matchmo .mathcmo-price {
    height: 80px;
}

.content-matchmo .matchmo-arrow {
    color: #c7c7c7;
    font-size: 48px;
    padding-top: 150px;
}

.btn.btn-warning {
    border: 1px solid #e55c17;
    background-color: #e55c17;
    color: #fff;
}

.btn.btn-outline-warning {
    border-color: #e55c17;
    color: #000;
}

.btn.btn-outline-warning:hover {
    border-color: #e55c17;
    background-color: #fff;
    color: #e55c17;
}

.btn-check:checked+.btn.btn-outline-warning {
    border: 1px solid #e55c17!important;
    background-color: #e55c17;
    color: #fff;
}

.nav-link.btn-outline-warning {
    border: 1px solid #e55c17!important;
}

.nav-pills .nav-link.btn-outline-warning.active {
    background-color: #e55c17;
}

.btn.btn-outline-primary {
    border-color: #e55c17;
    color: #000;
}

.btn.btn-outline-primary:hover {
    border-color: #e55c17;
    color: #e55c17;
}
.btn-check:checked+.btn.btn-outline-primary {
    border: 1px solid #e55c17!important;
    background-color: #e55c17;
    color: #fff;
}
.btn.btn-outline-primary.small {
    font-size: x-large;
}