@charset "utf-8";

/*---------------------------------------------------------------------------------

	Theme Name: 合同会社いっぽいっぽ
	Description: 
	Author: 就労継続支援 前進主義
	
-----------------------------------------------------------------------------------
*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&display=swap');

body {
    font-family: 'Noto Sans JP', sans-serif;
    line-height: 1.7;
}

.hero-gradient {
    background: linear-gradient(135deg, #81C784 0%, #A5D6A7 100%);
}

.button-bg {
    background-color: #81C784;
}

.button-bg:hover {
    background-color: #A5D6A7;
}

.card-shadow {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.section-title {
    position: relative;
    padding-bottom: 12px;
    width: fit-content;
    margin: 0 auto;
}

.section-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 3px;
    background: #4CAF50;
    border-radius: 2px;
}

.timeline-item {
    position: relative;
    padding-left: 2rem;
}

.timeline-item::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0.5rem;
    width: 12px;
    height: 12px;
    background: #4CAF50;
    border-radius: 50%;
}

.schedule-time {
    background: linear-gradient(45deg, #66BB6A, #81C784);
    color: white;
    border-radius: 20px;
    padding: 8px 16px;
    font-weight: 500;
    display: inline-block;
    margin-bottom: 8px;
}

.program-icon {
    width: 60px;
    height: 60px;
    background: linear-gradient(45deg, #A5D6A7, #C8E6C9);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: #2E7D32;
    margin: 0 auto 16px;
}

.step-number {
    width: 40px;
    height: 40px;
    background: #4CAF50;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    margin: 0 auto 16px;
}

.contact-info {
    background: linear-gradient(135deg, #E8F5E8 0%, #F1F8E9 100%);
    border-left: 4px solid #4CAF50;
}

.warm-green { background-color: #81C784; }
.light-green { background-color: #C8E6C9; }
.soft-green { background-color: #E8F5E8; }