/* メインコンテンツ */
.main-content {
    max-width: 900px;
    margin: 20px auto;
}

/* セクションヒーロー（トップ部分） */
.section-hero {
    text-align: center;
}

.section-hero__heading {
    margin-bottom: 20px;
    text-align-last: left;
}

.section-hero__description {
    font-size: 1rem;
    color: var(--primary-color);
    line-height: 1.9;
    text-align: left
}

.section-hero__description-underline {
    text-decoration: underline;
}

.section-pathways {
    margin-bottom: 96px;
}

.section-pathways__heading {
    font-size: 24px;
    color: var(--primary-color);
    margin-top: 40px;
    margin-bottom: 20px;
}

.section-pathways__heading--child-psychologist {
    margin-top: 60px; 
}

.section-pathways__flex-container {
    display: flex;
    gap: 48px;
}

.section-pathways__intro {
    font-size: 1rem;
    color: var(--primary-color);
    margin-bottom: 20px;
    /* flex: 2; */
    max-width: 664px;
}

.section-pathways__image-container {
    flex: 1;
}

.section-pathways__list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.section-pathways__item {
    position: relative;
    padding-left: 25px; 
    margin-bottom: 10px;
    color: var(--primary-color);
}

.section-pathways__item::before {
    content: '・'; 
    position: absolute;
    left: 0;
    top: 0;
    font-weight: bold;
}

.section-pathways__item--no-marker::before { 
    content: none;
}

.section-pathways__highlight {
    color: var(--primary-color); 
    font-weight: bold;
    text-decoration: underline;
}

.section-pathways__note {
    font-size: 0.9rem;
    margin-top: 0;
}

.section-pathways__note-underline {
    text-decoration: underline;
}

.section-pathways__subheading {
    font-size: 18px;
    margin-top: 30px;
    margin-bottom: 15px;
    color: var(--text-color-blue);
}

.section-pathways__intro-underline {
    text-decoration: underline;

}

.section-pathways__qualification-list {
    list-style: none;
    margin: 0;
    padding-left: 0;
}

.section-pathways__qualification-item {
    position: relative;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 20px; 
    margin-bottom: 10px;
    color: var(--primary-color);
    border-bottom: 1px dotted var(--text-color-blue);
}

.section-pathways__qualification-item::before {
   content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 10px solid var(--text-color-blue); /* 青い三角の色 */
}

.section-pathways__heading:not(.section-pathways__heading--child-psychologist) + .section-pathways__intro + .section-pathways__list + .section-pathways__note + .section-pathways__subheading + .section-pathways__qualification-list .section-pathways__qualification-item::before {
    border-left-color: #A4A4A4;
}

.section-pathways__heading--child-psychologist + .section-pathways__flex-container + .section-pathways__subheading + .section-pathways__qualification-list .section-pathways__qualification-item {
    border-bottom: 1px dotted #A4A4A4;
}

.section-pathways__heading--child-psychologist + .section-pathways__flex-container + .section-pathways__subheading + .section-pathways__qualification-list .section-pathways__qualification-item::before {
    border-left-color: #A4A4A4;
}

.section-pathways__qualification-list a {
    text-decoration: none;
    position: relative;
    display: inline-block;
    overflow: hidden;
    transition: color 0.5s ease;
    color: var(--primary-color);
}

.section-pathways__qualification-list a:hover {
    color: var(--primary-color);
    font-weight: bold;
    text-decoration: underline;
}

.section-pathways__qualification-list a::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 2px;
    /* background-color: var(--link-accent-color); */
    transition: width 0.5s ease;
}

.section-pathways__qualification-list a:hover::after {
    width: 100%;
}


/* 親要素をFlexboxコンテナにする */
.section-pathways__flex-wrapper {
    display: flex;
    align-items: center; /* 上下中央揃え */
    gap: 48px; /* 要素間の余白 */
    margin-bottom: 32px; /* 全体の下の余白 */
}


/* 画像コンテナの幅を調整 */
.section-pathways__image-container {
    flex-basis: 280px; /* 画像の基本幅 */
    flex-shrink: 0; /* 画面が狭くなっても画像のコンテナ幅を維持 */
}

.section-pathways__text-content {
    max-width: 664px;
}


/* レスポンシブデザイン */
@media (max-width: 768px) {

    .main-content {
        padding: 15px;
        margin: 15px auto;
    }

    .section-hero__heading {
        font-size: 1.5rem;
    }

    .section-hero__description {
        font-size: 0.9rem;
    }

    .section-pathways__heading {
        font-size: 1.4rem;
    }

    .section-pathways__intro,
    .section-pathways__note {
        font-size: 0.9rem;
    }

    .section-pathways__qualification-item {
        font-size: 0.9rem;
    }

    .section-pathways__link {
        margin-left: 5px; 
    }

    .section-pathways__qualification-list {
        padding: 0;
    }
    .section-pathways__flex-wrapper {
        display: block;
    }
    .section-pathways__flex-container {
        display: block;
    }
    .section-pathways {
        margin-bottom: 50px;
    }
}