﻿body{font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"}.menu-description{font-size:clamp(0.6rem, 1.7vw, 1.1rem);line-height:1.8}.menu-item{gap:1.5rem}.menu-image{width:min(280px, 100%);max-width:280px;height:auto;flex:0 0 auto}.menu-image--sm{max-width:160px}.menu-text{margin:0}#main{position:relative;min-height:100vh}.page-shell{display:flex;justify-content:center;align-items:center;width:100%;max-width:1000px;margin:0 auto;padding:0 1rem;min-height:36vh;height:auto;color:#008000;box-sizing:border-box}.company,.message,.solution,.service,.homepage_desing{margin-top:1rem;text-align:center;width:100%}.mail_to,.copyright{margin-top:1rem;text-align:center;width:100%}.company img,.message img,.solution img,.service img,.service a img{max-width:100%;height:auto;display:block;margin:0 auto}.hero-image{max-width:min(100%, 720px)}.service-image{width:100%;max-width:min(100%, 480px);height:auto}.info-table-shell{width:100%;max-width:720px;margin:0 auto;padding:0}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.tab-switch{--tab-color:#008000;display:flex;flex-wrap:wrap;margin-inline:auto;gap:0 5px;width:100%}.tab-switch input{display:none}.tab-switch label{padding:0.7em 1em;background:#eee;cursor:pointer;order:-1;text-align:center;flex:1;white-space:normal;font-size:clamp(0.95rem, 2vw, 1rem)}.tab-content{display:none;width:100%;padding:1.25em 0 1.75em}.tab-switch input:checked+label{background:var(--tab-color);color:#fff}.tab-switch input:checked+label+.tab-content{display:block}.tab-content table{width:100%;border-collapse:collapse;margin:0 auto;font-size:clamp(0.9rem, 1.8vw, 1rem)}.tab-content th,.tab-content td{padding:0.6rem 0.75rem;border-bottom:1px solid #e5e5e5;vertical-align:top}.tab-content th{text-align:left;white-space:nowrap}@media (max-width: 768px){.tab-switch label{flex:0 0 calc(50% - 0.25rem);padding:0.7em 0.5em}.tab-content{padding:1rem 0 1.4rem}}@media (max-width: 767px){.menu-item{flex-direction:column;align-items:center}.menu-text{width:100%}}@media (max-width: 600px){.page-shell{padding:0 0.75rem;min-height:auto}.tab-switch label{flex-basis:100%}.company{margin-top:1rem}.tab-content th,.tab-content td{display:block;width:100%;padding:0.3rem 0;border-bottom:none}.tab-content th{padding-bottom:0.1rem}}
