* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* 基本スタイル */
.home_body html,
.home_body body  {
    overflow-x: hidden;
    width: 100%;
    font-family: "Hiragino Kaku Gothic ProN";
}

.home_body body  {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-self: stretch;
    max-width: 100vw;
}

.home_body h3 {
    padding: 0;
    margin: 0;
    background: none;
    border: none;
}

.home_body ul  {
    list-style: none;
}

.home_body a  {
    text-decoration: none;
    color: inherit;
}

.home_body img  {
    max-width: 100%;
    display: block;
    width: 100%;
}

.home_body .is-hidden  {
    display: none !important;
}

/* ファーストビュー */
.home_top .first-view  {
    width: 100%;
    height: auto;
    max-width: 100vw;
}

.home_top .first-view-image  {
    width: 100%;
    height: auto;
    flex-shrink: 0;
    max-width: 100%;
}

.home_body .slider-section  {
    margin-top: 40px;
}

.home_body .slider  {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-self: stretch;
    width: auto;
    padding-bottom: 40px;
}

.home_body .slider-header  {
    display: flex;
    padding-bottom: 24px;
    align-items: center;
    gap: 8px;
}

.home_body .icon  {
    position: relative;
    width: 25px;
    height: 24px;
}

.home_body .slider .text-wrapper  {
    color: #132045;
    font-family: "Hiragino Kaku Gothic ProN";
    font-size: 21px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.home_body .slider .class  {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    width: auto;
    justify-content: center;
}

.home_body .slider .ul  {
    display: flex;
    align-items: flex-start;
    gap: 24px;
    flex-wrap: nowrap;
    /* justify-content: center; */

}

.home_body .slider .link  {
    display: flex;
    width: 283px;
    padding: 16px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 16px;
    border: 1px solid #DDD;
}

.home_body .slider .image  {
    width: 251px;
    height: 157px;
    background: url(<path-to-image>) lightgray -1.5px -3.398px / 100% 102.418% no-repeat;
}

.home_body .slider .p  {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
}

/* ラベルと値のスタイル */
.home_body .slider .label  {
    color: #132045;
    font-family: "Hiragino Kaku Gothic ProN";
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    /* 153.846% */
}

.home_body .slider .value  {
    color: #132045;
    font-family: "Hiragino Kaku Gothic ProN";
    font-size: 13px;
    font-style: normal;
    font-weight: 300;
    line-height: 20px;
}

.home_body .div .span  {
    font-family: "Hiragino Kaku Gothic ProN-Regular", Helvetica;
    font-weight: 400;
    color: #132045;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 20px;
}

.home_body .slider .p-2  {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}

.home_body .slider .card  {
    display: flex;
    flex-direction: column;
    width: 283px;
    align-items: flex-start;
    justify-content: center;
    gap: 16px;
    padding: 16px;
    position: relative;
    background-color: #ffffff;
    border: 1px solid;
    border-color: #dddddd;
    flex-shrink: 0;
}

.home_body .slider .img  {
    position: relative;
    width: 251px;
    height: 157px;
}

.home_body .pager  {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 16px 0px 0px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    margin-top: 0;
}

.home_body .slider .vector-wrapper  {
    width: 32px;
    height: 32px;
}

.home_body .slider .vector  {
    transform: rotate(180.00deg);
    position: absolute;
    width: 4px;
    height: 8px;
    top: 11px;
    left: 13px;
}

.home_body .slider .text-wrapper-2  {
    color: #132045;
    font-family: Arial;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 1px;
}

.home_body .slider .img-wrapper  {
    width: 32px;
    height: 32px;
}

.home_body .slider .vector-2  {
    position: absolute;
    width: 4px;
    height: 8px;
    top: 11px;
    left: 13px;
}

.home_body .main-section  {
    display: flex;
    width: 1100px;
    align-items: flex-start;
    gap: 40px;
}

.home_body .report-section  {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
}

.home_body .main  {
    display: flex;
    width: 709px;
    padding: 40px 0px 80px 0px;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    flex-shrink: 0;
}

.home_body .report  {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-self: stretch;
}

.home_body .section-title  {
    display: flex;
    padding-bottom: 24px;
    align-items: center;
    gap: 8px;
}

.home_body .report h3  {
    color: #132045;
    font-family: "Hiragino Kaku Gothic ProN";
    font-size: 21px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.home_body .report .icon  {
    position: relative;
    width: 25px;
    height: 24px;
}

.home_body .report-content  {
    display: flex;
    width: 709px;
    flex-direction: column;
    align-items: center;
}

.home_body .report-content ul  {
    display: flex;
    padding-bottom: 32px;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
}

.home_body .report-content .li  {
    display: flex;
    width: 104px;
    padding: 8px 8px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 4px;
    border-radius: 8px;
    border: 1px solid #DDD;
    background: #FFF;
}

.home_body .report-content .li.selected  {
    display: flex;
    width: 104px;
    padding: 8px 8px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 4px;
    border-radius: 8px;
    border: 2px solid #2BAED2;
    background: linear-gradient(0deg, #E7FAFF 0%, #E7FAFF 100%), #2BAED2;
    opacity: 1!important;
    color: #2BAED2;
}

.home_body .report-content .li .app-icon  {
    width: 32px;
    height: 32px;
    aspect-ratio: 1/1;
    border-radius: 10px;
    border: 1px solid #DDD;
    background: url(<path-to-image>) lightgray 50% / cover no-repeat;
}

.home_body .report-content .li .text-wrapper-3  {
    text-align: center;
    font-family: "Hiragino Kaku Gothic ProN";
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;

}

.home_body .report-content .li .text-wrapper-2  {
    color: #132045;
    text-align: center;
    font-family: "Hiragino Kaku Gothic ProN";
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.home_body .report .app-card-content  {
    display: flex;
    padding: 24px 32px 32px 32px;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    align-self: stretch;
    background: #F1F8FB;
}

.home_body .report .top  {
    display: flex;
    align-items: center;
    gap: 16px;
    align-self: stretch;
    margin-bottom: 24px;
}

.home_body .top .image-2  {
    width: 64px;
    height: 64px;
    aspect-ratio: 1/1;
    border-radius: 10px;
    border: 1px solid #DDD;
    background: url(<path-to-image>) lightgray 50% / cover no-repeat;
}

.home_body .text-wrapper-4  {
    color: #132045;
    font-family: "Hiragino Kaku Gothic ProN";
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.home_body .text-wrapper-5  {
    color: #132045;
    font-family: "Hiragino Kaku Gothic ProN";
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.home_body .card .wrap  {
    display: flex;
    align-items: center;
    align-content: center;
    gap: 24px;
    align-self: stretch;
}

.home_body .image-3  {
    width: 296px;
    height: 185px;
    aspect-ratio: 8/5;
    background: url(<path-to-image>) lightgray -0.5px -1.125px / 100% 101.071% no-repeat;
}

.home_body .text-wrapper-6  {
    color: #132045;
    font-family: "Hiragino Kaku Gothic ProN";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.home_body .text-wrapper-7  {
    color: #132045;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    /* 153.846% */
}

.home_body .card .wrap-2  {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    flex: 1 0 0;
}

.home_body .div-wrapper  {
    display: flex;
    width: 240px;
    padding: 12px 35px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 100px;
    border: 1px solid #2BAED2;
    background: #FFF;
}

.home_body .text-wrapper-8  {
    color: #2BAED2;
    font-family: "Hiragino Kaku Gothic ProN";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.home_body .report .frame  {
    display: flex;
    padding-top: 16px;
    align-items: center;
    gap: 8px;
}

.home_body .text-wrapper-9  {
    color: #132045;
    font-family: Arial;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 1px;
}

.home_body .content-section  {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-self: stretch;
}

.home_body .ranking-header  {
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: inline-flex;
}

.home_body .ranking-header-container  {
    width: 709px;
    height: 200px;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 10px;
}

.home_body .ranking-header-image  {
    width: 709px;
    height: 180px;
    left: 0px;
    top: 0px;
    position: absolute;
    z-index: -1;
}

.home_body .ranking-header-subtitle,
.home_body .ranking-header-subtitle-sp  {
    color: #FFF;
    text-align: center;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    font-weight: bold;
}

.home_body .ranking-header-subtitle .arrow-left  {
    margin-right: 12px;
}

.home_body .ranking-header-subtitle .arrow-right  {
    margin-left: 12px;
}

.home_body .ranking-header-subtitle .arrow-left,
.home_body .ranking-header-subtitle .arrow-right  {
    flex-shrink: 0;
    width: 20.257px;
    height: 18.543px;
}

.home_body .ranking-header-subtitle .small-text  {
    font-size: 14px;
}

.home_body .ranking-header-title  {
    color: #FFF;
    font-family: VDL-LogoJrBlack;
    font-size: 40px;
    font-style: normal;
    font-weight: 950;
    line-height: 120%;
    letter-spacing: 2px;
    text-align: center;
}

.home_body .ranking-header-title .big-text  {
    font-size: 70px;
}

.home_body .ranking-header-title .crown-wrap  {
    position: relative;
    display: inline-block;
}

.home_body .ranking-header-title .crown-img  {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -50px;
    /* お好みで微調整 */
    width: 40px;
    /* お好みで調整 */
    height: auto;
    z-index: 1;
    pointer-events: none;
}

.home_body .ranking-header-description  {
    color: #FFF;
    text-align: center;
    font-family: "vdl-logojrblack", sans-serif;
    font-weight: 900;
    font-style: normal;
    font-size: 24px;
    line-height: 120%;
    /* 28.8px */
    letter-spacing: 0.48px;
}

.home_body .ranking-header-decoration-arrow  {
    position: absolute;
    bottom: 3px;
    left: 50%;
    transform: translateX(-50%);
    width: 26px;
    height: 22px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='17' viewBox='0 0 24 17' fill='none'%3E%3Cpath d='M12 17L0.74167 0.5L23.2583 0.500002L12 17Z' fill='%2354C8E7'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
}

/* ランキングカード部分 */
.home_body .ranking-cards-container  {
    align-self: stretch;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 24px;
    display: flex;
}

.home_body .ranking-list  {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
}

.home_body .ranking-card  {
    display: flex;
    width: 709px;
    padding: 32px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    border: 1px solid #DDD;
    background: #FFF;
}

.home_body .card-header  {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
}

.home_body .app-icon  {
    width: 64px;
    height: 64px;
    border: 1px solid #DDD;
    border-radius: 10px;
    flex-shrink: 0;
}

.home_body .app-info  {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.home_body .app-rank  {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 16px;
    font-weight: 600;
    margin: 0;
}

.home_body .rank-icon  {
    width: 26.67px;
    height: 24px;
}

.home_body .rank-text  {
    color: #132045;
    font-family: "Hiragino Kaku Gothic ProN";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.home_body .app-name  {
    font-size: 24px;
    font-weight: 600;
    margin: 0;
    line-height: 1.5;
    color: #132045;
    font-family: "Hiragino Kaku Gothic ProN";
 }

.home_body .app-operator  {
    font-size: 13px;
    font-weight: 300;
    color: #132045;
    font-family: "Hiragino Kaku Gothic ProN";
}

.home_body .card-body  {
    display: flex;
    gap: 40px;
}

.home_body .chart-section  {
    width: 300px;
    height: 240px;
    background-color: #F1F8FB;
    position: relative;
    flex-shrink: 0;
}

.home_body .chart-visuals  {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.home_body .chart-bg-svg  {
    width: 300px;
    height: 240px;
    flex-shrink: 0;
}

.home_body .recommendations-section  {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    align-self: stretch;
}

.home_body .recommendations-title  {
    display: flex;
    padding: 11px 20px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    align-self: stretch;
    border-right: 2px solid #55B7D2;
    border-left: 2px solid #55B7D2;
    background: #F1F8FB;
    text-align: center;
}

.home_body .recommendations-list  {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
}

.home_body .recommendations-list li  {
    display: flex;
    gap: 8px;
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    align-items: flex-start;
    color: #132045;
    font-family: "Hiragino Kaku Gothic ProN";
    flex: 1 0 0;
}

.home_body .list-number  {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    background-color: #3B4250;
    color: #FFF;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    font-family: 'Inter', sans-serif;
}

.home_body .card-footer  {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
}

.home_body .btn  {
    display: inline-block;
    padding: 16px 48px;
    border-radius: 100px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    font-family: "Hiragino Kaku Gothic ProN";
    transition: all 0.3s ease;
}

.home_body .btn-outline  {
    border: 2px solid #2BAED2;
    color: #2BAED2;
    background: transparent;
}

.home_body .btn-outline:hover  {
    background: #2BAED2;
    color: #FFF;
}

.home_body .btn-solid  {
    border: 2px solid #2BAED2;
    color: #FFF;
    background: #2BAED2;
}

.home_body .btn-solid:hover  {
    background: #1a8ba8;
    border-color: #1a8ba8;
}

/* 内部リンクセクション */
.home_body .internal-links-section  {
    display: flex;
    align-items: flex-start;
    gap: 40px;
}

.home_body .internal-links-container  {
    width: 709px;
    display: flex;
    flex-direction: row;
    gap: 40px;
    justify-content: center;
}

.home_body .internal-link-item  {
    width: 308px;
    height: 191px;
    flex-shrink: 0;
}

.home_body .internal-link:hover  {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
    border-color: #2BAED2;
}

/* マッチングアプリ早見表部分 */
.home_body .comparison-section  {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-self: stretch;
}

.home_body .quick-chart-container  {
    background-color: #e2f6ff;
    padding: 40px;
    width: 100%;
    margin-bottom: 40px;
}

.home_body .quick-chart  {
    display: grid;
    grid-template-columns: 48px repeat(4, 1fr);
    gap: 4px;
}

.home_body .chart-header  {
    display: contents;
}

.home_body .chart-header .header-cell  {
    background-color: #aae6ff;
    padding: 10px;
    text-align: center;
    font-weight: 600;
    font-size: 16px;
}

.home_body .chart-header .header-cell:first-child  {
    grid-column-start: 2;
}

.home_body .chart-row  {
    display: contents;
}

.home_body .row-header  {
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--text-light);
    font-weight: 600;
    font-size: 16px;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    padding: 10px 16px;
    color: #fff
}

.home_body .row-header.type-1  {
    background-color: #ff8484;
}

.home_body .row-header.type-2  {
    background-color: #45b4e8;
}

.home_body .row-header.type-3  {
    background-color: #a0d158;
}

.home_body .row-header.type-4  {
    background-color: #eda554;
}

.home_body .chart-cell  {
    background-color: #fff;
    min-height: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 10px;
}

.home_body .chart-cell.alt-bg  {
    background-color: #f4fcff;
}

.home_body .chart-cell img  {
    width: 50px;
    height: 50px;
    border-radius: 4px;
}

.home_body .comparison-image  {
    width: 308px;
    height: 191px;
}

.home_body .comparison-image-diagnosis  {
    width: 309px;
    height: 191px;
}

.home_body .comparison-table-container  {
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: inline-flex;
}

.home_body .comparison-header  {
    padding-bottom: 24px;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    display: inline-flex;
}

.home_body .comparison-header-icon-1  {
    width: 13px;
    height: 24px;
    background: #17BAE5;
}

.home_body .comparison-header-icon-2  {
    width: 12px;
    height: 24px;
    transform: rotate(180deg);
    transform-origin: top left;
    background: #5AD2F3;
}

.home_body .comparison-header-title  {
    color: #132045;
    font-size: 21px;
    font-family: Hiragino Kaku Gothic ProN;
    font-weight: 600;
    word-wrap: break-word;
}

.home_body .comparison-table-bg  {
    width: 709px;
    height: 608px;
    background: #E2F6FF;
}

.home_body .comparison-table-content  {
    width: 580px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 4px;
    display: flex;
}

.home_body .comparison-table-row  {
    align-self: stretch;
    justify-content: flex-start;
    align-items: center;
    gap: 4px;
    display: inline-flex;
}

.home_body .comparison-cell-white  {
    width: 142px;
    height: 120px;
    background: white;
}

.home_body .comparison-cell-blue  {
    width: 142px;
    height: 120px;
    background: #F4FCFF;
}

.home_body .comparison-icon-container  {
    width: 110px;
    height: 50px;
    position: relative;
}

.home_body .comparison-icon-container-blue  {
    width: 110px;
    height: 50px;
    position: relative;
    background: #F4FCFF;
}

.home_body .comparison-icon  {
    width: 50px;
    height: 50px;
    left: 0px;
    top: 0px;
    position: absolute;
    border-radius: 4px;
    border: 1px #DDDDDD solid;
}

.home_body .comparison-icon-right  {
    width: 50px;
    height: 50px;
    left: 60px;
    top: 0px;
    position: absolute;
    border-radius: 4px;
    border: 1px #DDDDDD solid;
}

.home_body .comparison-icon-placeholder  {
    width: 50px;
    height: 50px;
    position: absolute;
    border-radius: 4px;
}

.home_body .comparison-icon-placeholder-left  {
    left: 0px;
    top: 0px;
}

.home_body .comparison-icon-placeholder-right  {
    left: 60px;
    top: 0px;
}

.home_body .comparison-age-header  {
    width: 581px;
    justify-content: flex-start;
    align-items: center;
    gap: 4px;
    display: inline-flex;
}

.home_body .comparison-age-cell  {
    width: 142px;
    padding: 10px;
    background: #AAE6FF;
    justify-content: center;
    align-items: center;
    gap: 10px;
    display: flex;
}

.home_body .comparison-age-text-large  {
    color: #132045;
    font-size: 20px;
    font-family: Hiragino Kaku Gothic ProN;
    font-weight: 600;
    line-height: 16px;
    word-wrap: break-word;
}

.home_body .comparison-age-text-small  {
    color: #132045;
    font-size: 16px;
    font-family: Hiragino Kaku Gothic ProN;
    font-weight: 600;
    line-height: 16px;
    word-wrap: break-word;
}

.home_body .comparison-purpose-column  {
    width: 48px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 4px;
    display: flex;
}

.home_body .comparison-purpose-marriage  {
    align-self: stretch;
    height: 120px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 10px;
    padding-bottom: 10px;
    background: #FF8484;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    display: flex;
}

.home_body .comparison-purpose-love  {
    align-self: stretch;
    height: 120px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 10px;
    padding-bottom: 10px;
    background: #45B4E8;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    display: flex;
}

.home_body .comparison-purpose-date  {
    align-self: stretch;
    height: 120px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 10px;
    padding-bottom: 10px;
    background: #A0D158;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    display: flex;
}

.home_body .comparison-purpose-friend  {
    align-self: stretch;
    height: 120px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 10px;
    padding-bottom: 10px;
    background: #EDA554;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    display: flex;
}

.home_body .comparison-purpose-text  {
    align-self: stretch;
    color: white;
    font-size: 16px;
    font-family: Hiragino Kaku Gothic ProN;
    font-weight: 600;
    line-height: 16px;
    word-wrap: break-word;
}

.home_body .comparison-purpose-date-text  {
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.home_body .comparison-purpose-date-char  {
    align-self: stretch;
    color: white;
    font-size: 16px;
    font-family: Hiragino Kaku Gothic ProN;
    font-weight: 600;
    line-height: 16px;
    word-wrap: break-word;
}

.home_body .comparison-purpose-date-dash  {
    transform: rotate(90deg);
    transform-origin: top left;
    color: white;
    font-size: 16px;
    font-family: Hiragino Kaku Gothic ProN;
    font-weight: 600;
    line-height: 16px;
    word-wrap: break-word;
}

.home_body .comparison-bottom-image  {
    width: 709px;
    height: 180px;
    background: linear-gradient(180deg, #9ED569 0%, #F0EC74 100%);
}

.home_body .comparison-filter-tags  {
    display: flex;
    padding: 16px 0px;
    align-items: flex-start;
    align-content: flex-start;
    gap: 6px;
    align-self: stretch;
    flex-wrap: wrap;
}

.home_body .comparison-filter-tag-active  {
    display: inline-flex;
    padding: 10px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 100px;
    border: 2px solid #2BAED2;
    background: #E7FAFF;
    cursor: pointer;
}

.home_body .comparison-filter-tag  {
    display: flex;
    padding: 10px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 100px;
    border: 1px solid #DDD;
    background: #FFF;
}

.home_body .comparison-filter-tag-text-active  {
    text-align: center;
    color: #2BAED2;
    font-size: 16px;
    font-family: Hiragino Kaku Gothic ProN;
    font-weight: 600;
    word-wrap: break-word;
}

.home_body .comparison-filter-tag-text  {
    text-align: center;
    color: #132045;
    font-size: 16px;
    font-family: Hiragino Kaku Gothic ProN;
    font-weight: 600;
    word-wrap: break-word;
}

.home_body .age-recommendation-section  {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-self: stretch;
    margin-bottom: 40px;
}

.home_body .age-recommendation-header  {
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: inline-flex;
}

.home_body .age-recommendation-header-container  {
    width: 709px;
    height: 200px;
    position: relative;
    overflow: hidden;
}

.home_body .age-recommendation-header-image  {
    width: 709px;
    height: 180px;
    left: 0px;
    top: 0px;
    position: absolute;
    z-index: -1;
}

.home_body .age-recommendation-header-subtitle  {
    color: #FFF;
    text-align: center;
    font-size: 21px;
    font-style: normal;
    font-weight: 900;
    line-height: 120%;
    /* 25.2px */
    letter-spacing: -1.47px;
    margin-top: 20px;
}

.home_body .age-recommendation-header-title  {
    color: #FFF;
    text-align: center;
    font-family: VDL-LogoJrBlack;
    font-size: 40px;
    font-style: normal;
    font-weight: 950;
    line-height: normal;
    letter-spacing: 4.8px;
    margin-top: -10px;
}

.home_body .age-recommendation-header-description  {
    color: #445C2D;
    font-size: 24px;
    font-style: normal;
    font-weight: 900;
    line-height: 36px;
    /* 150% */
    letter-spacing: 1.68px;
    text-align: center;
    margin-top: -1px;
}

.home_body .age-recommendation-header-description .small-text  {
    font-size: 20px;
}

.home_body .age-recommendation-header-decoration-arrow  {
    position: absolute;
    bottom: 3px;
    left: 50%;
    transform: translateX(-50%);
    width: 26px;
    height: 22px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='17' viewBox='0 0 24 17' fill='none'%3E%3Cpath d='M12 17L0.74167 0.5L23.2583 0.500002L12 17Z' fill='%23CCE270'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
}

.home_body .age-recommendation-filter-tags  {
    display: flex;
    padding: 16px 0px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    align-self: stretch;
    flex-wrap: wrap;
}

.home_body .age-button  {
    display: flex;
    padding: 10px 18px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 100px;
    border: 1px solid #DDD;
    background: #FFF;
}

.home_body .age-button.selected  {
    display: flex;
    padding: 10px 18px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 100px;
    border: 2px solid #2BAED2;
    color: #2BAED2;
    background: #E7FAFF;
    opacity: 1!important;
}

.home_body .age-button .text-wrapper-2  {
    text-align: center;
    font-family: "Hiragino Kaku Gothic ProN";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.home_body .age-button .text-wrapper-3  {
    text-align: center;
    font-family: "Hiragino Kaku Gothic ProN";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.home_body .age-ranking-content  {
    display: flex;
    padding: 24px 0px;
    flex-direction: column;
    align-items: center;
    align-self: stretch;
}

.home_body .age-ranking-title  {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    gap: 12px;
    /* 斜め線とテキストの間隔 */
    padding-bottom: 16px;
}

.home_body .age-ranking-title-group  {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.home_body .slash-svg  {
    flex-shrink: 0;
}

.home_body .age-ranking-title-text  {
    color: #132045;
    font-family: "Hiragino Kaku Gothic ProN";
    font-size: 21px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.home_body .age-ranking-title-text .small-text  {
    font-size: 16px;
}

.home_body .age-ranking-title svg  {
    width: 20.257px;
    height: 18.543px;
}

.home_body .yellow-underline  {
    width: 95px;
    /* お好みで調整 */
    height: 8px;
    left: 0;
    background: #fff4bc;
    border-radius: 2px;
    flex-shrink: 0;
    align-self: flex-start;
    margin-top: -12px;
    z-index: -1;
}

.home_body .age-ranking-list  {
    display: flex;
    padding-bottom: 24px;
    flex-direction: row;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
    flex-wrap: wrap;
}

.home_body .appcard-outer  {
    align-self: stretch;
    padding-bottom: 24px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
    display: flex;
}

.home_body .appcard-main  {
    align-self: stretch;
    padding: 24px;
    background: white;
    outline: 1px #DDDDDD solid;
    outline-offset: -1px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 24px;
    display: flex;
}

.home_body .appcard-header  {
    align-self: stretch;
    justify-content: flex-start;
    align-items: center;
    gap: 24px;
    display: inline-flex;
}

.home_body .appcard-icon  {
    width: 72px;
    height: 72px;
    border-radius: 8px;
    border: 1px #DDDDDD solid;
}

.home_body .appcard-header-content  {
    flex: 1 1 0;
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
}

.home_body .appcard-header-info  {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 4px;
    display: inline-flex;
}

.home_body .appcard-rank-row  {
    justify-content: flex-start;
    align-items: center;
    gap: 6px;
    display: inline-flex;
}

.home_body .appcard-rank-bg  {
    width: 26.67px;
    height: 24px;
}

.home_body .appcard-rank-text  {
    color: #132045;
    font-family: "Hiragino Kaku Gothic ProN";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.home_body .appcard-title-row  {
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    display: inline-flex;
}

.home_body .appcard-title  {
    color: #132045;
    font-size: 21px;
    font-family: Hiragino Kaku Gothic ProN;
    font-weight: 600;
    word-wrap: break-word;
}

.home_body .appcard-operator  {
    color: #132045;
    font-size: 13px;
    font-family: Hiragino Kaku Gothic ProN;
    font-weight: 300;
    word-wrap: break-word;
}

.home_body .appcard-store-btn-wrap  {
    padding-top: 8px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
    display: inline-flex;
}

.home_body .appcard-store-btn  {
    padding-left: 32px;
    padding-right: 32px;
    padding-top: 10px;
    padding-bottom: 10px;
    background: #2BAED2;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    display: inline-flex;
}

.home_body .appcard-store-btn-text  {
    color: white;
    font-size: 16px;
    font-family: Hiragino Kaku Gothic ProN;
    font-weight: 600;
    word-wrap: break-word;
}

.home_body .appcard-body  {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
}

.home_body .appcard-section  {
    display: flex;
    align-items: center;
    gap: 24px;
    align-self: stretch;
    border: 1px solid #DDD;
    background: #FFF;
    padding-right: 24px
}

.home_body .appcard-section-titlewrap  {
    width: 120px;
    align-self: stretch;
    padding-top: 16px;
    padding-bottom: 16px;
    background: #F1F8FB;
    border-right: 1px #DDDDDD solid;
    justify-content: center;
    align-items: center;
    gap: 10px;
    display: flex;
}

.home_body .appcard-section-title  {
    color: #132045;
    font-size: 15px;
    font-family: Hiragino Kaku Gothic ProN;
    font-weight: 600;
    word-wrap: break-word;
}

.home_body .appcard-purpose-list  {
    display: flex;
    align-items: center;
    gap: 6px;
}

.home_body .appcard-purpose-active  {
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 4px;
    padding-bottom: 4px;
    background: #D4F2FF;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    display: flex;
}

.home_body .appcard-purpose-active-txt  {
    color: #2BAED2;
    font-size: 15px;
    font-family: Hiragino Kaku Gothic ProN;
    font-weight: 600;
    word-wrap: break-word;
}

.home_body .appcard-purpose-inactive  {
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 4px;
    padding-bottom: 4px;
    background: #E9E9E9;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    display: flex;
}

.home_body .appcard-purpose-inactive-txt  {
    color: #B8B8B8;
    font-size: 15px;
    font-family: Hiragino Kaku Gothic ProN;
    font-weight: 600;
    word-wrap: break-word;
}

.home_body .appcard-row-titlewrap  {
    width: 120px;
    align-self: stretch;
    padding-top: 8px;
    padding-bottom: 8px;
    background: #F1F8FB;
    border-right: 1px #DDDDDD solid;
    justify-content: center;
    align-items: center;
    gap: 10px;
    display: flex;
}

.home_body .appcard-row-text  {
    color: #132045;
    font-family: "Hiragino Kaku Gothic ProN";
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    flex: 1 0 0;
    padding: 10px 0;
}

.home_body .appcard-footer  {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.home_body .appcard-footer-icon  {
    margin-left: 4px;
    display: flex;
    align-items: center;
}

.home_body .age-anker  {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-self: stretch;
}

.home_body .age-anker-list  {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 24px;
}

.home_body .age-anker-item  {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: -5px;
}



.home_body .age-anker-img  {
    width: 160px;
    height: 90px;
    background: url(<path-to-image>) lightgray 0px -1.625px / 100% 101.059% no-repeat;
}

.home_body .age-anker-label  {
    font-family: "Hiragino Kaku Gothic ProN";
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -1px;
}

.home_body .age-anker-arrow  {
    background: linear-gradient(109deg, #45B4E8 9.14%, #74F0E3 31.58%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.home_body .age-anker-age  {
    color: #132045;
    font-family: "Hiragino Kaku Gothic ProN";
    font-size: 19px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.home_body .age-anker-rest  {
    color: #132045;
    font-family: "Hiragino Kaku Gothic ProN";
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 2px;
}

.home_body .purpose-ranking  {
    margin-bottom: 40px;
}

.home_body .purpose-ranking-section  {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-self: stretch;
}

.home_body .purpose-ranking-header  {
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: inline-flex;
}

.home_body .purpose-ranking-header-container  {
    width: 709px;
    height: 200px;
    position: relative;
    overflow: hidden;
    padding-bottom: 10px;
}

.home_body .purpose-ranking-header-image  {
    width: 709px;
    height: 180px;
    position: absolute;
    z-index: -1;
}

.home_body .purpose-ranking-header-subtitle  {
    color: #FFF;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-top: 22px;
    justify-content: flex-end;
}

.home_body .purpose-ranking-header-subtitle .small-text  {
    font-size: 16px;
}

.home_body .purpose-ranking-header-title  {
    color: #FFF;
    text-align: center;
    font-family: VDL-LogoJrBlack;
    font-size: 40px;
    font-style: normal;
    font-weight: 950;
    line-height: 120%;
    letter-spacing: 0;
    margin-top: 2px;
}

.home_body .purpose-ranking-header-description  {
    color: #724946;
    font-size: 24px;
    font-style: normal;
    font-weight: 900;
    line-height: 36px;
    /* 150% */
    letter-spacing: 0.48px;
    text-align: center;
    margin-top: 10px;
}

.home_body .purpose-ranking-header-description .small-text  {
    font-size: 20px;
}

.home_body .purpose-ranking-header-decoration-arrow  {
    position: absolute;
    bottom: 3px;
    left: 50%;
    transform: translateX(-50%);
    width: 26px;
    height: 22px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='17' viewBox='0 0 24 17' fill='none'%3E%3Cpath d='M12 17L0.74167 0.5L23.2583 0.500002L12 17Z' fill='%23F29773'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
}

.home_body .purpose-ranking-filter-tags  {
    display: flex;
    padding: 16px 0px;
    align-items: flex-start;
    align-content: flex-start;
    gap: 8px;
    align-self: stretch;
    flex-wrap: wrap;
}

.home_body .purpose-ranking-button  {
    display: flex;
    width: 231px;
    padding: 12px 20px 12px 10px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 100px;
    border: 1px solid #DDD;
    background: #FFF;
}

.home_body .purpose-ranking-button.selected  {
    display: flex;
    width: 231px;
    padding: 12px 20px 12px 10px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 100px;
    border: 2px solid #2BAED2;
    background: #E7FAFF;
    color: #2BAED2;
    opacity: 1!important;
}

.home_body .purpose-ranking-button .text-wrapper-2  {
    text-align: center;
    font-family: "Hiragino Kaku Gothic ProN";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.home_body .purpose-ranking-button .text-wrapper-3  {
    text-align: center;
    font-family: "Hiragino Kaku Gothic ProN";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.home_body .purpose-ranking-underline  {
    width: 95px;
    /* お好みで調整 */
    height: 8px;
    left: 0;
    background: #fff4bc;
    border-radius: 2px;
    flex-shrink: 0;
    align-self: flex-start;
    margin-top: -12px;
    z-index: -1;
}

.home_body .purpose-ranking-list  {
    display: flex;
    padding-bottom: 24px;
    flex-direction: row;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
    flex-wrap: wrap;
}

.home_body .purpose-ranking-button img  {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    aspect-ratio: 1/1;
}

.home_body .purpose-ranking-content  {
    display: flex;
    padding: 24px 0px;
    flex-direction: column;
    align-items: center;
    align-self: stretch;
}

.home_body .purpose-ranking-title  {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    gap: 12px;
    /* 斜め線とテキストの間隔 */
    padding-bottom: 16px;
}

.home_body .purpose-ranking-title-group  {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.home_body .slash-svg  {
    flex-shrink: 0;
}

.home_body .purpose-ranking-title-text  {
    color: #132045;
    font-family: "Hiragino Kaku Gothic ProN";
    font-size: 21px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.home_body .purpose-ranking-title-text .small-text  {
    font-size: 16px;
}

.home_body .purpose-ranking-title-text .big-text  {
    font-size: 25px;
}

.home_body .purpose-ranking-title svg  {
    width: 20.257px;
    height: 18.543px;
}

.home_body .purpose-ranking-title .yellow-underline  {
    height: 8px;
    left: 0;
    background: #fff4bc;
    border-radius: 2px;
    flex-shrink: 0;
    align-self: flex-start;
    margin-top: -12px;
    z-index: -1;
}

.home_body .score-calculation  {
    display: flex;
    padding: 32px;
    flex-direction: column;
    align-items: flex-end;
    gap: 24px;
    align-self: stretch;
    background: #F7F7F7;
}

.home_body .score-calculation-title  {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    align-self: stretch;
}

.home_body .score-calculation-title-text  {
    color: #132045;
    font-family: "Hiragino Kaku Gothic ProN";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.home_body .score-calculation-title-text2  {
    align-self: stretch;
    color: #132045;
    font-family: "Hiragino Kaku Gothic ProN";
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 20px;
    /* 166.667% */
}

.home_body .score-calculation-content  {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
}

.home_body .score-calculation-item  {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
}

.home_body .score-calculation-item-text  {
    align-self: stretch;
    color: #132045;
    font-size: 12px;
    font-family: Hiragino Kaku Gothic ProN;
    font-weight: 300;
    line-height: 20px;
    word-wrap: break-word;
}

.home_body .score-calculation-item-title  {
    color: #132045;
    font-family: "Hiragino Kaku Gothic ProN";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.home_body .score-calculation-item-example  {
    align-self: stretch;
    color: #132045;
    font-family: "Hiragino Kaku Gothic ProN";
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 20px;
    /* 166.667% */
}

.home_body .score-calculation-more  {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
}

.home_body .score-calculation-more-title  {
    color: #676767;
    t-family: "Hiragino Kaku Gothic ProN";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.home_body .score-calculation-more-content-item  {
    align-self: stretch;
    color: #132045;
    font-size: 11px;
    font-family: Hiragino Kaku Gothic ProN;
    font-weight: 300;
    line-height: 20px;
    word-wrap: break-word;
}

.home_body .score-calculation-more-content-item-text  {
    color: #676767;
    font-size: 14px;
    font-family: Hiragino Kaku Gothic ProN;
    font-weight: 600;
    word-wrap: break-word;
}

.home_body .score-calculation-more-content-item-icon  {
    width: 16px;
    height: 16px;
    aspect-ratio: 1/1;
}

.home_body .score-calculation-more-content  {
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: inline-flex;
}

.home_body .score-calculation-more-content-item  {
    align-self: stretch;
    padding-bottom: 24px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    display: inline-flex;
}

.home_body .price-table-section  {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    margin-bottom: 40px;
}

.home_body .price-table-section .section-title  {
    display: flex;
    width: 709px;
    padding-bottom: 24px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    align-self: stretch;
}

.home_body .price-table-discriptions  {
    display: flex;
    flex-direction: column;
    padding-bottom: 24px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    width: 709px;
}

.home_body .price-table-description-text  {
    color: #132045;
    font-family: "Hiragino Kaku Gothic ProN";
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

.home_body .price-table-description-text .small  {
    font-size: 13px;
}

.home_body .price-table-content  {
    width: 709px;
    border: 1px solid #DDD;
    border-radius: 4px;
    overflow-x: auto;

}

/* --- テーブル本体のスタイル --- */
.home_body .price-table  {
    width: 100%;
    min-width: 1136px;
    border-collapse: collapse;
    background-color: #FFF;
}

/* --- テーブルのヘッダー（th）とセル（td）共通のスタイル --- */
.home_body .price-table-container th,
.home_body .price-table-container td  {
    border: 1px solid #DDD;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    width: 189px;
}

.home_body .price-table-container th:first-child,
.home_body .price-table-container td:first-child  {
    position: sticky;
    left: 0;
    z-index: 1;
}

/* --- ヘッダーセル（th）のスタイル --- */
.home_body .price-table-container th  {
    background-color: #F1F8FB;
    padding: 16px 12px;
    color: #000;
    font-size: 15px;
    font-weight: 600;
    line-height: 130%;
}

/* --- データセル（td）のスタイル --- */
.home_body .price-table-container td  {
    padding: 10px 12px;
    color: #000;
    font-size: 12px;
    font-weight: 600;
    line-height: 130%;
    text-align: left;
    background: #ffffff;
}

/* --- サービス名セルの特別スタイル --- */
.home_body .price-table-container td:first-child  {
    text-align: left;
}

.home_body .service-cell-icon-wrap  {
    display: flex;
    align-items: center;
    gap: 8px;
}

.home_body .service-icon  {
    width: 40px;
    height: 40px;
    border-radius: 4px;
    border: 1px solid #DDD;
}

.home_body .service-name  {
    color: #000;
    text-align: center;
    font-family: "Hiragino Kaku Gothic ProN";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.home_body .service-name a  {
    color: #000;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
}

.home_body .service-name a:hover  {
    text-decoration: underline;
}

.home_body .price-table-cell-text  {
    color: #000;
    text-align: center;
    font-family: "Hiragino Kaku Gothic ProN";
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
}

.home_body .app-compare-section  {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    align-self: stretch;
    margin-bottom: 40px;
}

.home_body .app-compare-section-title-image  {
    width: 709px;
    height: 300px;
    flex-shrink: 0;
}

.home_body .app-compare-title  {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    gap: 12px;
    /* 斜め線とテキストの間隔 */
    padding-bottom: 16px;
}

.home_body .app-compare-title-group  {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.home_body .app-compare-title-text  {
    color: #132045;
    font-family: "Hiragino Kaku Gothic ProN";
    font-size: 21px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.home_body .app-compare-title-text .small-text  {
    font-size: 16px;
}

.home_body .app-compare-title-text .big-text  {
    font-size: 25px;
}

.home_body .app-compare-title svg  {
    width: 20.257px;
    height: 18.543px;
}

.home_body .app-compare-title .yellow-underline  {
    width: 98px;
    /* お好みで調整 */
    height: 8px;
    left: 0;
    background: #fff4bc;
    border-radius: 2px;
    flex-shrink: 0;
    align-self: flex-start;
    margin-top: -12px;
    z-index: -1;
}

.home_body .app-compare-content  {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-self: stretch;
}

.home_body .app-compare-content-app-list  {
    display: flex;
    padding-bottom: 32px;
    align-items: flex-start;
    align-content: flex-start;
    gap: 8px;
    align-self: stretch;
    flex-wrap: wrap;
}

.home_body .app-compare-content-app-list-item  {
    display: flex;
    width: 171px;
    height: 128px;
    padding: 16px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
    border-radius: 8px;
    border: 1px solid #DDD;
    background: #FFF;
}

.home_body .app-compare-content-app-list .selected  {
    border-radius: 8px;
    border: 2px solid #2BAED2;
    background: linear-gradient(0deg, #E7FAFF 0%, #E7FAFF 100%), #2BAED2;
    position: relative;
}

.home_body .app-compare-content-app-list .selected::after  {
    content: '';
    position: absolute;
    top: 8px;
    left: 8px;
    width: 32px;
    height: 32px;
    background-image: url("/wp-content/themes/matchapp/theme_img/top/icon/flow09.png");
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 10;
}


.home_body .app-compare-content-app-list-item-icon  {
    width: 64px;
    height: 64px;
    flex-shrink: 0;
    aspect-ratio: 1/1;
    border-radius: 10px;
    border: 1px solid #DDD;
    background: url(<path-to-image>) lightgray 50% / cover no-repeat;
}

.home_body .app-compare-content-app-list-item-name  {
    color: #132045;
    text-align: center;
    font-family: "Hiragino Kaku Gothic ProN";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.home_body .app-compare-content-compare-button  {
    display: flex;
    width: 300px;
    padding: 16px 32px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 100px;
    background: linear-gradient(110deg, #FF7272 22.25%, #5BD0F0 79.36%);
}

.home_body .app-compare-content-compare-button-text  {
    color: #FFF;
    font-family: "Hiragino Kaku Gothic ProN";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.home_body .app-compare-content-result  {
    display: flex;
    width: 709px;
    padding: 32px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    flex: 1 0 0;
    border: 1px solid #DDD;
    background: #FFF;
}

.home_body .app-compare-content-result-title  {
    display: flex;
    padding: 11px 20px;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-right: 2px solid #55B7D2;
    border-left: 2px solid #55B7D2;
    background: #F1F8FB;
}

.home_body .app-compare-content-result-title-text  {
    flex: 1 0 0;
    color: #132045;
    text-align: center;
    font-family: "Hiragino Kaku Gothic ProN";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    /* 125% */
}

.home_body .app-compare-content-result-table  {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    flex: 1 0 0;
    align-self: stretch;
}

.home_body .app-compare-content-result-table-row  {
    display: flex;
    align-items: flex-start;
    gap: 24px;
}

.home_body .custom-style-92a81b9a  {
    width: 310px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 24px;
    display: inline-flex;
}

.home_body .app-compare-content-result-table-name-icon-wrap  {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
}

.home_body .app-compare-content-result-table-icon  {
    width: 64px;
    height: 64px;
    aspect-ratio: 1/1;
    border-radius: 10px;
    background: url(<path-to-image>) lightgray 50% / cover no-repeat, url(<path-to-image>) lightgray 50% / cover no-repeat;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
}

.home_body .app-compare-content-result-table-name-text  {
    color: #132045;
    font-family: "Hiragino Kaku Gothic ProN";
    font-size: 21px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.home_body .app-compare-content-result-table-cell  {
    display: flex;
    padding: 16px 24px;
    align-items: center;
    align-content: center;
    gap: 6px;
    flex: 1 0 0;
    flex-wrap: wrap;
}

.home_body .app-compare-content-result-table-cell-age  {
    display: flex;
    width: 278.5px;
    padding: 24px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;
}

.home_body .app-compare-content-result-table-cell-age-wrap  {
    display: flex;
    padding: 4px 16px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 100px;
    background: #D4F2FF;
}

.home_body .app-compare-content-result-table-cell-age-text  {
    color: #2BAED2;
    font-family: "Hiragino Kaku Gothic ProN";
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.home_body .flex-container-4189ca51  {
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.home_body .padded-element-981a6ae1  {
    align-self: stretch;
    padding-bottom: 32px;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
    display: inline-flex;
    flex-wrap: wrap;
    align-content: flex-start;
}

.home_body .padded-element-2276f8d4  {
    width: 171px;
    height: 128px;
    padding: 16px;
    background: linear-gradient(0deg, #E7FAFF 0%, #E7FAFF 100%), #2BAED2;
    border-radius: 8px;
    outline: 2px #2BAED2 solid;
    outline-offset: -2px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    display: inline-flex;
}

.home_body .custom-style-fc1a499d  {
    width: 64px;
    height: 64px;
    border-radius: 10px;
    border: 1px #DDDDDD solid;
}

.home_body .bg-element-6b0d1140  {
    width: 32px;
    height: 32px;
    background: linear-gradient(140deg, #45B4E8 0%, #74F0E3 100%);
    border-radius: 100px;
}

.home_body .custom-style-75972a6d  {
    width: 14px;
    height: 9px;
    outline: 2px white solid;
    outline-offset: -1px;
}

.home_body .padded-element-8753b70e  {
    width: 171px;
    height: 128px;
    padding: 16px;
    background: white;
    border-radius: 8px;
    outline: 1px #DDDDDD solid;
    outline-offset: -1px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    display: inline-flex;
}

.home_body .bg-element-7b3c785a  {
    width: 64px;
    height: 64px;
    background: white;
    border-radius: 10px;
    border: 1px #DDDDDD solid;
}

.home_body .padded-element-54ad6e9f  {
    width: 300px;
    padding-left: 32px;
    padding-right: 32px;
    padding-top: 16px;
    padding-bottom: 16px;
    background: linear-gradient(174deg, #FF7272 0%, #5BD0F0 100%);
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    display: inline-flex;
}

.home_body .comparison-container  {
    width: 709px;
    flex: 1 1 0;
    padding: 32px;
    background: white;
    outline: 1px #DDDDDD solid;
    outline-offset: -1px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 24px;
    display: flex;
}

.home_body .comparison-container-title  {
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
    display: flex;
    text-align: center !important;
    margin-bottom: 24px;
}

.home_body .comparison-container-title-text  {
    align-self: stretch;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 11px;
    padding-bottom: 11px;
    background: #F1F8FB;
    border-left: 2px #55B7D2 solid;
    border-right: 2px #55B7D2 solid;
    justify-content: center;
    align-items: center;
    gap: 10px;
    display: inline-flex;
}

.home_body .comparison-grid  {
    display: grid;
    grid-template-columns: 1fr 80px 1fr;
    background-color: #ffffff;
    overflow: hidden;
    width: 645px;
}

/* アプリカード */
.home_body .app-card  {
    display: flex;
    flex-direction: column;
}

/* 比較項目セクション */
.home_body .comparison-categories  {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin-bottom: 71px;
}

/* ヘッダーセクション */
.home_body .app-header-section  {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 24px;
}

.home_body .category-header  {
    display: flex;
    width: 88px;
    padding: 18px 0px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
}

.home_body .category-title  {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

.home_body .app-header  {
    display: flex;
    align-items: center;
    gap: 16px;
}

.home_body .app-icon  {
    width: 64px;
    height: 64px;
    aspect-ratio: 1/1;
    border-radius: 10px;
    background: url(<path-to-image>) lightgray 50% / cover no-repeat, url(<path-to-image>) lightgray 50% / cover no-repeat;
}

.home_body .app-name  {
    color: #132045;
    font-family: "Hiragino Kaku Gothic ProN";
    font-size: 21px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

/* データセル */
.home_body .app-data-cell-age,
.home_body .app-data-cell-purpose,
.home_body .app-data-cell-user  {
    display: flex;
    align-items: center;
    align-self: stretch;
    border-bottom: 1px solid #DDD;
    background: #FFF;
}

.home_body .app-data-cell-age  {
    height: 100px;
}

.home_body .app-data-cell-purpose  {
    height: 100px;
}

.home_body .app-data-cell-user  {
    height: 62px;
}

.home_body .category-cell  {
    display: flex;
    width: 88px;
    padding: 18px 0px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-bottom: 1px solid #DDD;
}

.home_body .category-cell-age  {
    display: flex;
    width: 88px;
    padding: 18px 0px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-bottom: 1px solid #DDD;
    height: 100px;
}

.home_body .category-cell-price  {
    display: flex;
    width: 88px;
    padding: 18px 0px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-bottom: 1px solid #DDD;
    height: 104px;
}

.home_body .category-cell-purpose  {
    display: flex;
    width: 88px;
    padding: 18px 0px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-bottom: 1px solid #DDD;
    height: 100px;
}

.home_body .category-cell-user  {
    display: flex;
    width: 88px;
    padding: 18px 0px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-bottom: 1px solid #DDD;
    height: 62px;
}

.home_body .category-label  {
    font-size: 16px;
    font-weight: 600;
    text-align: center;
}

/* タグのスタイル */
.home_body .age-tags  {
    display: flex;
    padding: 16px 24px;
    align-items: center;
    align-content: center;
    gap: 6px;
    flex: 1 0 0;
    flex-wrap: wrap;
}

.home_body .tag-active  {
    display: flex;
    padding: 4px 16px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 100px;
    background: #D4F2FF;
}

.home_body .tag-active-text  {
    color: #2BAED2;
    font-family: "Hiragino Kaku Gothic ProN";
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.home_body .tag-inactive  {
    display: flex;
    padding: 4px 16px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 100px;
    background: #F5F5F5;
}

.home_body .tag-inactive-text  {
    color: #B8B8B8;
    font-family: "Hiragino Kaku Gothic ProN";
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.home_body .app-data-cell-price  {
    display: flex;
    padding: 24px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;
    border-bottom: 1px solid #DDD;
    height: 104px;
}

/* 料金情報 */
.home_body .price-info  {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: left;
}

.home_body .price-row  {
    display: flex;
    align-items: center;
    gap: 6px;
}

.home_body .gender-icon,
.home_body .user-icon  {
    width: 20px;
    height: 20px;
}

.home_body .app-data-cell-price .price-text  {
    color: #132045;
    font-family: "Hiragino Kaku Gothic ProN";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.home_body .purpose-tags  {
    display: flex;
    padding: 16px 24px;
    align-items: center;
    align-content: center;
    gap: 6px;
    flex: 1 0 0;
    flex-wrap: wrap;
}

/* 会員数情報 */
.home_body .member-info  {
    display: flex;
    padding: 16px 24px;
    align-items: center;
    align-content: center;
    gap: 6px;
    flex: 1 0 0;
    flex-wrap: wrap;
}

.home_body .member-info .user-text  {
    color: #132045;
    font-family: "Hiragino Kaku Gothic ProN";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

/* ボタンセル */
.home_body .app-button-cell  {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 24px;
    height: 71px;
}

.home_body .app-button  {
    display: flex;
    padding-top: 8px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}

.home_body .app-button-wrap  {
    display: flex;
    padding-top: 8px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}

.home_body .app-button-wrap-button  {
    display: flex;
    padding: 10px 32px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 100px;
    background: #2BAED2;
}

.home_body .app-button-wrap-button-text  {
    color: #FFF;
    font-family: "Hiragino Kaku Gothic ProN";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.home_body .comparison-container-title-text  {
    flex: 1 1 0;
    text-align: center;
    color: #132045;
    font-size: 16px;
    font-family: Hiragino Kaku Gothic ProN;
    font-weight: 600;
    line-height: 20px;
    word-wrap: break-word;
}

.home_body .flex-container-56683dbe  {
    display: flex;
    width: 709px;
    padding: 40px;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    background: #F7F7F7;
}

.home_body .flex-container-6851b89f  {
    align-self: stretch;
    padding: 24px;
    background: white;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 16px;
    display: flex;
}

.home_body .custom-style-b8b9ed52  {
    width: 50px;
    height: 50px;
    border-radius: 6px;
}

.home_body .custom-style-fbeef584  {
    display: flex;
    align-items: flex-start;
    gap: 24px;
}

.home_body .custom-style-9903e1af  {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
}

.home_body .custom-style-b0e2674f  {
    align-self: stretch;
    color: #132045;
    font-size: 15px;
    font-family: Hiragino Kaku Gothic ProN;
    font-weight: 600;
    word-wrap: break-word;
}

.home_body .custom-style-79dee022  {
    align-self: stretch;
    color: #132045;
    font-size: 13px;
    font-family: Hiragino Kaku Gothic ProN;
    font-weight: 600;
    line-height: 20px;
    word-break: break-word;
    overflow-wrap: break-word;
    white-space: normal;
    display: inline-block;
}

.home_body .custom-style-bc00f6e5  {
    width: 709px;
    height: 105px;
    position: relative;
    overflow: hidden;
}

.home_body .bg-element-a19cbd11  {
    width: 709px;
    height: 103px;
    left: 0px;
    top: 2px;
    position: absolute;
    background: linear-gradient(140deg, #45B4E8 0%, #74F0E3 100%);
}

.home_body .custom-style-5be34417  {
    left: 183px;
    top: 29px;
    position: absolute;
    text-align: center;
}

.home_body .custom-style-d571f6f3  {
    color: white;
    font-size: 37px;
    font-family: VDL-LogoJrBlack;
    font-weight: 950;
    line-height: 50px;
    letter-spacing: 2.22px;
    word-wrap: break-word;
}

.home_body .custom-style-52300a3d  {
    color: white;
    font-size: 37px;
    font-family: VDL-LogoJrBlack;
    font-weight: 950;
    line-height: 50px;
    letter-spacing: 0.74px;
    word-wrap: break-word;
}

.home_body .custom-style-72f556ec  {
    color: white;
    font-size: 37px;
    font-family: VDL-LogoJrBlack;
    font-weight: 950;
    line-height: 50px;
    word-wrap: break-word;
}

.home_body .padded-element-63c11617  {
    padding-top: 24px;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 16px;
    display: inline-flex;
}

.home_body .padded-element-97df189f  {
    width: 283px;
    padding: 16px;
    outline: 1px #DDDDDD solid;
    outline-offset: -1px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 16px;
    display: inline-flex;
}

.home_body .custom-style-3fe9a0f6  {
    align-self: stretch;
    justify-content: flex-start;
    align-items: baseline;
    gap: 8px;
    display: inline-flex;
}

.home_body .custom-style-ff777968  {
    width: 32px;
    height: 32px;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
    border-radius: 6px;
}

.home_body .custom-style-8f5091db  {
    flex: 1 1 0;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 4px;
    display: inline-flex;
}

.home_body .custom-style-6f80653f  {
    width: 251px;
    height: 157px;
}

.home_body .flex-container-9233cf12  {
    align-self: stretch;
    padding-bottom: 8px;
    border-bottom: 1px #DDDDDD solid;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
    display: flex;
}

.home_body .custom-style-184f087c  {
    color: white;
    font-size: 11px;
    font-family: Hiragino Kaku Gothic ProN;
    font-weight: 600;
    word-wrap: break-word;
}

.home_body .flex-container-035503c5  {
    justify-content: center;
    display: flex;
    flex-direction: column;
    color: #132045;
    font-size: 13px;
    font-family: Hiragino Kaku Gothic ProN;
    font-weight: 600;
    line-height: 20px;
    word-wrap: break-word;
}

.home_body .flex-container-3ba1fa46  {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}



.home_body .bg-element-54375f92  {
    width: 6.50px;
    height: 8.50px;
    background: white;
}

.home_body .custom-style-e2d6967e  {
    color: #444444;
    font-size: 13px;
    font-family: Hiragino Kaku Gothic ProN;
    font-weight: 600;
    line-height: 24px;
    word-wrap: break-word;
}

.home_body .custom-style-c7cf2b65  {
    color: #444444;
    font-size: 10px;
    font-family: Hiragino Kaku Gothic ProN;
    font-weight: 600;
    line-height: 24px;
    word-wrap: break-word;
}

.home_body .bg-element-61a8ab00  {
    width: 16px;
    height: 16px;
    background: #FF8787;
    border-radius: 9999px;
}

.home_body .flex-container-3e65658c  {
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 4px;
    display: flex;
}

.home_body .flex-container-932d0e74  {
    align-self: stretch;
    justify-content: center;
    display: flex;
    flex-direction: column;
}

.home_body .custom-style-7a4dd4bd  {
    color: #132045;
    font-size: 13px;
    font-family: Hiragino Kaku Gothic ProN;
    font-weight: 300;
    line-height: 20px;
    word-wrap: break-word;
}

.home_body .custom-style-4a0ab0f7  {
    color: #717171;
    font-size: 13px;
    font-family: Hiragino Kaku Gothic ProN;
    font-weight: 600;
    line-height: 20px;
    word-wrap: break-word;
}

.home_body .padded-element-7bffa2cc  {
    align-self: stretch;
    padding-top: 16px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    display: inline-flex;
}

.home_body .bg-element-c96af46d  {
    width: 32px;
    height: 32px;
    transform: rotate(-180deg);
    transform-origin: top left;
    background: white;
    border-radius: 100px;
    border: 1px #2BAED2 solid;
}

.home_body .custom-style-ef613d2a  {
    width: 4px;
    height: 8px;
    transform: rotate(-180deg);
    transform-origin: top left;
    outline: 2px #2BAED2 solid;
    outline-offset: -1px;
}

.home_body .custom-style-25662904  {
    text-box-trim: trim-both;
    text-box-edge: cap alphabetic;
    color: #132045;
    font-size: 16px;
    font-family: Arial;
    font-weight: 700;
    letter-spacing: 1px;
    word-wrap: break-word;
}

.home_body .bg-element-e5b88c5d  {
    width: 32px;
    height: 32px;
    background: white;
    border-radius: 100px;
    border: 1px #2BAED2 solid;
}

.home_body .custom-style-e4ba66b7  {
    width: 4px;
    height: 8px;
    outline: 2px #2BAED2 solid;
    outline-offset: -1px;
}

.home_body .padded-element-558fa4f7  {
    width: 709px;
    padding-top: 64px;
    padding-bottom: 40px;
    background: #F0FBFF;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 64px;
    display: inline-flex;
}

.home_body .flex-container-43307bcf  {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 32px;
    display: flex;
}

.home_body .custom-style-9171fc49  {
    justify-content: flex-start;
    align-items: flex-end;
    display: inline-flex;
}

.home_body .custom-style-aed37816  {
    width: 286.08px;
    height: 48px;
}

.home_body .custom-style-4a9ed66f  {
    text-align: center;
    color: #132045;
    font-size: 18px;
    font-family: Hiragino Kaku Gothic ProN;
    font-weight: 600;
    line-height: 20px;
    word-wrap: break-word;
}

.home_body .custom-style-691dd823  {
    text-align: center;
    color: #31708B;
    font-size: 17px;
    font-family: SicUVeiw-DspR;
    font-weight: 400;
    word-wrap: break-word;
}

.home_body .custom-style-309c18f2  {
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
    display: inline-flex;
}

.home_body .custom-style-b6682605  {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
    display: inline-flex;
}

.home_body .padded-element-f236a887  {
    align-self: stretch;
    padding-left: 40px;
    padding-right: 40px;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    display: inline-flex;
}

.home_body .about-matchapp-section-director-content-item  {
    flex: 1 1 0;
    padding: 32px;
    background: white;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 24px;
    display: inline-flex;
}

.home_body .about-matchapp-section-director-content-item-wrap  {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 19px;
    align-self: stretch;
}

.home_body .about-matchapp-section-director-content-item-wrap-title  {
    align-self: stretch;
    justify-content: flex-start;
    align-items: center;
    gap: 19px;
    display: inline-flex;
}

.home_body .about-matchapp-section-director-content-item-wrap-title-image  {
    width: 104px;
    height: 104px;
    border-radius: 9999px;
}

.home_body .about-matchapp-section-director-content-item-wrap-title-text  {
    flex: 1 1 0;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
    display: inline-flex;
}

.home_body .about-matchapp-section-director-content-item-wrap-title-text-item  {
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 4px;
    padding-bottom: 4px;
    background: #FFD7D7;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    display: inline-flex;
}

.home_body .about-matchapp-section-director-content-item-wrap-title-text-item-text  {
    color: #132045;
    font-size: 11px;
    font-family: Hiragino Kaku Gothic ProN;
    font-weight: 600;
    word-wrap: break-word;
}

.home_body .flex-container-f2d0512b  {
    align-self: stretch;
    justify-content: center;
    display: flex;
    flex-direction: column;
    color: #132045;
    font-size: 16px;
    font-family: Hiragino Kaku Gothic ProN;
    font-weight: 600;
    word-wrap: break-word;
}

.home_body .flex-container-a63c181a  {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
}

.home_body .custom-style-5247cf18  {
    align-self: stretch;
    color: #132045;
    font-size: 13px;
    font-family: Hiragino Kaku Gothic ProN;
    font-weight: 300;
    word-wrap: break-word;
}

.home_body .flex-container-0d94f26f  {
    align-self: stretch;
    padding-bottom: 16px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.home_body .padded-element-7feadfcc  {
    padding-left: 8px;
    padding-right: 8px;
    border-left: 2px #FF9A9A solid;
    justify-content: center;
    align-items: center;
    gap: 10px;
    display: inline-flex;
}

.home_body .custom-style-f37fec4c  {
    color: #132045;
    font-size: 16px;
    font-family: Hiragino Kaku Gothic ProN;
    font-weight: 600;
    line-height: 16px;
    word-wrap: break-word;
}

.home_body .custom-style-36536a50  {
    display: flex;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
}

.home_body .custom-style-ce7ff18e  {
    display: flex;
    width: 172px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}

.home_body .bg-element-93b52817  {
    align-self: stretch;
    height: 100px;
    background: #E3E3E3;
}

.home_body .custom-style-be943c24  {
    color: #132045;
    font-size: 14px;
    font-family: Hiragino Kaku Gothic ProN;
    font-weight: 300;
    word-wrap: break-word;
}

.home_body .custom-style-1edfebb3  {
    width: 172px;
    height: 120px;
}

.home_body .custom-style-ae47e7d8  {
    align-self: stretch;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 32px;
    display: inline-flex;
}

.home_body .flex-container-3daeeceb  {
    flex: 1 1 0;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 24px;
    display: flex;
}

.home_body .bg-element-2eda8722  {
    width: 80px;
    height: 100px;
    background: #E3E3E3;
}

.home_body .padded-element-aab02e17  {
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 4px;
    padding-bottom: 4px;
    background: #858585;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    display: inline-flex;
}

.home_body .custom-style-d7892b87  {
    color: #132045;
    font-size: 14px;
    font-family: Hiragino Kaku Gothic ProN;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0.56px;
}

.home_body .custom-style-f405e8f8  {
    color: #7B7B7B;
    font-size: 10px;
    font-family: Hiragino Kaku Gothic ProN;
    font-weight: 300;
    line-height: 14px;
    word-wrap: break-word;
}

.home_body .custom-style-eaf01ab9  {
    color: #132045;
    font-size: 11px;
    font-family: Hiragino Kaku Gothic ProN;
    font-weight: 600;
    line-height: 16px;
    word-wrap: break-word;
}

.home_body .custom-style-b945d5aa  {
    align-self: stretch;
    color: #132045;
    font-size: 15px;
    font-family: Hiragino Kaku Gothic ProN;
    font-weight: 300;
    word-wrap: break-word;
}

.home_body .flex-container-e370809e  {
    align-self: stretch;
    padding-left: 40px;
    padding-right: 40px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 40px;
    display: flex;
}

.home_body .padded-element-4c7f6f09  {
    align-self: stretch;
    padding-bottom: 40px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    display: inline-flex;
}

.home_body .custom-style-7c15f72d  {
    flex: 1 1 0;
    color: black;
    font-size: 13px;
    font-family: Hiragino Kaku Gothic ProN;
    font-weight: 600;
    line-height: 20px;
    word-wrap: break-word;
}

.home_body .flex-container-d00ca817  {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
}

.home_body .padded-element-c91d4c47  {
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 4px;
    padding-bottom: 4px;
    background: #D0EBF2;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    display: inline-flex;
    font-weight: bold;
}

.home_body .flex-container-cf46fe87  {
    align-self: stretch;
    justify-content: center;
    display: flex;
    flex-direction: column;
    color: #132045;
    font-size: 12px;
    font-family: Hiragino Kaku Gothic ProN;
    font-weight: 600;
    word-wrap: break-word;
}

.home_body .padded-element-4ff31eac  {
    padding-left: 8px;
    padding-right: 8px;
    border-left: 2px #2BAED2 solid;
    justify-content: center;
    align-items: center;
    gap: 10px;
    display: inline-flex;
}

.custom-style-4459b704,
.home_body .custom-style-4459b703  {
    align-self: stretch;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 4px;
    display: inline-flex;
}

.home_body .flex-container-e70a6f91  {
    justify-content: flex-start;
    align-items: flex-start;
    gap: 24px;
    display: flex;
}

.home_body .flex-container-b2b1357f  {
    width: 274.50px;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 24px;
    display: flex;
}

.home_body .bg-element-8d49fb8b  {
    width: 80px;
    height: 113px;
    background: #E3E3E3;
}

.home_body .bg-element-8d49fb8b img  {
    width: 80px !important;
    height: 113px !important;
    flex-shrink: 0;
    background: url(<path-to-image>) lightgray 0px -2.737px / 100% 103.96% no-repeat, url(<path-to-image>) lightgray 50% / cover no-repeat, #E3E3E3;
}

.home_body .custom-style-32bb6ce7  {
    width: 160px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
    display: inline-flex;
}

.home_body .custom-style-b6d96b8a  {
    align-self: stretch;
    color: #132045;
    font-size: 14px;
    font-family: Hiragino Kaku Gothic ProN;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0.56px;
    word-wrap: break-word;
}

.home_body .custom-style-b5d1490a  {
    align-self: stretch;
    color: #7B7B7B;
    font-size: 10px;
    font-family: Hiragino Kaku Gothic ProN;
    font-weight: 300;
    line-height: 14px;
    word-wrap: break-word;
}

.home_body .flex-container-5142d27f  {
    flex: 1 1 0;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 32px;
    display: flex;
}

.home_body .bg-element-8cf56a93  {
    width: 80px;
    height: 108px;
    background: #E3E3E3;
}

.home_body .flex-container-3e89ed89  {
    align-self: stretch;
    padding: 32px;
    background: white;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 24px;
    display: flex;
}

.home_body .custom-style-a3c3b195  {
    width: 565px;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 19px;
    display: inline-flex;
}

.home_body .bg-element-80337fc9  {
    width: 104px;
    height: 104px;
    background: rgba(0, 0, 0, 0.20);
    border-radius: 9999px;
}

.home_body .flex-container-8573a2ac  {
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 4px;
    padding-bottom: 4px;
    background: #D0EBF2;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    display: flex;
}

.home_body .flex-container-8868410d  {
    justify-content: center;
    display: flex;
    flex-direction: column;
    color: #132045;
    font-size: 16px;
    font-family: Hiragino Kaku Gothic ProN;
    font-weight: 600;
    word-wrap: break-word;
}

.home_body .padded-element-60dc6abe  {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-self: stretch;
}

.home_body .custom-style-20c43749  {
    width: 709px;
    height: 200px;
    position: relative;
    overflow: hidden;
}

.home_body .flex-container-893a0c9c  {
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 4px;
    padding-bottom: 4px;
    background: #D4F2FF;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    display: flex;
}

.home_body .custom-style-a635bee5  {
    color: #2BAED2;
    font-size: 15px;
    font-family: Hiragino Kaku Gothic ProN;
    font-weight: 600;
    word-wrap: break-word;
}

.home_body .flex-container-a37f365e  {
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 4px;
    padding-bottom: 4px;
    background: #F5F5F5;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    display: flex;
}

.home_body .custom-style-3c438381  {
    color: #B8B8B8;
    font-size: 15px;
    font-family: Hiragino Kaku Gothic ProN;
    font-weight: 600;
    word-wrap: break-word;
}

.home_body .custom-style-42917efc  {
    justify-content: flex-start;
    align-items: center;
    gap: 6px;
    display: inline-flex;
}

.home_body .custom-style-6c7b4697  {
    color: #132045;
    font-family: "Hiragino Kaku Gothic ProN";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.home_body .padded-element-ea57bb30  {
    padding-left: 32px;
    padding-right: 32px;
    padding-top: 10px;
    padding-bottom: 10px;
    background: #2BAED2;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    display: inline-flex;
}

.home_body .custom-style-1a2dffe3  {
    color: white;
    font-size: 16px;
    font-family: Hiragino Kaku Gothic ProN;
    font-weight: 600;
    word-wrap: break-word;
}

.home_body .release-info-section  {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    margin-bottom: 40px;
}

.home_body .release-title  {
    display: flex;
    padding-bottom: 24px;
    align-items: center;
    gap: 8px;
}

.home_body .release-new-container  {
    display: flex;
    padding: 4px 6px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 4px;
    background: #FF7272;
}

.home_body .release-new  {
    color: #FFF;
    font-family: Arial;
    font-size: 11px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.home_body .release-title-text  {
    color: #132045;
    font-family: "Hiragino Kaku Gothic ProN";
    font-size: 21px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.home_body .custom-style-79dee022  {
    align-self: stretch;
    color: #132045;
    font-family: "Hiragino Kaku Gothic ProN";
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    /* 153.846% */
}

.home_body .custom-style-3007bb1b  {
    align-self: stretch;
    color: #132045;
    font-size: 12px;
    font-family: Hiragino Kaku Gothic ProN;
    font-weight: 300;
    line-height: 20px;
    word-wrap: break-word;
}

.home_body .user-interview-section  {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    margin-bottom: 40px;
}

.home_body .user-interview-header  {
    width: 709px;
    height: 103px;
    position: relative;
    overflow: hidden;
}

.home_body .user-interview-header  {
    align-self: stretch;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: inline-flex;
}

.home_body .user-interview-header-image  {
    width: 709px;
    height: 103px;
    left: 0px;
    top: 0px;
    position: absolute;
    z-index: -1;
}

.home_body .user-interview-header-container img  {
    flex-shrink: 0;
    background: url(<path-to-image>) lightgray -7.472px -11.33px / 51.124% 251.777% no-repeat, url(<path-to-image>) lightgray 355px -11.33px / 51.124% 251.777% no-repeat, linear-gradient(95deg, #45B4E8 20.28%, #74F0E3 154.88%);
}

.home_body .user-interview-header-title  {
    color: #FFF;
    text-align: center;
    font-family: VDL-LogoJrBlack;
    font-size: 37px;
    font-style: normal;
    font-weight: 950;
    line-height: 50px;
    /* 135.135% */
    letter-spacing: 2.22px;
}

.home_body .user-interview-content  {
    display: flex;
    padding-top: 24px;
    align-items: flex-start;
    gap: 16px;
    width: 709px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.home_body .user-interview-content-item  {
    display: flex;
    width: 283px;
    padding: 16px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 16px;
    border: 1px solid #DDD;
}

.home_body .user-interview-top  {
    display: flex;
    align-items: center;
    gap: 8px;
    align-self: stretch;
}

.home_body .user-interview-top-image  {
    width: 32px;
    height: 32px;
    aspect-ratio: 1/1;
    border-radius: 6px;
    background: url(<path-to-image>) lightgray 50% / cover no-repeat;
}

.home_body .user-interview-top-name  {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    flex: 1 0 0;
}

.home_body .user-interview-top-name-text  {
    align-self: stretch;
    color: #132045;
    font-family: "Hiragino Kaku Gothic ProN";
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.home_body .user-interview-content-image  {
    width: 251px;
    height: 157px;
    background: url(<path-to-image>) lightgray 50% / cover no-repeat;
}

.home_body .interview-info  {
    display: flex;
    padding-bottom: 8px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
    border-bottom: 1px solid #DDD;
}

.home_body .interviw-status  {
    display: flex;
    align-items: center;
    gap: 8px;
}

.home_body .interview-info-text  {
    display: flex;
    padding: 4px 6px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 4px;
    background: #FF7272;
}

.home_body .interview-info-text-status  {
    color: #FFF;
    font-family: "Hiragino Kaku Gothic ProN";
    font-size: 11px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.home_body .interview-info-text-year  {
    color: #132045;
    font-family: "Hiragino Kaku Gothic ProN";
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    /* 153.846% */
}

.home_body .interview-main-text  {
    align-self: stretch;
    color: #132045;
    font-family: "Hiragino Kaku Gothic ProN";
    font-size: 13px;
    font-style: normal;
    font-weight: 300;
    line-height: 20px;
    /* 153.846% */
}

.home_body .interview-main-text  {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    /* 表示する最大行数 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    max-width: 100%;
}

.home_body .interview-main-text.expanded  {
    -webkit-line-clamp: unset;
    overflow: visible;
}

.home_body .read-more-link  {
    color: #717171;
    font-family: "Hiragino Kaku Gothic ProN";
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
}

.home_body .interview-info-name  {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.home_body .interview-info-name-box  {
    display: flex;
    align-items: center;
    gap: 6px;
}

.home_body .interview-info-name-box img  {
    width: 16px;
    height: 16px;
}

.home_body .interview-info-name-text  {
    color: #444;
    font-family: "Hiragino Kaku Gothic ProN";
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    /* 184.615% */
}

.home_body .interview-info-name .small-text  {
    font-size: 10px;
}

.home_body .user-interview-section .text-wrapper-2  {
    color: #132045;
    font-family: Arial;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 1px;
}

.home_body .about-matchapp-section  {
    display: flex;
    width: 709px;
    padding: 64px 0px 40px 0px;
    flex-direction: column;
    align-items: center;
    gap: 64px;
    background: #F0FBFF;
    margin-bottom: 40px;
}

.home_body .about-matchapp-section-top  {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
}

.home_body .about-matchapp-section-top-title  {
    justify-content: flex-start;
    align-items: flex-end;
    display: inline-flex;
}

.home_body .about-matchapp-section-top-title-image  {
    width: 286.08px;
    height: 48px;
}

.home_body .about-matchapp-section-top-title-text  {
    text-align: center;
    color: #132045;
    font-size: 18px;
    font-family: Hiragino Kaku Gothic ProN;
    font-weight: 600;
    line-height: 20px;
    word-wrap: break-word;
}

.home_body .about-matchapp-section-top-text  {
    text-align: center;
    color: #31708B;
    font-size: 17px;
    font-family: SicUVeiw-DspR;
    font-weight: 400;
    word-wrap: break-word;
}

.home_body .about-matchapp-section-top-button  {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.home_body .about-matchapp-section-top-button-item  {
    display: flex;
    width: 200px;
    padding: 16px 48px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 100px;
    border: 1px solid #2BAED2;
    background: #FFF;
}

.home_body .about-matchapp-section-top-button-item-text  {
    color: #2BAED2;
    font-family: "Hiragino Kaku Gothic ProN";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.home_body .about-matchapp-section-top-button-item-text a  {
    color: #2BAED2 !important;
    font-size: 16px;
    font-family: Hiragino Kaku Gothic ProN;
    font-weight: 600;
    word-wrap: break-word;
}


.home_body .about-matchapp-section-director  {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
}

.home_body .about-matchapp-section-director-title  {
    display: flex;
    padding-bottom: 24px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    align-self: stretch;
}

.home_body .about-matchapp-section-director-title img  {
    width: 25px;
    height: 24px;
}

.home_body .about-matchapp-section-director-title-text  {
    color: #132045;
    font-family: "Hiragino Kaku Gothic ProN";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 1px;
}

.home_body .about-matchapp-section-director-content  {
    display: flex;
    padding: 0px 40px;
    align-items: center;
    gap: 10px;
    align-self: stretch;
}

.home_body .about-matchapp-section-supervisor  {
    display: flex;
    padding: 0px 40px;
    flex-direction: column;
    align-items: center;
    align-self: stretch;
}

.home_body .about-matchapp-section-supervisor-content  {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
}

.home_body .about-matchapp-section-supervisor-title  {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
}

.home_body .about-matchapp-section-supervisor-title .section-title  {
    display: flex;
    padding-bottom: 24px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    align-self: stretch;
}

.home_body .about-matchapp-section-supervisor-title .section-title img  {
    width: 25px;
    height: 24px;
}

.home_body .custom-style-b00e32dd  {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
}

.home_body .flex-container-170c747c  {
    display: flex;
    padding: 32px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 24px;
    align-self: stretch;
    background: #FFF;
}

.home_body .custom-style-a8f2f232  {
    display: flex;
    align-items: center;
    gap: 19px;
    align-self: stretch;
}

.home_body .custom-style-a8f2f232 img  {
    width: 104px;
    height: 104px;
    aspect-ratio: 1/1;
    border-radius: 104px;
    background: url(<path-to-image>) lightgray 50% / cover no-repeat, url(<path-to-image>) lightgray -22.911px -4.137px / 123.75% 185.625% no-repeat;
}

.home_body .custom-style-20c43749  {
    width: 709px;
    height: 200px;
    position: relative;
    overflow: hidden;
}

.home_body .bg-element-f70ff944  {
    width: 709px;
    height: 180px;
    left: 0px;
    top: 0px;
    position: absolute;
    background: linear-gradient(180deg, #ECE470 0%, #F09574 100%);
    z-index: -1;
}


.home_body .padded-element-60dc6abe .ranking-header .ranking-header-container .ranking-header-subtitle  {
    color: #FFF;
    text-align: center;
    font-size: 21px;
    font-style: normal;
    font-weight: 900;
    line-height: 120%;
    /* 25.2px */
    letter-spacing: 0.42px;
}

.home_body .padded-element-60dc6abe .ranking-header .ranking-header-container .ranking-header-title  {
    color: #FFF;
    text-align: center;
    font-family: VDL-LogoJrBlack;
    font-size: 40px;
    font-style: normal;
    font-weight: 950;
    line-height: 50px;
    /* 125% */
    letter-spacing: 2.4px;
}

.home_body .padded-element-60dc6abe .ranking-header .ranking-header-container .ranking-header-decoration-arrow  {
    position: absolute;
    bottom: 3px;
    left: 50%;
    transform: translateX(-50%);
    width: 26px;
    height: 22px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='17' viewBox='0 0 24 17' fill='none'%3E%3Cpath d='M12 17L0.74167 0.5L23.2583 0.500002L12 17Z' fill='%23EF9F73'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
}

.home_body .flex-container-5df54026  {
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 40px;
    display: flex;
    margin-bottom: 40px
    ;
}

.home_body .flex-container-2330c6f5  {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
}

.home_body .flex-container-2330c6f5 .section-title  {
    display: flex;
    padding-bottom: 24px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    align-self: stretch;
}

.home_body .custom-style-5071a19d  {
    align-self: stretch;
    color: black;
    font-size: 13px;
    font-family: Hiragino Kaku Gothic ProN;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 39px;
    word-wrap: break-word;
}

.home_body .flex-container-f3d54892  {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 16px;
    display: flex;
}

.home_body .padded-element-b3380ac6  {
    padding: 24px;
    background: white;
    outline: 1px #DDDDDD solid;
    outline-offset: -1px;
    justify-content: flex-start;
    align-items: center;
    gap: 40px;
    display: inline-flex;
}

.home_body .flex-container-1ee11d04  {
    width: 660px;
    justify-content: flex-start;
    align-items: center;
    gap: 40px;
    display: flex;
}

.home_body .custom-style-af3d5112  {
    width: 398px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 16px;
    display: inline-flex;
}

.home_body .padded-element-9618904c  {
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 4px;
    padding-bottom: 4px;
    background: #3B4250;
    border-radius: 2px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    display: inline-flex;
}

.home_body .custom-style-f8a10a03  {
    color: white;
    font-size: 13px;
    font-family: Arial;
    font-weight: 700;
    word-wrap: break-word;
}

.home_body .custom-style-b2222727  {
    color: #132045;
    font-size: 18px;
    font-family: Hiragino Kaku Gothic ProN;
    font-weight: 600;
    line-height: 20px;
    word-wrap: break-word;
}

.home_body .custom-style-eb178320  {
    width: 222px;
    height: 132px;
}

.home_body .flex-container-f3e50a9c  {
    align-self: stretch;
    padding: 40px;
    outline: 1px rgba(221, 221, 221, 0.87) solid;
    outline-offset: -1px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 24px;
    display: flex;
}

.home_body .padded-element-392b59de  {
    align-self: stretch;
    padding-bottom: 24px;
    border-bottom: 1px #DDDDDD solid;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 24px;
    display: inline-flex;
}

.home_body .flex-container-1d6e871e  {
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    display: flex;
}

.home_body .padded-element-f64509c4  {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    align-self: stretch;

}

.home_body .padded-element-f64509c4 img  {
    width: 25px;
    height: 24px;
}

.home_body .flex-container-126d31e0  {
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
    display: flex;
}

.home_body .bg-element-3af7c0a9  {
    width: 48px;
    height: 48px;
    flex-shrink: 0;
}

.home_body .custom-style-2a74bbed  {
    color: #000;
    font-family: "Hiragino Kaku Gothic ProN";
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    /* 111.111% */
}

.home_body .custom-style-5dea8ed3  {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 16px;
    flex: 1 0 0;
}

.home_body .custom-style-aafe66d2  {
    align-self: stretch;
    color: #000;
    font-family: "Hiragino Kaku Gothic ProN";
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: 20px;
    /* 133.333% */
}

.home_body .flex-container-4f24210a  {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: -1px;
    align-self: stretch;
    background: #FFF;
    margin-bottom: 39px;
}

.home_body .padded-element-4adcdf16  {
    display: flex;
    padding: 7px 0px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    align-self: stretch;
    border: 1px solid #DDD;
    background: #FF7272;
}

.home_body .custom-style-17b9d4eb  {
    width: 24px;
    height: 24px;
    aspect-ratio: 1/1;
}

.home_body .custom-style-cf0e8030  {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    flex: 1 0 0;
}

.home_body .custom-style-1c8f9def  {
    color: #FFF;
    font-family: "Hiragino Kaku Gothic ProN";
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.home_body .flex-container-e1b03fd7  {
    display: flex;
    padding: 32px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
    border: 1px solid #DDD;
    background: #FFF;
}

.home_body .action-list  {
    color: #FF1A1A;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.home_body .flex-container-1b20bf0d  {
    align-self: stretch;
    color: #000;
    text-align: right;
    font-family: "Hiragino Kaku Gothic ProN";
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.home_body .padded-element-797ad9ce  {
    display: flex;
    padding-bottom: 8px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
}

.home_body .custom-style-e8a9a9ad  {
    color: #000;
    font-family: "Hiragino Kaku Gothic ProN";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.home_body .padded-element-ec903596  {
    display: flex;
    padding: 32px 0px 8px 0px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
}

.home_body .padded-element-e2dab39c  {
    display: flex;
    padding-top: 8px;
    justify-content: right;
    align-items: center;
    gap: 10px;
    align-self: stretch;
}

.home_body .custom-style-905d09c9  {
    color: #000;
    font-family: "Hiragino Kaku Gothic ProN";
    font-size: 11px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    text-align: right !important;

}

.home_body .section-title img  {
    width: 25px;
    height: 24px;
}

.home_body .flex-container-907f316a  {
    display: flex;
    padding: 16px 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
    background: #FFF;
}

.home_body .custom-style-4459b704 img  {
    width: 24px;
    height: 24px;
}

.home_body .about-matchapp-section-supervisor .custom-style-b00e32dd  {
    margin-top: 40px;
}

.home_body .custom-style-d77b028c  {
    flex: 1 0 0;
    color: #132045;
    font-family: "Hiragino Kaku Gothic ProN";
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 20px;
    /* 166.667% */
}

.home_body .custom-style-70080d68  {
    align-self: stretch;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
    display: inline-flex;
}

.home_body .flex-container-953fa1ad  {
    flex: 1 1 0;
    padding: 16px;
    background: #F7F7F7;
    justify-content: flex-start;
    align-items: center;
    gap: 4px;
    display: flex;
}

.home_body .custom-style-34402aa2 img  {
    width: 18px;
    height: 18px;
    aspect-ratio: 1/1;
}

.home_body .custom-style-d5f65d53  {
    color: #727272;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.home_body .flex-container-e1b03fd8  {
    display: flex;
    padding: 32px;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    align-self: stretch;
    border: 1px solid #DDD;
    background: #FFF;
}

.home_body .custom-style-4459b703 img  {
    width: 80px;
    height: 113px;
    flex-shrink: 0;
    background: url(<path-to-image>) lightgray 0px -2.737px / 100% 103.96% no-repeat, url(<path-to-image>) lightgray 50% / cover no-repeat, #E3E3E3;
}

.home_body .custom-style-9bd87d4b  {
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: inline-flex;
}

.home_body .custom-style-9bd87d4b .ranking-header-container  {
    width: 709px;
    height: 180px;
    flex-shrink: 0;
    background: url(<path-to-image>) lightgray -7.481px -19.8px / 51.124% 120.056% no-repeat, url(<path-to-image>) lightgray 355px -19.8px / 51.124% 120.056% no-repeat, linear-gradient(182deg, #697FD5 35.37%, #CA74F0 141.25%);
}

.home_body .flex-container-56683dbf  {
    display: flex;
    width: 709px;
    padding: 40px;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    margin-bottom: 39px;
    background: #F7F7F7;
}

.home_body .flex-container-4f24210b  {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: -1px;
    align-self: stretch;
    background: #FFF;
}

.home_body .custom-style-9bd87d4b .ranking-header .ranking-header-decoration-arrow  {
    position: absolute;
    bottom: 3px;
    left: 50%;
    transform: translateX(-50%);
    width: 26px;
    height: 22px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='17' viewBox='0 0 24 17' fill='none'%3E%3Cpath d='M12 17L0.74167 0.5L23.2583 0.500002L12 17Z' fill='%23A179E4'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
}

.home_body .flex-container-e266363a  {
    align-self: stretch;
    padding: 40px;
    background: #F8F8F8;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 24px;
    display: flex;
}

.home_body .flex-container-541ade7b  {
    align-self: stretch;
    padding: 32px;
    background: white;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 24px;
    display: flex;
}

.home_body .flex-container-114fe993  {
    align-self: stretch;
    padding-bottom: 24px;
    border-bottom: 1px #DDDDDD solid;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 24px;
    display: flex;
}

.home_body .flex-container-e4d8d72c  {
    text-align: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
    color: #2BAED2;
    font-size: 24px;
    font-family: Futura;
    font-weight: 500;
    line-height: 30px;
    word-wrap: break-word;
}

.home_body .flex-container-6a412bca  {
    justify-content: center;
    display: flex;
    flex-direction: column;
    color: #333333;
    font-size: 16px;
    font-weight: 700;
    line-height: 30px;
    word-wrap: break-word;
}

.home_body .bg-element-aca2b74a  {
    align-self: stretch;
    background: white;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
    display: inline-flex;
}

.home_body .flex-container-8cc40463  {
    text-align: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
    color: #FF7272;
    font-size: 24px;
    font-family: Futura;
    font-weight: 500;
    line-height: 30px;
    word-wrap: break-word;
}

.home_body .flex-container-b745baaf  {
    flex: 1 1 0;
    justify-content: center;
    display: flex;
    flex-direction: column;
    color: #333333;
    font-size: 16px;
    font-weight: 700;
    line-height: 30px;
    word-wrap: break-word;
}

@media (min-width: 601) {
    .home_body .slider .splide__track  {
        width: 95%;
    }
}
@media (min-width: 769px) {

    .home_top .first-view-image-sp,
    .home_body .ranking-header-subtitle-sp,
    .home_body .age-recommendation-header-image-sp,
    .home_body .purpose-ranking-header-image-sp  {
        display: none;
    }

    .home_body .padded-element-60dc6abe .ranking-header-image-sp  {
        display: none;
    }

    .home_body .custom-style-9bd87d4b .ranking-header-image-sp  {
        display: none;
    }

}

/* レスポンシヴ対応のスタイル */

@media (max-width: 1200px) {
    .home_body .main-section  {
        width: auto;
    }
}

@media (max-width: 768px) {
    .home_top .first-view-image  {
        display: none;
    }

    .home_body .slider-section,
    .home_body .main-section  {
        display: flex;
        width: 100%;
        padding: 0px 16px;
        flex-direction: column;
        align-items: center;
        gap: 48px;
    }

    .home_top .first-view-container img  {
        width: 100vw;
    }

    .home_body .main  {
        width: 100%;
    }

    .home_body .appcard-title-row  {
        justify-content: flex-start;
        align-items: flex-start;
        display: flex;
        gap: 0;
        flex-direction: column;
    }

    .home_body .slider  {
        display: flex;
        padding: 48px 0px;
        flex-direction: column;
        align-items: flex-start;
    }

    .home_body .pager  {
        display: flex;
        padding-top: 16px;
        justify-content: center;
        align-items: center;
        gap: 8px;
        align-self: stretch;
    }

    .home_body .report {
        align-items: flex-start;
    }

    .home_body .report-content  {
        width: 100%;
    }

    .home_body .report .app-card-content  {
        display: flex;
        padding: 24px;
        flex-direction: column;
        align-items: center;
        gap: 24px;
        align-self: stretch;
    }

    .home_body .card .wrap  {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
        align-self: stretch;
    }

    .home_body .image-3  {
        width: 100%;
        height: auto;
        aspect-ratio: 8/5;
        max-width: auto;
    }

    .home_body .card .wrap-2  {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
        flex: none;
        width: 100%;
    }

    .home_body .text-wrapper-6  {
        font-size: 16px;
        line-height: 1.4;
    }

    .home_body .text-wrapper-7  {
        font-size: 14px;
        line-height: 1.5;
    }

    .home_body .div-wrapper  {
        width: 100%;
        max-width: 300px;
    }

    .home_body .text-wrapper-8  {
        font-size: 14px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .home_body .ranking-header-container  {
        height: 181px;
        width: 100%;
        align-self: stretch;
        padding-bottom: 20px;
    }

    .home_body .padded-element-60dc6abe .ranking-header-container  {
        height: 316px;
        width: 100%;
        align-self: stretch;
    }

    .home_body .padded-element-60dc6abe .ranking-header-container img  {
        height: 288px;
        width: 100%;
    }

    .home_body .padded-element-60dc6abe .ranking-header .ranking-header-container .ranking-header-subtitle  {
        position: absolute;
        top: 15%;
        left: 50%;
        transform: translateX(-50%);
        margin: 0;
        z-index: 2;
        white-space: nowrap;
        text-align: center;
        width: 100%;
        color: #FFF;
    }

    .home_body .padded-element-60dc6abe .ranking-header .ranking-header-container .ranking-header-title  {
        position: absolute;
        top: 40%;
        left: 50%;
        transform: translate(-50%, -50%);
        margin: 0;
        z-index: 2;
        text-align: center;
        width: 100%;
        line-height: 1.2;
    }

    .home_body .padded-element-60dc6abe .ranking-header .ranking-header-container .ranking-header-decoration-arrow  {
        bottom: 10px;
    }

    .home_body .padded-element-60dc6abe .ranking-header-image  {
        display: none;
    }

    .home_body .ranking-header-image  {
        width: 100%;
        height: 157px;
        left: 0px;
        top: 0px;
        position: absolute;
        z-index: -1;
    }

    .home_body .sogo-ranking .ranking-header-subtitle  {
        display: none;
    }

    .home_body .ranking-header-subtitle-sp  {
        font-size: 14px;
        margin-bottom: 10px;
        padding: 0 16px;
        text-align: center;
        line-height: 1.3;
        display: flex;
        justify-content: center;
        align-items: flex-end;
    }

    .home_body .ranking-header-subtitle-sp .small-text  {
        font-size: 12px;
        display: inline;
        white-space: nowrap;
    }


    .home_body .ranking-header-description  {
        font-size: 18px;
        text-align: left !important;
        margin-left: -60px;
    }

    .home_body .ranking-header-title  {
        font-size: 24px;
        margin-top: -10px;
    }

    .home_body .ranking-header-subtitle-sp-text  {
        color: #FFF;
        text-align: center;
        font-family: "Hiragino Kaku Gothic ProN";
        font-size: 15px;
        font-style: normal;
        font-weight: 700;
        line-height: 1.3;
    }

    .home_body .ranking-header-subtitle-sp svg  {
        vertical-align: bottom;
        margin-bottom: 0;
        align-self: flex-end;
    }

    .home_body .ranking-header-title .big-text  {
        font-size: 57px;
    }

    .home_body .ranking-header-title .crown-img  {
        width: 31px;
        height: 28px;
        flex-shrink: 0;
        top: -45px;
    }

    .home_body .ranking-header-decoration-arrow  {
        position: absolute;
        bottom: 10px;
        left: 50%;
        transform: translateX(-50%);
        width: 26px;
        height: 22px;
        z-index: 10;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='17' viewBox='0 0 24 17' fill='none'%3E%3Cpath d='M12 17L0.74167 0.5L23.2583 0.500002L12 17Z' fill='%2354C8E7'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }

    .home_body .ranking-list  {
        width: 100%;
    }

    .home_body .ranking-card  {
        display: flex;
        width: 100%;
        padding: 24px;
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
        border: 1px solid #DDD;
        background: #FFF;
    }

    .home_body .card-body  {
        display: flex;
        flex-direction: column;
        gap: 24px;
        align-self: stretch;
    }

    .home_body .chart-section  {
        width: 100%;
    }

    .home_body .app-name  {
        font-size: 24px;
    }

    .home_body .app-operator  {
        display: block;
        font-size: 13px;
        font-weight: 300;
        color: #132045;
        font-family: "Hiragino Kaku Gothic ProN";
        margin-top: 4px;
    }

    .home_body .btn  {
        display: inline-block;
        width: 147px;
        padding: 16px 16px;
        border-radius: 100px;
        text-decoration: none;
        font-size: 16px;
        font-weight: 600;
        font-family: "Hiragino Kaku Gothic ProN";
        transition: all 0.3s ease;
        text-align: center;
    }

    .home_body .internal-links-container  {
        width: 100%;
        flex-direction: column;
    }

    .home_body .section-title  {
        text-align: left;
        justify-content: flex-start;
    }

    .home_body .comparison-section  {
        display: block
    }

    .home_body .quick-chart-container  {
        padding: 16px;
    }

    .home_body .chart-cell  {
        display: inline-flex;
        height: 89px;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        flex-shrink: 0;
    }

    .home_body .age-recommendation-header-container,
    .home_body .purpose-ranking-header-container,
    .home_body .padded-element-60dc6abe .ranking-header-container,
    .home_body .custom-style-9bd87d4b .ranking-header-container  {
        position: relative;
        width: 100%;
        height: 540px;
        align-self: stretch;
        background-image: url(/wp-content/themes/matchapp/theme_img/top/image36-sp.png);
        background-size: cover;
        background-position: bottom;
    }

    .home_body .padded-element-60dc6abe .ranking-header-container,
    .home_body .custom-style-9bd87d4b .ranking-header-container  {
        height: 460px;
    }


    .home_body .purpose-ranking-header-container  {
        background-image: url(/wp-content/themes/matchapp/theme_img/top/image37-sp.png);
    }

    .home_body .padded-element-60dc6abe .ranking-header-container  {
        background-image: url(/wp-content/themes/matchapp/theme_img/top/image35-sp.png);
    }

    .home_body .custom-style-9bd87d4b .ranking-header-container  {
        background-image: url(/wp-content/themes/matchapp/theme_img/top/image34-sp.png);
    }

    .home_body .age-recommendation-header-container img,
    .home_body .purpose-ranking-header-container img,
    .home_body .padded-element-60dc6abe .ranking-header-container img,
    .home_body .custom-style-9bd87d4b.ranking-header-container img  {
        opacity: 0;
    }

    .home_body .age-recommendation-header-subtitle  {
        font-size: 32px;
    }

    .home_body .age-recommendation-header-title,
    .home_body .purpose-ranking-header-title,
    .home_body .padded-element-60dc6abe .ranking-header-title,
    .home_body .custom-style-9bd87d4b .ranking-header-title  {
        top: 25%;
        font-size: clamp(24px, 8vw, 48px) !important;
        letter-spacing: 0;
    }

    .home_body .age-recommendation-header-description  {
        bottom: 38svw;
    }

    .home_body .age-recommendation-header-description,
    .home_body .purpose-ranking-header-description  {
        font-size: 40px;
        line-height: 30px;
        margin: 0;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }

    .home_body .age-recommendation-header,
    .home_body .purpose-ranking-header,
    .home_body .padded-element-60dc6abe .ranking-header,
    .home_body .custom-style-9bd87d4b .ranking-header  {
        position: relative;
        margin-bottom: 24px;
    }

    .home_body .age-recommendation-header::after,
    .home_body .purpose-ranking-header::after,
    .home_body .padded-element-60dc6abe .ranking-header::after,
    .home_body .custom-style-9bd87d4b .ranking-header::after  {
        content: "";
        position: absolute;
        bottom: -16px;
        left: 50%;
        transform: translateX(-50%);
        width: 26px;
        height: 22px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='17' viewBox='0 0 24 17' fill='none'%3E%3Cpath d='M12 17L0.74167 0.5L23.2583 0.500002L12 17Z' fill='%23CCE270'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }

    .home_body .purpose-ranking-header::after  {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='17' viewBox='0 0 24 17' fill='none'%3E%3Cpath d='M12 17L0.74167 0.5L23.2583 0.500002L12 17Z' fill='%23F29773'/%3E%3C/svg%3E");
    }

    .home_body .padded-element-60dc6abe .ranking-header::after  {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='17' viewBox='0 0 24 17' fill='none'%3E%3Cpath d='M12 17L0.74167 0.5L23.2583 0.500002L12 17Z' fill='%23EF9F73'/%3E%3C/svg%3E");
    }

    .home_body .custom-style-9bd87d4b .ranking-header::after  {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='17' viewBox='0 0 24 17' fill='none'%3E%3Cpath d='M12 17L0.74167 0.5L23.2583 0.500002L12 17Z' fill='%23A179E4'/%3E%3C/svg%3E");
    }




    .home_body .purpose-ranking-header-description  {
        bottom: 39svw;
    }

    .home_body .age-recommendation-header-title,
    .home_body .purpose-ranking-header-title  {
        position: absolute;
        top: 27%;
        left: 50%;
        transform: translate(-50%, -50%);
        margin: 0;
        font-size: 35px;
        z-index: 2;
        white-space: nowrap;
        text-align: center;
        width: 100%;
    }

    .home_body .age-recommendation-header-description .small-text,
    .home_body .purpose-ranking-header-description .small-text  {
        font-size: 32px;
    }

    .home_body .purpose-ranking-header-subtitle  {
        position: absolute;
        top: 15%;
        left: 50%;
        transform: translateX(-50%);
        margin: 0;
        z-index: 2;
        white-space: nowrap;
        text-align: center;
        width: 100%;
    }

    .home_body p.purpose-ranking-header-subtitle  {
        top: 8vw;
        font-size: 5vw;
    }

    .home_body .purpose-ranking-header-subtitle .small-text  {
        font-size: 4vw;
    }

    .home_body .padded-element-60dc6abe .ranking-header .ranking-header-container .ranking-header-subtitle,
    .home_body .custom-style-9bd87d4b .ranking-header .ranking-header-container .ranking-header-subtitle  {
        font-size: 4vw;
    }



    @media (max-width: 700px) {
        .home_body .age-recommendation-header-description  {
            bottom: 265px;
        }

        .home_body .purpose-ranking-header-description  {
            bottom: 273px;
        }

    }

    @media (max-width: 599px) {

        .home_body .age-recommendation-header-container,
        .home_body .purpose-ranking-header-container,
        .home_body .purpose-ranking-header-container .ranking-header-container,
        .home_body .padded-element-60dc6abe .ranking-header-container,
        .home_body .custom-style-9bd87d4b .ranking-header-container  {
            position: relative;
            width: 100%;
            height: 70vw;
            align-self: stretch;
        }

        .home_body .age-recommendation-header-subtitle  {
            font-size: 5vw;
            width: 100%;
            letter-spacing: 0px;
        }

        .home_body .age-recommendation-header-description  {
            top: 27.5vw;
        }

        .home_body .age-recommendation-header-description,
        .home_body .purpose-ranking-header-description  {
            font-size: 6vw;
        }

        .home_body .age-recommendation-header-description .small-text,
        .home_body .purpose-ranking-header-description .small-text  {
            font-size: 5vw !important;
        }

        .home_body .age-recommendation-header-container img,
        .home_body .purpose-ranking-header-container img,
        .home_body .purpose-ranking-header-container .ranking-header-container img  {
            height: 310px;
        }

        .home_body .purpose-ranking-header-description  {
            top: 26.5vw;
            margin-top: 0 !important;
        }

        .home_body p.purpose-ranking-header-subtitle  {
            top: 6.5vw;
        }

        .home_body .chart-bg-svg,
        .home_body .chart-cell img  {
            height: auto;
        }

        .home_body .purpose-ranking-filter-tags .purpose-ranking-button  {
            width: 44vw;
        }

        .home_body .purpose-ranking-filter-tags .purpose-ranking-button.selected  {
            width: 44vw;
        }

        .home_body .age-recommendation-filter-tags .age-button .text-wrapper-3 ,.age-recommendation-filter-tags .age-button .text-wrapper-2 {
            font-size: 14px;
        }


    }

    @media (max-width: 371px) {
        .home_body .app-compare-content-app-list .app-compare-content-app-list-item  {
            width: 48%;
        }

        .home_body .age-anker-list .age-anker-item  {
            width: auto;
        }

        .home_body .age-anker-list .age-anker-img  {
            width: 300px;
            height: auto;
        }

    }

    @media (max-width: 345px) {

        .home_body .appcard-outer .appcard-header  {
            align-items: center;
            flex-direction: column;
        }

        .home_body .purpose-ranking .purpose-ranking-header-container  {
            height: 236px;
        }

        .home_body .ranking-header .ranking-header-description  {
            font-size: 14px;

        }

        .home_body .ranking-header-title  {
            font-size: 18px;
            margin-top: -10px;
        }

        .home_body .purpose-ranking-title  {
            gap: 0px;
        }

        .home_body li .purpose-ranking-button .text-wrapper-3  {
            font-size: 15px;
        }

        .home_body .purpose-ranking-title-text  {
            font-size: 16px;
        }

        .home_body .app-compare-title-text .big-text  {
            font-size: 21px;
        }

        .home_body .about-matchapp-section-top-title  {
            justify-content: flex-start;
            align-items: center;
            gap: 10px;
            display: inline-flex;
            flex-direction: column;
        }



    }


    .home_body .age-recommendation-header-subtitle  {
        position: absolute;
        top: 10%;
        left: 50%;
        transform: translateX(-50%);
        margin: 0;
        z-index: 2;
    }




    .home_body .age-recommendation-header-image,
    .home_body .purpose-ranking-header-image  {
        display: none;
    }

    .home_body .age-recommendation-header-image-sp  {
        width: 100%;
        height: auto;
        left: 0px;
        top: 0px;
        position: absolute;
        z-index: -1;
    }


    .home_body .age-recommendation-header-decoration-arrow  {
        bottom: 3px;
    }

    .home_body .age-recommendation-filter-tags  {
        display: flex;
        padding: 16px 0px;
        align-items: flex-start;
        align-content: flex-start;
        gap: 8px;
        align-self: stretch;
        flex-wrap: wrap;
    }

    .home_body .age-button  {
        width: 108px;
        padding: 10px 16px;
    }

    .home_body .age-button.selected  {
        padding: 10px 16px;
    }

    .home_body .appcard-main  {
        display: flex;
        padding-bottom: 24px;
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
    }

    .home_body .appcard-header  {
        align-items: flex-start;
    }

    .home_body .appcard-header-content  {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        flex: 1 0 0;
    }

    .home_body .appcard-section-titlewrap,
    .home_body .appcard-row-titlewrap  {
        width: 90px;
        flex-shrink: 0;
    }

    .home_body .appcard-store-btn-wrap  {
        width: 100%;
        justify-content: center;
    }

    .home_body .appcard-store-btn  {
        width: 100%;
    }

    .home_body .appcard-section  {
        padding-right: 16px;
        gap: 16px;
    }

    .home_body .appcard-purpose-list  {
        display: flex;
        width: 145px;
        padding: 8px 0px;
        align-items: center;
        align-content: center;
        gap: 6px;
        flex-wrap: wrap;
    }

    .home_body .appcard-footer  {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 6px;
        width: 100%;
    }

    .home_body .appcard-row-text  {
        font-size: 14px;
    }

    .home_body .age-anker-list  {
        display: flex;
        align-items: flex-start;
        align-content: flex-start;
        gap: 24px;
        align-self: stretch;
        flex-wrap: wrap;
        justify-content: center;
    }

    .home_body .purpose-ranking-header-description  {
        margin-top: 18px;
    }


    .home_body .purpose-ranking-header-image-sp  {
        width: 100%;
        height: auto;
        left: 0px;
        top: 0px;
        position: absolute;
        z-index: -1;
    }

    .home_body .purpose-ranking-header-decoration-arrow  {
        bottom: 5px;
    }

    .home_body .purpose-ranking-filter-tags  {
        display: flex;
        align-items: flex-start;
        align-content: flex-start;
        gap: 8px;
        align-self: stretch;
        flex-wrap: wrap;
        justify-content: center;
    }

    .home_body .purpose-ranking-button  {
        width: 165px;
    }

    .home_body .purpose-ranking-button.selected  {
        width: 165px;
    }

    .home_body .purpose-ranking-title  {
        gap: 8px;
    }

    .home_body .score-calculation  {
        display: flex;
        padding: 24px;
        flex-direction: column;
        align-items: flex-end;
        gap: 24px;
        align-self: stretch;
    }

    .home_body .price-table-section .section-title  {
        width: 100%;
    }

    .home_body .price-table .section-title  {
        display: flex;
        padding-bottom: 24px;
        align-items: flex-start;
        gap: 8px;
        align-self: stretch;
        width: 100%;
        justify-content: flex-start;
    }

    .home_body .age-anker-item  {
        display: flex;
        width: 150px;
        flex-direction: column;
        align-items: center;
        gap: 8px;
    }

    .home_body .price-table-discriptions  {
        width: 100%;
    }

    .home_body .price-table-content  {
        max-width: 100%;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .home_body .price-table-container  {
        width: 100%;
    }

    .home_body .app-compare-section-title-image  {
        height: auto;
    }

    .home_body .app-compare-content-app-list  {
        justify-content: center;
    }

    .home_body .app-compare-content-app-list-item  {
        display: flex;
        width: 108px;
        height: 128px;
        padding: 16px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 8px;
        flex-shrink: 0;
    }

    .home_body .app-compare-content-app-list-item-name  {
        font-size: 14px;
    }

    .home_body .comparison-container  {
        width: 100%;
        display: flex;
        padding: 16px;
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;

    }

    .home_body .comparison-grid  {
        width: 100%;
        grid-template-columns: 1fr auto 1fr;
        min-width: 320px;
        max-width: 100vw;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .home_body .comparison-grid .app-card  {
        width: auto;
    }

    .home_body .app-card .app-header  {
        flex-direction: column;
    }

    .home_body .app-card .app-name  {
        font-size: 18px;
    }

    .home_body .app-card .app-data-cell-age  {
        display: flex;
        align-items: center;
        align-content: center;
        gap: 6px;
        flex: 1 0 0;
        flex-wrap: wrap;
    }

    .home_body .app-card .age-tags  {
        padding: 6px 0;
        justify-content: center;

    }

    .home_body .app-card .tag-active,
    .home_body .tag-inactive  {
        display: flex;
        width: 56px;
        padding: 4px 8px;
        justify-content: center;
        align-items: center;
        gap: 10px;
    }

    .home_body .app-card .tag-active-text,
    .home_body .tag-inactive-text  {
        font-size: 13px;
    }

    .home_body .app-card .category-label  {
        font-size: 15px;
    }

    .home_body .app-card .app-data-cell-price  {
        padding: 16px 0;
    }

    .home_body .app-card .price-text  {
        font-size: 15px;
    }

    .home_body .app-card .purpose-tags  {
        padding: 16px 0;
        justify-content: center;
    }

    .home_body .app-card .member-info  {
        padding: 16px 0;
        justify-content: center;
        flex-direction: column;
    }

    .home_body .app-card .price-row  {
        align-items: flex-start;
    }

    .home_body .app-card .app-button-wrap-button  {
        padding: 10px 16px;
    }

    .home_body .category-cell-age,
    .home_body .category-cell-price,
    .home_body .category-label,
    .home_body .category-cell-purpose,
    .home_body .category-cell-user  {
        width: auto;
    }

    .home_body .flex-container-56683dbe  {
        width: 100%;
        display: flex;
        padding: 16px;
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
    }

    .home_body .custom-style-9903e1af  {
        max-width: fit-content;
    }

    .home_body .user-interview-header  {
        max-width: 100%;
    }

    .home_body .user-interview-header-title  {
        font-size: 27px;
    }

    .home_body .about-matchapp-section  {
        width: 100%;
    }

    .home_body .about-matchapp-section-top  {
        display: flex;
        padding: 0px 16px;
        flex-direction: column;
        align-items: center;
        gap: 32px;
        align-self: stretch;
    }

    .home_body .about-matchapp-section-top-title img  {
        width: 226px;
        height: 38px;
        aspect-ratio: 113/19;
    }

    .home_body .about-matchapp-section-top-text  {
        font-size: 14px;
    }

    .home_body .about-matchapp-section-top-button-item  {
        display: flex;
        width: 160px;
        padding: 16px 24px;
        justify-content: center;
        align-items: center;
        gap: 10px;
    }

    .home_body .about-matchapp-section-director-content  {
        padding: 0 16px;
    }

    .home_body .about-matchapp-section-director-content-item  {
        padding: 24px 16px;
        width: 100%;
    }

    .home_body .custom-style-36536a50  {
        display: flex;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        gap: 16px;
        padding: 0;
        scroll-snap-type: x mandatory;
    }

    .home_body .custom-style-ce7ff18e  {
        scroll-snap-align: start;
        width: 155px;
    }

    .home_body .bg-element-93b52817  {
        width: 155px;
        height: 100px;
    }

    .home_body .bg-element-93b52817 iframe  {
        width: 100%;
        height: 100%;
        border-radius: 4px;
    }

    .home_body .about-matchapp-section-supervisor  {
        padding: 0 16px;
    }

    .home_body .padded-element-4c7f6f09  {
        padding-bottom: 30px;
    }

    .home_body .custom-style-4459b703  {
        flex-direction: column;
        gap: 16px;
    }

    .home_body .custom-style-5071a19d  {
        margin-bottom: 0;
    }

    .home_body .flex-container-f3d54892  {
        display: flex;
        width: 100%;
        padding-top: 32px;
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .home_body .padded-element-b3380ac6  {
        width: 100%;
    }

    .home_body .flex-container-1ee11d04  {
        flex-direction: column;
    }

    .home_body .custom-style-af3d5112,
    .home_body .custom-style-eb178320  {
        width: 100%;
        height: auto;
    }

    .home_body .custom-style-eb178320 img  {
        height: 184px;
        width: 100%;
        align-self: stretch;
    }

    .home_body .flex-container-2330c6f5  {
        display: flex;
        padding: 24px 0;
        flex-direction: column;
        align-items: flex-start;
        align-self: stretch;
    }

    .home_body .custom-style-5071a19d  {
        padding-bottom: 32px;
    }

    .home_body .flex-container-f3e50a9c  {
        display: flex;
        padding: 24px;
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
        align-self: stretch;
    }

    .home_body .padded-element-392b59de  {
        flex-direction: column;
    }

    .home_body .padded-element-f64509c4  {
        justify-content: left;
    }

    .home_body .flex-container-2330c6f5 .section-title  {
        justify-content: left;
    }

    .home_body .flex-container-56683dbf  {
        display: flex;
        padding: 16px;
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
        align-self: stretch;
        width: 100%;
    }

    .home_body .flex-container-e1b03fd7  {
        padding: 24px;
    }

    .home_body .flex-container-e1b03fd8  {
        padding: 24px;
    }

    .home_body .custom-style-70080d68  {
        flex-direction: column;
    }

    .home_body .flex-container-953fa1ad  {
        width: 100%;
    }

    .home_body .custom-style-9bd87d4b .ranking-header-image  {
        display: none;
    }

    .home_body .custom-style-9bd87d4b .ranking-header-container img  {
        height: 360px;
        width: 100%;
    }

    .home_body .custom-style-9bd87d4b .ranking-header-subtitle  {
        position: absolute;
        top: 20%;
        left: 50%;
        transform: translateX(-50%);
        margin: 0;
        z-index: 2;
        white-space: nowrap;
        text-align: center;
        width: 100%;
        font-size: 21px;
    }

    .home_body .custom-style-9bd87d4b .ranking-header-title  {
        position: absolute;
        top: 40%;
        left: 50%;
        transform: translate(-50%, -50%);
        margin: 0;
        z-index: 2;
        white-space: nowrap;
        text-align: center;
        width: 100%;
        font-size: 48px;
    }

    .home_body .custom-style-9bd87d4b .ranking-header .ranking-header-decoration-arrow  {
        bottom: 10px;
    }

    .home_body .purpose-ranking-header-image-sp  {
        width: 100%;
        height: auto;
        left: 0px;
        top: 0px;
        position: absolute;
        z-index: -1;
    }

    .home_body .flex-container-e266363a  {
        display: flex;
        padding: 16px;
        flex-direction: column;
        align-items: center;
        gap: 24px;
        align-self: stretch;
    }

    .home_body .flex-container-541ade7b  {
        padding: 24px;
    }

    .home_body .user-interview-content  {
        width: 100%;
    }

    .home_body #sogo-ranking .ranking-header-subtitle  {
        display: none;
    }

    .home_body .comparison-grid  {
        width: auto !important;
        margin: 0 auto;
    }

    .home_body .app-card .age-tags,
    .home_body .app-card .purpose-tags  {
        justify-content: left;
    }

}

.home_body .sp-br  {
    display: none;
}

@media (max-width: 599px) {



    .home_body .sp-br  {
        display: block;
    }

    .home_body .app-button-wrap-button-text  {
        font-size: 13px;
        ;
    }

    .app-data-cell-price,
    .home_body .category-cell-price  {
        height: 160px;
    }

    .home_body .age-button  {
        width: calc(35% - 16px);
    }

}

@media (max-width: 374px) {
    .home_body .comparison-container  {
        width: 100vw;
        padding: 0;
    }
}

.home_body .slider .splide__track  {
    transform: translateX(-24px) !important;
    width: 100%;
}

/* ホバーアニメーション */
.home_body .report .tab-button,
.home_body .vector-wrapper,
.home_body .img-wrapper,
.home_body a,
.home_body .age-button,
.home_body .purpose-ranking-button,
.home_body .app-compare-content-app-list-item,
.home_body .app-compare-content-compare-button  {
    transition: opacity 0.3s ease;
    cursor: pointer;
}

.home_body .report .tab-button:hover,
.home_body .vector-wrapper:hover,
.home_body .img-wrapper:hover,
.home_body a:hover,
.home_body .age-button:hover,
.home_body .purpose-ranking-button:hover,
.home_body .app-compare-content-app-list-item:hover,
.home_body .app-compare-content-compare-button:hover  {
    opacity: 0.6;
}

.home_body .report .app-card-content  {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.home_body .report .app-card-content.is-active  {
    opacity: 1;
    visibility: visible;
    position: relative;
}

/* 年齢別 */
.home_body .age-ranking-content  {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
}

.home_body .age-ranking-content.is-active  {
    opacity: 1;
    visibility: visible;
    position: relative;
    z-index: 1;
}

.home_body .app-card.is-hidden  {
    display: none;
}


.home_body .comparison-grid  {
    display: grid;
    grid-template-areas: "left center right";
    grid-template-columns: 1fr 80px 1fr;
    width: 645px;
    background-color: #fff;
}

.home_body .app-card.show-left  {
    display: block;
    grid-area: left;
}

.home_body .app-card.show-right  {
    display: block;
    grid-area: right;
}

.home_body .comparison-categories  {
    grid-area: center;
}

.home_body .price-text .note  {
    font-size: 10px;
    line-height: 1.3;
    display: block;
}

.home_body .app-compare-content-compare-button  {
    cursor: pointer;
}

.home_body .app-compare-content-compare-button-text  {
    width: 100%;
    text-align: center;
    display: block;
    cursor: pointer;
}

.home_body .app-compare-content-compare-button  {
    display: flex;
    width: 300px;
    padding: 16px 32px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 100px;
    cursor: pointer;
    transition: all 0.3s ease;
}

/* デフォルトスタイル（枠線のみ） */
.home_body .app-compare-content-compare-button.inactive  {
    border: 2px solid #ccc;
    background: none;
}

.home_body .app-compare-content-compare-button.inactive .app-compare-content-compare-button-text  {
    color: #909090;

}

/* アクティブスタイル（グラデーション） */
.home_body .app-compare-content-compare-button.active  {
    border: none;
    background: linear-gradient(110deg, #FF7272 22.25%, #5BD0F0 79.36%);
    color: #fff;
}

.home_body .padded-element-4d552766  {
    width: 100%;
}