/* 
共通コンポーネント
*/
:root {
    /* メインカラー */
    --color-main: #ae9b5c; /* 主に使用するメインカラー  CEC3A3 */
    
    /* アクセントカラー */
    --color-accent: #473D3E; /* 強調したい部分に使用する色 */

    /* テキストカラー */
    --color-text: #000000; /* 通常のテキストに使用 */
    --color-text-light: #FFFFFF; /* 明るい背景用のテキスト */

    /* ボタンカラー */
    --color-btn: #000000; /* 通常のテキストに使用 */
    --color-btn-light: #FFFFFF; /* 明るい背景用のテキスト */
    --color-btn-red:#D30C23;

    /* 背景カラー */
    --color-bg: #FFFFFF; /* メインの背景色 */
    --color-bg-sub: #F2F0EA; /* 最初の背景 */
}


.ly_margin-side-auto {
    margin: 0 auto;
}

.sp-block {
    display: none;
}

.wrapper {
    padding: 0  2.375rem;
        /* 16px基準で計算:*/
}

/* 
header
*/

/* 
main
*/
.fv {
    margin-bottom: 3.125rem;
    /* 16px基準で計算: 3.125rem = 50px */
}

.links {
    display: flex;
    justify-content: space-between;
    margin: 0 2.375rem;
    /* 16px基準で計算: 2.375rem = 38px */
    margin-bottom: 2.5rem;
    /* 16px基準で計算: 2.5rem = 40px */
}

.links__item {
    display: block;
    text-align: center;
    padding: 1.25rem 0;
    /* 修正 16px基準に修正 */
    color: #fff;
    background-color:var(--color-main);
    font-size: 1.875rem;
    /* 16px基準で計算: 1.875rem = 30px */
    width: calc((100% - 1.5rem) / 3);
    /* 16px基準で計算: 1.5rem = 24px */
    font-weight: bold;
}

.links__item--active {
    background-color: var(--color-accent);
}

.page__title {
    display: block;
    width: 100%;
    background-color: var(--color-accent);
    color: var(--color-text-light);
    font-size: 2.625rem;
    /* 16px基準で計算: 2.625rem = 42px */
    font-weight: bold;
    text-align: center;
    padding: 1.5rem 0;
    /* 16px基準で計算:*/
    margin-bottom: 1.6875rem;
    /* 16px基準で計算: 1.6875rem = 27px */
}

.top__about {
    background-color: var(--color-main);
    padding: 5.625rem 0;
    /* 16px基準で計算: 5.625rem = 90px */
}

.top__about img {
    display: block;
    max-width: 1200px;
    width: 80%;
    margin: 0 auto;
}

.top__subject {
    margin-bottom: 5rem;
    /* 16px基準で計算: 5rem = 80px */
    background-color: var(--color-bg-sub);
    padding: 4.6875rem 0;
    /* 16px基準で計算: 4.6875rem = 75px */
}

.top-subject__title {
    font-size: 2.125rem;
    /* 16px基準で計算: 2.125rem = 34px */
    text-align: center;
    padding-bottom: 1.875rem;
    /* 16px基準で計算: 1.875rem = 30px */
    text-decoration: underline;
}

.top-subject-item__info {
    display: flex;
    justify-content: center;
}

.top-subject-item__title {
    display: flex;
    width: 9.25rem;
    /* 16px基準で計算: 9.25rem = 148px */
    height: 9.25rem;
    /* 16px基準で計算: 9.25rem = 148px */
    justify-content: center;
    align-items: center;
    /* background-color: #000; */
    background-color: var(--color-accent);
    color: var(--color-text-light);
    font-size: 1.125rem;
    /* 16px基準で計算: 1.125rem = 18px */
    margin-right: 2.6875rem;
    /* 16px基準で計算: 2.6875rem = 43px */
}

.top-subject__item:not(:last-of-type) {
    margin-bottom: 3.125rem;
    /* 16px基準で計算: 3.125rem = 50px */
}

.top-subject-item__description {
    display: block;
    width: 43.75rem;
    /* 16px基準で計算: 43.75rem = 700px */
    font-size: 1.25rem;
    /* 16px基準で計算: 1.25rem = 20px */
}

.top-subject-item-description__item {
    padding-bottom: 0.5rem;
    /* 16px基準で計算: 0.5rem = 8px */
}

.top-subject-item-description__item2 {
    padding-bottom: 0.5rem;
    /* 16px基準で計算: 0.5rem = 8px */
}

.top-subject-item-description__item::before {
    content: '●';
}

.top-subject-item__link {
    display: block;
    color: #fff;
    /* ここだけボタンの色違います */
    background-color: #BA0000;
    width: 21.125rem;
    /* 16px基準で計算: 21.125rem = 338px */
    margin: 0 auto;
    margin-top: 1.5625rem;
    /* 16px基準で計算: 1.5625rem = 25px */
    text-align: center;
    padding: 1.125rem 1rem;
    /* 16px基準で計算: 1.125rem = 18px, 1rem = 16px */
    font-size: 1.1875rem;
    /* 16px基準で計算: 1.1875rem = 19px */
    position: relative;
}

.top-subject-item__link::after {
    content: '>';
    position: absolute;
    right: 1rem;
    /* 16px基準で計算: 1rem = 16px */
    top: 50%;
    transform: translateY(-50%);
}

.kikan {
    width: 100%;
    margin-bottom: 5rem;
    /* 16px基準で計算: 5rem = 80px */
}

.kikan img {
    display: block;
    width: 57.1875rem;
    /* 16px基準で計算: 57.1875rem = 915px */
    margin: 0 auto;
}

.page__title--kikan {
    margin-bottom: 5rem;
    /* 16px基準で計算: 5rem = 80px */
}

.goods {
    background-color: var(--color-main);
    padding: 2.5rem 2.375rem;
    /* 16px基準で計算: 2.5rem = 40px, 2.375rem = 38px */
}

.goods__content {
    background-color: var(--color-accent);
    padding: 1rem 1.875rem;
    /* 16px基準で計算: 1rem = 16px, 1.875rem = 30px */
}

.goods-content__title {
    color: var(--color-text-light);
    text-align: center;
    padding-bottom: 1.125rem;
    /* 16px基準で計算: 1.125rem = 18px */
    font-size: 2.625rem;
    /* 16px基準で計算: 2.625rem = 42px */
    font-weight: bold;
}

.goods-content__items {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.goods-content__item {
    width: calc((100% - 2rem) / 2);
    /* 16px基準で計算: 2rem = 32px */
    background-color: #fff;
    margin-bottom: 2rem;
    /* 16px基準で計算: 2rem = 32px */
    padding: 1.25rem 3rem;
    /* 16px基準で計算: 1.25rem = 20px, 3rem = 48px */
}

.goods-content__item--mr {
    margin-right: 2rem;
    /* 16px基準で計算: 2rem = 32px */
}

.goods-content-item__title {
    text-align: center;
    font-size: 2.25rem;
    /* 16px基準で計算: 2.25rem = 36px */
    padding-bottom: 2.0625rem;
    /* 16px基準で計算: 2.0625rem = 33px */
    font-weight: bold;
    line-height: 1.7;
}

.goods-content-item__info {
    display: flex;
    justify-content: center;
}

.goods-content-item-info__img {
    width: 18.125rem;
    /* 16px基準で計算: 18.125rem = 290px */
    margin-right: 2rem;
    /* 16px基準で計算: 2rem = 32px */
}

.goods-content-item-info__link {
    display: block;
    width: 14.625rem;
    /* 16px基準で計算: 14.625rem = 234px */
    border: 0.125rem solid var(--color-btn);
    /* 16px基準で計算: 0.125rem = 2px */
    color: var(--color-text);
    text-align: center;
    padding: 0.875rem 0;
    /* 16px基準で計算: 0.875rem = 14px */
    font-size: 1.125rem;
    /* 16px基準で計算: 1.125rem = 18px */
}

.goods-content-item-info__link:first-of-type {
    margin-bottom: 0.875rem;
    /* 16px基準で計算: 0.875rem = 14px */
    color: #fff;
    background-color: var(--color-btn);
}

.goods-content__warning {
    padding-top: 1.5rem;
    /* 16px基準で計算: 1.5rem = 24px */
    font-size: 0.875rem;
    /* 16px基準で計算: 0.875rem = 14px */
}

.qa__items {
    width: 88%;
    max-width: 75rem;
    /* 16px基準で計算: 75rem = 1200px */
    margin: 0 auto;
}

.qa__item {
    margin-bottom: 7rem;
    /* 16px基準で計算: 3rem = 48px */
}

.qa-item__title {
    display: block;
    width: 100%;
    color: #fff;
    font-size: 1.5rem;
    /* 16px基準で計算: 1.5rem = 24px */
    background-color: var(--color-accent);
    padding: 0.5rem 0;
    /* 16px基準で計算: 0.5rem = 8px */
    font-weight: bold;
    margin-bottom: 2.5rem;
    /* 16px基準で計算: 2.5rem = 40px */
    text-align: center;
}

.qa-item__article:not(:last-of-type) {
    border-bottom: 0.0625rem solid var(--color-accent);
    /* 16px基準で計算: 0.0625rem = 1px */
    padding-bottom: 1.875rem;
    /* 16px基準で計算: 1.875rem = 30px */
    margin-bottom: 1.25rem;
    /* 16px基準で計算: 1.25rem = 20px */
}

.qa-item-article__title {
    display: flex;
    margin-bottom: 1rem;
    /* 16px基準で計算: 1rem = 16px */
    align-items: center;
}

.qa-item-article-title__number {
    display: block;
    width: 5.3125rem;
    /* 16px基準で計算: 5.3125rem = 85px */
    font-size: 2rem;
    /* 16px基準で計算: 2rem = 32px */
    font-weight: bold;
    padding-right: 1.375rem;
    /* 16px基準で計算: 1.375rem = 22px */
}

.qa-item-article-title__text {
    font-size: 1rem;
    /* 16px基準で計算: 1rem = 16px */
    font-weight: bold;
    line-height: 1.7;
}

.qa-item-article__content {
    display: flex;
}

.qa-item-article-content__number {
    font-size: 1.5rem;
    /* 16px基準で計算: 1.5rem = 24px */
    font-weight: bold;
    color: #717171;
    display: block;
    width: 5.3125rem;
    /* 16px基準で計算: 5.3125rem = 85px */
    padding-right: 1.375rem;
    /* 16px基準で計算: 1.375rem = 22px */
}

.qa-item-article-content__text {
    padding-top: 0.3125rem;
    /* 16px基準で計算: 0.3125rem = 5px */
    font-size: 1rem;
    /* 16px基準で計算: 1rem = 16px */
    line-height: 1.7;
    display: block;
    width: calc(100% - 5.3125rem - 1.375rem);
}

.qa-item-article-content__text--red {
    color: var(--color-btn-red);
    text-decoration: underline;
}

.qa-item-article-content__text--bold {
    font-weight: bold;
}

.qa-item-article-content__text--link {
    color: #0068B7;
    text-decoration: underline;
}

.application__content {
    width: 88%;
    max-width: 75rem;
    /* 16px基準で計算: 75rem = 1200px */
    margin: 0 auto;
}

.application__step {
    margin-bottom: 6.25rem;
    /* 16px基準で計算: 6.25rem = 100px */
}

.application-step__description--red {
    color: var(--color-btn-red);
}

.application-step__title {
    display: flex;
    margin-bottom: 3.125rem;
    /* 16px基準で計算: 3.125rem = 50px */
    align-items: center;
}

.application-step-title__number {
    display: flex;
    width: 12.5rem;
    /* 16px基準で計算: 12.5rem = 200px */
    height: 4.5rem;
    /* 16px基準で計算: 4.5rem = 72px */
    background-color: var(--color-accent);
    color: #fff;
    font-size: 1.875rem;
    /* 16px基準で計算: 1.875rem = 30px */
    align-items: center;
    justify-content: center;
    position: relative;
    margin-right: 3.125rem;
    /* 16px基準で計算: 3.125rem = 50px */
    font-weight: bold;
}

.application-step-title__number span {
    position: relative;
    left: 1.5rem;
    /* 16px基準で計算: 1.5rem = 24px */
}

.application-step-title__number::after {
    display: block;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-top: 2.25rem solid transparent;
    /* 16px基準で計算: 2.25rem = 36px */
    border-bottom: 2.25rem solid transparent;
    /* 16px基準で計算: 2.25rem = 36px */
    border-left: 2.125rem solid var(--color-accent);
    /* 16px基準で計算: 2.125rem = 34px */
    border-right: 0;
    position: relative;
    right: -2.5625rem;
    /* 16px基準で計算: -2.5625rem = -41px */
}

.application-step-title__text {
    font-size: 1.625rem;
    /* 16px基準で計算: 1.625rem = 26px */
    font-weight: bold;
    display: block;
    width: calc(100% - 15rem);
    /* 16px基準で計算: 15rem = 240px */
    line-height: 1.7;
}

.application-step__description {
    font-size: 0.875rem;
    /* 16px基準で計算: 0.875rem = 14px */
    padding-bottom: 3.375rem;
    /* 16px基準で計算: 3.375rem = 54px */
    line-height: 1.7;
}

.application-step__triangle {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-right: 2.875rem solid transparent;
    /* 16px基準で計算: 2.875rem = 46px */
    border-left: 2.875rem solid transparent;
    /* 16px基準で計算: 2.875rem = 46px */
    border-top: 2.9375rem solid var(--color-accent);
    /* 16px基準で計算: 2.9375rem = 47px */
    margin: 0 auto;
    border-bottom: 2.5rem;
    /* 16px基準で計算: 2.5rem = 40px */
}

.application-step__link {
    display: block;
    width: 100%;
    text-align: center;
    position: relative;
    padding: 1rem 0;
    /* 16px基準で計算: 1rem = 16px */
    font-size: 1.5rem;
    /* 16px基準で計算: 1.5rem = 24px */
    font-weight: bold;
    color: #fff;
    background-color: var(--color-accent);
    margin-top: 2.5rem;
    /* 16px基準で計算: 2.5rem = 40px */
}

.application-step__link::after {
    display: block;
    position: absolute;
    content: '>';
    right: 1rem;
    /* 16px基準で計算: 1rem = 16px */
    top: 0.625rem;
    /* 16px基準で計算: 0.625rem = 10px */
    font-size: 1.4375rem;
    /* 16px基準で計算: 1.4375rem = 23px */
    font-weight: normal;
}

.application-step__article:not(:last-of-type) {
    margin-bottom: 5.0625rem;
    /* 16px基準で計算: 5.0625rem = 81px */
}

.application-step-article__title {
    display: flex;
    margin-bottom: 1.3125rem;
    /* 16px基準で計算: 1.3125rem = 21px */
}

.application-step-article-title__number {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 2.5rem;
    /* 16px基準で計算: 2.5rem = 40px */
    width: 3.375rem;
    /* 16px基準で計算: 3.375rem = 54px */
    height: 3.375rem;
    /* 16px基準で計算: 3.375rem = 54px */
    font-weight: bold;
    background-color:var(--color-btn-red);
    margin-right: 1.125rem;
    /* 16px基準で計算: 1.125rem = 18px */
    line-height: 1;
}

.application-step-article-title__text {
    display: block;
    width: calc(100% - 3.375rem - 1.125rem);
    font-size: 2.25rem;
    /* 16px基準で計算: 2.25rem = 36px */
    font-weight: bold;
    line-height: 1.7;
}

.application-step-article__img {
    width: 15.3125rem;
    /* 16px基準で計算: 15.3125rem = 245px */
    margin-left: 6.25rem;
    /* 16px基準で計算: 6.25rem = 100px */
}

.application-step-article__description {
    font-size: 1.125rem;
    /* 16px基準で計算: 1.125rem = 18px */
    padding-bottom: 2rem;
    /* 16px基準で計算: 2rem = 32px */
    margin-left: 6.25rem;
    /* 16px基準で計算: 6.25rem = 100px */
}

.application-step-article__info {
    display: flex;
    margin-left: 6.25rem; /* 16px基準で計算: 6.25rem = 100px */
}

.application-step-article__img2 {
    width: 27.875rem; /* 16px基準で計算: 27.875rem = 446px */
    margin-right: 2.5rem; /* 16px基準で計算: 2.5rem = 40px */
}

.application-step-article__description2 {
    font-size: 1.125rem; /* 16px基準で計算: 1.125rem = 18px */
    padding-top: 1.25rem; /* 16px基準で計算: 1.25rem = 20px */
    line-height: 1.7;
}

.application-step__doqument {
    display: flex;
    margin-bottom: 5.625rem; /* 16px基準で計算: 5.625rem = 90px */
    margin-left: 6.25rem; /* 16px基準で計算: 6.25rem = 100px */
}

.application-step-doqument__title {
    font-size: 1.125rem; /* 16px基準で計算: 1.125rem = 18px */
    display: flex;
    align-items: center;
    justify-content: center;
    width: 7.5rem; /* 16px基準で計算: 7.5rem = 120px */
    height: 4.5rem; /* 16px基準で計算: 4.5rem = 72px */
    border: 0.0625rem solid var(--color-accent); /* 16px基準で計算: 0.0625rem = 1px */
    margin-right: 2.125rem; /* 16px基準で計算: 2.125rem = 34px */
}

.application-step-doqument__description {
    font-size: 1rem; /* 16px基準で計算: 1rem = 16px */
    line-height: 1.7;
}

.application-step__ex {
    margin-bottom: 2.5rem; /* 16px基準で計算: 2.5rem = 40px */
    margin-left: 6.25rem; /* 16px基準で計算: 6.25rem = 100px */
}

.application-step-ex__title {
    font-size: 1.125rem; /* 16px基準で計算: 1.125rem = 18px */
    padding-bottom: 0.875rem; /* 16px基準で計算: 0.875rem = 14px */
}

.application-step-ex__img {
    width: 30.6875rem; /* 16px基準で計算: 30.6875rem = 491px */
}

.application-step__warning {
    font-size: 1rem; /* 16px基準で計算: 1rem = 16px */
    line-height: 1.7;
    padding-bottom: 1.6875rem; /* 16px基準で計算: 1.6875rem = 27px */
    padding-left: 6.25rem; /* 16px基準で計算: 6.25rem = 100px */
}

.application-step__complete {
    display: block;
    margin: 0 auto;
    margin-top: 2rem; /* 16px基準で計算: 2rem = 32px */
    font-size: 2.25rem; /* 16px基準で計算: 2.25rem = 36px */
    font-weight: bold;
    text-align: center;
    width: 30rem; /* 16px基準で計算: 30rem = 480px */
    background-color: var(--color-accent);
    color: #fff;
    padding: 1rem; /* 16px基準で計算: 1rapplication-step-title__textem = 16px */
}

.application__info {
    margin-bottom: 7rem; /* 16px基準で計算: 2.5rem = 40px */
    border: 0.375rem solid var(--color-accent); /* 16px基準で計算: 0.375rem = 6px */
}

.application-info__title {
    font-size: 2.625rem; /* 16px基準で計算: 2.625rem = 42px */
    font-weight: bold;
    text-align: center;
    color: #fff;
    display: block;
    width: 100%;
    padding: 1rem 0 0.9375rem; /* 16px基準で計算: 0.9375rem = 15px */
    background-color: var(--color-accent);
    line-height: 1;
}

.application-info__content {
    padding: 2.5rem 1.5rem; /* 16px基準で計算: 2.5rem = 40px, 1.5rem = 24px */
}

.application-info-content__description {
    padding-bottom: 1.875rem; /* 16px基準で計算: 1.875rem = 30px */
    font-size: 1.5rem; /* 16px基準で計算: 1.5rem = 24px */
    text-align: center;
    line-height: 1.7;
}

.application-info-content__img {
    width: 100%;
    margin-bottom: 1.875rem; /* 16px基準で計算: 1.875rem = 30px */
}

.application-info-content__description2 {
    font-size: 1rem; /* 16px基準で計算: 1rem = 16px */
    line-height: 1.7;
}

.application-info-content__article:not(:last-of-type) {
    margin-bottom: 2.1875rem; /* 16px基準で計算: 2.1875rem = 35px */
}

.application-info-content-article__title {
    font-size: 1.5rem; /* 16px基準で計算: 1.5rem = 24px */
    padding-bottom: 1.0625rem; /* 16px基準で計算: 1.0625rem = 17px */
    font-weight: bold;
}

.application-info-content-article__description {
    line-height: 1.7;
    font-size: 0.875rem; /* 16px基準で計算: 0.875rem = 14px */
}

.application-info-content-article__warning {
    font-size: 0.875rem; /* 16px基準で計算: 0.875rem = 14px */
    text-decoration: underline;
    padding-top: 1.5rem; /* 16px基準で計算: 1.5rem = 24px */
}

.application-info-content-article__description2 {
    padding-bottom: 0.75rem; /* 16px基準で計算: 0.75rem = 12px */
    font-size: 0.875rem; /* 16px基準で計算: 0.875rem = 14px */
}

.application-info-content-article__description3 {
    font-size: 1.875rem; /* 16px基準で計算: 1.875rem = 30px */
    line-height: 1.7;
    padding-bottom: 0.875rem; /* 16px基準で計算: 0.875rem = 14px */
    font-weight: 400;
}

.application-info-content-article__description4 {
    font-size: 1.5rem; /* 16px基準で計算: 1.5rem = 24px */
    line-height: 1.7;
    font-weight: 400;
}


/* 
footer
*/

@media screen and (max-width:1200px) {
    .goods-content-item-info__img {
        width: 50%;
        margin-right: 1rem; /* 16px基準で計算: 1rem = 16px */
    }

    .goods-content-item-info__links {
        width: 50%;
    }
}

@media screen and (max-width:768px) {
    .sp-block {
        display: block;
    }
    
    .sp-none {
        display: none;
    }
    
    .fv {
        margin-bottom: 1.5625rem; /* 16px基準で計算: 1.5625rem = 25px */
    }
    
    .wrapper {
        padding: 0 1.25rem; /* 16px基準で計算: 1.25rem = 20px */
    }
    
    .links {
        margin: 0;
        margin-bottom: 1.875rem; /* 16px基準で計算: 1.875rem = 30px */
        flex-direction: column;
    }
    
    .links__item {
        padding: 0.9375rem 0; /* 16px基準で計算: 0.9375rem = 15px */
        font-size: 1.875rem; /* 16px基準で計算: 1.875rem = 30px */
        width: 100%;
        margin-bottom: 0.3125rem; /* 16px基準で計算: 0.3125rem = 5px */
    }
    
    .page__title {
        font-size: 1.875rem; /* 16px基準で計算: 1.875rem = 30px */
        padding: 0.5rem 0; /* 16px基準で計算: 0.5rem = 8px */
        margin-bottom: 1.5rem; /* 16px基準で計算: 1.5rem = 24px */
    }
    
    .top__about {
        padding: 1.9375rem 1.25rem; /* 16px基準で計算: 1.9375rem = 31px, 1.25rem = 20px */
    }
    
    .top__about img {
        max-width: 37.5rem; /* 16px基準で計算: 37.5rem = 600px */
        width: 100%;
        margin: 0 auto;
    }
    
    .top__subject {
        margin-bottom: 1.875rem; /* 16px基準で計算: 1.875rem = 30px */
        padding: 1.875rem 0 2.5rem; /* 16px基準で計算: 1.875rem = 30px, 2.5rem = 40px */
    }
    
    .top-subject__title {
        font-size: 1.125rem; /* 16px基準で計算: 1.125rem = 18px */
        text-align: center;
        padding-bottom: 1.875rem; /* 16px基準で計算: 1.875rem = 30px */
        text-decoration: underline;
    }
    
    .top-subject-item__info {
        flex-direction: column;
        padding: 0 1.25rem; /* 16px基準で計算: 1.25rem = 20px */
    }
    
    .top-subject-item__title {
        display: flex;
        width: 100%;
        height: 3.375rem; /* 16px基準で計算: 3.375rem = 54px */
        font-size: 1.125rem; /* 16px基準で計算: 1.125rem = 18px */
        margin-right: 0;
        margin-bottom: 1.1875rem; /* 16px基準で計算: 1.1875rem = 19px */
    }
    
    .top-subject-item__description {
        width: 100%;
        font-size: 1rem; /* 16px基準で計算: 1rem = 16px */
        line-height: 1.7;
    }
    
    .top-subject-item__link {
        width: 95%;
        max-width: 21.875rem; /* 16px基準で計算: 21.875rem = 350px */
        margin-top: 2.5rem; /* 16px基準で計算: 2.5rem = 40px */
        padding: 1.125rem 1rem; /* 16px基準で計算: 1.125rem = 18px, 1rem = 16px */
        font-size: 1.125rem; /* 16px基準で計算: 1.125rem = 18px */
        position: relative;
    }
    
    .top-subject-item__link::after {
        content: '>';
        position: absolute;
        right: 1rem; /* 16px基準で計算: 1rem = 16px */
        top: 50%;
        transform: translateY(-50%);
    }
    
    .kikan {
        width: 100%;
        margin-bottom: 5rem; /* 16px基準で計算: 5rem = 80px */
    }
    
    .kikan img {
        width: 100%;
        max-width: 48.125rem; /* 16px基準で計算: 48.125rem = 770px */
    }
    
    .page__title--kikan {
        margin-bottom: 1.875rem; /* 16px基準で計算: 1.875rem = 30px */
    }
    
    .goods {
        padding: 1.875rem 1.25rem; /* 16px基準で計算: 1.875rem = 30px, 1.25rem = 20px */
    }
    
    .goods__content {
        padding: 1rem 1.25rem; /* 16px基準で計算: 1rem = 16px, 1.25rem = 20px */
    }
    
    .goods-content__title {
        padding-bottom: 1.125rem; /* 16px基準で計算: 1.125rem = 18px */
        font-size: 1.875rem; /* 16px基準で計算: 1.875rem = 30px */
    }
    
    .goods-content__items {
        flex-direction: column;
    }
    
    .goods-content__item {
        width: 100%;
        margin-bottom: 1rem; /* 16px基準で計算: 1rem = 16px */
        padding: 1.25rem; /* 16px基準で計算: 1.25rem = 20px */
    }
    
    .goods-content__item--mr {
        margin-right: 0;
    }
    
    .goods-content-item__title {
        font-size: 1.25rem; /* 16px基準で計算: 1.25rem = 20px */
        padding-bottom: 1.75rem; /* 16px基準で計算: 1.75rem = 28px */
        line-height: 1.7;
    }
    
    .goods-content-item__info {
        display: flex;
        justify-content: center;
    }
    
    .goods-content-item-info__img {
        width: 50%;
        margin-right: 1rem; /* 16px基準で計算: 1rem = 16px */
    }
    
    .goods-content-item-info__links {
        width: 50%;
    }
    
    .goods-content-item-info__link {
        width: 100%;
        padding: 0.625rem 0; /* 16px基準で計算: 0.625rem = 10px */
        font-size: 0.875rem; /* 16px基準で計算: 0.875rem = 14px */
    }
    
    .goods-content-item-info__link:first-of-type {
        margin-bottom: 0.75rem; /* 16px基準で計算: 0.75rem = 12px */
    }
    
    .goods-content__warning {
        padding-top: 1.875rem; /* 16px基準で計算: 1.875rem = 30px */
        font-size: 0.75rem; /* 16px基準で計算: 0.75rem = 12px */
        line-height: 1.7;
    }
    
    .qa__items {
        width: 100%;
        padding: 0 0.625rem; /* 16px基準で計算: 0.625rem = 10px */
    }
    
    /* .qa__item {
        margin-bottom: 3.75rem; 
    } */
    
    .qa-item__title {
        font-size: 1.25rem; /* 16px基準で計算: 1.25rem = 20px */
        margin-bottom: 1.875rem; /* 16px基準で計算: 1.875rem = 30px */
    }
    
    .qa-item__article:not(:last-of-type) {
        margin-bottom: 1.875rem; /* 16px基準で計算: 1.875rem = 30px */
    }
    
    .qa-item-article__title {
        margin-bottom: 1.5rem; /* 16px基準で計算: 1.5rem = 24px */
        align-items: flex-start;
    }
    
    .qa-item-article-title__number {
        display: block;
        width: 4.375rem; /* 16px基準で計算: 4.375rem = 70px */
        font-size: 1.625rem; /* 16px基準で計算: 1.625rem = 26px */
        padding-right: 1.25rem; /* 16px基準で計算: 1.25rem = 20px */
        line-height: 1.7;
    }
    

    .qa-item-article-title__text {
        font-size: 1rem; /* 16px基準で計算: 1rem = 16px */
        font-weight: bold;
        padding-top: 0.3125rem; /* 16px基準で計算: 0.3125rem = 5px */
    }
    
    .qa-item-article__content {
        display: flex;
    }
    
    .qa-item-article-content__number {
        width: 4.375rem; /* 16px基準で計算: 4.375rem = 70px */
        font-size: 1.625rem; /* 16px基準で計算: 1.625rem = 26px */
        padding-right: 1.25rem; /* 16px基準で計算: 1.25rem = 20px */
    }
    
    .qa-item-article-content__text {
        padding-top: 0.3125rem; /* 16px基準で計算: 0.3125rem = 5px */
        font-size: 1rem; /* 16px基準で計算: 1rem = 16px */
        width: calc(100% - 6rem); /* 16px基準で計算: 6rem = 96px */
    }
    
    .application__content {
        width: 100%;
        max-width: 75rem; /* 16px基準で計算: 75rem = 1200px */
        margin: 0 auto;
    }
    
    .application .page__title {
        margin-left: -1.25rem; /* 16px基準で計算: -1.25rem = -20px */
        margin-right: -1.25rem; /* 16px基準で計算: -1.25rem = -20px */
        width: 100vw;
    }
    
    .application__step {
        margin-bottom: 5rem; /* 16px基準で計算: 5rem = 80px */
    }
    
    .application-step__title {
        margin-bottom: 1.5625rem; /* 16px基準で計算: 1.5625rem = 25px */
        flex-direction: column;
    }
    
    .application-step-title__number {
        width: 8.8125rem; /* 16px基準で計算: 8.8125rem = 141px */
        height: 3.25rem; /* 16px基準で計算: 3.25rem = 52px */
        font-size: 1.125rem; /* 16px基準で計算: 1.125rem = 18px */
        justify-content: center;
        margin-right: 0;
        margin-bottom: 0.875rem; /* 16px基準で計算: 0.875rem = 14px */
    }
    
    .application-step-title__number span {
        left: 1.125rem; /* 16px基準で計算: 1.125rem = 18px */
    }
    
    .application-step-title__number::after {
        border-top: 1.625rem solid transparent; /* 16px基準で計算: 1.625rem = 26px */
        border-bottom: 1.625rem solid transparent; /* 16px基準で計算: 1.625rem = 26px */
        border-left: 1.5rem solid var(--color-accent); /* 16px基準で計算: 1.5rem = 24px */
        border-right: 0;
        position: relative;
        right: -2.3125rem; /* 16px基準で計算: -2.3125rem = -37px */
    }
    
    .application-step-title__text {
        font-size: 1.25rem; /* 16px基準で計算: 1.25rem = 20px */
        width: 100%;
        line-height: 1.7;
    }
    
    .application-step__description {
        padding-bottom: 1.75rem; /* 16px基準で計算: 1.75rem = 28px */
    }
    
    .application-step__triangle {
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-right: 2.875rem solid transparent; /* 16px基準で計算: 2.875rem = 46px */
        border-left: 2.875rem solid transparent; /* 16px基準で計算: 2.875rem = 46px */
        border-top: 2.9375rem solid var(--color-accent); /* 16px基準で計算: 2.9375rem = 47px */
        margin: 0 auto;
        border-bottom: 2.5rem; /* 16px基準で計算: 2.5rem = 40px */
    }
    
    .application-step__link {
        max-width: 24.125rem; /* 16px基準で計算: 24.125rem = 386px */
        padding: 1rem 0; /* 16px基準で計算: 1rem = 16px */
        font-size: 1.25rem; /* 16px基準で計算: 1.25rem = 20px */
        margin-top: 1.75rem; /* 16px基準で計算: 1.75rem = 28px */
    }
    
    .application-step__link::after {
        top: 0.75rem; /* 16px基準で計算: 0.75rem = 12px */
        font-size: 1.125rem; /* 16px基準で計算: 1.125rem = 18px */
    }
    
    .application-step__article:not(:last-of-type) {
        margin-bottom: 3.75rem; /* 16px基準で計算: 3.75rem = 60px */
    }
    

    .application-step-article__title {
        display: flex;
        margin-bottom: 1.625rem; /* 16px基準で計算: 1.625rem = 26px */
    }
    
    .application-step-article-title__number {
        font-size: 1.625rem; /* 16px基準で計算: 1.625rem = 26px */
        width: 2.5rem; /* 16px基準で計算: 2.5rem = 40px */
        height: 2.5rem; /* 16px基準で計算: 2.5rem = 40px */
        margin-right: 1rem; /* 16px基準で計算: 1rem = 16px */
    }
    
    .application-step-article-title__text {
        width: calc(100% - 2.5rem - 1rem); /* 16px基準で計算: 2.5rem = 40px, 1rem = 16px */
        font-size: 1rem; /* 16px基準で計算: 1rem = 16px */
    }
    
    .application-step-article__img {
        width: 100%;
        margin-left: 0;
    }
    
    .application-step-article__description {
        font-size: 0.875rem; /* 16px基準で計算: 0.875rem = 14px */
        padding-bottom: 1.25rem; /* 16px基準で計算: 1.25rem = 20px */
        margin-left: 0;
        line-height: 1.7;
    }
    
    .application-step-article__info {
        margin-left: 0;
        flex-direction: column;
    }
    
    .application-step-article__img2 {
        width: 100%;
        margin-right: 0;
        margin-bottom: 1.25rem; /* 16px基準で計算: 1.25rem = 20px */
    }
    
    .application-step-article__description2 {
        font-size: 0.875rem; /* 16px基準で計算: 0.875rem = 14px */
        padding-top: 0;
    }
    
    .application-step__doqument {
        display: flex;
        margin-bottom: 2.5rem; /* 16px基準で計算: 2.5rem = 40px */
        margin-left: 0;
    }
    
    .application-step-doqument__title {
        font-size: 0.875rem; /* 16px基準で計算: 0.875rem = 14px */
        width: 5rem; /* 16px基準で計算: 5rem = 80px */
        height: 2.5rem; /* 16px基準で計算: 2.5rem = 40px */
        margin-right: 1.125rem; /* 16px基準で計算: 1.125rem = 18px */
    }
    
    .application-step-doqument__description {
        width: calc(100% - 6.125rem); /* 16px基準で計算: 6.125rem = 98px */
        font-size: 0.875rem; /* 16px基準で計算: 0.875rem = 14px */
    }
    
    .application-step__ex {
        margin-bottom: 1.875rem; /* 16px基準で計算: 1.875rem = 30px */
        margin-left: 0;
    }
    
    .application-step-ex__title {
        font-size: 0.875rem; /* 16px基準で計算: 0.875rem = 14px */
        padding-bottom: 0.75rem; /* 16px基準で計算: 0.75rem = 12px */
    }
    
    .application-step-ex__img {
        width: 100%;
        max-width: 43.75rem; /* 16px基準で計算: 43.75rem = 700px */
    }
    
    .application-step__warning {
        font-size: 0.875rem; /* 16px基準で計算: 0.875rem = 14px */
        line-height: 1.7;
        padding-bottom: 1.6875rem; /* 16px基準で計算: 1.6875rem = 27px */
        padding-left: 0;
    }
    
    .application-step__complete {
        margin-top: 1.6875rem; /* 16px基準で計計算: 1.6875rem = 27px */
        font-size: 1.25rem; /* 16px基準で計算: 1.25rem = 20px */
        width: 100%;
        max-width: 30rem; /* 16px基準で計算: 30rem = 480px */
        padding: 1rem;
    }
    
    .application__info {
        margin-bottom: 3.5rem; /* 16px基準で計算: 1.25rem = 20px */
        width: 100vw;
        margin-left: -1.25rem; /* 16px基準で計算: -1.25rem = -20px */
        margin-right: -1.25rem; /* 16px基準で計算: -1.25rem = -20px */
    }
    
    .application-info__title {
        font-size: 1.375rem; /* 16px基準で計算: 1.375rem = 22px */
    }
    
    .application-info__content {
        padding: 1.25rem; /* 16px基準で計算: 1.25rem = 20px */
    }
    
    .application-info-content__description {
        padding-bottom: 1rem; /* 16px基準で計算: 1rem = 16px */
        font-size: 1rem; /* 16px基準で計算: 1rem = 16px */
    }
    

    .application-info-content__img {
        width: 100%;
        max-width: 41.875rem; /* 16px基準で計算: 41.875rem = 670px */
        margin-bottom: 1.75rem; /* 16px基準で計算: 1.75rem = 28px */
    }
    
    .application-info-content__description2 {
        font-size: 0.875rem; /* 16px基準で計算: 0.875rem = 14px */
    }
    
    .application-info-content__article:not(:last-of-type) {
        margin-bottom: 2.1875rem; /* 16px基準で計算: 2.1875rem = 35px */
    }
    
    .application-info-content-article__title {
        font-size: 1.25rem; /* 16px基準で計算: 1.25rem = 20px */
        padding-bottom: 0.75rem; /* 16px基準で計算: 0.75rem = 12px */
    }
    
    .application-info-content-article__description {
        line-height: 2;
    }
    
    .application-info-content-article__warning {
        padding-top: 1.25rem; /* 16px基準で計算: 1.25rem = 20px */
        line-height: 2;
    }
    
    .application-info-content-article__description2 {
        padding-bottom: 0.75rem; /* 16px基準で計算: 0.75rem = 12px */
    }
    
    .application-info-content-article__description3 {
        font-size: 1.125rem; /* 16px基準で計算: 1.125rem = 18px */
        padding-bottom: 0.875rem; /* 16px基準で計算: 0.875rem = 14px */
        font-weight: 500;
    }
    
    .application-info-content-article__description4 {
        font-size: 1rem; /* 16px基準で計算: 1rem = 16px */
        font-weight: 500;
    }
    
}