body {
    font-family: 'Noto Sans JP', sans-serif;
    line-height: 2.0;
}
html {
    scroll-behavior: smooth;
}
.scrollbar-hide {
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.scrollbar-hide::-webkit-scrollbar {
    display: none;
}
.flow-step {
    display: flex;
    align-items: center;
    padding: 1.25rem;
    border: 1px solid #e5e7eb;
    border-radius: 0.5rem;
    background-color: #f9fafb;
    font-size: 1.125rem;
}
.flow-step .actor {
    font-size: 1rem;
    font-weight: bold;
    padding: 0.5rem 1rem;
    border-radius: 9999px;
    margin-right: 1.5rem;
}
.tab-button {
    padding: 1rem 2rem;
    border: 2px solid #e5e7eb;
    background: white;
    cursor: pointer;
    transition: all 0.3s ease;
    font-weight: 600;
}
.tab-button.active {
    border-color: #006666;
    background: #006666;
    color: white;
}
.tab-button:hover:not(.active) {
    border-color: #006666;
    color: #006666;
}

/* カスタム緑色クラス */
.text-custom-green { color: #006666; }
.text-custom-green-600 { color: #006666; }
.text-custom-green-700 { color: #004d4d; }
.text-custom-green-800 { color: #003333; }
.bg-custom-green { background-color: #006666; }
.bg-custom-green-50 { background-color: #f0f9f9; }
.bg-custom-green-100 { background-color: #e6f7f7; }
.bg-custom-green-400 { background-color: #4d9999; }
.bg-custom-green-500 { background-color: #339999; }
.bg-custom-green-600 { background-color: #006666; }
.bg-custom-green-700 { background-color: #004d4d; }
.border-custom-green { border-color: #006666; }
.border-custom-green-300 { border-color: #80cccc; }
.border-custom-green-400 { border-color: #66b3b3; }
.border-custom-green-500 { border-color: #4d9999; }
.border-custom-green-600 { border-color: #006666; }
.hover\:bg-custom-green:hover { background-color: #006666; }
.hover\:bg-custom-green-700:hover { background-color: #004d4d; }
.hover\:text-custom-green:hover { color: #006666; }
.hover\:border-custom-green:hover { border-color: #006666; }