/* kintone介護 */
/* 固定ページ共通CSS */
/* 不要要素の非表示 */
.sidebar,
.sns-share,
.date-tags,
.article-footer,
.entry-title {
    display: none;
}

/* リンクの下線を消す */
a {
    text-decoration: none;
}

/* レイアウト基本設定 */
.content-in {
    justify-content: center;
}

.wrap {
    width: 100%;
}

.main {
    width: 100%;
    padding: 0px;
}

.content {
    margin-top: 0px;
}

.footer {
    margin-top: 0px;
}

.entry-content {
    margin-bottom: 0px !important;
}

.article {
    margin-bottom: 0px !important;
}

.article p {
    padding: 0;
}

p {
    line-height: normal;
    margin-bottom: 0px !important;
    font-weight: bold;
    color: var(--text-main);
}



/* このページのみのCSS */

/* パンくずリスト */
.breadcrumb {
    background-color: var(--white);
}

/* フッター */
.contact-details p, 
.footer-menu-col p {
    color: var(--white);
}



/* 全セクション共通 */
.kintone-care-wrap {
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.kintone-care-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.kintone-care-title-area {
    text-align: center;
}

.kintone-care-eng-title p {
    color: var(--yellow-1);
}

span.text-color-yellow-4 {
    color: var(--yellow-4);
}



/* お悩みセクション */
.kintone-care-prob-main {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.kintone-care-prob-main-top {
    display: flex;
    justify-content: center;
}

.kintone-care-prob-main-contents {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.kintone-care-prob-main-contents-text {
    text-align: center;
}

.kintone-care-prob-main-bottom {
    text-align: center;
}

.kintone-care-prob-main-bottom span {
    background: linear-gradient(transparent 60%, var(--yellow-6) 40%);
}



/* 解決セクション */
.kintone-care-solution {
    background-color: var(--yellow-3);
}

.kintone-care-solution-intro-block {
    position: relative;
    width: 100%;
    background-color: var(--brown-2);
    display: flex;
    align-items: center;
    justify-content: center;
}

.kintone-care-solution-intro-text {
    text-align: center;
}

.kintone-care-solution-intro-text p {
    color: var(--white);
}

.kintone-care-solution-main {
    width: 100%;
    background-color: var(--white);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.kintone-care-solution-main-contents {
    display: flex;
}

.kintone-care-solution-main-contents-number-box {
    background-color: var(--green-1);
    border-radius: 50px;
    text-align: center;
}

.kintone-care-solution-main-contents-line {
    background-color: var(--green-1);
}

.kintone-care-solution-main-contents-number-text p {
    color: var(--white);
}



/* アプリ一覧セクション */
.kintone-care-apps {
    background-color: var(--white);
}

.kintone-care-apps-main {
    display: flex;
}

.kintone-care-apps-contents-title-area {
    display: flex;
}

.kintone-care-apps-contents-title-line {
    width: 5px;
    background-color: var(--green-1);
}

.color-red .kintone-care-apps-contents-title-line {
    background-color: var(--red-2);
}

.kintone-care-apps-contents-explain-title-area {
    display: flex;
    align-items: center;
}

.kintone-care-apps-contents-explain-title-label {
    background-color: var(--yellow-1);
    display: flex;
    align-items: center;
    justify-content: center;
}

.kintone-care-apps-contents-explain-title-label-text p {
    color: var(--white);
}



/* 比較セクション */
.kintone-care-comparison {
    background-color: var(--yellow-3);
}

.kintone-care-comparison-main {
    position: relative;
}

.kintone-care-comparison-img {
    position: absolute;
}

.kintone-care-comparison-table thead tr:first-child {
    background: transparent;
  }

.kintone-care-comparison-table .is-empty {
    background-color: transparent;
}

.kintone-care-comparison-table th,
.kintone-care-comparison-table td {
    border: none;
}

.kintone-care-comparison-table thead th {
    background-color: var(--brown-2);
    color: var(--white);
}

.kintone-care-comparison-table tbody th {
    background-color: var(--green-1);
    color: var(--white);
}

.kintone-care-comparison-table td {
    background-color: var(--white);
    color: var(--text-main);
    text-align: center;
}

.kintone-care-comparison-table .kintone-care-highlight {
    background-color: var(--yellow-4);
}



/* CTA-1 */
.kintone-care-CTA-1-container {
    display: flex;
}

.kintone-care-CTA-1-text-area {
    text-align: center;
}

.kintone-care-CTA-1-bottons {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.kintone-care-CTA-1-consultation-button {
    background-color: var(--yellow-1);
}

.kintone-care-CTA-1-download-button {
    background-color: var(--white);
}

.kintone-care-CTA-1-consultation-button,
.kintone-care-CTA-1-download-button {
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}


.kintone-care-CTA-1-title p,
.kintone-care-CTA-1-consultation-button-text p,
.kintone-care-CTA-1-explain-text p {
    color: var(--white);
}

.kintone-care-CTA-1-download-button-text p {
    color: var(--green-1);
}

/* マウスオーバー時のボタン装飾 */
.kintone-care-CTA-1-consultation-button,
.kintone-care-CTA-1-download-button {
    transition: .2s;
}

.kintone-care-CTA-1-consultation-button:hover,
.kintone-care-CTA-1-download-button:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 20px rgba(0,0,0,0.3);
}



/* 導入フローセクション */
.kintone-care-flow .kintone-care-eng-title p {
    color: var(--yellow-4);
}

.kintone-care-flow {
    background-color: var(--yellow-5);
}

.kintone-care-flow-main {
    position: relative;
    display: flex;
    flex-direction: column;
}

.kintone-care-flow-contents {
    z-index: 2;
    background-color: var(--white);
    border-radius: 20px;
    display: flex;
    align-items: center;
}

.kintone-care-flow-contents-title-area {
    position: relative;
    background-color: var(--yellow-4);
    border-radius: 20px 0 0 20px;
    display: flex;
}

.kintone-care-flow-contents-title-text-area {
    display: flex;
    flex-direction: column;
}

.kintone-care-flow-contents-title-line {
    background-color: var(--white);
    height: 1px;
}

.kintone-care-flow-contents-title-text-area p {
    color: var(--white);
}



/* 最終CTA */
.kintone-care-final-CTA {
    background-image: url(/wp-content/uploads/2026/03/kintone-care-final-CTA-bg-pc.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.kintone-care-final-CTA {
    display: flex;
}

.kintone-care-final-CTA-container {
    display: flex;
}

.kintone-care-final-CTA-contents {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.kintone-care-final-CTA-img {
    position: absolute;
}

.kintone-care-final-CTA-card {
    background-color: var(--white);
    text-align: center;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.kintone-care-final-CTA-button {
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}

.consultation-area .kintone-care-final-CTA-button {
    background-color: var(--yellow-1);
}

.download-area .kintone-care-final-CTA-button {
    background-color: var(--green-1);
}

.kintone-care-final-CTA-button-text p {
    color: var(--white);
}

/* マウスオーバー時のボタン装飾 */
.kintone-care-final-CTA-button {
    transition: .2s;
}

.kintone-care-final-CTA-button:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 20px rgba(0,0,0,0.3);
}



/* FAQセクション */
.kintone-care-FAQ-main {
    display: flex;
    flex-direction: column;
}

.kintone-care-FAQ-QandA-question {
    background-color: var(--yellow-5);
    border-radius: 50px;
}

.kintone-care-FAQ-QandA-question,
.kintone-care-FAQ-QandA-answer {
    display: flex;
    align-items: center;
}

.kintone-care-FAQ-QandA-question-icon,
.kintone-care-FAQ-QandA-answer-icon {
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.kintone-care-FAQ-QandA-question-icon {
    background-color: var(--white);
}

.kintone-care-FAQ-QandA-answer-icon {
    background-color: var(--green-1);
}

.kintone-care-FAQ-eng-title p {
    color: var(--yellow-4);
}

.kintone-care-FAQ-QandA-answer-icon-text p {
    color: var(--white);
}





/* PC表示（1024px以上） */
@media screen and (min-width: 1024px) {
    
    /* 全セクション共通 */
    .sp-only {
        display: none;
    }

    .kintone-care-container {
        width: 1200px;
        margin: 90px 0;
    }

    .kintone-care-title-area {
        margin-bottom: 60px;
    }

    .kintone-care-intro-title p {
        font-size: 28px;
    }

    .kintone-care-main-title p {
        font-size: 40px;
    }

    .kintone-care-main-title span {
        font-size: 60px;
    }

    .kintone-care-eng-title p {
        font-size: 20px;
        margin-top: 10px;
    }



    /* ファーストビュー */
    .first-view-contact {
        width: 340px;
    }



    /* お悩みセクション */
    .kintone-care-prob-main-top {
        column-gap: 10px;
    }

    .kintone-care-prob-main-contents {
        width: 290px;
    }
    
    .kintone-care-prob-main-contents-img {
        margin: 10px 0;
    }

    .kintone-care-prob-main-contents-text {
        width: 270px;
        margin-bottom: 25px;
    }

    .kintone-care-prob-main-bottom {
        margin-top: 60px;
    }

    .kintone-care-prob-main-contents-text p {
        font-size: 18px;
        line-height: 35px;
    }

    .kintone-care-prob-main-contents-text span {
        font-size: 20px;
    }

    .kintone-care-prob-main-bottom p {
        font-size: 20px;
        line-height: 40px;
    }



    /* 解決セクション */
    .kintone-care-solution-intro-block {
        height: 150px;
    }

    .kintone-care-solution-intro-block::after {
        content: "";
        position: absolute;
        bottom: -37px; /* 親要素の外に出す */
        left: 50%;
        transform: translateX(-50%);
        width: 0;
        height: 0;
        border-left: 43px solid transparent;
        border-right: 43px solid transparent;
        border-top: 38px solid var(--brown-2);; /* ←ここが三角の色 */
    }
    
    .kintone-care-solution-intro-text p {
        font-size: 20px;
    }

    .kintone-care-solution-intro-text span.text-size-big {
        font-size: 48px;
    }

    .kintone-care-solution-intro-text span.text-size-medium {
        font-size: 32px;
    }

    .kintone-care-solution-main {
        padding: 20px 60px;
    }

    .kintone-care-solution-main-contents {
        margin: 40px 0;
    }

    .kintone-care-solution-main-text-area {
        width: 560px;
    }

    .kintone-care-solution-main-contents-number-box {
        width: 150px;
        height: 40px;
        margin-bottom: 14px;
    }
    
    .kintone-care-solution-main-contents-title {
        margin-bottom: 20px;
    }

    .kintone-care-solution-main-contents-line {
        width: 1000px;
        height: 1px;
    }

    .kintone-care-solution-main-contents-number-text p {
        font-size: 18px;
    }

    .kintone-care-solution-main-contents-number-text span {
        font-size: 30px;
    }

    .kintone-care-solution-main-contents-title p {
        font-size: 32px;
    }

    .kintone-care-solution-main-contents-explain p {
        font-size: 20px;
    }



    /* アプリ一覧セクション */
    .kintone-care-apps-main {
        flex-wrap: wrap;
        column-gap: 30px;
        row-gap: 60px;
    }

    .kintone-care-apps-contents {
        width: 585px;
        padding: 20px 0;
    }

    .kintone-care-apps-contents-title-area {
        margin-bottom: 25px;
    }
  
    .kintone-care-apps-contents-title-text {
        margin-left: 15px;
    }

    .kintone-care-apps-contents-explain-area {
        margin: 15px 0 0 20px;
    }

    .kintone-care-apps-contents-explain-title-label {
        width: 100px;
        height: 30px;
    }

    .kintone-care-apps-contents-explain-title-text {
        margin-left: 20px;
    }

    .kintone-care-apps-contents-explain-text-area {
        width: 535px;
        margin: 20px 0 0 5px;
    }

    .kintone-care-apps-contents-title-text p {
        font-size: 24px;
    }

    .kintone-care-apps-contents-explain-title-label-text p,
    .kintone-care-apps-contents-explain-title-text p {
        font-size: 20px;
    }
    
    .kintone-care-apps-contents-explain-text-area p {
        font-size: 18px;
    }



    /* 比較セクション */
    .kintone-care-comparison-img {
        top: -185px;
        left: 0;
    }

    .kintone-care-comparison-table thead th {
        width: 255px;
        height: 78px;
    }

    .kintone-care-comparison-table tbody th {
        width: 265px;
        height: 80px;
    }

    .kintone-care-comparison-table {
        border-collapse: separate;
        border-spacing: 15px;
    }

    .kintone-care-comparison-table th {
        font-size: 24px;
    }

    .kintone-care-comparison-table td {
        font-size: 32px;
    }

    .kintone-care-comparison-table th,
    .kintone-care-comparison-table td {
        line-height: 32px;
    }

    /* 疑似要素で列を囲む */
    .kintone-care-comparison-table {
        position: relative;
      }
      
    .kintone-care-comparison-table::after {
        content: "";
        position: absolute;
        top: 15px;
        bottom: 25px;
        right: 15px;
      
        width: 247px; 
        /* ↑ 列幅に合わせて調整 */
      
        border: solid var(--yellow-4) 4px;
        pointer-events: none;
    }




    /* CTA-1 */
    .kintone-care-CTA-1 {
        background-image: url(/wp-content/uploads/2026/03/kintone-care-CTA-1-background.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    .kintone-care-CTA-1-container {
        margin: 75px 0;
        column-gap: 50px;
    }
    
    .kintone-care-CTA-1-title {
        margin-bottom: 50px;
    }

    .kintone-care-CTA-1-bottons {
        margin-bottom: 25px;
        row-gap: 30px;
    }

    .kintone-care-CTA-1-consultation-button,
    .kintone-care-CTA-1-download-button {
        width: 500px;
        height: 90px;
    }

    .kintone-care-CTA-1-title p {
        font-size: 32px;
    }

    .kintone-care-CTA-1-consultation-button-text p,
    .kintone-care-CTA-1-download-button-text p {
        font-size: 26px;
    }

    .kintone-care-CTA-1-consultation-button-text span,
    .kintone-care-CTA-1-download-button-text span {
        font-size: 30px;
    }

    .kintone-care-CTA-1-explain-text p {
        font-size: 18px;
    }



    /* 導入フローセクション */
    .kintone-care-flow-main {
        row-gap: 50px;
    }

    .kintone-care-flow-contents {
        width: 1070px;
    }

    .kintone-care-flow-contents-title-area {
        width: 390px;
        padding: 20px 0 20px 30px;
    }

    .kintone-care-flow-contents-title-text-area {
        margin-left: 10px;
    }

    .kintone-care-flow-contents-title-line {
        width: 230px;
    }

    .kintone-care-flow-contents-explain-text {
        margin: 30px 0 30px 70px;
    }


    .kintone-care-flow-contents-title-number p {
        font-size: 24px;
    }

    .kintone-care-flow-contents-title-number span {
        font-size: 40px;
    }

    .kintone-care-flow-contents-title-main p {
        font-size: 28px;
    }

    .kintone-care-flow-contents-explain-text p {
        font-size: 20px;
    }

    /* タイトルエリアの右に三角矢印 */
    .kintone-care-flow-contents-title-area::after {
        content: "";
        position: absolute;
        top: 50%;
        right: -39px; /* 要素の外に出す */
        transform: translateY(-50%);
        
        width: 40px;     /* ← 三角の横幅 */
        height: 100%;    /* ← 親と同じ高さになる */
        
        background-color: var(--yellow-4);
        clip-path: polygon(0 0, 100% 50%, 0 100%);
    }

    /* 縦線 */
    .kintone-care-flow-main::before {
        content: "";
        position: absolute;
        top: 0;
        left: 205px;
        transform: translateX(-50%);
    
        width: 5px;
        height: 106%;
        background-color: var(--yellow-4);
    }

    /* 矢印（先端） */
    .kintone-care-flow-main::after {
        content: "";
        position: absolute;
        bottom: -58px; /* 少しはみ出す */
        left: 205px;
        transform: translateX(-50%);
    
        width: 28px;
        height: 25px;
    
        background-color: var(--yellow-4);
        
        clip-path: polygon(0 0, 100% 0, 50% 100%);
    }



    /* 最終CTA */
    .kintone-care-final-CTA-container {
        margin: 45px 0 90px 0;
        column-gap: 50px;
    }

    .kintone-care-final-CTA-contents {
        width: 550px;
    }

    .kintone-care-final-CTA-img {
        width: 300px;
    }

    .kintone-care-final-CTA-card {
        margin-top: 150px;
        width: 100%;
        height: 500px;
    }

    .kintone-care-final-CTA-title {
        margin-top: 130px;
    }

    .kintone-care-final-CTA-explain-text {
        margin-top: 25px;
    }

    .kintone-care-final-CTA-button {
        margin-top: 30px;
        width: 500px;
        height: 90px;
    }
    
    .kintone-care-final-CTA-title p {
        font-size: 32px;
    }

    .kintone-care-final-CTA-explain-text p {
        font-size: 18px;
    }

    .kintone-care-final-CTA-button-text p {
        font-size: 26px;
    }

    .kintone-care-final-CTA-button-text span {
        font-size: 30px;
    }



    /* FAQセクション */
    .kintone-care-FAQ-main-title {
        margin-top: 3px;
    }

    .kintone-care-FAQ-main {
        width: 1000px;
        row-gap: 20px;
    }

    .kintone-care-FAQ-QandA-question {
        padding: 5px 30px;
    }

    .kintone-care-FAQ-QandA-answer {
        padding: 15px 30px;
    }

    .kintone-care-FAQ-QandA-question-icon,
    .kintone-care-FAQ-QandA-answer-icon {
        width: 60px;
        height: 60px;
    }

    .kintone-care-FAQ-QandA-question-text, 
    .kintone-care-FAQ-QandA-answer-text {
        width: 830px;
        margin-left: 30px;
    }

    .kintone-care-FAQ-QandA-answer-text {
        margin-top: 10px;
    }

    .kintone-care-FAQ-eng-title p {
        font-size: 60px;
    }

    .kintone-care-FAQ-main-title p {
        font-size: 16px;
    }

    .kintone-care-FAQ-QandA-question-icon-text p,
    .kintone-care-FAQ-QandA-answer-icon-text p {
        font-size: 32px;
    }

    .kintone-care-FAQ-QandA-question-text p {
        font-size: 24px;
    }

    .kintone-care-FAQ-QandA-answer-text p {
        font-size: 18px;
    }

}





/* SP表示（1023px以下） */
@media screen and (max-width: 1023px) {

    /* 全セクション共通 */
    main.main {
        padding: 0;
    }

    .pc-only {
        display: none;
    }

    .kintone-care-container {
        width: 343px;
        margin-top: 30px;
        margin-bottom: 60px;
    }

    .kintone-care-title-area {
        margin-bottom: 30px;
    }

    .kintone-care-intro-title p {
        font-size: 14px;
    }

    .kintone-care-main-title p {
        font-size: 16px;
    }

    .kintone-care-main-title span {
        font-size: 20px;
    }

    .kintone-care-eng-title p {
        font-size: 14px;
        margin-top: 5px;
    }



    /* お悩みセクション */
    .kintone-care-prob .kintone-care-container {
        margin-bottom: 40px;
    }

    .kintone-care-prob-main-top {
        flex-wrap: wrap;
        column-gap: 10px;
        row-gap: 10px;
    }

    .kintone-care-prob-main-contents {
        width: 160px;
    }

    .kintone-care-prob-main-contents-img {
        width: 120px;
        margin-bottom: 5px;
    }

    .kintone-care-prob-main-contents-text {
        display: flex;
        align-items: center;
        height: 75px;
    }

    .kintone-care-prob-main-bottom {
        margin-top: 35px;
    }


    .kintone-care-prob-main-contents-text p {
        font-size: 11px;
    }

    .kintone-care-prob-main-contents-text span {
        font-size: 13px;
    }

    .kintone-care-prob-main-bottom p {
        font-size: 11px;
    }



    /* 解決セクション */
    .kintone-care-solution-intro-block {
        height: 100px;
    }

    .kintone-care-solution-intro-block::after {
        content: "";
        position: absolute;
        bottom: -19px; /* 親要素の外に出す */
        left: 50%;
        transform: translateX(-50%);
        width: 0;
        height: 0;
        border-left: 30px solid transparent;
        border-right: 30px solid transparent;
        border-top: 20px solid var(--brown-2); /* ←ここが三角の色 */
    }

    .kintone-care-solution-intro-text p {
        font-size: 10px;
    }

    .kintone-care-solution-intro-text span {
        font-size: 14px;
    }

    .kintone-care-solution-main {
        padding: 20px 10px;
    }

    .kintone-care-solution-main-contents {
        position: relative;
        flex-direction: column;
        text-align: center;
    }

    .kintone-care-solution-main-text-area {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .kintone-care-solution-main-contents-number-box {
        width: 150px;
        height: 25px;
        margin-bottom: 10px;
    }

    .kintone-care-solution-main-contents-title {
        margin-bottom: 130px;
    }

    .kintone-care-solution-main-contents-line {
        width: 100%;
        height: 1px;
        margin: 20px 0;
    }

    .kintone-care-solution-main-img {
        position: absolute;
        top: 65px;
        left: 50%;
        transform: translateX(-50%);
        width: 150px;
    }

    .kintone-care-solution-main-contents-number-text p {
        font-size: 12px;
    }

    .kintone-care-solution-main-contents-number-text span {
        font-size: 16px;
    }

    .kintone-care-solution-main-contents-title p {
        font-size: 14px;
    }

    .kintone-care-solution-main-contents-explain p {
        font-size: 12px;
    }



    /* アプリ一覧セクション */
    .kintone-care-apps-main {
        flex-direction: column;
        row-gap: 20px;
    }

    .kintone-care-apps-contents-title-area {
        margin-bottom: 10px;
    }

    .kintone-care-apps-contents-title-text {
        margin-left: 5px;
    }

    .kintone-care-apps-contents-explain-area {
        margin: 20px 0;
    }

    .kintone-care-apps-contents-explain-title-label {
        width: 75px;
        height: 30px;
    }

    .kintone-care-apps-contents-explain-title-text {
        margin-left: 5px;
    }

    .kintone-care-apps-contents-explain-text-area {
        margin-top: 10px;
    }

    .kintone-care-apps-contents-title-text p {
        font-size: 14px;
    }

    .kintone-care-apps-contents-explain-title-label-text p,
    .kintone-care-apps-contents-explain-title-text p,
    .kintone-care-apps-contents-explain-text-area p {
        font-size: 12px;
    }


    /* 比較セクション */
    .kintone-care-comparison .kintone-care-title-area {
        margin-bottom: 20px;
    }

    .kintone-care-comparison .kintone-care-container {
        margin-bottom: 0;
    }

    .kintone-care-comparison-img {
        width: 100px;
        top: -48px;
        left: 5px;
    }

    .kintone-care-comparison-table thead th {
        width: 65px;
        height: 40px;
    }

    .kintone-care-comparison-table tbody th {
        width: 115px;
        height: 40px;
    }

    .kintone-care-comparison-table {
        border-collapse: separate;
        border-spacing: 10px 5px;
    }

    .kintone-care-comparison-table th {
        font-size: 10px;
    }

    .kintone-care-comparison-table td {
        font-size: 16px;
    }

    /* 疑似要素で列を囲む */
    .kintone-care-comparison-table {
        position: relative;
      }
      
    .kintone-care-comparison-table::after {
        content: "";
        position: absolute;
        top: 5px;
        bottom: 6px;
        right: 6px;
      
        width: 63px; 
        /* ↑ 列幅に合わせて調整 */
      
        border: solid var(--yellow-4) 4px;
        pointer-events: none;
    }
    
    

    /* CTA-1 */
    .kintone-care-CTA-1 {
        background-image: url(/wp-content/uploads/2026/03/kintone-care-CTA-1-background-sp.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    .kintone-care-CTA-1-container {
        position: relative;
        margin: 30px 0;
        flex-direction: column;
    }

    .kintone-care-CTA-1-img {
        width: 150px;
        position: absolute;
        top: 56px;
        left: 50%;
        transform: translateX(-50%);
    }

    .kintone-care-CTA-1-title {
        margin-bottom: 165px;
    }

    .kintone-care-CTA-1-bottons {
        margin-bottom: 20px;
        row-gap: 10px;
    }

    .kintone-care-CTA-1-consultation-button,
    .kintone-care-CTA-1-download-button {
        width: 210px;
        height: 35px;
    }

    .kintone-care-CTA-1-title p {
        font-size: 16px;
    }

    .kintone-care-CTA-1-consultation-button-text p,
    .kintone-care-CTA-1-download-button-text p {
        font-size: 14px;
    }

    .kintone-care-CTA-1-consultation-button-text span,
    .kintone-care-CTA-1-download-button-text span {
        font-size: 16px;
    }

    .kintone-care-CTA-1-explain-text p {
        font-size: 12px;
    }



    /* 導入フローセクション */
    .kintone-care-flow .kintone-care-container {
        margin-bottom: 70px;
    }

    .kintone-care-flow-main {
        row-gap: 20px;
    }

    .kintone-care-flow-contents {
        width: 100%;
        height: 80px;
    }

    .kintone-care-flow-contents-title-area {
        align-items: center;
        width: 125px;
        height: 100%;
        padding: 5px 0 0px 5px;
    }

    .kintone-care-flow-contents-title-icon {
        width: 40px;
    }

    .kintone-care-flow-contents-title-text-area {
        margin-left: 5px;
    }

    .kintone-care-flow-contents-title-line {
        width: 75px;
    }

    .kintone-care-flow-contents-title-main {
        height: 47px;
    }

    .kintone-care-flow-contents-explain-text {
        margin: 15px 12px 15px 25px;
    }

    .kintone-care-flow-contents-title-number p {
        font-size: 14px;
    }

    .kintone-care-flow-contents-title-number span {
        font-size: 20px;
    }

    .kintone-care-flow-contents-title-main p {
        font-size: 14px;
    }

    .kintone-care-flow-contents-explain-text p {
        font-size: 10px;
    }

    /* タイトルエリアの右に三角矢印 */
    .kintone-care-flow-contents-title-area::after {
        content: "";
        position: absolute;
        top: 50%;
        right: -12px; /* 要素の外に出す */
        transform: translateY(-50%);
        
        width: 13px;     /* ← 三角の横幅 */
        height: 100%;    /* ← 親と同じ高さになる */
        
        background-color: var(--yellow-4);
        clip-path: polygon(0 0, 100% 50%, 0 100%);
    }

    /* 縦線 */
    .kintone-care-flow-main::before {
        content: "";
        position: absolute;
        top: 0;
        left: 173px;
        transform: translateX(-50%);
    
        width: 5px;
        height: 105%;
        background-color: var(--yellow-4);
    }

    /* 矢印（先端） */
    .kintone-care-flow-main::after {
        content: "";
        position: absolute;
        bottom: -40px; /* 少しはみ出す */
        left: 173px;
        transform: translateX(-50%);
    
        width: 29px;
        height: 25px;
    
        background-color: var(--yellow-4);
        
        clip-path: polygon(0 0, 100% 0, 50% 100%);
    }



    /* 最終CTA */
    .kintone-care-final-CTA-container {
        flex-direction: column;
        margin: 20px 0 30px 0;
        row-gap: 30px;
    }

    .kintone-care-final-CTA-contents {
        width: 300px;
    }

    .kintone-care-final-CTA-img {
        width: 140px;
    }

    .kintone-care-final-CTA-card {
        margin-top: 70px;
        width: 100%;
        height: 265px;
    }

    .kintone-care-final-CTA-title {
        margin-top: 70px;
    }

    .kintone-care-final-CTA-explain-text {
        margin-top: 10px;
    }

    .kintone-care-final-CTA-button {
        margin-top: 20px;
        width: 230px;
        height: 35px;
    }

    .kintone-care-final-CTA-title p {
        font-size: 16px;
    }

    .kintone-care-final-CTA-explain-text p {
        font-size: 12px;
    }

    .kintone-care-final-CTA-button-text p {
        font-size: 14px;
    }

    .kintone-care-final-CTA-button-text span {
        font-size: 16px;
    }



    /* FAQセクション */
    .kintone-care-FAQ .kintone-care-title-area {
        margin-bottom: 20px;
    }

    .kintone-care-FAQ-main-title {
        margin-top: 3px;
    }

    .kintone-care-FAQ-main {
        width: 100%;
        row-gap: 20px;
    }

    .kintone-care-FAQ-QandA-question {
        padding: 5px 10px;
    }

    .kintone-care-FAQ-QandA-answer {
        padding: 10px;
        align-items: normal;
    }

    .kintone-care-FAQ-QandA-question-icon,
    .kintone-care-FAQ-QandA-answer-icon {
        width: 40px;
        height: 40px;
    }

    .kintone-care-FAQ-QandA-question-text, 
    .kintone-care-FAQ-QandA-answer-text {
        width: 273px;
        margin-left: 10px;
    }

    .kintone-care-FAQ-QandA-answer-text {
        margin-top: 8px;
    }

    .kintone-care-FAQ-eng-title p {
        font-size: 20px;
    }

    .kintone-care-FAQ-main-title p {
        font-size: 10px;
    }

    .kintone-care-FAQ-QandA-question-icon-text p,
    .kintone-care-FAQ-QandA-answer-icon-text p {
        font-size: 24px;
    }

    .kintone-care-FAQ-QandA-question-text p,
    .kintone-care-FAQ-QandA-answer-text p {
        font-size: 12px;
    }

}