.child,
.icon {
    position: absolute;
    margin: 0 !important;
}
.icon {
    width: 1666px;
    height: 830px;
    top: 1647px;
    left: -386px;
    object-fit: cover;
    z-index: 1;
}
.child {
    width: 100%;
    height: 348px;
    top: 3583px;
    right: 0;
    left: 0;
    background-color: var(--brown2);
}
.ohkumas {
    visibility: hidden;
    opacity: 0;
    text-decoration: none;
    flex: 1;
    position: relative;
    font-weight: 600;
    color: inherit;
    display: inline-block;
    min-width: 76px;
    z-index: 4;
    transition: all .4s;
}
.ohkumas.show {
    visibility: visible;
    opacity: 1;
}
@media screen and (max-width: 767px) {
    .ohkumas {
        font-size: calc(14 / 390 * 100vw);
    }
}
.reverse .ohkumas {
    color: #fff;
}

.ohkumas-wrapper {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0 0 0 var(--padding-12xs);
}
.moving-house {
    visibility: hidden;
    opacity: 0;
    text-decoration: none;
    position: relative;
    font-weight: 600;
    color: inherit;
    z-index: 3;
    transition: all .4s;
}
.moving-house.show {
    visibility: visible;
    opacity: 1;
}
.reverse .moving-house {
    color: #fff;
}

.frame-child {
    height: 100%;
    width: 100%;
    position: absolute;
    margin: 0 !important;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: var(--br-13xl);
    background-color: var(--color-gray-100);
    z-index: 0;
}
.a {
    text-decoration: none;
    height: 17px;
    width: 133px;
    position: relative;
    font-size: var(--font-size-xs);
    font-weight: 700;
    font-family: var(--font-noto-sans-jp);
    color: var(--black);
    text-align: center;
    display: inline-block;
    flex-shrink: 0;
    z-index: 1;
}
.rectangle-parent {
    cursor: pointer;
    border: 0;
    padding: var(--padding-5xs) var(--padding-3xs) var(--padding-6xs);
    background-color: transparent;
    height: 32px;
    width: 152px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    box-sizing: border-box;
    position: relative;
}
.a1 {
    text-decoration: none;
    height: 17px;
    width: 37px;
    position: relative;
    font-weight: 700;
    color: inherit;
    display: inline-block;
    flex-shrink: 0;
    z-index: 1;
}
.rectangle-group {
    height: 32px;
    width: 62px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    padding: var(--padding-5xs) var(--padding-smi) var(--padding-6xs);
    box-sizing: border-box;
    position: relative;
}
.frame-inner {
    height: 100%;
    width: 100%;
    position: absolute;
    margin: 0 !important;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: var(--br-13xl);
    background-color: var(--color-gray-100);
    z-index: 0;
}
.rectangle-container {
    height: 32px;
    width: 115px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    padding: var(--padding-5xs) var(--padding-26xl) var(--padding-6xs)
    var(--padding-27xl);
    box-sizing: border-box;
    position: relative;
}
.faq {
    text-decoration: none;
    height: 17px;
    width: 25px;
    position: relative;
    font-weight: 700;
    color: inherit;
    display: inline-block;
    flex-shrink: 0;
    z-index: 1;
}
.rectangle-parent1 {
    height: 32px;
    width: 62px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    padding: var(--padding-5xs) var(--padding-lgi) var(--padding-6xs);
    box-sizing: border-box;
    position: relative;
    z-index: 6;
}
.a4 {
    text-decoration: none;
    height: 17px;
    width: 145px;
    position: relative;
    font-weight: 700;
    color: inherit;
    display: inline-block;
    flex-shrink: 0;
    z-index: 1;
}
.rectangle-parent2 {
    height: 32px;
    width: 172px;
    flex-direction: row;
    padding: var(--padding-5xs) var(--padding-sm) var(--padding-6xs);
    box-sizing: border-box;
    position: relative;
    z-index: 5;
}
.component-1,
.component-1-wrapper,
.rectangle-parent2 {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.component-1 {
    width: 710px;
    height: 32px;
    flex-direction: row;
    gap: var(--gap-mid);
}
@media screen and (max-width: 767px) {
    .component-1 {
        /*display: none;*/
    }
}

.component-1 .nav-item.active .frame-child,
.component-1 .nav-item.active .frame-inner {
    background-color: var(--pink) !important;
}
.component-1 .nav-item.active a {
    color: #fff !important;
}

.component-1-wrapper {
    flex-direction: column;
    padding: var(--padding-10xs) 0 0;
    box-sizing: border-box;
    max-width: 100%;
    font-size: var(--font-size-xs);
    font-family: var(--font-noto-sans-jp);
}
@media screen and (max-width: 767px) {
    .component-1-wrapper {
        display: none;
    }
}
.moving-house-parent {
    align-self: stretch;
    flex-direction: row;
    justify-content: space-between;
    gap: var(--gap-xl);
    margin-top: -6px;
    font-size: var(--font-size-8xl);
}
@media screen and (max-width: 767px) {
    .moving-house-parent {
        font-size: calc(27 / 390 * 100vw);
    }
}

.frame-parent,
.inner,
.moving-house-parent {
    display: flex;
    align-items: flex-start;
    max-width: 100%;
}

.frame-parent {
    flex: 1;
    flex-direction: column;
    justify-content: flex-start;
    text-align: center;
    font-size: var(--font-size-sm);
    color: var(--black);
    font-family: var(--font-poppins);
}
@media screen and (max-width: 767px) {
    .frame-parent {
        /*color: #ffffff;*/
    }
}

.inner {
    position: fixed;
    top: 22px;
    left: 0;
    width: 100%;
    flex-direction: row;
    justify-content: flex-end;
    padding: 0 var(--padding-23xl) 0 57px;
    box-sizing: border-box;
    z-index: 10;
    /*mix-blend-mode: difference;*/
}
.ellipse-icon {
    position: absolute;
    top: 124px;
    left: -332px;
    width: 1943px;
    height: 997.6px;
    z-index: 1;
}
.group-icon,
.x-1-icon {
    position: absolute;
    top: 0;
    left: -460px;
    width: 2200px;
    height: 2200px;
    z-index: 2;
}
.x-1-icon {
    top: 1615px;
    left: -33px;
    width: 1346.9px;
    height: 830px;
    object-fit: cover;
    z-index: 3;
}
.ellipse-div {
    position: absolute;
    top: 2198px;
    left: 898px;
    backdrop-filter: blur(53px);
    border-radius: 50%;
    background-color: var(--color-gray-200);
    border: 0 solid var(--white);
    box-sizing: border-box;
    width: 172px;
    height: 172px;
    z-index: 4;
}
.vector-parent {
    width: 100%;
    height: 2445px;
    position: absolute;
    margin: 0 !important;
    top: 2717px;
    right: 0;
    left: 0;
}
.moving-house1,
.ohkuma-co-ltd {
    position: relative;
    display: inline-block;
    transform: rotate(90deg);
}
.ohkuma-co-ltd {
    width: 125px;
    margin: 0;
}
.moving-house1 {
    width: 78px;
    height: 15px;
    font-weight: 600;
}
.moving-house-wrapper {
    /*align-self: stretch;*/
    flex: 1;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0 var(--padding-11xs) 0 var(--padding-10xs);
}
.frame-child3 {
    height: 20px;
    width: 14px;
    position: relative;
    background-image: url("../img/group-7.svg");
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    transition: all .4s;
}
.reverse .frame-child3 {
    background-image: url("../img/group-7_re.svg");
}

.frame-wrapper1 {
    display: flex;
    margin: 0;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0 var(--padding-10xs);
}
.icon1 {
    width: 19.7px;
    height: 20px;
    position: relative;
    overflow: hidden;
    flex-shrink: 0;
    background-image: url("../img/-10.svg");
    transition: all .4s;
}
.reverse .icon1 {
    background-image: url("../img/-10_re.svg");
}

.frame-parent1,
.ohkuma-co-ltd-parent {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
.frame-parent1 {
    height: 142px;
    align-items: flex-start;
    gap: var(--gap-xs);
    text-align: left;
}
.ohkuma-co-ltd-parent {
    width: 19.7px;
    align-items: center;
    gap: 193px;
}
.ohkumas1 {
    margin: 0;
    position: relative;
    font-size: inherit;
    font-weight: 600;
    font-family: inherit;
    display: inline-block;
    opacity: 0;
    max-width: 100%;
}
.moving {
    margin: 0;
}
.moving-house-txt-container {
    line-break: anywhere;
}
.moving-house2 {
    margin: 0;
    align-self: stretch;
    height: 201px;
    position: relative;
    font-size: 130px;
    line-height: 140px;
    font-weight: 600;
    font-family: inherit;
    display: flex;
    align-items: center;
    flex-shrink: 0;
    opacity: 0;
}
.ohkumas-parent {
    align-self: stretch;
    flex-direction: column;
    gap: var(--gap-15xl);
    max-width: 100%;
}
.frame-div,
.frame-wrapper2,
.ohkumas-parent {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.frame-wrapper2 {
    flex: 1;
    flex-direction: column;
    padding: var(--padding-22xl) 0 0;
    box-sizing: border-box;
    max-width: calc(100% - 155px);
    text-align: left;
    font-size: var(--font-size-51xl);
    color: var(--white);
}
.frame-div {
    flex-direction: row;
    gap: 135.3px;
    max-width: 100%;
}
.polygon-icon {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: var(--br-8xs);
    max-width: 100%;
    overflow: hidden;
    max-height: 100%;
}

.frame-child4,
.vector-group {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.frame-child4 {
    height: 11.75%;
    width: 16.97%;
    top: 67.3%;
    right: 39.3%;
    bottom: 20.95%;
    left: 43.73%;
    max-width: 100%;
    overflow: hidden;
    max-height: 100%;
    background-image: url("../img/group-3.svg");
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}
.reverse .frame-child4 {
    background-image: url("../img/ico_mail_re.svg");
}

.frame-child5 {
    position: absolute;
    top: 13.3px;
    left: 79.9px;
    width: 22.6px;
    height: 22.6px;
    object-fit: contain;
    cursor: pointer;
    background-image: url("../img/group-5@2x.png");
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}
.reverse .frame-child5 {
    background-image: url("../img/ico_close_fixed_inquiry_btn_re.png");
}

.frame-container,
.frame-wrapper {
    display: flex;
    flex-direction: row;
    max-width: 100%;
}
.frame-container {
    position: absolute;
    flex: 1;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--gap-xl);
}

.business-challenge-container-child {
    height: 1336px;
    width: 1280px;
    position: relative;
    background-color: var(--brown2);
    display: none;
    max-width: 100%;
}
.h1 {
    margin: 0;
    align-self: stretch;
    position: relative;
    font-size: inherit;
    letter-spacing: 0.05em;
    line-height: 76px;
    font-weight: 700;
    font-family: inherit;
    z-index: 1;
}
.p6 {
    margin: 0;
    white-space: pre-wrap;
}
@media screen and (max-width: 767px) {
    .p6 {
        margin: 0 0 0 calc(10 / 390 * 100vw);
    }
}

.div2,
.h3 {
    position: relative;
    flex-shrink: 0;
}
.div2 {
    height: 116px;
    line-height: 50px;
    font-weight: 500;
    display: inline-block;
    z-index: 1;
}
.h3 {
    width: 147px;
    height: 48px;
    font-size: var(--font-size-9xl);
    line-height: 30px;
    font-weight: 700;
    font-family: inherit;
    color: var(--pink);
    display: flex;
    align-items: center;
    z-index: 2;
    margin: -66px 0 0;
}
.moving-house-recommendation {
    min-height: 116px;
    font-size: var(--font-size-6xl);
}
.business-challenge-container-inner,
.moving-house-recommendation,
.parent {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    max-width: 100%;
    min-height: auto;
}
.parent {
    position: sticky;
    top: 263px;
    align-self: stretch;
    gap: var(--gap-3xs);
}
.business-challenge-container-inner {
    padding: 263px 0 0;
    box-sizing: border-box;
    min-width: 493px;
    min-height: 396px;
}
.txt {
    line-break: anywhere;
    width: 100%;
}
.div3 {
    position: absolute;
    top: 1047px;
    left: 46px;
    font-size: var(--font-size-lg);
    line-height: 36px;
    font-weight: 500;
    display: flex;
    align-items: center;
    max-height: 72px;
    word-break: break-word;
}
.vector-icon {
    position: absolute;
    top: 599px;
    left: 288px;
    width: 262.2px;
    height: 262.3px;
    object-fit: contain;
}
.div4 {
    width: 50.7px;
    position: relative;
    line-height: 36px;
    font-weight: 600;
    display: inline-block;
}
.wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: var(--padding-44xl-6) 0 0;
}
.vector-icon1 {
    width: 190.7px;
    height: 190.9px;
    position: relative;
    flex-shrink: 0;
    z-index: 1;
}
.div5 {
    width: 167px;
    position: absolute;
    margin: 0 !important;
    top: 78.32px;
    right: 14.5px;
    line-height: 35px;
    font-weight: 600;
    display: inline-block;
    transform: rotate(-12deg);
    transform-origin: 0 0;
    z-index: 2;
}
.frame-parent3,
.vector-container {
    display: flex;
    align-items: flex-start;
}
.vector-container {
    flex-direction: column;
    justify-content: flex-start;
    position: relative;
    font-size: var(--font-size-xl);
    color: var(--black);
    font-family: var(--font-noto-sans-jp);
}
.frame-parent3 {
    position: absolute;
    top: 630.5px;
    left: 0;
    width: 507.7px;
    flex-direction: row;
    justify-content: space-between;
    gap: var(--gap-xl);
    max-width: 100%;
    text-align: center;
    font-family: var(--font-poppins);
}
.frame-child6 {
    position: absolute;
    top: 755.2px;
    left: 69.1px;
    width: 339.1px;
    height: 244.5px;
    z-index: 3;
}
.div6,
.div7 {
    position: absolute;
    left: 46px;
    line-height: 36px;
    font-weight: 500;
    display: flex;
    align-items: center;
}
.div6 {
    top: 1725px;
    font-size: var(--font-size-lg);
    max-height: 72px;
    word-break: break-word;
}
.div7 {
    top: 1799px;
    font-size: var(--font-size-sm);
    width: 361px;
    height: 25px;
}
.vector-icon2,
.vector-icon3 {
    position: absolute;
    top: 1277px;
    left: 288px;
    width: 262.2px;
    height: 262.3px;
    object-fit: contain;
}
.vector-icon3 {
    z-index: 3;
}
.vector-icon4 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.div9 {
    position: absolute;
    top: 78.32px;
    left: 9.2px;
    line-height: 35px;
    font-weight: 600;
    transform: rotate(-12deg);
    transform-origin: 0 0;
    z-index: 2;
}
.vector-icon5 {
    width: 190.7px;
    height: 190.9px;
    position: relative;
    z-index: 4;
}
.div10 {
    position: absolute;
    margin: 0 !important;
    top: 70.69px;
    right: 44.9px;
    line-height: 35px;
    font-weight: 500;
    transform: rotate(-12deg);
    transform-origin: 0 0;
    z-index: 5;
}
.initial-cost-container {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: 100%;
    color: var(--color-black);
}
.vector-parent1 {
    height: 190.9px;
    width: 190.7px;
    position: relative;
    font-size: var(--font-size-xl);
    color: var(--black);
    font-family: var(--font-noto-sans-jp);
}
.div11,
.div12,
.frame-parent4 {
    position: absolute;
    display: flex;
}
.frame-parent4 {
    top: 1308.5px;
    left: 0;
    width: 507.7px;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--gap-xl);
    max-width: 100%;
    text-align: center;
    font-family: var(--font-poppins);
}
.div11,
.div12 {
    left: 46px;
    font-weight: 500;
    align-items: center;
}
.div11 {
    top: 3024px;
    font-size: var(--font-size-lg);
    line-height: 36px;
    width: 326px;
    height: 51px;
    z-index: 1;
}
.div12 {
    top: 3091px;
    font-size: var(--font-size-sm);
    width: 327px;
    height: 20px;
}
.div12,
.div13,
.div14 {
    line-height: 36px;
    z-index: 1;
}
.div13 {
    position: absolute;
    top: 2357px;
    left: 46px;
    font-size: var(--font-size-lg);
    font-weight: 500;
    display: flex;
    align-items: center;
    max-height: 108px;
    word-break: break-word;
}
.div14 {
    width: 50.7px;
    position: relative;
    font-weight: 600;
    display: inline-block;
}
.frame {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 95.1px 0 0;
}
.vector-icon6 {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 100%;
    overflow: hidden;
    max-height: 100%;
    object-fit: contain;
    z-index: 1;
}
.vector-icon7 {
    position: absolute;
    top: 210.8px;
    left: 104px;
    width: 16.2px;
    height: 27.8px;
    z-index: 2;
}
.budget-button-container-inner,
.vector-parent2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.vector-parent2 {
    margin: 0 !important;
    right: 0;
    bottom: 0;
}
.budget-button-container-inner {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
}
.vector-icon8 {
    width: 190.7px;
    height: 190.9px;
    position: relative;
    flex-shrink: 0;
    z-index: 3;
}
.div15 {
    width: 167px;
    position: absolute;
    margin: 0 !important;
    top: 78.32px;
    right: 14.5px;
    line-height: 35px;
    font-weight: 600;
    display: inline-block;
    transform: rotate(-12deg);
    transform-origin: 0 0;
    z-index: 4;
}
.know-budget-container {
    position: absolute;
    top: 31.5px;
    left: 29px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.budget-button-container {
    height: 262.3px;
    width: 262.2px;
    position: relative;
    font-size: var(--font-size-xl);
    color: var(--black);
    font-family: var(--font-noto-sans-jp);
}
.frame-parent5 {
    position: absolute;
    top: 1914px;
    left: 0;
    width: 550.2px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--gap-xl);
    text-align: center;
    font-family: var(--font-poppins);
}
.frame-child7 {
    position: absolute;
    top: 2040.9px;
    left: 72.6px;
    width: 255.8px;
    height: 272.4px;
    z-index: 5;
}
.div16 {
    position: absolute;
    top: 3688px;
    left: 46px;
    font-size: var(--font-size-lg);
    line-height: 36px;
    font-weight: 500;
    display: flex;
    align-items: center;
    max-height: 92px;
    word-break: break-word;
    z-index: 1;
}
.border-icon,
.vector-icon9 {
    position: absolute;
    top: 3420px;
    left: 48.7px;
    width: 325.6px;
    height: 239.1px;
    z-index: 1;
}
.vector-icon9 {
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 100%;
    overflow: hidden;
    max-height: 100%;
    object-fit: contain;
    z-index: 2;
}
.vector-icon10 {
    position: absolute;
    top: 210.8px;
    left: 104px;
    width: 16.2px;
    height: 27.8px;
    z-index: 3;
}
.frame-wrapper3 {
    position: absolute;
    top: 3255px;
    left: 288px;
    width: 262.2px;
    height: 262.3px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
}
.div18 {
    position: absolute;
    margin: 0 !important;
    right: 27.1px;
    bottom: 23.65px;
    line-height: 35px;
    font-weight: 600;
    transform: rotate(-12deg);
    transform-origin: 0 0;
    z-index: 5;
}
.frame-parent6 {
    position: absolute;
    top: 3286.5px;
    left: 0;
    width: 507.7px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--gap-xl);
    max-width: 100%;
    text-align: center;
    font-family: var(--font-poppins);
}
.frame-child8 {
    position: absolute;
    top: 2763px;
    left: 72px;
    width: 273px;
    height: 227px;
    object-fit: cover;
    z-index: 1;
}
.vector-icon13 {
    position: absolute;
    top: 210.8px;
    left: 103.9px;
    width: 16.2px;
    height: 27.8px;
    z-index: 3;
}
.frame-wrapper4 {
    position: absolute;
    top: 2591px;
    left: 288px;
    width: 262.2px;
    height: 262.3px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
}
.vector-icon14 {
    width: 190.6px;
    height: 190.9px;
    position: relative;
    z-index: 4;
}
.div20 {
    width: calc(100% - 23.6px);
    position: absolute;
    margin: 0 !important;
    top: 78.32px;
    left: 9.3px;
    line-height: 35px;
    font-weight: 600;
    display: inline-block;
    transform: rotate(-12deg);
    transform-origin: 0 0;
    z-index: 5;
}
.frame-parent7,
.unique-store-container-inner {
    position: absolute;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}
.frame-parent7 {
    top: 2622.5px;
    left: 0;
    width: 507.5px;
    justify-content: space-between;
    gap: var(--gap-xl);
    max-width: 100%;
    text-align: center;
    font-family: var(--font-poppins);
}
.unique-store-container-inner {
    top: 0;
    left: 288px;
    width: 262.2px;
    height: 262.3px;
    justify-content: flex-start;
}
.frame-child9 {
    width: 522px;
    height: 3863px;
    position: relative;
    background-color: var(--brown2);
    display: none;
    max-width: 100%;
    z-index: 0;
}
.vector-icon17 {
    height: 190.9px;
    width: 190.7px;
    position: relative;
    z-index: 3;
}
.div22 {
    height: 66px;
    width: 167px;
    position: absolute;
    margin: 0 !important;
    top: 69.32px;
    right: 14.5px;
    line-height: 32px;
    font-weight: 600;
    display: inline-block;
    transform: rotate(-12deg);
    transform-origin: 0 0;
    z-index: 4;
}
.vector-parent8 {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    position: relative;
    font-size: var(--font-size-xl);
    color: var(--black);
    font-family: var(--font-noto-sans-jp);
}
.div23 {
    position: relative;
    line-height: 36px;
    font-weight: 500;
    z-index: 1;
}
.wrapper4 {
    width: 452px;
    height: 55px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0 var(--padding-27xl);
    box-sizing: border-box;
    max-width: 100%;
    text-align: left;
    font-size: var(--font-size-lg);
    font-family: var(--font-noto-sans-jp);
}
.frame-child10 {
    width: 294px;
    height: 195.8px;
    position: absolute;
    margin: 0 !important;
    top: 178px;
    left: 73px;
    z-index: 4;
}
.rectangle-parent3 {
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--brown2);
    width: 522px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 31.5px var(--padding-sm) 3405px 0;
    box-sizing: border-box;
    gap: 180.6px;
    max-width: 100%;
}
.unique-store-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3863px;
    text-align: center;
    font-family: var(--font-poppins);
}
.group {
    margin-left: -11px;
    width: 550px;
    height: 529px;
    position: relative;
    overflow-y: auto;
    flex-shrink: 0;
    max-width: 103%;
    z-index: 2;
}
.short-delivery-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 120px;
    width: 550px;
    padding: 0;
    box-sizing: border-box;
}
.business-challenge-container,
.frame-group {
    align-self: stretch;
    display: flex;
    box-sizing: border-box;
    max-width: 100%;
}
.business-challenge-container {
    background-color: var(--brown2);
    flex-direction: row;
    justify-content: center;
    gap: 43px;
    padding: 0 var(--padding-xl) 172px var(--padding-45xl);
    row-gap: 20px;
    text-align: left;
    font-size: var(--font-size-26xl);
    color: var(--white);
    font-family: var(--font-noto-sans-jp);
}
.frame-group {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 66px;
    text-align: center;
    font-size: var(--font-size-3xs);
    color: var(--black);
    font-family: var(--font-poppins);
}
.h2,
.whats-a-moving {
    margin: 0;
    position: relative;
    font-size: inherit;
    font-family: inherit;
    z-index: 3;
}
.whats-a-moving {
    align-self: stretch;
    line-height: 95px;
    font-weight: 600;
    color: #499CD7;
}
.h2 {
    flex: 1;
    line-height: 45px;
    font-weight: 700;
    display: inline-block;
    max-width: 100%;
}
.whats-a-moving-house-parent,
.wrapper5 {
    align-self: stretch;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    max-width: 100%;
}
.wrapper5 {
    flex-direction: row;
    padding: 0 376px 0 var(--padding-358xl);
    box-sizing: border-box;
    font-size: 33px;
    color: var(--white);
    font-family: var(--font-noto-sans-jp);
}
.whats-a-moving-house-parent {
    flex-direction: column;
    gap: 13px;
}
.frame-child11 {
    width: 350px;
    height: 400px;
    position: relative;
    border-radius: var(--br-mini);
    background-color: var(--white);
    display: none;
    max-width: 100%;
}
.unit-size {
    flex: 1;
    position: relative;
    line-height: 36px;
    font-weight: 600;
    z-index: 1;
}
.size-types {
    width: 152px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0 60px 0 var(--padding-42xl);
    box-sizing: border-box;
}
.b1 {
    flex: 1;
    position: relative;
    line-height: 36px;
    z-index: 1;
}
.method {
    width: 152px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0 var(--padding-12xs) 0 var(--padding-11xs);
    box-sizing: border-box;
}
.frame-child12 {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: var(--br-9xs);
    background-color: var(--background);
    width: 100%;
    height: 100%;
    display: none;
}
.image-icon {
    position: absolute;
    top: 4px;
    left: 3px;
    width: 14px;
    height: 10px;
    z-index: 1;
}
.rectangle-parent5 {
    width: 20px;
    height: 20px;
    position: relative;
    border-radius: var(--br-9xs);
    /*background-color: var(--background);*/
    z-index: 1;
}
.icon2,
.illustration {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

.icon2 {
    gap: var(--gap-13xl);
}
@media screen and (max-width: 767px) {
    .icon2 {
        gap: calc(13 / 390 * 100vw);
    }
}

.illustration {
    padding: var(--padding-5xs) 0 0;
}
.b2 {
    display: inline-block;
    min-width: 124px;
}
.b2,
.b3,
.b4 {
    position: relative;
    letter-spacing: 0.03em;
    line-height: 32px;
    z-index: 1;
}
.b3 {
    display: inline-block;
    min-width: 111px;
}
.b4 {
    align-self: stretch;
}
.details,
.list {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;

}
.details {
    gap: var(--gap-xl);
}
@media screen and (max-width: 767px) {
    .details {
        gap: calc(8 / 390 * 100vw);
    }
}

.details .text-pink {
    color: var(--pink);
}

.list {
    flex: 1;
}
.features-child {
    height: 15.9px;
    width: 16px;
    position: relative;
    z-index: 4;
}
.features {
    align-self: stretch;
    flex: 1;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: flex-start;
    gap: var(--gap-2xl);
}
.rectangle-parent4,
.transportation,
.visual {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.visual {
    flex: 1;
    flex-direction: row;
    gap: var(--gap-6xs);
    text-align: left;
}
.rectangle-parent4,
.transportation {
    flex-direction: column;
}

.transportation {
    width: 100%;
    align-items: center;
    gap: 36px;
    font-size: var(--font-size-xl);
    font-family: var(--font-noto-sans-jp);
}
@media screen and (max-width: 767px) {
    .transportation {
        gap: calc(13 / 390 * 100vw);
        font-size: calc(15 / 390 * 100vw);
    }
}

.rectangle-parent4 {
    border-radius: var(--br-mini);
    background-color: var(--white);
    box-sizing: border-box;
    gap: var(--gap-8xl);
    max-width: 100%;
    z-index: 3;
}
.div24 {
    flex: 1;
    position: relative;
    line-height: 36px;
    font-weight: 600;
    display: inline-block;
    min-width: 31px;
    z-index: 1;
}
.b5,
.length {
    align-self: stretch;
}
.length {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0 76px 0 77px;
}
.b5 {
    position: relative;
    font-size: var(--font-size-xl);
    line-height: 36px;
    font-family: var(--font-noto-sans-jp);
    z-index: 1;
}
.dimension,
.size-details {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.dimension {
    flex: 1;
    flex-direction: column;
    gap: var(--gap-8xl);
}
.size-details {
    flex-direction: row;
    padding: 0 var(--padding-11xl);
}
.length1,
.m {
    position: relative;
    line-height: 47px;
}
.length1 {
    flex: 1;
    font-family: var(--font-din-2014), sans-serif;
    z-index: 1;
}
.m {
    margin: 0;
    width: 40px;
    height: 34px;
    font-size: inherit;
    font-weight: 700;
    font-family: inherit;
    display: inline-block;
    flex-shrink: 0;
    z-index: 2;
}
.dimension1,
.unit {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.unit {
    flex-direction: column;
    padding: 6px 0 0;
    margin-left: -6px;
    font-size: var(--font-size-11xl);
    font-family: var(--font-poppins);
}

.dimension1 {
    width: 89px;
    flex-direction: row;
}
@media screen and (max-width: 767px) {
    .dimension1 {
        width: auto;
    }
}

.length2 {
    margin: 0;
    align-self: stretch;
    position: relative;
    font-size: inherit;
    line-height: 47px;
    font-weight: 600;
    font-family: inherit;
    flex-shrink: 0;
    z-index: 1;
}

.dimension2 {
    width: 53px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: var(--padding-8xs) 0 0;
    box-sizing: border-box;
    color: var(--black);
}
@media screen and (max-width: 767px) {
    .dimension2 {
        width: auto;
    }
}

.m1,
.placeholder {
    position: relative;
    line-height: 47px;
    flex-shrink: 0;
}
.placeholder {
    flex: 1;
    font-size: var(--font-size-46xl);
    font-family: var(--font-din-2014), sans-serif;
    z-index: 2;
    margin-left: -10.5px;
}
.m1 {
    margin: 0;
    width: 40px;
    height: 34px;
    font-size: inherit;
    font-weight: 700;
    font-family: inherit;
    display: inline-block;
    z-index: 3;
}
.unit1 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: var(--padding-3xs) 0 0;
    margin-left: -10.5px;
    font-size: var(--font-size-11xl);
}

.detail1 {
    flex: 1;
    flex-direction: row;
    min-width: 108px;
    font-size: 46px;
    font-family: var(--font-poppins);
}
@media screen and (max-width: 767px) {
    .detail1 {
        flex: 0;
    }
}

.detail,
.detail1,
.size-details-parent {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.detail {
    align-self: stretch;
    flex-direction: row;
    gap: 6px;
    font-size: var(--font-size-46xl);
    color: var(--pink);
    font-family: var(--font-din-2014);
}
.size-details-parent {
    flex: 1;
    flex-direction: column;
    gap: 67px;
}
.frame-wrapper5 {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-end;
    box-sizing: border-box;
}
.frame-child16 {
    width: 16px;
    height: 16px;
    position: relative;
    z-index: 1;
}
.rectangle-parent8 {
    border-radius: var(--br-mini);
    background-color: var(--white);
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
    box-sizing: border-box;
    gap: 91px;
    max-width: 100%;
    z-index: 3;
}
.wrapper6,
.wrapper7 {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-end;
}
.wrapper6 {
    padding: 0 121px 0 var(--padding-101xl);
    font-size: var(--font-size-21xl);
    font-family: var(--font-poppins);
}
.wrapper7 {
    padding: 0 var(--padding-43xl) var(--padding-3xs) var(--padding-42xl);
}
.b7 {
    flex: 1;
    position: relative;
    line-height: 30px;
    z-index: 1;
}
.options {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0 var(--padding-43xl);
}
@media screen and (max-width: 767px) {
    .options {
        padding-bottom: calc(10 / 390 * 100vw);
    }
}
.h31 {
    margin: 0;
    flex: 1;
    position: relative;
    font-size: inherit;
    line-height: 46px;
    font-weight: 700;
    font-family: inherit;
    z-index: 1;
}
.permanent,
.temporary {
    align-self: stretch;
    flex-direction: row;
    justify-content: flex-start;
}
.permanent {
    display: flex;
    align-items: flex-start;
    padding: 0 0 var(--padding-3xs);
    font-size: var(--font-size-11xl);
    color: var(--pink);
}
.temporary {
    padding: 0 var(--padding-base);
}
.installation,
.temporary,
.types {
    display: flex;
    align-items: flex-start;
}
.types {
    flex: 1;
    flex-direction: column;
    justify-content: flex-start;
}
.installation {
    align-self: stretch;
    flex-direction: row;
    justify-content: flex-end;
    padding: 0 var(--padding-4xl) var(--padding-4xl) var(--padding-5xl);
}
.rectangle-parent9 {
    border-radius: var(--br-mini);
    background-color: var(--white);
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
    box-sizing: border-box;
    gap: var(--gap-8xl);
    max-width: 100%;
    z-index: 3;
    font-size: var(--font-size-xl);
    font-family: var(--font-noto-sans-jp);
}
.mobile-wooden-container,
.moving-architecture {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    max-width: 100%;
}

.mobile-wooden-container {
    position: relative;
    display: block;
    width: 100%;
    height: 403px;
    justify-content: center;
    box-sizing: border-box;
    font-size: var(--font-size-21xl);
    color: var(--black);
}
@media screen and (max-width: 767px) {
    .mobile-wooden-container {
        height: auto;
    }
}

.frame-parent9 {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
    gap: var(--gap-41xl);
    max-width: 100%;
}
@media screen and (max-width: 767px) {
    .frame-parent9 {
        position: relative;
        padding: 0 calc(25 / 390 * 100vw);
        background: var(--brown2);
    }
}

.whats-moving-house-container {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-end;
    padding: 0 0 177px 0;
    box-sizing: border-box;
    max-width: 100%;
    text-align: center;
    font-size: var(--font-size-51xl);
    color: var(--light-b);
    font-family: var(--font-poppins);
}
/*.item {
    width: 2008px;
    height: 1004px;
    position: absolute;
    margin: 0 !important;
    bottom: -176px;
    left: calc(50% - 1004px);
}*/
.b9,
.case-study1 {
    position: relative;
    display: inline-block;
}
.case-study1 {
    margin: 0;
    align-self: stretch;
    height: 136px;
    font-size: inherit;
    line-height: 106px;
    font-weight: 600;
    font-family: inherit;
    flex-shrink: 0;
    z-index: 4;
}
.b9 {
    flex: 1;
    line-height: 48px;
    max-width: 100%;
    z-index: 3;
}
.subtitle {
    align-self: stretch;
    flex-direction: row;
    padding: 0 var(--padding-65xl);
    box-sizing: border-box;
    margin-top: -8px;
    font-size: var(--font-size-6xl);
    color: var(--brown2);
    font-family: var(--font-noto-sans-jp);
}
.header,
.subtitle,
.title {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    max-width: 100%;
}
.header {
    width: 625px;
    flex-direction: column;
}
.title {
    flex-direction: row;
    padding-bottom: 71px;
}
@media screen and (max-width: 767px) {
    .title {
        padding-bottom: calc(50 / 390 * 100vw);
    }
}

.placeholders {
    height: 22px;
    width: 100%;
    position: absolute;
    margin: 0 !important;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: var(--br-14xl);
    background-color: rgba(231, 154, 155, 0.6);
}
.labels {
    position: relative;
    display: inline-block;
    font-weight: 600;
    min-width: 16px;
    z-index: 1;
}
@media screen and (max-width: 767px) {
    .labels {

    }
}

.frame-child19 {
    height: 100%;
    width: 100%;
    position: absolute;
    margin: 0 !important;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: var(--br-14xl);
    background-color: var(--color-dimgray-100);
}
@media screen and (max-width: 767px) {
    .frame-child19 {
        background-color: #fff;
    }
}

.i {
    position: relative;
    display: inline-block;
    font-weight: 600;
    min-width: 19px;
    z-index: 1;
}

.frame-child20 {
    height: 22px;
    width: 100%;
    position: absolute;
    margin: 0 !important;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: var(--br-14xl);
    background-color: var(--color-dimgray-100);
}
.i2 {
    position: relative;
    display: inline-block;
    font-weight: 600;
    min-width: 20px;
    z-index: 1;
}
@media screen and (min-width: 768px) {
    .examples.swiper-pagination-bullets.swiper-pagination-horizontal {
        position: absolute;
        top: calc(231 / 1280 * 100vw);
        bottom: auto;
        right: 23px;
        left: auto;
        width: 80px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 16.4px;
        text-align: left;
        font-size: var(--font-size-sm);
    }
}
@media screen and (max-width: 767px) {
    .examples.swiper-pagination-bullets.swiper-pagination-horizontal {
        position: relative;
        top: auto;
        right: auto;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: calc(24 / 390 * 100vw) calc(30 / 390 * 100vw);
        width: calc(330 / 390 * 100vw);
        margin: 0 auto calc(64 / 390 * 100vw);
    }
}

.examples.swiper-pagination-bullets.swiper-pagination-horizontal .example-selector.swiper-pagination-bullet {
    margin: 0;
    background-color: rgba(255, 255, 255, .6);
    opacity: 1;
    box-sizing: border-box;
}
.examples.swiper-pagination-bullets.swiper-pagination-horizontal .example-selector.swiper-pagination-bullet.swiper-pagination-bullet-active {
    color: #ffffff;
    background-color: rgba(231, 154, 155, .6);
}
@media screen and (min-width: 768px) {
    .examples.swiper-pagination-bullets.swiper-pagination-horizontal .example-selector.swiper-pagination-bullet {
        position: relative;
        align-self: stretch;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start;
        width: 80px;
        height: 23px;
        padding: 0 var(--padding-8xs) var(--padding-11xs);
        color: #ffffff;
        border-radius: 20px;
        z-index: 4;
    }
}
@media screen and (max-width: 767px) {
    .examples.swiper-pagination-bullets.swiper-pagination-horizontal .example-selector.swiper-pagination-bullet {
        width: calc(90 / 390 * 100vw);
        height: calc(25 / 390 * 100vw);
        padding: 0 0 0 calc(8 / 390 * 100vw);
        font-size: calc(14 / 390 * 100vw);
        text-align: left;
        color: var(--black);
        border-radius: calc(13 / 390 * 100vw);
    }
}

.case-study,
.usage {

}
.usage {

}
.case-study {
    position: relative;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-end;
    padding: 153px 0 0;
    box-sizing: border-box;
    text-align: center;
    font-size: var(--font-size-81xl);
    color: var(--white);
    font-family: var(--font-poppins);
}
.b10 {
    flex: 1;
    position: relative;
    line-height: 32px;
    z-index: 5;
}
.link {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0 93px 0 782px;
}
.image {
    width: 100%;
    height: 100%;
    position: absolute;
    margin: 0 !important;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.8), transparent);
    z-index: 6;
}
.div26 {
    width: 348px;
    font-size: var(--font-size-lg);
    line-height: 30px;
    font-weight: 500;
    text-align: left;
    display: inline-block;
    z-index: 7;
}
.association-child,
.content,
.div26 {
    position: relative;
    max-width: 100%;
}
.content {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0 157px 72px;
    box-sizing: border-box;
    gap: 10.4px;
    min-height: 175px;
}
.association-child {
    height: 270px;
    width: 1280px;
    background-color: var(--white);
    display: none;
}
.div27,
.icon3 {
    position: relative;
    max-width: 100%;
    z-index: 8;
}

.div27 {
    line-height: 30px;
    font-weight: 500;
    display: inline-block;
}
@media screen and (max-width: 767px) {
    .div27 {
        font-size: calc(16 / 390 * 100vw);
        line-height: 1.875em;
    }
}

.icon3 {
    width: 565px;
    max-height: 100%;
    overflow: hidden;
    flex-shrink: 0;
}
@media screen and (max-width: 767px) {
    .icon3 {
        width: calc(316 / 390 * 100vw);
    }
}

.association {
    position: relative;
    align-self: stretch;
    background-color: var(--white);
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    padding: var(--padding-66xl) 119px var(--padding-91xl) var(--padding-79xl);
    box-sizing: border-box;
    max-width: 100%;
    gap: var(--gap-xl);
    z-index: 7;
    text-align: left;
    font-size: var(--font-size-lgi);
    color: var(--black);
    background: #ffffff;
}
.description-child {
    height: 830px;
    width: 1280px;
    position: relative;
    background-color: var(--brown2);
    display: none;
    max-width: 100%;
    z-index: 0;
}
.div28 {
    width: 440px;
    margin: 0 !important;
    padding: 73px 0 0;
    line-height: 38px;
    font-weight: 500;
    display: flex;
    flex-direction: column;
}
.b11,
.contact {
    position: relative;
    line-height: 70px;
    z-index: 1;
}
.b11 {
    width: 240px;
    height: 39px;
    display: flex;
    align-items: center;
    flex-shrink: 0;
}
.contact {
    margin: 0;
    height: 92px;
    flex: 1;
    font-size: inherit;
    font-weight: 600;
    font-family: inherit;
    display: inline-block;
    max-width: 100%;
}
.button,
.title1 {
    align-self: stretch;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    max-width: 100%;
}
.button {
    flex-direction: row;
    padding: 0 0 0 var(--padding-12xs);
    box-sizing: border-box;
    font-size: var(--font-size-71xl);
    color: var(--white);
    font-family: var(--font-poppins);
}
.title1 {
    flex-direction: column;
    gap: var(--gap-14xl);
}
.icon-child {
    height: 230.8px;
    flex: 1;
    position: relative;
    max-width: 100%;
    overflow: hidden;
    z-index: 1;
}
@media screen and (max-width: 767px) {
    .icon-child {
        width: calc(158 / 390 * 100vw);
        height: auto;
    }
}

.header1,
.icon4 {
    display: flex;
    max-width: 100%;
}
.icon4 {
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-end;
    padding: 0 var(--padding-45xl);
    box-sizing: border-box;
}
.header1 {
    align-self: stretch;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
    gap: 101px;
}
.action,
.background {
    box-sizing: border-box;
}
.action {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0 0 var(--padding-21xl);
    min-width: 394px;
    max-width: 100%;
    font-size: var(--font-size-6xl);
    color: var(--pink);
}
.background {
    position: absolute;
    top: 0;
    left: 0;
    backdrop-filter: blur(53px);
    border-radius: 50%;
    background-color: var(--color-gray-200);
    border: 0 solid var(--white);
    width: 100%;
    height: 100%;
    z-index: 2;
}
.b12 {
    position: absolute;
    top: 121px;
    left: 91px;
    line-height: 32px;
    display: inline-block;
    width: 97px;
    height: 35.2px;
    min-width: 97px;
    z-index: 3;
}
.b13,
.button1 {
    position: relative;
}
.button1 {
    width: 278px;
    height: 278px;
}
.b13 {
    flex: 1;
    font-size: var(--font-size-lg);
    line-height: 31px;
    font-family: var(--font-noto-sans-jp);
    color: var(--white);
    text-align: center;
}
@media screen and (max-width: 767px) {
    .b13 {
        font-size: calc(16 / 390 * 100vw);
    }
}

.frame-child24,
.group-button {
    border: 4px solid var(--white);
    border-radius: var(--br-xl);
    box-sizing: border-box;
    max-width: 100%;
}
.frame-child24 {
    height: 90px;
    width: 440px;
    position: relative;
    display: none;
}
.group-button {
    cursor: pointer;
    padding: var(--padding-6xl) var(--padding-66xl) var(--padding-11xl);
    background-color: transparent;
    align-self: stretch;
    flex: 1;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    z-index: 1;
    transition: all .2s;
}
.group-button:hover {
    opacity: .7;
}

.allow-1-icon {
    height: 62px;
    width: 62px;
    position: relative;
    overflow: hidden;
    flex-shrink: 0;
    object-fit: contain;
    z-index: 1;
}
.icon5 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 0 var(--padding-3xl) 0 var(--padding-xl);
}
@media screen and (max-width: 767px) {
    .icon5 {
        display: none;
    }
}

.form,
.icon5,
.title2 {
    align-self: stretch;
    align-items: flex-start;
}
.title2 {
    width: 440px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: var(--gap-8xl);
    max-width: 100%;
}
.form {
    height: 179px;
    flex-direction: row;
}
@media screen and (max-width: 767px) {
    .form {
        height: auto;
    }
}

.consultation,
.contact1,
.description,
.form {
    display: flex;
    justify-content: flex-start;
    max-width: 100%;
}
.contact1 {
    flex: 1;
    flex-direction: column;
    align-items: flex-end;
    gap: 186px;
    min-width: 350px;
    text-align: center;
    font-size: var(--font-size-base);
}
.consultation,
.description {
    flex-direction: row;
    box-sizing: border-box;
}
.description {
    flex: 1;
    background-color: var(--brown2);
    justify-content: center;
    padding: 169px 180px 125px 156px;
    position: relative;
    gap: 110px;
}
.consultation {
    align-self: stretch;
    align-items: flex-start;
    text-align: left;
    font-size: var(--font-size-xl);
}
.specifications1 {
    margin: 0;
    align-self: stretch;
    height: 94.3px;
    position: relative;
    font-size: inherit;
    font-weight: 600;
    font-family: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #ffffff;
}
.b14 {
    position: relative;
    line-height: 70px;
    z-index: 1;
}
.description1,
.title3 {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.description1 {
    flex-direction: row;
    padding: 0 136px;
    text-align: left;
    font-size: var(--font-size-6xl);
    color: var(--brown2);
    font-family: var(--font-noto-sans-jp);
}
.title3 {
    align-self: stretch;
    flex-direction: column;
    gap: 0.5px;
}
.div29 {
    position: relative;
    line-height: 36px;
    font-weight: 500;
}
@media screen and (max-width: 767px) {
    .div29 {
        font-size: calc(16 / 390 * 100vw);
        line-height: 2em;
    }
}

.overview {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0 var(--padding-25xl);
    font-size: var(--font-size-lg);
    text-align: center;
    color: var(--color-black);
    font-family: var(--font-noto-sans-jp);
}
.example,
.header2,
.specifications {
    display: flex;
    align-items: flex-start;
    max-width: 100%;
}
.header2 {
    width: 648px;
    flex-direction: column;
    justify-content: flex-start;
    gap: 15.8px;
}
.example,
.specifications {
    align-self: stretch;
    box-sizing: border-box;
}
.specifications {
    position: relative;
    flex-direction: row;
    justify-content: center;
    padding: 161px var(--padding-xl) 90px;
    font-size: var(--font-size-71xl);
    font-family: var(--font-poppins);
    background-color: var(--background);
}
@media screen and (max-width: 767px) {
    .specifications {
        padding-top: calc(125 / 390* 100vw);
        padding-bottom: calc(50 / 390* 100vw);
    }
}
.example {
    flex-direction: column;
    justify-content: flex-start;
    padding: 0 0 12.5px;
    text-align: center;
    font-size: var(--font-size-base);
    color: var(--white);
    font-family: var(--font-noto-sans-jp);
}
.frame-child25 {
    height: 90px;
    width: 535px;
    position: relative;
    border-radius: var(--br-3xs) var(--br-3xs) 0 0;
    background-color: var(--white);
    display: none;
    max-width: 100%;
}
.h32 {
    margin: 0;
    height: 24.5px;
    flex: 1;
    position: relative;
    font-size: inherit;
    line-height: 24.5px;
    font-weight: 700;
    font-family: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

.rectangle-parent15,
.rectangle-parent16 {
    width: 535px;
    border-radius: var(--br-3xs) var(--br-3xs) 0 0;
    max-width: 100%;
}
@media screen and (max-width: 767px) {
    .rectangle-parent15,
    .rectangle-parent16 {
        width: calc(163 / 390 * 100vw);
        height: calc(59 / 390 * 100vw);
        padding: 0 !important;
        align-items: center;
        justify-content: center;
    }
}

.rectangle-parent15 {
    margin: 0 !important;
    background-color: var(--white);
    display: flex;
    flex-direction: row;
    padding: var(--padding-19xl) var(--padding-101xl) var(--padding-8xl-5);
    box-sizing: border-box;
}

.frame-child26 {
    height: 90px;
    position: relative;
    display: none;
}
.rectangle-parent16 {
    margin: 0 !important;
    display: flex;
    flex-direction: row;
    padding: var(--padding-19xl) 197px var(--padding-8xl-5) 198px;
    box-sizing: border-box;
}
.options-container-child {
    height: 660px;
    width: 1280px;
    position: relative;
    background-color: var(--brown2);
    display: none;
    max-width: 100%;
    z-index: 1;
}
.component-child,
.component-item {
    height: 65px;
    width: 65px;
    position: relative;
    z-index: 2;
}
.component-item {
    z-index: 1;
}
.frame-parent10,
.options-content {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.frame-parent10 {
    width: 1128px;
    height: 65px;
    flex-direction: row;
    gap: 998px;
}
.options-content {
    position: absolute;
    top: 296px;
    left: 50%;
    flex-direction: column;
    box-sizing: border-box;
    max-width: 100%;
    transform: translateX(-50%);
    z-index: 5;
}
.specifications-container-child {
    height: 600px;
    width: 1100px;
    position: relative;
    border-radius: var(--br-mini);
    background-color: var(--white);
    display: none;
    max-width: 100%;
}
.roof-name-child {
    height: 24px;
    width: 150px;
    position: relative;
    border-radius: var(--br-8xs);
    background-color: var(--background);
    display: none;
}
.div30 {
    flex: 1;
    position: relative;
    line-height: 32px;
    font-weight: 500;
    z-index: 5;
}
.roof-name,
.roof-name-wrapper {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
}
.roof-name {
    flex: 1;
    border-radius: var(--br-8xs);
    background-color: var(--background);
    padding: 0 var(--padding-34xl) 0 var(--padding-36xl);
    z-index: 4;
}
.roof-name-wrapper {
    align-self: stretch;
    padding: 0 var(--padding-9xs);
}
.icon6 {
    width: 158px;
    height: 158px;
    position: relative;
    object-fit: cover;
    z-index: 4;
}
.frame-parent12 {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: var(--gap-5xs);
}
.div31 {
    align-self: stretch;
    position: relative;
    font-size: var(--font-size-mini);
    line-height: 32px;
    font-weight: 500;
    z-index: 4;
}
.floor,
.frame-parent11 {
    display: flex;
    justify-content: flex-start;
}
.frame-parent11 {
    align-self: stretch;
    flex-direction: column;
    align-items: flex-end;
    gap: var(--gap-12xs);
}
.floor {
    flex: 1;
    border-radius: var(--br-8xs);
    background-color: var(--background);
    flex-direction: row;
    align-items: flex-start;
    padding: 0 var(--padding-30xl) 0 51px;
    z-index: 4;
}
.icon7 {
    width: 158px;
    height: 157px;
    position: relative;
    object-fit: cover;
    z-index: 4;
}
.floor-name-parent {
    align-self: stretch;
    flex-direction: column;
    gap: var(--gap-5xs);
}
.floor-description,
.floor-name-parent,
.frame-parent13 {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.floor-description {
    align-self: stretch;
    flex-direction: row;
    padding: 0 var(--padding-sm) 0 var(--padding-mini);
    font-size: var(--font-size-mini);
}
.frame-parent13 {
    flex: 1;
    flex-direction: column;
    gap: var(--gap-11xs);
}
.specifications-content-inner {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-end;
    padding: 0 var(--padding-8xl) 0 var(--padding-11xl);
}
.specifications-content {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50%;
    height: 100%;
}
@media screen and (max-width: 767px) {
    .specifications-content {
        order: 2;
        width: 100%;
    }
}

.exterior-wall,
.exterior-wall-name {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}
.exterior-wall {
    flex: 1;
    border-radius: var(--br-8xs);
    background-color: var(--background);
    justify-content: flex-start;
    padding: 0 54px;
    z-index: 4;
}
.exterior-wall-name {
    align-self: stretch;
    justify-content: flex-end;
    padding: 0 var(--padding-10xs) 0 var(--padding-9xs);
}
.icon8 {
    width: 157px;
    height: 157px;
    position: relative;
    object-fit: cover;
    z-index: 4;
}
.exterior-wall-name-parent {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
    gap: var(--gap-5xs);
}
.metal-siding {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-end;
    padding: 0 var(--padding-11xs);
    font-size: var(--font-size-mini);
}
.frame-parent15 {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
    gap: var(--gap-11xs);
}
.div36 {
    flex: 1;
    position: relative;
    line-height: 32px;
    font-weight: 500;
    display: inline-block;
    min-width: 76px;
    z-index: 5;
}
.interior-wall-ceiling {
    border-radius: var(--br-8xs);
    background-color: var(--background);
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0 var(--padding-18xl);
    z-index: 4;
}
.icon9 {
    height: 156px;
    width: 158px;
    position: relative;
    object-fit: cover;
    z-index: 4;
}
.interior-wall-ceiling-descript {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0 0 0 var(--padding-12xs);
}
.csp {
    flex: 1;
    position: relative;
    line-height: 32px;
    font-weight: 500;
    z-index: 4;
}
.material-description {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0 var(--padding-base) 0 var(--padding-smi);
    font-size: var(--font-size-mini);
}
.interior-wall-ceiling-name-parent {
    flex: 1;
    flex-direction: column;
    gap: var(--gap-10xs);
}
.frame-parent14,
.frame-wrapper7,
.interior-wall-ceiling-name-parent {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.frame-wrapper7 {
    align-self: stretch;
    flex-direction: row;
    padding: 0 0 0 var(--padding-9xs);
}
.frame-parent14 {
    flex-direction: column;
    padding: 0 var(--padding-79xl) 0 0;
    gap: var(--gap-22xl);
}
.material-name-child {
    height: 25px;
    width: 73px;
    position: relative;
    border-radius: var(--br-9xl);
    background-color: var(--black);
    display: none;
}
.material-customization {
    height: 22px;
    position: relative;
    line-height: 22px;
    display: flex;
    align-items: center;
    min-width: 13px;
    z-index: 5;
}
.material-name {
    width: 73px;
    border-radius: var(--br-9xl);
    background-color: var(--black);
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    padding: var(--padding-11xs) var(--padding-smi) var(--padding-12xs);
    box-sizing: border-box;
    z-index: 4;
    color: var(--white);
    font-family: var(--font-poppins);
}
.b15,
.div37 {
    position: relative;
    line-height: 32px;
    z-index: 4;
}
.b15 {
    align-self: stretch;
}
.div37 {
    font-size: var(--font-size-base);
    font-weight: 500;
}
@media screen and (max-width: 767px) {
    .div37 {
        font-size: calc(15 / 390 * 100vw);
        line-height: 1.86em;
    }
}

.material-explanation {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: var(--gap-sm);
    font-size: var(--font-size-3xl);
}
@media screen and (max-width: 767px) {
    .material-explanation {
        gap: calc(24 / 390 * 100vw);
    }
}

.div38 {
    position: relative;
    font-size: var(--font-size-sm);
    line-height: 32px;
    font-weight: 500;
    display: flex;
    align-items: center;
    flex-shrink: 0;
    z-index: 4;
}
@media screen and (max-width: 767px) {
    .div38 {
        font-size: calc(13 / 390 * 100vw);
        line-height: 1.86em;
    }
}

.material-details {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 29.5px;
}
@media screen and (max-width: 767px) {
    .material-details {
        gap: calc(28 / 390 * 100vw);
    }
}

.material-note,
.options-container,
.specifications-container {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    box-sizing: border-box;
    max-width: 100%;
}
.material-note {
    width: 50%;
    flex-direction: column;
    padding: 0 calc(50 / 1280 * 100vw) 0 calc(30 / 1280 * 100vw);
    text-align: left;
    font-size: var(--font-size-lg);
}
@media screen and (min-width: 1280px) {
    .material-note {
        padding-right: 127px;
    }
}
.options-container,
.specifications-container {
    flex-direction: row;
}
.specifications-container {
    width: 1100px;
    height: 600px;
    border-radius: var(--br-mini);
    background-color: var(--white);
    /*padding: var(--padding-37xl-4) 0 56.6px;*/
    gap: 0;
    z-index: 3;
}
@media screen and (min-width: 1280px) {
    .specifications-container {
        gap: 40px;
    }
}
.options-container {
    position: relative;
    flex: 1;
    background-color: var(--brown2);
    padding: 29.6px 0 30.4px;
    z-index: 2;
    font-size: var(--font-size-base);
    color: var(--black);
    max-width: 1100px;
    margin: 0 auto;
}

@media screen and (max-width: 767px) {
    .navigation-background {
        border-radius: 0 0 0 calc(30 / 390 * 100vw);
    }
}

.previous {
    height: 30px;
    width: 31px;
    position: relative;
    line-height: 36px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    z-index: 0;
}
@media screen and (max-width: 767px) {
    .previous {

    }
}

.frame-child27 {
    height: 38px;
    width: 38px;
    position: absolute;
    margin: 0 !important;
    right: -20px;
    bottom: -18.5px;
    z-index: 1;
}
@media screen and (max-width: 767px) {
    .frame-child27 {
        width: calc(30 / 390 * 100vw);
        height: calc(40 / 390 * 100vw);
        right: calc(-13 / 390 * 100vw);
        bottom: calc(-18 / 390 * 100vw);
    }
}

.next,
.previous-parent {
    height: 30px;
    position: relative;
    display: flex;
}
.previous-parent {
    width: 30px;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    z-index: 1;
}
.next {
    width: 31px;
    line-height: 36px;
    font-weight: 600;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.navigation-background-parent,
.next-wrapper {
    width: 60px;
    height: 30px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0 0 0 var(--padding-11xl);
    box-sizing: border-box;
    z-index: 2;
}
@media screen and (max-width: 767px) {
    .next-wrapper {
        margin: calc(-6 / 390 * 100vw) 0 0;
        padding-left: calc(24 / 390 * 100vw);
    }
}

.navigation-background-parent {
    width: 124px;
    height: 107px;
    margin: 0 !important;
    position: absolute;
    bottom: 3px;
    left: 50%;
    flex-direction: column;
    padding: var(--padding-3xl) var(--padding-12xl) var(--padding-21xl);
    gap: var(--gap-11xs);
    z-index: 3;
    font-size: var(--font-size-6xl);
    font-family: var(--font-poppins);
    transform: translateX(-50%);
    background-color: var(--brown2);
    border-radius: 65px 65px 0 0;
}
@media screen and (max-width: 767px) {
    .navigation-background-parent {
        top: calc(13 / 390 * 100vw);
        bottom: auto;
        right: calc(-8 / 390 * 100vw);
        left: auto;
        width: calc(82 / 390 * 100vw);
        height: calc(86 / 390 * 100vw);
        padding: calc(15 / 390 * 100vw) 0 0 calc(13 / 390 * 100vw);
        border-radius: 0 0 0 calc(30 / 390 * 100vw);
        font-size: calc(20 / 390 * 100vw);
        transform: none;
    }
}
.categories,
.options1 {
    align-self: stretch;
    display: flex;
    align-items: flex-start;
    max-width: 100%;
}
.categories {
    flex-direction: row;
    justify-content: center;
    gap: 31px;
    position: relative;
}
@media screen and (max-width: 767px) {
    .categories {
        gap: calc(10 / 390 * 100vw);
    }
}

.options1 {
    position: relative;
    height: 823px;
    flex-direction: column;
    /*justify-content: flex-end;*/
    /*padding: 89px 0 0;*/
    box-sizing: border-box;
    text-align: center;
    font-size: var(--font-size-9xl);
    color: var(--white);
    font-family: var(--font-noto-sans-jp);
    background-color: var(--background);
}
.reservation-content-child {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: var(--br-mini);
    background-color: var(--gray);
    width: 100%;
    height: 100%;
    display: none;
}
.reserve-title-child {
    height: 70px;
    width: 270px;
    position: relative;
    background-color: var(--white);
    display: none;
}
.reserve {
    margin: 0;
    height: 45px;
    position: relative;
    font-size: inherit;
    font-weight: 600;
    font-family: inherit;
    display: flex;
    align-items: center;
    z-index: 2;
}
.reserve-title {
    position: absolute;
    top: 72px;
    left: 90px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 12px 10px var(--padding-smi) var(--padding-3xs);
    z-index: 1;
    font-size: 60px;
    font-family: var(--font-poppins);
    color: var(--gray);
}
@media screen and (max-width: 767px) {
    .reserve-title {
        top: calc(37 / 390 * 100vw);
        left: calc(26 / 390 * 100vw);
        width: calc(188 / 390 * 100vw);
        height: calc(50 / 390 * 100vw);
        padding: 0;
        justify-content: center;
        align-items: center;
    }
}

.reservation-subtitle-child {
    height: 35px;
    width: 109px;
    position: relative;
    background-color: var(--white);
    display: none;
}
.b16 {
    height: 20.4px;
    position: relative;
    line-height: 20.4px;
    display: flex;
    align-items: center;
    min-width: 90px;
    z-index: 3;
}
.div39,
.reservation-subtitle {
    position: absolute;
    display: flex;
}
.reservation-subtitle {
    top: 141px;
    left: 90px;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    padding: var(--padding-5xs) var(--padding-8xs) 6.6px var(--padding-sm);
    z-index: 2;
    font-size: var(--font-size-xl);
    color: var(--gray);
}
@media screen and (max-width: 767px) {
    .reservation-subtitle {
        top: calc(85 / 390 * 100vw);
        left: calc(26 / 390 * 100vw);
        width: calc(90 / 390 * 100vw);
        height: calc(35 / 390 * 100vw);
        padding: 0;
        justify-content: center;
        align-items: center;
    }
}

.div39 {
    top: 203px;
    left: 89px;
    line-height: 32px;
    font-weight: 500;
    color: var(--white);
    align-items: center;
    z-index: 1;
}
@media screen and (max-width: 767px) {
    .div39 {
        top: calc(234 / 390 * 100vw);
        left: calc(26 / 390 * 100vw);
        font-size: calc(15 / 390 * 100vw);
        line-height: 1.86em;
    }
}
.allow-2-icon,
.mask-group-icon {
    position: absolute;
    top: 4px;
    left: 471px;
    width: 629px;
    height: 351.5px;
    z-index: 1;
}
.allow-2-icon {
    top: 280px;
    left: 93px;
    width: 62px;
    height: 62px;
    overflow: hidden;
    object-fit: contain;
}
@media screen and (max-width: 767px) {
    .allow-2-icon {
        top: calc(349 / 390 * 100vw);
        left: 50%;
        width: calc(42 / 390 * 100vw);
        height: calc(42 / 390 * 100vw);
        transform: translateX(-50%);
    }
}

.reserve-circle {
    position: absolute;
    top: 0;
    left: 0;
    backdrop-filter: blur(53px);
    border-radius: 50%;
    background-color: var(--color-gray-200);
    width: 100%;
    height: 100%;
    z-index: 3;
}
.b17 {
    position: absolute;
    top: 123.5px;
    left: 91px;
    line-height: 32px;
    display: inline-block;
    width: 97px;
    height: 35.9px;
    z-index: 4;
}
.reserve-now-button {
    position: absolute;
    top: 107px;
    left: 214px;
    width: 278px;
    height: 283.7px;
    text-align: center;
    color: var(--white);
}
.reservation-content {
    height: 410px;
    flex: 1;
    position: relative;
    border-radius: var(--br-mini);
    background-color: var(--gray);
    max-width: 100%;
    background-image: url("../img/mask-group.svg");
    background-repeat: no-repeat;
    background-position: top 4px right 0;
    -webkit-background-size: 629px;
    background-size: 629px;
}
@media screen and (max-width: 767px) {
    .reservation-content {
        height: calc(430 / 390 * 100vw);
        background-position: top calc(49 / 390 * 100vw) right calc(-154 / 390 * 100vw);
        -webkit-background-size: calc(443 / 390 * 100vw);
        background-size: calc(443 / 390 * 100vw);
    }
}

.reservation-content-wrapper {
    position: relative;
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-end;
    padding: 195px 90px 121px;
    box-sizing: border-box;
    max-width: 100%;
    text-align: left;
    font-size: var(--font-size-base);
    color: var(--black);
    font-family: var(--font-noto-sans-jp);
    background-color: var(--background);
}
.b18,
.flow {
    position: relative;
}
.flow {
    margin: 0;
    font-size: inherit;
    font-weight: 600;
    font-family: inherit;
    z-index: 1;
}
.b18 {
    height: 30px;
    flex: 1;
    line-height: 30px;
    display: flex;
    align-items: center;
}
.flow-name,
.flow-subtitle {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.flow-subtitle {
    align-self: stretch;
    flex-direction: row;
    padding: 0 0 0 var(--padding-9xs);
    font-size: var(--font-size-6xl);
    color: var(--brown2);
    font-family: var(--font-noto-sans-jp);
}
.flow-name {
    width: 294px;
    flex-direction: column;
}
.span {
    color: var(--color-black);
}
.div41 {
    align-self: stretch;
    line-height: 48px;
    font-weight: 500;
    z-index: 1;
}
.div41,
.div42,
.icon10 {
    position: relative;
}
.div42 {
    line-height: 48px;
    font-weight: 500;
}
@media screen and (max-width: 767px) {
    .div42 {
        font-size: calc(16 / 390 * 100vw);
        line-height: 1;
        /*line-height: calc(36 / 390 * 100vw);*/
        writing-mode: vertical-lr;
    }
}
.icon10 {
    width: 26px;
    height: 26px;
}
@media screen and (max-width: 767px) {
    .icon10 {
        width: calc(26 / 390 * 100vw);
        height: calc(26 / 390 * 100vw);
    }
}

.payment-amount {
    flex-direction: column;
    padding: 10.7px 0 0;
}
@media screen and (max-width: 767px) {
    .payment-amount {
        padding-top: calc(5 / 390 * 100vw);
    }
}

.flow-note,
.payment-amount,
.payment-note {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.payment-note {
    flex-direction: row;
    gap: 4px;
    margin-top: -7.1px;
}
@media screen and (max-width: 767px) {
    .payment-note {
        align-items: center;
        gap: calc(8 / 390 * 100vw);
    }
    .payment-note .div42 {
        font-size: calc(14 / 390 * 100vw);
        writing-mode: initial;
    }
}

.flow-note {
    align-self: stretch;
    flex-direction: column;
    font-size: var(--font-size-base);
}
@media screen and (max-width: 767px) {
    .flow-note {
        font-size: calc(14 / 390 * 100vw);
    }
}

.flow-details {
    flex: 1;
    flex-direction: column;
    gap: 13.5px;
}
@media screen and (max-width: 767px) {
    .flow-details {
        gap: calc(6 / 390 * 100vw);
    }
}

.flow-description,
.flow-details,
.flow-title {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.flow-description {
    align-self: stretch;
    flex-direction: row;
    padding: 0 0 0 var(--padding-9xs);
    font-size: var(--font-size-lg);
    color: var(--black);
    font-family: var(--font-noto-sans-jp);
}
.flow-title {
    position: sticky;
    top: 200px;
    width: 303px;
    flex-direction: column;
    gap: var(--gap-43xl);
}
.frame-child28 {
    height: 110px;
    width: 390px;
    position: relative;
    border-radius: var(--br-3xs);
    background-color: var(--white);
    display: none;
    max-width: 100%;
}
.first-step {
    width: 22px;
    position: relative;
    line-height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}
.duration-icons {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: var(--padding-12xs) 0 0;
}
.div43 {
    position: relative;
    font-size: var(--font-size-6xl);
    line-height: 48px;
    font-weight: 500;
    font-family: var(--font-noto-sans-jp);
    color: var(--black);
    text-align: left;
    z-index: 1;
}

.rectangle-parent17 {
    width: 390px;
    border-radius: var(--br-3xs);
    background-color: var(--white);
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    padding: var(--padding-12xl) var(--padding-19xl) var(--padding-11xl);
    box-sizing: border-box;
    gap: var(--gap-lgi);
    max-width: 100%;
}
@media screen and (max-width: 767px) {
    .rectangle-parent17 {
        width: calc(280 / 390 * 100vw);
        padding: calc(20 / 390 * 100vw) calc(20 / 390 * 100vw) calc(22 / 390 * 100vw);
        align-items: center;
    }
}

.location-and-map-navigation {
    height: 24px;
    width: 24px;
    position: relative;
    overflow: hidden;
    flex-shrink: 0;
    object-fit: contain;
}

.duration-steps {
    width: 390px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    padding: 0 var(--padding-xl);
    box-sizing: border-box;
    max-width: 100%;
}
@media screen and (max-width: 767px) {
    .duration-steps {
        width: calc(280 / 390 * 100vw);
    }
}

.b19 {
    position: relative;
    line-height: 48px;
    z-index: 1;
}
.rectangle-parent18 {
    width: 390px;
    border-radius: var(--br-3xs);
    background-color: var(--white);
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    padding: var(--padding-12xl) var(--padding-19xl);
    box-sizing: border-box;
    gap: var(--gap-lg);
    max-width: 100%;
}
@media screen and (max-width: 767px) {
    .rectangle-parent18 {
        width: calc(280 / 390 * 100vw);
        padding: calc(20 / 390 * 100vw) calc(20 / 390 * 100vw) calc(22 / 390 * 100vw);
        align-items: center;
    }
}

.second-step {
    position: relative;
    line-height: 48px;
    display: inline-block;
    min-width: 32px;
    z-index: 1;
}
.location-marker,
.rectangle-parent19 {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}
.rectangle-parent19 {
    border-radius: var(--br-3xs);
    background-color: var(--white);
    justify-content: flex-start;
    padding: var(--padding-12xl) var(--padding-14xl);
    box-sizing: border-box;
    gap: var(--gap-sm);
    max-width: 100%;
}
.location-marker {
    justify-content: center;
    padding: 0 var(--padding-xl);
}
.div46 {
    position: relative;
    line-height: 48px;
    font-weight: 500;
    z-index: 1;
}
.duration-items,
.rectangle-parent20,
.wrapper8 {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.wrapper8 {
    flex: 1;
    flex-direction: column;
    padding: var(--padding-11xs) 0 0;
    box-sizing: border-box;
    min-width: 180px;
    text-align: left;
    font-size: var(--font-size-6xl);
    color: var(--black);
    font-family: var(--font-noto-sans-jp);
}
.duration-items,
.rectangle-parent20 {
    max-width: 100%;
}
.rectangle-parent20 {
    align-self: stretch;
    border-radius: var(--br-3xs);
    background-color: var(--white);
    flex-direction: row;
    padding: var(--padding-10xl) var(--padding-10xl) var(--padding-12xl);
    box-sizing: border-box;
    gap: var(--gap-3xs);
}
.duration-items {
    flex-direction: column;
    gap: var(--gap-xs);
    min-width: 253px;
}
@media screen and (min-width: 768px) {
    flex: 1;
}

.divider-child {
    width: 12px;
    flex: 1;
    position: relative;
    max-height: 100%;
}
.divider,
.duration-items-parent {
    display: flex;
    align-items: flex-start;
}
.divider {
    flex-direction: column;
    justify-content: flex-start;
    padding: var(--padding-36xl) 0 0;
}
.duration-items-parent {
    align-self: stretch;
    flex-direction: row;
    justify-content: center;
    gap: var(--gap-mini);
    max-width: 100%;
}

.duration-content {
    flex: 1;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--gap-xs);
    max-width: 100%;
}
@media screen and (max-width: 767px) {
    .duration-content {
        gap: calc(20px);
    }
}

.duration-content,
.duration-content-parent,
.wrapper9 {
    display: flex;
    justify-content: flex-start;
}

.wrapper9 {
    height: 160px;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    font-size: var(--font-size-base);
    color: var(--black);
    font-family: var(--font-noto-sans-jp);
}
@media screen and (max-width: 767px) {
    .wrapper9 {
        height: calc(112 / 390 * 100vw);
    }
}

.duration-content-parent {
    align-self: stretch;
    flex-direction: row;
    align-items: flex-end;
    gap: var(--gap-11xs);
    flex-shrink: 0;
    max-width: 100%;
}
.schedule-placeholder {
    width: 40px;
    position: relative;
    line-height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}
.div48,
.div49 {
    font-weight: 500;
}
.div48 {
    flex: 1;
    position: relative;
    line-height: 48px;
    z-index: 1;
}
.div49 {
    position: absolute;
    margin: 0 !important;
    right: -43px;
    bottom: 11px;
    font-size: var(--font-size-2xs);
    line-height: 16px;
    z-index: 2;
}
@media screen and (max-width: 767px) {
    .div49 {
        position: relative;
        right: auto;
        bottom: auto;
        padding: 0 0 0 calc(32 / 390 * 100vw);
        font-size: calc(11 / 390 * 100vw);
        line-height: 1.6em;
    }
}

.contract-details {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    height: 100%;
}
@media screen and (max-width: 767px) {
    .contract-details {
        position: relative;
        top: auto;
        left: auto;
        flex-direction: column;
    }
}

.icon11 {
    position: absolute;
    top: 13px;
    left: 84px;
    width: 26px;
    height: 26px;
    z-index: 3;
}
@media screen and (max-width: 767px) {
    .icon11 {
        top: calc(42 / 390 * 100vw);
        left: 0;
        width: calc(26 / 390 * 100vw);
        height: calc(26 / 390 * 100vw);
    }
}

.payment-container {
    height: 48px;
    width: 228px;
    position: relative;
    text-align: left;
    font-size: var(--font-size-6xl);
    color: var(--black);
    font-family: var(--font-noto-sans-jp);
}
@media screen and (max-width: 767px) {
    .payment-container {
        width: auto;
        height: auto;
    }
}

.frame-wrapper8,
.rectangle-parent21 {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    box-sizing: border-box;
    max-width: 100%;
}
.rectangle-parent21 {
    flex: 1;
    border-radius: var(--br-3xs);
    background-color: var(--white);
    padding: var(--padding-7xl) 28px var(--padding-16xl);
    gap: var(--gap-3xs);
    flex-shrink: 0;
}
.frame-wrapper8 {
    width: 392px;
    padding: 0 var(--padding-12xs);
}
.div50,
.manufacturing-icon {
    position: relative;
    line-height: 48px;
    z-index: 1;
}
.manufacturing-icon {
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.div50 {
    align-self: stretch;
    font-weight: 500;
}
.installation-step,
.rectangle-parent22 {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    box-sizing: border-box;
}
.installation-step {
    width: 228px;
    flex-direction: column;
    padding: var(--padding-11xs) 0 0;
    text-align: left;
    font-size: var(--font-size-6xl);
    color: var(--black);
    font-family: var(--font-noto-sans-jp);
}
.rectangle-parent22 {
    flex: 1;
    border-radius: var(--br-3xs);
    background-color: var(--white);
    flex-direction: row;
    padding: var(--padding-10xl) var(--padding-10xl) var(--padding-12xl);
    gap: var(--gap-3xs);
    max-width: 100%;
}
.frame-wrapper9,
.location-and-map-navigation-frame {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}
.frame-wrapper9 {
    justify-content: flex-start;
    padding: 0 0 var(--padding-10xs);
    box-sizing: border-box;
    max-width: 100%;
}
.location-and-map-navigation-frame {
    justify-content: center;
    padding: 0 var(--padding-xl) var(--padding-10xs);
}
.div51 {
    width: 229px;
    position: relative;
    font-size: var(--font-size-6xl);
    line-height: 48px;
    font-weight: 500;
    font-family: var(--font-noto-sans-jp);
    color: var(--black);
    text-align: left;
    display: flex;
    align-items: center;
    flex-shrink: 0;
    z-index: 1;
}
.rectangle-parent23 {
    flex: 1;
    border-radius: var(--br-3xs);
    background-color: var(--white);
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    padding: var(--padding-12xl) var(--padding-10xl);
    box-sizing: border-box;
    gap: var(--gap-3xs);
    max-width: 100%;
}
.div52,
.div53 {
    font-weight: 500;
}
.div52 {
    height: 19px;
    position: absolute;
    margin: 0 !important;
    right: -53px;
    bottom: 12px;
    line-height: 16px;
    display: flex;
    align-items: center;
    z-index: 1;
}
@media screen and (max-width: 767px) {
    .div52 {
        order: 2;
        height: auto;
        position: relative;
        right: auto;
        bottom: auto;
        padding: 0 0 0 calc(32 / 390 * 100vw);
    }
}

.div53 {
    flex: 1;
    position: relative;
    font-size: var(--font-size-6xl);
    line-height: 48px;
    z-index: 2;
}
.final-payment-container-child {
    position: absolute;
    top: 12px;
    left: 130px;
    width: 26px;
    height: 26px;
    z-index: 3;
}
@media screen and (max-width: 767px) {
    .final-payment-container-child {
        top: calc(42 / 390 * 100vw);
        left: 0;
        width: calc(26 / 390 * 100vw);
        height: calc(26 / 390 * 100vw);
    }
}

.final-payment-container {
    align-self: stretch;
    height: 48px;
    position: relative;
}
@media screen and (max-width: 767px) {
    .final-payment-container {
        height: auto;
    }
}

.final-payment-details,
.frame-parent18,
.rectangle-parent24 {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.final-payment-details {
    width: 228px;
    flex-direction: column;
    padding: var(--padding-12xs) 0 0;
    box-sizing: border-box;
    text-align: left;
    font-size: var(--font-size-2xs);
    color: var(--black);
    font-family: var(--font-noto-sans-jp);
}
@media screen and (max-width: 767px) {
    .final-payment-details {
        width: auto;
    }
}

.frame-parent18,
.rectangle-parent24 {
    max-width: 100%;
}
.rectangle-parent24 {
    align-self: stretch;
    border-radius: var(--br-3xs);
    background-color: var(--white);
    flex-direction: row;
    padding: var(--padding-7xl) var(--padding-10xl) var(--padding-16xl);
    box-sizing: border-box;
    gap: var(--gap-3xs);
}
.frame-parent18 {
    flex: 1;
    flex-direction: column;
    gap: 9px;
    min-width: 253px;
}
.duration-bars-child,
.duration-bars-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 12px;
    height: 154.5px;
}
.duration-bars-item {
    top: 154px;
    z-index: 1;
}
.duration-bars {
    height: 308.5px;
    width: 12px;
    position: relative;
}
.duration-labels,
.duration-values {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.duration-values {
    align-self: stretch;
    gap: 104px;
}
@media screen and (max-width: 767px) {
    .duration-values {
        gap: calc(92 / 390 * 100vw);
    }
}

.duration-labels {
    height: 253.5px;
    flex: 1;
}
@media screen and (max-width: 767px) {
    .duration-labels {
        height: calc(265 / 390 * 100vw);
    }
}

.duration-bars-parent {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: flex-start;
    gap: var(--gap-11xs);
}
.frame-parent17,
.frame-wrapper11 {
    display: flex;
    align-items: flex-start;
}
.frame-wrapper11 {
    flex-direction: column;
    justify-content: flex-start;
    padding: var(--padding-36xl) 0 0;
    text-align: left;
    font-size: var(--font-size-base);
    color: var(--black);
    font-family: var(--font-noto-sans-jp);
}
.frame-parent17 {
    align-self: stretch;
    flex-direction: row;
    justify-content: center;
    gap: var(--gap-mini);
    flex-shrink: 0;
    max-width: 100%;
}
.flow-content-inner,
.frame-parent16 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    max-width: 100%;
}
.frame-parent16 {
    align-self: stretch;
    /*height: 540px;*/
    /*overflow-y: auto;*/
    flex-shrink: 0;
    gap: var(--gap-xs);
}
.flow-content-inner {
    padding: var(--padding-42xl) 0 0;
    box-sizing: border-box;
    min-width: 486px;
    text-align: center;
    font-size: var(--font-size-21xl);
    color: var(--brown2);
}
.flow-content,
.flow-content-wrapper {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    max-width: 100%;
}
.flow-content {
    width: 1001px;
    justify-content: space-between;
    gap: var(--gap-xl);
}
.flow-content-wrapper {
    position: relative;
    align-self: stretch;
    justify-content: center;
    padding: 0 var(--padding-2xl) 182px var(--padding-xl);
    box-sizing: border-box;
    text-align: left;
    font-size: var(--font-size-81xl);
    color: var(--white);
    font-family: var(--font-poppins);
    background-color: var(--background);
}
.mask-group-icon1,
.mask-group-icon2,
.mask-group-icon3 {
    height: 248px;
    width: 404px;
    position: relative;
    flex-shrink: 0;
    object-fit: cover;
    border-radius: 10px
}
@media screen and (max-width: 767px) {
    .mask-group-icon1 {
        width: calc(341 / 390 * 100vw);
        height: calc(209 / 390 * 100vw);
        border-radius: calc(10 / 390 * 100vw);
    }
}

.mask-group-icon2,
.mask-group-icon3 {
    width: 426px;
}
.mask-group-icon3 {
    width: 376px;
}
.mask-group-icon4,
.mask-group-icon5,
.mask-group-icon6 {
    height: 250px;
    width: 366px;
    position: relative;
    flex-shrink: 0;
    object-fit: cover;
}
.mask-group-icon5,
.mask-group-icon6 {
    height: 248px;
    width: 408px;
}
.mask-group-icon6 {
    width: 357px;
}
.mask-group-parent {
    width: 1205px;
    overflow-x: auto;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    gap: var(--gap-11xl);
    max-width: 100%;
}
@media screen and (max-width: 767px) {
    .mask-group-parent {
        gap: calc(25 / 390 * 100vw);
    }
}

@media screen and (max-width: 767px) {
    .mask-group-parent img {
        border-radius: calc(10 / 390 * 100vw);
    }
}

.frame-child36 {
    width: 1130px;
    height: 1723px;
    position: relative;
    border-radius: var(--br-11xl);
    background-color: var(--brown2);
    display: none;
    max-width: 100%;
}
.faq1 {
    margin: 0;
    height: 60px;
    flex: 1;
    position: relative;
    font-family: var(--font-poppins);
    font-size: 95px;
    font-weight: 600;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}
.f-a-q-title-container {
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-end;
    padding: 0 var(--padding-6xs);
}
.b22,
.f-a-q-title-container,
.f-a-q-title-wrapper {
    align-self: stretch;
    display: flex;
}
.b22 {
    height: 30px;
    position: relative;
    font-size: var(--font-size-6xl);
    line-height: 48px;
    font-family: var(--font-noto-sans-jp);
    color: var(--white);
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    z-index: 1;
}
.f-a-q-title-wrapper {
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
    gap: var(--gap-12xl);
}
.f-a-q-heading {
    width: 250px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    padding: 0 0 var(--padding-4xs);
    box-sizing: border-box;
}
@media screen and (max-width: 767px) {
    .f-a-q-heading {
        width: auto;
        padding: 0;
    }
}

.icon12 {
    height: 140px;
    width: 163.3px;
    position: relative;
    overflow: hidden;
    flex-shrink: 0;
    z-index: 1;
}
.f-a-q-container,
.f-a-q-container-wrapper {
    display: flex;
    flex-direction: row;
    max-width: 100%;
}
.f-a-q-container {
    flex: 1;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--gap-xl);
}
.f-a-q-container-wrapper {
}
.f-a-q-items-child {
    height: 161px;
    width: 1030px;
    position: relative;
    border-radius: var(--br-xl);
    background-color: var(--white);
    display: none;
    max-width: 100%;
}
.q1 {
    align-self: stretch;
    height: 36px;
    position: relative;
    line-height: 0%;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    z-index: 2;
}
.q1-wrapper {
    width: 82px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: var(--padding-5xs) 0 0;
    box-sizing: border-box;
}
.div56,
.frame-child37 {
    position: relative;
    z-index: 2;
}
.div56 {
    flex: 1;
    font-size: var(--font-size-lg);
    letter-spacing: 0.1em;
    line-height: 36px;
    font-weight: 500;
    font-family: var(--font-noto-sans-jp);
    color: var(--black);
    text-align: left;
    display: inline-block;
    min-width: 358px;
    max-width: 100%;
}
.frame-child37 {
    width: 34.8px;
    height: 34.6px;
}
.f-a-q-items-inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    padding: 0 0 7.4px;
}
.f-a-q-items,
.frame-child38 {
    border-radius: var(--br-xl);
    background-color: var(--white);
    max-width: 100%;
}

.frame-child38 {
    width: 1030px;
    height: 280px;
    position: relative;
    display: none;
    z-index: 0;
}
.div57,
.div58 {
    font-size: var(--font-size-lg);
    letter-spacing: 0.1em;
    line-height: 36px;
    font-weight: 500;
    font-family: var(--font-noto-sans-jp);
    text-align: left;
    display: inline-block;
    z-index: 2;
}
.div57 {
    width: 750px;
    position: absolute;
    margin: 0 !important;
    right: 115px;
    bottom: 80px;
    max-height: 60px;
    word-break: break-word;
}
.div58 {
    flex: 1;
    position: relative;
    color: var(--black);
    min-width: 420px;
    max-width: 100%;
}
.interior-question-wrapper {
    flex: 1;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    gap: var(--gap-15xl);
    min-width: 563px;
    min-height: 60px;
    max-width: 100%;
}
.frame-child39 {
    width: 34.8px;
    height: 34.6px;
    position: relative;
    object-fit: contain;
    z-index: 2;
}
.interior-question-container-inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: var(--padding-4xs) 0 0;
}
.interior-question-container {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    gap: var(--gap-20xl);
    max-width: 100%;
    color: var(--brown2);
}
.a5,
.div59 {
    position: relative;
    font-weight: 500;
}
.a5 {
    margin: 0;
    height: 36px;
    width: 83px;
    font-size: inherit;
    line-height: 0%;
    font-family: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    z-index: 2;
}
.div59 {
    align-self: stretch;
    letter-spacing: 0.1em;
    line-height: 36px;
    z-index: 3;
}
.answer-content,
.answer-wrapper,
.wrapper10 {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    max-width: 100%;
}
.wrapper10 {
    flex: 1;
    flex-direction: column;
    padding: var(--padding-9xs) 0 0;
    box-sizing: border-box;
    min-width: 487px;
    min-height: 64px;
    text-align: left;
    font-size: var(--font-size-lg);
    color: var(--black);
    font-family: var(--font-noto-sans-jp);
}
.answer-content,
.answer-wrapper {
    flex-direction: row;
}
.answer-wrapper {
    flex: 1;
    gap: var(--gap-base);
}
.answer-content {
    width: 884px;
    padding: 0 var(--padding-lg);
    box-sizing: border-box;
    color: var(--pink);
}
.f-a-q-items-inner1,
.rectangle-parent26 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.rectangle-parent26 {
    align-self: stretch;
    border-radius: var(--br-xl);
    background-color: var(--white);
    justify-content: flex-start;
    padding: var(--padding-30xl) var(--padding-22xl) var(--padding-56xl)
    var(--padding-30xl);
    box-sizing: border-box;
    position: relative;
    gap: var(--gap-13xl);
    max-width: 100%;
    z-index: 1;
    color: var(--black);
}
.f-a-q-items-inner1 {
    justify-content: flex-end;
    padding: 0 0 12.4px;
}
.f-a-q-items-child1 {
    height: 161px;
    width: 1030px;
    position: relative;
    border-radius: var(--br-xl);
    background-color: var(--white);
    flex-shrink: 0;
    display: none;
}
.q4-wrapper {
    width: 82px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: var(--padding-5xs) 0 0;
    box-sizing: border-box;
}
.div61 {
    position: relative;
    letter-spacing: 0.1em;
    line-height: 36px;
    font-weight: 500;
    z-index: 2;
}
.wrapper11 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0 var(--padding-8xs) 0 0;
    box-sizing: border-box;
    min-height: 60px;
    text-align: left;
    font-size: var(--font-size-lg);
    color: var(--black);
    font-family: var(--font-noto-sans-jp);
}
.f-a-q-items-inner2 {
    flex-direction: column;
    padding: var(--padding-mini) 0 0;
}
.f-a-q-items-inner2,
.f-a-q-items2,
.f-a-q-list {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.f-a-q-items2 {
    border-radius: var(--br-xl);
    background-color: var(--white);
    overflow-x: auto;
    flex-direction: row;
    padding: var(--padding-30xl) var(--padding-22xl) var(--padding-33xl)
    var(--padding-30xl);
    gap: var(--gap-15xl);
    z-index: 1;
}
.f-a-q-list {
    align-self: stretch;
    flex-direction: column;
    gap: 40px;
    max-width: 100%;
    font-size: var(--font-size-17xl);
    color: var(--brown2);
}
.faq2 {
    height: 30px;
    width: 202px;
    position: relative;
    font-size: var(--font-size-5xl);
    line-height: 0%;
    display: flex;
    font-family: var(--font-noto-sans-jp);
    color: var(--white);
    text-align: center;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    z-index: 2;
}
@media screen and (max-width: 767px) {
    .faq2 {
        width: auto;
        height: auto;
    }
}

.more-f-a-q-button-container,
.more-f-a-q-button-wrapper {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    box-sizing: border-box;
    max-width: 100%;
}
.more-f-a-q-button-wrapper {
    flex: 1;
    border-radius: var(--br-xl);
    border: 4px solid var(--white);
    justify-content: flex-start;
    padding: var(--padding-4xl) 95px var(--padding-8xl);
    z-index: 1;
    transition: all .2s;
}
.more-f-a-q-button-wrapper:hover {
    opacity: .7;
}
@media screen and (max-width: 767px) {
    .more-f-a-q-button-wrapper {
        justify-content: center;
        align-items: center;
        padding: 0;
        border-radius: calc(15 / 390 * 100vw);
    }
}

.more-f-a-q-button-container {
    cursor: pointer;
    border: 0;
    background-color: transparent;
    width: 400px;
    height: 90px;
    margin: 0 auto;
    justify-content: center;
    transition: all .2s;
}
.more-f-a-q-button-container:hover {
    opacity: .7;
}
@media screen and (max-width: 767px) {
    .more-f-a-q-button-container {
        width: 100%;
        height: calc(73 / 390 * 100vw);
    }
}

.frame-section,
.rectangle-parent25 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    box-sizing: border-box;
    max-width: 100%;
}
.rectangle-parent25 {
    max-width: 1130px;
    margin: 0 auto;
    border-radius: var(--br-11xl);
    background-color: var(--brown2);
    align-items: center;
    padding: 115px 50px var(--padding-128xl);
    gap: 69px;
    background-image: url("../img/-1-1.svg");
    background-repeat: no-repeat;
    background-position: top 115px right 95px;
    -webkit-background-size: 163px;
    background-size: 163px;
}
.frame-section {
    position: relative;
    padding: 0 0 210px;
    align-items: flex-start;
    background-color: var(--background);
}
.contact2 {
    margin: 0;
    height: 41.6px;
    flex: 1;
    position: relative;
    font-size: inherit;
    line-height: 41.6px;
    font-weight: 600;
    font-family: inherit;
    display: inline-block;
    max-width: 100%;
    z-index: 1;
}
.contact-form-heading {
    width: 1001px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0 263px 0 var(--padding-245xl);
    box-sizing: border-box;
    max-width: 100%;
    color: var(--gray);
    font-family: var(--font-poppins);
}
.b23 {
    flex: 1;
    position: relative;
    line-height: 48px;
    display: inline-block;
    max-width: 100%;
}
.form-introduction-container {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0 208px 0 209px;
    box-sizing: border-box;
    max-width: 100%;
    flex-shrink: 0;
}

.b24 {
    align-self: stretch;
    position: relative;
    font-size: var(--font-size-lg);
    letter-spacing: 0.1em;
    line-height: 34px;
    color: var(--black);
}
@media screen and (max-width: 767px) {
    .b24 {
        font-size: calc(16 / 390 * 100vw);
        line-height: 1.86em;
    }
}

.contact-form-content,
.form-introduction-wrapper {
    display: flex;
    align-items: flex-start;
    max-width: 100%;
}
.form-introduction-wrapper {
    width: 790px;
    flex-direction: column;
    justify-content: flex-start;
    gap: 60.2px;
}

.contact-form-content {
    width: 1000px;
    flex-direction: row;
    justify-content: center;
    padding: 0 var(--padding-xl) 20.6px;
    box-sizing: border-box;
    font-size: var(--font-size-6xl);
    color: var(--brown2);
}
@media screen and (max-width: 767px) {
    .contact-form-content {
        margin: 0 0 calc(52 / 390 * 100vw);
        padding: 0;
    }
}

.a6,
.b25 {
    letter-spacing: 0.1em;
    line-height: 36px;
    display: flex;
    align-items: center;
}

.a6 {
    text-decoration: none;
    width: 225px;
    position: relative;
    font-size: var(--font-size-base);
    font-weight: 700;
    color: inherit;
}
@media screen and (max-width: 767px) {
    .a6 {
        width: auto;
        font-size: calc(14 / 390 * 100vw);
        font-weight: 600;
        line-height: normal;
    }
}

.b25 {
    width: 191px;
    position: absolute;
    margin: 0 !important;
    top: -5px;
    left: 0;
}

.company-name-input {
    width: 800px;
    border: 0;
    outline: 0;
    background-color: var(--white);
    height: 80px;
    border-radius: var(--br-3xs);
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0 20px;
    box-sizing: border-box;
    max-width: 100%;
    font-size: 20px;
}
@media screen and (max-width: 767px) {
    .company-name-input {
        width: 100%;
        height: calc(60 / 390 * 100vw);
        font-size: calc(20 / 390 * 100vw);
    }
}

.company-name-indicator {
    flex: 1;
    position: relative;
    max-width: 100%;
    overflow: hidden;
    max-height: 100%;
}
.company-name-icon {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-end;
    padding: 0 var(--padding-12xs) 0 0;
    box-sizing: border-box;
    max-width: 100%;
}
.b26 {
    width: 191px;
    position: relative;
    letter-spacing: 0.1em;
    line-height: 36px;
    display: flex;
    align-items: center;
    flex-shrink: 0;
}
.contact-name-placeholder,
.contact-name-wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    max-width: 100%;
}
.contact-name-placeholder {
    width: 100%;
    border: 0;
    outline: 0;
    background-color: var(--white);
    height: 78px;
    flex: 1;
    border-radius: var(--br-3xs);
    flex-direction: column;
    padding: var(--padding-10xs) 0 0;
    box-sizing: border-box;
    min-width: 300px;
}
.contact-name-wrapper {
    align-self: stretch;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    gap: var(--gap-7xl);
}
.contact-name-input-child {
    align-self: stretch;
    position: relative;
    max-width: 100%;
    overflow: hidden;
    max-height: 100%;
}
.contact-name-input {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0 0 var(--padding-11xs);
    box-sizing: border-box;
    gap: 43px;
    max-width: 100%;
}
.b27 {
    position: relative;
    letter-spacing: 0.1em;
    line-height: 36px;
}
.email-input {
    width: 100%;
    border: 0;
    outline: 0;
    background-color: var(--white);
    height: 82px;
    flex: 1;
    border-radius: var(--br-3xs);
    flex-direction: column;
    align-items: flex-start;
    padding: var(--padding-6xs) 0 0;
    box-sizing: border-box;
    min-width: 300px;
}
.company-name-field,
.contact-name-field,
.email-field,
.email-input {
    display: flex;
    justify-content: flex-start;
    max-width: 100%;
}
.email-field {
    align-self: stretch;
    flex-direction: row;
    align-items: flex-start;
    flex-wrap: wrap;
    align-content: flex-start;
    gap: 63px;
}
.company-name-field,
.contact-name-field {
    flex-direction: column;
}
.contact-name-field {
    align-self: stretch;
    align-items: flex-start;
    gap: var(--gap-14xl);
}
.company-name-field {
    flex: 1;
    align-items: flex-end;
    padding: 0 0 var(--padding-lgi);
    box-sizing: border-box;
    gap: 38px;
}
.b28,
.form-fields-container {
    position: relative;
    display: flex;
    color: var(--brown2);
}
.form-fields-container {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    max-width: 100%;
}
.b28 {
    width: 210px;
    letter-spacing: 0.1em;
    line-height: 36px;
    align-items: center;
    flex-shrink: 0;
}
.document-option {
    margin: 0;
    height: 32px;
    width: 30px;
}
.div63 {
    flex: 1;
    position: relative;
    letter-spacing: 0.1em;
    line-height: 30px;
    font-weight: 500;
}
.option-list,
.visit-toggle {
    width: 258px;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: flex-start;
    gap: var(--gap-lg);
}
.visit-toggle {
    width: 256px;
    box-sizing: border-box;
    gap: var(--gap-base);
}
.meeting-toggle {
    margin: 0;
    height: 33px;
    width: 30px;
}
.meeting-request {
    width: 212px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0 0 0 var(--padding-12xs);
    box-sizing: border-box;
}
.format-toggles {
    cursor: pointer;
    margin: 0;
    height: 22px;
    width: 22px;
    position: relative;
    border-radius: 50%;
    background-color: var(--white);
}
.div66 {
    height: 24px;
    position: relative;
    letter-spacing: 0.1em;
    line-height: 36px;
    font-weight: 500;
    display: flex;
    align-items: center;
    flex-shrink: 0;
    min-width: 115px;
}
@media screen and (max-width: 767px) {
    .div66 {
        min-width: auto;
    }
}

.format-labels {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    padding: 0 0 var(--padding-12xs);
}
.format-options {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: flex-start;
    gap: var(--gap-3xs);
}
.div67 {
    align-self: stretch;
    height: 24px;
    position: relative;
    letter-spacing: 0.1em;
    line-height: 36px;
    font-weight: 500;
    display: flex;
    align-items: center;
    flex-shrink: 0;
}
.wrapper13 {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    padding: 0 0 var(--padding-12xs);
}
.format-options1 {
    width: 146px;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: flex-start;
    gap: var(--gap-3xs);
}
@media screen and (max-width: 767px) {
    .format-options1 {
        width: auto;
    }
}

.meeting-format {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    gap: 90px;
}
.meeting-option,
.meeting-type {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    max-width: 100%;
}
.meeting-type {
    flex: 1;
    flex-direction: column;
    gap: var(--gap-mini);
    min-width: 248px;
    margin: 0 0 0 47px;
}
@media screen and (max-width: 767px) {
    .meeting-type {
        margin-left: calc(47 / 390 * 100vw);
    }
}

.meeting-option {
    flex-direction: row;
    gap: var(--gap-mid);
}
.div68,
.div69 {
    position: relative;
    letter-spacing: 0.1em;
    line-height: 36px;
    font-weight: 500;
}
.div68 {
    display: inline-block;
    max-width: 100%;
}
@media screen and (max-width: 767px) {
    .div68 {
        margin: 0 0 calc(20 / 390 * 100vw);
        text-align: left;
        line-height: 1.71em;
    }
}

.div69 {
    z-index: 1;
}
@media screen and (max-width: 767px) {
    .div69 {
        margin: 0 0 calc(7 / 390 * 100vw);
        line-height: normal;
    }
}

.date-label-child {
    border: 0;
    outline: 0;
    background-color: var(--white);
    height: 25px;
    width: 165px;
    position: absolute;
    margin: 0 !important;
    right: -149.9px;
    bottom: -22px;
    border-radius: var(--br-8xs);
    z-index: 2;
}
.date-label {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    position: relative;
}
.user-interface-date {
    height: 22px;
    width: 22px;
    position: relative;
    overflow: hidden;
    flex-shrink: 0;
}
@media screen and (max-width: 767px) {
    .user-interface-date {
        width: calc(28 / 390 * 100vw);
        height: calc(28 / 390 * 100vw);
    }
}

.date-picker {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0 var(--padding-9xs);
}
@media screen and (max-width: 767px) {
    .date-picker {
        padding: 0 0 0 calc(12 / 390 * 100vw);
    }
}

.date-selection {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--gap-12xs);
}
.date-input,
.date-selection,
.other-option {
    display: flex;
    justify-content: flex-start;
}
.other-option {
    align-self: stretch;
    flex-direction: row;
    align-items: flex-end;
    gap: var(--gap-base);
    font-size: var(--font-size-xl);
}
.date-input {
    flex: 1;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--gap-16xl);
}
.other-input-child {
    align-self: stretch;
    height: 25px;
    position: relative;
    border-radius: var(--br-8xs);
    background-color: var(--white);
    z-index: 2;
}
.second-date,
.second-preference {
    display: flex;
    justify-content: flex-start;
}
.second-date {
    align-self: stretch;
    flex-direction: row;
    align-items: flex-end;
    gap: var(--gap-xs);
    margin-top: -3px;
}
.second-preference {
    width: 199px;
    flex-direction: column;
    align-items: flex-start;
}
.icon13 {
    height: 252px;
    width: 191px;
    position: absolute;
    margin: 0 !important;
    right: 0;
    bottom: -201px;
    object-fit: cover;
    z-index: 1;
}
.first-preference {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    position: relative;
    gap: 90px;
    margin: 0 0 38px;
}

.meeting-schedule {
    align-self: stretch;
    font-size: var(--font-size-sm);
}
@media screen and (max-width: 767px) {
    .meeting-schedule {
        font-size: calc(14 / 390 * 100vw);
    }
}

.inquiry-options,
.meeting-schedule,
.visit-option {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    max-width: 100%;
}
.visit-option {
    align-self: stretch;
    gap: var(--gap-lg);
}
.inquiry-options {
    flex: 1;
    box-sizing: border-box;
    gap: 38px;
    min-width: 362px;
}
.a7 {
    text-decoration: none;
    position: relative;
    letter-spacing: 0.1em;
    line-height: 36px;
    font-weight: 500;
    color: inherit;
}
.other-input2 {
    width: 100%;
    border: 0;
    outline: 0;
    background-color: var(--white);
    height: 26px;
    flex: 1;
    border-radius: var(--br-8xs);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    padding: 0 0 var(--padding-12xs);
    box-sizing: border-box;
    min-width: 99px;
}
.third-date {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: flex-start;
    gap: 11px;
    margin-top: -3px;
}
.date-input1,
.third-preference {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.date-input1 {
    align-self: stretch;
}
.third-preference {
    width: 198px;
    box-sizing: border-box;
    font-size: var(--font-size-sm);
}
.inquiry-content-field,
.required-fields-notice-inner,
.vector-parent9 {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    max-width: 100%;
}
.inquiry-content-field {
    width: 978px;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    gap: var(--gap-6xs);
    flex-shrink: 0;
}
.required-fields-notice-inner,
.vector-parent9 {
    align-self: stretch;
    padding: 0 0 var(--padding-lg);
    box-sizing: border-box;
}
.vector-parent9 {
    flex-direction: column;
    gap: var(--gap-16xl);
}
.required-fields-notice-inner {
    flex-direction: row;
}
.detail-input-child {
    align-self: stretch;
    height: 150px;
    position: relative;
    border-radius: var(--br-3xs);
    background-color: var(--white);
}
.detail-input,
.inquiry-detail-field,
.required-fields-notice {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    box-sizing: border-box;
    max-width: 100%;
}
.detail-input {
    flex: 1;
    flex-direction: column;
    min-width: 520px;
}
.inquiry-detail-field,
.required-fields-notice {
    align-self: stretch;
}
.inquiry-detail-field {
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    padding: 0 0 var(--padding-xl);
    gap: var(--gap-22xl);
    color: var(--brown2);
}
.required-fields-notice {
    flex-direction: column;
    gap: var(--gap-11xl);
    text-align: left;
    font-size: var(--font-size-xl);
}
@media screen and (max-width: 767px) {
    .required-fields-notice {
        margin: 0 0 calc(72 / 390 * 100vw);
        align-items: center;
        text-align: center;
    }
}

.div72 {
    position: relative;
    letter-spacing: 0.1em;
    line-height: normal;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
@media screen and (max-width: 767px) {
    .div72 {
        font-size: calc(15 / 390 * 100vw);
    }
}

.checkmark-icon {
    width: 175px;
    height: 1px;
    position: relative;
}
.privacy-agreement,
.privacy-label {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.privacy-label {
    justify-content: flex-start;
    padding: 0 0 var(--padding-12xs);
    gap: var(--gap-10xs);
}
.privacy-agreement {
    justify-content: flex-end;
    padding: 0 0 var(--padding-11xs);
}
.rectangle-input {
    margin: 0;
    height: 30px;
    width: 30px;
    position: relative;
    border-radius: var(--br-8xs);
    border: 2px solid var(--black);
    box-sizing: border-box;
}
.check-container,
.check-field {
    display: flex;
    flex-direction: row;
}
.check-container {
    align-items: center;
    justify-content: flex-start;
    gap: var(--gap-5xs);
}
.check-field {
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    max-width: 100%;
    background: #ffffff;
    width: 380px;
    height: 40px;
    margin: 0 auto;
    padding: 0 18px;
    font-size: 15px;
    border-radius: 5px;
}
@media screen and (max-width: 767px) {
    .check-field {
        width: calc(310 / 390 * 100vw);
        height: calc(40 / 390 * 100vw);
        padding: 0;
        font-size: calc(15 / 390 * 100vw);
        border-radius: calc(5 / 390 * 100vw);
    }
}

.frame-child45 {
    height: 100px;
    width: 600px;
    position: relative;
    border-radius: var(--br-xl);
    background-color: var(--black);
    display: none;
    max-width: 100%;
}
.div73,
.frame-child46 {
    position: relative;
    z-index: 1;
}
.div73 {
    font-size: var(--font-size-5xl);
    letter-spacing: 0.1em;
    line-height: 36px;
    font-weight: 600;
    font-family: var(--font-noto-sans-jp);
    color: var(--white);
    text-align: center;
}
.frame-child46 {
    height: 34.8px;
    width: 34.6px;
    object-fit: contain;
}
.agreement,
.rectangle-parent27 {
    display: flex;
    align-items: center;
    max-width: 100%;
}
.rectangle-parent27 {
    width: 600px;
    height: 100px;
    cursor: pointer;
    border: 0;
    background-color: var(--black);
    border-radius: var(--br-xl);
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    background-image: url("../img/group-176@2x.png");
    background-repeat: no-repeat;
    background-position: right 34px top 50%;
    -webkit-background-size: 35px;
    background-size: 35px;
    transition: .2s;
}
.rectangle-parent27:hover {
    background-color: #8a8275;
}
.agreement {
    width: 600px;
    flex-direction: column;
    justify-content: flex-start;
    gap: 68px;
}
.contact-form-container,
.privacy-check {
    display: flex;
    align-items: flex-start;
    max-width: 100%;
}
.privacy-check {
    width: 1000px;
    flex-direction: row;
    justify-content: center;
    padding: 0 var(--padding-xl);
    box-sizing: border-box;
    font-size: var(--font-size-base);
}
@media screen and (max-width: 767px) {
    .privacy-check {
        padding: 0;
    }
}

.contact-form-container {
    width: 1016px;
    flex-direction: column;
    justify-content: flex-start;
    gap: 48.4px;
    margin: 0 0 68px;
}
.contact-form-container-wrapper {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 170px var(--padding-xl) 360px;
    box-sizing: border-box;
    max-width: 100%;
    text-align: center;
    font-size: var(--font-size-81xl);
    color: var(--black);
    font-family: var(--font-noto-sans-jp);
    background-color: var(--background);
}
.b30 {
    position: absolute;
    margin: 0 !important;
    right: 266px;
    bottom: 36px;
    line-height: 40px;
    display: inline-block;
    opacity: 0;
    z-index: 1;
}
.sp-3-004-1-icon {
    width: 100%;
    height: 757px;
    flex: 1;
    position: relative;
    border-radius: var(--br-xl);
    max-width: 100%;
    overflow: hidden;
    object-fit: cover;
    z-index: 2;
}
@media screen and (min-width: 768px) {
    .sp-3-004-1-icon {
        height: calc(757 / 1280 * 100vw);
    }
}
.description2 {
    width: 100%;
    margin: 0 !important;
    padding: 37px 57px 0;
    box-sizing: border-box;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    max-width: 100%;
    text-align: left;
    font-size: var(--font-size-xl);
    color: var(--color-black);
    font-family: var(--font-noto-sans-jp);
}
@media screen and (max-width: 767px) {
    .description2 {
        padding: calc(35 / 390 * 100vw) calc(10 / 390 * 100vw);
    }
}
.ohkumas2 {
    margin: 0;
    flex: 1;
    position: relative;
    font-size: inherit;
    font-weight: 600;
    font-family: inherit;
    z-index: 2;
}
.brand-name {
    margin: 0 0 208px;
    box-sizing: border-box;
    max-width: 100%;
    font-family: var(--font-poppins);
    font-weight: 600;
    text-align: center;
}
.moving-house3 {
    align-self: stretch;
    position: relative;
    font-size: 120px;
    font-weight: 600;
    font-family: inherit;
    z-index: 1;
    margin: -28px 0 0;
}
.company-info {
    width: 1001px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    max-width: 100%;
}
.footer,
.instagram {
    align-self: stretch;
    display: flex;
}
.footer {
    position: relative;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 138px 90px 50px;
    box-sizing: border-box;
    max-width: 100%;
    font-size: var(--font-size-51xl);
    color: var(--white);
    font-family: var(--font-poppins);
    background-color: var(--background);
    background-image: url("../img/bg_half_circle.svg");
    background-repeat: no-repeat;
    background-position: 50% 0;
    -webkit-background-size: 100vw;
    background-size: 100vw;
}
@media screen and (max-width: 767px) {
    .footer {
        display: block;
        padding: calc(79 / 390 * 100vw) calc(50 / 390 * 100vw) calc(68 / 390 * 100vw);
        background-image: url("../img/bg_half_circle_sp2.svg"), linear-gradient(180deg, var(--background) calc(245 / 390 * 100vw), var(--brown2) calc(245 / 390 * 100vw));
    }
}

.instagram {
    flex: 1;
    position: relative;
    font-weight: 500;
    align-items: center;
    z-index: 2;
}

.instagram-icon-child {
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--brown2);
    width: 100%;
    height: 100%;
    z-index: 1;
}

.instagram-icon-item {
    position: absolute;
    top: 8px;
    left: 90px;
    width: 36.4px;
    height: 38.1px;
    z-index: 2;
}

.instagram-icon {
    width: 100%;
    height: 243px;
    position: absolute;
    margin: 0 !important;
    right: 0;
    bottom: -10px;
    left: 0;
}

.div,
.social {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    box-sizing: border-box;
}
.social {
    align-self: stretch;
    height: 233px;
    align-items: flex-start;
    padding: 11.9px 87px var(--padding-13xl) 92px;
    gap: 123.1px;
    text-align: left;
    font-size: var(--font-size-lg);
    color: var(--white);
    font-family: var(--font-barlow);
}
.div {
    display: block;
    width: 100%;
    background-color: var(--background);
    /*overflow: hidden;*/
    padding: 0;
    line-height: normal;
    letter-spacing: normal;
}
@media screen and (max-width: 1280px) {
    .business-challenge-container {
        padding-left: calc(64 / 1280 * 100vw);
        padding-top: calc(84 / 1280 * 100vw);
        padding-bottom: calc(172 / 1280 * 100vw);
        box-sizing: border-box;
    }
    .frame-group {
        padding-bottom: 308px;
        box-sizing: border-box;
    }
    .wrapper5 {
        padding-left: var(--padding-169xl);
        padding-right: var(--padding-169xl);
        box-sizing: border-box;
    }
    .frame-parent9 {
        gap: var(--gap-11xl);
    }
    .association,
    .specifications-container {
        flex-wrap: wrap;
    }
    .rectangle-parent25 {
        gap: calc(69 / 1280 * 100vw);
        padding: calc(115 / 1280 * 100vw) calc(50 / 1280 * 100vw) calc(147 / 1280 * 100vw);
        box-sizing: border-box;
        background-position: top calc(115 / 1280 * 100vw) right calc(95 / 1280 * 100vw);
    }
    .frame-section {
        gap: 105px;
        box-sizing: border-box;
    }
    .contact-form-container-wrapper {
        padding-top: calc(170 / 1280 * 100vw);
        padding-bottom: calc(360 / 1280 * 100vw);
        box-sizing: border-box;
    }
}
@media screen and (max-width: 1050px) {
    .ohkumas1 {
        font-size: var(--font-size-37xl);
    }
    .moving-house2 {
        font-size: var(--font-size-33xl);
        line-height: 84px;
    }
    .frame-container {
        flex-wrap: wrap;
    }
    .h1 {
        font-size: var(--font-size-17xl);
        line-height: 61px;
    }
    .business-challenge-container-inner {
        flex: 1;
    }
    .div14,
    .div4 {
        font-size: var(--font-size-21xl);
        line-height: 29px;
    }
    .short-delivery-container {
        flex: 1;
    }
    .business-challenge-container {
        flex-wrap: wrap;
    }
    .whats-a-moving {
        font-size: var(--font-size-37xl);
        line-height: 76px;
    }
    .h2 {
        font-size: 26px;
        line-height: 36px;
    }
    .div24,
    .unit-size {
        font-size: var(--font-size-13xl);
        line-height: 29px;
    }
    .length1,
    .m {
        font-size: var(--font-size-33xl);
        line-height: 38px;
    }
    .m {
        font-size: var(--font-size-5xl);
    }
    .length2 {
        font-size: 37px;
        line-height: 29px;
    }
    .h31,
    .m1,
    .placeholder {
        font-size: var(--font-size-33xl);
        line-height: 38px;
    }
    .h31,
    .m1 {
        font-size: var(--font-size-5xl);
    }
    .h31 {
        line-height: 37px;
    }
    .moving-architecture {
        flex-wrap: wrap;
    }
    .whats-moving-house-container {
        padding-bottom: 189px;
        box-sizing: border-box;
    }
    .case-study1 {
        font-size: var(--font-size-31xl);
        line-height: 64px;
    }
    .usage {
        gap: 151px;
    }
    .case-study,
    .link {
        box-sizing: border-box;
    }
    .case-study {
        padding-bottom: var(--padding-36xl);
    }
    .link {
        padding-left: 391px;
        padding-right: var(--padding-27xl);
    }
    .contact {
        font-size: var(--font-size-26xl);
        line-height: 42px;
    }
    .action {
        flex: 1;
    }
    .description {
        flex-wrap: wrap;
        padding-top: var(--padding-21xl);
        padding-bottom: 81px;
        box-sizing: border-box;
    }
    .consultation {
        padding-bottom: var(--padding-104xl);
        box-sizing: border-box;
    }
    .specifications1 {
        font-size: var(--font-size-26xl);
    }
    .specifications-container {
        padding-left: var(--padding-15xl);
        padding-right: var(--padding-15xl);
        box-sizing: border-box;
    }
    .options1 {
        padding-top: var(--padding-39xl);
        padding-bottom: var(--padding-19xl);
        box-sizing: border-box;
    }
    .reserve {
        font-size: var(--font-size-29xl);
    }
    .flow {
        font-size: var(--font-size-31xl);
    }
    .flow-title {
        flex: 1;
    }
    .b19,
    .first-step,
    .manufacturing-icon,
    .schedule-placeholder,
    .second-step {
        font-size: var(--font-size-13xl);
        line-height: 38px;
    }
    .flow-content-inner {
        flex: 1;
    }
    .flow-content {
        flex-wrap: wrap;
        gap: calc(64 / 390 * 100vw);
    }
    .faq1 {
        font-size: 47px;
    }
    .q1 {
        font-size: var(--font-size-10xl);
    }

    .interior-question-wrapper {
        flex-wrap: wrap;
        min-width: 100%;
        min-height: auto;
    }
    .interior-question-container {
        flex-wrap: wrap;
    }
    .a5 {
        font-size: var(--font-size-10xl);
    }
    .wrapper10 {
        min-height: auto;
    }
    .answer-wrapper {
        flex-wrap: wrap;
    }
    .f-a-q-items2,
    .rectangle-parent26 {
        padding-left: var(--padding-5xl);
        box-sizing: border-box;
    }
    .rectangle-parent25 {
        padding-top: var(--padding-30xl);
        padding-bottom: var(--padding-43xl);
        box-sizing: border-box;
    }
    .contact2 {
        font-size: var(--font-size-31xl);
        line-height: 42px;
    }
    .contact-form-heading {
        padding-left: 132px;
        padding-right: 131px;
        box-sizing: border-box;
    }
    .form-introduction-container {
        padding-left: var(--padding-85xl);
        padding-right: var(--padding-85xl);
        box-sizing: border-box;
    }
    .form-introduction-wrapper {
        gap: var(--gap-11xl);
    }
    .email-field {
        gap: var(--gap-12xl);
    }
    .ohkumas2 {
        font-size: var(--font-size-37xl);
    }
    .brand-name {
        box-sizing: border-box;
    }
    .moving-house3 {
        font-size: var(--font-size-29xl);
    }
}
@media screen and (max-width: 767px) {
    .inner {
        top: calc(15 / 390 * 100vw);
        padding: 0 calc(18 / 390 * 100vw);
        box-sizing: border-box;
    }
    .ohkumas-parent {
        gap: var(--gap-mid);
    }
    .frame-div {
        gap: 68px;
    }
    .business-challenge-container-inner,
    .short-delivery-container {
        min-width: 100%;
    }
    .business-challenge-container {
        padding: calc(140 / 390 * 100vw) 0 calc(66 / 390 * 100vw);
        box-sizing: border-box;
        gap: 0;
    }

    .short-delivery-container {
        flex-direction: row;
    }

    .frame-group {
        gap: var(--gap-14xl);
        padding-bottom: 200px;
        box-sizing: border-box;
    }
    .wrapper5 {
        padding-left: var(--padding-75xl);
        padding-right: var(--padding-75xl);
        box-sizing: border-box;
    }
    .whats-moving-house-container {
        box-sizing: border-box;
    }
    .subtitle {
        padding-left: var(--padding-23xl);
        padding-right: var(--padding-23xl);
    }
    .content,
    .link,
    .subtitle {
        box-sizing: border-box;
    }
    .link {
        padding-left: 195px;
        padding-right: var(--padding-4xl);
    }
    .content {
        padding-left: var(--padding-59xl);
        padding-right: var(--padding-59xl);
    }
    .association {
        padding-left: var(--padding-30xl);
        padding-right: 59px;
        box-sizing: border-box;
    }
    .action,
    .contact1 {
        min-width: 100%;
    }
    .action {
        padding-bottom: calc(35 / 390 * 100vw);
    }
    .contact1 {
        gap: 93px;
    }
    .description {
        gap: 55px;
        padding-left: var(--padding-59xl);
        padding-right: var(--padding-22xl);
        box-sizing: border-box;
    }
    .consultation {
        padding-bottom: 0;
        box-sizing: border-box;
    }
    .description1,
    .overview {
        padding-left: var(--padding-49xl);
        padding-right: var(--padding-49xl);
        box-sizing: border-box;
    }
    .overview {
        padding-left: var(--padding-3xl);
        padding-right: var(--padding-3xl);
    }
    .specifications-container {
        height: auto;
        flex-direction: column;
        flex-wrap: nowrap;
        gap: var(--gap-5xl);
        padding: 0;
        box-sizing: border-box;
    }

    .specifications-container .swipe-indication {
        top: calc(86 / 390 * 100vw);
        transform: translateX(-50%) translateY(0);
    }

    .options-container {
        /*width: calc(334 / 390 * 100vw);*/
        padding: calc(25 / 390 * 100vw) 0 calc(35 / 390 * 100vw);
        box-sizing: border-box;
        align-items: flex-start;
    }
    .reservation-content-wrapper {
        padding-left: var(--padding-26xl);
        padding-right: var(--padding-26xl);
        box-sizing: border-box;
    }
    .flow-content-inner {
        padding-top: 0;
        box-sizing: border-box;
        min-width: 100%;
    }
    .flow-content-wrapper {
        padding-right: calc(32 / 390 * 100vw);
        padding-left: calc(35 / 390 * 100vw);
        padding-bottom: calc(132 / 390 * 100vw);
        box-sizing: border-box;
    }
    .f-a-q-container {
        flex-wrap: wrap;
    }
    .f-a-q-container-wrapper {
        margin-bottom: calc(140 / 390 * 100vw);
        padding-left: var(--padding-3xl);
        padding-right: var(--padding-3xl);
        box-sizing: border-box;
    }
    .div56 {
        min-width: 100%;
    }

    .div58 {
        min-width: 100%;
    }
    .interior-question-container {
        gap: var(--gap-lgi);
    }
    .wrapper10 {
        min-width: 100%;
    }
    .rectangle-parent26 {
        gap: var(--gap-base);
    }
    .f-a-q-items2 {
        gap: var(--gap-mid);
    }
    .f-a-q-list {
        margin: 0 0 calc(64 / 390 * 100vw);
        gap: calc(22 / 390 * 100vw);
    }
    .rectangle-parent25 {
        gap: var(--gap-mid);
    }
    .frame-section {
        gap: 52px;
        padding-bottom: 176px;
        box-sizing: border-box;
    }
    .contact-form-heading {
        padding-left: 66px;
        padding-right: var(--padding-46xl);
        box-sizing: border-box;
    }
    .contact-name-input {
        gap: var(--gap-2xl);
    }
    .contact-name-field,
    .email-field {
        gap: calc(24 / 390 * 100vw);
    }
    .company-name-field {
        gap: var(--gap-lgi);
    }
    .first-preference {
        padding: 0 0 0 calc(15 / 390 * 100vw);
        gap: calc(30 / 390 * 100vw);
        flex-wrap: wrap;
        flex-direction: column;
    }
    .inquiry-options {
        gap: var(--gap-base);
        padding-right: var(--padding-13xl);
        box-sizing: border-box;
    }
    .vector-parent9 {
        gap: var(--gap-mid);
    }
    .detail-input {
        min-width: 100%;
    }
    .inquiry-detail-field {
        gap: var(--gap-xl);
    }
    .rectangle-parent27 {
        flex-wrap: wrap;
        justify-content: center;
    }
    .agreement {
        gap: var(--gap-22xl);
    }
    .contact-form-container {
        gap: 0;
        margin-bottom: calc(43 / 390 * 100vw);
    }
    .contact-form-container-wrapper {
        padding: calc(142 / 390 * 100vw) calc(25 / 390 * 100vw) calc(152 / 390 * 100vw);
        gap: 0;
        box-sizing: border-box;
    }
    .brand-name {
        margin: 0 0 calc(150 / 390 * 100vw);
        box-sizing: border-box;
    }
    .policy {
        flex-wrap: wrap;
    }
    .social {
        gap: var(--gap-43xl);
        padding-left: var(--padding-27xl);
        padding-right: 43px;
        box-sizing: border-box;
    }
    .div {
        overflow: hidden;
    }
}
@media screen and (max-width: 767px) {
    .ohkuma-co-ltd-parent {
        display: none;
    }
    .ohkumas1 {
        font-size: var(--font-size-23xl);
    }
    .moving-house2 {
        font-size: var(--font-size-13xl);
        line-height: 56px;
    }
    .frame-wrapper2 {
        padding-top: var(--padding-8xl);
        box-sizing: border-box;
        max-width: 100%;
    }
    .frame-div {
        gap: var(--gap-15xl);
    }
    .h1 {
        font-size: calc(25 / 390 * 100vw);
        line-height: 46px;
    }
    .div2 {
        height: auto;
        font-size: calc(18 / 390 * 100vw);
        line-height: 40px;
    }
    .h3 {
        width: auto;
        height: calc(40 / 390 * 100vw);
        margin-top: calc(-40 / 390 * 100vw);
        font-size: calc(21 / 390 * 100vw);
        line-height: 24px;
    }
    .business-challenge-container-inner {
        min-height: auto;
        padding: 0 0 0 calc(28 / 390 * 100vw);
        box-sizing: border-box;
    }
    .div4 {
        font-size: var(--font-size-11xl);
        line-height: 22px;
    }
    .div5 {
        font-size: var(--font-size-base);
        line-height: 28px;
    }
    .frame-parent3 {
        flex-wrap: wrap;
    }
    .div10,
    .div9 {
        font-size: var(--font-size-base);
        line-height: 28px;
    }
    .frame-parent4 {
        flex-wrap: wrap;
    }
    .div14 {
        font-size: var(--font-size-11xl);
        line-height: 22px;
    }
    .div15,
    .div18 {
        font-size: var(--font-size-base);
        line-height: 28px;
    }
    .frame-parent6 {
        flex-wrap: wrap;
    }
    .div20 {
        font-size: var(--font-size-base);
        line-height: 28px;
    }
    .frame-parent7 {
        flex-wrap: wrap;
    }
    .div22 {
        font-size: var(--font-size-base);
        line-height: 26px;
    }
    .group,
    .unique-store-container {
        height: auto;
        /*min-height: 3863;*/
    }
    .group {
        min-height: calc(529 / 390 * 100vw);
    }
    .frame-group {
        gap: var(--gap-base);
    }
    .whats-a-moving {
        font-size: var(--font-size-23xl);
        line-height: 57px;
    }
    .h2 {
        font-size: var(--font-size-xl);
        line-height: 27px;
    }
    .wrapper5 {
        padding-left: var(--padding-xl);
        padding-right: var(--padding-xl);
        box-sizing: border-box;
    }
    .unit-size {
        font-size: calc(30 / 390 * 100vw);
        line-height: 22px;
    }
    .b1,
    .b2,
    .b3,
    .b4 {
        font-size: calc(15 / 390 * 100vw);
        line-height: 29px;
    }
    .b2,
    .b3,
    .b4 {
        line-height: 26px;
    }
    .rectangle-parent4 {
        padding: var(--padding-15xl) var(--padding-xl) var(--padding-2xl);
        box-sizing: border-box;
        flex: 1;
    }
    .div24 {
        font-size: var(--font-size-5xl);
        line-height: 22px;
    }
    .b5 {
        font-size: var(--font-size-base);
        line-height: 29px;
    }
    .length1,
    .m {
        font-size: var(--font-size-20xl);
        line-height: 28px;
    }
    .m {
        font-size: var(--font-size-lg);
    }
    .length2 {
        font-size: var(--font-size-9xl);
        line-height: 22px;
    }
    .m1,
    .placeholder {
        font-size: var(--font-size-20xl);
        line-height: 28px;
    }

    .placeholder {
        margin-left: 0;
    }

    .m1 {
        font-size: var(--font-size-lg);
    }
    .detail {
        flex-wrap: wrap;
        justify-content: center;
        gap: 0;
    }
    .size-details-parent {
        gap: var(--gap-14xl);
    }
    .rectangle-parent8 {
        gap: 45px;
        padding-top: var(--padding-15xl);
        padding-bottom: var(--padding-2xl);
        box-sizing: border-box;
    }
    .wrapper6,
    .wrapper7 {
        padding-left: var(--padding-xl);
        padding-right: var(--padding-xl);
        box-sizing: border-box;
    }

    .wrapper7 {
        padding-bottom: 0;
    }

    .b7 {
        font-size: var(--font-size-base);
        line-height: 24px;
    }
    .h31 {
        font-size: var(--font-size-lg);
        line-height: 28px;
    }
    .rectangle-parent9 {
        padding-top: var(--padding-15xl);
        padding-bottom: var(--padding-2xl);
        box-sizing: border-box;
        flex: 1;
    }
    .whats-moving-house-container {
        padding-bottom: var(--padding-104xl);
        box-sizing: border-box;
    }
    .case-study1 {
        font-size: calc(57 / 390 * 100vw);
        line-height: normal;
        height: auto;
    }
    .b9 {
        font-size: calc(20 / 390 * 100vw);
        line-height: 2.4em;
    }
    .subtitle {
        padding-left: var(--padding-xl);
        padding-right: var(--padding-xl);
        box-sizing: border-box;
    }
    .usage {
        gap: 75px;
    }
    .case-study {
        padding-top: calc(125 / 390 * 100vw);
        padding-bottom: calc(64 / 390 * 100vw);
        box-sizing: border-box;
    }
    .association,
    .content {
        padding-left: var(--padding-xl);
        padding-right: var(--padding-xl);
        box-sizing: border-box;
    }
    @media screen and (max-width: 767px) {
        .association {
            padding: calc(50 / 390 * 100vw) 0 calc(63 / 390 * 100vw);
            flex-direction: column;
            align-items: center;
        }
    }
    .div28 {
        width: calc(327 / 390 * 100vw);
        padding: 0;
        font-size: calc(15 / 390 * 100vw);
        line-height: 1.86em;
    }
    .b11 {
        font-size: calc(20 / 390 * 100vw);
        line-height: 3.5em;
    }
    .contact {
        height: auto;
        font-size: calc(50 / 390 * 100vw);
        line-height: 1.4em;
    }
    .title1 {
        padding: 0 0 0 calc(17 / 390 * 100vw);
        gap: calc(6 / 390 * 100vw);
    }
    .icon4 {
        padding: 0 0 0 calc(23 / 390 * 100vw);
        box-sizing: border-box;
    }
    .header1 {
        gap: calc(20 / 390 * 100vw);
        align-items: flex-start;
    }
    .group-button {
        width: calc(300 / 390 * 100vw);
        height: calc(70 / 390 * 100vw);
        justify-content: center;
        align-items: center;
        flex: none;
        padding: 0;
        box-sizing: border-box;
        border-radius: calc(10 / 390 * 100vw);
        border-width: 4px;
    }
    .contact1 {
        gap: 46px;
        padding: 0 0 0 calc(6 / 390 * 100vw);
    }
    .description {
        gap: 0;
        justify-content: flex-start;
        padding: calc(82 / 390 * 100vw) 0 calc(66 / 750 * 100vw) calc(35 / 390 * 100vw);
        box-sizing: border-box;
    }
    .specifications1 {
        font-size: calc(50 / 390 * 100vw);
    }
    .b14 {
        font-size: var(--font-size-xl);
        line-height: 56px;
    }
    .description1 {
        padding-left: var(--padding-xl);
        padding-right: var(--padding-xl);
        box-sizing: border-box;
        font-size: calc(20 / 390 * 100vw);
    }
    .h32 {
        height: auto;
        font-size: calc(16 / 390 * 100vw);
        line-height: 1.375em;
    }
    .frame-parent14 {
        gap: var(--gap-xl);
        padding-right: var(--padding-xl);
        box-sizing: border-box;
    }
    .b15 {
        font-size: calc(22 / 390 * 100vw);
        line-height: 26px;
    }
    .material-note,
    .options1 {
        padding-top: var(--padding-37xl-4);
        box-sizing: border-box;
    }
    .options1 {
        height: auto;
        padding-top: 0;
        padding-bottom: 0;
    }

    .material-note {
        order: 1;
        width: 100%;
        padding: calc(41 / 390 * 100vw) calc(21 / 390 * 100vw) 0;
    }

    .reserve {
        font-size: calc(40 / 390 * 100vw);
    }
    .b16 {
        min-width: auto;
        font-size: calc(16 / 390 * 100vw);
    }
    .reservation-content-wrapper {
        padding: calc(70 / 390 * 100vw) calc(25 / 390 * 100vw) calc(71 / 390 * 100vw);
        box-sizing: border-box;
    }
    .flow {
        font-size: calc(57 / 390 * 100vw);
    }
    .b18 {
        height: auto;
        margin: calc(-3 / 390 * 100vw) 0 0;
        font-size: calc(20 / 390 * 100vw);
        line-height: 1;
    }
    .flow-title {
        gap: calc(40 / 390 * 100vw);
    }
    .first-step {
        font-size: calc(30 / 390 * 100vw);
        line-height: 29px;
    }
    .div43 {
        font-size: calc(18 / 390 * 100vw);
        line-height: 38px;
    }
    .b19,
    .second-step {
        min-width: auto;
        font-size: calc(30 / 390 * 100vw);
        line-height: 29px;
    }
    .rectangle-parent19 {
        width: calc(280 / 390 * 100vw);
        flex-wrap: wrap;
        align-items: center;
        padding: calc(20 / 390 * 100vw) calc(20 / 390 * 100vw) calc(22 / 390 * 100vw);
    }
    .div46 {
        font-size: calc(18 / 390 * 100vw);
        line-height: 38px;
    }
    .rectangle-parent20 {
        width: calc(280 / 390 * 100vw);
        flex-wrap: wrap;
        align-items: center;
        padding: calc(20 / 390 * 100vw) calc(20 / 390 * 100vw) calc(22 / 390 * 100vw);
    }
    .duration-content-parent,
    .duration-items-parent {
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: calc(7 / 390 * 100vw);
    }
    .schedule-placeholder {
        width: auto;
        font-size: calc(30 / 390 * 100vw);
        line-height: 29px;
    }
    .div48 {
        font-size: calc(18 / 390 * 100vw);
        line-height: 38px;
    }
    .rectangle-parent21 {
        width: calc(280 / 390 * 100vw);
        padding: calc(20 / 390 * 100vw) calc(20 / 390 * 100vw) calc(22 / 390 * 100vw);
        flex: none;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
    }
    .manufacturing-icon {
        width: auto;
        font-size: calc(30 / 390 * 100vw);
        line-height: 29px;
    }
    .div50 {
        font-size: calc(18 / 390 * 100vw);
        line-height: 38px;
    }
    .rectangle-parent22 {
        width: calc(280 / 390 * 100vw);
        padding: calc(20 / 390 * 100vw) calc(20 / 390 * 100vw) calc(22 / 390 * 100vw);
        align-items: center;
    }
    .div51 {
        font-size: calc(18 / 390 * 100vw);
        line-height: 38px;
    }
    .rectangle-parent23 {
        width: calc(280 / 390 * 100vw);
        padding: calc(20 / 390 * 100vw) calc(20 / 390 * 100vw) calc(22 / 390 * 100vw);
        align-items: center;
    }
    .div53 {
        order: 1;
        font-size: calc(18 / 390 * 100vw);
        line-height: 38px;
    }
    .rectangle-parent24 {
        width: calc(280 / 390 * 100vw);
        padding: calc(20 / 390 * 100vw) calc(20 / 390 * 100vw) calc(22 / 390 * 100vw);
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
    }
    .frame-wrapper11 {
        padding-top: var(--padding-17xl);
        box-sizing: border-box;
    }
    .frame-parent17 {
        flex-wrap: wrap;
    }
    .frame-parent16 {
        height: auto;
    }
    .faq1 {
        height: auto;
        font-size: calc(55 / 390 * 100vw);
    }
    .b22 {
        height: auto;
        margin: calc(-10 / 390 * 100vw) 0 0;
        font-size: calc(20 / 390 * 100vw);
        line-height: normal;
    }
    .f-a-q-title-wrapper {
        gap: 0;
    }
    .q1 {
        font-size: var(--font-size-3xl);
    }
    .interior-question-wrapper {
        gap: var(--gap-mid);
    }
    .a5 {
        font-size: var(--font-size-3xl);
    }
    .faq2 {
        display: block;
        font-size: calc(18 / 390 * 100vw);
        line-height: 1;
    }
    .more-f-a-q-button-container,
    .more-f-a-q-button-wrapper {
        box-sizing: border-box;
    }
    .rectangle-parent25 {
        padding: calc(28 / 390 * 100vw) calc(15 / 390 * 100vw) calc(83 / 390 * 100vw) calc(15 / 390 * 100vw);
        box-sizing: border-box;
        border-radius: calc(15 / 390 * 100vw);
        -webkit-background-size: calc(93 / 390 * 100vw);
        background-size: calc(93 / 390 * 100vw);
        background-position: 48% calc(156 / 390 * 100vw);
    }
    .frame-section {
        gap: calc(25 / 390 * 100vw);
        padding-bottom: calc(76 / 390 * 100vw);
    }
    .contact2 {
        height: calc(77 / 390 * 100vw);
        font-size: calc(50 / 390 * 100vw);
        line-height: normal;
    }
    .contact-form-heading {
        padding-left: var(--padding-xl);
        padding-right: var(--padding-xl);
        box-sizing: border-box;
    }
    .b23 {
        font-size: var(--font-size-xl);
        line-height: 38px;
    }
    .form-introduction-container {
        padding-left: var(--padding-xl);
        padding-right: var(--padding-xl);
        box-sizing: border-box;
    }
    .form-introduction-wrapper {
        gap: calc(50 / 390 * 100vw);
    }
    .b25,
    .b26,
    .b27,
    .b28,
    .div63,
    .div66,
    .div67 {
        font-size: calc(18 / 390 * 100vw);
        line-height: 29px;
    }
    .meeting-format,
    .meeting-option {
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: calc(43 / 390 * 100vw);
    }
    .date-input {
        gap: var(--gap-mid);
    }
    .inquiry-options {
        min-width: 100%;
        gap: calc(38 / 390 * 100vw);
        padding-right: 0;
    }
    .check-container {
        flex-wrap: wrap;
    }
    .div73 {
        font-size: calc(24 / 390 * 100vw);
        line-height: normal;
    }

    .rectangle-parent27 {
        width: calc(330 / 390 * 100vw);
        height: calc(85 / 390 * 100vw);
        margin: 0 auto;
        padding: 0;
        box-sizing: border-box;
        justify-content: center;
        align-items: center;
        background-position: right calc(32 / 390 * 100vw) top 50%;
        -webkit-background-size: calc(35 / 390 * 100vw);
        background-size: calc(35 / 390 * 100vw);
    }

    .agreement {
        gap: var(--gap-2xl);
    }
    @media screen and (max-width: 767px) {
        .agreement {
            gap: calc(103 / 390 * 100vw);
        }
    }

    .b30 {
        font-size: var(--font-size-base);
        line-height: 32px;
    }
    .ohkumas2 {
        font-size: var(--font-size-23xl);
    }
    .moving-house3 {
        font-size: var(--font-size-11xl);
    }

    .httpso-kumacojp {
        font-size: var(--font-size-base);
        line-height: 54px;
    }
    .social {
        gap: var(--gap-12xl);
        padding-left: var(--padding-xl);
        padding-right: var(--padding-xl);
        box-sizing: border-box;
    }
}