@media (max-width: 600px) {body{overflow-x: hidden;}.hero {height: auto;padding: 200px 16px 40px;position: relative;min-height: auto;}.hero-image-container {position: absolute;top: 0;left: 0;height: 75vh;width: 100%;z-index: 1;}.hero-image {width: 100%;max-height: 100vh;object-fit: cover;clip-path: none;opacity: 0.8;}.hero-text-container {position: relative;z-index: 2;text-align: center;display: flex;flex-direction: column;justify-content: flex-start;height: auto;}.hero-overlay {position: relative;top: auto;right: auto;margin-bottom: 20px;text-align: center;}.sub-title {position: relative;bottom: auto;right: auto;text-align: center;max-width: none;}.hero-title {font-size: 36px;margin-top: 0;margin-bottom: 12px;color: #333;text-shadow: none;}.sub-title h2 {font-size: 16px;margin-bottom: 8px;color: #555;}.service-description {font-size: 0.9rem;color: #666;line-height: 1.6;text-align: center;margin-left: 0;max-width: none;}.catch {padding: 50px 0 0 0 ;position: relative;}.catch-container {position: relative;display: flex;flex-direction: column;max-height: none;min-height: 400px;gap: 0;}.catch-image {display: none;}.text-content {position: relative;z-index: 2;text-align: center;border-radius: 8px;backdrop-filter: blur(2px);}.catch-title {font-size: 1.4rem;line-height: 1.4;margin-bottom: 16px;color: #333;font-weight: 700;}.catch-text {font-size: 0.9rem;line-height: 1.6;margin-bottom: 24px;color: #555;}.catch-button{display: flex;justify-content: center;align-items: center;margin: 0 auto;text-align: center;}}@media (max-width: 600px) {.image-container{width: 90%;}.navigation {padding: 40px 16px;}.navigation-title {margin-bottom: 24px;text-align: center;}.navigation-title-text {font-size: 1.4rem;line-height: 1.4;}.navigation-container {display: grid;grid-template-columns: 1fr 1fr;gap: 12px;max-width: 100%;}.navigation-item {display: grid !important;grid-template-columns: 36px 1fr;grid-template-rows: auto 1fr auto;background: #f8f9fa;border-radius: 8px;padding: 12px;height: auto;align-items: start !important;text-align: left !important;min-height: auto !important;align-items: center;}.navigation-image {grid: 1;max-width: 100px;height: 75px;flex-shrink: 0;opacity: 0.5;z-index: 0;}.navigation-title {font-size: 0.8rem;line-height: 1.3;flex-grow: 1;display: flex;align-items: center;justify-content: center;margin: 8px 0;z-index: 2;}.nav-button {padding: 8px 6px;font-size: 0.65rem;border-radius: 4px;flex-shrink: 0;width: 150px;min-width: 70px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;align-items: center;}.nav-button:after {display: none;}.nav-button:hover {transform: none;}.nav-button:hover:after {transform: none;}}@media (max-width: 600px) {#callcenter-service{margin: 0;}.callcenter-wrapper {display: flex;flex-direction: column;align-items: center;padding: 40px 16px;background: #f8f9fa;}.callcenter-wrapper {position: relative;display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 60px 16px 0 16px;text-align: left;overflow: hidden;}.callcenter-image {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;opacity: 0.3;margin: 0;}.callcenter-image img {width: 100%;height: 100%;object-fit: cover;}.service-content {position: relative;z-index: 2;color: #fff;height: 100px;}.service-title{font-size: 1.5rem;line-height: 1.4;margin-bottom: 16px;color: #fff;font-weight: 700;padding: 0;}}.client-info-section {padding: 0 0 0 16px;display: flex;flex-direction: column;max-width: 100%;}@media (max-width: 600px) {.service-feature-wrapper {display: grid;grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(3, auto);gap: 20px;}.service-feature {display: grid;grid-template-areas: "title title" "image description";grid-template-columns: auto 1fr;grid-template-rows: auto 1fr;gap: 0 12px;background: #fff;border: 1px solid #eee;border-radius: 8px;overflow: hidden;padding: 0 ;}.service-feature-title {grid-area: title;background: #e8f4f8;padding: 12px 16px;font-size: 0.9rem;font-weight: 600;text-align: center;margin: 0;}.service-feature-image {grid-area: image;width: 32px;height: 32px;margin: 16px 0 16px 16px;align-self: start;}.service-feature-description {grid-area: description;margin: 16px 16px 16px 0;font-size: 0.8rem;line-height: 1.4;color: #666;align-self: start;}}@media (max-width: 600px) {#chatbot{height: 100%;margin: 50px 0 ;padding: 0 20px 50px 20px;}.chatbot-top {flex-direction: column;height: auto;}.chatbot-point-text{max-height: 300px;}.chatbot-main-title{text-align: left;}.chatbot-top {flex-direction: column;position: relative;}.chatbot-col-right {position: absolute;top: 0;left: 0;width: 100%;height: 600px;}.chatbot-image {width: 100%;height: 730px;object-fit: contain;opacity: 0.2;}.chatbot-col-left {position: relative;z-index: 2;color: #333;}.chatbot {background-color: transparent;}.chatbot-point{display: none;}.chatbo-cta{display: flex;justify-content: center;align-items: center;margin: 0 auto;text-align: center;}}@media (max-width: 600px) {#voicebot {padding: 0 20px;}.voicebot-wrapper {display: flex;flex-direction: column;gap: 80px;padding: 0 ;position: relative;}.voicebot-left {width: 100%;text-align: center;position: relative;}.voicebot-left-title {position: relative;z-index: 2;text-align: center;margin-bottom: 16px;}.voicebot-left-title h2 {position: relative;font-size: 2.8em;z-index: 3;text-align: left;}.voicebot-left-title-sub {position: relative;z-index: 10;}.voicebot-left-title-sub p {font-size: 0.95rem;color: #555;line-height: 1.6;margin-bottom: 8px;position: relative;z-index: 10;}.voicebot-left-catch {position: relative;z-index: 2;}.voicebot-left-catch h3 {font-size: 1rem;margin-bottom: 12px;color: #444;}.voicebot-left-map {margin-top: 16px;position: relative;z-index: 2;}.voicebot-left-map img {width: 100%;height: auto;border-radius: 8px;margin-top: 4px;margin-bottom: 16px;}.voicebot-right {width: 100%;text-align: center;}.voicebot-right-image {position: absolute;top: 0;left: 50%;transform: translateX(-55%);z-index: 1;width: 80%;height: 300px;opacity: 0.4;pointer-events: none;}.voicebot-right-features-grid{max-width: 100%;margin: 0;}.voicebot-feature-title {position: relative;z-index: 2;}.voicebot-feature-title h4 {font-size: 1rem;margin-bottom: 12px;font-weight: 600;}.voicebot-feature-list {gap: 8px;list-style: none;padding: 4px;margin: 0;position: relative;z-index: 2;max-width: 100vw;}.voicebot-feature-list li {padding: 3px ;font-size: 0.8rem;text-align: center;margin-left: -5px;}.voicebot-bottom {text-align: center;margin: 40px 0;position: relative;z-index: 2;}.voicebot-feature-list {grid-template-columns: 1fr 1fr;grid-template-rows: 1fr 1fr 1fr;gap: 20px;}.voicebot-right-features-grid {padding: 12px 20px;background-color: #85CBBF;border-radius: 8px;margin: 20px 0;}.voicebot-feature-list li {font-size: clamp(10px, 3vw, 14px);line-height: 1;background: #fff;color: #85CBBF;padding: 8px 4px;border-radius: 4px;text-align: center;white-space: nowrap;}}@media screen and (max-width: 600px) {.summarize-wrapper {position: relative;overflow: hidden;min-height: 600px;display: flex;flex-direction: column;padding: 40px 20px;}.summarize-wrapper::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: url("../img/cc/sum/sum-mockup.webp");background-size: cover;background-position: center;background-repeat: no-repeat;opacity: 0.1;z-index: 0;}.summarize-wrapper-left {position: relative;z-index: 1;}.summarize-wrapper-right {display: none;}.summarize-button {display: flex;justify-content: center;align-items: center;margin: 0 auto;text-align: center;}}