.spinnerContainer {
    --loading-color: #2e93e6
}

.spinnerContainer {
    position: fixed;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    background-color: hsla(0, 0%, 100%, .9);
    width: 100%;
    height: 100%;
    z-index: 9999;
    padding: 10px
}

.spinnerContainer .spinnerText {
    font-size: 18px
}

.spinnerContainer .spinner {
    width: 64px;
    height: 64px;
    margin: 10px auto;
    border: 8px #ddd solid;
    border-top: 8px var(--loading-color) solid;
    border-radius: 50%;
    animation: sp-anime 1s infinite linear
}

@keyframes sp-anime { 100%{
    transform: rotate(360deg)
}

}
.spinnerContainer {
    --loading-color: #2e93e6
}

.spinnerContainer {
    position: fixed;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    background-color: hsla(0, 0%, 100%, .9);
    width: 100%;
    height: 100%;
    z-index: 9999;
    padding: 10px
}

.spinnerContainer .spinnerText {
    font-size: 18px
}

.spinnerContainer .spinner {
    width: 64px;
    height: 64px;
    margin: 10px auto;
    border: 8px #ddd solid;
    border-top: 8px var(--loading-color) solid;
    border-radius: 50%;
    animation: sp-anime 1s infinite linear
}

@keyframes sp-anime { 
100%{
    transform: rotate(360deg)
}

}
.steps {
    display: flex;
    position: relative;
    width: 60%;
    overflow: hidden;
    overflow-x: hidden;
    align-items: stretch
}

[class^=steps__] {
    position: absolute;
    top: 0;
    width: 100%
}

[class^=steps__] *, [class^=steps__] *:before, [class^=steps__] *:after
    {
    box-sizing: border-box
}

.indicator [class^=indicator__] {
    list-style: none
}

:root {
    --main-color: #67ce92;
    --disabled-color: #ccc
}

.buttonWrapper {
    --btn-height: 45px;
    --btn-font-size: 20px;
    --next-btn-font-color: #fff;
    --submit-btn-font-color: #fff;
    --prev-btn-font-color: #a89898;
    --next-btn-bg-color: #67ce92;
    --submit-btn-bg-color: #67ce92;
    --prev-btn-bg-color: #f0f0f0;
    --next-btn-width: 70%;
    --submit-btn-width: 70%;
    --prev-btn-width: 30%;
    --disabled-btn-font-color: #fff;
    --disabled-btn-bg-color: #ccc;
    --btn-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
    --btn-border-radius: 100px
}

.buttonWrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    padding: 20px
}

.buttonWrapper *, .buttonWrapper *:before, .buttonWrapper *:after
    {
    box-sizing: border-box
}

.buttonWrapper .navButton {
    display: flex;
    justify-content: center;
    align-items: center;
    outline: none;
    border: none;
    border-radius: var(--btn-border-radius);
    box-shadow: var(--btn-shadow);
    box-sizing: border-box;
    font-size: var(--btn-font-size);
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
    height: var(--btn-height);
    position: relative
}

.buttonWrapper .navButton.nextStepButton {
    width: var(--next-btn-width);
    background-color: var(--next-btn-bg-color);
    color: var(--next-btn-font-color)
}

.buttonWrapper .navButton.submitButton {
    width: var(--submit-btn-width);
    background-color: var(--submit-btn-bg-color);
    color: var(--submit-btn-font-color)
}

.buttonWrapper .navButton.prevStepButton {
    margin-right: 20px;
    width: var(--prev-btn-width);
    background-color: var(--prev-btn-bg-color);
    color: var(--prev-btn-font-color)
}

.buttonWrapper .navButton:visited, .buttonWrapper .navButton:active
    {
    text-decoration: none
}

.buttonWrapper .navButton.disabled {
    background-color: var(--disabled-btn-bg-color);
    color: var(--disabled-btn-font-color);
    opacity: 1;
    pointer-events: none
}

.buttonWrapper {
    --arrow-size: 12px;
    --right-position: 24px
}

.buttonWrapper .navButton.nextStepButton::before {
    content: "";
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: var(--right-position);
    width: var(--arrow-size);
    height: var(--arrow-size);
    border-top: calc(var(--arrow-size)/3) solid #fff;
    border-right: calc(var(--arrow-size)/3) solid #fff;
    transform: rotate(45deg)
}

.buttonWrapper .navButton.submitButton::before {
    content: "";
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: var(--right-position);
    width: var(--arrow-size);
    height: var(--arrow-size);
    border-top: calc(var(--arrow-size)/3) solid #fff;
    border-right: calc(var(--arrow-size)/3) solid #fff;
    transform: rotate(45deg)
}

.buttonWrapper {
    padding: 20px 0
}

.buttonWrapper .navButton.nextStepButton, .buttonWrapper .navButton.submitButton
    {
    display: flex;
    height: 56px;
    padding: 18px 10px;
    justify-content: center;
    align-items: center;
    gap: 7px;
    align-self: stretch;
    border-radius: 4px;
    background: #ffa000;
    box-shadow: 0 3px 0 0 #da8800;
    width: 100%;
    color: #fff;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: .9px
}

.buttonWrapper .navButton.nextStepButton.disabled,
    .buttonWrapper .navButton.submitButton.disabled {
    background: #999;
    box-shadow: 0 1px 0 0 #666
}

@media (min-width: 769px) {
  .stepFormBtn .next {
    width: 400px;
    margin: 0 auto;
  }
}

.stepFormBtn .next a.disabled {
    background: #999;
    box-shadow: 0 1px 0 0 #666
}


.stepFormBtn .next a.disabled:hover {
    opacity: 1;
    pointer-events: none;
    cursor: default; 
}

.buttonWrapper .navButton.nextStepButton.disabled:after,
    .buttonWrapper .navButton.submitButton.disabled:after {
    background-image:
        url("/images/sell/assessment/kaizen_img/circle_arrow_disabled.svg")
}

.buttonWrapper .navButton.nextStepButton:before, .buttonWrapper .navButton.submitButton:before
    {
    display: none
}

.buttonWrapper .navButton.nextStepButton:after, .buttonWrapper .navButton.submitButton:after
    {
    content: "";
    position: absolute;
    right: 0px;
    top: 50%;
    translate: -50% -50%;
    width: 17px;
    height: 17px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image:
        url("https://cdn.kaizenplatform.net/v2/attachments/000/386/172/554f81f28b0d92d74669fc482c27fc2aaab96102.svg")
}

.button-contact__link::after {
    width: 18px !important;
    height: 18px !important;
    background: url(/images/sell/assessment/kaizen_img/circle_arrow.svg) no-repeat !important;
}

.button-contact__link.disabled::after {
    background: url(/images/sell/assessment/kaizen_img/circle_arrow_disabled.svg) no-repeat !important;
}


.indicatorWrapper {
    --main-color: #67ce92;
    --border-color: #67ce92;
    --indicator-height: 30px
}

.indicatorWrapper {
    padding: 10px
}

.indicatorWrapper *, .indicatorWrapper *:before, .indicatorWrapper *:after
    {
    box-sizing: border-box
}

.indicatorWrapper .indicator {
    width: 100%
}

@media (min-width: 769px) {
    .indicatorWrapper .indicator{
        justify-content: center;
    }
}


.indicatorWrapper .indicator ul {
    width: inherit;
    padding: 0;
    font-size: 0;
    background: #fff;
    border: solid 1px var(--border-color);
    border-radius: 100px
}

@media (min-width: 769px) {
    .indicatorWrapper .indicator ul {
        width: 400px;
    }
}

.indicatorWrapper .indicator ul li {
    height: var(--indicator-height);
    display: inline-block;
    position: relative
}

.indicatorWrapper .indicator ul li:first-child {
    border-radius: 100px 0 0 100px
}

.indicatorWrapper .indicator ul li:last-child {
    border-radius: 0 100px 100px 0
}

.indicatorWrapper .indicator ul li.currentStep {
    background-color: var(--main-color)
}

.indicatorWrapper {
    --font-size: 15px;
    --percent-margin: 12px
}

.indicatorWrapper .indicator {
    display: flex;
    align-items: center;
    width: 100%
}

.indicatorWrapper .indicator::before {
    content: "0%";
    width: calc(var(--font-size)*3+ var(--percent-margin));
    margin-right: var(--percent-margin);
    text-align: right;
    font-size: var(--font-size);
    color: #000
}

.indicatorWrapper .indicator::after {
    content: "100%";
    width: calc(var(--font-size)*3+ var(--percent-margin));
    margin-left: var(--percent-margin);
    text-align: left;
    font-size: var(--font-size);
    color: #000
}

.indicatorWrapper {
    --btn-wrapper-background: #ffffff;
    --main-color: #1f2646;
    --border-color: #1f2646;
    --indicator-height: 20px;
    --font-size: 12px;
    --percent-margin: 12px;
    padding: 10px 0
}

.indicator::before {
    content: "START" !important;
    text-transform: uppercase;
    white-space: nowrap
}

.indicator::after {
    content: "GOAL" !important;
    text-transform: uppercase;
    white-space: nowrap
}

.indicator ul {
    position: relative;
    display: flex;
    margin: 0px 10px
}

.indicator ul li.currentStep+:not(.currentStep)::after {
    content: "";
    position: absolute;
    background: #fff;
    border: 2px solid var(--main-color);
    border-radius: 100px;
    top: -5.5px;
    left: -1.05rem;
    width: 30px;
    height: 30px;
    z-index: 0
}

.indicator ul li.currentStep+:not(.currentStep)::before {
    content: "";
    position: absolute;
    top: 5px;
    left: -0.4rem;
    transform: translate(-50%, -50%);
    padding: 8px;
    background-image:
        url(/images/sell/assessment/kaizen_img/current_step.svg);
    background-size: 18px 18px;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1;
    animation: upDown 3s infinite
}

.indicator ul [class^=indicator__].currentStep:last-child::after {
    content: "";
    position: absolute;
    background: #fff;
    border: 2px solid var(--main-color);
    border-radius: 100px;
    top: -5.5px;
    right: -0.5rem;
    width: 30px;
    height: 30px;
    z-index: 0
}

.indicator ul [class^=indicator__].currentStep:last-child::before
    {
    content: "";
    position: absolute;
    top: 5px;
    right: .05rem;
    transform: translate(-50%, -50%);
    padding: 8px;
    background-image:
        url(/images/sell/assessment/kaizen_img/current_step.svg);
    background-size: 18px 18px;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1;
    animation: upDown 3s infinite
}

@keyframes upDown { 
    0%{
      transform: translateY(0px) rotate(15deg)
    }
    50%{
      transform:translateY(-5px) rotate(28deg)
    }
    100%{
      transform:translateY(0px) rotate(15deg)
}
}
[class^=indicator__] {
    width: 47% !important
}

.indicatorWrapper .indicator::before {
    text-align: left;
    margin-right: 0px
}

.indicatorWrapper .indicator::after {
    text-align: end;
    margin-left: 0px
}

.steps {
    width: 100%
}

#js-buildingArea, #js-landArea {
    border-radius: 6px;
    border: 1px solid #d9d9d9;
    background: #fff
}
/*
.swiper-slide.addressGroup .layout-form-01__title {
    display: none
}
*/

.swiper-slide .buildingZipInputWrap {
    display: flex;
    align-items: center;
    gap: 5px
}

.swiper-slide .buildingZipInputTitle {
    color: #333;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: .8px
}

.swiper-slide .buildingZipInputNote {
    color: #999;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    position: relative;
    padding-left: 15px
}

.swiper-slide .buildingZipInputNote:before {
    content: "◇";
    margin-right: 5px;
    display: inline-block;
    position: absolute;
    translate: -50% -50%;
    top: 9px;
    left: 5px
}

.swiper-slide #js_buildingZipInput {
    width: 150px
}

.swiper-slide .selectbox select {
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 100%;
    letter-spacing: 1.6px
}

.swiper-slide .selectbox select.unSelected {
    color: #999
}

.swiper-slide .selectbox::after {
    background-image:
        url(/images/sell/assessment/kaizen_img/under_arrow.svg)
}

.swiper-slide #js-property-addressDetail, .swiper-slide #js-property-roomNumber
    {
    border-radius: 4px;
    border: 1px solid #d9d9d9;
    background: #fff
}

.swiper-slide .addressCaptionLabel {
    color: #333;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 1.8px;
    margin-bottom: 10px;
    flex: auto;
    margin-left: 7px;
    line-height: 1.2
}

.swiper-slide .title-form-01 {
    font-size: 14px
}

.swiper-slide .layout-form-01__title.roomNumberTitle, .swiper-slide .layout-form-01__title.addressDetailTitle
    {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
    flex-direction: row
}

.swiper-slide .layout-form-01__title.roomNumberTitle p.title-form-01,
    .swiper-slide .layout-form-01__title.addressDetailTitle p.title-form-01
    {
    flex: unset
}

.swiper-slide .requiredLabel {
    color: #999;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: 1px;
    flex: auto;
    margin-left: 15px
}

.swiper-slide .hihunNashi, .swiper-slide .requiredLabel {
    display: none
}

.swiper-slide .layout-form-01__content{
    margin-top: 12px;
    display: block;
}

.steps__6 .pageItem {
    margin-bottom: 20px
}

.steps__6 .accordionContainer {
    margin-top: 30px;
    margin-bottom: 30px
}

.steps__6 .optionAccordionTitle {
    margin-top: 30px
}

.steps__6 .assessmentTypeCdWrap .layout-form-01__title {
    display: none
}

.steps__6 .assessmentTypeCdWrap .fw-b {
    color: #333;
    font-size: 1.7rem;
    font-weight: 700;
    line-height: 1.2;
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    gap: 7px
}

.steps__6 .assessmentTypeCdWrap #js_assessmentTypeCdInputGuide+.fw-b.layout-form-01__title
    {
    margin-top: 10px
}

.steps__6 #js_demandInput {
    font-feature-settings: "palt";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: 1.4px;
    height: 115px
}

.steps__6 #js_demandInput::placeholder {
    font-size: 13px
}

.steps__6 #js_demandInput::-webkit-input-placeholder {
    font-size: 13px
}

.steps__6 #js_demandInput:-moz-placeholder {
    font-size: 13px
}

.steps__6 #js_demandInput::-moz-placeholder {
    font-size: 13px
}

.steps__6 #js_demandInput:-ms-input-placeholder {
    font-size: 13px
}

.steps__6 .title-form-01 {
    font-size: 1.7rem
}

.steps__6 .box-input-01__input {
    width: fit-content
}

.steps__6 .box-input-01__input #js_salePriceInput {
    display: flex;
    width: 150px;
    min-height: 50px;
    padding: 20px 16px;
    align-items: center
}

.multiSelectLabel {
    color: #333;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: 1.4px
}

body {
    display: flex;
    flex-direction: column
}

[class^=steps__] {
    margin-top: 20px
}

.pageItem {
    margin-bottom: 10px;
}

@media (min-width: 769px) {
    .pageItem {
      width: 800px;
      justify-content: center;
      margin: 0 auto;
    }
}

.prevButtonWrap {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px
}

.prevButtonWrap a#prevStepButton {
    color: #111;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 100%;
    letter-spacing: .7px;
    display: flex;
    align-items: center;
    margin-left: -5px
}

.prevButtonWrap a#prevStepButton:before {
    content: "";
    display: inline-block;
    width: 5px;
    height: 9px;
    margin-right: 5px;
    background-image:
        url("/images/sell/assessment/kaizen_img/prev_arrow.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

.pageItemTitle {
    color: #333;
    font-size: 20px;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: 2px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 30px
}

.pageItemTitle:before {
    content: " ";
    display: inline-block;
    margin-right: 10px;
    background: #0094e1;
    width: 5px;
    height: 24px
}

.propTypeCategorySelectContainer .propTypeCategorySelectContainer__item,
    .propTypeCategoryOtherSelectContainer .propTypeCategorySelectContainer__item
    {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px
}

.propTypeCategorySelectContainer label,
    .propTypeCategoryOtherSelectContainer label {
    width: 48%;
    border-radius: 6px;
    border: 1px solid #d9d9d9;
    background: #fff;
    box-shadow: 0 3px 0 0 #d9d9d9;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 17px;
    font-weight: 300
}

.propTypeCategorySelectContainer label[for=ikkodate],
    .propTypeCategorySelectContainer label[for=mansion],
    .propTypeCategoryOtherSelectContainer label[for=ikkodate],
    .propTypeCategoryOtherSelectContainer label[for=mansion] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 10px
}

.propTypeCategorySelectContainer input[type=radio],
    .propTypeCategoryOtherSelectContainer input[type=radio] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none
}

.propTypeCategorySelectContainer input[type=radio]:checked+label,
    .propTypeCategoryOtherSelectContainer input[type=radio]:checked+label
    {
    color: #fff;
    font-weight: 400;
    background: #0095e1;
    box-shadow: 0 1px 0 0 #006294;
    border: 1px solid #0095e1
}

.propTypeCategorySelectContainer input[type=radio]:checked+label img,
    .propTypeCategoryOtherSelectContainer input[type=radio]:checked+label img
    {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1)
}

#js_buildingZipInput, .swiper-slide .selectbox, #js-property-addressDetail,
    #js-property-roomNumber, #js_nameInput, #js_nameFInput, #js_mailInput,
    #js_telInput, #js_salePriceInput, #js_demandInput {
    border-radius: 4px;
    border: 1px solid #d9d9d9;
    background: #fff
}

.optionLabel {
    border-radius: 4px;
    background: #999;
    display: flex;
    padding: 6px;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: 1.2px;
    height: fit-content;
    white-space: nowrap
}

.accordionContainer {
    background: #f0f0f0;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    position: relative;
    color: #333;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    flex-direction: column;
    border-radius: 6px;
    margin-top: 20px
}

.accordionContainer .accordionTitle {
    color: #333;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: 1.6px;
    position: relative;
    display: flex;
    align-items: center;
    padding: 15px;
    width: 100%
}

.accordionContainer .accordionTitle::after {
    content: " ";
    background-image:
        url(/images/sell/assessment/kaizen_img/plus.svg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-left: auto
}

.accordionContainer .accordionTitle.active::after {
    background-image:
        url(/images/sell/assessment/kaizen_img/minus.svg)
}

.accordionContainer .accordionWrap {
    display: none;
    width: 100%;
    padding: 15px;
    border-top: 1px solid #d9d9d9
}

.accordionContainer .accordionWrap .layout-form-01__content:first-child {
    margin-top: 12px !important;
}


.contents-full--form .contents-full__container {
    padding-top: 0
}


.list-button-02__item .button__link, .title-content-04,
    .title-content-08, .text-content-01, .layout-form-01, .layout-form-02,
    .box-step {
    display: none !important
}


#jsPopupSimple {
    top: 300px !important
}

.layout-form-01__title {
    display: flex;
    flex-direction: row-reverse
}

.layout-form-01__title {
    display: block;
    width: 100%;
    -webkit-flex: none;
    flex: none;
    margin-bottom: 13px;
    padding: 0;
    font-size: 0;
}

.layout-form-01__title p.title-form-01 {
    flex: auto;
    margin-left: 7px
}

.layout-form-01__title .text-required-01 {
    display: flex;
    padding: 6px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 4px;
    background: #c00;
    color: #fff;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: 1.2px;
    margin-left: 0
}

.text-error-01 {
    border-left: 3px solid #c00;
    background: #fff0f5;
    padding: 8px 6px;
    gap: 6px;
    margin-top: 5px;
    color: #c00;
    font-size: 13px;
    font-style: normal;
    font-weight: 300;
    line-height: 100%;
    letter-spacing: 1.4px;
    display: flex;
   /* align-items: center;*/
    justify-content: flex-start;
    height: 36px;
}

.text-error-01:before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 16px;
    background-image:
        url(/images/sell/assessment/kaizen_img/notice.svg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center
}

.header-small__in {
    padding: 6.5px 19px 10px
}

form>div.steps {
    overflow: initial !important;
    overflow-x: clip !important
}

.propTypeCategorySelectContainer {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-right: -10px
}

.propTypeCategorySelectContainer label {
    border-radius: 6px;
    border: 1px solid #d9d9d9;
    background: #fff;
    box-shadow: 0 3px 0 0 #d9d9d9;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 17px;
    font-weight: 300;
    flex: 0 0 calc(50% - 10px);
    margin-right: 10px;
    margin-bottom: 13px
}

.propTypeCategorySelectContainer label[for=ikkodate],
    .propTypeCategorySelectContainer label[for=mansion] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 10px
}

.propTypeCategorySelectContainer label[for=mansion] img {
    height: 46px
}

.propTypeCategorySelectContainer input[type=radio] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    display: none
}

.propTypeCategorySelectContainer input[type=radio]:checked+label {
    color: #fff;
    font-weight: 400;
    background: #0095e1;
    box-shadow: 0 1px 0 0 #006294;
    border: 1px solid #0095e1
}

.propTypeCategorySelectContainer input[type=radio]:checked+label img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1)
}

.propTypeCategorySelectContainer label[for=land],
    .propTypeCategorySelectContainer label[for=otherAndIttou] {
    height: 46px
}

.selectContainer .selectContainer__item {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-right: -10px
}

.selectContainer .selectContainer__item.columnThree label {
    flex: 1 1 calc(32% - 10px);
    padding: 10px
}

.selectContainer .selectContainer__item label {
    border-radius: 6px;
    border: 1px solid #d9d9d9;
    background: #fff;
    box-shadow: 0 3px 0 0 #d9d9d9;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 17px;
    font-weight: 300;
    flex: 0 0 calc(50% - 10px);
    margin-right: 10px;
    margin-bottom: 13px;
    height: 46px
}

.selectContainer .selectContainer__item label[for=ikkodate],
    .selectContainer .selectContainer__item label[for=mansion] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 10px
}

.selectContainer input[type=radio] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    display: none
}

.selectContainer input[type=radio]:checked+label {
    color: #fff;
    font-weight: 400;
    background: #0095e1;
    box-shadow: 0 1px 0 0 #006294;
    border: 1px solid #0095e1
}

.selectContainer input[type=radio]:checked+label img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1)
}

.unitCdSwitchContainer {
    flex-grow: 1;
    margin-left: 5px
}

.unitCdSwitchContainer .unitCdSwitchContainer__item {
    display: flex;
    align-items: center;
    gap: 5px
}

.unitCdSwitchContainer label {
    border: 1px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 300;
    width: 80px;
    min-width: 80px;
    height: 30px;
    border-radius: 100px;
    background: #fff
}

.unitCdSwitchContainer input[type=radio] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none
}

.unitCdSwitchContainer input[type=radio]:checked+label {
    color: #fff;
    font-weight: 400;
    background: #0095e1;
    border: 1px solid #0095e1
}

.unitCdSwitchContainer input[type=radio]:checked+label img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1)
}

.assessmentTypeCdSelectorContainer {
    margin-bottom: 20px
}

.assessmentTypeCdSelectorContainer .assessmentTypeItem+.assessmentTypeItem
    {
    margin-top: 12px
}

.assessmentTypeCdSelectorContainer .assessmentTypeHeader {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: 1.6px
}

.assessmentTypeCdSelectorContainer .assessmentTypeContent {
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%;
    letter-spacing: 1.4px
}

.assessmentTypeCdSelectorContainer input[type=radio] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    display: none
}

.assessmentTypeCdSelectorContainer label {
    display: flex;
    padding: 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    border-radius: 6px;
    border: 1px solid #d9d9d9;
    background: #fff;
    box-shadow: 0 3px 0 0 #d9d9d9;
    color: #333
}

.assessmentTypeCdSelectorContainer input[type=radio]:checked+label {
    color: #fff;
    font-weight: 400;
    background: #0095e1;
    box-shadow: 0 1px 0 0 #006294;
    border: 1px solid #0095e1
}

.assessmentCheckBoxContainer {
    margin-bottom: 10px
}

.assessmentCheckBoxContainer .assessmentCheckBoxItem+.assessmentCheckBoxItem
    {
    margin-top: 12px
}

.assessmentCheckBoxContainer .assessmentCheckBoxHeader {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: 1.6px
}

.assessmentCheckBoxContainer .assessmentCheckBoxContent {
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%;
    letter-spacing: 1.4px
}

.assessmentCheckBoxContainer input[type=checkbox] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    display: none
}

.assessmentCheckBoxContainer label {
    border-radius: 6px;
    border: 1px solid #d9d9d9;
    background: #fff;
    box-shadow: 0 3px 0 0 #d9d9d9;
    display: flex;
    padding: 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px
}

.assessmentCheckBoxContainer input[type=checkbox]:checked+label {
    color: #fff;
    font-weight: 400;
    background: #0095e1;
    box-shadow: 0 1px 0 0 #006294;
    border: 1px solid #0095e1
}

#exitPreventionPopup {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .8588235294);
    display: none
}

#exitPreventionPopup .exitPreventionPopupOverlay {
    position: fixed;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1
}

#exitPreventionPopup .exitPreventionPopupWrap {
    position: absolute;
    translate: -50% -50%;
    top: 50%;
    left: 50%;
    width: calc(100% - 20px);
    z-index: 2
}

#exitPreventionPopup .exitPreventionPopupWrap .exitPreventionPopupWrap__inner
    {
    background: #fff;
    padding: 25px 20px;
    border: none;
    border-radius: 6px;
    position: relative
}

#exitPreventionPopup .exitPreventionPopupWrap .exitPreventionPopupWrap__inner .popupContentsWrapper
    {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

#exitPreventionPopup .exitPreventionPopupWrap .exitPreventionPopupWrap__inner .popupContentsWrapper .popupTitle
    {
    color: #333;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    letter-spacing: .9px
}

#exitPreventionPopup .exitPreventionPopupWrap .exitPreventionPopupWrap__inner .popupContentsWrapper div.popupStayButtonWrapper
    {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%
}

#exitPreventionPopup .exitPreventionPopupWrap .exitPreventionPopupWrap__inner .popupContentsWrapper div.popupStayButtonWrapper a
    {
    display: flex;
    width: 310px;
    height: 56px;
    padding: 18px 10px;
    justify-content: center;
    align-items: center;
    gap: 7px;
    flex-shrink: 0;
    border-radius: 4px;
    background: #ffa000;
    box-shadow: 0 3px 0 0 #da8800;
    color: #fff;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: .9px;
    margin-top: 25px
}

#exitPreventionPopup .exitPreventionPopupWrap .exitPreventionPopupWrap__inner .popupContentsWrapper div.popupStayButtonWrapper a:after
    {
    content: "";
    position: absolute;
    right: 0px;
    top: 50%;
    translate: -50% -50%;
    width: 17px;
    height: 17px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image:
        url("/images/sell/assessment/kaizen_img/circle_arrow.svg")
}

#exitPreventionPopup .exitPreventionPopupWrap .exitPreventionPopupWrap__inner .popupContentsWrapper div.popupExitButtonWrapper
    {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%
}

#exitPreventionPopup .exitPreventionPopupWrap .exitPreventionPopupWrap__inner .popupContentsWrapper div.popupExitButtonWrapper a
    {
    color: #999;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%;
    letter-spacing: .7px;
    display: flex;
    align-items: center;
    margin-top: 20px
}

#exitPreventionPopup .exitPreventionPopupWrap .exitPreventionPopupWrap__inner .popupContentsWrapper div.popupExitButtonWrapper a:before
    {
    content: " ";
    display: block;
    width: 10px;
    height: 10px;
    background-image:
        url(/images/sell/assessment/kaizen_img/back_arrow.svg);
    background-size: contain;
    background-repeat: no-repeat
}

#exitPreventionPopup .exitPreventionPopupWrap a.exitPreventionPopupWrapXBtn
    {
    background-image:
        url(/images/sell/assessment/kaizen_img/close.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 30px;
    height: 30px;
    position: relative;
    display: flex;
    justify-content: center;
    justify-content: center;
    margin-top: 30px;
    position: absolute;
    transform: translateX(-50%);
    left: 50%
}