#sectionCs .container { }
#sectionCs .container .header { text-align: center; }
#sectionCs .container .header .title { margin-bottom: 0; font-size: 2.5rem; font-weight: 300; }
#sectionCs .container .header .description { margin-bottom: 0; }
#sectionCs .container .body { display: flex; justify-content: space-between; padding: 2rem;  }
#sectionCs .container .body .left { flex: 1; display: flex; flex-direction: column; justify-content: center; gap: 3rem; text-align: center; border-right: 1px solid var(--color-gray-light); }
#sectionCs .container .body .left .block .title { margin-bottom: 0.25rem; }
#sectionCs .container .body .left .block .title span { font-size: 1rem; font-weight: 500; }
#sectionCs .container .body .left .block .big { font-size: 2rem; font-weight: 300; }
#sectionCs .container .body .left .block .description { color: var(--color-text-light); }
#sectionCs .container .body .right { flex: 1.3; display: flex; flex-wrap: wrap; align-items: center; }
#sectionCs .container .body .right .block { flex: 0 0 33%; margin: 0.5rem 0; text-align: center; cursor: pointer; transition: all 0.4s; }
#sectionCs .container .body .right .block:hover { transform: translateY(-5px); opacity: 0.7; }
#sectionCs .container .body .right .block .icon { margin-bottom: 0.5rem; font-size: 2rem; }
#sectionCs .container .body .right .block .title { margin-bottom: 0.2rem; font-size: 1.1rem; font-weight: 500; }
#sectionCs .container .body .right .block .description { font-size: 0.9rem; color: var(--color-text-light); }
/*xl*/ @media (max-width: 1199px) {
    #sectionCs .container .body .left .block .big { font-size: 1.75rem; }
}
/*lg*/ @media (max-width: 991px) {
    #sectionCs .container .header { padding: 1.25rem 0 2rem 0; }
    #sectionCs .container .header .title { font-size: 1.5rem; }
    #sectionCs .container .body { padding: 0; flex-direction: column; }
    #sectionCs .container .body .left { gap: 1.5rem; padding: 2rem 0; border: 0; border-top: 1px solid var(--color-gray-light); border-bottom: 1px solid var(--color-gray-light); }
    #sectionCs .container .body .right { padding-top: 2rem; }
}
/*md*/ @media (max-width: 767px) {
    #sectionCs .container .body .right .block { flex: 0 0 50%; }
    #sectionCs .container .body .left .block .big { font-size: 1.3rem; }
}




#sectionEstimate_10 { position: relative; height: 700px; color: #fff; background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("/Images/Custom/Estimate/estimate_10_bg.jpg") no-repeat center / cover; }
#sectionEstimate_10 .content { position: absolute; bottom: 5rem; text-shadow: 0 0 5px rgb(0 0 0 / 60%); }
#sectionEstimate_10 .content .title { margin-bottom: 0.5rem; font-size: 4rem; font-weight: 700; }
#sectionEstimate_10 .content .description { margin-bottom: 2rem; font-size: 1.5rem; font-weight: 500; }
#sectionEstimate_10 .content .button { display: inline-block; padding: 0.75rem 1.25rem; font-size: 1.25rem; font-weight: 500; border: 2px solid #fff; border-radius: 10rem; cursor: pointer; transition: 0.4s; }
#sectionEstimate_10 .content .button:hover { color: var(--color-text); background-color: #fff; text-shadow: none; }
#sectionEstimate_10 .content .button i { margin-left: 0.25rem; -webkit-text-stroke: 0.5px; }
/*lg*/ @media (max-width: 991px) {
    #sectionEstimate_10 .content .title { font-size: 2.5rem; }
    #sectionEstimate_10 .content .description { font-size: 1.25rem; }
}
/*md*/ @media (max-width: 767px) {
    #sectionEstimate_10 { height: 450px; }
    #sectionEstimate_10 .content .title { font-size: 2rem; }
    #sectionEstimate_10 .content .description { font-size: 1rem; }
    #sectionEstimate_10 .content .button { padding: 0.5rem 1rem; font-size: 1.1rem; }
}

#sectionEstimate_30 { border-top: 1px solid var(--color-gray-light); }
#sectionEstimate_30 .history-item { display: flex; gap: 2rem; padding: 2rem; background-color: #fff; border: 1px solid var(--color-gray-light); border-radius: 1rem; box-shadow: 4px 12px 30px 6px rgb(0 0 0 / 9%); }
#sectionEstimate_30 .history-item ~ .history-item { margin-top: 1rem; }
#sectionEstimate_30 .history-item .text { flex: 1; }
#sectionEstimate_30 .history-item .text .title { display: flex; align-items: center; gap: 0.5rem; margin-bottom: 1rem; padding-bottom: 1rem; font-size: 1.25rem; font-weight: 700; border-bottom: 1px dashed var(--color-gray-light); }
#sectionEstimate_30 .history-item .text .title .badge { padding: 0.5rem 0.75rem; border-radius: 10rem; }
#sectionEstimate_30 .history-item .thumb { flex: 1; }
#sectionEstimate_30 .history-item .thumb .splide__arrow { background-color: #fff !important; border-radius: 0; border-radius: 50%; box-shadow: 0 0 4px 2px rgb(0 0 0 / 9%); opacity: 1; transition: all 0.4s; }
#sectionEstimate_30 .history-item .thumb .splide__arrow svg { width: 1rem; height: 1rem; }
#sectionEstimate_30 .history-item .thumb .splide__arrow svg path { fill: var(--color-gray); transition: 0.4s; }
#sectionEstimate_30 .history-item .thumb .splide__arrow:hover svg path { fill: var(--color-text); }
#sectionEstimate_30 .history-item .thumb .splide__track { box-shadow: 0 0 0px 1px rgb(0 0 0 / 9%); border-radius: 0.75rem; }
#sectionEstimate_30 .history-item .thumb .splide__track .splide__slide { height: 400px; background: no-repeat center / cover; }
#sectionEstimate_30 .history-item .thumb .splide__pagination { bottom: unset; top: 100%; }
#sectionEstimate_30 .history-item .thumb .splide__pagination .splide__pagination__page { border: 1px solid var(--color-gray-light); }
#sectionEstimate_30 .history-item:nth-child(2n) .text { order: 1; }
#sectionEstimate_30 .history-item:nth-child(2n) .thumb { order: 0; }
/*xl*/ @media (max-width: 1199px) {
    #sectionEstimate_30 .history-item .thumb { flex: 0.5; }
    #sectionEstimate_30 .history-item .thumb .splide__track .splide__slide { height: 200px; }
}
/*lg*/ @media (max-width: 991px) {
    #sectionEstimate_30 .history-item { flex-direction: column; }
    #sectionEstimate_30 .history-item:nth-child(2n) .text { order: unset; }
    #sectionEstimate_30 .history-item:nth-child(2n) .thumb { order: unset; }
    #sectionEstimate_30 .history-item .thumb .splide__track .splide__slide { height: 350px; }
}
/*md*/ @media (max-width: 767px) {
    #sectionEstimate_30 .history-item .thumb .splide__track .splide__slide { height: 350px; }
}
/*sm*/ @media (max-width: 575px) {
    #sectionEstimate_30 .history-item .thumb .splide__track .splide__slide { height: 200px; }
}

#sectionEstimate_50 { border-top: 1px solid var(--color-gray-light); border-bottom: 1px solid var(--color-gray-light); }
#sectionEstimate_50 .block { padding: 2rem; border-radius: 1rem; box-shadow: 4px 12px 30px 6px rgb(0 0 0 / 9%); }
#sectionEstimate_50 .block ~ .block { margin-top: 1rem; }
#sectionEstimate_50 .block .header { display: flex; align-items: center; gap: 1rem; margin-bottom: 1rem; padding-bottom: 1rem; border-bottom: 1px solid var(--color-gray-light); }
#sectionEstimate_50 .block .header .name { font-size: 1.5rem; font-weight: 700; }
#sectionEstimate_50 .block .header .description { font-weight: 500; }
#sectionEstimate_50 .block .process { flex: 1; display: flex; gap: 2px; }
#sectionEstimate_50 .block .process .step { position: relative; display: flex; justify-content: center; align-items: center; line-height: 1.2; text-align: center; color: #fff; border-radius: 1rem; box-sizing: border-box; }
#sectionEstimate_50 .block .process .step::after { content: ""; width: 20px; height: 20px; position: absolute; right: -2px; transform: translateX(50%) rotate(45deg); background-color: inherit; border-top: 2px solid var(--color-background); border-right: 2px solid var(--color-background); z-index: 1; }
#sectionEstimate_50 .block .process .step.one { flex: 1; }
#sectionEstimate_50 .block .process .step.two { flex: 1.5; }
#sectionEstimate_50 .block .process .step.three { flex: 3; }
#sectionEstimate_50 .block .process .step.start { background-color: #2283ff; }
#sectionEstimate_50 .block .process .step.end { background-color: #01cf45; }
#sectionEstimate_50 .block .process .step.end::after { display: none; }
#sectionEstimate_50 .block .process .step > div { margin: 1rem; }
#sectionEstimate_50 .block .process .step > div .title { font-weight: 500; }
#sectionEstimate_50 .block .process .step > div .title.ymk { font-size: 1.25rem; font-weight: 700; }
#sectionEstimate_50 .block .process .step > div .description { font-size: 0.9rem; }
/*lg*/ @media (max-width: 991px) {
    #sectionEstimate_50 .body { display: flex; }
    #sectionEstimate_50 .block { flex: 1; }
    #sectionEstimate_50 .block ~ .block { margin-top: 0; margin-left: 0.5rem; }
    #sectionEstimate_50 .block .header { flex-direction: column; gap: 0; }
    #sectionEstimate_50 .block .process { flex-direction: column; }
    #sectionEstimate_50 .block .process .step::after { right: unset; bottom: -2px; transform: translateY(50%) rotate(135deg); border-top: 2px solid var(--color-background); border-right: 2px solid var(--color-background); z-index: 1; }
    #sectionEstimate_50 .block .process .step.one { flex: unset; height: 80px; }
    #sectionEstimate_50 .block .process .step.two { flex: unset; height: 160px; }
    #sectionEstimate_50 .block .process .step.three { flex: unset; height: 240px; }
    #sectionEstimate_50 .block .process .step > div { margin: 0; }
    #sectionEstimate_50 .block .process .step > div .title.ymk { font-size: 1.2rem; }
}
/*md*/ @media (max-width: 767px) {
    #sectionEstimate_50 .block { padding: 1rem; }
    #sectionEstimate_50 .block .header .name { font-size: 1.25rem; }
    #sectionEstimate_50 .block .header .description { font-size: 0.9rem; }
    #sectionEstimate_50 .block .header .description .pc_only { display: none; }
}
/*sm*/ @media (max-width: 575px) {
}


#sectionEstimate_60 { background-color: #fff; border-top: 1px solid var(--color-gray-light); }
#sectionEstimate_60 .header { margin-bottom: 2rem; text-align: center; }
#sectionEstimate_60 .header .title { margin-bottom: 2rem; font-size: 2rem; font-weight: 700; }
#sectionEstimate_60 .header .title .highlight { color: var(--color-main); }
#sectionEstimate_60 .header .description { max-width: 610px; margin-left: auto; margin-right: auto; font-size: 1.25rem; font-weight: 500; font-style: italic; color: var(--color-text-light); }
#sectionEstimate_60 .body { max-width: 600px; margin-left: auto; margin-right: auto; }
#sectionEstimate_60 .body .list .item { display: flex; align-items: center; gap: 0.5rem; font-size: 1.1rem; }
#sectionEstimate_60 .body .list .item ~ .item { margin-top: 0.5rem; }
/*xl*/ @media (max-width: 1199px) {
}
/*lg*/ @media (max-width: 991px) {
    #sectionEstimate_60 .header .title { font-size: 1.5rem; }
    #sectionEstimate_60 .header .description { font-size: 1.1rem; }
}
/*md*/ @media (max-width: 767px) {
    #sectionEstimate_60 .header .description { font-size: 1rem; }
}
/*sm*/ @media (max-width: 575px) {
    #sectionEstimate_60 .header .title .highlight { display: block; }
}

.estimate-list { background-color: #fff; }
.estimate-list .header { margin-bottom: 4rem; text-align: center; }
.estimate-list .header .title { margin-bottom: 0.5rem; font-size: 2rem; font-weight: 700; }
.estimate-list .header .description { font-size: 1.25rem; font-weight: 500; color: var(--color-text-light); }
.estimate-list .body { }
.estimate-list .body .list { display: flex; justify-content: space-between; gap: 2rem; }
.estimate-list .body .list .tile { width: 25%; }
.estimate-list .body .list .tile .icon { margin-bottom: 2rem; text-align: center; }
.estimate-list .body .list .tile .icon img { max-width: 100px; }
.estimate-list .body .list .tile .text .title { margin-bottom: 1rem; text-align: center; font-size: 1.5rem; font-weight: 700; }
.estimate-list .body .list .tile .text .description { color: var(--color-text-light); }
/*xl*/ @media (max-width: 1199px) {
    .estimate-list .body .list { flex-wrap: wrap; }
    .estimate-list .body .list .tile { width: 48%; }
}
/*lg*/ @media (max-width: 991px) {
    .estimate-list .header .title { font-size: 1.5rem; }
    .estimate-list .header .description { font-size: 1.1rem; }
    .estimate-list .body .list { gap: 1rem; }
    .estimate-list .body .list .tile { display: flex; align-items: center; gap: 0.75rem; width: 100%; }
    .estimate-list .body .list .tile .icon { margin-bottom: 0; }
    .estimate-list .body .list .tile .icon img { max-width: 60px; }
    .estimate-list .body .list .tile .text .title { margin-bottom: 0; text-align: left; font-size: 1.2rem; }
    .estimate-list .body .list .tile .text .description { font-size: 0.9rem; }
}
/*md*/ @media (max-width: 767px) {
    .estimate-list .header .description { font-size: 1rem; }
}
/*sm*/ @media (max-width: 575px) {
    .estimate-list .header { margin-bottom: 2rem; }
}

.estimate-bottom { margin-top: 3rem; text-align: center; }
.estimate-bottom .button { display: inline-block; padding: 0.75rem 1.25rem; font-size: 1.25rem; font-weight: 500; border: 2px solid var(--color-text); border-radius: 10rem; cursor: pointer; transition: 0.4s; }
.estimate-bottom .button:hover { color: #fff; background-color: var(--color-text); }
.estimate-bottom .button i { margin-left: 0.25rem; -webkit-text-stroke: 0.5px; }
/*md*/ @media (max-width: 767px) {
    .estimate-bottom .button { padding: 0.5rem 1rem; font-size: 1.1rem; }
}





#sectionEstimate_Input .row > div { margin-bottom: 0.5rem; }
#sectionEstimate_Input textarea { height: 200px; }
#sectionEstimate_Input .buttons { text-align: right; }

#sectionEstimate_Input .datetime-area { margin-bottom: 0; }
#sectionEstimate_Input .datetime-area .body { margin-bottom: 0; }
#sectionEstimate_Input .datetime-area .body .title { padding-left: 0.5rem; font-size: 1rem; }
#sectionEstimate_Input .datetime-area .body .date { padding: 1rem 0.5rem; font-size: 0.9rem; }
/*lg*/ @media (max-width: 991px) { #sectionEstimate_Input .datetime-area { flex-direction: unset; }
    #sectionEstimate_Input #divDatetime_Tour .start { margin-right: 0.5rem; }
}
/*md*/ @media (max-width: 767px) {
    #sectionEstimate_Input .datetime-area { flex-direction: column; }
    #sectionEstimate_Input #divDatetime_Tour .start { margin-right: 0; margin-bottom: 0.5rem; }
}
/*sm*/ @media (max-width: 575px) {
}

#sectionEstimate_Input .people { display: flex; justify-content: flex-end; }
#sectionEstimate_Input .people .block { display: flex; align-items: center; margin-left: 1rem; font-weight: 500; white-space: nowrap; }
#sectionEstimate_Input .people .block .input-group { width: auto; margin: 0 0.5rem; }
#sectionEstimate_Input .people .block .input-group button { padding: 0 0.5rem; }
#sectionEstimate_Input .people .block .input-group button i { margin-right: 0; -webkit-text-stroke: 1px; }
#sectionEstimate_Input .people .block .input-group input { width: 40px; padding: 0; text-align: center; font-size: 1.25rem; background-color: #fff; border-color: var(--color-gray-dark); }
/*md*/ @media (max-width: 767px) {
    #sectionEstimate_Input .people { flex-direction: column; align-items: flex-end; }
    #sectionEstimate_Input .people .block { margin-bottom: 0.25rem; }
    #sectionEstimate_Input .people .block:last-child { margin-bottom: 0; }
}