* {margin: 0;padding: 0;box-sizing: border-box;}
body {font-family: 'Hiragino Sans', 'ヒラギノ角ゴシック', 'Yu Gothic', '游ゴシック', sans-serif;line-height: 1.6;color: #333;font-display: swap;}
.container {max-width: 1400px;margin: 0 auto;padding: 0 20px;}
.header {background: linear-gradient(135deg, #1e40af 0%, #7c3aed 100%);color: white;padding: 18px 0;position: sticky;top: 0;z-index: 100;box-shadow: 0 4px 20px rgba(0,0,0,0.15);}
.header-content {display: flex;justify-content: space-between;align-items: center;}
.logo {font-size: 28px;font-weight: bold;letter-spacing: 1px;}
.header-nav {display: flex;gap: 35px;}
.header-nav a {color: white;text-decoration: none;font-weight: 700;transition: all 0.3s;position: relative;font-size:1.4rem;}
.header-nav a::after {content: '';position: absolute;bottom: -5px;left: 0;width: 0;height: 2px;background: #fbbf24;transition: width 0.3s;}
.header-nav a:hover::after {width: 100%;}
@media (max-width: 1100px) {.header-cta{display:none;}}
.header-cta {background: #f59e0b;color: white;padding: 12px 28px;border-radius: 30px;text-decoration: none;font-weight: bold;transition: all 0.3s;box-shadow: 0 4px 15px rgba(245, 158, 11, 0.4);font-size: 1.3rem;}
.header-cta:hover {background: #d97706;transform: translateY(-2px);box-shadow: 0 6px 20px rgba(245, 158, 11, 0.6);}
.hero-form {background: rgba(255, 255, 255, 0.98);padding: 35px;border-radius: 25px;box-shadow: 0 30px 60px rgba(0,0,0,0.25);backdrop-filter: blur(10px);}
.hero-form h3 {color: #1e40af;font-size: 1.5rem;margin-bottom: 25px;text-align: center;font-weight: 700;}
.form-group {margin-bottom: 10px;}
.form-group label {display: block;color: #374151;font-weight: 600;font-size: 1.1rem;}
.form-group input,.form-group select,.form-group textarea {width: 100%;padding: 8px;border: 2px solid #e5e7eb;border-radius: 10px;font-size: 1.2rem;transition: all 0.3s;font-family: inherit;}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus {outline: none;border-color: #1e40af;box-shadow: 0 0 0 3px rgba(30, 64, 175, 0.1);}
.form-submit {width: 100%;background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);color: white;padding: 16px;border: none;border-radius: 12px;font-size: 1.15rem;font-weight: bold;cursor: pointer;transition: all 0.3s;box-shadow: 0 8px 20px rgba(245, 158, 11, 0.3);}
.form-submit:hover {transform: translateY(-2px);box-shadow: 0 12px 30px rgba(245, 158, 11, 0.4);}
.section {padding: 100px 0;}
.section-title {text-align: center;font-size: 2.8rem;margin-bottom: 20px;color: #1e40af;font-weight: 700;}
.section-subtitle {text-align: center;font-size: 1.8rem;margin-bottom: 70px;color: #6b7280;font-weight: bold;}
.problems {background: linear-gradient(to bottom, #f8fafc 0%, #ffffff 100%);}
.problems-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));gap: 40px;}
.problem-item {background: white;padding: 45px 20px;border-radius: 20px;box-shadow: 0 10px 40px rgba(0,0,0,0.08);transition: all 0.4s;border: 1px solid #f3f4f6;}
.problem-item:hover {transform: translateY(-10px);box-shadow: 0 20px 60px rgba(0,0,0,0.15);border-color: #7c3aed;}
.problem-item img {width: 100%;max-width: 280px;height: auto;margin: 0 auto 25px;display: block;border-radius: 15px;}
.problem-item h3 {font-size: 1.4rem;margin-bottom: 18px;color: #1e40af;font-weight: 600;}
.problem-item p {color: #6b7280;line-height: 1.8;font-size: 1.2rem;}
.solutions {background: white;}
.solutions-content {max-width: 1000px;margin: 0 auto;}
.solutions-highlight {background: linear-gradient(145deg, #eff6ff 0%, #dbeafe 100%);padding: 60px;border-radius: 30px;margin-bottom: 60px;box-shadow: 0 15px 50px rgba(30, 64, 175, 0.1);}
.solutions-highlight h3 {font-size: 2.2rem;color: #1e40af;margin-bottom: 30px;font-weight: 700;text-align: center;line-height: 1.4;}
.solutions-highlight img {width: 100%;max-width: 600px;height: auto;margin: 30px auto;display: block;border-radius: 20px;}
.solutions-highlight p {font-size: 1.5rem;color: #4b5563;line-height: 1.8;text-align: center;}
.solutions-benefits {display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 35px;}
.benefit-item {padding: 35px 25px;background: white;border-radius: 20px;box-shadow: 0 8px 30px rgba(0,0,0,0.08);transition: all 0.3s;}
.benefit-item:hover {transform: translateY(-8px);box-shadow: 0 15px 45px rgba(0,0,0,0.12);}
.benefit-icon {width: 90px;height: 90px;background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);border-radius: 50%;display: flex;align-items: center;justify-content: center;margin: 0 auto 25px;font-size: 2.5rem;box-shadow: 0 10px 30px rgba(245, 158, 11, 0.3);}
.benefit-item h4 {color: #1e40af;font-weight: 600;margin-bottom: 12px;font-size: 1.2rem;}
.benefit-item p {color: #6b7280;line-height: 1.6;font-size:1.1rem;}
.pricing {background: linear-gradient(to bottom, #f8fafc 0%, #ffffff 100%);}
.pricing-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));gap: 35px;margin-bottom: 60px;}
.pricing-card {background: white;padding: 45px 35px;border-radius: 25px;text-align: center;box-shadow: 0 10px 40px rgba(0,0,0,0.08);transition: all 0.4s;border: 2px solid #f3f4f6;position: relative;}
.pricing-card:hover {transform: translateY(-10px);box-shadow: 0 20px 60px rgba(0,0,0,0.15);}
.pricing-card.popular {border-color: #f59e0b;transform: scale(1.05);box-shadow: 0 20px 60px rgba(245, 158, 11, 0.2);}
.pricing-card.popular:hover {transform: scale(1.05) translateY(-10px);}
.popular-badge {position: absolute;top: -15px;left: 50%;transform: translateX(-50%);background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);color: white;padding: 8px 25px;border-radius: 20px;font-size: 0.9rem;font-weight: bold;box-shadow: 0 5px 15px rgba(245, 158, 11, 0.4);}
.pricing-card h3 {font-size: 1.6rem;color: #1e40af;margin-bottom: 15px;font-weight: 700;}
.pricing-card .example {font-size: 1.4rem;color: #6b7280;margin-bottom: 25px;line-height: 1.6;min-height: 60px;}
.price-range {font-size: 2.5rem;font-weight: bold;color: #f59e0b;margin-bottom: 25px;}
.other-services {background: linear-gradient(145deg, #eff6ff 0%, #dbeafe 100%);padding: 45px;border-radius: 25px;max-width: 1000px;margin: 0 auto;}
.other-services h3 {color: #1e40af;font-size: 1.6rem;margin-bottom: 18px;font-weight: 700;}
.other-services p {color: #4b5563;line-height: 1.8;font-size: 1.05rem;}
.cta-section {background: linear-gradient(135deg, #1e40af 0%, #7c3aed 100%);color: white;text-align: center;position: relative;overflow: hidden;}
.cta-section::before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="dots2" width="20" height="20" patternUnits="userSpaceOnUse"><circle cx="10" cy="10" r="1.5" fill="rgba(255,255,255,0.1)"/></pattern></defs><rect width="100%" height="100%" fill="url(%23dots2)"/></svg>');opacity: 0.5;}
.cta-content {position: relative;z-index: 2;}
.cta-content h2 {font-size: 2.8rem;margin-bottom: 25px;font-weight: 700;}
.cta-content p {font-size: 1.2rem;margin-bottom: 45px;opacity: 0.95;line-height: 1.8;}
.cta-buttons {display: flex;gap: 25px;justify-content: center;flex-wrap: wrap;}
.cta-primary {background: #f59e0b;color: white;padding: 20px 45px;font-size: 1.25rem;font-weight: bold;text-decoration: none;border-radius: 50px;transition: all 0.3s;box-shadow: 0 10px 30px rgba(245, 158, 11, 0.4);}
.cta-primary:hover {background: #d97706;transform: translateY(-3px);box-shadow: 0 15px 40px rgba(245, 158, 11, 0.6);}
.cta-secondary {background: rgba(255,255,255,0.2);color: white;padding: 20px 45px;font-size: 1.15rem;font-weight: bold;text-decoration: none;border-radius: 50px;border: 2px solid rgba(255,255,255,0.4);transition: all 0.3s;backdrop-filter: blur(5px);}
.cta-secondary:hover {background: rgba(255,255,255,0.3);border-color: rgba(255,255,255,0.6);}
.services {background: white;}
.main-services {display: grid;grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));gap: 40px;margin-bottom: 80px;}
.main-service {text-align: center;padding: 50px 35px;background: linear-gradient(145deg, #f0f8ff 0%, #e0f2fe 100%);border-radius: 25px;transition: all 0.4s;box-shadow: 0 8px 30px rgba(0,0,0,0.06);}
.main-service:hover {transform: translateY(-12px);box-shadow: 0 20px 50px rgba(0,0,0,0.12);}
.service-icon {width: 110px;height: 110px;background: linear-gradient(135deg, #1e40af 0%, #7c3aed 100%);border-radius: 50%;display: flex;align-items: center;justify-content: center;margin: 0 auto 30px;font-size: 3.5rem;color: white;box-shadow: 0 15px 40px rgba(30, 64, 175, 0.3);}
.main-service h3 {font-size: 1.6rem;color: #1e40af;margin-bottom: 18px;font-weight: 700;}
.main-service p {color: #4b5563;line-height: 1.8;font-size:1.2rem;}
.other-services-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));gap: 35px;}
.service-category {background: #f8fafc;padding: 35px;border-radius: 20px;box-shadow: 0 5px 20px rgba(0,0,0,0.05);}
.service-category li {font-size: 1.2rem;}
.service-category h4 {font-size: 1.4rem;color: #1e40af;margin-bottom: 22px;font-weight: 700;border-bottom: 3px solid #f59e0b;padding-bottom: 12px;}
.service-list {list-style: none;}
.service-list li {padding: 10px 0;color: #4b5563;position: relative;padding-left: 25px;line-height: 1.6;}
.service-list li::before {content: '●';position: absolute;left: 0;color: #f59e0b;font-size: 1.2rem;}
.results {background: linear-gradient(to bottom, #f8fafc 0%, #ffffff 100%);}
.results-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));gap: 40px;}
.result-item {background: white;padding: 45px 40px;border-radius: 20px;box-shadow: 0 10px 40px rgba(0,0,0,0.08);border-top: 5px solid #f59e0b;transition: all 0.3s;}
.result-item:hover {transform: translateY(-8px);box-shadow: 0 20px 60px rgba(0,0,0,0.12);}
.result-item h3 {color: #1e40af;font-size: 1.4rem;margin-bottom: 18px;font-weight: 700;}
.result-details {color: #4b5563;line-height: 1.8;font-size: 1.2rem;}
.workflow {background: white;}
.workflow-steps {display: grid;grid-template-columns: repeat(auto-fit, minmax(315px, 1fr));gap: 35px;}
.workflow-step {text-align: center;padding: 40px 25px;background: #f8fafc;border-radius: 20px;transition: all 0.3s;position: relative;}
.workflow-step:hover {transform: translateY(-8px);box-shadow: 0 15px 40px rgba(0,0,0,0.1);background: white;}
.step-number {width: 70px;height: 70px;background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);color: white;border-radius: 50%;display: flex;align-items: center;justify-content: center;margin: 0 auto 25px;font-size: 1.8rem;font-weight: bold;box-shadow: 0 10px 30px rgba(245, 158, 11, 0.3);}
.workflow-step h3 {color: #1e40af;font-size: 1.25rem;margin-bottom: 15px;font-weight: 700;}
.workflow-step p {color: #6b7280;line-height: 1.7;font-size: 1.2rem;}
.faq {background: linear-gradient(to bottom, #f8fafc 0%, #ffffff 100%);}
.faq-list {max-width: 900px;margin: 0 auto;}
.faq-item {background: white;margin-bottom: 20px;border-radius: 15px;overflow: hidden;box-shadow: 0 5px 20px rgba(0,0,0,0.06);transition: all 0.3s;}
.faq-item:hover {box-shadow: 0 10px 30px rgba(0,0,0,0.1);}
.faq-question {padding: 28px 35px;font-weight: 600;cursor: pointer;transition: all 0.3s;position: relative;color: #1e40af;background: white;font-size: 1.5rem;}
.faq-question:hover {background: #f8fafc;}
.faq-question::after {content: '+';position: absolute;right: 35px;font-size: 1.8rem;transition: transform 0.3s;color: #f59e0b;font-weight: bold;}
.faq-item.active .faq-question::after {transform: rotate(45deg);}
.faq-answer {padding: 0 35px;max-height: 0;overflow: hidden;transition: all 0.3s;color: #4b5563;line-height: 1.8;font-size: 1.4rem;}
.faq-item.active .faq-answer {padding: 28px 35px;max-height: 400px;}
.contact-form {background: white;}
.contact-form-container {max-width: 900px;margin: 0 auto;background: linear-gradient(145deg, #f8fafc 0%, #ffffff 100%);padding: 60px 50px;border-radius: 30px;box-shadow: 0 15px 50px rgba(0,0,0,0.1);}
.form-row {display: grid;grid-template-columns: 1fr 1fr;gap: 25px;margin-bottom: 25px;}
.form-row.single {grid-template-columns: 1fr;}
.footer {background: #1f2937;color: white;padding: 60px 0 30px;}
.footer-content {display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 50px;margin-bottom: 40px;}
.footer-section h4 {font-size: 1.3rem;margin-bottom: 22px;color: #f59e0b;font-weight: 700;}
.footer-section p,.footer-section a {color: #d1d5db;text-decoration: none;display: block;margin-bottom: 12px;transition: color 0.3s;line-height: 1.6;}
.footer-section a:hover {color: #f59e0b;}
.footer-bottom {text-align: center;padding-top: 35px;border-top: 1px solid #374151;color: #9ca3af;}
@media (max-width: 1024px) {.hero-content {grid-template-columns: 1fr;gap: 50px;}.hero-text h1 {font-size: 3rem;}}
@media (max-width: 768px) {.header-nav {display: none;}.hero-text h1 {font-size: 2.5rem;}.hero-subtitle {font-size: 1.3rem;}.section-title {font-size: 2.2rem;}.section {padding: 70px 0;}.section-subtitle {font-size: 1.3rem;}.problems-grid,.solutions-benefits,.pricing-grid,.main-services,.other-services-grid,.results-grid,.workflow-steps {grid-template-columns: 1fr;}.form-row {grid-template-columns: 1fr;}.cta-buttons {flex-direction: column;align-items: stretch;}.solutions-highlight {padding: 40px 25px;}.contact-form-container {padding: 40px 25px;}}
:root {--split: 58%;--left-bg: #f9f5f0;--image-url: url('hero-bg.jpg'); /* 背景画像差し替え可 */--text-color: #333;}
.hero {position: relative;min-height: 720px;overflow: hidden;display: flex;align-items: center;justify-content: center;background-image: linear-gradient(146deg, rgb(255 255 255), rgba(255, 255, 255, 0) 33%, rgb(255 251 233) 76%, rgba(255, 255, 255, 0));}
.hero__left,.hero__right {position: absolute;top: 0;bottom: 0;width: 100%;}
/*.hero__left {background: var(--left-bg);clip-path: polygon(0 0, var(--split) 0, calc(var(--split) - 10%) 100%, 0% 100%);}*/
.hero__right {background: var(--image-url) center/cover no-repeat;clip-path: polygon(var(--split) 0, 100% 0, 100% 100%, calc(var(--split) - 10%) 100%);}
.hero__content {position: relative;z-index: 10;width: 100%;max-width: 1447px;display: flex;align-items: flex-start;justify-content: space-between;padding: 40px 5%;gap: 225px;}
.hero-text {flex: 1;color: var(--text-color);max-width: 85%;}
.hero-text h1 {font-size: clamp(28px, 5vw, 45px);line-height: 1.3;margin-bottom: 10px;min-height: 120px;}
.hero-subtitle {font-weight: 600;color: #ff6c00;margin-bottom: 20px;font-size: clamp(20px, 1.56vw, 40px);}
.text1 {font-size: clamp(18px, 1vw, 48px);line-height: 1.8;margin-bottom: 20px;min-height: 85px;}
.hero-text img {max-width: 100%;margin: 20px 0;}
.price-highlight {background: #fff;border-radius: 12px;padding: 20px;box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);min-height: 250px;}
.price-examples {display: grid;gap: 8px;}
.price-item {display: flex;justify-content: space-between;font-size: 18px;}
.price-highlight h3 {font-size: 1.5rem;margin-bottom: 10px;}
.hero-imagepc {flex: 0 0 40%;display: flex;align-items: center;justify-content: center;aspect-ratio: 3 / 2; overflow: hidden;}
.hero-imagepc img {position: relative;max-width: 140%;border-radius: 16px;width: 100%; height: auto; display: block;}
.hero-imagesp {flex: 0 0 40%;display: none;align-items: center;justify-content: center;aspect-ratio: 3 / 2; overflow: hidden;}
.hero-imagesp img {position: relative;max-width: 140%;border-radius: 16px;width: 100%; height: auto; display: block;}
.eigilyou_tuyomi{width: 55%;margin: 0 auto 80px auto;}
@media (max-width: 860px) {:root { --split: 100%; }.hero { height: auto; flex-direction: column; }.hero__left, .hero__right { clip-path: none; }.hero__right { position: relative; height: 300px; display: none;}.hero__content { flex-direction: column; gap: 30px; }.hero-imagepc { display:none ; }.hero-imagesp { display:block ; }.hero-imagesp img{ width:100% ; }.hero-text {max-width:100%;}.price-item {font-size: 14px;}.price-highlight h3 {font-size: 1.2rem;}.eigilyou_tuyomi{ width: 80%;}.text1 { min-height: 100px;  margin-top:30px;}.hero-text h1 { min-height: 100px; }}
.hero-buttons {display: flex;gap: 16px;margin-top: 20px;margin-bottom: 20px;flex-wrap: wrap;font-size: clamp(18px, 1.2vw, 20px);}
.subtitle-img{display: block;margin: 0 auto;width: 40%;}
.btn-primary, .btn-secondary {display: inline-block;padding: 12px 30px;border-radius: 8px;font-weight: bold;text-decoration: none;transition: 0.3s;}
.btn-primary {background-color: #1f7aea;color: #fff;}
.btn-primary:hover {background-color: #155bb5;}
.btn-secondary {background-color: #009d0c;color: #fff;}
.btn-secondary:hover {background-color: #005306;}
@media (max-width: 860px) {.hero-buttons {flex-direction: column;}.btn-primary, .btn-secondary {width: 100%;text-align: center;}.subtitle-img{width: 70%;}}
.scroll-down {text-align: center;padding-top: 40px;position: relative;z-index: 5;}
.scroll-down span {display: block;font-size: 20px;color: #000000;letter-spacing: 2px;margin-bottom: 8px;animation: scrollBounce2 1.6s infinite;transform: rotate(-45deg);}
.scroll-down .arrow {width: 18px;height: 18px;border-left: 2px solid #999;border-bottom: 2px solid #999;transform: rotate(-45deg);margin: 0 auto;animation: scrollBounce 1.6s infinite;}
@keyframes scrollBounce {0%, 100% {transform: translateY(0) rotate(-45deg);opacity: 1;}50% {transform: translateY(10px) rotate(-45deg);opacity: 0.7;}}
@keyframes scrollBounce2 {0%, 100% {transform: translateY(0) rotate(0deg);opacity: 1;}50% {transform: translateY(10px) rotate(0deg);opacity: 0.7;}}
@media (max-width: 768px) {.scroll-down {margin-top: -20px;}.scroll-down span {font-size: 12px;}.scroll-down .arrow {width: 14px;height: 14px;}}
.contact-form-container input[type="submit"],.contact-form-container button[type="submit"] {width: 100%;background: #ff6b6b;color: white;padding: 20px 40px;border: none;border-radius: 12px;font-size: 1.3rem;font-weight: 800;cursor: pointer;transition: all 0.3s;margin-top: 20px;font-family: 'Hiragino Sans', 'ヒラギノ角ゴシック', 'Yu Gothic', '游ゴシック', sans-serif;box-shadow: 0 8px 20px rgba(255, 107, 107, 0.3);}
.contact-form-container input[type="submit"]:hover,.contact-form-container button[type="submit"]:hover {background: #ee5a52;transform: translateY(-3px);box-shadow: 0 12px 30px rgba(255, 107, 107, 0.4);}
.contact-form-container input[type="submit"]:active,.contact-form-container button[type="submit"]:active {transform: translateY(-1px);}
.trust-stats {display: flex;justify-content: center;gap: 60px;flex-wrap: wrap;margin-top: 35px;}
.trust-stat {text-align: center;}
.trust-number {font-size: 3.5rem;font-weight: bold;display: block;margin-bottom: 8px;color: #fbbf24;}
.trust-label {font-size: 1.1rem;opacity: 0.9;}
.masonry-grid {column-count: 3;column-gap: 25px;margin-bottom: 70px;width: 100%;}
@media (max-width: 1024px) {.masonry-grid {column-count: 2;column-gap: 20px;}}
@media (max-width: 768px) {.masonry-grid {column-count: 1;column-gap: 0;}}
.masonry-item {break-inside: avoid;margin-bottom: 25px;background: white;border-radius: 15px;overflow: hidden;box-shadow: 0 8px 30px rgba(0,0,0,0.1);transition: all 0.4s;cursor: pointer;position: relative;width: 100%;max-width: 100%;}
.masonry-item:hover {transform: translateY(-8px);box-shadow: 0 15px 50px rgba(0,0,0,0.18);}
.masonry-item img {width: 100%;max-width: 100%;height: auto;display: block;object-fit: cover;}
.trust-badge {position: absolute;top: 12px;left: 12px;background: rgba(30, 64, 175, 0.95);color: white;padding: 8px 16px;border-radius: 25px;font-size: 0.9rem;font-weight: bold;display: flex;align-items: center;gap: 6px;box-shadow: 0 4px 12px rgba(0,0,0,0.2);z-index: 2;}
.trust-badge::before {content: '✓';font-size: 1.1rem;}
.masonry-caption {padding: 20px;}
.masonry-caption h3 {font-size: 1.15rem;color: #1e40af;margin-bottom: 10px;font-weight: 700;}
.masonry-caption p {font-size: 1rem;color: #6b7280;line-height: 1.7;}
.masonry-tag {display: inline-block;background: #e0f2fe;color: #0369a1;padding: 6px 14px;border-radius: 15px;font-size: 0.85rem;margin-top: 12px;font-weight: 600;}
.tel_footer{font-size: 3rem; font-weight: bold; color: #1e40af;}
.tel_footer2{color: #000000; font-size: 2rem;}
@media (min-width: 480px) {.sp_change {display:none;}}
@media (max-width: 480px) {.tel_footer{font-size: 2rem; font-weight: bold; color: #1e40af;}.tel_footer2{color: #000000; font-size: 1.3rem;}}
.sp_change ul{margin-top: 10px;display: grid;grid-template-columns: 45% 45%;text-align: center;gap: 5px;justify-content: space-around;color: white;}
.sp_change ul li {list-style: none;background: #ff5800;padding: 5px;font-size: 18px;font-weight: bold;}
.title_jiseki{font-size: 20px;text-align: center;font-weight: bold;color: #ff6c00;}
header {background-color: #333;color: white;padding: 1rem 2rem;position: relative;}
.nav-container {display: flex;justify-content: space-between;align-items: center;max-width: 1800px;margin: 0 10px;}
.logo {font-size: 1.5rem;font-weight: bold;}
.hamburger {display: none;flex-direction: column;cursor: pointer;background: none;border: none;padding: 0;}
.hamburger span {width: 25px;height: 3px;background-color: white;margin: 3px 0;transition: 0.3s;border-radius: 3px;}
.hamburger.active span:nth-child(1) {transform: rotate(-45deg) translate(-5px, 6px);}
.hamburger.active span:nth-child(2) {opacity: 0;}
.hamburger.active span:nth-child(3) {transform: rotate(45deg) translate(-5px, -6px);}
nav ul {display: flex;list-style: none;gap: 2rem;}
nav ul li a {color: white;text-decoration: none;font-size: 1.3rem;transition: color 0.3s;font-weight: bold;}
nav ul li a:hover {color: #4CAF50;}
@media (max-width: 1100px) {.hamburger {display: flex;}nav {position: absolute;top: 100%;left: 0;width: 100%;background-color: #333;max-height: 0;overflow: hidden;transition: max-height 0.3s ease;}nav.active {max-height: 400px;}nav ul {flex-direction: column;gap: 0;padding: 1rem 0;}nav ul li {border-bottom: 1px solid #444;}nav ul li a {display: block;padding: 1rem 2rem;}}
main {padding: 2rem;max-width: 1200px;margin: 0 auto;}
main h1 {margin-bottom: 1rem;}
main p {line-height: 1.6;margin-bottom: 1rem;}
.mt_5{ margin-top:5px;}
.mt_10{margin-top:10px;}
.mt_15{margin-top:15px;}
.mt_20{margin-top:20px;}
.mb_5{margin-bottom:5px;}
.mb_10{margin-bottom:10px;}
.mb_15{margin-bottom:15px;}
.mb_20{margin-bottom:20px;}
.bold{font-weight:bold;}
.under{border-bottom:1px solid black;}
/*.hero{background-image: url("/wp-content/themes/senkosha2021/img/LP/hero_img2.png");}*/





/* ギャラリーセクション */
        .gallery-section {
            background: linear-gradient(to bottom, #f8fafc 0%, #ffffff 100%);
        }

        .gallery-grid {
            list-style: none;
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 30px;
        }

        .gallery-item {
            background: white;
            border-radius: 15px;
            overflow: hidden;
            box-shadow: 0 8px 30px rgba(0,0,0,0.1);
            transition: all 0.4s;
        }

        .gallery-item:hover {
            transform: translateY(-8px);
            box-shadow: 0 15px 50px rgba(0,0,0,0.18);
        }

        .gallery-item img {
            width: 100%;
            height: auto;
            display: block;
            object-fit: cover;
        }

        .gallery-caption {
            padding: 20px;
        }

        .gallery-caption h3 {
            font-size: 1.15rem;
            color: #1e40af;
            margin-bottom: 10px;
            font-weight: 700;
        }

        .gallery-caption p {
            font-size: 1rem;
            color: #6b7280;
            line-height: 1.7;
        }

 /* レスポンシブデザイン */
        @media (max-width: 1024px) {
            .gallery-grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 25px;
            }
        }

        @media (max-width: 768px) {
            .gallery-grid {
                grid-template-columns: 1fr;
                gap: 20px;
            }

            .gallery-caption {
                padding: 15px;
            }

            .gallery-caption h3 {
                font-size: 1.05rem;
            }

            .gallery-caption p {
                font-size: 0.95rem;
            }
        }

.hero_anshin {
  margin: 12px 0 18px;
  padding: 0;
  list-style: none;
}

.hero_anshin  li {
  font-size: 15px;
  font-weight: 600;
  color: #1e40af;
  margin-bottom: 6px;
  list-style: none;
}