div.l-page-header h2 {
    background: initial;
    padding: initial;
    margin-bottom: initial;
    position: initial;
    font-weight: 400;
    margin-bottom: 110px;
    padding: 30px;
    background: #ffce1f;
    text-align: center;
    position: relative;
    font-size: 2.8rem;
    max-width: 90%;
    margin-right: auto;
    margin-left: auto
}

div.l-page-header h2::before {
    background: 0 0;
    width: initial;
    height: initial;
    top: initial;
    left: initial;
    transform: initial;
    content: initial;
    position: initial
}

@media screen and (max-width: 48.87375em) {
    div.l-page-header h2 {
        font-size: 2.4rem;
        max-width: 100%;
        margin-bottom: 20px;
        padding: 16px 0
    }
}

div.l-page-header h2::before {
    position: absolute;
    content: '';
    top: 100%;
    left: 0;
    border: none;
    border-bottom: solid 15px transparent;
    border-right: solid 20px #9e9419
}

div.l-page-header h2:after {
    position: absolute;
    content: '';
    top: 100%;
    right: 0;
    border: none;
    border-bottom: solid 15px transparent;
    border-left: solid 20px #9e9419
}

div.l-page-header h2 span.strong-text {
    font-size: 3.4rem;
    font-weight: 700
}

@media screen and (max-width: 48.87375em) {
    div.l-page-header h2 span.strong-text {
        font-size: 3rem
    }
}

div.l-question-list {
    margin-top: 80px
}

@media screen and (max-width: 48.87375em) {
    div.l-question-list {
        margin-top: 60px
    }
}

div.l-question-list div.question {
    position: relative;
    /*background-color: #fafaff;*/
    /*border: 4px solid #213e7f*/
}

div.l-question-list div.question.disable-select-area::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    background-color: rgba(80, 80, 80, .6)
}

div.l-question-list div.question.disable-select-area svg.disable-select-text {
    display: block
}

div.l-question-list div.question svg.disable-select-text {
    display: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    text-align: center;
    font-weight: 700;
    z-index: 101;
    overflow: visible
}

div.l-question-list div.question svg.disable-select-text text {
    font-size: 11px
}

@media screen and (max-width: 48.87375em) {
    div.l-question-list div.question svg.disable-select-text text {
        font-size: 16px
    }
}

div.l-question-list div.question svg.disable-select-text text tspan.yellow {
    fill: #ffd647
}

div.l-question-list div.question svg.disable-select-text text.background {
    stroke: #000;
    stroke-width: 4;
    stroke-linejoin: round
}

div.l-question-list div.question svg.disable-select-text text.foreground {
    fill: #fff
}

div.l-question-list div.question div.question-header {
    position: relative;
    margin-bottom: 90px;
    padding: 26px 0;
    background-color: #213e7f;
    background-image: repeating-linear-gradient(-45deg, #2e477f, #2e477f 10px, transparent 0, transparent 20px)
}

div.l-question-list div.question div.question-header.add-supplementary-text {
    margin-bottom: 40px
}

@media screen and (max-width: 48.87375em) {
    div.l-question-list div.question div.question-header {
        text-align: center;
        padding: 16px 0 24px 0;
        margin-bottom: 70px
    }

    div.l-question-list div.question div.question-header.add-supplementary-text {
        margin-bottom: 40px
    }
}

div.l-question-list div.question div.question-header p.header-label {
    display: inline-block;
    position: absolute;
    left: 30px;
    top: -50px;
    padding: 10px 40px;
    color: #333;
    background-color: #ffce1f;
    margin-bottom: 10px;
    font-size: 3.4rem;
    font-weight: 700;
    text-align: center;
    border-radius: 6px
}

@media screen and (max-width: 48.87375em) {
    div.l-question-list div.question div.question-header p.header-label {
        position: static;
        padding: 6px 20px;
        min-width: 240px;
        margin-bottom: 24px;
        position: static;
        font-size: 2.6rem
    }
}

@media screen and (min-width: 48.875em) {
    div.l-question-list div.question div.question-header p.header-label::before {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -15px;
        border: 15px solid transparent;
        border-top: 15px solid #ffce1f
    }
}

div.l-question-list div.question div.question-header p.header-title {
    font-size: 2.4rem;
    line-height: 30px;
    text-align: center;
    font-weight: 700;
    color: #fff;
    margin-bottom: 0
}

@media screen and (max-width: 48.87375em) {
    div.l-question-list div.question div.question-header p.header-title {
        font-size: 1.9rem;
        line-height: 26px
    }
}

div.l-question-list div.question p.supplementary-text {
    text-align: center;
    margin-bottom: 40px;
    font-weight: 700;
    font-size: 20px
}

@media screen and (max-width: 48.87375em) {
    div.l-question-list div.question p.supplementary-text {
        font-size: 17px
    }
}

div.l-question-list div.question div.question-content {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    padding-bottom: 20px
}

@media screen and (max-width: 48.87375em) {
    div.l-question-list div.question div.question-content {
        padding-bottom: 0
    }
}

div.l-question-list div.question div.question-content div.answer {
    width: calc(25% - 2rem);
    max-width: 240px;
    margin-bottom: 6rem
}

div.l-question-list div.question div.question-content div.answer.col-25per {
    width: calc(25% - 2rem);
    margin-right: 1rem;
    margin-left: 1rem
}

@media screen and (max-width: 48.87375em) {
    div.l-question-list div.question div.question-content div.answer.col-25per {
        width: calc(50% - 2rem);
        margin-right: 1rem;
        margin-left: 1rem
    }
}

div.l-question-list div.question div.question-content div.answer.col-33per {
    width: calc(33% - 3rem);
    margin-right: 1.5rem;
    margin-left: 1.5rem
}

@media screen and (max-width: 48.87375em) {
    div.l-question-list div.question div.question-content div.answer.col-33per {
        width: calc(50% - 2rem);
        margin-right: 1rem;
        margin-left: 1rem
    }
}

div.l-question-list div.question div.question-content div.answer.col-50per {
    width: 240px;
    margin-right: 1.5rem;
    margin-left: 1.5rem
}

@media screen and (max-width: 48.87375em) {
    div.l-question-list div.question div.question-content div.answer.col-50per {
        width: calc(50% - 2rem);
        margin-right: 1rem;
        margin-left: 1rem
    }
}

div.l-question-list div.question div.question-content div.answer div.answer-image {
    cursor: pointer;
    position: relative;
    justify-content: center;
    align-items: center;
    display: flex;
    background-color: #fff;
    height: 220px;
    padding: 10px 5px;
    border: 3px solid #cacaca;
    border-radius: 6px;
    transition: all .3s ease 0s
}

@media screen and (max-width: 48.87375em) {
    div.l-question-list div.question div.question-content div.answer div.answer-image {
        height: 150px
    }
}

div.l-question-list div.question div.question-content div.answer div.answer-image:hover:not(.disable):not(.active) {
    background-color: #ffedb6;
    border: 3px solid #8a8a8a;
    box-shadow: 0 10px 10px rgba(0, 0, 0, .3);
    transform: translateY(-.4em)
}

div.l-question-list div.question div.question-content div.answer div.answer-image.active {
    background-color: #ffce1f;
    border: 3px solid #090
}

div.l-question-list div.question div.question-content div.answer div.answer-image.active span.not-selected-label {
    display: none
}

div.l-question-list div.question div.question-content div.answer div.answer-image.active span.disable-label {
    display: none
}

div.l-question-list div.question div.question-content div.answer div.answer-image.active span.selected-label {
    display: block
}

div.l-question-list div.question div.question-content div.answer div.answer-image.disable {
    cursor: not-allowed;
    background: #ccc;
    border: 3px solid #6a6a6a
}

div.l-question-list div.question div.question-content div.answer div.answer-image.disable svg.image-text {
    opacity: .5
}

div.l-question-list div.question div.question-content div.answer div.answer-image.disable span.not-selected-label {
    display: none
}

div.l-question-list div.question div.question-content div.answer div.answer-image.disable span.disable-label {
    display: block
}

div.l-question-list div.question div.question-content div.answer div.answer-image.disable span.selected-label {
    display: none
}

div.l-question-list div.question div.question-content div.answer div.answer-image svg.image-text {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    width: 90%;
    text-align: center;
    font-size: 2rem;
    font-weight: 700;
    z-index: 1;
    overflow: visible
}

div.l-question-list div.question div.question-content div.answer div.answer-image svg.image-text text {
    font-size: 30px
}

div.l-question-list div.question div.question-content div.answer div.answer-image svg.image-text text.background {
    stroke: #000;
    stroke-width: 8;
    stroke-linejoin: round
}

div.l-question-list div.question div.question-content div.answer div.answer-image svg.image-text text.foreground {
    fill: #fff
}

div.l-question-list div.question div.question-content div.answer div.answer-image span.selected-label {
    display: none;
    position: absolute;
    top: -12px;
    right: -10px;
    z-index: 10;
    background-color: #090;
    padding: 4px 8px;
    border: 2px solid #090;
    border-radius: 6px;
    font-weight: 700;
    color: #fff;
    line-height: 32px
}

div.l-question-list div.question div.question-content div.answer div.answer-image span.not-selected-label {
    display: block;
    position: absolute;
    top: -12px;
    right: -10px;
    z-index: 10;
    background-color: #797979;
    padding: 4px 8px;
    border: 2px solid #797979;
    border-radius: 6px;
    font-weight: 700;
    color: #fff;
    line-height: 32px
}

div.l-question-list div.question div.question-content div.answer div.answer-image span.disable-label {
    display: none;
    position: absolute;
    top: -12px;
    right: -10px;
    z-index: 10;
    background-color: #e57373;
    padding: 4px 8px;
    border: 2px solid #e57373;
    border-radius: 6px;
    font-weight: 700;
    color: #fff;
    line-height: 32px
}

div.l-question-list div.question div.question-content div.answer div.answer-image img {
    width: 100%
}

div.l-question-list div.question div.question-content div.answer div.answer-text p {
    margin-bottom: 0;
    font-size: 20px;
    text-align: center;
    line-height: 26px;
    margin-top: 8px
}

@media screen and (max-width: 48.87375em) {
    div.l-question-list div.question div.question-content div.answer div.answer-text p {
        font-size: 18px
    }
}

div.l-question-list div.question-actions {
    display: none;
    text-align: center;
    margin-top: 60px
}

div.l-question-list div.question-actions span.calculation-appeal-text {
    display: inline-block;
    padding: 0 50px 15px 60px;
    position: relative;
    font-size: 26px;
    margin-bottom: 8px
}

div.l-question-list div.question-actions span.calculation-appeal-text span.strong-color {
    color: #cc2424;
    font-weight: 700
}

@media screen and (max-width: 48.87375em) {
    div.l-question-list div.question-actions span.calculation-appeal-text {
        font-size: 20px;
        padding: 0 50px 15px 50px
    }
}

div.l-question-list div.question-actions span.calculation-appeal-text:before {
    display: inline-block;
    position: absolute;
    top: 30%;
    left: 0;
    width: 46px;
    height: 4px;
    border-radius: 3px;
    background-color: #ffc904;
    content: "";
    transform: rotate(50deg)
}

@media screen and (max-width: 48.87375em) {
    div.l-question-list div.question-actions span.calculation-appeal-text:before {
        top: 40%;
        width: 52px
    }
}

div.l-question-list div.question-actions span.calculation-appeal-text:after {
    display: inline-block;
    position: absolute;
    top: 30%;
    right: 0;
    width: 46px;
    height: 4px;
    border-radius: 3px;
    background-color: #ffc904;
    content: "";
    transform: rotate(-50deg)
}

@media screen and (max-width: 48.87375em) {
    div.l-question-list div.question-actions span.calculation-appeal-text:after {
        top: 40%;
        width: 52px
    }
}

div.l-question-list div.question-actions a.calculation-button {
    display: block;
    margin: 0 auto 40px auto;
    padding: 28px 6px 24px 6px;
    font-size: 3rem;
    font-weight: 700;
    text-align: center;
    color: #fff;
    text-decoration: none;
    max-width: 80%;
    background-color: #5fb15f;
    border: 1px solid #38733a;
    border-radius: 6px;
    border-bottom: solid 4px #216b20;
    box-shadow: inset 0 2px 0 rgba(255, 255, 255, .2), 0 2px 2px rgba(0, 0, 0, .19)
}

div.l-question-list div.question-actions a.calculation-button:hover {
    margin-top: 4px;
    opacity: .75;
    border-bottom-width: 0
}

@media screen and (max-width: 48.87375em) {
    div.l-question-list div.question-actions a.calculation-button {
        max-width: 100%
    }
}

div.l-question-list div.question-actions a.calculation-button i {
    padding-bottom: 6px;
    padding-left: 8px;
    font-size: 4rem;
    vertical-align: middle
}

div.l-question-list div.question-actions a.clear-button {
    display: block;
    margin: 0 auto 0 auto;
    padding: 12px 5px;
    font-size: 2rem;
    font-weight: 700;
    text-align: center;
    color: #fff;
    text-decoration: none;
    max-width: 50%;
    background-color: #e57373;
    border-radius: 6px;
    box-shadow: inset 0 2px 0 rgba(255, 255, 255, .2), 0 2px 2px rgba(0, 0, 0, .19)
}

@media screen and (max-width: 48.87375em) {
    div.l-question-list div.question-actions a.clear-button {
        max-width: 90%
    }
}

div.l-question-list div.question-actions a.clear-button:hover {
    opacity: .75
}

div.l-estimate-list {
    display: none
}

div.l-estimate-list div.estimate-by-plan div.question-actions {
    text-align: center;
    margin-top: 50px
}

@media screen and (max-width: 48.87375em) {
    div.l-estimate-list div.estimate-by-plan div.question-actions {
        margin-top: 40px
    }
}

div.l-estimate-list div.estimate-by-plan div.question-actions a.clear-button {
    display: block;
    margin: 0 auto 0 auto;
    padding: 12px 5px;
    font-size: 2rem;
    font-weight: 700;
    text-align: center;
    color: #fff;
    text-decoration: none;
    max-width: 50%;
    background-color: #e57373;
    border-radius: 6px;
    box-shadow: inset 0 2px 0 rgba(255, 255, 255, .2), 0 2px 2px rgba(0, 0, 0, .19)
}

@media screen and (max-width: 48.87375em) {
    div.l-estimate-list div.estimate-by-plan div.question-actions a.clear-button {
        max-width: 90%
    }
}

div.l-estimate-list div.estimate-by-plan div.question-actions a.clear-button:hover {
    opacity: .75
}

div.l-estimate-list div.estimate-by-plan div.tab_content {
    padding: 20px 16px
}

@media screen and (max-width: 48.87375em) {
    div.l-estimate-list div.estimate-by-plan div.tab_content {
        border-right-width: 4px;
        border-left-width: 4px
    }
}

div.l-estimate-list div.estimate-by-plan div.tab_content.content_plan-a {
    background-color: #fbf5d7;
    border-right: 8px solid #ffa010;
    border-left: 8px solid #ffa010
}

div.l-estimate-list div.estimate-by-plan div.tab_content.content_plan-b {
    background-color: #f2faff;
    border-right: 8px solid #59b3ff;
    border-left: 8px solid #59b3ff
}

div.l-estimate-list div.estimate-by-plan div.tab_content p.content-headline {
    font-size: 24px;
    margin-bottom: 12px;
    font-weight: 700
}

div.l-estimate-list div.estimate-by-plan div.tab_content p.price-caption {
    margin-top: 12px;
    margin-bottom: 0;
    line-height: 30px;
    font-size: 17px
}

@media screen and (max-width: 48.87375em) {
    div.l-estimate-list div.estimate-by-plan div.tab_content p.price-caption {
        font-size: 16px
    }
}

div.l-estimate-list div.estimate-by-plan div.tab_content div.content-point {
    margin-bottom: 20px;
    padding: 10px 20px;
    border: solid 2px #000;
    background-color: #fff
}

div.l-estimate-list div.estimate-by-plan div.tab_content div.content-point p {
    font-size: 1.4rem;
    line-height: 28px;
    margin-bottom: 0
}

div.l-estimate-list div.estimate-by-plan div.tab_content div.content-point p.point-headline {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 8px
}

div.l-estimate-list div.estimate-by-plan div.tab_content div.content-price {
    padding: 20px;
    border: solid 2px #000;
    background-color: #fff
}

@media screen and (max-width: 48.87375em) {
    div.l-estimate-list div.estimate-by-plan div.tab_content div.content-price {
        padding: 20px 8px
    }
}

div.l-estimate-list div.estimate-by-plan div.tab_content div.content-price p.price-label {
    text-align: center;
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 12px
}

div.l-estimate-list div.estimate-by-plan div.tab_content div.content-price p.price-amount {
    text-align: center;
    font-size: 1.7rem;
    font-weight: 700;
    margin-bottom: 4px
}

div.l-estimate-list div.estimate-by-plan div.tab_content div.content-price p.price-amount.tax-amount {
    font-size: 15px;
    margin-bottom: 0
}

div.l-estimate-list div.estimate-by-plan div.tab_content div.content-price p.price-amount.tax-amount span.amount-label {
    font-size: 18px
}

div.l-estimate-list div.estimate-by-plan div.tab_content div.content-price p.price-amount.tax-amount span.amount {
    font-size: 2.6rem
}

div.l-estimate-list div.estimate-by-plan div.tab_content div.content-price p.price-amount span.amount-label {
    font-size: 24px;
    margin-right: 12px
}

div.l-estimate-list div.estimate-by-plan div.tab_content div.content-price p.price-amount span.amount {
    font-size: 4.8rem;
    color: #c00
}

@media screen and (max-width: 48.87375em) {
    div.l-estimate-list div.estimate-by-plan div.tab_content div.content-price p.price-amount span.amount {
        font-size: 3.2rem
    }
}

div.l-estimate-list div.estimate-by-plan div.tab_content table {
    border: solid 2px #000;
    margin-bottom: 20px
}

div.l-estimate-list div.estimate-by-plan .tabs {
    background-color: #fff;
    border: none
}

div.l-estimate-list div.estimate-by-plan .tab_item {
    width: calc(100% / 2);
    margin: 30px 0 0 0;
    padding: 8px 0 6px;
    border-radius: 12px 12px 0 0;
    font-size: 28px;
    text-align: center;
    display: block;
    float: left;
    text-align: center;
    font-weight: 700;
    transition: all .2s ease
}

div.l-estimate-list div.estimate-by-plan .tab_item.item_plan-a {
    background-color: #ffce1f;
    color: #000
}

div.l-estimate-list div.estimate-by-plan .tab_item.item_plan-b {
    background-color: #26427e;
    color: #fff
}

div.l-estimate-list div.estimate-by-plan .tab_item span.font-small {
    font-size: 22px
}

@media screen and (max-width: 48.87375em) {
    div.l-estimate-list div.estimate-by-plan .tab_item span.font-small {
        font-size: 12px
    }
}

@media screen and (max-width: 48.87375em) {
    div.l-estimate-list div.estimate-by-plan .tab_item {
        font-size: 16px;
        line-height: 30px
    }
}

div.l-estimate-list div.estimate-by-plan .tab_item:hover {
    opacity: .75
}

div.l-estimate-list div.estimate-by-plan input[name=tab_item] {
    display: none
}

div.l-estimate-list div.estimate-by-plan .tab_content {
    display: none;
    clear: both;
    overflow: hidden
}

div.l-estimate-list div.estimate-by-plan #plan-a:checked ~ #plan-a_content, div.l-estimate-list div.estimate-by-plan #plan-b:checked ~ #plan-b_content {
    display: block;
    animation: tabContentShow ease-in-out .3s forwards
}

div.l-estimate-list div.estimate-by-plan .tabs input:checked + .tab_item {
    padding: 18px 0 14px;
    margin-top: 4px
}

div.l-estimate-list div.estimate-by-plan .tabs input:checked + .tab_item.item_plan-a {
    border-top: 8px solid #ffa010;
    border-right: 8px solid #ffa010;
    border-left: 8px solid #ffa010
}

div.l-estimate-list div.estimate-by-plan .tabs input:checked + .tab_item.item_plan-b {
    border-top: 8px solid #59b3ff;
    border-right: 8px solid #59b3ff;
    border-left: 8px solid #59b3ff
}

@media screen and (max-width: 48.87375em) {
    div.l-estimate-list div.estimate-by-plan .tabs input:checked + .tab_item {
        margin-top: 12px;
        padding: 14px 0 10px
    }
}

@keyframes tabContentShow {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

div.l-estimate-list div.estimate-by-plan div.bottom-tab label {
    width: calc(100% / 2);
    margin: 0 0 26px 0;
    padding: 8px 0 6px;
    border-radius: 0 0 12px 12px;
    font-size: 28px;
    text-align: center;
    display: block;
    float: left;
    text-align: center;
    font-weight: 700;
    transition: all .2s ease
}

div.l-estimate-list div.estimate-by-plan div.bottom-tab label:hover {
    opacity: .75
}

div.l-estimate-list div.estimate-by-plan div.bottom-tab label span.font-small {
    font-size: 22px
}

@media screen and (max-width: 48.87375em) {
    div.l-estimate-list div.estimate-by-plan div.bottom-tab label span.font-small {
        font-size: 12px
    }
}

@media screen and (max-width: 48.87375em) {
    div.l-estimate-list div.estimate-by-plan div.bottom-tab label {
        font-size: 16px;
        line-height: 30px
    }
}

div.l-estimate-list div.estimate-by-plan div.bottom-tab label.bottom-tab-plan-a {
    background-color: #ffce1f;
    color: #000
}

div.l-estimate-list div.estimate-by-plan div.bottom-tab label.bottom-tab-plan-a.active {
    margin-bottom: 0;
    padding: 18px 0 14px;
    border-right: 8px solid #ffa010;
    border-left: 8px solid #ffa010;
    border-bottom: 8px solid #ffa010
}

@media screen and (max-width: 48.87375em) {
    div.l-estimate-list div.estimate-by-plan div.bottom-tab label.bottom-tab-plan-a.active {
        padding: 14px 0 10px
    }
}

div.l-estimate-list div.estimate-by-plan div.bottom-tab label.bottom-tab-plan-b {
    background-color: #26427e;
    color: #fff
}

div.l-estimate-list div.estimate-by-plan div.bottom-tab label.bottom-tab-plan-b.active {
    margin-bottom: 0;
    padding: 18px 0 14px;
    border-right: 8px solid #59b3ff;
    border-left: 8px solid #59b3ff;
    border-bottom: 8px solid #59b3ff
}

@media screen and (max-width: 48.87375em) {
    div.l-estimate-list div.estimate-by-plan div.bottom-tab label.bottom-tab-plan-b.active {
        padding: 14px 0 10px
    }
}

div.chevron-down-mark.less-margin p {
    padding: 40px 0
}

div.chevron-down-mark p {
    padding: 60px 0;
    margin: 0;
    text-align: center
}

div.chevron-down-mark p i {
    font-size: 7.5rem;
    color: #213e7f
}

div.jquery-modal div.modal p.image-caption {
    font-size: 20px;
    text-align: center;
    margin-bottom: 20px;
    font-weight: 700
}

div.jquery-modal div.modal p.image-caption:last-of-type {
    margin-bottom: 0
}