@charset "UTF-8";
/* ------------------------------------------------------ */
/* about_furuden_pc.css */
/* ------------------------------------------------------ */
/* base overwrite
--------------------------------------------------------- */
.page-layout {
    width: 100%;
    padding: 0;
}

#breadcrumb {
    width: 1176px;
    margin: 0 auto;
}

main {
    width: 100%;
    padding: 0;
}
main p {
    font-size: 16px;
}
main img {
    width: auto;
}

.content_section_snsbutton {
    margin: 0;
    padding: 24px 0 16px;
}

/* heading
--------------------------------------------------------- */
.heading2-furuden {
    position: relative;
    margin-bottom: 24px;
    padding-top: 32px;
    font-size: 24px;
    font-weight: bold;
    line-height: 2;
    text-align: center;
}
.heading2-furuden::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 84px;
    height: 14px;
    background: url("../images/img_heading2_furuden_decoration.svg") 0 0/contain no-repeat;
}

.heading3-furuden {
    margin-bottom: 8px;
    color: #4aa3d5;
    font-size: 22px;
    font-weight: bold;
}

/* background
--------------------------------------------------------- */
.background-yellow {
    background: #fce952;
}
.background-blue {
    background: #a4cced;
}
.background-inner-white .block-furuden-inner {
    padding: 56px 32px;
    background: #fff;
}
.background-inner-white.upper {
    padding: 40px 0 8px;
}
.background-inner-white.upper .block-furuden-inner {
    border-radius: 32px 32px 0 0;
}
.background-inner-white.lower {
    padding-bottom: 56px;
}
.background-inner-white.lower .block-furuden-inner {
    border-radius: 0 0 32px 32px;
}

/* block
--------------------------------------------------------- */
.block-furuden-inner {
    width: 1080px;
    margin: 0 auto;
}
.block-furuden-mainvisual {
    display: flex;
    justify-content: center;
    padding-top: 24px;
    background: #fff url("../images/bg_mainvisual_pc.png") 50% 0/contain no-repeat;
}
.block-furuden-info {
    text-align: center;
}
.block-furuden-info .furuden-info-text {
    margin-bottom: 32px;
    padding-bottom: 16px;
    border-bottom: 1px dotted #bbb;
}
.block-furuden-step {
    padding: 56px 0;
    background: #f5f5f5;
}
.block-furuden-caution {
    margin-bottom: 24px;
    padding: 16px;
    background: #fff;
}
.block-furuden-caution:last-child {
    margin-bottom: 0;
}
.block-furuden-caution .furuden-caution-title {
    margin-bottom: 8px;
    padding-left: calc(1em + 8px);
    color: #c40404;
    font-weight: bold;
    text-indent: calc((1em + 8px) * -1);
}
.block-furuden-caution .furuden-caution-title::before {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    margin-right: 8px;
    background: url("https://cf.furunavi.jp/images/icon_exclamation_circle.svg") 0 0/contain no-repeat;
    vertical-align: -2px;

    filter: brightness(0) saturate(100%) invert(18%) sepia(38%) saturate(4839%) hue-rotate(350deg) brightness(108%) contrast(115%);
}
.block-furuden-caution .furuden-caution-title:last-child {
    margin-bottom: 0;
}
.block-furuden-caution.border {
    border: 1px solid #c40404;
}
.block-furuden-caution.line {
    padding: 8px 16px;
}
.block-furuden-exchange {
    display: flex;
    gap: 32px;
    margin-bottom: 16px;
}
.block-furuden-exchange:last-child {
    margin-bottom: 0;
}
.block-furuden-exchange p {
    line-height: 1.5;
}
.block-furuden-exchange .furuden-exchange-point {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc((100% - 32px) / 2);
    padding: 16px;
    font-weight: bold;
}
.block-furuden-exchange .furuden-exchange-point p {
    font-size: 14px;
}
.block-furuden-exchange .furuden-exchange-point.catalog {
    position: relative;
    border: 2px solid #056a82;
    background: #e1f1f5;
}
.block-furuden-exchange .furuden-exchange-point.catalog::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -28px;
    transform: translateY(-50%);
    width: 20px;
    height: 16px;
    background: url("../images/icon_furuden_exchange_arrow.svg") 0 0/contain no-repeat;
}
.block-furuden-exchange .furuden-exchange-point.electric {
    border: 2px solid #ffdc00;
    background: #fffbdd;
}
.block-furuden-exchange .furuden-exchange-icon {
    height: 60px;
    margin-right: 16px;
}
.block-furuden-exchange .furuden-exchange-icon img {
    height: 100%;
}
.block-furuden-faq {
    margin: 56px 0;
}
.block-furuden-precautions {
    margin-bottom: 56px;
}
.block-furuden-contact {
    margin-bottom: 24px;
    padding: 56px 0;
}
.block-furuden-contact .furuden-contact-title {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}
.block-banner-cp {
    margin-bottom: 32px;
    text-align: center;
}
.block-banner-cp .link-banner::after {
    content: none;
}

/* list
--------------------------------------------------------- */
.list-furuden-merit {
    max-width: 850px;
    margin: 0 auto;
}
.list-furuden-merit > li {
    margin-bottom: 24px;
    padding-bottom: 24px;
    border-bottom: 1px dotted #bbb;
}
.list-furuden-merit > li:nth-child(even) .furuden-merit-icon {
    float: right;
}
.list-furuden-merit > li:nth-child(even) .furuden-merit-text {
    float: left;
    padding-left: 64px;
}
.list-furuden-merit > li:nth-child(even) .heading3-furuden {
    float: left;
    padding-left: 64px;
}
.list-furuden-merit > li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}
.list-furuden-merit .furuden-merit-icon {
    float: left;
    height: 133px;
    margin-top: 8px;
}
.list-furuden-merit .furuden-merit-icon img {
    height: 100%;
}
.list-furuden-merit .furuden-merit-num {
    font-size: 16px;
}
.list-furuden-merit .furuden-merit-text {
    float: right;
    width: 656px;
}
.list-furuden-merit .heading3-furuden {
    float: right;
    width: 656px;
}
.list-furuden-step {
    max-width: 850px;
    margin: 40px auto;
}
.list-furuden-step:first-child {
    margin-top: 0;
}
.list-furuden-step:last-child {
    margin-bottom: 0;
}
.list-furuden-step > li {
    position: relative;
    margin-bottom: 32px;
}
.list-furuden-step > li:last-child {
    margin-bottom: 0;
}
.list-furuden-step > li:nth-child(even) .furuden-step-content {
    background: #e1f2fc;
}
.list-furuden-step .furuden-step-num {
    position: absolute;
    top: 34px;
    left: -48px;
    width: 96px;
    height: 96px;
}
.list-furuden-step .furuden-step-content {
    padding: 32px 56px;
    border: 2px solid #4aa3d5;
    border-radius: 16px;
    background: #fff;
}
.list-furuden-step .furuden-step-content + .furuden-step-content {
    border-top: none;
}
.list-furuden-step .furuden-step-introduction {
    display: flex;
    justify-content: flex-start;
    gap: 0 24px;
    margin: 0 0 24px -24px;
}
.list-furuden-step .furuden-step-introduction p {
    line-height: 1.5;
}
.list-furuden-step .furuden-step-introduction-text {
    flex: 1 1 0;
}
.list-furuden-step .furuden-step-icon {
    width: 96px;
    height: 96px;
}
.list-furuden-step .furuden-step-text {
    margin-bottom: 16px;
}
.list-furuden-step .furuden-step-image {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px 0;
    margin-bottom: 24px;
}
.list-furuden-step .furuden-step-image:last-child {
    margin-bottom: 0;
}
.list-furuden-step .furuden-step-image-title {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: calc(100% - 36px);
    height: 48px;
    background: #d0eaff;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}
.list-furuden-step .furuden-step-image-title::before,
.list-furuden-step .furuden-step-image-title::after {
    content: "";
    position: absolute;
    top: 0;
    width: 18px;
    height: 100%;
    background: #d0eaff;
}
.list-furuden-step .furuden-step-image-title::before {
    left: -18px;

    clip-path: polygon(100% 0, 0 50%, 100% 100%);
}
.list-furuden-step .furuden-step-image-title::after {
    right: -18px;

    clip-path: polygon(0 100%, 100% 50%, 0 0);
}
.list-furuden-step .heading3-furuden {
    color: #000;
}
.list-furuden-municipal {
    display: grid;
    justify-content: center;
    grid-template-columns: repeat(auto-fit, 304px);
    gap: 24px 16px;
    margin-bottom: 24px;
}
.list-furuden-municipal > li {
    text-align: center;
}
.list-furuden-municipal .furuden-municipal-name {
    margin: 4px 0;
    font-weight: bold;
}
.list-furuden-municipal .furuden-municipal-price {
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 0 8px;
    margin-bottom: 24px;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.2;
}
.list-furuden-municipal .furuden-municipal-price-number {
    color: #a5001e;
    font-size: 28px;
}
.list-furuden-faq {
    max-width: 850px;
    margin: 24px auto;
}
.list-furuden-faq:first-child {
    margin-top: 0;
}
.list-furuden-faq:last-child {
    margin-bottom: 0;
}
.list-furuden-faq dt {
    display: flex;
    align-items: center;
    position: relative;
    margin-bottom: 16px;
    padding: 12px 0 12px 64px;
    background: #f5f5f5;
    font-weight: bold;
}
.list-furuden-faq dt::before {
    content: "Q";
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 48px;
    height: 100%;
    background: #4aa3d5;
    color: #fff;
    text-align: center;
}
.list-furuden-faq dd {
    margin-bottom: 24px;
    padding: 0 64px;
}
.list-furuden-faq dd:last-child {
    margin-bottom: 0;
}
.list-furuden-disc {
    max-width: 850px;
    margin: 0 auto;
}
.list-furuden-disc > li {
    padding-left: 1em;
    text-indent: -1em;
}
.list-furuden-disc > li::before {
    content: "・";
}

/* button
--------------------------------------------------------- */
.button-furuden {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    min-width: 280px;
    height: 56px;
    padding: 0 40px;
    border: 2px solid #000;
    border-radius: 4px;
    background: #fff;
    color: #000;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    transition: background-color .2s ease-out;
}
.button-furuden:hover {
    background: #f5f5f5;
}
.button-furuden.blank::after {
    margin-left: 8px;

    filter: none;
}

/* unique
--------------------------------------------------------- */
.deducation_simulation {
    width: 100%;
    margin-bottom: 16px;
}
.deducation_simulation .simulator_block table {
    width: 100%;
}
.deducation_simulation .simulator_block table th {
    position: relative;
    width: 384px;
    padding: 0 56px 0 4px;
    font-size: 16px;
    font-weight: normal;
    text-align: left;
}
.deducation_simulation .simulator_block table th.required_cell::before {
    content: "必須";
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translateY(-50%);
    width: 40px;
    height: 20px;
    border-radius: 2px;
    background-color: #c80000;
    color: #fff;
    font-size: 13px;
    line-height: 20px;
    text-align: center;
}
.deducation_simulation .simulator_block table td {
    padding: 8px 0;
}
.deducation_simulation .simulator_block table td.long_cell {
    width: calc(100% - 384px);
    vertical-align: middle;
}
.deducation_simulation .simulator_block table td.long_cell .form-text-comma-input {
    width: 100%;
    height: 100%;
    border: none;
    text-align: right;
}
.deducation_simulation .simulator_block table td .form-text-wrap {
    width: 192px;
    height: 40px;
    padding: 0 8px;
    border: 1px solid #ccc;
    border-radius: 6px;
    background-color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-align: right;
}
.deducation_simulation .simulator_block table td .form-text-comma-output {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    height: 100%;
}
.deducation_simulation .simulation_result {
    margin-top: 24px;
    border: 1px solid #000;
    background-color: #fff;
}
.deducation_simulation .simulation_result .result_title {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    background-color: #000;
    color: #fff;
}
.deducation_simulation .simulation_result .result_display_block,
.deducation_simulation .simulation_result .result_point_block {
    margin: 24px 0;
    line-height: 1.2;
    text-align: center;
    letter-spacing: .04em;
}
.deducation_simulation .simulation_result .result_display_block .deduction_display {
    font-size: 24px;
}
.deducation_simulation .simulation_result .result_display_block .deduction_display span {
    font-size: 14px;
}
.deducation_simulation .simulation_result .result_point_block strong {
    color: #c80000;
    font-size: 24px;
}

.block-furuden-info-faq .block-furuden-inner::before {
    top: -90px;
    left: -16px;
}

.block-furuden-info-faq .block-furuden-inner::after {
    right: 0;
    bottom: -32px;
    transform: rotate(90deg);
}