* {margin: 0;padding: 0;box-sizing: border-box;scroll-behavior: smooth;}body {font-family: notosans, Arial, sans-serif;line-height: 1.6;color: #333;background-color: #fff;}.hero-title, .sub-title, .service-description {font-family: 'Noto Sans JP', 'Yu Gothic', 'Hiragino Kaku Gothic ProN', sans-serif;}.hero {position: relative;width: 100%;height: 100vh;min-height: 80vh;padding: 0;margin-bottom: 40px;}.hero-image-container {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;opacity: 0.5;}.hero-image {width: 100%;height: 100%;object-fit: cover;clip-path: polygon(0 0, 100% 0, 100% 75%, 80% 100%, 0 100%);}.hero-text-container{position: relative;z-index: 2;width: 100%;height: 100%;max-width: 1200px;margin: 0 auto;display: flex;flex-direction: column;justify-content: space-between;}.hero-overlay {position: absolute;top: 2rem;right: 0%;z-index: 2;max-width: 1200px;}.hero-title {font-size: 4vw;font-weight: 700;color: white;text-shadow: 2px 2px 4px rgba(0,0,0,0.5);margin: 0;margin-top: 22%;line-height: 1.2;letter-spacing: 0.05em;}.sub-title {position: absolute;bottom: 2rem;right: 0%;max-width: 650px;z-index: 2;text-align: right;align-items: flex-end;}.sub-title h2 {font-size: 1.7vw;color: #2c3e50;margin-bottom: 1.5rem;font-weight: 600;line-height: 1.4;}.service-description {display: none;max-width: 550px;font-size: 14px;color: #555;line-height: 1.7;margin: 0;text-align: right;margin-left: auto;}.catch {padding: 80px 0;max-height: 570px;}.catch-container {max-width: 1200px;margin: 0 auto;padding: 0 20px;display: flex;align-items: center;gap: 60px;}.text-content {flex: 1;max-width: 500px;}.catch-title {font-size: 2.2rem;font-weight: bold;color: #333;line-height: 1.4;margin-bottom: 24px;}.catch-text {font-size: 18px;color: #666;line-height: 1.8;margin-bottom: 32px;}.catch-button {display: inline-block;}.image-container {flex: 1;display: grid;grid-template-columns: repeat(4, 1fr);grid-template-rows: repeat(4, 1fr);gap: 12px;height: 500px;width: 400px;}.catch-image {width: 100%;height: 100%;object-fit: cover;border-radius: 8px;}.catch-image:nth-child(2), .catch-image:nth-child(3) {box-shadow: 0 8px 24px rgba(0,0,0,0.18), 0 1.5px 4px rgba(0,0,0,0.10);}.catch-image:nth-child(1) {grid-column: 3 / 5;grid-row: 3;}.catch-image:nth-child(2) {grid-column: 1/ 3;grid-row: 2 / 4;}.catch-image:nth-child(3) {grid-column: 2 / 4;grid-row: 1 / 2;}.callcenter-service {margin: 80px 20px;background-color: #f8f9fa;}.callcenter-wrapper {max-width: 1200px;margin: 0 auto;display: flex;align-items: center;gap: 60px;min-height: 500px;}.service-content {flex: 1;}.service-title {padding-right: 40px;margin-bottom: 20px;}.service-title-text {font-size: 2.3rem;font-weight: 700;color: #444;margin: 0 0 30px 0;line-height: 1.3;}.service-subtitle {font-size: 1.2rem;line-height: 1.8;color: #64748b;margin: 0;font-weight: 400;}.callcenter-image {flex: 1;}.callcenter-image img {width: 100%;height: auto;border-radius: 15px;box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);object-fit: cover;}.catch-button {font-size: 14px;font-weight: 700;padding: 12px 48px;color: #fff;background: #007bff;;border: none;border-radius: 50px;cursor: pointer;transition: color 0.3s, background 0.3s;width: 240px;}.catch-button:hover {background: #0161c9;;}.client-info-section {padding: 20px 20px 60px 20px;background-color: #f8f9fa;align-items: center;justify-content: center;}.client-info-title{text-align: center;max-width: 1200px;margin: 0 auto 40px;}.features {background: #f8f9fa;padding: 80px 20px;margin-bottom: 80px;}.features-title {font-size: 2.5rem;text-align: center;margin-bottom: 3rem;color: #2c3e50;}.features-glid {max-width: 1200px;margin: 0 auto;display: flex;flex-wrap: wrap;gap: 2rem;justify-content: center;}.feature-item {flex: 1 1 280px;max-width: 250px;background: white;padding: 2rem;border-radius: 12px;text-align: center;box-shadow: 0 4px 16px rgba(0,0,0,0.08);transition: transform 0.3s ease;}.feature-item img {width: 80px;height: 80px;object-fit: cover;border-radius: 50%;margin-bottom: 1.5rem;}.feature-item h3 {font-size: 1.3rem;margin-bottom: 1rem;color: #2c3e50;}.feature-item p {color: #666;line-height: 1.6;}.chatbot {background-color: #fff;font-family: 'Helvetica Neue', Arial, sans-serif;padding: 40px 16px;box-sizing: border-box;overflow: hidden;}.chatbot-content-wrapper {max-width: 1200px;margin: 0 auto;}.chatbot-top {display: flex;justify-content: space-between;gap: 24px;margin-bottom: 32px;height: 500px;}.chatbot-col-left, .chatbot-col-right {flex: 1;display: flex;flex-direction: column;gap: 12px;overflow: hidden;}.chatbot-main-title {font-size: 2.3rem;font-weight: bolder;color: #555;text-align: left;max-width: 870px;align-items: center;line-height: 1.2;}.chatbot-col-left {flex: 6;}.chatbot-col-right {flex: 4;}.chatbot-image {max-width: 100%;height: auto;max-height: 500px;object-fit: contain;border-radius: 8px;}.flow-image {max-width: 100%;height: auto;max-height: 180px;object-fit: contain;border-radius: 6px;margin: 25px 0;}.chatbot-description {display: flex;align-items: flex-start;border-radius: 6px;padding: 12px;font-size: 1.2rem;line-height: 1.4;max-height: 260px;overflow: hidden;}.chatbot-description p {margin: 0;color: #64748b;flex: 1;font-weight: 500;}.chatbot-point {display: flex;justify-content: space-between;gap: 16px;margin-bottom: 16px;}.chatbot-point-text {display: flex;flex-direction: column;justify-content: space-between;flex: 1;background-color: #f0f4f8;padding: 12px;border-radius: 6px;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);overflow: hidden;}.point-text-top {display: flex;justify-content:flex-start;align-items: center;}.box-text {font-size: 0.8rem;font-weight: bold;color: #ffffff;outline: 2px solid #007bff;background-color: #007bff;border-radius: 4px;padding: 0 8px;height: 20px;}.point-text-bottom {margin-bottom: auto;margin-top: 8px;}.point-text-top h4 {margin: 0;font-size: 1rem;font-weight: bold;color: #007bff;margin-left: 12px;}.chatbot-point-text p {margin: 6px 0 0;font-size: 13px;line-height: 1.4;color: #555;}.chatbo-cta-wrapper {text-align: left;margin-top: 28px;}.chatbo-cta {font-size: 14px;font-weight: 700;padding: 12px 48px;color: #fff;background: #007bff;;border: none;border-radius: 50px;cursor: pointer;transition: opacity 0.3s;width: 240px;}.chatbo-cta:hover {background-color: #0056b3;transform: translateY(-1px);box-shadow: 0 2px 8px rgba(0, 123, 255, 0.2);}.chatbo-cta:active {transform: translateY(0);}.voicebot {width: 100%;padding: 80px 5%;background: #fff;font-family: "Helvetica Neue", Arial, sans-serif;background-color: #f8f9fa;}.voicebot-wrapper {max-width: 1200px;margin: 0 auto;display: flex;gap: 64px;align-items: flex-start;}.voicebot-left {flex: 1 1 37%;}.voicebot-left-title h2 {font-size: 2.3rem;font-weight: 700;line-height: 1.25;color: #555;margin: 0 0 24px;}.voicebot-left-title-sub p {font-size: 1rem;line-height: 1.75;color: #64748b;}.voicebot-left-catch{color: #555;font-size: 1.2rem;margin-top: 100px;}.voicebot-left-map {max-width: 550px;}.voicebot-map-image {width: 105%;height: auto;display: block;margin-top: 50px;}.voicebot-right {display: flex;flex-direction: column;align-items: left;justify-content: center;gap: 10px;flex: 1 1 50%;bottom: 0;}.voicebot-right-image {width: 500px;height: 420px;margin: 0 auto;}.voicebot-right-features-grid {padding: 4px 20px;background-color: #85CBBF;border-radius: 8px;margin: 20px 0;}.voicebot-feature-title h4 {text-align: left;font-size: 1rem;font-weight: 500;color: #444;}.voicebot-feature-list {display: grid;grid-template-columns: 1fr 1fr 1fr;grid-template-rows: 1fr 1fr;gap: 5px;list-style: none;padding: 0;margin: 10px 4px;width: 100%;}.voicebot-feature-list li {font-size: clamp(10px, 3vw, 14px);line-height: 1;background: #fff;color: #85CBBF;padding: 10px 4px;border-radius: 4px;text-align: center;white-space: nowrap;}.voicebot-bottom {text-align: left;}.voicebot-button {font-size: 14px;font-weight: 700;padding: 12px 48px;color: #fff;background: #007bff;;border: none;border-radius: 50px;cursor: pointer;transition: opacity 0.3s;width: 240px;}.voicebot-button:hover {opacity: 0.8;}.summarize {padding: 80px 0;position: relative;overflow: hidden;}.summarize::before {content: '';position: absolute;top: -50%;right: -20%;width: 300px;height: 300px;background: linear-gradient(45deg, rgba(59, 130, 246, 0.1), rgba(147, 51, 234, 0.1));border-radius: 50%;z-index: 1;}.summarize-wrapper {max-width: 1200px;margin: 0 auto;padding: 0 20px;display: flex;align-items: center;gap: 40px;position: relative;z-index: 2;}.summarize-wrapper-left {flex: 1.2;max-width: 700px;}.summarize-left-title {margin-bottom: 40px;}.summarize-title {font-size: 2.3rem;font-weight: 700;color: #555;margin-bottom: 16px;line-height: 1.2;background-clip: text;}.summarize-subtitle {font-size: 1.125rem;color: #64748b;line-height: 1.6;margin: 0;}.summarize-left-features {display: grid;grid-template-columns: repeat(4, 1fr);margin: 20px;margin-left: 0 !important;max-width: 520px;}.summarize-left-fetures-item {border-radius: 16px;text-align: left;}.summarize-left-item-image {width: 48px;height: 48px;margin-bottom: 16px;object-fit: contain;}.summarize-left-item-title{font-size: 0.8rem;font-weight: 500;color: #555;margin-top: 0;}.summarize-left-item-text {font-size: 0.95rem;color: #64748b;line-height: 1.5;margin: 0;}.summarize-button {font-size: 14px;font-weight: 700;padding: 12px 48px;color: #fff;background: #007bff;;border: none;border-radius: 50px;cursor: pointer;transition: color 0.3s, background 0.3s;width: 240px;margin-top: 24px;}.summarize-button:hover {background: #0161c9;;}.summarize-wrapper-right {flex: 1;max-width: 400px;align-items: right;}.summarize-right-block {position: relative;border-radius: 20px;overflow: hidden;}.summarize-right-image {width: 100%;height: auto;display: block;object-fit: cover;}.summarize-right-text {position: absolute;bottom: 0;left: 0;right: 0;padding: 30px;color: white;}.summarize-right-text h3 {font-size: 1.5rem;font-weight: 600;line-height: 1.3;margin: 0;text-shadow: #330f2e 0px 2px 4px;}.summarize-right-text strong {color: #60a5fa;font-weight: 700;font-size: 3rem;text-shadow: #e9ecef 1px 1px 0px;margin: 0 3px;}