/**
 * Sample Page CSS
 * レスポンシブ対応: 1366px（デスクトップ/タブレット）、402px（モバイル）
 */

/* ========================================
   リセット & ベース
   ======================================== */
   * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* HTML要素の中央寄せを確実にする */
html {
    width: 100%;
    display: block;
    overflow-x: hidden; /* 横スクロールを防止 */
}

body {
    max-width: 1366px;
    width: 100%;
    margin: 0 auto;
    font-family: "Noto Sans CJK JP", sans-serif;
    background-color: #ffffff;
    position: relative;
    padding-bottom: 224px;
    /* 中央寄せを確実にする */
    display: block;
    margin-left: auto;
    margin-right: auto;
    /* Safari特有のレンダリング改善 */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

/* ========================================
   ヘッダー
   ======================================== */
.site-header {
    position: relative;
    width: 100%;
    background-color: #ffffff;
}

.site-header__container {
    position: relative;
    width: 100%;
}

/* akiya-lab-logo.png */
.site-header__logo {
    position: absolute;
    top: 45.75px;
    left: 473px;
}

.site-header__logo-img {
    width: 420px;
    height: 64.69630432128906px;
    display: block;
    opacity: 1;
}

.site-header__logo a {
    display: block;
    text-decoration: none;
}

/* santo-logo.png */
.site-header__provider {
    position: absolute;
    top: 137px;
    left: 613px;
}

.site-header__santo-logo {
    width: 139.99990844726562px;
    height: 47.39442443847656px;
    display: block;
    opacity: 1;
}

/* ========================================
   ヘッダー - 中間幅（1280px以下）
   ======================================== */
@media (max-width: 1280px) {
    .site-header__logo,
    .site-header__provider {
        left: 50%;
        transform: translateX(-50%);
    }
}

/* ========================================
   Section 1: Hero (First View)
   ======================================== */
.top__section-01 {
    position: relative;
    width: 100%;
    max-width: 100%;
}

.top__hero-background {
    position: absolute;
    width: 1364px;
    max-width: 100%;
    height: 749px;
    top: 249px;
    left: 1px;
    display: block;
    opacity: 1;
    object-fit: cover;
}

.top__hero-overlay {
    position: absolute;
    width: 450px;
    height: 450px;
    top: 631px;
    left: 458px;
    background-image: url("../../images/section-01/overlay.png");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 1;
}

/* 「負動産」というワードが気になった方… - デフォルト（1366px）では非表示 */
.top__section-01-text,
.top__hero-text {
    display: none;
}

/* ========================================
   Section 2
   ======================================== */
.top__section-02 {
    position: relative;
    width: 100%;
    max-width: 100%;
}

.top__section-02-image-wrapper {
    position: relative;
    width: 100%;
}

.top__section-02-image {
    position: absolute;
    width: 1254px;
    max-width: 100%;
    height: 537px;
    top: 1193px;
    left: 56px;
    display: block;
    opacity: 1;
    border-radius: 50px;
    object-fit: cover;
}

.top__section-02-text {
    position: absolute;
    width: 795px;
    max-width: 100%;
    height: 70px;
    top: 1341px;
    left: 287px;
    background-color: rgba(245, 225, 73, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
    font-family: "Shippori Mincho B1 OTF", "Shippori Mincho B1", serif;
    font-weight: 400;
    font-style: normal;
    font-size: 40px;
    line-height: 100%;
    letter-spacing: 0;
    text-align: center;
}

.top__section-02-text-dark {
    color: #101010;
    font-family: "Shippori Mincho B1 OTF", "Shippori Mincho B1", serif;
    font-weight: 400;
    font-style: normal;
    font-size: 40px;
    line-height: 100%;
    letter-spacing: 0;
    text-align: center;
}

.top__section-02-text-white {
    color: #ffffff;
    font-family: "Shippori Mincho B1 OTF", "Shippori Mincho B1", serif;
    font-weight: 400;
    font-style: normal;
    font-size: 40px;
    line-height: 100%;
    letter-spacing: 0;
    text-align: center;
}

.top__section-02-overlay {
    position: absolute;
    width: 835px;
    max-width: 100%;
    height: 112px;
    top: 1313px;
    left: 265px;
    opacity: 1;
    display: block;
    z-index: 2;
}

.top__section-02-description {
    position: absolute;
    width: 558px;
    height: 160px;
    top: 1473px;
    left: 404px;
    color: #ffffff;
    font-family: "Noto Sans CJK JP", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 20px;
    line-height: 40px;
    letter-spacing: 0;
    text-align: center;
    opacity: 0;
}

@-webkit-keyframes section02-fade-in {
    from {
        opacity: 0;
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
    to {
    opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes section02-fade-in {
    from {
        opacity: 0;
        transform: translateY(8px);
    }
    to {
    opacity: 1;
        transform: translateY(0);
    }
}

.top__section-02-description.is-fade-in {
    -webkit-animation: section02-fade-in 0.8s ease forwards;
    animation: section02-fade-in 0.8s ease forwards;
}

/* ========================================
   Section 3
   ======================================== */
.top__section-03 {
    position: relative;
    width: 100%;
    max-width: 100%;
    background-color: #ffffff;
}

/* ========================================
   Section 8
   ======================================== */
.top__section-08 {
    position: relative;
    width: 100%;
    max-width: 100%;
}

.top__section-08-container {
    position: relative;
    width: 100%;
}

.top__section-08-title {
    position: absolute;
    width: 640px;
    height: 118px;
    top: 7107px;
    left: 363px;
    margin: 0;
    padding: 0;
    font-family: "Shippori Mincho B1 OTF", "Shippori Mincho B1", serif;
    font-weight: 400;
    font-style: normal;
    font-size: 40px;
    line-height: 100%;
    letter-spacing: 0;
    text-align: center;
    color: #187BB8;
    opacity: 1;
    transform: rotate(0deg);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
}

.top__section-08-title > span {
    text-align: center;
}

.top__section-08-title .top__section-08-title-line--sp {
    display: none;
}

.top__section-08-title .top__section-08-title-line--pc {
    display: block;
}

.top__section-08-subtitle {
    position: absolute;
    width: 575px;
    height: 36px;
    top: 7251px;
    left: 395px;
    margin: 0;
    padding: 0;
    font-family: "Noto Sans CJK JP", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: 0;
    text-align: center;
    color: #000000;
    opacity: 1;
    transform: rotate(0deg);
    display: block;
    white-space: nowrap;
}

.top__section-08-subtitle > span {
    display: inline;
}

.top__section-08-mark {
    position: absolute;
    border-right: 3px solid #D5D5D5;
    border-bottom: 3px solid #D5D5D5;
    opacity: 1;
    z-index: 3;
    pointer-events: none;
}

.top__section-08-mark-bg {
    position: absolute;
    width: 36px;
    height: 36px;
    opacity: 1;
    transform: rotate(0deg);
    z-index: 2;
    background: #ffffff;
    border-radius: 36px;
    pointer-events: none;
}

.top__section-08-mark.is-active {
    border-right-color: #000000;
    border-bottom-color: #000000;
}

.top__section-08-box--07.is-active ~ .top__section-08-mark--07,
.top__section-08-box--08.is-active ~ .top__section-08-mark--08,
.top__section-08-box--09.is-active ~ .top__section-08-mark--09 {
    border-right-color: #000000;
    border-bottom-color: #000000;
}

.top__section-08-box--10.is-active ~ .top__section-08-mark--10,
.top__section-08-box--11.is-active ~ .top__section-08-mark--11,
.top__section-08-box--12.is-active ~ .top__section-08-mark--12 {
    border-right-color: #000000;
    border-bottom-color: #000000;
}

.top__section-08-box--13.is-active ~ .top__section-08-mark--13,
.top__section-08-box--14.is-active ~ .top__section-08-mark--14,
.top__section-08-box--15.is-active ~ .top__section-08-mark--15 {
    border-right-color: #000000;
    border-bottom-color: #000000;
}

.top__section-08-box--16.is-active ~ .top__section-08-mark--16,
.top__section-08-box--17.is-active ~ .top__section-08-mark--17,
.top__section-08-box--18.is-active ~ .top__section-08-mark--18 {
    border-right-color: #000000;
    border-bottom-color: #000000;
}

.top__section-08-mark--01 {
    width: 14.5px;
    height: 29px;
    top: 7485px;
    left: 436.5px;
    transform: rotate(46deg);
}

.top__section-08-mark-bg--01 {
    top: 7487px;
    left: 421px;
}

.top__section-08-mark--02 {
    position: absolute;
    width: 14.5px;
    height: 29px;
    top: 7485px;
    left: 830.5px;
    opacity: 1;
    transform: rotate(46deg);
    z-index: 3;
}

.top__section-08-mark-bg--02 {
    position: absolute;
    width: 36px;
    height: 36px;
    top: 7487px;
    left: 814px;
    opacity: 1;
    transform: rotate(0deg);
    z-index: 2;
    background: #ffffff;
    border-radius: 36px;
    pointer-events: none;
}

.top__section-08-mark--03 {
    position: absolute;
    width: 14.5px;
    height: 29px;
    top: 7485px;
    left: 1220.5px;
    opacity: 1;
    transform: rotate(46deg);
    z-index: 3;
}

.top__section-08-mark-bg--03 {
    position: absolute;
    width: 36px;
    height: 36px;
    top: 7487px;
    left: 1204px;
    opacity: 1;
    transform: rotate(0deg);
    z-index: 2;
    background: #ffffff;
    border-radius: 36px;
}

.top__section-08-mark--07 {
    width: 14.5px;
    height: 29px;
    top: 8157px;
    left: 436.5px;
    transform: rotate(46deg);
}

.top__section-08-mark-bg--07 {
    top: 8159px;
    left: 421px;
}

.top__section-08-mark--08 {
    width: 14.5px;
    height: 29px;
    top: 8157px;
    left: 830.5px;
    transform: rotate(46deg);
}

.top__section-08-mark-bg--08 {
    top: 8159px;
    left: 814px;
}

.top__section-08-mark--09 {
    width: 14.5px;
    height: 29px;
    top: 8157px;
    left: 1220.5px;
    transform: rotate(46deg);
}

.top__section-08-mark-bg--09 {
    top: 8159px;
    left: 1204px;
}

.top__section-08-mark--10 {
    width: 14.5px;
    height: 29px;
    top: 8413px;
    left: 436.5px;
    transform: rotate(46deg);
}

.top__section-08-mark-bg--10 {
    top: 8415px;
    left: 421px;
}

.top__section-08-mark--11 {
    width: 14.5px;
    height: 29px;
    top: 8413px;
    left: 830.5px;
    transform: rotate(46deg);
}

.top__section-08-mark-bg--11 {
    top: 8415px;
    left: 814px;
}

.top__section-08-mark--12 {
    width: 14.5px;
    height: 29px;
    top: 8413px;
    left: 1220.5px;
    transform: rotate(46deg);
}

.top__section-08-mark-bg--12 {
    top: 8415px;
    left: 1204px;
}

.top__section-08-mark--13 {
    width: 14.5px;
    height: 29px;
    top: 8843px;
    left: 436.5px;
    transform: rotate(46deg);
}

.top__section-08-mark-bg--13 {
    top: 8845px;
    left: 421px;
}

.top__section-08-mark--14 {
    width: 14.5px;
    height: 29px;
    top: 8843px;
    left: 830.5px;
    transform: rotate(46deg);
}

.top__section-08-mark-bg--14 {
    top: 8845px;
    left: 814px;
}

.top__section-08-mark--15 {
    width: 14.5px;
    height: 29px;
    top: 8843px;
    left: 1220.5px;
    transform: rotate(46deg);
}

.top__section-08-mark-bg--15 {
    top: 8845px;
    left: 1204px;
}

.top__section-08-mark--16 {
    width: 14.5px;
    height: 29px;
    top: 9095px;
    left: 436.5px;
    transform: rotate(46deg);
}

.top__section-08-mark-bg--16 {
    top: 9097px;
    left: 421px;
}

.top__section-08-mark--17 {
    width: 14.5px;
    height: 29px;
    top: 9095px;
    left: 830.5px;
    transform: rotate(46deg);
}

.top__section-08-mark-bg--17 {
    top: 9097px;
    left: 814px;
}

.top__section-08-mark--18 {
    width: 14.5px;
    height: 29px;
    top: 9095px;
    left: 1220.5px;
    transform: rotate(46deg);
}

.top__section-08-mark-bg--18 {
    top: 9097px;
    left: 1204px;
}



.top__section-08-mark--04 {
    position: absolute;
    width: 14.5px;
    height: 29px;
    top: 7740px;
    left: 436.5px;
    opacity: 1;
    transform: rotate(46deg);
    z-index: 3;
    pointer-events: none;
}

.top__section-08-mark-bg--04 {
    position: absolute;
    width: 36px;
    height: 36px;
    top: 7740px;
    left: 421px;
    opacity: 1;
    transform: rotate(0deg);
    z-index: 2;
    background: #ffffff;
    border-radius: 36px;
    pointer-events: none;
}


.top__section-08-mark--05 {
    position: absolute;
    width: 14.5px;
    height: 29px;
    top: 7740px;
    left: 830.5px;
    opacity: 1;
    transform: rotate(46deg);
    z-index: 3;
}

.top__section-08-mark-bg--05 {
    position: absolute;
    width: 36px;
    height: 36px;
    top: 7740px;
    left: 814px;
    opacity: 1;
    transform: rotate(0deg);
    z-index: 2;
    background: #ffffff;
    border-radius: 36px;
    pointer-events: none;
}

.top__section-08-mark--06 {
    position: absolute;
    width: 14.5px;
    height: 29px;
    top: 7740px;
    left: 1220.5px;
    opacity: 1;
    transform: rotate(46deg);
    z-index: 3;
}

.top__section-08-mark-bg--06 {
    position: absolute;
    width: 36px;
    height: 36px;
    top: 7740px;
    left: 1204px;
    opacity: 1;
    transform: rotate(0deg);
    z-index: 2;
    background: #ffffff;
    border-radius: 36px;
}

.top__section-08-check {
    position: absolute;
    height: 60px;
    margin: 0;
    padding: 0;
    font-family: "Noto Sans CJK JP", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 40px;
    line-height: 100%;
    letter-spacing: 0;
    text-align: center;
    color: #3AA1E2;
    opacity: 1;
    transform: rotate(0deg);
}

.top__section-08-check--status {
    width: 320px;
    top: 7385px;
    left: 523px;
}

.top__section-08-check--value {
    width: 440px;
    top: 8055px;
    left: 463px;
}

.top__section-08-check--rights {
    width: 360px;
    top: 8740px;
    left: 503px;
}

/* カード背景（off: #EFF8FD / on: #C7EBFF） */
.top__section-08-box {
    position: absolute;
    width: 360px;
    height: 211px;
    background-color: #EFF8FD;
    border-radius: 15px;
    opacity: 1;
    transform: rotate(0deg);
    z-index: 0;
    cursor: pointer;
    outline: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}

.top__section-08-box.is-active {
    background-color: #C7EBFF;
}

/* 1枚目のカード */
.top__section-08-box--01 {
    top: 7479px;
    left: 111px;
}

/* 2枚目のカード */
.top__section-08-box--02 {
    top: 7479px;
    left: 503px;
}

.top__section-08-box--03 {
    top: 7479px;
    left: 895px;
}

/* 2行目 - 4枚目のカード */
.top__section-08-box--04 {
    top: 7732px;
    left: 111px;
}

/* 2行目 - 5枚目のカード */
.top__section-08-box--05 {
    top: 7732px;
    left: 503px;
}

/* 2行目 - 6枚目のカード */
.top__section-08-box--06 {
    top: 7732px;
    left: 895px;
}

/* 3行目 - 7枚目のカード */
.top__section-08-box--07 {
    top: 8149px;
    left: 111px;
}

/* 3行目 - 8枚目のカード */
.top__section-08-box--08 {
    top: 8149px;
    left: 503px;
}

/* 3行目 - 9枚目のカード */
.top__section-08-box--09 {
    top: 8149px;
    left: 895px;
}

/* 4行目 - 10枚目のカード */
.top__section-08-box--10 {
    top: 8402px;
    left: 111px;
}

/* 4行目 - 11枚目のカード */
.top__section-08-box--11 {
    top: 8402px;
    left: 503px;
}

/* 4行目 - 12枚目のカード */
.top__section-08-box--12 {
    top: 8402px;
    left: 895px;
}

/* 5行目 - 13枚目のカード */
.top__section-08-box--13 {
    top: 8834px;
    left: 111px;
}

/* 5行目 - 14枚目のカード */
.top__section-08-box--14 {
    top: 8834px;
    left: 503px;
}

/* 5行目 - 15枚目のカード */
.top__section-08-box--15 {
    top: 8834px;
    left: 895px;
}

/* 6行目 - 16枚目のカード */
.top__section-08-box--16 {
    top: 9087px;
    left: 111px;
}

/* 6行目 - 17枚目のカード */
.top__section-08-box--17 {
    top: 9087px;
    left: 503px;
}

/* 6行目 - 18枚目のカード */
.top__section-08-box--18 {
    top: 9087px;
    left: 895px;
}

/* カードテキスト */
.top__section-08-card-text {
    position: absolute;
    margin: 0;
    padding: 0;
    font-family: "Noto Sans CJK JP", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    line-height: 35px;
    letter-spacing: 0;
    text-align: center;
    color: #088FFB;
    opacity: 1;
    transform: rotate(0deg);
    z-index: 1;
    cursor: pointer;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}

.top__section-08-card-text--01 > span,
.top__section-08-card-text--02 > span,
.top__section-08-card-text--03 > span,
.top__section-08-card-text--04 > span,
.top__section-08-card-text--05 > span,
.top__section-08-card-text--06 > span,
.top__section-08-card-text--07 > span,
.top__section-08-card-text--08 > span,
.top__section-08-card-text--09 > span,
.top__section-08-card-text--10 > span,
.top__section-08-card-text--11 > span,
.top__section-08-card-text--12 > span,
.top__section-08-card-text--13 > span,
.top__section-08-card-text--14 > span,
.top__section-08-card-text--15 > span,
.top__section-08-card-text--16 > span,
.top__section-08-card-text--17 > span {
    display: block;
}

/* 1枚目のカードテキスト */
.top__section-08-card-text--01 {
    width: 287px;
    height: 105px;
    top: 7532px;
    left: 148px;
}

/* 2枚目のカードテキスト */
.top__section-08-card-text--02 {
    width: 343px;
    height: 105px;
    top: 7532px;
    left: 518px;
}

/* 3枚目のカードテキスト */
.top__section-08-card-text--03 {
    width: 343px;
    height: 70px;
    top: 7550px;
    left: 904px;
}

/* 4枚目のカードテキスト */
.top__section-08-card-text--04 {
    width: 287px;
    height: 70px;
    top: 7813px;
    left: 144px;
}

/* 5枚目のカードテキスト */
.top__section-08-card-text--05 {
    width: 287px;
    height: 105px;
    top: 7783px;
    left: 539px;
}

/* 6枚目のカードテキスト */
.top__section-08-card-text--06 {
    width: 318px;
    height: 105px;
    top: 7783px;
    left: 916px;
}

/* 7枚目のカードテキスト */
.top__section-08-card-text--07 {
    width: 287px;
    height: 105px;
    top: 8205px;
    left: 148px;
}

/* 8枚目のカードテキスト */
.top__section-08-card-text--08 {
    width: 343px;
    height: 70px;
    top: 8220px;
    left: 518px;
}

/* 9枚目のカードテキスト */
.top__section-08-card-text--09 {
    width: 343px;
    height: 105px;
    top: 8205px;
    left: 904px;
}

/* 10枚目のカードテキスト */
.top__section-08-card-text--10 {
    width: 287px;
    height: 105px;
    top: 8468px;
    left: 144px;
}

/* 11枚目のカードテキスト */
.top__section-08-card-text--11 {
    width: 287px;
    height: 105px;
    top: 8468px;
    left: 539px;
}

/* 12枚目のカードテキスト */
.top__section-08-card-text--12 {
    width: 318px;
    height: 105px;
    top: 8468px;
    left: 916px;
}

/* 13枚目のカードテキスト */
.top__section-08-card-text--13 {
    width: 287px;
    height: 105px;
    top: 8880px;
    left: 148px;
}

/* 14枚目のカードテキスト */
.top__section-08-card-text--14 {
    width: 343px;
    height: 105px;
    top: 8880px;
    left: 518px;
}

/* 15枚目のカードテキスト */
.top__section-08-card-text--15 {
    width: 343px;
    height: 105px;
    top: 8905px;
    left: 904px;
}

/* 16枚目のカードテキスト */
.top__section-08-card-text--16 {
    width: 287px;
    height: 105px;
    top: 9143px;
    left: 144px;
}

/* 17枚目のカードテキスト */
.top__section-08-card-text--17 {
    width: 287px;
    height: 105px;
    top: 9143px;
    left: 539px;
}

/* 18枚目のカードテキスト */
.top__section-08-card-text--18 {
    width: 318px;
    height: 105px;
    top: 9143px;
    left: 916px;
}

.top__section-08-result-title {
    position: absolute;
    width: 160px;
    height: 60px;
    top: 9374px;
    left: 455px;
    margin: 0;
    padding: 0;
    font-family: "Noto Sans CJK JP", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 40px;
    line-height: 100%;
    letter-spacing: 0;
    text-align: center;
    color: #3AA1E2;
    opacity: 1;
    transform: rotate(0deg);
}

.top__section-08-result-question {
    position: absolute;
    width: 336px;
    height: 29px;
    top: 9452px;
    left: 447px;
    margin: 0;
    padding: 0;
    font-family: "Noto Sans CJK JP", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: 0;
    text-align: center;
    color: #000000;
    opacity: 1;
    transform: rotate(0deg);
}

.top__section-08-result-number {
    position: absolute;
    width: 142px;
    height: 180px;
    top: 9339px;
    left: 799px;
    margin: 0;
    padding: 0;
    font-family: "Noto Sans CJK JP", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 120px;
    line-height: 100%;
    letter-spacing: 0;
    text-align: center;
    vertical-align: bottom;
    color: #3AA1E2;
    opacity: 1;
    transform: rotate(0deg);
}

.top__section-08-result-unit {
    position: absolute;
    width: 30px;
    height: 45px;
    top: 9436px;
    left: 950px;
    margin: 0;
    padding: 0;
    font-family: "Noto Sans CJK JP", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 30px;
    line-height: 100%;
    letter-spacing: 0;
    text-align: center;
    color: #000000;
    opacity: 1;
    transform: rotate(0deg);
}

.top__section-08-result-category-title {
    position: absolute;
    height: 45px;
    margin: 0;
    padding: 0;
    font-family: "Noto Sans CJK JP", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 30px;
    line-height: 100%;
    letter-spacing: 0;
    text-align: center;
    white-space: nowrap;
    color: #000000;
    opacity: 1;
    transform: rotate(0deg);
}

.top__section-08-result-category-title--safe {
    width: 175px;
    top: 9548px;
    left: 183px;
}

.top__section-08-result-category-title--danger {
    width: 235px;
    top: 9548px;
    left: 973px;
}

.top__section-08-result-category-title--caution {
    width: 223px;
    top: 9548px;
    left: 571px;
}

.top__section-08-result-category-status--caution {
    position: absolute;
    width: 120px;
    height: 90px;
    top: 9608px;
    left: 623px;
    margin: 0;
    padding: 0;
    font-family: "Noto Sans CJK JP", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 60px;
    line-height: 100%;
    letter-spacing: 0;
    text-align: center;
    color: #E26A3A;
    opacity: 1;
    transform: rotate(0deg);
}

.top__section-08-result-category-status--safe {
    position: absolute;
    width: 120px;
    height: 90px;
    top: 9608px;
    left: 210px;
    margin: 0;
    padding: 0;
    font-family: "Noto Sans CJK JP", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 60px;
    line-height: 100%;
    letter-spacing: 0;
    text-align: center;
    color: #3AA1E2;
    opacity: 1;
    transform: rotate(0deg);
}

.top__section-08-result-category-status--danger {
    position: absolute;
    width: 120px;
    height: 90px;
    top: 9608px;
    left: 1030px;
    margin: 0;
    padding: 0;
    font-family: "Noto Sans CJK JP", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 60px;
    line-height: 100%;
    letter-spacing: 0;
    text-align: center;
    color: #E62727;
    opacity: 1;
    transform: rotate(0deg);
}

/* contact.pngを囲む<a>タグのスタイル */
.top__section-08-contact-link {
    position: absolute;
    width: 947.5px;
    height: 128.00018310546875px;
    top: 9957px;
    left: 226px;
    z-index: 10;
    pointer-events: auto;
    display: block;
}

.top__section-08-contact {
    position: absolute;
    width: 947.5px;
    height: 128.00018310546875px;
    top: 0;
    left: 0;
    opacity: 1;
    transform: rotate(0deg);
    z-index: 1;
    pointer-events: auto;
}



/* ========================================
   Section 11
   ======================================== */
.top__section-11 {
    position: relative;
    width: 100%;
    max-width: 100%;
    padding-top: 120px;
    padding-bottom: 120px;
}

.top__section-11-container {
    position: relative;
    width: 100%;
}

.top__section-11-image-01 {
    position: absolute;
    width: 160px;
    height: 31.30731201171875px;
    top: 0;
    left: 520px;
    opacity: 1;
    transform: rotate(0deg);
}

.top__section-11-name {
    position: absolute;
    width: 147px;
    height: 30px;
    top: 5px;
    left: 699.67px;
    margin: 0;
    padding: 0;
    font-family: "Hiragino Kaku Gothic ProN", sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0;
    text-align: center;
    color: #000000;
    opacity: 1;
    transform: rotate(0deg);
}

.top__section-11-address {
    position: absolute;
    width: 312px;
    height: 60px;
    top: 65px;
    left: 528px;
    margin: 0;
    padding: 0;
    font-family: "Hiragino Kaku Gothic ProN", sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
    text-align: left;
    color: #000000;
    opacity: 1;
    transform: rotate(0deg);
}

.top__section-11-privacy {
    position: absolute;
    width: auto;
    height: 18px;
    top: 192px;
    left: 411px;
    margin: 0;
    padding: 0;
    font-family: "Hiragino Kaku Gothic ProN", sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0;
    text-align: left;
    white-space: nowrap;
    color: #000000;
    opacity: 1;
    transform: rotate(0deg);
}

.top__section-11-divider {
    position: absolute;
    width: 14px;
    height: 0;
    top: 198.5px;
    left: 565px;
    border-top: 1px solid #707070;
    opacity: 1;
    transform: rotate(-90deg);
}

.top__section-11-site-policy {
    position: absolute;
    width: 84px;
    height: 18px;
    top: 192px;
    left: 589px;
    margin: 0;
    padding: 0;
    font-family: "Hiragino Kaku Gothic ProN", sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0;
    text-align: left;
    color: #000000;
    opacity: 1;
    transform: rotate(0deg);
}

.top__section-11-divider--right {
    position: absolute;
    width: 14px;
    height: 0;
    top: 198.5px;
    left: 703px;
    border-top: 1px solid #707070;
    opacity: 1;
    transform: rotate(-90deg);
}

.top__section-11-copyright {
    position: absolute;
    width: 217px;
    height: 15px;
    top: 192px;
    left: 741px;
    margin: 0;
    padding: 0;
    font-family: "Helvetica", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0;
    text-align: left;
    color: #000000;
    opacity: 1;
    transform: rotate(0deg);
}

/* ========================================
   Section 11 - 中間幅（1280px以下）
   ======================================== */
@media (max-width: 1280px) {
    .top__section-11 {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .top__section-11-container {
        max-width: 100%;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 6px;
    }

    .top__section-11-image-01,
    .top__section-11-name,
    .top__section-11-address,
    .top__section-11-privacy,
    .top__section-11-site-policy,
    .top__section-11-copyright {
        position: static;
        width: auto;
        height: auto;
        margin: 0;
        text-align: center;
        transform: none;
    }

    .top__section-11-address {
        line-height: 20px;
    }

    .top__section-11-divider,
    .top__section-11-divider--right {
        display: none;
    }
}

/* ========================================
   Section 11 - タブレット（1024px以下）
   ======================================== */
@media (max-width: 1024px) {
    .top__section-11 {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .top__section-11-container {
        max-width: 100%;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 6px;
    }

    .top__section-11-image-01,
    .top__section-11-name,
    .top__section-11-address,
    .top__section-11-privacy,
    .top__section-11-site-policy,
    .top__section-11-copyright {
        position: static;
        width: auto;
        height: auto;
        margin: 0;
        text-align: center;
        transform: none;
    }

    .top__section-11-address {
        line-height: 20px;
    }

    .top__section-11-divider,
    .top__section-11-divider--right {
        display: none;
    }
}

.top__section-08-result-description {
    position: absolute;
    width: 367px;
    height: 140px;
    top: 9725px;
    left: 907px;
    margin: 0;
    padding: 0;
    font-family: "Noto Sans CJK JP", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    line-height: 35px;
    letter-spacing: 0;
    text-align: center;
    color: #000000;
    opacity: 1;
    transform: rotate(0deg);
}

.top__section-08-result-description--safe {
    width: 311px;
    height: 105px;
    top: 9740px;
    left: 115px;
}

.top__section-08-result-description--caution {
    width: 336px;
    height: 105px;
    top: 9740px;
    left: 515px;
}

.top__section-03-image-wrapper {
    position: relative;
    width: 100%;
}

.top__section-03-shinpai-ojisan {
    position: absolute;
    width: 189px;
    height: 232px;
    top: 2176px;
    left: 521px;
    display: block;
    opacity: 1;
}

.top__section-03-pose-atama-kakaeru-woman {
    position: absolute;
    width: 208px;
    height: 208px;
    top: 2128px;
    left: 684px;
    display: block;
    opacity: 1;
}

.top__section-03-left-lower {
    position: absolute;
    width: 235.3734893798828px;
    height: 232.3028564453125px;
    top: 2148.58px;
    left: 257.75px;
    display: block;
    opacity: 1;
}

.top__section-03-left-upper {
    position: absolute;
    width: 258.4468688964844px;
    height: 221.9641571044922px;
    top: 1875.72px;
    left: 244.32px;
    display: block;
    opacity: 1;
}

.top__section-03-top {
    position: absolute;
    width: 246.9471893310547px;
    height: 256.18438720703125px;
    top: 1801px;
    left: 541.52px;
    display: block;
    opacity: 1;
}

.top__section-03-right-upper {
    position: absolute;
    width: 232.7464599609375px;
    height: 226.51242065429688px;
    top: 1858.93px;
    left: 878.19px;
    display: block;
    opacity: 1;
}

.top__section-03-right-lower {
    position: absolute;
    width: 277.0174560546875px;
    height: 221.11187744140625px;
    top: 2128.43px;
    left: 891.62px;
    display: block;
    opacity: 1;
}

.js-enabled .top__section-03-image {
    opacity: 0;
}

.top__section-03-image.is-animate {
    -webkit-animation-name: section03-fade-in;
    animation-name: section03-fade-in;
    -webkit-animation-duration: 0.9s;
    animation-duration: 0.9s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@-webkit-keyframes section03-fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes section03-fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.top__section-03-image-2 {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

.top__section-03-image-3 {
    animation-delay: 0.5s;
}

.top__section-03-image-4 {
    animation-delay: 0.9s;
}

.top__section-03-image-5 {
    animation-delay: 0.7s;
}

.top__section-03-image-6 {
    animation-delay: 0.3s;
}

@media (prefers-reduced-motion: reduce) {
    .top__section-03-image.is-animate {
        animation: none;
        opacity: 1;
    }
}

.top__section-03-columns {
    position: relative;
    width: 100%;
}

.top__section-03-column {
    position: relative;
}

.top__section-03-heading {
    position: absolute;
    width: 480px;
    height: 213px;
    top: 2545px;
    left: 272px;
    margin: 0;
    padding: 0;
    font-family: "Shippori Mincho B1 OTF", "Shippori Mincho B1", serif;
    font-weight: 400;
    font-style: normal;
    font-size: 48px;
    line-height: 1.5;
    letter-spacing: 0;
    color: #101010;
    opacity: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
}

.top__section-03-pose-happy-businesswoman-banzai {
    position: absolute;
    width: 311px;
    height: 311px;
    top: 2486px;
    left: 793px;
    display: block;
    opacity: 1;
}

/* ========================================
   Steps Section (01-04)
   ======================================== */
.top__steps-section {
    position: relative;
    width: 100%;
    max-width: 100%;
    background-color: #ffffff;
}

.top__steps-container {
    position: relative;
    width: 100%;
}

.top__steps-image-wrapper {
    position: relative;
    width: 100%;
}

.top__steps-image {
    position: absolute;
    display: block;
    opacity: 1;
    object-fit: cover;
}

.top__steps-image--01 {
    width: 317px;
    height: 317px;
    top: 2846px;
    left: 161px;
    border-radius: 197px;
}

.top__steps-image--02 {
    width: 317px;
    height: 317px;
    top: 3244px;
    left: 860px;
    border-radius: 197px;
}

.top__steps-image--03 {
    width: 317px;
    height: 317px;
    top: 3642px;
    left: 161px;
    border-radius: 197px;
}

.top__steps-image--04 {
    width: 317px;
    height: 317px;
    top: 4040px;
    left: 860px;
    border-radius: 250px;
}

.top__steps-content {
    position: relative;
    width: 100%;
}

.top__steps-title {
    position: absolute;
    margin: 0;
    padding: 0;
    font-family: "Zen Maru Gothic", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 32px;
    line-height: 100%;
    letter-spacing: 0;
    color: #187BB8;
    opacity: 1;
}

.top__steps-title--01 {
    width: 320px;
    height: 46px;
    top: 2906px;
    left: 541px;
}

@-webkit-keyframes steps-description-fade-in {
    from {
        opacity: 0;
        -webkit-transform: translateY(16px);
        transform: translateY(16px);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes steps-description-fade-in {
    from {
        opacity: 0;
        transform: translateY(16px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.top__steps-description {
    position: absolute;
    margin: 0;
    padding: 0;
    font-family: "Noto Sans CJK JP", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 36px;
    letter-spacing: 0;
    color: #101010;
    opacity: 1;
}

.js-enabled .top__steps-description {
    opacity: 0;
    -webkit-transform: translateY(16px);
    transform: translateY(16px);
}

.top__steps-description.is-fade-in {
    -webkit-animation: steps-description-fade-in 0.6s ease forwards;
    animation: steps-description-fade-in 0.6s ease forwards;
}

.top__steps-description--01 {
    width: 573px;
    height: 172px;
    top: 2971px;
    left: 542px;
}

.top__steps-number {
    position: absolute;
    margin: 0;
    padding: 0;
    font-family: "Jost", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 256px;
    line-height: 100%;
    letter-spacing: 0;
    color: #7ECEF4;
    opacity: 1;
    pointer-events: none;
}

.top__steps-number--01 {
    width: 282px;
    height: 370px;
    top: 2811px;
    left: 924px;
}

.top__steps-title--02 {
    width: 288px;
    height: 46px;
    top: 3312px;
    left: 238px;
}

.top__steps-description--02 {
    width: 573px;
    height: 172px;
    top: 3377px;
    left: 239px;
}

.top__steps-number--02 {
    width: 315px;
    height: 370px;
    top: 3217px;
    left: 161px;
}

.top__steps-title--03 {
    width: 544px;
    height: 46px;
    top: 3702px;
    left: 541px;
}

.top__steps-description--03 {
    width: 573px;
    height: 172px;
    top: 3767px;
    left: 542px;
}

.top__steps-number--03 {
    width: 308px;
    height: 370px;
    top: 3641px;
    left: 924px;
}

.top__steps-title--04 {
    width: 480px;
    height: 46px;
    top: 4108px;
    left: 238px;
}

.top__steps-description--04 {
    width: 573px;
    height: 172px;
    top: 4173px;
    left: 239px;
}

.top__steps-number--04 {
    width: 321px;
    height: 370px;
    top: 4047px;
    left: 161px;
}

/* ========================================
   Section 5
   ======================================== */
.top__section-05 {
    position: relative;
    width: 100%;
    max-width: 100%;
    background-color: #ffffff;
}

.top__section-05-title {
    position: absolute;
    width: 100%;
    height: 124px;
    top: 4441px;
    left: 0;
    margin: 0;
    padding: 0 24px;
    font-family: "Shippori Mincho B1 OTF", "Shippori Mincho B1", serif;
    font-weight: 400;
    font-style: normal;
    font-size: 40px;
    line-height: 1.5;
    letter-spacing: 0;
    text-align: center;
    color: #101010;
    opacity: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
}

.top__section-05-title > span {
    text-align: center;
}

.top__section-05-title-line2 {
    display: inline-block;
    white-space: nowrap;
}

.top__section-05-title-line2--sp,
.top__section-05-title-line3--sp {
    display: none;
}

.top__section-05-title-highlight {
    font-family: "Shippori Mincho B1 OTF", "Shippori Mincho B1", serif;
    font-weight: 400;
    font-style: normal;
    font-size: 40px;
    line-height: 100%;
    letter-spacing: 0;
    text-align: center;
    text-decoration: underline;
    text-decoration-style: solid;
    text-decoration-thickness: 2px;
    color: #187BB8;
}

.top__section-05-row {
    position: relative;
    width: 100%;
}

.top__section-05-media {
    position: relative;
    width: 100%;
}

.top__section-05-image {
    position: absolute;
    display: block;
    opacity: 1;
}

.top__section-05-image--01 {
    width: 196.94544982910156px;
    height: 192.16058349609375px;
    top: 4690px;
    left: 186px;
}

.top__section-05-text {
    position: relative;
    width: 100%;
}

.top__section-05-item-title {
    position: absolute;
    margin: 0;
    padding: 0;
    font-family: "Zen Maru Gothic", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 32px;
    line-height: 1.5;
    letter-spacing: 0;
    color: #187BB8;
    opacity: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
}

.top__section-05-item-title--01 {
    width: 448px;
    height: 92px;
    top: 4644px;
    left: 428px;
    font-family: "Zen Maru Gothic", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 32px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #187BB8;
    opacity: 1;
}

.top__section-05-item-title--02 {
    width: 416px;
    height: 92px;
    top: 4972px;
    left: 528px;
    font-family: "Zen Maru Gothic", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 32px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #187BB8;
    opacity: 1;
    transform: rotate(0deg);
}

.top__section-05-item-body {
    position: absolute;
    margin: 0;
    padding: 0;
    font-family: "Noto Sans CJK JP", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 36px;
    letter-spacing: 0;
    color: #101010;
    opacity: 0;
}

@-webkit-keyframes section05-fade-in {
    from {
        opacity: 0;
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
    to {
    opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes section05-fade-in {
    from {
        opacity: 0;
        transform: translateY(8px);
    }
    to {
    opacity: 1;
        transform: translateY(0);
    }
}

.top__section-05-item-body.is-fade-in {
    -webkit-animation: section05-fade-in 0.6s ease forwards;
    animation: section05-fade-in 0.6s ease forwards;
}

.top__section-05-item-body--01 {
    width: 775px;
    max-width: 100%;
    height: 215px;
    top: 4770px;
    left: 423px;
}

.top__section-05-image--02 {
    width: 159.454345703125px;
    height: 182.32540893554688px;
    top: 5018px;
    left: 1039px;
}


.top__section-05-item-body--02 {
    width: 754px;
    max-width: 100%;
    height: 172px;
    top: 5086px;
    left: 214px;
}

/* ========================================
   Section 6
   ======================================== */
.top__section-06 {
    position: relative;
    width: 100%;
    max-width: 100%;
    background-color: #ffffff;
}

.top__section-06-container {
    position: relative;
    width: 100%;
}

.top__section-06-bg {
    position: absolute;
    width: 1645.8770751953125px;
    height: 931px;
    top: 5353px;
    left: -127px;
    display: block;
    object-fit: cover;
}

.top__section-06-number,
.top__section-06-step {
    display: none;
}

.top__section-06-bg-overlay-01 {
    position: absolute;
    width: 1159px;
    max-width: 100%;
    height: 786px;
    top: 5420px;
    left: 100px;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 140px;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

.top__section-06-icon {
    position: absolute;
    width: 616px;
    height: 92.6708984375px;
    top: 5465px;
    left: 374px;
    margin: 0;
    padding: 0;
    background-image: url("../../images/section-06/overlay-02.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 1;
    transform: rotate(0deg);
    z-index: 2;
}

.top__section-06-bg-overlay-01-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding-top: 45px;
    pointer-events: none;
}

.top__section-06-text {
    position: absolute;
    width: 877px;
    max-width: 100%;
    height: 118px;
    top: 5597px;
    left: 244px;
    text-align: center;
    opacity: 1;
    z-index: 2;
}

.top__section-06-text-content {
    margin: 0;
    padding: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 12px;
    text-align: center;
}

.top__section-06-text-line-group {
    display: flex;
    flex-direction: row;
    justify-content: center;
    white-space: nowrap;
}

.top__section-06-text-line1,
.top__section-06-text-line2,
.top__section-06-text-line3,
.top__section-06-text-line4 {
    margin: 0;
    padding: 0;
    font-family: "Shippori Mincho B1 OTF", "Shippori Mincho B1", serif;
    font-weight: 400;
    font-style: normal;
    font-size: 40px;
    line-height: 100%;
    letter-spacing: 0;
    text-align: center;
    color: #000000;
}

.top__section-06-text-line1,
.top__section-06-text-line2 {
    display: inline;
}

.top__section-06-text-line3,
.top__section-06-text-line4 {
    display: inline;
}

.top__section-06-info {
    position: absolute;
    width: 240px;
    height: 80px;
    top: 5813px;
    left: 293px;
    text-align: center;
    opacity: 1;
    z-index: 2;
}

.top__section-06-info-line1,
.top__section-06-info-line2 {
    margin: 0;
    padding: 0;
    font-family: "Noto Sans CJK JP", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 30px;
    line-height: 40px;
    letter-spacing: 0;
    text-align: center;
    color: #000000;
}

.top__section-06-info-02 {
    position: absolute;
    width: 420px;
    height: 80px;
    top: 5813px;
    left: 706px;
    text-align: center;
    opacity: 1;
    z-index: 2;
}

.top__section-06-info-02-line1,
.top__section-06-info-02-line2 {
    margin: 0;
    padding: 0;
    font-family: "Noto Sans CJK JP", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 30px;
    line-height: 40px;
    letter-spacing: 0;
    text-align: center;
    color: #000000;
}

.top__section-06-info-03 {
    position: absolute;
    width: 360px;
    height: 80px;
    top: 6018px;
    left: 242px;
    text-align: center;
    opacity: 1;
    z-index: 2;
}

.top__section-06-info-03-line1,
.top__section-06-info-03-line2 {
    margin: 0;
    padding: 0;
    font-family: "Noto Sans CJK JP", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 30px;
    line-height: 40px;
    letter-spacing: 0;
    text-align: center;
    color: #000000;
}

.top__section-06-info-04 {
    position: absolute;
    width: 300px;
    height: 80px;
    top: 6018px;
    left: 757px;
    text-align: center;
    opacity: 1;
    z-index: 2;
}

.top__section-06-info-04-line1,
.top__section-06-info-04-line2 {
    margin: 0;
    padding: 0;
    font-family: "Noto Sans CJK JP", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 30px;
    line-height: 40px;
    letter-spacing: 0;
    text-align: center;
    color: #000000;
}

.top__section-07 {
    position: relative;
    width: 100%;
    max-width: 100%;
    background-color: #ffffff;
}

.top__section-07-container {
    position: relative;
    width: 100%;
}

.top__section-07-title {
    position: absolute;
    width: 600px;
    height: 59px;
    top: 6365px;
    left: 389px;
    margin: 0;
    padding: 0;
    font-family: "Shippori Mincho B1 OTF", "Shippori Mincho B1", serif;
    font-weight: 400;
    font-style: normal;
    font-size: 40px;
    line-height: 100%;
    letter-spacing: 0;
    text-align: center;
    color: #187BB8;
    opacity: 1;
    display: flex;
    flex-direction: row; /* 横一列で表示 */
    align-items: center;
    justify-content: center;
    white-space: nowrap; /* 改行を防ぐ */
}

/* PCサイズでは横一列で表示 */
.top__section-07-title > span {
    display: inline;
    white-space: nowrap;
}

.top__section-07-flow-arrow {
    position: absolute;
    width: 66.3349609375px;
    height: 368px;
    top: 6521px;
    left: 269.53px;
    display: block;
    opacity: 1;
}

.top__section-07-number--01 {
    position: absolute;
    width: 50px;
    height: 65px;
    top: 6503px;
    left: 368px;
    font-family: "Jost", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 45px;
    line-height: 100%;
    letter-spacing: 0;
    color: #7ECEF4;
    opacity: 1;
}

.top__section-07-number--02 {
    position: absolute;
    width: 56px;
    height: 65px;
    top: 6612px;
    left: 368px;
    font-family: "Jost", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 45px;
    line-height: 100%;
    letter-spacing: 0;
    color: #7ECEF4;
    opacity: 1;
}

.top__section-07-number--03 {
    position: absolute;
    width: 55px;
    height: 65px;
    top: 6722px;
    left: 368px;
    font-family: "Jost", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 45px;
    line-height: 100%;
    letter-spacing: 0;
    color: #7ECEF4;
    opacity: 1;
}

.top__section-07-number--04 {
    position: absolute;
    width: 57px;
    height: 65px;
    top: 6832px;
    left: 368px;
    font-family: "Jost", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 45px;
    line-height: 100%;
    letter-spacing: 0;
    color: #7ECEF4;
    opacity: 1;
}

.top__section-07-item--01 {
    position: absolute;
    width: 496px;
    height: 48px;
    top: 6511px;
    left: 454px;
    font-family: "Noto Sans CJK JP", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 32px;
    line-height: 100%;
    letter-spacing: 0;
    white-space: nowrap;
    color: #000000;
    opacity: 0;
}

.top__section-07-item--02 {
    position: absolute;
    width: 384px;
    height: 48px;
    top: 6621px;
    left: 454px;
    font-family: "Noto Sans CJK JP", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 32px;
    line-height: 100%;
    letter-spacing: 0;
    white-space: nowrap;
    color: #000000;
    opacity: 0;
}

.top__section-07-item--03 {
    position: absolute;
    width: 576px;
    height: 48px;
    top: 6731px;
    left: 454px;
    font-family: "Noto Sans CJK JP", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 32px;
    line-height: 100%;
    letter-spacing: 0;
    white-space: nowrap;
    color: #000000;
    opacity: 0;
}

.top__section-07-item--04 {
    position: absolute;
    width: 576px;
    height: 48px;
    top: 6841px;
    left: 454px;
    font-family: "Noto Sans CJK JP", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 32px;
    line-height: 100%;
    letter-spacing: 0;
    white-space: nowrap;
    color: #000000;
    opacity: 0;
}

@-webkit-keyframes section07-fade-in {
    from {
        opacity: 0;
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
    to {
    opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes section07-fade-in {
    from {
        opacity: 0;
        transform: translateY(8px);
    }
    to {
    opacity: 1;
        transform: translateY(0);
    }
}

.top__section-07-item--01.is-fade-in,
.top__section-07-item--02.is-fade-in,
.top__section-07-item--03.is-fade-in,
.top__section-07-item--04.is-fade-in {
    -webkit-animation: section07-fade-in 0.5s ease forwards;
    animation: section07-fade-in 0.5s ease forwards;
}

.top__section-07-item--02.is-fade-in {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.top__section-07-item--03.is-fade-in {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

.top__section-07-item--04.is-fade-in {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}

/* Section 9 */
.top__section-09 {
    position: relative;
    width: 100%;
    max-width: 100%;
    -webkit-tap-highlight-color: transparent;
    min-height: 13214px;
}

.top__section-09-container {
    position: relative;
    width: 100%;
}

.top__section-09 *:focus {
    outline: none;
}

.top__section-09-item {
    position: static;
    -webkit-transition: -webkit-transform 0.3s ease 0.2s;
    transition: transform 0.3s ease 0.2s;
}

.top__section-09-title {
    position: absolute;
    width: 280px;
    height: 59px;
    top: 10267px;
    left: 549px;
    margin: 0;
    padding: 0;
    font-family: "Shippori Mincho B1 OTF", "Shippori Mincho B1", serif;
    font-weight: 400;
    font-style: normal;
    font-size: 40px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    color: #187BB8;
    opacity: 1;
    transform: rotate(0deg);
}

.top__section-09-question-box {
    position: absolute;
    width: 930px;
    max-width: 100%;
    height: 100px;
    top: 10392px;
    left: 207px;
    background-color: #EFF8FD;
    border-radius: 5px;
    opacity: 1;
    transform: rotate(0deg);
    cursor: pointer;
    outline: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}

.top__section-09-label {
    position: absolute;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0%;
    opacity: 1;
    transform: rotate(0deg);
    z-index: 1;
}

.top__section-09-label::after {
    content: ".";
    font-family: "Arial", sans-serif;
}

.top__section-09-label--q {
    width: 68px;
    height: 87px;
    top: 10402px;
    left: 237px;
    font-family: "Jost", sans-serif;
    font-weight: 500;
    font-size: 60px;
    line-height: 100%;
    color: #3AA1E2;
}

.top__section-09-question-text {
    position: absolute;
    width: 570px;
    height: 36px;
    top: 10427px;
    left: 315px;
    margin: 0;
    padding: 0;
    font-family: "Jost", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
    font-weight: 600;
    font-size: 22px;
    line-height: 36px;
    letter-spacing: 0%;
    color: #3AA1E2;
    opacity: 1;
    transform: rotate(0deg);
    z-index: 1;
    cursor: pointer;
    outline: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    white-space: nowrap;
}

/* スマホのみ改行用のspan - PCサイズでは非表示 */
.top__section-09-question-text .sp-break {
    display: none;
}

.top__section-09-toggle {
    position: absolute;
    width: 7.058063981236733px;
    height: 7.058063981236733px;
    top: 10437.01px;
    left: 1091.02px;
    border-right: 2px solid #3AA1E2;
    border-bottom: 2px solid #3AA1E2;
    opacity: 1;
    transform: rotate(45deg);
    z-index: 1;
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    -webkit-tap-highlight-color: transparent;
}

.top__section-09-item.is-open .top__section-09-toggle {
    transform: rotate(225deg);
}

.top__section-09-label--a {
    width: 62px;
    height: 87px;
    top: 10526px;
    left: 237px;
    font-family: "Jost", sans-serif;
    font-weight: 500;
    font-size: 60px;
    line-height: 100%;
    color: #838383;
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    -webkit-transition: visibility 0s linear 0.2s, opacity 0.2s ease, max-height 0.3s ease;
    transition: visibility 0s linear 0.2s, opacity 0.2s ease, max-height 0.3s ease;
}

.top__section-09-answer-text {
    position: absolute;
    width: 781px;
    height: 120px;
    top: 10541px;
    left: 342px;
    margin: 0;
    padding: 0;
    font-family: "Jost", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 36px;
    letter-spacing: 0%;
    color: #838383;
    opacity: 1;
    transform: rotate(0deg);
    z-index: 1;
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    -webkit-transition: visibility 0s linear 0.2s, opacity 0.2s ease, max-height 0.3s ease;
    transition: visibility 0s linear 0.2s, opacity 0.2s ease, max-height 0.3s ease;
}

.top__section-09-contact {
    position: absolute;
    width: 338px;
    height: 45px;
    top: 10693px;
    left: 339px;
    border-radius: 30px;
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    z-index: 1;
    background: linear-gradient(to top, #3AA1E2, #008BFF);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #FFFFFF;
    font-family: "Jost", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    cursor: pointer;
    -webkit-transition: visibility 0s linear 0.2s, opacity 0.2s ease, max-height 0.3s ease;
    transition: visibility 0s linear 0.2s, opacity 0.2s ease, max-height 0.3s ease;
}

.top__section-09-contact a {
    color: #FFFFFF;
    text-decoration: none;
}

.top__section-09-contact-toggle {
    position: relative;
    width: 9.981609344482422px;
    height: 9.981609344482422px;
    border-right: 2px solid #FFFFFF;
    border-bottom: 2px solid #FFFFFF;
    opacity: 1;
    transform: rotate(-45deg);
    flex-shrink: 0;
}

.top__section-09-contact-toggle::before {
    content: "";
    position: absolute;
    width: 9px;
    height: 2px;
    background-color: #FFFFFF;
    top: 44%;
    left: 0px;
    transform: translateY(-50%) rotate(45deg);
}

.top__section-09-item.is-open .top__section-09-label--a,
.top__section-09-item.is-open .top__section-09-answer-text,
.top__section-09-item.is-open .top__section-09-contact {
    max-height: 200px;
    opacity: 1;
    visibility: visible;
}

.top__section-09-item--02 .top__section-09-question-box {
    top: 10516px;
}

.top__section-09-item--02 .top__section-09-label--q {
    top: 10526px;
}

.top__section-09-item--02 .top__section-09-question-text {
    top: 10551px;
}

.top__section-09-item--02 .top__section-09-toggle {
    top: 10561.01px;
}

.top__section-09-item--02 .top__section-09-label--a {
    top: 10650px;
}

.top__section-09-item--02 .top__section-09-answer-text {
    top: 10665px;
}

.top__section-09-item--02 .top__section-09-contact {
    top: 10817px;
}

.top__section-09-item--01.is-open ~ .top__section-09-item--02,
.top__section-09-item--01.is-open ~ .top__section-09-item--03,
.top__section-09-item--01.is-open ~ .top__section-09-item--04,
.top__section-09-item--01.is-open ~ .top__section-09-item--05,
.top__section-09-item--01.is-open ~ .top__section-09-item--06,
.top__section-09-item--01.is-open ~ .top__section-09-item--07,
.top__section-09-item--01.is-open ~ .top__section-09-item--08,
.top__section-09-item--01.is-open ~ .top__section-09-item--09,
.top__section-09-item--01.is-open ~ .top__section-09-item--10,
.top__section-09-item--01.is-open ~ .top__section-09-item--11,
.top__section-09-item--01.is-open ~ .top__section-09-item--12,
.top__section-09-item--01.is-open ~ .top__section-09-item--13,
.top__section-09-item--01.is-open ~ .top__section-09-item--14,
.top__section-09-item--01.is-open ~ .top__section-09-item--15,
.top__section-09-item--01.is-open ~ .top__section-09-item--16,
.top__section-09-item--01.is-open ~ .top__section-09-item--17,
.top__section-09-item--01.is-open ~ .top__section-09-item--18,
.top__section-09-item--01.is-open ~ .top__section-09-item--19,
.top__section-09-item--01.is-open ~ .top__section-09-item--20 {
    transform: translateY(246px);
}

.top__section-09-item--02.is-open ~ .top__section-09-item--03,
.top__section-09-item--02.is-open ~ .top__section-09-item--04,
.top__section-09-item--02.is-open ~ .top__section-09-item--05,
.top__section-09-item--02.is-open ~ .top__section-09-item--06,
.top__section-09-item--02.is-open ~ .top__section-09-item--07,
.top__section-09-item--02.is-open ~ .top__section-09-item--08,
.top__section-09-item--02.is-open ~ .top__section-09-item--09,
.top__section-09-item--02.is-open ~ .top__section-09-item--10,
.top__section-09-item--02.is-open ~ .top__section-09-item--11,
.top__section-09-item--02.is-open ~ .top__section-09-item--12,
.top__section-09-item--02.is-open ~ .top__section-09-item--13,
.top__section-09-item--02.is-open ~ .top__section-09-item--14,
.top__section-09-item--02.is-open ~ .top__section-09-item--15,
.top__section-09-item--02.is-open ~ .top__section-09-item--16,
.top__section-09-item--02.is-open ~ .top__section-09-item--17,
.top__section-09-item--02.is-open ~ .top__section-09-item--18,
.top__section-09-item--02.is-open ~ .top__section-09-item--19,
.top__section-09-item--02.is-open ~ .top__section-09-item--20 {
    transform: translateY(246px);
}

.top__section-09-item--03.is-open ~ .top__section-09-item--04,
.top__section-09-item--03.is-open ~ .top__section-09-item--05,
.top__section-09-item--03.is-open ~ .top__section-09-item--06,
.top__section-09-item--03.is-open ~ .top__section-09-item--07,
.top__section-09-item--03.is-open ~ .top__section-09-item--08,
.top__section-09-item--03.is-open ~ .top__section-09-item--09,
.top__section-09-item--03.is-open ~ .top__section-09-item--10,
.top__section-09-item--03.is-open ~ .top__section-09-item--11,
.top__section-09-item--03.is-open ~ .top__section-09-item--12,
.top__section-09-item--03.is-open ~ .top__section-09-item--13,
.top__section-09-item--03.is-open ~ .top__section-09-item--14,
.top__section-09-item--03.is-open ~ .top__section-09-item--15,
.top__section-09-item--03.is-open ~ .top__section-09-item--16,
.top__section-09-item--03.is-open ~ .top__section-09-item--17,
.top__section-09-item--03.is-open ~ .top__section-09-item--18,
.top__section-09-item--03.is-open ~ .top__section-09-item--19,
.top__section-09-item--03.is-open ~ .top__section-09-item--20 {
    transform: translateY(246px);
}

.top__section-09-item--04.is-open ~ .top__section-09-item--05,
.top__section-09-item--04.is-open ~ .top__section-09-item--06,
.top__section-09-item--04.is-open ~ .top__section-09-item--07,
.top__section-09-item--04.is-open ~ .top__section-09-item--08,
.top__section-09-item--04.is-open ~ .top__section-09-item--09,
.top__section-09-item--04.is-open ~ .top__section-09-item--10,
.top__section-09-item--04.is-open ~ .top__section-09-item--11,
.top__section-09-item--04.is-open ~ .top__section-09-item--12,
.top__section-09-item--04.is-open ~ .top__section-09-item--13,
.top__section-09-item--04.is-open ~ .top__section-09-item--14,
.top__section-09-item--04.is-open ~ .top__section-09-item--15,
.top__section-09-item--04.is-open ~ .top__section-09-item--16,
.top__section-09-item--04.is-open ~ .top__section-09-item--17,
.top__section-09-item--04.is-open ~ .top__section-09-item--18,
.top__section-09-item--04.is-open ~ .top__section-09-item--19,
.top__section-09-item--04.is-open ~ .top__section-09-item--20 {
    transform: translateY(246px);
}

.top__section-09-item--05.is-open ~ .top__section-09-item--06,
.top__section-09-item--05.is-open ~ .top__section-09-item--07,
.top__section-09-item--05.is-open ~ .top__section-09-item--08,
.top__section-09-item--05.is-open ~ .top__section-09-item--09,
.top__section-09-item--05.is-open ~ .top__section-09-item--10,
.top__section-09-item--05.is-open ~ .top__section-09-item--11,
.top__section-09-item--05.is-open ~ .top__section-09-item--12,
.top__section-09-item--05.is-open ~ .top__section-09-item--13,
.top__section-09-item--05.is-open ~ .top__section-09-item--14,
.top__section-09-item--05.is-open ~ .top__section-09-item--15,
.top__section-09-item--05.is-open ~ .top__section-09-item--16,
.top__section-09-item--05.is-open ~ .top__section-09-item--17,
.top__section-09-item--05.is-open ~ .top__section-09-item--18,
.top__section-09-item--05.is-open ~ .top__section-09-item--19,
.top__section-09-item--05.is-open ~ .top__section-09-item--20 {
    transform: translateY(246px);
}

.top__section-09-item--06.is-open ~ .top__section-09-item--07,
.top__section-09-item--06.is-open ~ .top__section-09-item--08,
.top__section-09-item--06.is-open ~ .top__section-09-item--09,
.top__section-09-item--06.is-open ~ .top__section-09-item--10,
.top__section-09-item--06.is-open ~ .top__section-09-item--11,
.top__section-09-item--06.is-open ~ .top__section-09-item--12,
.top__section-09-item--06.is-open ~ .top__section-09-item--13,
.top__section-09-item--06.is-open ~ .top__section-09-item--14,
.top__section-09-item--06.is-open ~ .top__section-09-item--15,
.top__section-09-item--06.is-open ~ .top__section-09-item--16,
.top__section-09-item--06.is-open ~ .top__section-09-item--17,
.top__section-09-item--06.is-open ~ .top__section-09-item--18,
.top__section-09-item--06.is-open ~ .top__section-09-item--19,
.top__section-09-item--06.is-open ~ .top__section-09-item--20 {
    transform: translateY(246px);
}

.top__section-09-item--07.is-open ~ .top__section-09-item--08,
.top__section-09-item--07.is-open ~ .top__section-09-item--09,
.top__section-09-item--07.is-open ~ .top__section-09-item--10,
.top__section-09-item--07.is-open ~ .top__section-09-item--11,
.top__section-09-item--07.is-open ~ .top__section-09-item--12,
.top__section-09-item--07.is-open ~ .top__section-09-item--13,
.top__section-09-item--07.is-open ~ .top__section-09-item--14,
.top__section-09-item--07.is-open ~ .top__section-09-item--15,
.top__section-09-item--07.is-open ~ .top__section-09-item--16,
.top__section-09-item--07.is-open ~ .top__section-09-item--17,
.top__section-09-item--07.is-open ~ .top__section-09-item--18,
.top__section-09-item--07.is-open ~ .top__section-09-item--19,
.top__section-09-item--07.is-open ~ .top__section-09-item--20 {
    transform: translateY(246px);
}

.top__section-09-item--08.is-open ~ .top__section-09-item--09,
.top__section-09-item--08.is-open ~ .top__section-09-item--10,
.top__section-09-item--08.is-open ~ .top__section-09-item--11,
.top__section-09-item--08.is-open ~ .top__section-09-item--12,
.top__section-09-item--08.is-open ~ .top__section-09-item--13,
.top__section-09-item--08.is-open ~ .top__section-09-item--14,
.top__section-09-item--08.is-open ~ .top__section-09-item--15,
.top__section-09-item--08.is-open ~ .top__section-09-item--16,
.top__section-09-item--08.is-open ~ .top__section-09-item--17,
.top__section-09-item--08.is-open ~ .top__section-09-item--18,
.top__section-09-item--08.is-open ~ .top__section-09-item--19,
.top__section-09-item--08.is-open ~ .top__section-09-item--20 {
    transform: translateY(246px);
}

.top__section-09-item--09.is-open ~ .top__section-09-item--10,
.top__section-09-item--09.is-open ~ .top__section-09-item--11,
.top__section-09-item--09.is-open ~ .top__section-09-item--12,
.top__section-09-item--09.is-open ~ .top__section-09-item--13,
.top__section-09-item--09.is-open ~ .top__section-09-item--14,
.top__section-09-item--09.is-open ~ .top__section-09-item--15,
.top__section-09-item--09.is-open ~ .top__section-09-item--16,
.top__section-09-item--09.is-open ~ .top__section-09-item--17,
.top__section-09-item--09.is-open ~ .top__section-09-item--18,
.top__section-09-item--09.is-open ~ .top__section-09-item--19,
.top__section-09-item--09.is-open ~ .top__section-09-item--20 {
    transform: translateY(246px);
}

.top__section-09-item--10.is-open ~ .top__section-09-item--11,
.top__section-09-item--10.is-open ~ .top__section-09-item--12,
.top__section-09-item--10.is-open ~ .top__section-09-item--13,
.top__section-09-item--10.is-open ~ .top__section-09-item--14,
.top__section-09-item--10.is-open ~ .top__section-09-item--15,
.top__section-09-item--10.is-open ~ .top__section-09-item--16,
.top__section-09-item--10.is-open ~ .top__section-09-item--17,
.top__section-09-item--10.is-open ~ .top__section-09-item--18,
.top__section-09-item--10.is-open ~ .top__section-09-item--19,
.top__section-09-item--10.is-open ~ .top__section-09-item--20 {
    transform: translateY(246px);
}

.top__section-09-item--11.is-open ~ .top__section-09-item--12,
.top__section-09-item--11.is-open ~ .top__section-09-item--13,
.top__section-09-item--11.is-open ~ .top__section-09-item--14,
.top__section-09-item--11.is-open ~ .top__section-09-item--15,
.top__section-09-item--11.is-open ~ .top__section-09-item--16,
.top__section-09-item--11.is-open ~ .top__section-09-item--17,
.top__section-09-item--11.is-open ~ .top__section-09-item--18,
.top__section-09-item--11.is-open ~ .top__section-09-item--19,
.top__section-09-item--11.is-open ~ .top__section-09-item--20 {
    transform: translateY(246px);
}

.top__section-09-item--12.is-open ~ .top__section-09-item--13,
.top__section-09-item--12.is-open ~ .top__section-09-item--14,
.top__section-09-item--12.is-open ~ .top__section-09-item--15,
.top__section-09-item--12.is-open ~ .top__section-09-item--16,
.top__section-09-item--12.is-open ~ .top__section-09-item--17,
.top__section-09-item--12.is-open ~ .top__section-09-item--18,
.top__section-09-item--12.is-open ~ .top__section-09-item--19,
.top__section-09-item--12.is-open ~ .top__section-09-item--20 {
    transform: translateY(246px);
}

.top__section-09-item--13.is-open ~ .top__section-09-item--14,
.top__section-09-item--13.is-open ~ .top__section-09-item--15,
.top__section-09-item--13.is-open ~ .top__section-09-item--16,
.top__section-09-item--13.is-open ~ .top__section-09-item--17,
.top__section-09-item--13.is-open ~ .top__section-09-item--18,
.top__section-09-item--13.is-open ~ .top__section-09-item--19,
.top__section-09-item--13.is-open ~ .top__section-09-item--20 {
    transform: translateY(246px);
}

.top__section-09-item--14.is-open ~ .top__section-09-item--15,
.top__section-09-item--14.is-open ~ .top__section-09-item--16,
.top__section-09-item--14.is-open ~ .top__section-09-item--17,
.top__section-09-item--14.is-open ~ .top__section-09-item--18,
.top__section-09-item--14.is-open ~ .top__section-09-item--19,
.top__section-09-item--14.is-open ~ .top__section-09-item--20 {
    transform: translateY(246px);
}

.top__section-09-item--15.is-open ~ .top__section-09-item--16,
.top__section-09-item--15.is-open ~ .top__section-09-item--17,
.top__section-09-item--15.is-open ~ .top__section-09-item--18,
.top__section-09-item--15.is-open ~ .top__section-09-item--19,
.top__section-09-item--15.is-open ~ .top__section-09-item--20 {
    transform: translateY(246px);
}

.top__section-09-item--16.is-open ~ .top__section-09-item--17,
.top__section-09-item--16.is-open ~ .top__section-09-item--18,
.top__section-09-item--16.is-open ~ .top__section-09-item--19,
.top__section-09-item--16.is-open ~ .top__section-09-item--20 {
    transform: translateY(246px);
}

.top__section-09-item--17.is-open ~ .top__section-09-item--18,
.top__section-09-item--17.is-open ~ .top__section-09-item--19,
.top__section-09-item--17.is-open ~ .top__section-09-item--20 {
    transform: translateY(246px);
}

.top__section-09-item--18.is-open ~ .top__section-09-item--19,
.top__section-09-item--18.is-open ~ .top__section-09-item--20 {
    transform: translateY(246px);
}

.top__section-09-item--19.is-open ~ .top__section-09-item--20 {
    transform: translateY(246px);
}

.top__section-09-item--03 .top__section-09-question-box {
    top: 10640px;
}

.top__section-09-item--03 .top__section-09-label--q {
    top: 10650px;
}

.top__section-09-item--03 .top__section-09-question-text {
    top: 10675px;
}

.top__section-09-item--03 .top__section-09-toggle {
    top: 10685.01px;
}

.top__section-09-item--03 .top__section-09-label--a {
    top: 10774px;
}

.top__section-09-item--03 .top__section-09-answer-text {
    top: 10789px;
}

.top__section-09-item--03 .top__section-09-contact {
    top: 10941px;
}

.top__section-09-item--04 .top__section-09-question-box {
    top: 10764px;
}

.top__section-09-item--04 .top__section-09-label--q {
    top: 10774px;
}

.top__section-09-item--04 .top__section-09-question-text {
    top: 10799px;
}

.top__section-09-item--04 .top__section-09-toggle {
    top: 10809.01px;
}

.top__section-09-item--04 .top__section-09-label--a {
    top: 10898px;
}

.top__section-09-item--04 .top__section-09-answer-text {
    top: 10913px;
}

.top__section-09-item--04 .top__section-09-contact {
    top: 11065px;
}

.top__section-09-item--05 .top__section-09-question-box {
    top: 10888px;
}

.top__section-09-item--05 .top__section-09-label--q {
    top: 10898px;
}

.top__section-09-item--05 .top__section-09-question-text {
    top: 10923px;
}

.top__section-09-item--05 .top__section-09-toggle {
    top: 10933.01px;
}

.top__section-09-item--05 .top__section-09-label--a {
    top: 11022px;
}

.top__section-09-item--05 .top__section-09-answer-text {
    top: 11037px;
}

.top__section-09-item--05 .top__section-09-contact {
    top: 11189px;
}

.top__section-09-item--06 .top__section-09-question-box {
    top: 11012px;
}

.top__section-09-item--06 .top__section-09-label--q {
    top: 11022px;
}

.top__section-09-item--06 .top__section-09-question-text {
    top: 11047px;
}

.top__section-09-item--06 .top__section-09-toggle {
    top: 11057.01px;
}

.top__section-09-item--06 .top__section-09-label--a {
    top: 11146px;
}

.top__section-09-item--06 .top__section-09-answer-text {
    top: 11161px;
}

.top__section-09-item--06 .top__section-09-contact {
    top: 11313px;
}

.top__section-09-item--07 .top__section-09-question-box {
    top: 11136px;
}

.top__section-09-item--07 .top__section-09-label--q {
    top: 11146px;
}

.top__section-09-item--07 .top__section-09-question-text {
    top: 11171px;
}

.top__section-09-item--07 .top__section-09-toggle {
    top: 11181.01px;
}

.top__section-09-item--07 .top__section-09-label--a {
    top: 11270px;
}

.top__section-09-item--07 .top__section-09-answer-text {
    top: 11285px;
}

.top__section-09-item--07 .top__section-09-contact {
    top: 11437px;
}

.top__section-09-item--08 .top__section-09-question-box {
    top: 11260px;
}

.top__section-09-item--08 .top__section-09-label--q {
    top: 11270px;
}

.top__section-09-item--08 .top__section-09-question-text {
    top: 11295px;
}

.top__section-09-item--08 .top__section-09-toggle {
    top: 11305.01px;
}

.top__section-09-item--08 .top__section-09-label--a {
    top: 11394px;
}

.top__section-09-item--08 .top__section-09-answer-text {
    top: 11409px;
}

.top__section-09-item--08 .top__section-09-contact {
    top: 11561px;
}

.top__section-09-item--09 .top__section-09-question-box {
    top: 11384px;
}

.top__section-09-item--09 .top__section-09-label--q {
    top: 11394px;
}

.top__section-09-item--09 .top__section-09-question-text {
    top: 11419px;
}

.top__section-09-item--09 .top__section-09-toggle {
    top: 11429.01px;
}

.top__section-09-item--09 .top__section-09-label--a {
    top: 11518px;
}

.top__section-09-item--09 .top__section-09-answer-text {
    top: 11533px;
}

.top__section-09-item--09 .top__section-09-contact {
    top: 11685px;
}

.top__section-09-item--10 .top__section-09-question-box {
    top: 11508px;
}

.top__section-09-item--10 .top__section-09-label--q {
    top: 11518px;
}

.top__section-09-item--10 .top__section-09-question-text {
    top: 11543px;
}

.top__section-09-item--10 .top__section-09-toggle {
    top: 11553.01px;
}

.top__section-09-item--10 .top__section-09-label--a {
    top: 11642px;
}

.top__section-09-item--10 .top__section-09-answer-text {
    top: 11657px;
}

.top__section-09-item--10 .top__section-09-contact {
    top: 11809px;
}

.top__section-09-item--11 .top__section-09-question-box {
    top: 11632px;
}

.top__section-09-item--11 .top__section-09-label--q {
    top: 11642px;
}

.top__section-09-item--11 .top__section-09-question-text {
    top: 11667px;
}

.top__section-09-item--11 .top__section-09-toggle {
    top: 11677.01px;
}

.top__section-09-item--11 .top__section-09-label--a {
    top: 11766px;
}

.top__section-09-item--11 .top__section-09-answer-text {
    top: 11781px;
}

.top__section-09-item--11 .top__section-09-contact {
    top: 11933px;
}

.top__section-09-item--12 .top__section-09-question-box {
    top: 11756px;
}

.top__section-09-item--12 .top__section-09-label--q {
    top: 11766px;
}

.top__section-09-item--12 .top__section-09-question-text {
    top: 11791px;
}

.top__section-09-item--12 .top__section-09-toggle {
    top: 11801.01px;
}

.top__section-09-item--12 .top__section-09-label--a {
    top: 11890px;
}

.top__section-09-item--12 .top__section-09-answer-text {
    top: 11905px;
}

.top__section-09-item--12 .top__section-09-contact {
    top: 12057px;
}

.top__section-09-item--13 .top__section-09-question-box {
    top: 11880px;
}

.top__section-09-item--13 .top__section-09-label--q {
    top: 11890px;
}

.top__section-09-item--13 .top__section-09-question-text {
    top: 11915px;
}

.top__section-09-item--13 .top__section-09-toggle {
    top: 11925.01px;
}

.top__section-09-item--13 .top__section-09-label--a {
    top: 12014px;
}

.top__section-09-item--13 .top__section-09-answer-text {
    top: 12029px;
}

.top__section-09-item--13 .top__section-09-contact {
    top: 12181px;
}

.top__section-09-item--14 .top__section-09-question-box {
    top: 12004px;
}

.top__section-09-item--14 .top__section-09-label--q {
    top: 12014px;
}

.top__section-09-item--14 .top__section-09-question-text {
    top: 12039px;
}

.top__section-09-item--14 .top__section-09-toggle {
    top: 12049.01px;
}

.top__section-09-item--14 .top__section-09-label--a {
    top: 12138px;
}

.top__section-09-item--14 .top__section-09-answer-text {
    top: 12153px;
}

.top__section-09-item--14 .top__section-09-contact {
    top: 12305px;
}

.top__section-09-item--15 .top__section-09-question-box {
    top: 12128px;
}

.top__section-09-item--15 .top__section-09-label--q {
    top: 12138px;
}

.top__section-09-item--15 .top__section-09-question-text {
    top: 12163px;
}

.top__section-09-item--15 .top__section-09-toggle {
    top: 12173.01px;
}

.top__section-09-item--15 .top__section-09-label--a {
    top: 12262px;
}

.top__section-09-item--15 .top__section-09-answer-text {
    top: 12277px;
}

.top__section-09-item--15 .top__section-09-contact {
    top: 12429px;
}

.top__section-09-item--16 .top__section-09-question-box {
    top: 12252px;
}

.top__section-09-item--16 .top__section-09-label--q {
    top: 12262px;
}

.top__section-09-item--16 .top__section-09-question-text {
    top: 12287px;
}

.top__section-09-item--16 .top__section-09-toggle {
    top: 12297.01px;
}

.top__section-09-item--16 .top__section-09-label--a {
    top: 12386px;
}

.top__section-09-item--16 .top__section-09-answer-text {
    top: 12401px;
}

.top__section-09-item--16 .top__section-09-contact {
    top: 12553px;
}

.top__section-09-item--17 .top__section-09-question-box {
    top: 12376px;
}

.top__section-09-item--17 .top__section-09-label--q {
    top: 12386px;
}

.top__section-09-item--17 .top__section-09-question-text {
    top: 12411px;
}

.top__section-09-item--17 .top__section-09-toggle {
    top: 12421.01px;
}

.top__section-09-item--17 .top__section-09-label--a {
    top: 12510px;
}

.top__section-09-item--17 .top__section-09-answer-text {
    top: 12525px;
}

.top__section-09-item--17 .top__section-09-contact {
    top: 12677px;
}

.top__section-09-item--18 .top__section-09-question-box {
    top: 12500px;
}

.top__section-09-item--18 .top__section-09-label--q {
    top: 12510px;
}

.top__section-09-item--18 .top__section-09-question-text {
    top: 12535px;
}

.top__section-09-item--18 .top__section-09-toggle {
    top: 12545.01px;
}

.top__section-09-item--18 .top__section-09-label--a {
    top: 12634px;
}

.top__section-09-item--18 .top__section-09-answer-text {
    top: 12649px;
}

.top__section-09-item--18 .top__section-09-contact {
    top: 12801px;
}

.top__section-09-item--19 .top__section-09-question-box {
    top: 12624px;
}

.top__section-09-item--19 .top__section-09-label--q {
    top: 12634px;
}

.top__section-09-item--19 .top__section-09-question-text {
    top: 12659px;
}

.top__section-09-item--19 .top__section-09-toggle {
    top: 12669.01px;
}

.top__section-09-item--19 .top__section-09-label--a {
    top: 12758px;
}

.top__section-09-item--19 .top__section-09-answer-text {
    top: 12773px;
}

.top__section-09-item--19 .top__section-09-contact {
    top: 12925px;
}

.top__section-09-item--20 .top__section-09-question-box {
    top: 12748px;
}

.top__section-09-item--20 .top__section-09-label--q {
    top: 12758px;
}

.top__section-09-item--20 .top__section-09-question-text {
    top: 12783px;
}

.top__section-09-item--20 .top__section-09-toggle {
    top: 12793.01px;
}

.top__section-09-item--20 .top__section-09-label--a {
    top: 12882px;
}

.top__section-09-item--20 .top__section-09-answer-text {
    top: 12897px;
}

.top__section-09-item--20 .top__section-09-contact {
    top: 13049px;
}

.top__section-10 {
    position: relative;
    width: 100%;
    max-width: 100%;
    padding: 0;
    box-sizing: border-box;
}

.top__section-10::before {
    content: '';
    position: absolute;
    top: 0;
    left: calc(50% - 50vw);
    right: calc(50% - 50vw);
    height: 100%;
    background-color: #EFF8FD;
    z-index: -1;
}

.top__section-10-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 120px 20px;
}

.top__section-10-header {
    margin-bottom: 60px;
    text-align: right;
}

.top__section-10-title {
    margin: 0 0 20px 0;
    padding: 0;
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    font-size: 50px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: right;
    color: #3AA1E2;
}

.top__section-10-subtitle {
    margin: 0;
    padding: 0;
    font-family: "A-OTF Futo Go B101 Pr5", "Hiragino Kaku Gothic ProN", sans-serif;
    font-weight: 505;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: right;
    color: #000000;
}

/* Section 10の古い絶対配置スタイルは削除 - Flexboxベースの実装に変更 */

.top__section-10-content {
    width: 100%;
}

.top__section-10-row {
    display: flex;
    border-bottom: 1px solid #D1D1D1;
    padding: 20px 0;
    align-items: flex-start;
    gap: 40px;
}

.top__section-10-row:first-child {
    border-top: 1px solid #D1D1D1;
}

.top__section-10-row:last-child {
    border-bottom: none;
}

.top__section-10-label {
    width: 200px;
    flex-shrink: 0;
    margin: 0;
    padding: 0;
    font-family: "Hiragino Kaku Gothic ProN", sans-serif;
    font-size: 16px;
    line-height: 36px;
    color: #000000;
    font-weight: 600;
    text-align: left;
}

.top__section-10-value {
    flex: 1;
    margin: 0;
    padding: 0;
    font-family: "Hiragino Kaku Gothic ProN", sans-serif;
    font-size: 16px;
    line-height: 36px;
    color: #000000;
    font-weight: 600;
    text-align: left;
}

.top__section-10-value--columns {
    display: flex;
    gap: 40px;
    flex-wrap: wrap;
    width: 100%;
}

.top__section-10-bank-column {
    flex: 1;
    min-width: 240px;
}

/* Section 10のレスポンシブ対応は402px用のメディアクエリ内で対応 */

/* Notice Text - PC Only */
.top__notice-text {
    position: absolute;
    width: 751px;
    height: 78px;
    top: 6963px;
    left: 314px;
    opacity: 1;
    transform: rotate(0deg);
    margin: 0;
    padding: 0;
    display: none; /* デフォルトで非表示 */
}

.top__notice-text span {
    margin: 0;
    padding: 0;
    font-family: 'Jost', sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 0%;
    margin-bottom: 12px;
    color: #000000;
    white-space: nowrap; /* 各項目内での改行を防ぐ */
    display: block; /* ブロック表示で各行に配置 */
}

/* PC表示のみ（403px以上） */
@media (min-width: 403px) {
    .top__notice-text {
        display: block;
    }
}


/* 6つ目のFAQアイテムが開いた時: その下にある全てのFAQアイテム（7〜20）の位置を調整 */
/* 6つ目のFAQアイテムが開いた時のグラデーションテキストの下辺: 11012 + 312 + 24 = 11348px */


/* 7つ目のFAQアイテムが開いた時: その下にある全てのFAQアイテム（8〜20）の位置を調整 */
/* 7つ目のFAQアイテムが開いた時のグラデーションテキストの下辺: 11136 + 312 + 24 = 11472px */


/* 8つ目のFAQアイテムが開いた時: その下にある全てのFAQアイテム（9〜20）の位置を調整 */
/* 8つ目のFAQアイテムが開いた時のグラデーションテキストの下辺: 11260 + 312 + 24 = 11596px */


/* 9つ目のFAQアイテムが開いた時: その下にある全てのFAQアイテム（10〜20）の位置を調整 */
/* 9つ目のFAQアイテムが開いた時のグラデーションテキストの下辺: 11384 + 312 + 24 = 11720px */


/* 10つ目のFAQアイテムが開いた時: その下にある全てのFAQアイテム（11〜20）の位置を調整 */
/* 10つ目のFAQアイテムが開いた時のグラデーションテキストの下辺: 11508 + 312 + 24 = 11844px */


/* 11つ目のFAQアイテムが開いた時: その下にある全てのFAQアイテム（12〜20）の位置を調整 */
/* 11つ目のFAQアイテムが開いた時のグラデーションテキストの下辺: 11632 + 312 + 24 = 11968px */


/* 12つ目のFAQアイテムが開いた時: その下にある全てのFAQアイテム（13〜20）の位置を調整 */
/* 12つ目のFAQアイテムが開いた時のグラデーションテキストの下辺: 11756 + 312 + 24 = 12092px */


/* 13つ目のFAQアイテムが開いた時: その下にある全てのFAQアイテム（14〜20）の位置を調整 */
/* 13つ目のFAQアイテムが開いた時のグラデーションテキストの下辺: 11880 + 312 + 24 = 12216px */


/* 14つ目のFAQアイテムが開いた時: その下にある全てのFAQアイテム（15〜20）の位置を調整 */
/* 14つ目のFAQアイテムが開いた時のグラデーションテキストの下辺: 12004 + 312 + 24 = 12340px */


/* 15つ目のFAQアイテムが開いた時: その下にある全てのFAQアイテム（16〜20）の位置を調整 */
/* 15つ目のFAQアイテムが開いた時のグラデーションテキストの下辺: 12128 + 312 + 24 = 12464px */


/* 16つ目のFAQアイテムが開いた時: その下にある全てのFAQアイテム（17〜20）の位置を調整 */
/* 16つ目のFAQアイテムが開いた時のグラデーションテキストの下辺: 12252 + 312 + 24 = 12588px */


/* 17つ目のFAQアイテムが開いた時: その下にある全てのFAQアイテム（18〜20）の位置を調整 */
/* 17つ目のFAQアイテムが開いた時のグラデーションテキストの下辺: 12376 + 312 + 24 = 12712px */


/* 18つ目のFAQアイテムが開いた時: その下にある全てのFAQアイテム（19〜20）の位置を調整 */
/* 18つ目のFAQアイテムが開いた時のグラデーションテキストの下辺: 12500 + 312 + 24 = 12836px */


/* 19つ目のFAQアイテムが開いた時: その下にある全てのFAQアイテム（20〜20）の位置を調整 */
/* 19つ目のFAQアイテムが開いた時のグラデーションテキストの下辺: 12624 + 312 + 24 = 12960px */

/* 6つ目のFAQアイテムが開いた時: その下にある全てのFAQアイテム（7〜20）の位置を調整 */
/* 6つ目のFAQアイテムが開いた時のグラデーションテキストの下辺: 11012 + 312 + 24 = 11348px */

/* 7つ目のFAQアイテムが開いた時: その下にある全てのFAQアイテム（8〜20）の位置を調整 */
/* 7つ目のFAQアイテムが開いた時のグラデーションテキストの下辺: 11136 + 312 + 24 = 11472px */

/* 8つ目のFAQアイテムが開いた時: その下にある全てのFAQアイテム（9〜20）の位置を調整 */
/* 8つ目のFAQアイテムが開いた時のグラデーションテキストの下辺: 11260 + 312 + 24 = 11596px */

/* 9つ目のFAQアイテムが開いた時: その下にある全てのFAQアイテム（10〜20）の位置を調整 */
/* 9つ目のFAQアイテムが開いた時のグラデーションテキストの下辺: 11384 + 312 + 24 = 11720px */

/* 10つ目のFAQアイテムが開いた時: その下にある全てのFAQアイテム（11〜20）の位置を調整 */
/* 10つ目のFAQアイテムが開いた時のグラデーションテキストの下辺: 11508 + 312 + 24 = 11844px */

/* 11つ目のFAQアイテムが開いた時: その下にある全てのFAQアイテム（12〜20）の位置を調整 */
/* 11つ目のFAQアイテムが開いた時のグラデーションテキストの下辺: 11632 + 312 + 24 = 11968px */

/* 12つ目のFAQアイテムが開いた時: その下にある全てのFAQアイテム（13〜20）の位置を調整 */
/* 12つ目のFAQアイテムが開いた時のグラデーションテキストの下辺: 11756 + 312 + 24 = 12092px */

/* 13つ目のFAQアイテムが開いた時: その下にある全てのFAQアイテム（14〜20）の位置を調整 */
/* 13つ目のFAQアイテムが開いた時のグラデーションテキストの下辺: 11880 + 312 + 24 = 12216px */

/* 14つ目のFAQアイテムが開いた時: その下にある全てのFAQアイテム（15〜20）の位置を調整 */
/* 14つ目のFAQアイテムが開いた時のグラデーションテキストの下辺: 12004 + 312 + 24 = 12340px */

/* 15つ目のFAQアイテムが開いた時: その下にある全てのFAQアイテム（16〜20）の位置を調整 */
/* 15つ目のFAQアイテムが開いた時のグラデーションテキストの下辺: 12128 + 312 + 24 = 12464px */

/* 16つ目のFAQアイテムが開いた時: その下にある全てのFAQアイテム（17〜20）の位置を調整 */
/* 16つ目のFAQアイテムが開いた時のグラデーションテキストの下辺: 12252 + 312 + 24 = 12588px */

/* 17つ目のFAQアイテムが開いた時: その下にある全てのFAQアイテム（18〜20）の位置を調整 */
/* 17つ目のFAQアイテムが開いた時のグラデーションテキストの下辺: 12376 + 312 + 24 = 12712px */

/* 18つ目のFAQアイテムが開いた時: その下にある全てのFAQアイテム（19〜20）の位置を調整 */
/* 18つ目のFAQアイテムが開いた時のグラデーションテキストの下辺: 12500 + 312 + 24 = 12836px */

/* 19つ目のFAQアイテムが開いた時: その下にある全てのFAQアイテム（20〜20）の位置を調整 */
/* 19つ目のFAQアイテムが開いた時のグラデーションテキストの下辺: 12624 + 312 + 24 = 12960px */

/* 11つ目のFAQアイテムが開いた時: その下にある全てのFAQアイテム（12〜20）の位置を調整 */
/* 11つ目のFAQアイテムが開いた時のグラデーションテキストの下辺: 11632 + 312 + 24 = 11968px */

/* 12つ目のFAQアイテムが開いた時: その下にある全てのFAQアイテム（13〜20）の位置を調整 */
/* 12つ目のFAQアイテムが開いた時のグラデーションテキストの下辺: 11756 + 312 + 24 = 12092px */

/* 13つ目のFAQアイテムが開いた時: その下にある全てのFAQアイテム（14〜20）の位置を調整 */
/* 13つ目のFAQアイテムが開いた時のグラデーションテキストの下辺: 11880 + 312 + 24 = 12216px */

/* 14つ目のFAQアイテムが開いた時: その下にある全てのFAQアイテム（15〜20）の位置を調整 */
/* 14つ目のFAQアイテムが開いた時のグラデーションテキストの下辺: 12004 + 312 + 24 = 12340px */

/* 15つ目のFAQアイテムが開いた時: その下にある全てのFAQアイテム（16〜20）の位置を調整 */
/* 15つ目のFAQアイテムが開いた時のグラデーションテキストの下辺: 12128 + 312 + 24 = 12464px */

/* 16つ目のFAQアイテムが開いた時: その下にある全てのFAQアイテム（17〜20）の位置を調整 */
/* 16つ目のFAQアイテムが開いた時のグラデーションテキストの下辺: 12252 + 312 + 24 = 12588px */

/* 17つ目のFAQアイテムが開いた時: その下にある全てのFAQアイテム（18〜20）の位置を調整 */
/* 17つ目のFAQアイテムが開いた時のグラデーションテキストの下辺: 12376 + 312 + 24 = 12712px */

/* 18つ目のFAQアイテムが開いた時: その下にある全てのFAQアイテム（19〜20）の位置を調整 */
/* 18つ目のFAQアイテムが開いた時のグラデーションテキストの下辺: 12500 + 312 + 24 = 12836px */

/* 19つ目のFAQアイテムが開いた時: その下にある全てのFAQアイテム（20〜20）の位置を調整 */
/* 19つ目のFAQアイテムが開いた時のグラデーションテキストの下辺: 12624 + 312 + 24 = 12960px */

/* ========================================
   レスポンシブ対応 - モバイル（402px以下）
   ======================================== */
/* 
 * 402px以下で適用されるモバイル用スタイル
 * 座標は後ほど提供される予定です
 */
@media (max-width: 402px) {
    /* 
     * 402px用のレイアウトスタイル
     * 親要素から子要素まで全て1から明示的に設定
     */

    /* ========================================
       リセット & ベース - 402px
       ======================================== */
    html {
        width: 100%;
        max-width: 100%;
        display: block;
    }
    
    body {
        max-width: 100%;
        width: 100%;
        margin: 0 auto;
        position: relative;
        padding-bottom: 0;
        /* 中央寄せを確実にする */
        display: block;
        margin-left: auto;
        margin-right: auto;
        box-sizing: border-box;
        /* Safari特有のレンダリング改善 */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        -webkit-text-size-adjust: 100%;
        text-size-adjust: 100%;
    }
    
    /* main要素にも幅の制限を追加 */
    main {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }
    
    /* プライバシーページではbodyのmax-width制限を解除し、幅を制限 */
    body.page-template-page-privacy,
    body.page-slug-privacy,
    body.page-template-page-privacy.page,
    body.page-slug-privacy.page,
    body.is-privacy-page,
    body.is-privacy-page.page {
        max-width: 100%;
        width: 100%;
        box-sizing: border-box;
    }
    
    /* プライバシーページのmainタグで幅を制限 */
    body.page-template-page-privacy main,
    body.page-slug-privacy main,
    body.page-template-page-privacy.page main,
    body.page-slug-privacy.page main,
    body.is-privacy-page main,
    body.is-privacy-page.page main {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }
    
    /* すべてのセクション要素に幅の制限を追加 */
    section {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        /* Safari対応: 画面外にはみ出さないようにする */
        position: relative;
        overflow: visible;
    }
    
    /* すべてのコンテナ要素に幅の制限を追加 */
    [class*="container"],
    [class*="wrapper"] {
        max-width: 100%;
        box-sizing: border-box;
    }
    
    /* すべての画像要素に幅の制限を追加 */
    img {
        max-width: 100%;
        height: auto;
        box-sizing: border-box;
    }
    
    /* ブロック要素とインラインブロック要素が親要素の幅を超えないようにする */
    div, section, article, aside, header, footer, nav, main,
    [class*="container"], [class*="wrapper"], [class*="box"] {
        max-width: 100%;
        box-sizing: border-box;
    }
    
    /* テキスト要素は改行を許可 */
    p, span, h1, h2, h3, h4, h5, h6, a, li {
        word-wrap: break-word;
        overflow-wrap: break-word;
    }
    
    /* position: absoluteの要素でleft位置指定がある場合、幅を制限 */
    [class*="top__"] {
        box-sizing: border-box;
    }

    /* ========================================
       Section 03 images - 402px
       ======================================== */
    .top__section-03-shinpai-ojisan {
        width: 74.9271240234375px;
        height: 91.37454986572266px;
        top: 1138.63px;
        left: 131.31px;
    }

    .top__section-03-pose-atama-kakaeru-woman {
        width: 81.50238037109375px;
        height: 81.50238037109375px;
        top: 1119.86px;
        left: 195.19px;
    }

    .top__section-03-left-lower {
        width: 91.41484069824219px;
        height: 77.09685516357422px;
        top: 1141.89px;
        left: 27.78px;
    }

    .top__section-03-left-upper {
        width: 98.02313995361328px;
        height: 71.58993530273438px;
        top: 1020.74px;
        left: 22.27px;
    }

    .top__section-03-top {
        width: 95.82037353515625px;
        height: 79.29961395263672px;
        top: 991px;
        left: 140.12px;
    }

    .top__section-03-right-upper {
        width: 90.3134536743164px;
        max-width: calc(100% - 272.29px); /* 親要素の幅からleft位置を引いた値（Safari対応） */
        height: 68.28578186035156px;
        top: 1014.13px;
        left: 272.29px;
        box-sizing: border-box;
        /* Safari対応: 画面外にはみ出さないようにする */
        right: 0;
        margin-right: 0;
    }

    .top__section-03-right-lower {
        width: 101.3272933959961px;
        max-width: calc(100% - 284.4px); /* 親要素の幅からleft位置を引いた値（Safari対応） */
        height: 70.4885482788086px;
        top: 1136.38px;
        left: 284.4px;
        box-sizing: border-box;
        /* Safari対応: 画面外にはみ出さないようにする */
        right: 0;
        margin-right: 0;
    }

    .top__section-03-pose-happy-businesswoman-banzai {
        width: 205px;
        height: 205px;
        top: 1432px;
        left: 105px;
    }

    /* ========================================
       Steps images - 402px
       ======================================== */
    .top__steps-image--01 {
        width: 100%;
        max-width: 100%;
        height: 269px;
        top: 1671px;
        box-sizing: border-box;
    }

    .top__steps-image--02 {
        width: 100%;
        max-width: 100%;
        height: 269px;
        top: 2199px;
        box-sizing: border-box;
    }

    .top__steps-image--03 {
        width: 100%;
        max-width: 100%;
        height: 269px;
        top: 2745px;
        box-sizing: border-box;
    }

    .top__steps-image--04 {
        width: 100%;
        max-width: 100%;
        height: 269px;
        top: 3290px;
        box-sizing: border-box;
    }

    .top__steps-title {
        font-size: 20px;
        line-height: 100%;
    }

    .top__steps-title--01 {
        width: 200px;
        height: 29px;
        top: 1989px;
        left: 43px;
    }

    .top__steps-title--02 {
        position: absolute;
        width: 180px;
        height: 29px;
        top: 2517px;
        left: 43px;
        margin: 0;
        padding: 0;
        color: #187BB8;
        font-family: "Zen Maru Gothic", sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 20px;
        line-height: 100%;
        letter-spacing: 0%;
        text-align: left;
        opacity: 1;
        transform: rotate(0deg);
        visibility: visible;
        display: block;
    }

    .top__steps-title--03 {
        width: 260px;
        height: 29px;
        top: 3045px;
        left: 43px;
        white-space: nowrap;
    }

    .top__steps-title--04 {
        width: 300px;
        height: 29px;
        top: 3593px;
        left: 43px;
    }

    .top__steps-number {
        font-size: 200px;
        line-height: 100%;
    }

    .top__steps-number--01 {
        width: 220px;
        height: 289px;
        top: 1955px;
        left: 155px;
        color: #7ECEF4;
    }

    .top__steps-number--02 {
        width: 246px;
        height: 289px;
        top: 2483px;
        left: 155px;
        color: #7ECEF4;
    }

    .top__steps-number--03 {
        width: 241px;
        height: 289px;
        top: 3011px;
        left: 155px;
        color: #7ECEF4;
    }

    .top__steps-number--04 {
        width: 251px;
        height: 289px;
        top: 3559px;
        left: 155px;
        color: #7ECEF4;
    }

    .top__steps-description {
        font-size: 15px;
        line-height: 24px;
    }

    .top__steps-description--02 {
        width: 317px;
        height: 120px;
        top: 2563px;
        left: 43px;
    }

    .top__steps-description--03 {
        width: 317px;
        height: 120px;
        top: 3091px;
        left: 43px;
    }

    .top__steps-description--04 {
        width: 317px;
        height: 120px;
        top: 3639px;
        left: 43px;
    }

    /* ========================================
       Section 05 images - 402px
       ======================================== */
    .top__section-05-image--01 {
        width: 196.94544982910156px;
        height: 192.16058349609375px;
        top: 4049px;
        left: 104px;
    }

    .top__section-05-image--02 {
        width: 159.454345703125px;
        height: 182.32540893554688px;
        top: 4605px;
        left: 121px;
    }

    .top__section-05-item-title {
        font-family: "Zen Maru Gothic", sans-serif;
        font-size: 20px;
        line-height: 100%;
        color: #187BB8;
        letter-spacing: 0.08em;
    }

    /* 「建物そのままで売却できたので 解体費用が節約できました。」見出し - 1から明示的に設定 */
    .top__section-05-item-title--01 {
        position: absolute;
        width: 317px;
        height: 58px;
        top: 4275px;
        left: 43px;
        margin: 0;
        padding: 0;
        font-family: "Zen Maru Gothic", sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 20px;
        line-height: 100%;
        letter-spacing: 0%; /* 親スタイルの影響を排除 */
        color: #187BB8;
        opacity: 1;
        transform: rotate(0deg);
        visibility: visible;
        display: flex;
        flex-direction: column; /* 縦に2行で表示 */
        align-items: flex-start; /* 左寄せ */
        justify-content: flex-start; /* 上から配置 */
    }
    
    /* 1行目「建物そのままで売却できたので」 */
    .top__section-05-item-title--01 > span:first-child {
        display: block;
        letter-spacing: 0%;
        line-height: 100%;
        text-align: left;
        width: 100%;
    }
    
    /* 2行目「解体費用が節約できました。」- 1行目の下に表示 */
    .top__section-05-item-title--01 > span:last-child {
        display: block;
        letter-spacing: 0%;
        line-height: 100%;
        text-align: left;
        width: 100%;
        margin-top: 0.5em; /* 1行目との間隔を調整 */
    }
    
    /* 「ご近所さんへの気配りを見て サントさんに依頼しました！」見出し - 1から明示的に設定 */
    .top__section-05-item-title--02 {
        position: absolute;
        width: 317px;
        height: 58px;
        top: 4821px;
        left: 43px;
        margin: 0;
        padding: 0;
        font-family: "Zen Maru Gothic", sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 20px;
        line-height: 100%;
        letter-spacing: 0%;
        color: #187BB8;
        opacity: 1;
        transform: rotate(0deg);
        visibility: visible;
        display: flex;
        flex-direction: column; /* 縦に2行で表示 */
        align-items: flex-start; /* 左寄せ */
        justify-content: flex-start; /* 上から配置 */
    }
    
    /* 1行目「ご近所さんへの気配りを見て」 */
    .top__section-05-item-title--02 > span:first-child {
        display: block;
        letter-spacing: 0%;
        line-height: 100%;
        text-align: left;
        width: 100%;
    }
    
    /* 2行目「サントさんに依頼しました！」- 1行目の下に表示 */
    .top__section-05-item-title--02 > span:last-child {
        display: block;
        letter-spacing: 0%;
        line-height: 100%;
        text-align: left;
        width: 100%;
        margin-top: 0.5em; /* 1行目との間隔を調整 */
    }

    
    /* ========================================
       ヘッダー - 402px
       ======================================== */
    
    /* 親要素 */
    .site-header {
        position: relative;
        width: 100%;
        background-color: #ffffff;
    }
    
    .site-header__container {
        position: relative;
        width: 100%;
    }
    
    /* akiya-lab-logo-sp.png - 1から明示的に設定 */
    .site-header__logo {
        position: absolute;
        top: 21.2px;
        left: 50%;
        transform: translateX(-50%);
    }
    
    .site-header__logo-img {
        width: 220px;
        height: 33.69px;
        display: block;
        opacity: 1;
        transform: rotate(0deg);
    }
    
    .site-header__logo a {
        display: block;
        text-decoration: none;
    }
    
    /* santo-logo-sp.png - 1から明示的に設定 */
    .site-header__provider {
        position: absolute;
        top: 74.28px;
        left: 50%;
        transform: translateX(-50%);
    }
    
    .site-header__santo-logo {
        width: 100px;
        height: 30.795974731445312px;
        display: block;
        opacity: 1;
        transform: rotate(0deg);
    }
    
    /* ========================================
       Section 1: Hero (First View) - 402px
       ======================================== */
    
    /* 親要素 */
    .top__section-01 {
        position: relative;
        width: 100%;
        max-width: 100%;
        left: 0;
        right: 0;
        overflow: visible;
        box-sizing: border-box;
    }
    
    /* background.jpg - 1から明示的に設定 */
    .top__hero-background {
        position: absolute;
        width: 100%;
        max-width: 100%;
        height: 270px;
        top: 154px;
        left: 0;
        display: block;
        opacity: 1;
        transform: rotate(0deg);
        object-fit: cover;
        box-sizing: border-box;
    }
    
    /* overlay.png - 1から明示的に設定 */
    .top__hero-overlay {
        position: absolute;
        width: 150px;
        height: 150px;
        top: 337px;
        left: 124px;
        background-image: url("../../images/section-01/overlay.png");
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        opacity: 1;
        transform: rotate(0deg);
    }
    
    /* 「負動産」というワードが気になった方… - 402pxでのみ表示 */
    .top__section-01-text,
    .top__hero-text {
        position: absolute;
        width: 280px;
        height: 52px;
        top: 518px;
        left: 61px;
    margin: 0;
    padding: 0;
        display: block; /* 402pxでのみ表示 */
        font-family: "Noto Sans CJK JP", sans-serif;
        font-weight: 500;
        font-style: normal;
        font-size: 20px;
        line-height: 26px;
    letter-spacing: 0%;
        text-align: center;
    color: #000000;
    opacity: 1;
        transform: rotate(0deg);
    }
    
    /* ========================================
       Section 2 - 402px
       ======================================== */
    
    /* 親要素 */
    .top__section-02 {
        position: relative;
        width: 100%;
        max-width: 100%;
        left: 0;
        right: 0;
        box-sizing: border-box;
    }
    
    .top__section-02-image-wrapper {
        position: relative;
        width: 100%;
    }
    
    /* background-sp.jpg - 1から明示的に設定 */
    /* img要素を非表示にして、::afterでbackground-sp.jpgを表示 */
    .top__section-02-image {
        display: none; /* 402pxでは元の画像を非表示 */
    }
    
    .top__section-02-image-wrapper::after {
        content: "";
        position: absolute;
        width: 100%;
        max-width: 100%;
        height: 371px;
        top: 598px;
        left: 0;
        display: block;
        opacity: 1;
        transform: rotate(0deg);
        background-image: url("../../images/section-02/background-sp.jpg");
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        z-index: 1; /* 背景画像を下層に */
        box-sizing: border-box;
    }
    
    /* 「空き家でこんなお悩みありませんか？」テキスト - 1から明示的に設定 */
    .top__section-02-text {
        position: absolute;
        width: 287px;
        height: 141px;
        top: 687px;
        left: 83px;
        background-color: rgba(245, 225, 73, 0.5); /* #F5E14980 (50%) */
        display: none;
        flex-direction: column;
        align-items: flex-start; /* 左寄せ */
        justify-content: center;
        padding: 0;
        margin: 0;
        box-sizing: border-box;
        opacity: 1;
        transform: rotate(0deg);
        font-family: "Shippori Mincho B1 OTF", "Shippori Mincho B1", serif;
        font-weight: 400;
        font-style: normal;
        font-size: 35px;
        line-height: 45px;
        letter-spacing: 0%;
        text-align: left; /* 左寄せ */
        z-index: 2; /* テキストを画像の上に表示 */
    }

    .top__section-02-overlay {
        position: absolute;
        width: 261px;
        height: 159px;
        top: 677px;
        left: 71px;
        opacity: 1;
        display: block;
        z-index: 2;
    }
    
    /* 最初の行「空き家で」を横並びにする */
    .top__section-02-text-line1 {
        display: flex;
        flex-direction: row;
        align-items: center;
        width: 100%;
        line-height: 45px;
    }
    
    .top__section-02-text-line1 .top__section-02-text-dark,
    .top__section-02-text-line1 .top__section-02-text-white {
        display: inline-block;
        font-size: 35px;
        line-height: 45px;
    }
    
    /* テキスト内の各要素 */
    .top__section-02-text-dark {
        font-family: "Shippori Mincho B1 OTF", "Shippori Mincho B1", serif;
        font-weight: 400;
        font-style: normal;
        font-size: 35px;
        line-height: 45px;
        letter-spacing: 0%;
        text-align: left; /* 左寄せ */
        color: #101010; /* 黒色 */
    }
    
    .top__section-02-text-white {
        font-family: "Shippori Mincho B1 OTF", "Shippori Mincho B1", serif;
        font-weight: 400;
        font-style: normal;
        font-size: 35px;
        line-height: 45px;
        letter-spacing: 0%;
        text-align: left; /* 左寄せ */
        color: #ffffff; /* 白色 */
    }
    
    /* 説明テキスト - 1から明示的に設定 */
    .top__section-02-description {
        position: absolute;
        width: 335px;
        height: 80px;
        top: 862px;
        left: 34px;
        margin: 0;
        padding: 0;
        color: #ffffff;
        font-family: "Noto Sans CJK JP", sans-serif;
        font-weight: 500;
        font-style: normal;
        font-size: 12px;
        line-height: 20px;
        letter-spacing: 0%;
        text-align: center;
        opacity: 1;
        visibility: visible;
        transform: rotate(0deg);
        z-index: 3; /* テキストの上に表示 */
        display: block;
    }
    
    /* ========================================
       Section 3 - 402px
       ======================================== */
    
    /* 親要素 */
    .top__section-03 {
        position: relative;
        width: 100%;
        max-width: 100%;
        left: 0;
        right: 0;
        background-color: #ffffff;
        box-sizing: border-box;
    }
    
    .top__section-03-image-wrapper {
        position: relative;
        width: 100%;
    }
    
    .top__section-03-columns {
        position: relative;
        width: 100%;
    }
    
    .top__section-03-column {
        position: relative;
    }
    
    /* 「株式会社サントなら、空き家の「困った」をまとめて解決！」見出し - 1から明示的に設定 */
    .top__section-03-heading {
    position: absolute;
        width: 260px;
        height: 114px;
        top: 1307px;
        left: 90px;
    margin: 0;
    padding: 0;
        font-family: "Shippori Mincho B1 OTF", "Shippori Mincho B1", serif;
        font-weight: 400;
        font-style: normal;
        font-size: 26px;
        line-height: 38px;
    letter-spacing: 0%;
        text-align: center;
        color: #101010;
    opacity: 1;
        transform: rotate(0deg);
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    
    /* ========================================
       Section 4 - 402px
       ======================================== */
    
    /* 親要素 */
    .top__steps-section {
        position: relative;
        width: 100%;
        max-width: 100%;
        left: 0;
        right: 0;
        box-sizing: border-box;
    }
    
    .top__steps-container {
        position: relative;
        width: 100%;
    }
    
    .top__steps-content {
        position: relative;
        width: 100%;
    }
    
    .top__steps-image-wrapper {
        position: relative;
        width: 100%;
    }
    
    /* 元の画像を非表示 */
    .top__steps-image--01 {
        display: none;
    }
    
    .top__steps-image--02 {
        display: none;
    }
    
    .top__steps-image--03 {
        display: none;
    }
    
    .top__steps-image--04 {
        display: none;
    }
    
    /* step-01-sp.png - 1から明示的に設定 */
    .top__steps-image-wrapper::before {
        content: "";
        position: absolute;
        width: 100%;
        max-width: 100%;
        height: 269px;
        top: 1671px;
        left: 0;
        display: block;
        opacity: 1;
        transform: rotate(0deg);
        background-image: url("../../images/section-04/step-01-sp.png");
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        z-index: 1;
        box-sizing: border-box;
    }
    
    /* step-02-sp.png - 1から明示的に設定 */
    .top__steps-image-wrapper::after {
        content: "";
        position: absolute;
        width: 100%;
        max-width: 100%;
        height: 269px;
        top: 2199px;
        left: 0;
        display: block;
        opacity: 1;
        transform: rotate(0deg);
        background-image: url("../../images/section-04/step-02-sp.png");
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        z-index: 1;
        box-sizing: border-box;
    }
    
    /* step-03-sp.png - 1から明示的に設定 */
    .top__steps-container::before {
        content: "";
        position: absolute;
        width: 100%;
        max-width: 100%;
        height: 269px;
        top: 2745px;
        left: 0;
        display: block;
        opacity: 1;
        transform: rotate(0deg);
        background-image: url("../../images/section-04/step-03-sp.png");
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        z-index: 1;
        box-sizing: border-box;
    }
    
    /* step-04-sp.png - 1から明示的に設定 */
    .top__steps-container::after {
        content: "";
        position: absolute;
        width: 100%;
        max-width: 100%;
        height: 269px;
        top: 3290px;
        left: 0;
        display: block;
        opacity: 1;
        transform: rotate(0deg);
        background-image: url("../../images/section-04/step-04-sp.png");
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        z-index: 1;
        box-sizing: border-box;
    }
    
    /* 「まずは専門スタッフが現地にうかがい...」テキスト - 1から明示的に設定 */
    .top__steps-description--01 {
        position: absolute;
        width: 317px;
        height: 120px;
        top: 2035px;
        left: 43px;
        margin: 0;
        padding: 0;
        color: #000000;
        font-family: "Noto Sans CJK JP", sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 15px;
        line-height: 24px;
        letter-spacing: 0%;
        text-align: left;
        opacity: 1;
        transform: rotate(0deg);
        visibility: visible;
        display: block;
    }
    
    /* ========================================
       Section 5 - 402px
       ======================================== */
    
    /* 親要素 */
    .top__section-05 {
        position: relative;
        width: 100%;
        max-width: 100%;
        left: 0;
        right: 0;
        box-sizing: border-box;
    }
    
    /* 「依頼された方の約9割が サントにお願いして良かったと お声を頂いております」テキスト - 1から明示的に設定 */
    .top__section-05-title {
        position: absolute;
        width: 307px;
        height: 96px;
        top: 3893px;
        left: 53px;
        margin: 0;
        padding: 0;
        color: #000000;
        font-family: "Shippori Mincho B1 OTF", "Shippori Mincho B1", serif;
        font-weight: 400;
        font-style: normal;
        font-size: 22px;
        line-height: 100%;
        letter-spacing: 0%;
        text-align: center;
        opacity: 1;
        transform: rotate(0deg);
        visibility: visible;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 8px; /* 改行幅（行間）を広げる */
    }
    
    /* 各span（行）のスタイル */
    .top__section-05-title > span {
        display: block;
    width: 100%;
        text-align: center;
    }
    
    /* 「サントにお願いして良かったと」のラッパー - 横並びにする */
    .top__section-05-title-underline-blue-wrapper {
        display: inline-flex;
        align-items: center;
        text-align: center;
    }

    .top__section-05-title-underline-blue-to {
        white-space: nowrap;
    }

    .top__section-05-title-line2--pc {
        display: none;
    }

    .top__section-05-title-line2--sp,
    .top__section-05-title-line3--sp {
        display: block;
    }

    .top__section-05-title-line2--pc {
        display: none !important;
    }
    
    /* 「サントにお願いして良かった」span - 青色・下線付き */
    .top__section-05-title-underline-blue {
        font-family: "Shippori Mincho B1 OTF", "Shippori Mincho B1", serif;
        font-weight: 400;
        font-style: normal;
        font-size: 22px;
        line-height: 100%;
        letter-spacing: 0%;
        text-align: center;
        color: #187BB8;
        text-decoration: underline;
        text-decoration-style: solid;
        text-decoration-offset: 0%;
        text-decoration-thickness: 0%;
        text-decoration-skip-ink: auto;
    }

    .top__section-05-title-highlight {
        font-family: "Shippori Mincho B1 OTF", "Shippori Mincho B1", serif;
        font-weight: 400;
        font-style: normal;
        font-size: 22px;
        line-height: 100%;
        letter-spacing: 0%;
        text-align: center;
        color: #187BB8;
        text-decoration: underline;
        text-decoration-style: solid;
        text-decoration-thickness: 2px;
        text-decoration-skip-ink: auto;
    }
    
    /* 「と」span - 黒色・下線なし */
    .top__section-05-title-underline-blue-to {
        font-family: "Shippori Mincho B1 OTF", "Shippori Mincho B1", serif;
        font-weight: 400;
        font-style: normal;
        font-size: 22px;
        line-height: 100%;
        letter-spacing: 0%;
        text-align: center;
        color: #000000; /* 黒色 */
        text-decoration: none; /* アンダーラインなし */
    }
    
    /* 「お声を頂いております」span - 下線なし */
    .top__section-05-title-underline {
        font-family: "Shippori Mincho B1 OTF", "Shippori Mincho B1", serif;
        font-weight: 400;
        font-style: normal;
        font-size: 22px;
        line-height: 100%;
        letter-spacing: 0%;
        text-align: center;
        text-decoration: none; /* アンダーラインなし */
    }
    
    /* 「最初は事務所の解体工事をお願いするつもりでしたが...」テキスト - 1から明示的に設定 */
    .top__section-05-item-body--01 {
        position: absolute;
        width: 317px;
        height: 182px;
        top: 4363px;
        left: 43px;
        margin: 0;
        padding: 0;
    color: #000000;
        font-family: "Noto Sans CJK JP", sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 15px;
        line-height: 24px;
        letter-spacing: 0%;
    text-align: left;
        opacity: 1;
        transform: rotate(0deg);
        visibility: visible;
        display: block;
    }

    .top__section-05-item-body--02 {
        position: absolute;
        width: 317px;
        height: 182px;
        top: 4909px;
        left: 43px;
        margin: 0;
        padding: 0;
    color: #000000;
        font-family: "Noto Sans CJK JP", sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 15px;
        line-height: 24px;
        letter-spacing: 0%;
    text-align: left;
        opacity: 1;
        transform: rotate(0deg);
        visibility: visible;
        display: block;
    }

    /* ========================================
       Section 6 - 402px
       ======================================== */
    .top__section-06 {
        position: relative;
        width: 100%;
        max-width: 100%;
        left: 0;
        right: 0;
        background-color: #ffffff;
        box-sizing: border-box;
    }
    
    .top__section-06-bg {
        position: absolute;
        width: 100%;
        height: auto;
        top: 5153px;
        left: 0;
        opacity: 1;
        transform: rotate(0deg);
        z-index: 0;
        object-fit: cover;
        display: block;
    }
    
    /* overlay-01-sp.png - picture要素の上に表示 */
    .top__section-06-overlay-01-sp {
        position: absolute;
        width: 360px; /* 元の横幅を維持 */
        height: 676px;
        top: 5167px;
        left: 21px; /* 左右の余白を均等にする（402px - 360px = 42px ÷ 2 = 21px） */
        margin: 0;
        padding: 0;
        background-image: url("../../images/section-06/overlay-01-sp.png");
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        opacity: 0.7;
        border-radius: 12px;
        transform: rotate(0deg);
        visibility: visible;
        z-index: 2; /* picture要素の上に表示 */
    }

    .top__section-06-bg-overlay-01 {
        position: absolute;
        width: 360px; /* 元の横幅を維持 */
        height: 137px;
        top: 6047px;
        left: 21px; /* 左右の余白を均等にする（402px - 360px = 42px ÷ 2 = 21px） */
        margin: 0;
        padding: 0;
        background: #EFF8FD;
        opacity: 0;
        border-radius: 15px;
        transform: translateY(8px);
        visibility: visible;
        z-index: 1;
        -webkit-transition: opacity 0.6s ease, -webkit-transform 0.6s ease;
        transition: opacity 0.6s ease, transform 0.6s ease;
    }
    
    .top__section-06-bg-overlay-02 {
        position: absolute;
        width: 360px; /* 元の横幅を維持 */
        height: 137px;
        top: 6200px;
        left: 21px; /* 左右の余白を均等にする（402px - 360px = 42px ÷ 2 = 21px） */
        margin: 0;
        padding: 0;
        background: #E0F4FF;
        opacity: 0;
        border-radius: 15px;
        transform: translateY(8px);
        visibility: visible;
        z-index: 1;
        -webkit-transition: opacity 0.6s ease, -webkit-transform 0.6s ease;
        transition: opacity 0.6s ease, transform 0.6s ease;
    }

    /* overlay-02-sp.png アイコン - 他のoverlayとは異なる構成のため別クラス名 */
    .top__section-06-icon {
        position: absolute;
        width: 215.23695373535156px;
        height: 88.00003051757812px;
        top: 5211px;
        left: 93px;
        margin: 0;
        padding: 0;
        background-image: url("../../images/section-06/overlay-02-sp.png");
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        opacity: 1;
        transform: rotate(0deg);
        visibility: visible;
        z-index: 2;
    }

    .top__section-06-bg-overlay-03 {
        position: absolute;
        width: 360px; /* 元の横幅を維持 */
        height: 137px;
        top: 6355px;
        left: 21px; /* 左右の余白を均等にする（402px - 360px = 42px ÷ 2 = 21px） */
        margin: 0;
        padding: 0;
        background: #C4EAFF;
        opacity: 0;
        border-radius: 15px;
        transform: translateY(8px);
        visibility: visible;
        z-index: 1;
        -webkit-transition: opacity 0.6s ease, -webkit-transform 0.6s ease;
        transition: opacity 0.6s ease, transform 0.6s ease;
    }
    
    .top__section-06-bg-overlay-04 {
        position: absolute;
        width: 360px; /* 元の横幅を維持 */
        height: 137px;
        top: 6509px;
        left: 21px; /* 左右の余白を均等にする（402px - 360px = 42px ÷ 2 = 21px） */
        margin: 0;
        padding: 0;
        background: #B5E4FF;
        opacity: 0;
        border-radius: 15px;
        transform: translateY(8px);
        visibility: visible;
        z-index: 1;
        -webkit-transition: opacity 0.6s ease, -webkit-transform 0.6s ease;
        transition: opacity 0.6s ease, transform 0.6s ease;
    }

    .top__section-06-bg-overlay-01.is-visible,
    .top__section-06-bg-overlay-02.is-visible,
    .top__section-06-bg-overlay-03.is-visible,
    .top__section-06-bg-overlay-04.is-visible {
        opacity: 1;
        transform: translateY(0);
    }
    
    /* 番号（01, 02, 03, 04）のスタイル */
    .top__section-06-number {
        position: absolute;
        margin: 0;
        padding: 0;
        color: #187BB8;
        font-family: "Jost", sans-serif;
        font-weight: 500;
        font-style: normal;
        font-size: 45px;
        line-height: 100%;
        letter-spacing: 0%;
        display: block;
        opacity: 1;
        transform: rotate(0deg);
        visibility: visible;
        z-index: 2; /* overlay要素の上に表示 */
    }
    
    /* 1つ目：01 */
    .top__section-06-number--01 {
        width: 50px;
        height: 65px;
        top: 6051px;
        left: 176px;
    }
    
    /* 2つ目：02 */
    .top__section-06-number--02 {
        width: 56px;
        height: 65px;
        top: 6204px;
        left: 173px;
    }
    
    /* 3つ目：03 */
    .top__section-06-number--03 {
        width: 55px;
        height: 65px;
        top: 6358px;
        left: 174px;
    }
    
    /* 4つ目：04 */
    .top__section-06-number--04 {
        width: 57px;
        height: 65px;
        top: 6513px;
        left: 173px;
    }
    
    /* ステップテキストの共通スタイル */
    .top__section-06-step {
        position: absolute;
        margin: 0;
        padding: 0;
    display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        opacity: 1;
        transform: rotate(0deg);
        visibility: visible;
        z-index: 2;
    }
    
    /* タイトル行（1行目） */
    .top__section-06-step-title {
        display: block;
        font-family: "Noto Sans CJK JP", sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 24px;
        line-height: 100%;
        letter-spacing: 0%;
        text-align: center;
        color: #000000;
        width: 100%;
    }
    
    /* 説明行（2行目） */
    .top__section-06-step-description {
        display: block;
        font-family: "Noto Sans CJK JP", sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 16px;
        line-height: 100%;
        letter-spacing: 0%;
        text-align: center;
        color: #000000;
        width: 100%;
        margin-top: 0.3em; /* 行間 */
    }
    
    /* 1つ目：無料相談申込 */
    .top__section-06-step--01 {
        width: 152px;
        height: 58px;
        top: 6114px;
        left: 125px;
    }
    
    /* 2つ目：担当者が訪問 */
    .top__section-06-step--02 {
        width: 144px;
        height: 58px;
        top: 6269px;
        left: 130px;
    }
    
    /* 3つ目：方針提案 */
    .top__section-06-step--03 {
        width: 224px;
        height: 58px;
        top: 6423px;
        left: 90px;
    }
    
    /* 4つ目：実行 */
    .top__section-06-step--04 {
        width: 256px;
        height: 58px;
        top: 6576px;
        left: 73px;
    }

    .top__section-06-info-04 {
        width: 200px;
        height: 52px;
        top: 5768px;
        left: 100px;
        text-align: center;
        opacity: 1;
        z-index: 2;
    }

    .top__section-06-info-04-line1,
    .top__section-06-info-04-line2 {
        font-family: "Noto Sans CJK JP", sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 20px;
        line-height: 26px;
        letter-spacing: 0%;
        text-align: center;
    }

    .top__section-06-info-03 {
        width: 240px;
        height: 52px;
        top: 5682px;
        left: 80px;
        text-align: center;
        opacity: 1;
        z-index: 2;
    }

    .top__section-06-info-03-line1,
    .top__section-06-info-03-line2 {
        font-family: "Noto Sans CJK JP", sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 20px;
        line-height: 26px;
        letter-spacing: 0%;
        text-align: center;
    }

    .top__section-06-info-02 {
        width: 280px;
        height: 52px;
        top: 5596px;
        left: 60px;
        text-align: center;
        opacity: 1;
        z-index: 2;
    }

    .top__section-06-info-02-line1,
    .top__section-06-info-02-line2 {
        font-family: "Noto Sans CJK JP", sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 20px;
        line-height: 26px;
        letter-spacing: 0%;
        text-align: center;
    }

    .top__section-06-info {
        width: 160px;
        height: 52px;
        top: 5510px;
        left: 120px;
        text-align: center;
        opacity: 1;
        z-index: 2;
    }

    .top__section-06-info-line1,
    .top__section-06-info-line2 {
        font-family: "Noto Sans CJK JP", sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 20px;
        line-height: 26px;
        letter-spacing: 0%;
        text-align: center;
    }

    .top__section-06-text {
        width: 242px;
        height: auto;
        top: 5329px;
        left: 82px;
        text-align: center;
        opacity: 1;
        z-index: 2;
    }
    
    .top__section-06-text-content {
        margin: 0;
        padding: 0;
        display: block;
        text-align: center;
    }

    .top__section-06-text-line-group {
        display: contents;
        white-space: normal;
    }

    .top__section-06-text-line1,
    .top__section-06-text-line2,
    .top__section-06-text-line3,
    .top__section-06-text-line4 {
        display: block;
        font-family: "Shippori Mincho B1 OTF", "Shippori Mincho B1", serif;
        font-weight: 400;
        font-style: normal;
        font-size: 22px;
        line-height: 130%;
        letter-spacing: 0%;
        text-align: center;
        width: 100%;
    }

    /* ========================================
       Section 7 - 402px
       ======================================== */
    .top__section-07 {
        position: relative;
        width: 100%;
        max-width: 100%;
        left: 0;
        right: 0;
        background-color: #ffffff;
        box-sizing: border-box;
    }
    
    /* 「ご相談から 売却・処分までの流れ」見出し - 1から明示的に設定 */
    .top__section-07-title {
        position: absolute;
        width: 312px;
        height: 88px;
        top: 5935px;
        left: 51px;
        margin: 0;
        padding: 0;
        font-family: "Shippori Mincho B1 OTF", "Shippori Mincho B1", serif;
        font-weight: 400;
        font-style: normal;
        font-size: 30px;
        line-height: 100%;
        letter-spacing: 0%;
        text-align: center;
        color: #187BB8;
        opacity: 1;
        transform: rotate(0deg);
        visibility: visible;
        display: flex;
        flex-direction: column; /* 縦に2行で表示 */
        align-items: center; /* 中央揃え */
        justify-content: center; /* 中央揃え */
        gap: 0.3em; /* 行間 */
    }
    
    /* 1行目「ご相談から」 */
    .top__section-07-title > span:first-child {
        display: block;
        letter-spacing: 0%;
        line-height: 100%;
        text-align: center;
        width: 100%;
    }

    /* 2行目「売却・処分までの流れ」 */
    .top__section-07-title > span:last-child {
        display: block;
        letter-spacing: 0%;
        line-height: 100%;
        text-align: center;
        width: 100%;
    }
    
    /* flow-arrow アイコンの共通スタイル - 402px用 */
    .top__section-07-flow-arrow {
        position: absolute;
        width: 23.6650390625px;
        height: 14.48046875px;
        left: 189px;
        margin: 0;
        padding: 0;
        opacity: 1;
        transform: rotate(0deg);
        visibility: visible;
        display: block;
        z-index: 3; /* 上に表示 */
    }
    
    /* 1つ目：flow-arrow */
    .top__section-07-flow-arrow--01 {
        top: 6190px;
    }
    
    /* 2つ目：flow-arrow */
    .top__section-07-flow-arrow--02 {
        top: 6344px;
    }
    
    /* 3つ目：flow-arrow */
    .top__section-07-flow-arrow--03 {
        top: 6499px;
    }
    
    /* Section 7 のPC版要素を非表示（402px用） */
    /* PC版の番号（01, 02, 03, 04）を非表示 */
    .top__section-07-number--01,
    .top__section-07-number--02,
    .top__section-07-number--03,
    .top__section-07-number--04 {
        display: none;
    }
    
    /* PC版の項目テキストを非表示 */
    .top__section-07-item--01,
    .top__section-07-item--02,
    .top__section-07-item--03,
    .top__section-07-item--04 {
        display: none;
    }
    
    /* PC版のflow-arrow（大きな矢印）を非表示 */
    /* ただし、スマホ用の小さな矢印（.top__section-07-flow-arrow--01, --02, --03）は表示 */
    .top__section-07-flow-arrow:not(.top__section-07-flow-arrow--01):not(.top__section-07-flow-arrow--02):not(.top__section-07-flow-arrow--03) {
        display: none;
    }
    
    /* ========================================
       Section 8 - 402px
       ======================================== */
    
    /* Section 8 の背景色 - 402px用 */
    .top__section-08 {
        position: relative;
        width: 100%;
        max-width: 100%;
        left: 0;
        right: 0;
        box-sizing: border-box;
    }
    
    /* Section 8 の背景色を::beforeで表示（最初の要素: top: 6804px から 最後の要素: top: 11468px + height: 105px = 11573px まで） */
    .top__section-08::before {
        content: "";
        position: absolute;
        top: 6732px;
        left: 0;
        width: 100%;
        height: 6557px;
        background-color: #FEFFF0;
        z-index: -1;
    }
    
    /* 「あなたの空き家は「資産」ですか？それとも「負債」ですか？」見出し - 1から明示的に設定 */
    .top__section-08-title {
        position: absolute;
        width: 240px;
        height: 176px;
        top: 6804px;
        left: 81px;
        margin: 0;
        padding: 0;
        font-family: "Shippori Mincho B1 OTF", "Shippori Mincho B1", serif;
        font-weight: 400;
        font-style: normal;
        font-size: 30px;
        line-height: 100%;
        letter-spacing: 0%;
        text-align: center;
        color: #187BB8;
        opacity: 1;
        transform: rotate(0deg);
        visibility: visible;
        display: flex;
        flex-direction: column; /* 縦に4行で表示 */
        align-items: center;
        justify-content: space-between; /* 行間を最大限に広げる */
    }
    
    /* PC用のテキストを非表示 */
    .top__section-08-title .top__section-08-title-line--pc {
        display: none;
    }
    
    /* SP用のテキストを表示 */
    .top__section-08-title .top__section-08-title-line--sp {
        display: block;
    }
    
    /* 各span（行）のスタイル */
    .top__section-08-title > span {
        display: block;
        width: 100%;
        text-align: center;
        font-family: "Shippori Mincho B1 OTF", "Shippori Mincho B1", serif;
        font-weight: 400;
        font-style: normal;
        font-size: 30px;
        line-height: 100%;
        letter-spacing: 0%;
        color: #187BB8;
    }
    
    /* 「今の空き家の状況にチェックを入れてみてください。」テキスト - 1から明示的に設定 */
    .top__section-08-subtitle {
        position: absolute;
        width: 299px;
        height: 60px;
        top: 7022px;
        left: 54px;
        margin: 0;
        padding: 0;
        font-family: "Noto Sans CJK JP", sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 20px;
        line-height: 100%;
        letter-spacing: 0%;
        text-align: center;
        color: #000000;
        opacity: 1;
        transform: rotate(0deg);
        visibility: visible;
        display: flex;
        flex-direction: column; /* 縦に2行で表示 */
        align-items: center;
        justify-content: space-between; /* 行間を最大限に広げる */
    }
    
    /* 各span（行）のスタイル */
    .top__section-08-subtitle > span {
        display: block;
        width: 100%;
        text-align: center;
        font-family: "Noto Sans CJK JP", sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 20px;
        line-height: 100%;
        letter-spacing: 0%;
        color: #000000;
    }

    .top__section-08-title {
        position: absolute;
        width: 240px;
        height: 176px;
        top: 6804px;
        left: 81px;
        margin: 0;
        padding: 0;
        font-family: "Shippori Mincho B1 OTF", "Shippori Mincho B1", serif;
        font-weight: 400;
        font-style: normal;
        font-size: 30px;
        line-height: 100%;
        letter-spacing: 0%;
        text-align: center;
        color: #187BB8;
        opacity: 1;
        transform: rotate(0deg);
        visibility: visible;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
    }

    .top__section-08-subtitle {
        position: absolute;
        width: 299px;
        height: 60px;
        top: 7022px;
        left: 54px;
        margin: 0;
        padding: 0;
        font-family: "Noto Sans CJK JP", sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 20px;
        line-height: 100%;
        letter-spacing: 0%;
        text-align: center;
        color: #000000;
        opacity: 1;
        transform: rotate(0deg);
        visibility: visible;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
    }

    .top__section-08-subtitle > span {
        display: block;
        width: 100%;
        text-align: center;
        font-family: "Noto Sans CJK JP", sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 20px;
        line-height: 100%;
        letter-spacing: 0%;
        color: #000000;
    }
    
    /* Section 8 カード背景ボックス - 402px用 */
    /* 共通スタイル：非アクティブ時（デフォルト） */
    .top__section-08-box {
        position: absolute;
        width: 360px;
        height: 211px;
        margin: 0;
        padding: 0;
        background-color: #EFF8FD; /* 非アクティブ時の色 */
        opacity: 1;
        border-radius: 15px;
        transform: rotate(0deg);
        visibility: visible;
        z-index: 0;
        cursor: pointer;
    }
    
    /* アクティブ時（クリック時）の色 */
    .top__section-08-box.is-active {
        background-color: #C7EBFF; /* アクティブ時の色 */
    }
    
    /* Section 8 カードテキスト - 402px用共通スタイル */
    .top__section-08-card-text {
        color: #088FFB; /* デフォルトの文字色 */
    }
    
    /* 最初のカード要素の背景ボックス - 1から明示的に設定 */
    .top__section-08-box--01 {
        top: 7224px;
        left: 21px;
    }
    
    /* 1つ目のチェックマーク - 402px用 */
    .top__section-08-mark--01 {
        position: absolute;
        width: 14.5px;
        height: 29px;
        top: 7239px;
        left: 340.5px;
        transform: rotate(46deg);
        opacity: 1;
        visibility: visible;
    }
    
    /* 2つ目から18つ目のチェックマーク - 402px用（leftを統一、topは個別に設定可能） */
    .top__section-08-mark--02 {
        position: absolute;
        width: 14.5px;
        height: 29px;
        top: 7478px; /* ボックスのtop (7463px) + 15px */
        left: 340.5px;
        transform: rotate(46deg);
        opacity: 1;
        visibility: visible;
        z-index: 3;
    }
    
    .top__section-08-mark--03 {
        position: absolute;
        width: 14.5px;
        height: 29px;
        top: 7718px; /* ボックスのtop (7703px) + 15px */
        left: 340.5px;
        transform: rotate(46deg);
        opacity: 1;
        visibility: visible;
        z-index: 3;
    }
    
    .top__section-08-mark--04 {
        position: absolute;
        width: 14.5px;
        height: 29px;
        top: 7945px; /* ボックスのtop (7930px) + 15px */
        left: 340.5px;
        transform: rotate(46deg);
        opacity: 1;
        visibility: visible;
        z-index: 3;
    }
    
    .top__section-08-mark--05 {
        position: absolute;
        width: 14.5px;
        height: 29px;
        top: 8175px; /* ボックスのtop (8160px) + 15px */
        left: 340.5px;
        transform: rotate(46deg);
        opacity: 1;
        visibility: visible;
        z-index: 3;
    }
    
    .top__section-08-mark--06 {
        position: absolute;
        width: 14.5px;
        height: 29px;
        top: 8405px; /* ボックスのtop (8390px) + 15px */
        left: 340.5px;
        transform: rotate(46deg);
        opacity: 1;
        visibility: visible;
        z-index: 3;
    }
    
    .top__section-08-mark--07 {
        position: absolute;
        width: 14.5px;
        height: 29px;
        top: 8759px; /* ボックスのtop (8744px) + 15px */
        left: 340.5px;
        transform: rotate(46deg);
        opacity: 1;
        visibility: visible;
        z-index: 3;
    }
    
    .top__section-08-mark--08 {
        position: absolute;
        width: 14.5px;
        height: 29px;
        top: 8989px; /* ボックスのtop (8974px) + 15px */
        left: 340.5px;
        transform: rotate(46deg);
        opacity: 1;
        visibility: visible;
        z-index: 3;
    }
    
    .top__section-08-mark--09 {
        position: absolute;
        width: 14.5px;
        height: 29px;
        top: 9219px; /* ボックスのtop (9204px) + 15px */
        left: 340.5px;
        transform: rotate(46deg);
        opacity: 1;
        visibility: visible;
        z-index: 3;
    }
    
    .top__section-08-mark--10 {
        position: absolute;
        width: 14.5px;
        height: 29px;
        top: 9449px; /* ボックスのtop (9434px) + 15px */
        left: 340.5px;
        transform: rotate(46deg);
        opacity: 1;
        visibility: visible;
        z-index: 3;
    }
    
    .top__section-08-mark--11 {
        position: absolute;
        width: 14.5px;
        height: 29px;
        top: 9679px; /* ボックスのtop (9664px) + 15px */
        left: 340.5px;
        transform: rotate(46deg);
        opacity: 1;
        visibility: visible;
        z-index: 3;
    }
    
    .top__section-08-mark--12 {
        position: absolute;
        width: 14.5px;
        height: 29px;
        top: 9909px; /* ボックスのtop (9894px) + 15px */
        left: 340.5px;
        transform: rotate(46deg);
        opacity: 1;
        visibility: visible;
        z-index: 3;
    }
    
    .top__section-08-mark--13 {
        position: absolute;
        width: 14.5px;
        height: 29px;
        top: 10263px; /* ボックスのtop (10248px) + 15px */
        left: 340.5px;
        transform: rotate(46deg);
        opacity: 1;
        visibility: visible;
        z-index: 3;
    }
    
    .top__section-08-mark--14 {
        position: absolute;
        width: 14.5px;
        height: 29px;
        top: 10493px; /* ボックスのtop (10478px) + 15px */
        left: 340.5px;
        transform: rotate(46deg);
        opacity: 1;
        visibility: visible;
        z-index: 3;
    }
    
    .top__section-08-mark--15 {
        position: absolute;
        width: 14.5px;
        height: 29px;
        top: 10723px; /* ボックスのtop (10708px) + 15px */
        left: 340.5px;
        transform: rotate(46deg);
        opacity: 1;
        visibility: visible;
        z-index: 3;
    }
    
    .top__section-08-mark--16 {
        position: absolute;
        width: 14.5px;
        height: 29px;
        top: 10953px; /* ボックスのtop (10938px) + 15px */
        left: 340.5px;
        transform: rotate(46deg);
        opacity: 1;
        visibility: visible;
        z-index: 3;
    }
    
    .top__section-08-mark--17 {
        position: absolute;
        width: 14.5px;
        height: 29px;
        top: 11183px; /* ボックスのtop (11168px) + 15px */
        left: 340.5px;
        transform: rotate(46deg);
        opacity: 1;
        visibility: visible;
        z-index: 3;
    }
    
    .top__section-08-mark--18 {
        position: absolute;
        width: 14.5px;
        height: 29px;
        top: 11413px; /* ボックスのtop (11398px) + 15px */
        left: 340.5px;
        transform: rotate(46deg);
        opacity: 1;
        visibility: visible;
        z-index: 3;
    }
    
    /* 1つ目のチェックマーク背景 - 402px用 */
    .top__section-08-mark-bg--01 {
        position: absolute;
        width: 36px;
        height: 36px;
        top: 7246px;
        left: 328.5px;
        opacity: 1;
        transform: rotate(0deg);
        visibility: visible;
        z-index: 2;
        background: #ffffff;
        border-radius: 36px;
        pointer-events: none;
    }
    
    /* 2つ目から18つ目のチェックマーク背景 - 402px用（leftを統一、topは個別に設定可能） */
    .top__section-08-mark-bg--02 {
        position: absolute;
        width: 36px;
        height: 36px;
        top: 7485px; /* ボックスのtop (7463px) + 22px */
        left: 328.5px;
        opacity: 1;
        transform: rotate(0deg);
        visibility: visible;
        z-index: 2;
        background: #ffffff;
        border-radius: 36px;
        pointer-events: none;
    }
    
    .top__section-08-mark-bg--03 {
        position: absolute;
        width: 36px;
        height: 36px;
        top: 7725px; /* ボックスのtop (7703px) + 22px */
        left: 328.5px;
        opacity: 1;
        transform: rotate(0deg);
        visibility: visible;
        z-index: 2;
        background: #ffffff;
        border-radius: 36px;
        pointer-events: none;
    }
    
    .top__section-08-mark-bg--04 {
        position: absolute;
        width: 36px;
        height: 36px;
        top: 7952px; /* ボックスのtop (7930px) + 22px */
        left: 328.5px;
        opacity: 1;
        transform: rotate(0deg);
        visibility: visible;
        z-index: 2;
        background: #ffffff;
        border-radius: 36px;
        pointer-events: none;
    }
    
    .top__section-08-mark-bg--05 {
        position: absolute;
        width: 36px;
        height: 36px;
        top: 8182px; /* ボックスのtop (8160px) + 22px */
        left: 328.5px;
        opacity: 1;
        transform: rotate(0deg);
        visibility: visible;
        z-index: 2;
        background: #ffffff;
        border-radius: 36px;
        pointer-events: none;
    }
    
    .top__section-08-mark-bg--06 {
        position: absolute;
        width: 36px;
        height: 36px;
        top: 8412px; /* ボックスのtop (8390px) + 22px */
        left: 328.5px;
        opacity: 1;
        transform: rotate(0deg);
        visibility: visible;
        z-index: 2;
        background: #ffffff;
        border-radius: 36px;
        pointer-events: none;
    }
    
    .top__section-08-mark-bg--07 {
        position: absolute;
        width: 36px;
        height: 36px;
        top: 8766px; /* ボックスのtop (8744px) + 22px */
        left: 328.5px;
        opacity: 1;
        transform: rotate(0deg);
        visibility: visible;
        z-index: 2;
        background: #ffffff;
        border-radius: 36px;
        pointer-events: none;
    }
    
    .top__section-08-mark-bg--08 {
        position: absolute;
        width: 36px;
        height: 36px;
        top: 8996px; /* ボックスのtop (8974px) + 22px */
        left: 328.5px;
        opacity: 1;
        transform: rotate(0deg);
        visibility: visible;
        z-index: 2;
        background: #ffffff;
        border-radius: 36px;
        pointer-events: none;
    }
    
    .top__section-08-mark-bg--09 {
        position: absolute;
        width: 36px;
        height: 36px;
        top: 9226px; /* ボックスのtop (9204px) + 22px */
        left: 328.5px;
        opacity: 1;
        transform: rotate(0deg);
        visibility: visible;
        z-index: 2;
        background: #ffffff;
        border-radius: 36px;
        pointer-events: none;
    }
    
    .top__section-08-mark-bg--10 {
        position: absolute;
        width: 36px;
        height: 36px;
        top: 9456px; /* ボックスのtop (9434px) + 22px */
        left: 328.5px;
        opacity: 1;
        transform: rotate(0deg);
        visibility: visible;
        z-index: 2;
        background: #ffffff;
        border-radius: 36px;
        pointer-events: none;
    }
    
    .top__section-08-mark-bg--11 {
        position: absolute;
        width: 36px;
        height: 36px;
        top: 9686px; /* ボックスのtop (9664px) + 22px */
        left: 328.5px;
        opacity: 1;
        transform: rotate(0deg);
        visibility: visible;
        z-index: 2;
        background: #ffffff;
        border-radius: 36px;
        pointer-events: none;
    }
    
    .top__section-08-mark-bg--12 {
        position: absolute;
        width: 36px;
        height: 36px;
        top: 9916px; /* ボックスのtop (9894px) + 22px */
        left: 328.5px;
        opacity: 1;
        transform: rotate(0deg);
        visibility: visible;
        z-index: 2;
        background: #ffffff;
        border-radius: 36px;
        pointer-events: none;
    }
    
    .top__section-08-mark-bg--13 {
        position: absolute;
        width: 36px;
        height: 36px;
        top: 10270px; /* ボックスのtop (10248px) + 22px */
        left: 328.5px;
        opacity: 1;
        transform: rotate(0deg);
        visibility: visible;
        z-index: 2;
        background: #ffffff;
        border-radius: 36px;
        pointer-events: none;
    }
    
    .top__section-08-mark-bg--14 {
        position: absolute;
        width: 36px;
        height: 36px;
        top: 10500px; /* ボックスのtop (10478px) + 22px */
        left: 328.5px;
        opacity: 1;
        transform: rotate(0deg);
        visibility: visible;
        z-index: 2;
        background: #ffffff;
        border-radius: 36px;
        pointer-events: none;
    }
    
    .top__section-08-mark-bg--15 {
        position: absolute;
        width: 36px;
        height: 36px;
        top: 10730px; /* ボックスのtop (10708px) + 22px */
        left: 328.5px;
        opacity: 1;
        transform: rotate(0deg);
        visibility: visible;
        z-index: 2;
        background: #ffffff;
        border-radius: 36px;
        pointer-events: none;
    }
    
    .top__section-08-mark-bg--16 {
        position: absolute;
        width: 36px;
        height: 36px;
        top: 10960px; /* ボックスのtop (10938px) + 22px */
        left: 328.5px;
        opacity: 1;
        transform: rotate(0deg);
        visibility: visible;
        z-index: 2;
        background: #ffffff;
        border-radius: 36px;
        pointer-events: none;
    }
    
    .top__section-08-mark-bg--17 {
        position: absolute;
        width: 36px;
        height: 36px;
        top: 11190px; /* ボックスのtop (11168px) + 22px */
        left: 328.5px;
        opacity: 1;
        transform: rotate(0deg);
        visibility: visible;
        z-index: 2;
        background: #ffffff;
        border-radius: 36px;
        pointer-events: none;
    }
    
    .top__section-08-mark-bg--18 {
        position: absolute;
        width: 36px;
        height: 36px;
        top: 11420px; /* ボックスのtop (11398px) + 22px */
        left: 328.5px;
        opacity: 1;
        transform: rotate(0deg);
        visibility: visible;
        z-index: 2;
        background: #ffffff;
        border-radius: 36px;
        pointer-events: none;
    }
    
    /* 「管理状況チェック」テキスト - 1から明示的に設定 */
    .top__section-08-check--status {
        position: absolute;
        width: 224px;
        height: 42px;
        top: 7140px;
        left: 89px;
        margin: 0;
        padding: 0;
        font-family: "Noto Sans CJK JP", sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 28px;
        line-height: 100%;
        letter-spacing: 0%;
        text-align: center;
        color: #3AA1E2;
        opacity: 1;
        transform: rotate(0deg);
        visibility: visible;
        display: block;
    }
    
    /* 2つ目のカード要素の背景ボックス - 1から明示的に設定 */
    .top__section-08-box--02 {
        top: 7463px;
        left: 21px;
    }
    
    /* 3つ目のカード要素の背景ボックス - 1から明示的に設定 */
    .top__section-08-box--03 {
        top: 7703px; /* 2つ目の下に配置 */
        left: 21px;
    }
    
    /* 「1年以上、窓を開けて空気の入れ替えをしていない」テキスト - 1から明示的に設定 */
    .top__section-08-card-text--01 {
        position: absolute;
        width: 287px;
        height: 105px;
        top: 7295px;
        left: 58px;
        margin: 0;
        padding: 0;
        opacity: 1;
        transform: rotate(0deg);
        visibility: visible;
        display: flex;
        flex-direction: column; /* 縦に3行で表示 */
        align-items: center;
        justify-content: space-between; /* 行間を最大限に広げる */
        font-family: "Noto Sans CJK JP", sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 24px;
        line-height: 35px;
        letter-spacing: 0%;
        text-align: center;
        color: #088FFB; /* 文字色 */
    }
    
    /* 各span（行）のスタイル */
    .top__section-08-card-text--01 > span {
        display: block;
        width: 100%;
        text-align: center;
        font-family: "Noto Sans CJK JP", sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 24px;
        line-height: 35px;
        letter-spacing: 0%;
        color: #088FFB; /* 文字色 */
    }
    
    /* 「庭の草木が伸び放題でお隣さんに迷惑をかけているかも」テキスト（2つ目） - 1から明示的に設定 */
    .top__section-08-card-text--02 {
        position: absolute;
        width: 343px;
        height: 105px;
        top: 7534px;
        left: 30px;
        margin: 0;
        padding: 0;
        opacity: 1;
        transform: rotate(0deg);
        visibility: visible;
        display: flex;
        flex-direction: column; /* 縦に3行で表示 */
        align-items: center;
        justify-content: space-between; /* 行間を最大限に広げる */
        font-family: "Noto Sans CJK JP", sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 24px;
        line-height: 35px;
        letter-spacing: 0%;
        text-align: center;
        color: #088FFB; /* 文字色 */
    }
    
    /* 各span（行）のスタイル */
    .top__section-08-card-text--02 > span {
        display: block;
        width: 100%;
        text-align: center;
        font-family: "Noto Sans CJK JP", sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 24px;
        line-height: 35px;
        letter-spacing: 0%;
        color: #088FFB; /* 文字色 */
    }
    
    /* 「ポストがチラシや郵便物でいっぱいになっている」テキスト（3つ目） - 1から明示的に設定 */
    .top__section-08-card-text--03 {
        position: absolute;
        width: 343px;
        height: 70px;
        top: 7773px; /* 2つ目のテキストの下に配置（7463 + 211 + 99 = 7773px） */
        left: 30px;
        margin: 0;
        padding: 0;
        opacity: 1;
        transform: rotate(0deg);
        visibility: visible;
        display: flex;
        flex-direction: column; /* 縦に2行で表示 */
        align-items: center;
        justify-content: space-between; /* 行間を最大限に広げる */
        font-family: "Noto Sans CJK JP", sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 24px;
        line-height: 35px;
        letter-spacing: 0%;
        text-align: center;
        color: #088FFB; /* 文字色 */
    }
    
    /* 各span（行）のスタイル */
    .top__section-08-card-text--03 > span {
        display: block;
        width: 100%;
        text-align: center;
        font-family: "Noto Sans CJK JP", sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 24px;
        line-height: 35px;
        letter-spacing: 0%;
        color: #088FFB; /* 文字色 */
    }
    
    /* 4つ目のカード要素の背景ボックス - 1から明示的に設定 */
    .top__section-08-box--04 {
        top: 7930px; /* 3つ目の下に配置 */
        left: 21px;
    }
    
    /* 「外壁にひびが入ったり瓦がズレたりしている」テキスト（4つ目） - 1から明示的に設定 */
    .top__section-08-card-text--04 {
        position: absolute;
        width: 287px; /* 1つ目と同じ幅 */
        height: 70px; /* 2行なので70px */
        top: 8000px; /* 4つ目のボックスの下に配置 */
        left: 58px; /* 1つ目と同じleft位置 */
        margin: 0;
        padding: 0;
        opacity: 1;
        transform: rotate(0deg);
        visibility: visible;
        display: flex;
        flex-direction: column; /* 縦に2行で表示 */
        align-items: center;
        justify-content: space-between; /* 行間を最大限に広げる */
        font-family: "Noto Sans CJK JP", sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 24px;
        line-height: 35px;
        letter-spacing: 0%;
        text-align: center;
        color: #088FFB; /* 文字色 */
    }
    
    /* 各span（行）のスタイル */
    .top__section-08-card-text--04 > span {
        display: block;
        width: 100%;
        text-align: center;
        font-family: "Noto Sans CJK JP", sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 24px;
        line-height: 35px;
        letter-spacing: 0%;
        color: #088FFB; /* 文字色 */
    }
    
    /* 5つ目のカード要素の背景ボックス - 1から明示的に設定 */
    .top__section-08-box--05 {
        top: 8160px; /* 4つ目の下に配置 */
        left: 21px;
    }
    
    /* 「知らない間にゴミを捨てられたり誰かが入った形跡がある」テキスト（5つ目） - 1から明示的に設定 */
    .top__section-08-card-text--05 {
        position: absolute;
        width: 343px; /* 2つ目と同じ幅 */
        height: 105px; /* 3行なので105px */
        top: 8230px; /* 5つ目のボックスの下に配置 */
        left: 30px; /* 2つ目と同じleft位置 */
        margin: 0;
        padding: 0;
        opacity: 1;
        transform: rotate(0deg);
        visibility: visible;
        display: flex;
        flex-direction: column; /* 縦に3行で表示 */
        align-items: center;
        justify-content: space-between; /* 行間を最大限に広げる */
        font-family: "Noto Sans CJK JP", sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 24px;
        line-height: 35px;
        letter-spacing: 0%;
        text-align: center;
        color: #088FFB; /* 文字色 */
    }
    
    /* 各span（行）のスタイル */
    .top__section-08-card-text--05 > span {
        display: block;
        width: 100%;
        text-align: center;
        font-family: "Noto Sans CJK JP", sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 24px;
        line-height: 35px;
        letter-spacing: 0%;
        color: #088FFB; /* 文字色 */
    }
    
    /* 6つ目のカード要素の背景ボックス - 1から明示的に設定 */
    .top__section-08-box--06 {
        top: 8390px; /* 5つ目の下に配置 */
        left: 21px;
    }
    
    /* 「シロアリやネズミ野良猫が住み着いていないか心配だ」テキスト（6つ目） - 1から明示的に設定 */
    .top__section-08-card-text--06 {
        position: absolute;
        width: 343px; /* 2つ目と同じ幅 */
        height: 105px; /* 3行なので105px */
        top: 8460px; /* 6つ目のボックスの下に配置 */
        left: 30px; /* 2つ目と同じleft位置 */
        margin: 0;
        padding: 0;
        opacity: 1;
        transform: rotate(0deg);
        visibility: visible;
        display: flex;
        flex-direction: column; /* 縦に3行で表示 */
        align-items: center;
        justify-content: space-between; /* 行間を最大限に広げる */
        font-family: "Noto Sans CJK JP", sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 24px;
        line-height: 35px;
        letter-spacing: 0%;
        text-align: center;
        color: #088FFB; /* 文字色 */
    }
    
    /* 各span（行）のスタイル */
    .top__section-08-card-text--06 > span {
        display: block;
        width: 100%;
        text-align: center;
        font-family: "Noto Sans CJK JP", sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 24px;
        line-height: 35px;
        letter-spacing: 0%;
        color: #088FFB; /* 文字色 */
    }
    
    /* 「資産価値・費用チェック」テキスト - 1から明示的に設定 */
    .top__section-08-check--value {
        position: absolute;
        width: 360px; /* テキストが長いため、幅を調整 */
        height: 42px; /* 管理状況チェックと同じ高さ */
        top: 8674px; /* 6つ目のカードの下に配置 */
        left: 21px; /* 中央寄せのため調整 */
        margin: 0;
        padding: 0;
        font-family: "Noto Sans CJK JP", sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 28px; /* 管理状況チェックと同じサイズ */
        line-height: 100%;
        letter-spacing: 0%;
        text-align: center;
        color: #3AA1E2;
        opacity: 1;
        transform: rotate(0deg);
        visibility: visible;
        display: block;
    }
    
    /* 7つ目のカード要素の背景ボックス - 1から明示的に設定 */
    .top__section-08-box--07 {
        top: 8744px; /* 資産価値・費用チェックの下に配置（8674 + 42 + 28 = 8744px） */
        left: 21px;
    }
    
    /* 「使う予定がないのに毎年固定資産税だけを払っている」テキスト（7つ目） - 1から明示的に設定 */
    .top__section-08-card-text--07 {
        position: absolute;
        width: 287px; /* 1つ目と同じ幅 */
        height: 105px; /* 3行なので105px */
        top: 8814px; /* 7つ目のボックスの下に配置（8744 + 211 - 141 = 8814px） */
        left: 58px; /* 1つ目と同じleft位置 */
        margin: 0;
        padding: 0;
        opacity: 1;
        transform: rotate(0deg);
        visibility: visible;
        display: flex;
        flex-direction: column; /* 縦に3行で表示 */
        align-items: center;
        justify-content: space-between; /* 行間を最大限に広げる */
        font-family: "Noto Sans CJK JP", sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 24px;
        line-height: 35px;
        letter-spacing: 0%;
        text-align: center;
        color: #088FFB; /* 文字色 */
    }
    
    /* 各span（行）のスタイル */
    .top__section-08-card-text--07 > span {
        display: block;
        width: 100%;
        text-align: center;
        font-family: "Noto Sans CJK JP", sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 24px;
        line-height: 35px;
        letter-spacing: 0%;
        color: #088FFB; /* 文字色 */
    }
    
    /* 8つ目のカード要素の背景ボックス - 1から明示的に設定 */
    .top__section-08-box--08 {
        top: 8974px; /* 7つ目の下に配置（8814 + 105 + 55 = 8974px） */
        left: 21px;
    }
    
    /* 「家の中に家具や荷物が当時のまま残っている」テキスト（8つ目） - 1から明示的に設定 */
    .top__section-08-card-text--08 {
        position: absolute;
        width: 343px; /* 3つ目と同じ幅 */
        height: 70px; /* 2行なので70px */
        top: 9044px; /* 8つ目のボックスの下に配置（8974 + 211 - 141 = 9044px） */
        left: 30px; /* 3つ目と同じleft位置 */
        margin: 0;
        padding: 0;
        opacity: 1;
        transform: rotate(0deg);
        visibility: visible;
        display: flex;
        flex-direction: column; /* 縦に2行で表示 */
        align-items: center;
        justify-content: space-between; /* 行間を最大限に広げる */
        font-family: "Noto Sans CJK JP", sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 24px;
        line-height: 35px;
        letter-spacing: 0%;
        text-align: center;
        color: #088FFB; /* 文字色 */
    }
    
    /* 各span（行）のスタイル */
    .top__section-08-card-text--08 > span {
        display: block;
        width: 100%;
        text-align: center;
        font-family: "Noto Sans CJK JP", sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 24px;
        line-height: 35px;
        letter-spacing: 0%;
        color: #088FFB; /* 文字色 */
    }
    
    /* 9つ目のカード要素の背景ボックス - 1から明示的に設定 */
    .top__section-08-box--09 {
        top: 9204px; /* 8つ目の下に配置（9044 + 70 + 90 = 9204px） */
        left: 21px;
    }
    
    /* 「解体するのにいくらかかるか調べたことがない」テキスト（9つ目） - 1から明示的に設定 */
    .top__section-08-card-text--09 {
        position: absolute;
        width: 343px; /* 2つ目と同じ幅 */
        height: 105px; /* 3行なので105px */
        top: 9274px; /* 9つ目のボックスの下に配置（9204 + 211 - 141 = 9274px） */
        left: 30px; /* 2つ目と同じleft位置 */
        margin: 0;
        padding: 0;
        opacity: 1;
        transform: rotate(0deg);
        visibility: visible;
        display: flex;
        flex-direction: column; /* 縦に3行で表示 */
        align-items: center;
        justify-content: space-between; /* 行間を最大限に広げる */
        font-family: "Noto Sans CJK JP", sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 24px;
        line-height: 35px;
        letter-spacing: 0%;
        text-align: center;
        color: #088FFB; /* 文字色 */
    }
    
    /* 各span（行）のスタイル */
    .top__section-08-card-text--09 > span {
        display: block;
        width: 100%;
        text-align: center;
        font-family: "Noto Sans CJK JP", sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 24px;
        line-height: 35px;
        letter-spacing: 0%;
        color: #088FFB; /* 文字色 */
    }
    
    /* 10つ目のカード要素の背景ボックス - 1から明示的に設定 */
    .top__section-08-box--10 {
        top: 9434px; /* 9つ目の下に配置（9274 + 105 + 55 = 9434px） */
        left: 21px;
    }
    
    /* 「古い家なのでアスベストが含まれていないか不安だ」テキスト（10つ目） - 1から明示的に設定 */
    .top__section-08-card-text--10 {
        position: absolute;
        width: 287px; /* 1つ目と同じ幅 */
        height: 105px; /* 3行なので105px */
        top: 9504px; /* 10つ目のボックスの下に配置（9434 + 211 - 141 = 9504px） */
        left: 58px; /* 1つ目と同じleft位置 */
        margin: 0;
        padding: 0;
        opacity: 1;
        transform: rotate(0deg);
        visibility: visible;
        display: flex;
        flex-direction: column; /* 縦に3行で表示 */
        align-items: center;
        justify-content: space-between; /* 行間を最大限に広げる */
        font-family: "Noto Sans CJK JP", sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 24px;
        line-height: 35px;
        letter-spacing: 0%;
        text-align: center;
        color: #088FFB; /* 文字色 */
    }
    
    /* 各span（行）のスタイル */
    .top__section-08-card-text--10 > span {
        display: block;
        width: 100%;
        text-align: center;
        font-family: "Noto Sans CJK JP", sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 24px;
        line-height: 35px;
        letter-spacing: 0%;
        color: #088FFB; /* 文字色 */
    }
    
    /* 11つ目のカード要素の背景ボックス - 1から明示的に設定 */
    .top__section-08-box--11 {
        top: 9664px; /* 10つ目の下に配置（9504 + 105 + 55 = 9664px） */
        left: 21px;
    }
    
    /* 「今の空き家の価値がいくらなのか、実はよく知らない」テキスト（11つ目） - 1から明示的に設定 */
    .top__section-08-card-text--11 {
        position: absolute;
        width: 343px; /* 3つ目と同じ幅 */
        height: 70px; /* 2行なので70px */
        top: 9734px; /* 11つ目のボックスの下に配置（9664 + 211 - 141 = 9734px） */
        left: 30px; /* 3つ目と同じleft位置 */
        margin: 0;
        padding: 0;
        opacity: 1;
        transform: rotate(0deg);
        visibility: visible;
        display: flex;
        flex-direction: column; /* 縦に2行で表示 */
        align-items: center;
        justify-content: space-between; /* 行間を最大限に広げる */
        font-family: "Noto Sans CJK JP", sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 24px;
        line-height: 35px;
        letter-spacing: 0%;
        text-align: center;
        color: #088FFB; /* 文字色 */
    }
    
    /* 各span（行）のスタイル */
    .top__section-08-card-text--11 > span {
        display: block;
        width: 100%;
        text-align: center;
        font-family: "Noto Sans CJK JP", sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 24px;
        line-height: 35px;
        letter-spacing: 0%;
        color: #088FFB; /* 文字色 */
    }
    
    /* 12つ目のカード要素の背景ボックス - 1から明示的に設定 */
    .top__section-08-box--12 {
        top: 9894px; /* 11つ目の下に配置（9734 + 70 + 90 = 9894px） */
        left: 21px;
    }
    
    /* 「草刈り代や火災保険など維持費がもったいないと感じる」テキスト（12つ目） - 1から明示的に設定 */
    .top__section-08-card-text--12 {
        position: absolute;
        width: 343px; /* 2つ目と同じ幅 */
        height: 105px; /* 3行なので105px */
        top: 9964px; /* 12つ目のボックスの下に配置（9894 + 211 - 141 = 9964px） */
        left: 30px; /* 2つ目と同じleft位置 */
        margin: 0;
        padding: 0;
        opacity: 1;
        transform: rotate(0deg);
        visibility: visible;
        display: flex;
        flex-direction: column; /* 縦に3行で表示 */
        align-items: center;
        justify-content: space-between; /* 行間を最大限に広げる */
        font-family: "Noto Sans CJK JP", sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 24px;
        line-height: 35px;
        letter-spacing: 0%;
        text-align: center;
        color: #088FFB; /* 文字色 */
    }
    
    /* 各span（行）のスタイル */
    .top__section-08-card-text--12 > span {
        display: block;
        width: 100%;
        text-align: center;
        font-family: "Noto Sans CJK JP", sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 24px;
        line-height: 35px;
        letter-spacing: 0%;
        color: #088FFB; /* 文字色 */
    }
    
    /* 「権利・法律チェック」テキスト - 1から明示的に設定 */
    .top__section-08-check--rights {
        position: absolute;
        width: 360px; /* テキストが長いため、幅を調整 */
        height: 42px; /* 管理状況チェックと同じ高さ */
        top: 10178px; /* 12つ目のカードの下に配置 */
        left: 21px; /* 中央寄せのため調整 */
        margin: 0;
        padding: 0;
        font-family: "Noto Sans CJK JP", sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 28px; /* 管理状況チェックと同じサイズ */
        line-height: 100%;
        letter-spacing: 0%;
        text-align: center;
        color: #3AA1E2;
        opacity: 1;
        transform: rotate(0deg);
        visibility: visible;
        display: block;
    }
    
    /* 13つ目のカード要素の背景ボックス - 1から明示的に設定 */
    .top__section-08-box--13 {
        top: 10248px; /* 権利・法律チェックの下に配置（10178 + 42 + 28 = 10248px） */
        left: 21px;
    }
    
    /* 「親の名義のままで名義変更（相続登記）をしていない」テキスト（13つ目） - 1から明示的に設定 */
    .top__section-08-card-text--13 {
        position: absolute;
        width: 287px; /* 1つ目と同じ幅 */
        height: 105px; /* 3行なので105px */
        top: 10318px; /* 13つ目のボックスの下に配置（10248 + 211 - 141 = 10318px） */
        left: 58px; /* 1つ目と同じleft位置 */
        margin: 0;
        padding: 0;
        opacity: 1;
        transform: rotate(0deg);
        visibility: visible;
        display: flex;
        flex-direction: column; /* 縦に3行で表示 */
        align-items: center;
        justify-content: space-between; /* 行間を最大限に広げる */
        font-family: "Noto Sans CJK JP", sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 24px;
        line-height: 35px;
        letter-spacing: 0%;
        text-align: center;
        color: #088FFB; /* 文字色 */
    }
    
    /* 各span（行）のスタイル */
    .top__section-08-card-text--13 > span {
        display: block;
        width: 100%;
        text-align: center;
        font-family: "Noto Sans CJK JP", sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 24px;
        line-height: 35px;
        letter-spacing: 0%;
        color: #088FFB; /* 文字色 */
    }
    
    /* 14つ目のカード要素の背景ボックス - 1から明示的に設定 */
    .top__section-08-box--14 {
        top: 10478px; /* 13つ目の下に配置（10318 + 105 + 55 = 10478px） */
        left: 21px;
    }
    
    /* 「家族や親戚の間で家をどうするか話し合えていない」テキスト（14つ目） - 1から明示的に設定 */
    .top__section-08-card-text--14 {
        position: absolute;
        width: 343px; /* 2つ目と同じ幅 */
        height: 105px; /* 3行なので105px */
        top: 10548px; /* 14つ目のボックスの下に配置（10478 + 211 - 141 = 10548px） */
        left: 30px; /* 2つ目と同じleft位置 */
        margin: 0;
        padding: 0;
        opacity: 1;
        transform: rotate(0deg);
        visibility: visible;
        display: flex;
        flex-direction: column; /* 縦に3行で表示 */
        align-items: center;
        justify-content: space-between; /* 行間を最大限に広げる */
        font-family: "Noto Sans CJK JP", sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 24px;
        line-height: 35px;
        letter-spacing: 0%;
        text-align: center;
        color: #088FFB; /* 文字色 */
    }
    
    /* 各span（行）のスタイル */
    .top__section-08-card-text--14 > span {
        display: block;
        width: 100%;
        text-align: center;
        font-family: "Noto Sans CJK JP", sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 24px;
        line-height: 35px;
        letter-spacing: 0%;
        color: #088FFB; /* 文字色 */
    }
    
    /* 15つ目のカード要素の背景ボックス - 1から明示的に設定 */
    .top__section-08-box--15 {
        top: 10708px; /* 14つ目の下に配置（10548 + 105 + 55 = 10708px） */
        left: 21px;
    }
    
    /* 「お隣さんとの境界線がどの辺りかはっきり分かっていない」テキスト（15つ目） - 1から明示的に設定 */
    .top__section-08-card-text--15 {
        position: absolute;
        width: 343px; /* 2つ目と同じ幅 */
        height: 105px; /* 3行なので105px */
        top: 10778px; /* 15つ目のボックスの下に配置（10708 + 211 - 141 = 10778px） */
        left: 30px; /* 2つ目と同じleft位置 */
        margin: 0;
        padding: 0;
        opacity: 1;
        transform: rotate(0deg);
        visibility: visible;
        display: flex;
        flex-direction: column; /* 縦に3行で表示 */
        align-items: center;
        justify-content: space-between; /* 行間を最大限に広げる */
        font-family: "Noto Sans CJK JP", sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 24px;
        line-height: 35px;
        letter-spacing: 0%;
        text-align: center;
        color: #088FFB; /* 文字色 */
    }
    
    /* 各span（行）のスタイル */
    .top__section-08-card-text--15 > span {
        display: block;
        width: 100%;
        text-align: center;
        font-family: "Noto Sans CJK JP", sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 24px;
        line-height: 35px;
        letter-spacing: 0%;
        color: #088FFB; /* 文字色 */
    }
    
    /* 16つ目のカード要素の背景ボックス - 1から明示的に設定 */
    .top__section-08-box--16 {
        top: 10938px; /* 15つ目の下に配置（10778 + 105 + 55 = 10938px） */
        left: 21px;
    }
    
    /* 「将来、自分や家族がその家に住む予定はほぼない」テキスト（16つ目） - 1から明示的に設定 */
    .top__section-08-card-text--16 {
        position: absolute;
        width: 287px; /* 1つ目と同じ幅 */
        height: 105px; /* 3行なので105px */
        top: 11008px; /* 16つ目のボックスの下に配置（10938 + 211 - 141 = 11008px） */
        left: 58px; /* 1つ目と同じleft位置 */
        margin: 0;
        padding: 0;
        opacity: 1;
        transform: rotate(0deg);
        visibility: visible;
        display: flex;
        flex-direction: column; /* 縦に3行で表示 */
        align-items: center;
        justify-content: space-between; /* 行間を最大限に広げる */
        font-family: "Noto Sans CJK JP", sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 24px;
        line-height: 35px;
        letter-spacing: 0%;
        text-align: center;
        color: #088FFB; /* 文字色 */
    }
    
    /* 各span（行）のスタイル */
    .top__section-08-card-text--16 > span {
        display: block;
        width: 100%;
        text-align: center;
        font-family: "Noto Sans CJK JP", sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 24px;
        line-height: 35px;
        letter-spacing: 0%;
        color: #088FFB; /* 文字色 */
    }
    
    /* 17つ目のカード要素の背景ボックス - 1から明示的に設定 */
    .top__section-08-box--17 {
        top: 11168px; /* 16つ目の下に配置（11008 + 105 + 55 = 11168px） */
        left: 21px;
    }
    
    /* 「親が元気なうちに家のことを決めなくてはと思っている」テキスト（17つ目） - 1から明示的に設定 */
    .top__section-08-card-text--17 {
        position: absolute;
        width: 343px; /* 2つ目と同じ幅 */
        height: 105px; /* 3行なので105px */
        top: 11238px; /* 17つ目のボックスの下に配置（11168 + 211 - 141 = 11238px） */
        left: 30px; /* 2つ目と同じleft位置 */
        margin: 0;
        padding: 0;
        opacity: 1;
        transform: rotate(0deg);
        visibility: visible;
        display: flex;
        flex-direction: column; /* 縦に3行で表示 */
        align-items: center;
        justify-content: space-between; /* 行間を最大限に広げる */
        font-family: "Noto Sans CJK JP", sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 24px;
        line-height: 35px;
        letter-spacing: 0%;
        text-align: center;
        color: #088FFB; /* 文字色 */
    }
    
    /* 各span（行）のスタイル */
    .top__section-08-card-text--17 > span {
        display: block;
        width: 100%;
        text-align: center;
        font-family: "Noto Sans CJK JP", sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 24px;
        line-height: 35px;
        letter-spacing: 0%;
        color: #088FFB; /* 文字色 */
    }
    
    /* 18つ目のカード要素の背景ボックス - 1から明示的に設定 */
    .top__section-08-box--18 {
        top: 11398px; /* 17つ目の下に配置（11238 + 105 + 55 = 11398px） */
        left: 21px;
    }
    
    /* 「実家の片付けや処分のことを考えると「気が重い」」テキスト（18つ目） - 1から明示的に設定 */
    .top__section-08-card-text--18 {
        position: absolute;
        width: 343px; /* 2つ目と同じ幅 */
        height: 105px; /* 3行なので105px */
        top: 11468px; /* 18つ目のボックスの下に配置（11398 + 211 - 141 = 11468px） */
        left: 30px; /* 2つ目と同じleft位置 */
        margin: 0;
        padding: 0;
        opacity: 1;
        transform: rotate(0deg);
        visibility: visible;
        display: flex;
        flex-direction: column; /* 縦に3行で表示 */
        align-items: center;
        justify-content: space-between; /* 行間を最大限に広げる */
        font-family: "Noto Sans CJK JP", sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 24px;
        line-height: 35px;
        letter-spacing: 0%;
        text-align: center;
        color: #088FFB; /* 文字色 */
    }
    
    /* 各span（行）のスタイル */
    .top__section-08-card-text--18 > span {
        display: block;
        width: 100%;
        text-align: center;
        font-family: "Noto Sans CJK JP", sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 24px;
        line-height: 35px;
        letter-spacing: 0%;
        color: #088FFB; /* 文字色 */
    }
    
    /* 診断結果 - 402px用 */
    .top__section-08-result-title {
        position: absolute;
        width: 160px;
        height: 60px;
        top: 11695px;
        left: 121px;
        margin: 0;
        padding: 0;
        font-family: "Noto Sans CJK JP", sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 40px;
        line-height: 100%;
        letter-spacing: 0%;
        text-align: center;
        color: #3AA1E2;
        opacity: 1;
        transform: rotate(0deg);
    }
    
    /* あなたの「負動産」リスクは？ - 402px用 */
    .top__section-08-result-question {
        position: absolute;
        width: 336px;
        height: 29px;
        top: 11773px;
        left: 33px;
        margin: 0;
        padding: 0;
        font-family: "Noto Sans CJK JP", sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 24px;
        line-height: 100%;
        letter-spacing: 0%;
        text-align: center;
        color: #000000;
        opacity: 1;
        transform: rotate(0deg);
        white-space: nowrap;
        box-sizing: border-box;
    }
    
    /* 診断結果の数字「10」 - 402px用 */
    .top__section-08-result-number {
        position: absolute;
        width: 142px;
        height: 180px;
        top: 11779px;
        left: 130px;
        margin: 0;
        padding: 0;
        font-family: "Noto Sans CJK JP", sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 120px;
        line-height: 100%;
        letter-spacing: 0;
        text-align: center;
        vertical-align: bottom;
        color: #3AA1E2;
        opacity: 1;
        transform: rotate(0deg);
        display: flex;
        align-items: flex-end;
        justify-content: center;
    }
    
    /* 診断結果の単位「個」 - 402px用 */
    .top__section-08-result-unit {
        position: absolute;
        width: 30px;
        height: 45px;
        top: 11913px;
        left: 283px;
        margin: 0;
        padding: 0;
        font-family: "Noto Sans CJK JP", sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 30px;
        line-height: 100%;
        letter-spacing: 0;
        text-align: center;
        color: #000000;
        opacity: 1;
        transform: rotate(0deg);
    }
    
    /* チェック 0個 - 402px用 */
    .top__section-08-result-category-title--safe {
        position: absolute;
        width: 175px;
        height: 45px;
        top: 12028px;
        left: 114px;
        margin: 0;
        padding: 0;
        font-family: "Noto Sans CJK JP", sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 30px;
        line-height: 100%;
        letter-spacing: 0;
        text-align: center;
        color: #000000;
        opacity: 1;
        transform: rotate(0deg);
    }
    
    /* 安心 - 402px用 */
    .top__section-08-result-category-status--safe {
        position: absolute;
        width: 120px;
        height: 90px;
        top: 12068px;
        left: 141px;
        margin: 0;
        padding: 0;
        font-family: "Noto Sans CJK JP", sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 60px;
        line-height: 100%;
        letter-spacing: 0;
        text-align: center;
        vertical-align: bottom;
        color: #3AA1E2;
        opacity: 1;
        transform: rotate(0deg);
        display: flex;
        align-items: flex-end;
        justify-content: center;
    }
    
    /* 管理が行き届いています！この状態を維持しながら早めの出口を考えましょう。 - 402px用 */
    .top__section-08-result-description--safe {
        position: absolute;
        width: 311px;
        height: 105px;
        top: 12200px;
        left: 46px;
        margin: 0;
        padding: 0;
        font-family: "Noto Sans CJK JP", sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 24px;
        line-height: 35px;
        letter-spacing: 0;
        text-align: center;
        color: #000000;
        opacity: 1;
        transform: rotate(0deg);
    }
    
    /* チェック 1〜5個 - 402px用 */
    .top__section-08-result-category-title--caution {
        position: absolute;
        width: 223px;
        height: 45px;
        top: 12373px;
        left: 89px;
        margin: 0;
        padding: 0;
        font-family: "Noto Sans CJK JP", sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 30px;
        line-height: 100%;
        letter-spacing: 0;
        text-align: center;
        color: #000000;
        opacity: 1;
        transform: rotate(0deg);
    }
    
    /* 注意 - 402px用 */
    .top__section-08-result-category-status--caution {
        position: absolute;
        width: 120px;
        height: 90px;
        top: 12433px;
        left: 141px;
        margin: 0;
        padding: 0;
        font-family: "Noto Sans CJK JP", sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 60px;
        line-height: 100%;
        letter-spacing: 0;
        text-align: center;
        vertical-align: bottom;
        color: #E26A3A;
        opacity: 1;
        transform: rotate(0deg);
        display: flex;
        align-items: flex-end;
        justify-content: center;
    }
    
    /* 少しずつ「負動産」化が進行。今のうちにプロに現状を診断してもらいましょう。 - 402px用 */
    .top__section-08-result-description--caution {
        position: absolute;
        width: 336px;
        height: 105px;
        top: 12565px;
        left: 33px;
        margin: 0;
        padding: 0;
        font-family: "Noto Sans CJK JP", sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 24px;
        line-height: 35px;
        letter-spacing: 0;
        text-align: center;
        color: #000000;
        opacity: 1;
        transform: rotate(0deg);
    }
    
    /* チェック 6個以上 - 402px用 */
    .top__section-08-result-category-title--danger {
        position: absolute;
        width: 235px;
        height: 45px;
        top: 12738px;
        left: 84px;
        margin: 0;
        padding: 0;
        font-family: "Noto Sans CJK JP", sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 30px;
        line-height: 100%;
        letter-spacing: 0;
        text-align: center;
        color: #000000;
        opacity: 1;
        transform: rotate(0deg);
    }
    
    /* 危険 - 402px用 */
    .top__section-08-result-category-status--danger {
        position: absolute;
        width: 120px;
        height: 90px;
        top: 12798px;
        left: 141px;
        margin: 0;
        padding: 0;
        font-family: "Noto Sans CJK JP", sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 60px;
        line-height: 100%;
        letter-spacing: 0;
        text-align: center;
        vertical-align: bottom;
        color: #E62727;
        opacity: 1;
        transform: rotate(0deg);
        display: flex;
        align-items: flex-end;
        justify-content: center;
    }
    
    /* 「負動産」になりかけています！トラブルや大損を避けるため、今すぐ「空き家再生研究所」へご相談ください。 - 402px用 */
    .top__section-08-result-description--danger {
        position: absolute;
        width: 367px;
        height: 140px;
        top: 12915px;
        left: 18px;
        margin: 0;
        padding: 0;
        font-family: "Noto Sans CJK JP", sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 24px;
        line-height: 35px;
        letter-spacing: 0;
        text-align: center;
        color: #000000;
        opacity: 1;
        transform: rotate(0deg);
    }
    
    /* お問い合わせボタン（contact-sp.png） - 402px用 */
    .top__section-08-contact-link {
        position: absolute;
        width: calc(100% - 50px); /* left: 25px + right: 25px を考慮（Safari対応） */
        max-width: 352px;
        height: 95px;
        top: 13136px;
        left: 25px;
        right: 25px;
        z-index: 10;
        pointer-events: auto;
        display: block;
        box-sizing: border-box;
        /* Safari対応: 画面外にはみ出さないようにする */
        margin-left: 0;
        margin-right: 0;
    }
    
    .top__section-08-contact {
        position: absolute;
        width: 100%;
        max-width: 100%;
        height: 95px;
        top: 0;
        left: 0;
        opacity: 1;
        transform: rotate(0deg);
        z-index: 1;
        pointer-events: auto;
        box-sizing: border-box;
        object-fit: contain;
    }
    
    /* Section 9 - 402px用（親要素をabsoluteに変更してSection 8と別レイヤーに） */
    .top__section-09 {
        position: absolute;
        width: 100%;
        max-width: 100%;
        top: 13231px; /* Section 8の最後の要素（contact）の下端から開始（13136px + 95px = 13231px） */
        left: 0;
        right: 0;
        min-height: auto; /* PCサイズのmin-height: 13214pxを上書き */
        box-sizing: border-box;
    }
    
    /* よくあるご質問 - 402px用 */
    .top__section-09-title {
        position: absolute;
        width: 210px;
        height: 44px;
        top: 119px; /* 親要素からの相対位置（13350px - 13231px = 119px） */
        left: 96px;
        margin: 0;
        padding: 0;
        font-family: "Shippori Mincho B1 OTF", "Shippori Mincho B1", serif;
        font-weight: 400;
        font-style: normal;
        font-size: 30px;
        line-height: 100%;
        letter-spacing: 0;
        text-align: center;
        color: #187BB8;
        opacity: 1;
        transform: rotate(0deg);
    }
    
    /* Section 10 - 402px用 */
    .top__section-10 {
        position: absolute;
        width: 100%;
        max-width: 100%;
        top: 16217px;
        left: 0;
        right: 0;
        background-color: #EFF8FD;
        padding: 0;
        min-height: 2000px;
        box-sizing: border-box;
    }
    
    .top__section-10-container {
        max-width: 100%;
        width: 100%;
        margin: 0 auto;
        padding: 20px;
        box-sizing: border-box;
    }
    
    .top__section-10-header {
        margin-bottom: 30px;
        text-align: center;
    }
    
    .top__section-10-title {
        font-size: 30px;
        text-align: center;
        margin-bottom: 20px;
    }
    
    .top__section-10-subtitle {
        font-size: 16px;
        text-align: center;
    }
    
    .top__section-10-row {
        flex-direction: column;
        gap: 10px;
        padding: 15px 0;
    }
    
    .top__section-10-label {
        width: 100%;
        font-size: 14px;
        line-height: 20px;
    }
    
    .top__section-10-value {
        font-size: 14px;
        line-height: 20px;
    }
    
    .top__section-10-value--columns {
        flex-direction: column;
        gap: 10px;
    }
    
    .top__section-10-bank-column {
        min-width: 100%;
    }
    
    /* Notice Text - モバイルでは非表示 */
    .top__notice-text {
        display: none;
    }
    
    /* Section 11 - 402px用（パディングをリセット） */
    /* プライバシーページでは適用しない（プライバシーページ以外のみ適用） */
    body:not(.page-template-page-privacy):not(.page-slug-privacy):not(.page-slug-cookie-policy):not(.is-privacy-page):not(.is-cookie-policy) .top__section-11,
    body:not(.page-template-page-privacy):not(.page-slug-privacy):not(.page-slug-cookie-policy):not(.is-privacy-page):not(.is-cookie-policy) .site-footer.top__section-11,
    body.page:not(.page-template-page-privacy):not(.page-slug-privacy):not(.page-slug-cookie-policy):not(.is-privacy-page):not(.is-cookie-policy) .top__section-11,
    body.page:not(.page-template-page-privacy):not(.page-slug-privacy):not(.page-slug-cookie-policy):not(.is-privacy-page):not(.is-cookie-policy) .site-footer.top__section-11 {
        position: absolute;
        width: 100%;
        top: calc(16412px + 2000px + 20px);
        padding-top: 40px;
        padding-bottom: 40px;
        min-height: auto;
        left: 0;
    }
    
    /* プライバシーページでは通常のフローに配置（top: calc(...)を確実に無効化） */
    /* より具体的なセレクタで上書き（詳細度を上げるため、クラスを重ねる） */
    body.page-template-page-privacy.page-template-page-privacy .top__section-11,
    body.page-slug-privacy.page-slug-privacy .top__section-11,
    body.is-privacy-page.is-privacy-page .top__section-11,
    body.page-slug-cookie-policy.page-slug-cookie-policy .top__section-11,
    body.is-cookie-policy.is-cookie-policy .top__section-11,
    body.page-template-page-privacy.page-template-page-privacy .site-footer.top__section-11,
    body.page-slug-privacy.page-slug-privacy .site-footer.top__section-11,
    body.is-privacy-page.is-privacy-page .site-footer.top__section-11,
    body.page-slug-cookie-policy.page-slug-cookie-policy .site-footer.top__section-11,
    body.is-cookie-policy.is-cookie-policy .site-footer.top__section-11,
    body.page-template-page-privacy.page.page-template-page-privacy .top__section-11,
    body.page-slug-privacy.page.page-slug-privacy .top__section-11,
    body.is-privacy-page.page.is-privacy-page .top__section-11,
    body.page-slug-cookie-policy.page.page-slug-cookie-policy .top__section-11,
    body.is-cookie-policy.page.is-cookie-policy .top__section-11,
    body.page-template-page-privacy.page.page-template-page-privacy .site-footer.top__section-11,
    body.page-slug-privacy.page.page-slug-privacy .site-footer.top__section-11,
    body.is-privacy-page.page.is-privacy-page .site-footer.top__section-11,
    body.page-slug-cookie-policy.page.page-slug-cookie-policy .site-footer.top__section-11,
    body.is-cookie-policy.page.is-cookie-policy .site-footer.top__section-11,
    body.page-template-page-privacy.page-template-page-privacy .top__section-11.site-footer,
    body.page-slug-privacy.page-slug-privacy .top__section-11.site-footer,
    body.is-privacy-page.is-privacy-page .top__section-11.site-footer,
    body.page-slug-cookie-policy.page-slug-cookie-policy .top__section-11.site-footer,
    body.is-cookie-policy.is-cookie-policy .top__section-11.site-footer,
    body.page-template-page-privacy.page.page-template-page-privacy .top__section-11.site-footer,
    body.page-slug-privacy.page.page-slug-privacy .top__section-11.site-footer,
    body.is-privacy-page.page.is-privacy-page .top__section-11.site-footer,
    body.page-slug-cookie-policy.page.page-slug-cookie-policy .top__section-11.site-footer,
    body.is-cookie-policy.page.is-cookie-policy .top__section-11.site-footer {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
    }
    
    .top__section-11-container {
        position: relative;
        width: 100%;
        max-width: 402px;
        margin: 0 auto;
        min-height: 220px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    
    .top__section-11-image-01 {
        position: absolute;
        width: 120px;
        height: auto;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
    }
    
    .top__section-11-name {
        position: absolute;
        width: 100%;
        height: auto;
        top: 40px;
        left: 0;
        text-align: center;
        font-size: 16px;
    }
    
    .top__section-11-address {
        position: absolute;
        width: 100%;
        height: auto;
        top: 80px;
        left: 0;
        text-align: center;
        font-size: 12px;
        line-height: 18px;
    }
    
    .top__section-11-privacy {
        position: absolute;
        width: auto;
        height: auto;
        top: 160px;
        left: 50%;
        transform: translateX(-50%);
        font-size: 11px;
        white-space: nowrap;
    }
    
    .top__section-11-divider {
        display: none;
    }
    
    .top__section-11-site-policy {
        position: absolute;
        width: auto;
        height: auto;
        top: 180px;
        left: 50%;
        transform: translateX(-50%);
        font-size: 11px;
        margin-left: 0;
    }
    
    .top__section-11-divider--right {
        display: none;
    }
    
    .top__section-11-copyright {
        position: absolute;
        width: 100%;
        height: auto;
        top: 210px;
        left: 0;
        text-align: center;
        font-size: 10px;
    }
    
    /* プライバシー/クッキーポリシーページでもTOPページと同じ絶対配置レイアウトを適用 */
    body.is-privacy-page .top__section-11-container,
    body.is-cookie-policy .top__section-11-container,
    body.page-slug-privacy .top__section-11-container,
    body.page-slug-cookie-policy .top__section-11-container,
    body.page-template-page-privacy .top__section-11-container,
    body.page-template-page-cookie-policy .top__section-11-container {
        position: relative;
        width: 100%;
        max-width: 402px;
        margin: 0 auto;
        min-height: 220px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    
    body.is-privacy-page .top__section-11-image-01,
    body.is-cookie-policy .top__section-11-image-01,
    body.page-slug-privacy .top__section-11-image-01,
    body.page-slug-cookie-policy .top__section-11-image-01,
    body.page-template-page-privacy .top__section-11-image-01,
    body.page-template-page-cookie-policy .top__section-11-image-01 {
        position: absolute;
        width: 120px;
        height: auto;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
    }
    
    body.is-privacy-page .top__section-11-name,
    body.is-cookie-policy .top__section-11-name,
    body.page-slug-privacy .top__section-11-name,
    body.page-slug-cookie-policy .top__section-11-name,
    body.page-template-page-privacy .top__section-11-name,
    body.page-template-page-cookie-policy .top__section-11-name {
        position: absolute;
        width: 100%;
        height: auto;
        top: 40px;
        left: 0;
        text-align: center;
        font-size: 16px;
    }
    
    body.is-privacy-page .top__section-11-address,
    body.is-cookie-policy .top__section-11-address,
    body.page-slug-privacy .top__section-11-address,
    body.page-slug-cookie-policy .top__section-11-address,
    body.page-template-page-privacy .top__section-11-address,
    body.page-template-page-cookie-policy .top__section-11-address {
        position: absolute;
        width: 100%;
        height: auto;
        top: 80px;
        left: 0;
        text-align: center;
        font-size: 12px;
        line-height: 18px;
    }
    
    body.is-privacy-page .top__section-11-privacy,
    body.is-cookie-policy .top__section-11-privacy,
    body.page-slug-privacy .top__section-11-privacy,
    body.page-slug-cookie-policy .top__section-11-privacy,
    body.page-template-page-privacy .top__section-11-privacy,
    body.page-template-page-cookie-policy .top__section-11-privacy {
        position: absolute;
        width: auto;
        height: auto;
        top: 160px;
        left: 50%;
        transform: translateX(-50%);
        font-size: 11px;
        white-space: nowrap;
    }
    
    body.is-privacy-page .top__section-11-site-policy,
    body.is-cookie-policy .top__section-11-site-policy,
    body.page-slug-privacy .top__section-11-site-policy,
    body.page-slug-cookie-policy .top__section-11-site-policy,
    body.page-template-page-privacy .top__section-11-site-policy,
    body.page-template-page-cookie-policy .top__section-11-site-policy {
        position: absolute;
        width: auto;
        height: auto;
        top: 180px;
        left: 50%;
        transform: translateX(-50%);
        font-size: 11px;
        margin-left: 0;
    }
    
    body.is-privacy-page .top__section-11-copyright,
    body.is-cookie-policy .top__section-11-copyright,
    body.page-slug-privacy .top__section-11-copyright,
    body.page-slug-cookie-policy .top__section-11-copyright,
    body.page-template-page-privacy .top__section-11-copyright,
    body.page-template-page-cookie-policy .top__section-11-copyright {
        position: absolute;
        width: 100%;
        height: auto;
        top: 210px;
        left: 0;
        text-align: center;
        font-size: 10px;
    }
    
    body.is-privacy-page .top__section-11-divider,
    body.is-cookie-policy .top__section-11-divider,
    body.page-slug-privacy .top__section-11-divider,
    body.page-slug-cookie-policy .top__section-11-divider,
    body.page-template-page-privacy .top__section-11-divider,
    body.page-template-page-cookie-policy .top__section-11-divider,
    body.is-privacy-page .top__section-11-divider--right,
    body.is-cookie-policy .top__section-11-divider--right,
    body.page-slug-privacy .top__section-11-divider--right,
    body.page-slug-cookie-policy .top__section-11-divider--right,
    body.page-template-page-privacy .top__section-11-divider--right,
    body.page-template-page-cookie-policy .top__section-11-divider--right {
        display: none;
    }
    
    /* よくあるご質問の質問ボックス - 402px用 */
    .top__section-09-question-box {
        position: absolute;
        width: 369px;
        height: 98px;
        top: 180px; /* 親要素からの相対位置（13411px - 13231px = 180px） */
        left: 17px;
        background-color: #EFF8FD;
        border-radius: 5px;
        opacity: 1;
        transform: rotate(0deg);
    }
    
    /* Q. ラベル - 402px用 */
    .top__section-09-label--q {
        position: absolute;
        width: 55px;
        height: 53px;
        top: 203px; /* 親要素からの相対位置（13434px - 13231px = 203px） */
        left: 34px;
        margin: 0;
        padding: 0;
        font-family: "Jost", sans-serif;
        font-weight: 500;
        font-style: normal;
        font-size: 40px;
        line-height: 100%;
        letter-spacing: 0;
        color: #3AA1E2;
        opacity: 1;
        transform: rotate(0deg);
    }
    
    /* 質問文 - 402px用 */
    .top__section-09-question-text {
        position: absolute;
        width: 241px;
        height: 60px;
        top: 203px; /* 親要素からの相対位置（13434px - 13231px = 203px） */
        left: 88px;
        margin: 0;
        padding: 0;
        font-family: "Jost", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
        font-weight: 600;
        font-style: normal;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 0;
        color: #3AA1E2;
        opacity: 1;
        transform: rotate(0deg);
    }
    
    /* スマホのみ改行用のspan - 402px用 */
    .top__section-09-question-text .sp-break {
        display: block;
    }
    
    /* トグルアイコン（下向き矢印） - 402px用 */
    .top__section-09-toggle {
        position: absolute;
        width: 7px;
        height: 7px;
        top: 224px; /* 親要素からの相対位置（13455px - 13231px = 224px） */
        left: 358px;
        border-right: 2px solid #3AA1E2;
        border-bottom: 2px solid #3AA1E2;
        opacity: 1;
        transform: rotate(45deg);
        z-index: 1;
        cursor: pointer;
    }
    
    /* 開いた状態のトグルアイコン（上向き矢印） - 402px用 */
    .top__section-09-item.is-open .top__section-09-toggle {
        transform: rotate(225deg);
    }
    
    /* A. ラベル - 402px用（デフォルトは非表示） */
    .top__section-09-label--a {
        position: absolute;
        width: 51px;
        height: 53px;
        top: 278px; /* 親要素からの相対位置（13509px - 13231px = 278px） */
        left: 34px;
        margin: 0;
        padding: 0;
        font-family: "Jost", sans-serif;
        font-weight: 500;
        font-style: normal;
        font-size: 40px;
        line-height: 100%;
        letter-spacing: 0;
        color: #838383;
        opacity: 0;
        transform: rotate(0deg);
        visibility: hidden;
        max-height: 0;
        overflow: hidden;
        -webkit-transition: visibility 0s linear 0.2s, opacity 0.2s ease, max-height 0.3s ease;
    transition: visibility 0s linear 0.2s, opacity 0.2s ease, max-height 0.3s ease;
    }
    
    /* 開いた状態のA. ラベル - 402px用 */
    .top__section-09-item.is-open .top__section-09-label--a {
        opacity: 1;
        visibility: visible;
        max-height: 100px;
        transition: visibility 0s, opacity 0.2s ease, max-height 0.3s ease;
    }
    
    /* 回答文 - 402px用（デフォルトは非表示） */
    .top__section-09-answer-text {
        position: absolute;
        width: 274px;
        height: 168px;
        top: 297px; /* 親要素からの相対位置（278px + 18px = 296px → 314px） */
        left: 85px;
        margin: 0;
        padding: 0;
        font-family: "Jost", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
        font-weight: 600;
        font-style: normal;
        font-size: 14px;
        line-height: 28px;
        letter-spacing: 0;
        color: #838383;
        opacity: 0;
        transform: rotate(0deg);
        visibility: hidden;
        max-height: 0;
        overflow: hidden;
        -webkit-transition: visibility 0s linear 0.2s, opacity 0.2s ease, max-height 0.3s ease;
    transition: visibility 0s linear 0.2s, opacity 0.2s ease, max-height 0.3s ease;
    }
    
    /* 開いた状態の回答文 - 402px用 */
    .top__section-09-item.is-open .top__section-09-answer-text {
        opacity: 1;
        visibility: visible;
        max-height: 200px;
        transition: visibility 0s, opacity 0.2s ease, max-height 0.3s ease;
    }
    
    /* 見積り依頼・お問い合わせはこちらボタン - 402px用（デフォルトは非表示） */
    .top__section-09-contact {
        position: absolute;
        width: 338px;
        height: 45px;
        top: 494px; /* 親要素からの相対位置（470px + 2px = 472px → 494px） */
        left: 32px;
        border-radius: 30px;
        opacity: 0;
        visibility: hidden;
        max-height: 0;
        overflow: hidden;
        background: linear-gradient(to top, #3AA1E2, #008BFF);
        display: flex;
        align-items: center;
        justify-content: center;
        -webkit-transition: visibility 0s linear 0.2s, opacity 0.2s ease, max-height 0.3s ease;
    transition: visibility 0s linear 0.2s, opacity 0.2s ease, max-height 0.3s ease;
    }
    
    /* 見積り依頼・お問い合わせはこちらボタンのテキスト - 402px用 */
    .top__section-09-contact a {
        color: #FFFFFF;
        text-decoration: none;
    }
    
    /* 開いた状態の見積り依頼・お問い合わせはこちらボタン - 402px用 */
    .top__section-09-item.is-open .top__section-09-contact {
        opacity: 1;
        visibility: visible;
        max-height: 100px;
        transition: visibility 0s, opacity 0.2s ease, max-height 0.3s ease;
    }
    
    /* 2つ目のQ&A - 402px用（閉じている時は間隔を狭く） */
    .top__section-09-item--02 .top__section-09-question-box {
        top: 308px; /* 親要素からの相対位置（13539px - 13231px = 308px） */
    }
    
    .top__section-09-item--02 .top__section-09-label--q {
        top: 331px; /* 親要素からの相対位置（13562px - 13231px = 331px） */
    }
    
    .top__section-09-item--02 .top__section-09-question-text {
        top: 331px; /* 親要素からの相対位置（13562px - 13231px = 331px） */
    }
    
    .top__section-09-item--02 .top__section-09-toggle {
        top: 352px; /* 親要素からの相対位置（13583px - 13231px = 352px） */
    }
    
    .top__section-09-item--02 .top__section-09-label--a {
        top: 406px; /* 親要素からの相対位置（13637px - 13231px = 406px） */
    }
    
    .top__section-09-item--02 .top__section-09-answer-text {
        top: 424px; /* 親要素からの相対位置（13637px - 13231px = 406px） */
    }
    
    .top__section-09-item--02.is-open .top__section-09-contact {
        top: 600px; /* 親要素からの相対位置（13829px - 13231px = 598px） */
    }
    
    /* 3つ目のQ&A - 402px用（閉じている時は間隔を狭く） */
    .top__section-09-item--03 .top__section-09-question-box {
        top: 436px;
    }
    
    .top__section-09-item--03 .top__section-09-label--q {
        top: 459px;
    }
    
    .top__section-09-item--03 .top__section-09-question-text {
        top: 459px;
    }
    
    .top__section-09-item--03 .top__section-09-toggle {
        top: 480px;
    }
    
    .top__section-09-item--03 .top__section-09-label--a {
        top: 534px;
    }
    
    .top__section-09-item--03 .top__section-09-answer-text {
        top: 552px;
    }
    
    .top__section-09-item--03.is-open .top__section-09-contact {
        top: 728px;
    }
    
    /* 4つ目のQ&A - 402px用（閉じている時は間隔を狭く） */
    .top__section-09-item--04 .top__section-09-question-box {
        top: 564px;
    }
    
    .top__section-09-item--04 .top__section-09-label--q {
        top: 587px;
    }
    
    .top__section-09-item--04 .top__section-09-question-text {
        top: 587px;
    }
    
    .top__section-09-item--04 .top__section-09-toggle {
        top: 608px;
    }
    
    .top__section-09-item--04 .top__section-09-label--a {
        top: 662px;
    }
    
    .top__section-09-item--04 .top__section-09-answer-text {
        top: 680px;
    }
    
    .top__section-09-item--04.is-open .top__section-09-contact {
        top: 856px;
    }
    
    /* 5つ目のQ&A - 402px用（閉じている時は間隔を狭く） */
    .top__section-09-item--05 .top__section-09-question-box {
        top: 692px;
    }
    
    .top__section-09-item--05 .top__section-09-label--q {
        top: 715px;
    }
    
    .top__section-09-item--05 .top__section-09-question-text {
        top: 715px;
    }
    
    .top__section-09-item--05 .top__section-09-toggle {
        top: 736px;
    }
    
    .top__section-09-item--05 .top__section-09-label--a {
        top: 790px;
    }
    
    .top__section-09-item--05 .top__section-09-answer-text {
        top: 808px;
    }
    
    .top__section-09-item--05.is-open .top__section-09-contact {
        top: 984px;
    }
    
    /* 6つ目のQ&A - 402px用（閉じている時は間隔を狭く） */
    .top__section-09-item--06 .top__section-09-question-box {
        top: 820px;
    }
    
    .top__section-09-item--06 .top__section-09-label--q {
        top: 843px;
    }
    
    .top__section-09-item--06 .top__section-09-question-text {
        top: 843px;
    }
    
    .top__section-09-item--06 .top__section-09-toggle {
        top: 864px;
    }
    
    .top__section-09-item--06 .top__section-09-label--a {
        top: 918px;
    }
    
    .top__section-09-item--06 .top__section-09-answer-text {
        top: 936px;
    }
    
    .top__section-09-item--06.is-open .top__section-09-contact {
        top: 1112px;
    }
    
    /* 7つ目のQ&A - 402px用（閉じている時は間隔を狭く） */
    .top__section-09-item--07 .top__section-09-question-box {
        top: 948px;
    }
    
    .top__section-09-item--07 .top__section-09-label--q {
        top: 971px;
    }
    
    .top__section-09-item--07 .top__section-09-question-text {
        top: 971px;
    }
    
    .top__section-09-item--07 .top__section-09-toggle {
        top: 992px;
    }
    
    .top__section-09-item--07 .top__section-09-label--a {
        top: 1046px;
    }
    
    .top__section-09-item--07 .top__section-09-answer-text {
        top: 1064px;
    }
    
    .top__section-09-item--07.is-open .top__section-09-contact {
        top: 1240px;
    }
    
    /* 8つ目のQ&A - 402px用（閉じている時は間隔を狭く） */
    .top__section-09-item--08 .top__section-09-question-box {
        top: 1076px;
    }
    
    .top__section-09-item--08 .top__section-09-label--q {
        top: 1099px;
    }
    
    .top__section-09-item--08 .top__section-09-question-text {
        top: 1099px;
    }
    
    .top__section-09-item--08 .top__section-09-toggle {
        top: 1120px;
    }
    
    .top__section-09-item--08 .top__section-09-label--a {
        top: 1174px;
    }
    
    .top__section-09-item--08 .top__section-09-answer-text {
        top: 1192px;
    }
    
    .top__section-09-item--08.is-open .top__section-09-contact {
        top: 1368px;
    }
    
    /* 9つ目のQ&A - 402px用（閉じている時は間隔を狭く） */
    .top__section-09-item--09 .top__section-09-question-box {
        top: 1204px;
    }
    
    .top__section-09-item--09 .top__section-09-label--q {
        top: 1227px;
    }
    
    .top__section-09-item--09 .top__section-09-question-text {
        top: 1227px;
    }
    
    .top__section-09-item--09 .top__section-09-toggle {
        top: 1248px;
    }
    
    .top__section-09-item--09 .top__section-09-label--a {
        top: 1302px;
    }
    
    .top__section-09-item--09 .top__section-09-answer-text {
        top: 1320px;
    }
    
    .top__section-09-item--09.is-open .top__section-09-contact {
        top: 1496px;
    }
    
    /* 10つ目のQ&A - 402px用（閉じている時は間隔を狭く） */
    .top__section-09-item--10 .top__section-09-question-box {
        top: 1332px;
    }
    
    .top__section-09-item--10 .top__section-09-label--q {
        top: 1355px;
    }
    
    .top__section-09-item--10 .top__section-09-question-text {
        top: 1355px;
    }
    
    .top__section-09-item--10 .top__section-09-toggle {
        top: 1376px;
    }
    
    .top__section-09-item--10 .top__section-09-label--a {
        top: 1430px;
    }
    
    .top__section-09-item--10 .top__section-09-answer-text {
        top: 1448px;
    }
    
    .top__section-09-item--10.is-open .top__section-09-contact {
        top: 1624px;
    }
    
    /* 11つ目のQ&A - 402px用（閉じている時は間隔を狭く） */
    .top__section-09-item--11 .top__section-09-question-box {
        top: 1460px;
    }
    
    .top__section-09-item--11 .top__section-09-label--q {
        top: 1483px;
    }
    
    .top__section-09-item--11 .top__section-09-question-text {
        top: 1483px;
    }
    
    .top__section-09-item--11 .top__section-09-toggle {
        top: 1504px;
    }
    
    .top__section-09-item--11 .top__section-09-label--a {
        top: 1558px;
    }
    
    .top__section-09-item--11 .top__section-09-answer-text {
        top: 1576px;
    }
    
    .top__section-09-item--11.is-open .top__section-09-contact {
        top: 1752px;
    }
    
    /* 12つ目のQ&A - 402px用（閉じている時は間隔を狭く） */
    .top__section-09-item--12 .top__section-09-question-box {
        top: 1588px;
    }
    
    .top__section-09-item--12 .top__section-09-label--q {
        top: 1611px;
    }
    
    .top__section-09-item--12 .top__section-09-question-text {
        top: 1611px;
    }
    
    .top__section-09-item--12 .top__section-09-toggle {
        top: 1632px;
    }
    
    .top__section-09-item--12 .top__section-09-label--a {
        top: 1686px;
    }
    
    .top__section-09-item--12 .top__section-09-answer-text {
        top: 1704px;
    }
    
    .top__section-09-item--12.is-open .top__section-09-contact {
        top: 1880px;
    }
    
    /* 13つ目のQ&A - 402px用（閉じている時は間隔を狭く） */
    .top__section-09-item--13 .top__section-09-question-box {
        top: 1716px;
    }
    
    .top__section-09-item--13 .top__section-09-label--q {
        top: 1739px;
    }
    
    .top__section-09-item--13 .top__section-09-question-text {
        top: 1739px;
    }
    
    .top__section-09-item--13 .top__section-09-toggle {
        top: 1760px;
    }
    
    .top__section-09-item--13 .top__section-09-label--a {
        top: 1814px;
    }
    
    .top__section-09-item--13 .top__section-09-answer-text {
        top: 1832px;
    }
    
    .top__section-09-item--13.is-open .top__section-09-contact {
        top: 2008px;
    }
    
    /* 14つ目のQ&A - 402px用（閉じている時は間隔を狭く） */
    .top__section-09-item--14 .top__section-09-question-box {
        top: 1844px;
    }
    
    .top__section-09-item--14 .top__section-09-label--q {
        top: 1867px;
    }
    
    .top__section-09-item--14 .top__section-09-question-text {
        top: 1867px;
    }
    
    .top__section-09-item--14 .top__section-09-toggle {
        top: 1888px;
    }
    
    .top__section-09-item--14 .top__section-09-label--a {
        top: 1942px;
    }
    
    .top__section-09-item--14 .top__section-09-answer-text {
        top: 1960px;
    }
    
    .top__section-09-item--14.is-open .top__section-09-contact {
        top: 2136px;
    }
    
    /* 15つ目のQ&A - 402px用（閉じている時は間隔を狭く） */
    .top__section-09-item--15 .top__section-09-question-box {
        top: 1972px;
    }
    
    .top__section-09-item--15 .top__section-09-label--q {
        top: 1995px;
    }
    
    .top__section-09-item--15 .top__section-09-question-text {
        top: 1995px;
    }
    
    .top__section-09-item--15 .top__section-09-toggle {
        top: 2016px;
    }
    
    .top__section-09-item--15 .top__section-09-label--a {
        top: 2070px;
    }
    
    .top__section-09-item--15 .top__section-09-answer-text {
        top: 2088px;
    }
    
    .top__section-09-item--15.is-open .top__section-09-contact {
        top: 2264px;
    }
    
    /* 16つ目のQ&A - 402px用（閉じている時は間隔を狭く） */
    .top__section-09-item--16 .top__section-09-question-box {
        top: 2100px;
    }
    
    .top__section-09-item--16 .top__section-09-label--q {
        top: 2123px;
    }
    
    .top__section-09-item--16 .top__section-09-question-text {
        top: 2123px;
    }
    
    .top__section-09-item--16 .top__section-09-toggle {
        top: 2144px;
    }
    
    .top__section-09-item--16 .top__section-09-label--a {
        top: 2198px;
    }
    
    .top__section-09-item--16 .top__section-09-answer-text {
        top: 2216px;
    }
    
    .top__section-09-item--16.is-open .top__section-09-contact {
        top: 2392px;
    }
    
    /* 17つ目のQ&A - 402px用（閉じている時は間隔を狭く） */
    .top__section-09-item--17 .top__section-09-question-box {
        top: 2228px;
    }
    
    .top__section-09-item--17 .top__section-09-label--q {
        top: 2251px;
    }
    
    .top__section-09-item--17 .top__section-09-question-text {
        top: 2251px;
    }
    
    .top__section-09-item--17 .top__section-09-toggle {
        top: 2272px;
    }
    
    .top__section-09-item--17 .top__section-09-label--a {
        top: 2326px;
    }
    
    .top__section-09-item--17 .top__section-09-answer-text {
        top: 2344px;
    }
    
    .top__section-09-item--17.is-open .top__section-09-contact {
        top: 2520px;
    }
    
    /* 18つ目のQ&A - 402px用（閉じている時は間隔を狭く） */
    .top__section-09-item--18 .top__section-09-question-box {
        top: 2356px;
    }
    
    .top__section-09-item--18 .top__section-09-label--q {
        top: 2379px;
    }
    
    .top__section-09-item--18 .top__section-09-question-text {
        top: 2379px;
    }
    
    .top__section-09-item--18 .top__section-09-toggle {
        top: 2400px;
    }
    
    .top__section-09-item--18 .top__section-09-label--a {
        top: 2454px;
    }
    
    .top__section-09-item--18 .top__section-09-answer-text {
        top: 2472px;
    }
    
    .top__section-09-item--18.is-open .top__section-09-contact {
        top: 2648px;
    }
    
    /* 19つ目のQ&A - 402px用（閉じている時は間隔を狭く） */
    .top__section-09-item--19 .top__section-09-question-box {
        top: 2484px;
    }
    
    .top__section-09-item--19 .top__section-09-label--q {
        top: 2507px;
    }
    
    .top__section-09-item--19 .top__section-09-question-text {
        top: 2507px;
    }
    
    .top__section-09-item--19 .top__section-09-toggle {
        top: 2528px;
    }
    
    .top__section-09-item--19 .top__section-09-label--a {
        top: 2582px;
    }
    
    .top__section-09-item--19 .top__section-09-answer-text {
        top: 2600px;
    }
    
    .top__section-09-item--19.is-open .top__section-09-contact {
        top: 2776px;
    }
    
    /* 20つ目のQ&A - 402px用（閉じている時は間隔を狭く） */
    .top__section-09-item--20 .top__section-09-question-box {
        top: 2612px;
    }
    
    .top__section-09-item--20 .top__section-09-label--q {
        top: 2635px;
    }
    
    .top__section-09-item--20 .top__section-09-question-text {
        top: 2635px;
    }
    
    .top__section-09-item--20 .top__section-09-toggle {
        top: 2656px;
    }
    
    .top__section-09-item--20 .top__section-09-label--a {
        top: 2710px;
    }
    
    .top__section-09-item--20 .top__section-09-answer-text {
        top: 2728px;
    }
    
    .top__section-09-item--20.is-open .top__section-09-contact {
        top: 2904px;
    }
    
    /* SPサイズでの開閉時の間隔調整（PCサイズと同じ動作） */
    .top__section-09-item--01.is-open ~ .top__section-09-item--02,
    .top__section-09-item--01.is-open ~ .top__section-09-item--03,
    .top__section-09-item--01.is-open ~ .top__section-09-item--04,
    .top__section-09-item--01.is-open ~ .top__section-09-item--05,
    .top__section-09-item--01.is-open ~ .top__section-09-item--06,
    .top__section-09-item--01.is-open ~ .top__section-09-item--07,
    .top__section-09-item--01.is-open ~ .top__section-09-item--08,
    .top__section-09-item--01.is-open ~ .top__section-09-item--09,
    .top__section-09-item--01.is-open ~ .top__section-09-item--10,
    .top__section-09-item--01.is-open ~ .top__section-09-item--11,
    .top__section-09-item--01.is-open ~ .top__section-09-item--12,
    .top__section-09-item--01.is-open ~ .top__section-09-item--13,
    .top__section-09-item--01.is-open ~ .top__section-09-item--14,
    .top__section-09-item--01.is-open ~ .top__section-09-item--15,
    .top__section-09-item--01.is-open ~ .top__section-09-item--16,
    .top__section-09-item--01.is-open ~ .top__section-09-item--17,
    .top__section-09-item--01.is-open ~ .top__section-09-item--18,
    .top__section-09-item--01.is-open ~ .top__section-09-item--19,
    .top__section-09-item--01.is-open ~ .top__section-09-item--20 {
        transform: translateY(290px);
        -webkit-transition: -webkit-transform 0.3s ease;
        transition: transform 0.3s ease;
    }
    
    .top__section-09-item--02.is-open ~ .top__section-09-item--03,
    .top__section-09-item--02.is-open ~ .top__section-09-item--04,
    .top__section-09-item--02.is-open ~ .top__section-09-item--05,
    .top__section-09-item--02.is-open ~ .top__section-09-item--06,
    .top__section-09-item--02.is-open ~ .top__section-09-item--07,
    .top__section-09-item--02.is-open ~ .top__section-09-item--08,
    .top__section-09-item--02.is-open ~ .top__section-09-item--09,
    .top__section-09-item--02.is-open ~ .top__section-09-item--10,
    .top__section-09-item--02.is-open ~ .top__section-09-item--11,
    .top__section-09-item--02.is-open ~ .top__section-09-item--12,
    .top__section-09-item--02.is-open ~ .top__section-09-item--13,
    .top__section-09-item--02.is-open ~ .top__section-09-item--14,
    .top__section-09-item--02.is-open ~ .top__section-09-item--15,
    .top__section-09-item--02.is-open ~ .top__section-09-item--16,
    .top__section-09-item--02.is-open ~ .top__section-09-item--17,
    .top__section-09-item--02.is-open ~ .top__section-09-item--18,
    .top__section-09-item--02.is-open ~ .top__section-09-item--19,
    .top__section-09-item--02.is-open ~ .top__section-09-item--20 {
        transform: translateY(290px);
        -webkit-transition: -webkit-transform 0.3s ease;
        transition: transform 0.3s ease;
    }
    
    .top__section-09-item--03.is-open ~ .top__section-09-item--04,
    .top__section-09-item--03.is-open ~ .top__section-09-item--05,
    .top__section-09-item--03.is-open ~ .top__section-09-item--06,
    .top__section-09-item--03.is-open ~ .top__section-09-item--07,
    .top__section-09-item--03.is-open ~ .top__section-09-item--08,
    .top__section-09-item--03.is-open ~ .top__section-09-item--09,
    .top__section-09-item--03.is-open ~ .top__section-09-item--10,
    .top__section-09-item--03.is-open ~ .top__section-09-item--11,
    .top__section-09-item--03.is-open ~ .top__section-09-item--12,
    .top__section-09-item--03.is-open ~ .top__section-09-item--13,
    .top__section-09-item--03.is-open ~ .top__section-09-item--14,
    .top__section-09-item--03.is-open ~ .top__section-09-item--15,
    .top__section-09-item--03.is-open ~ .top__section-09-item--16,
    .top__section-09-item--03.is-open ~ .top__section-09-item--17,
    .top__section-09-item--03.is-open ~ .top__section-09-item--18,
    .top__section-09-item--03.is-open ~ .top__section-09-item--19,
    .top__section-09-item--03.is-open ~ .top__section-09-item--20 {
        transform: translateY(290px);
        -webkit-transition: -webkit-transform 0.3s ease;
        transition: transform 0.3s ease;
    }
    
    .top__section-09-item--04.is-open ~ .top__section-09-item--05,
    .top__section-09-item--04.is-open ~ .top__section-09-item--06,
    .top__section-09-item--04.is-open ~ .top__section-09-item--07,
    .top__section-09-item--04.is-open ~ .top__section-09-item--08,
    .top__section-09-item--04.is-open ~ .top__section-09-item--09,
    .top__section-09-item--04.is-open ~ .top__section-09-item--10,
    .top__section-09-item--04.is-open ~ .top__section-09-item--11,
    .top__section-09-item--04.is-open ~ .top__section-09-item--12,
    .top__section-09-item--04.is-open ~ .top__section-09-item--13,
    .top__section-09-item--04.is-open ~ .top__section-09-item--14,
    .top__section-09-item--04.is-open ~ .top__section-09-item--15,
    .top__section-09-item--04.is-open ~ .top__section-09-item--16,
    .top__section-09-item--04.is-open ~ .top__section-09-item--17,
    .top__section-09-item--04.is-open ~ .top__section-09-item--18,
    .top__section-09-item--04.is-open ~ .top__section-09-item--19,
    .top__section-09-item--04.is-open ~ .top__section-09-item--20 {
        transform: translateY(290px);
        -webkit-transition: -webkit-transform 0.3s ease;
        transition: transform 0.3s ease;
    }
    
    .top__section-09-item--05.is-open ~ .top__section-09-item--06,
    .top__section-09-item--05.is-open ~ .top__section-09-item--07,
    .top__section-09-item--05.is-open ~ .top__section-09-item--08,
    .top__section-09-item--05.is-open ~ .top__section-09-item--09,
    .top__section-09-item--05.is-open ~ .top__section-09-item--10,
    .top__section-09-item--05.is-open ~ .top__section-09-item--11,
    .top__section-09-item--05.is-open ~ .top__section-09-item--12,
    .top__section-09-item--05.is-open ~ .top__section-09-item--13,
    .top__section-09-item--05.is-open ~ .top__section-09-item--14,
    .top__section-09-item--05.is-open ~ .top__section-09-item--15,
    .top__section-09-item--05.is-open ~ .top__section-09-item--16,
    .top__section-09-item--05.is-open ~ .top__section-09-item--17,
    .top__section-09-item--05.is-open ~ .top__section-09-item--18,
    .top__section-09-item--05.is-open ~ .top__section-09-item--19,
    .top__section-09-item--05.is-open ~ .top__section-09-item--20 {
        transform: translateY(290px);
        -webkit-transition: -webkit-transform 0.3s ease;
        transition: transform 0.3s ease;
    }
    
    .top__section-09-item--06.is-open ~ .top__section-09-item--07,
    .top__section-09-item--06.is-open ~ .top__section-09-item--08,
    .top__section-09-item--06.is-open ~ .top__section-09-item--09,
    .top__section-09-item--06.is-open ~ .top__section-09-item--10,
    .top__section-09-item--06.is-open ~ .top__section-09-item--11,
    .top__section-09-item--06.is-open ~ .top__section-09-item--12,
    .top__section-09-item--06.is-open ~ .top__section-09-item--13,
    .top__section-09-item--06.is-open ~ .top__section-09-item--14,
    .top__section-09-item--06.is-open ~ .top__section-09-item--15,
    .top__section-09-item--06.is-open ~ .top__section-09-item--16,
    .top__section-09-item--06.is-open ~ .top__section-09-item--17,
    .top__section-09-item--06.is-open ~ .top__section-09-item--18,
    .top__section-09-item--06.is-open ~ .top__section-09-item--19,
    .top__section-09-item--06.is-open ~ .top__section-09-item--20 {
        transform: translateY(290px);
        -webkit-transition: -webkit-transform 0.3s ease;
        transition: transform 0.3s ease;
    }
    
    .top__section-09-item--07.is-open ~ .top__section-09-item--08,
    .top__section-09-item--07.is-open ~ .top__section-09-item--09,
    .top__section-09-item--07.is-open ~ .top__section-09-item--10,
    .top__section-09-item--07.is-open ~ .top__section-09-item--11,
    .top__section-09-item--07.is-open ~ .top__section-09-item--12,
    .top__section-09-item--07.is-open ~ .top__section-09-item--13,
    .top__section-09-item--07.is-open ~ .top__section-09-item--14,
    .top__section-09-item--07.is-open ~ .top__section-09-item--15,
    .top__section-09-item--07.is-open ~ .top__section-09-item--16,
    .top__section-09-item--07.is-open ~ .top__section-09-item--17,
    .top__section-09-item--07.is-open ~ .top__section-09-item--18,
    .top__section-09-item--07.is-open ~ .top__section-09-item--19,
    .top__section-09-item--07.is-open ~ .top__section-09-item--20 {
        transform: translateY(290px);
        -webkit-transition: -webkit-transform 0.3s ease;
        transition: transform 0.3s ease;
    }
    
    .top__section-09-item--08.is-open ~ .top__section-09-item--09,
    .top__section-09-item--08.is-open ~ .top__section-09-item--10,
    .top__section-09-item--08.is-open ~ .top__section-09-item--11,
    .top__section-09-item--08.is-open ~ .top__section-09-item--12,
    .top__section-09-item--08.is-open ~ .top__section-09-item--13,
    .top__section-09-item--08.is-open ~ .top__section-09-item--14,
    .top__section-09-item--08.is-open ~ .top__section-09-item--15,
    .top__section-09-item--08.is-open ~ .top__section-09-item--16,
    .top__section-09-item--08.is-open ~ .top__section-09-item--17,
    .top__section-09-item--08.is-open ~ .top__section-09-item--18,
    .top__section-09-item--08.is-open ~ .top__section-09-item--19,
    .top__section-09-item--08.is-open ~ .top__section-09-item--20 {
        transform: translateY(290px);
        -webkit-transition: -webkit-transform 0.3s ease;
        transition: transform 0.3s ease;
    }
    
    .top__section-09-item--09.is-open ~ .top__section-09-item--10,
    .top__section-09-item--09.is-open ~ .top__section-09-item--11,
    .top__section-09-item--09.is-open ~ .top__section-09-item--12,
    .top__section-09-item--09.is-open ~ .top__section-09-item--13,
    .top__section-09-item--09.is-open ~ .top__section-09-item--14,
    .top__section-09-item--09.is-open ~ .top__section-09-item--15,
    .top__section-09-item--09.is-open ~ .top__section-09-item--16,
    .top__section-09-item--09.is-open ~ .top__section-09-item--17,
    .top__section-09-item--09.is-open ~ .top__section-09-item--18,
    .top__section-09-item--09.is-open ~ .top__section-09-item--19,
    .top__section-09-item--09.is-open ~ .top__section-09-item--20 {
        transform: translateY(290px);
        -webkit-transition: -webkit-transform 0.3s ease;
        transition: transform 0.3s ease;
    }
    
    .top__section-09-item--10.is-open ~ .top__section-09-item--11,
    .top__section-09-item--10.is-open ~ .top__section-09-item--12,
    .top__section-09-item--10.is-open ~ .top__section-09-item--13,
    .top__section-09-item--10.is-open ~ .top__section-09-item--14,
    .top__section-09-item--10.is-open ~ .top__section-09-item--15,
    .top__section-09-item--10.is-open ~ .top__section-09-item--16,
    .top__section-09-item--10.is-open ~ .top__section-09-item--17,
    .top__section-09-item--10.is-open ~ .top__section-09-item--18,
    .top__section-09-item--10.is-open ~ .top__section-09-item--19,
    .top__section-09-item--10.is-open ~ .top__section-09-item--20 {
        transform: translateY(290px);
        -webkit-transition: -webkit-transform 0.3s ease;
        transition: transform 0.3s ease;
    }
    
    .top__section-09-item--11.is-open ~ .top__section-09-item--12,
    .top__section-09-item--11.is-open ~ .top__section-09-item--13,
    .top__section-09-item--11.is-open ~ .top__section-09-item--14,
    .top__section-09-item--11.is-open ~ .top__section-09-item--15,
    .top__section-09-item--11.is-open ~ .top__section-09-item--16,
    .top__section-09-item--11.is-open ~ .top__section-09-item--17,
    .top__section-09-item--11.is-open ~ .top__section-09-item--18,
    .top__section-09-item--11.is-open ~ .top__section-09-item--19,
    .top__section-09-item--11.is-open ~ .top__section-09-item--20 {
        transform: translateY(290px);
        -webkit-transition: -webkit-transform 0.3s ease;
        transition: transform 0.3s ease;
    }
    
    .top__section-09-item--12.is-open ~ .top__section-09-item--13,
    .top__section-09-item--12.is-open ~ .top__section-09-item--14,
    .top__section-09-item--12.is-open ~ .top__section-09-item--15,
    .top__section-09-item--12.is-open ~ .top__section-09-item--16,
    .top__section-09-item--12.is-open ~ .top__section-09-item--17,
    .top__section-09-item--12.is-open ~ .top__section-09-item--18,
    .top__section-09-item--12.is-open ~ .top__section-09-item--19,
    .top__section-09-item--12.is-open ~ .top__section-09-item--20 {
        transform: translateY(290px);
        -webkit-transition: -webkit-transform 0.3s ease;
        transition: transform 0.3s ease;
    }
    
    .top__section-09-item--13.is-open ~ .top__section-09-item--14,
    .top__section-09-item--13.is-open ~ .top__section-09-item--15,
    .top__section-09-item--13.is-open ~ .top__section-09-item--16,
    .top__section-09-item--13.is-open ~ .top__section-09-item--17,
    .top__section-09-item--13.is-open ~ .top__section-09-item--18,
    .top__section-09-item--13.is-open ~ .top__section-09-item--19,
    .top__section-09-item--13.is-open ~ .top__section-09-item--20 {
        transform: translateY(290px);
        -webkit-transition: -webkit-transform 0.3s ease;
        transition: transform 0.3s ease;
    }
    
    .top__section-09-item--14.is-open ~ .top__section-09-item--15,
    .top__section-09-item--14.is-open ~ .top__section-09-item--16,
    .top__section-09-item--14.is-open ~ .top__section-09-item--17,
    .top__section-09-item--14.is-open ~ .top__section-09-item--18,
    .top__section-09-item--14.is-open ~ .top__section-09-item--19,
    .top__section-09-item--14.is-open ~ .top__section-09-item--20 {
        transform: translateY(290px);
        -webkit-transition: -webkit-transform 0.3s ease;
        transition: transform 0.3s ease;
    }
    
    .top__section-09-item--15.is-open ~ .top__section-09-item--16,
    .top__section-09-item--15.is-open ~ .top__section-09-item--17,
    .top__section-09-item--15.is-open ~ .top__section-09-item--18,
    .top__section-09-item--15.is-open ~ .top__section-09-item--19,
    .top__section-09-item--15.is-open ~ .top__section-09-item--20 {
        transform: translateY(290px);
        -webkit-transition: -webkit-transform 0.3s ease;
        transition: transform 0.3s ease;
    }
    
    .top__section-09-item--16.is-open ~ .top__section-09-item--17,
    .top__section-09-item--16.is-open ~ .top__section-09-item--18,
    .top__section-09-item--16.is-open ~ .top__section-09-item--19,
    .top__section-09-item--16.is-open ~ .top__section-09-item--20 {
        transform: translateY(290px);
        -webkit-transition: -webkit-transform 0.3s ease;
        transition: transform 0.3s ease;
    }
    
    .top__section-09-item--17.is-open ~ .top__section-09-item--18,
    .top__section-09-item--17.is-open ~ .top__section-09-item--19,
    .top__section-09-item--17.is-open ~ .top__section-09-item--20 {
        transform: translateY(290px);
        -webkit-transition: -webkit-transform 0.3s ease;
        transition: transform 0.3s ease;
    }
    
    .top__section-09-item--18.is-open ~ .top__section-09-item--19,
    .top__section-09-item--18.is-open ~ .top__section-09-item--20 {
        transform: translateY(290px);
        -webkit-transition: -webkit-transform 0.3s ease;
        transition: transform 0.3s ease;
    }
    
    .top__section-09-item--19.is-open ~ .top__section-09-item--20 {
        transform: translateY(290px);
        -webkit-transition: -webkit-transform 0.3s ease;
        transition: transform 0.3s ease;
    }
}