.spacing_1{
    height: 7em; /* 112 */
}

.spacing_2{
    height: 3.5em; /* 56 */
}

.spacing_3{
    height: 2.625em; /* 42 */
}

.spacing_4{
    height: 1.875em; /* 30 */
}

.spacing_5{
    height: 0.875em; /* 14 */
}


.noble-black{
    color: var(--noble-black);
}

.noble-black-shade-1{
    color: var(--noble-black-shade-1);
}

.noble-black-shade-2{
    color: var(--noble-black-shade-2);
}

.dark_gray{
    color: var(--noble-black-shade-1);
}

.medium_gray{
    color: var(--noble-black-shade-2);
}

.light_gray{
    color: var(--noble-black-shade-3);
}



.separating_line-1{
    width: 100%;
    height: 1px;
    background: var(--noble-black-shade-1);
}

.separating_line-1-padding{
    width: calc(100% - 40px);
    margin: 0 auto;
    height: 1px;
    background: var(--noble-black-shade-1);
}

.separating_line-2{
    width: 100%;
    height: 1px;
    background: var(--white);
}

.separating_line-2-padding{
    width: calc(100% - 40px);
    margin: 0 auto;
    height: 1px;
    background: var(--white);
}

.separating_line-3{
    width: 100%;
    height: 1px;
    background: var(--noble-black-shade-2);
}

.separating_line-3-padding{
    width: calc(100% - 40px);
    margin: 0 auto;
    height: 1px;
    background: var(--noble-black-shade-2);
}

.small_text{
    font-size: 0.875rem; /* 14 */
}

.margin_right{
    margin-right: auto;
}

.large_text{
    font-size: 1.75rem; /* 28 */
    letter-spacing: -2%;
}

.mega_text{
    font-size: 2.25rem; /* 36 */
    letter-spacing: -3%;
    line-height: 40px;
}

.padding_20{
    width: calc(100% - 40px);
    margin: 0 auto;
}

.padding_40{
    width: calc(100% - 80px);
    margin: 0 auto;
}

.full_padding_20{
    padding: 20px;
    margin: 0 auto;
}

.full_padding_20_40{
    padding: 20px 20px;
    margin: 0 auto;
}


.middle{
  margin: 0 auto;
  text-align: center;
}

.img_padding_20{
    width: calc(100% - 80px);
    aspect-ratio: 1.41/1;
    display: flex;
    justify-content: center;
}


.illustration{
    width: calc(100% - 40px);
    aspect-ratio: 1.41/1;

    background-color: var(--noble-black);
    border-radius: 1.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto; 
}

.qa{
  width: calc(100% - 80px);
  margin: 0 auto;
}

.qa_q{
  margin-right: auto;
}

.arrow{
  margin-left: 20px;
}

.max_width_text{
    max-width: 377px;
}

.flex_right{
    width: calc(100% - 40px);
    margin: 0 auto;
}

.flex_left{
    width: calc(100% - 80px);
    margin: 0 auto;
}

.DisplayPc{
    display: none;
}

@media(min-width:430px){

    .full_padding_20_40{
        padding: 20px 40px;
        margin: 0 auto;
    }
    
}