.my-web-service-container{--bg:#f9f5ee;--title-bg:#46757e;--title-shadow:0 6px 16px rgba(0,0,0,.12);--card-shadow:0 4px 8px rgba(0,0,0,.10);--card-shadow-hover:0 8px 14px rgba(0,0,0,.15);--radius-lg:16px;--radius-md:12px;--radius-sm:8px;max-width:1200px;margin:0 auto;padding:60px 20px;background-color:var(--bg);text-align:center;box-sizing:border-box;font-family:"Noto Sans JP",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Meiryo",sans-serif}.my-web-service-title{display:inline-block;margin-bottom:10px;padding:12px 24px;background:var(--title-bg);color:#fff;border-radius:30px;font-size:1.4rem;font-weight:700;box-shadow:var(--title-shadow)}.my-web-service-subtitle{margin-bottom:40px;font-size:1rem;color:#666}.my-web-service-section{margin:24px 0 12px}.my-web-service-section-label{display:block;width:100%;max-width:900px;margin:0 auto 18px;padding:10px 0;color:#333;font-size:1.05rem;font-weight:700;border-radius:var(--radius-sm);box-shadow:0 4px 10px rgba(0,0,0,.08)}.section-business{background:linear-gradient(90deg,#f3a67b,#f9c9a9)}.section-diagnostic{background:linear-gradient(90deg,#bfe6cf,#e6f5ee)}.my-web-service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;max-width:900px;margin:0 auto}.my-web-service-item{position:relative;display:block;padding:24px 18px;border-radius:var(--radius-md);color:#333;text-align:left;text-decoration:none;box-shadow:var(--card-shadow);background-repeat:repeat;background-size:40px 40px;transition:transform .2s ease , box-shadow .2s ease , filter .2s ease;backdrop-filter:saturate(1.05)}.my-web-service-item:hover{transform:translateY(-2px);box-shadow:var(--card-shadow-hover);filter:brightness(1.02)}.my-web-service-item:focus-visible{outline:3px solid rgba(33,150,243,.35);outline-offset:4px}.my-web-service-item h3{margin:0 0 8px;font-size:1.18rem;font-weight:800;color:#333}.my-web-service-item p{margin:0;line-height:1.6;color:#666}.my-web-service-container a{color:#333!important}.my-web-service-container a:hover{color:#333!important}.my-web-service-item.item1{background-color:#d9f0f7;background-image:url(data:image/svg+xml,%3Csvg\ width=\'40\'\ height=\'40\'\ viewBox=\'0\ 0\ 40\ 40\'\ xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath\ stroke=\'%23ffffff\'\ stroke-width=\'2\'\ d=\'M5\ 5L35\ 35M35\ 5L5\ 35\'/%3E%3C/svg%3E)}.my-web-service-item.item2{background-color:#ffe1b5;background-image:url(data:image/svg+xml,%3Csvg\ width=\'40\'\ height=\'40\'\ viewBox=\'0\ 0\ 40\ 40\'\ xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath\ stroke=\'%23ffffff\'\ stroke-width=\'2\'\ d=\'M5\ 5L35\ 35M35\ 5L5\ 35\'/%3E%3C/svg%3E)}.my-web-service-item.item3{background-color:#c9eadc;background-image:url(data:image/svg+xml,%3Csvg\ width=\'40\'\ height=\'40\'\ viewBox=\'0\ 0\ 40\ 40\'\ xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath\ stroke=\'%23ffffff\'\ stroke-width=\'2\'\ d=\'M5\ 5L35\ 35M35\ 5L5\ 35\'/%3E%3C/svg%3E)}.my-web-service-item.item4{background-color:#fff5b7;background-image:url(data:image/svg+xml,%3Csvg\ width=\'40\'\ height=\'40\'\ viewBox=\'0\ 0\ 40\ 40\'\ xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath\ stroke=\'%23ffffff\'\ stroke-width=\'2\'\ d=\'M5\ 5L35\ 35M35\ 5L5\ 35\'/%3E%3C/svg%3E)}.my-web-service-item.item5{background-color:#f6d2d9;background-image:url(data:image/svg+xml,%3Csvg\ width=\'40\'\ height=\'40\'\ viewBox=\'0\ 0\ 40\ 40\'\ xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath\ stroke=\'%23ffffff\'\ stroke-width=\'2\'\ d=\'M5\ 5L35\ 35M35\ 5L5\ 35\'/%3E%3C/svg%3E)}.my-web-service-item.item6{background-color:#e2d1f9;background-image:url(data:image/svg+xml,%3Csvg\ width=\'40\'\ height=\'40\'\ viewBox=\'0\ 0\ 40\ 40\'\ xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath\ stroke=\'%23ffffff\'\ stroke-width=\'2\'\ d=\'M5\ 5L35\ 35M35\ 5L5\ 35\'/%3E%3C/svg%3E)}.my-web-service-item.item7{background-color:#daf5d0;background-image:url(data:image/svg+xml,%3Csvg\ width=\'40\'\ height=\'40\'\ viewBox=\'0\ 0\ 40\ 40\'\ xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath\ stroke=\'%23ffffff\'\ stroke-width=\'2\'\ d=\'M5\ 5L35\ 35M35\ 5L5\ 35\'/%3E%3C/svg%3E)}@media (max-width:1024px){.my-web-service-container{padding:50px 16px}.my-web-service-grid{gap:22px}}@media (max-width:768px){.my-web-service-container{padding:40px 12px}.my-web-service-title{font-size:1.25rem;padding:10px 18px}.my-web-service-subtitle{margin-bottom:30px;font-size:.95rem}.my-web-service-grid{grid-template-columns:1fr!important;gap:20px}.my-web-service-item{padding:20px 14px}}@media (max-width:480px){.my-web-service-container{padding:30px 8px}.my-web-service-title{font-size:1.1rem;padding:8px 14px}.my-web-service-subtitle{font-size:.9rem}.my-web-service-item{padding:18px 12px}.my-web-service-item h3{font-size:1.05rem}.my-web-service-item p{font-size:.92rem}}