html{line-height:1.15;-webkit-text-size-adjust:100%}
body{margin:0}
h1{font-size:2em;margin:.67em 0}
hr{box-sizing:content-box;height:0;overflow:visible}
pre{font-family:monospace,monospace;font-size:1em}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
code,kbd,samp{font-family:monospace,monospace;font-size:1em}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}
button,input{overflow:visible}
button,select{text-transform:none}
button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{padding:.35em .75em .625em}
legend{box-sizing:border-box;display:table;max-width:100%;padding:0;white-space:normal}
progress{vertical-align:baseline}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}
[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}
[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
details{display:block}
summary{display:list-item}
*,*::before,*::after{box-sizing:border-box}

:root {
    --color-orange: 255 148 0;			/* #FF9400 */
    --color-blue-100: 187 222 251;      /* #BBDEFB */
    --color-blue-300: 100 181 246;      /* #64B5F6 */
    --color-blue-600: 30 136 229;       /* #1E88E5 */
    --color-blue-800: 21 101 192;       /* #1565C0 */
    --color-black-50: 251 250 255;      /* #FBFAFF */
    --color-black-200: 241 241 245;     /* #F1F1F5 */
    --color-black-300: 228 229 233;     /* #E4E5E9 */
    --color-black-500: 163 164 168;     /* #A3A4A8 */
    --color-black-700: 101 102 106;     /* #65666A */
    --color-black-900: 37 37 40;        /* #252528 */
    --color-white: 255 255 255;         /* #FFFFFF */
    --color-black: 0 0 0;               /* #000000 */

    --color-main: var(--color-blue-800);
    --color-accent: var(--color-orange);
    --color-title: var(--color-black-900);
    --color-text: var(--color-black-700);
    --color-bg: var(--color-white);

    --font-main: 'Roboto', sans-serif;
}

::placeholder {
    color: rgb(var(--color-text));
}

html {
    font-size: 62.5%;
}

body {
    font-family: var(--font-main);
    color: rgb(var(--color-text));
    background: rgb(var(--color-bg));
    font-size: 1.6rem;
}

#page {
    position: relative;
    overflow: hidden;
    background: url(../img/bg.svg) repeat top 2rem left 2rem / 2.4rem 2.4rem;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.hidden {
    display: none !important;
}

.wrap {
    width: 1110px;
    margin: 0 auto;
}

a,
button {
    transition: .3s;
}

.btn {
    display: inline-block;
    padding: 1.2rem 2.4rem;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2.4rem;
    text-decoration: none;
    background: rgb(var(--color-main));
    box-shadow: 0 .4rem .8rem .3rem rgb(var(--color-black) / .15);
    border-radius: 4.8rem;
    color: rgb(var(--color-white));
    border: none;
    cursor: pointer;
    text-align: center;
}

.btn--white {
    background: rgb(var(--color-white));
    color: rgb(var(--color-main));
}

.btn:hover {
    box-shadow: none;
}

.bg-white {
    background: rgb(var(--color-white));
}

.bg-light {
    background: rgb(var(--color-black-50));
}

.bg-main {
    background: rgb(var(--color-main));
    color: rgb(var(--color-white));
}

.bg-main .section-header__title {
    color: rgb(var(--color-white));
}

.main {
    padding: 11rem 0 6.4rem;
    position: relative;
    z-index: 2;
}

.main__inner {
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    flex-wrap: wrap;
}

.main__img {
    width: 60rem;
    max-width: calc(100% - 51rem);
}

.main__info {
    width: 48.6rem;
    max-width: 100%;
    margin-right: 2.4rem;
}

.main__title {
    font-size: 3.6rem;
    line-height: 1;
    margin: 0;
    color: rgb(var(--color-title));
}

.main__title--main {
    font-size: 4.8rem;
    line-height: 1.125;
    color: rgb(var(--color-main));
    display: block;
    margin-bottom: .4rem;
}

.main__title--color {
    color: rgb(var(--color-accent));
}

.main__form {
    margin-top: 2.4rem;
    max-width: 32rem;
}

.main__form-btn {
    width: 100%;
    display: block;
}

.main__form-ps {
    margin: 2px 0 0;
    text-align: center;
    font-size: 1.2rem;
    line-height: 1.6rem;
    color: rgb(var(--color-black-500));
}

.main__form-free {
    font-size: 3rem;
    line-height: 1;
    color: #C8E6C9;
    font-weight: 700;
    margin: 2.4rem 0 0;
    position: relative;
    width: fit-content;
}

.main__form-free::after {
    content: '';
    background: url("data:image/svg+xml,%3Csvg viewBox='0 0 64 41' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M59.9519 0.606564C61.1974 5.55704 62.5397 10.5368 63.3826 15.5834C63.4117 15.7073 63.394 15.8381 63.3334 15.9485C63.2728 16.0589 63.1739 16.1404 63.0573 16.176C62.9407 16.2116 62.8154 16.1986 62.7076 16.1396C62.5999 16.0806 62.5179 15.9802 62.4789 15.8594C61.4274 12.6003 60.5732 9.26194 59.7476 5.92085C57.5892 18.2491 50.2172 29.3732 39.5958 35.3245C27.5098 42.0982 12.1022 41.6048 0.622857 33.663C0.554336 33.6179 0.505002 33.5468 0.485098 33.4645C0.465193 33.3822 0.476254 33.2951 0.515997 33.2212C0.555736 33.1474 0.621085 33.0925 0.698455 33.068C0.775821 33.0435 0.859245 33.0512 0.93138 33.0897C12.536 39.7584 27.0511 40.7006 38.8498 34.0301C44.2744 30.8993 48.9048 26.4502 52.3542 21.0545C55.8037 15.6587 57.972 9.47295 58.6782 3.01384C58.6967 2.82532 58.7776 2.64968 58.9068 2.5175L58.8441 2.26497C55.8398 5.16633 52.6126 7.80254 49.1951 10.1468C48.4011 10.6914 47.6431 9.36703 48.4333 8.82715C52.1007 6.31326 55.5426 3.45452 58.7164 0.286175C58.8068 0.191151 58.919 0.122272 59.0422 0.0862172C59.1655 0.0501622 59.2955 0.0481523 59.4198 0.0803837C59.5441 0.112611 59.6584 0.17799 59.7516 0.270177C59.8448 0.362365 59.9138 0.478237 59.9519 0.606564Z' fill='%234CAF50'/%3E%3C/svg%3E") no-repeat center;
    width: 64px;
    height: 41px;
    position: absolute;
    top: -13px;
    left: calc(100% + 14px);
}

.main-decoration {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
}

.main-decoration__item {
    position: absolute;
}

.main-decoration__item:nth-child(1) {
    top: -49rem;
    left: -14rem;
    transform: rotate(60deg);
    background: rgb(var(--color-black-50));
    width: 60rem;
    height: 60rem;
    border-radius: 6.4rem;
}

.main-decoration__item:nth-child(2) {
    top: 30.2rem;
    left: -55rem;
    transform: rotate(60deg);
    background: rgb(var(--color-blue-300));
    width: 60rem;
    height: 60rem;
    border-radius: 6.4rem;
}

.main-decoration__item:nth-child(3) {
    top: -44.4rem;
    right: -14.3rem;
    transform: rotate(60deg);
    background: rgb(var(--color-black-50));
    width: 80rem;
    height: 80rem;
    border-radius: 6.4rem;
}

.main-decoration__item:nth-child(4) {
    top: -5.5rem;
    right: -22.8rem;
    transform: rotate(40deg);
    background: rgb(var(--color-blue-600));
    width: 40rem;
    height: 40rem;
    border-radius: 6.4rem;
}

.main-decoration__item:nth-child(5) {
    top: 21.2rem;
    right: -9rem;
    transform: rotate(20deg);
    background: rgb(var(--color-blue-800));
    width: 20rem;
    height: 20rem;
    border-radius: 3.2rem;
}

.section-edge {
    padding: 7.1rem 0 6rem;
    position: relative;
    z-index: 2;
}

.section-header {
    text-align: center;
    margin-bottom: 4.8rem;
}

.section-header--left {
    text-align: left;
}

.section-header__title {
    font-size: 3.2rem;
    line-height: 1;
    font-weight: 700;
    color: rgb(var(--color-main));
    margin: 0;
}

.section-edge__header {
    max-width: 80rem;
    margin-left: auto;
    margin-right: auto;
}

.edge-list {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
    margin: 0 -1.5rem -3rem;
}

.edge-list > * {
    margin: 0 1.5rem 3rem;
    width: calc(33.33333% - 3rem);
}

.edge {
    background: rgb(var(--color-white));
    border-radius: .8rem;
    box-shadow: 0 .4rem .8rem .3rem rgb(var(--color-black) / .15);
    padding: 1.6rem;
}

.edge__icon {
    height: 8rem;
    display: block;
    margin-bottom: .8rem;
}

.edge__title {
    font-size: 2rem;
    line-height: 1.2;
    font-weight: 600;
    color: rgb(var(--color-title));
}

.edge__description {
    margin: .8rem 0 0;
    line-height: 1.5;
}

.edge__description b {
    color: rgb(var(--color-blue-600));
    font-weight: 600;
}

.edge__description i {
    font-style: italic;
    color: rgb(var(--color-black-500));
}

.section {
    padding: 12rem 0;
}

.detail-container {
    position: relative;
}

.detail-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: -6.4rem;
    position: relative;
    z-index: 2;
}

.detail-list > * {
    width: calc(50% - 2.4rem);
    margin-bottom: 6.4rem;
}

.detail {
    display: flex;
    align-items: center;
}

.detail__img {
    width: 20rem;
    height: 20rem;
}

.detail__info {
    margin-left: 2.4rem;
    width: calc(100% - 22.4rem);
}

.detail__title {
    font-size: 2.4rem;
    line-height: 1;
    color: rgb(var(--color-title));
    margin: 0;
}

.detail__description {
    line-height: 1.5;
    margin: .8rem 0 0;
}

.detail:nth-child(2n) {
    flex-direction: row-reverse;
    text-align: right;
}

.detail:nth-child(2n) .detail__info {
    margin-left: 0;
    margin-right: 2.4rem;
}

.detail-logo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 6.4rem);
    font-size: 4.8rem;
    line-height: 1;
    font-weight: 700;
    color: rgb(var(--color-main));
    display: flex;
    align-items: center;
    justify-content: center;
}

.detail-logo span {
    color: rgb(var(--color-accent));
}

.detail-logo::after {
    content: '';
    position: absolute;
    top: .4rem;
    left: .4rem;
    right: .4rem;
    bottom: .4rem;
    background: url("data:image/svg+xml,%3Csvg viewBox='0 0 456 456' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='455' height='455' rx='227.5' stroke='%231565C0' stroke-linecap='round' stroke-dasharray='16 16'/%3E%3C/svg%3E") no-repeat center;
}

.about {
    display: flex;
    align-items: center;
}

.about__img {
    width: 40rem;
    max-width: 100%;
    border-radius: .8rem;
}

.about__info {
    margin-left: 4.8rem;
    width: calc(100% - 40rem - 4.8rem);
}

.about__title {
    font-size: 3.2rem;
    line-height: 1;
    font-weight: 700;
    color: rgb(var(--color-main));
    margin: 0 0 3.2rem;
}

.about__description {
    margin-bottom: 3.2rem;
    line-height: 1.5;
}

.about__description > * {
    margin: 0 0 1.6rem;
}

.about__description > *:last-child {
    margin-bottom: 0;
}

.about__description b {
    font-size: 2rem;
    line-height: 1.2;
    color: rgb(var(--color-title));
    display: block;
}

.step-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 -1.2rem -4.8rem;
}

.step-list > * {
    margin: 0 1.2rem 4.8rem;
    width: calc(33.33333% - 2.4rem);
}

.step {
    text-align: center;
    background: rgb(var(--color-bg));
    border-radius: .8rem;
    padding: 2.4rem;
}

.step__number {
    font-size: 6.4rem;
    line-height: 1;
    color: rgb(var(--color-blue-100));
    font-weight: 900;
}

.step__title {
    font-size: 2.4rem;
    line-height: 1;
    font-weight: 700;
    color: rgb(var(--color-title));
}

.step__list {
    padding: 0;
    margin: 0;
    list-style: none;
    line-height: 1.5;
}

.step__list-item {}

.step__list-item:not(:last-child) {
    margin-bottom: 1.4rem;
}

.step__list-item:not(:last-child)::after {
    content: '';
    width: 1.6rem;
    height: 1.6rem;
    background: url("data:image/svg+xml,%3Csvg viewBox='0 0 17 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.5 1C8.77614 1 9 1.22386 9 1.5V13.2929L12.1464 10.1464C12.3417 9.95118 12.6583 9.95118 12.8536 10.1464C13.0488 10.3417 13.0488 10.6583 12.8536 10.8536L8.85355 14.8536C8.65829 15.0488 8.34171 15.0488 8.14645 14.8536L4.14645 10.8536C3.95118 10.6583 3.95118 10.3417 4.14645 10.1464C4.34171 9.95118 4.65829 9.95118 4.85355 10.1464L8 13.2929V1.5C8 1.22386 8.22386 1 8.5 1Z' fill='%235D5E61'/%3E%3C/svg%3E") no-repeat center;
    display: block;
    margin: 1.4rem auto 0;
}

.step > *:not(:last-child) {
    margin-bottom: 1.4rem;
}

.notice {
    display: flex;
    align-items: center;
    padding: 2.4rem 8rem;
    background: linear-gradient(105.98deg, #FFC700 14.62%, #FFAF37 79.16%);
    box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15);
    border-radius: 1.6rem;
    color: rgb(var(--color-white));
}

.notice__info {
    width: 72rem;
    flex-shrink: 1;
}

.notice__info > *:not(:last-child) {
    margin-bottom: .8rem;
}

.notice__title {
    font-size: 3.2rem;
    line-height: 1;
    font-weight: 700;
    margin: 0;
}

.notice__title span {
    color: #EF4434;
}

.notice__description {
    line-height: 2.4rem;
    font-weight: 600;
    margin: 0;
}

.notice__btn {
    color: #EF4434;
}

.notice__img {
    flex-shrink: 0;
    margin-left: 2.4rem;
}

.section-lead {
    position: relative;
    padding: 0;
}

.section-lead::before {
    content: '';
    position: absolute;
    top: -9.5rem;
    left: 0;
    background: url(../img/cubes.svg) no-repeat center;
    width: 27.9rem;
    height: 35.4rem;
}

.section-lead__inner {
    position: relative;
    overflow: hidden;
    padding: 12rem 0;
}

.section-lead__inner::after {
    content: '';
    position: absolute;
    top: 3rem;
    right: -85rem;
    background: url(../img/bg.svg) repeat top 2rem left 2rem / 2.4rem 2.4rem;
    width: 150rem;
    height: 95.4rem;
    transform: rotate(-60deg);
    transform-origin: center;
}

.section-lead__header {
    margin-bottom: 2.4rem;
}

.section-lead__header .section-header__title {
    font-size: 3.6rem;
}

.text {
    line-height: 1.5;
}

.text > * {
    margin: 0 0 2.4rem;
}

.text h3 {
    font-size: 3.2rem;
    line-height: 1;
    color: rgb(var(--color-blue-100));
    margin: 0 0 2.4rem;
}

.footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: rgb(var(--color-black-900));
    padding: 2.4rem;
}

.footer__left {
    display: flex;
    align-items: center;
}

.footer__logo {
    font-size: 2.8rem;
    line-height: 1;
    color: rgb(var(--color-main));
    text-decoration: none;
    font-weight: 700;
}

.footer__logo span {
    color: #FF9400;
}

.footer__list {
    margin: 0 0 0 2.4rem;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
}

.footer__list-item:not(:first-child) {
    border-left: 1px solid rgb(var(--color-black-500));
    padding-left: 2.4rem;
    margin-left: 2.4rem;
}

.footer__list-link,
.footer__list-item {
    font-size: 1.2rem;
    line-height: 1.6rem;
    color: rgb(var(--color-black-500));
    text-decoration: none;
}

.footer__list-link:hover {
    color: rgb(var(--color-white));
}

.social {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
}

.social__item:not(:last-child) {
    margin-right: 2.4rem;
}

.social__btn {
    display: flex;
    align-items: center;
    padding: 1.2rem 2.4rem;
    background: rgb(var(--color-white) / .3);
    box-shadow: 0 4px 8px 3px rgb(0 0 0 / .15);
    border-radius: .8rem;
    color: rgb(var(--color-white));
    text-decoration: none;
    line-height: 2.4rem;
    font-weight: 500;
}

.social__btn:hover {
    background: rgb(var(--color-white) / .1);
}

.social__btn-text {
    margin-left: .8rem;
}

.modal {
    display: none;
    width: 36rem;
    padding: 4rem;
    text-align: center;
}

.modal__close {
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    width: 1.5rem;
    height: 1.5rem;
    border: none;
    padding: 0;
    cursor: pointer;
    background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 21L12 12M12 12L3 3M12 12L21.0001 3M12 12L3 21.0001' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / 24px 24px;
    opacity: .3;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.modal__close:hover {
    opacity: 1;
}

.modal__title {
    font-size: 2.6rem;
    font-weight: 700;
    color: #202020;
}

.modal__form {
    margin-top: 1.6rem;
}

.modal__input {
    width: 100%;
    border-radius: 10rem;
    border: 1px solid rgb(var(--color-black-200));
    background: rgb(var(--color-black-50));
    text-align: center;
    padding: 1.6rem;
    line-height: 13px;
    height: 4.8rem;
    margin-bottom: 1.6rem;
}

.modal__input.error {
    border-color: #FF1700;
}

.modal__btn {
    width: 100%;
}

@media screen and (max-width: 1600px) {
    .section-lead::before {
        left: -18rem;
    }
    
    .section-lead__inner::after {
        right: -105rem;
    }
}

@media screen and (max-width: 1240px) {
    .wrap {
        padding: 0 15px;
        width: auto;
    }
    
    .main-decoration__item:nth-child(1) {
        left: -25rem;
    }
    
    .main-decoration__item:nth-child(2) {
        left: -62rem;
    }
    
    .main-decoration__item:nth-child(3) {
        right: -44rem;
    }
    
    .main-decoration__item:nth-child(4) {
        right: -32rem;
    }
    
    .main-decoration__item:nth-child(5) {
        right: -13rem;
    }
    
    .social__btn-text {
        display: none;
    }
    
    .social__btn {
        padding: 1.2rem;
    }
}

@media screen and (max-width: 1024px) {
    .main__img {
        display: none;
    }
    
    .main__info {
        margin: 0 auto;
        text-align: center;
    }
    
    .main__form {
        margin-left: auto;
        margin-right: auto;
    }
    
    .detail-list {
        margin: 0 -1.2rem -3.2rem;
        align-items: flex-start;
    }
    
    .detail-list > * {
        margin: 0 1.2rem 3.2rem;
        width: calc(50% - 2.4rem);
    }
    
    .detail__img {
        width: 12rem;
        height: 12rem;
    }
    
    .detail__info {
        margin-left: 1.2rem;
        width: calc(100% - 12rem - 1.2rem);
    }
    
    .detail__title {
        font-size: 2.1rem;
    }
    
    .detail__description {
        font-size: 1.4rem;
        line-height: 2.1rem;
    }
    
    .notice {
        padding: 1.6rem 2.4rem;
    }
    
    .section {
        padding: 8rem 0;
    }
    
    .detail-logo {
        display: none;
    }
    
    .detail:nth-child(2n) {
        flex-direction: row;
        text-align: left;
    }
    
    .detail:nth-child(2n) .detail__info {
        margin-right: 0;
        margin-left: 1.2rem;
    }
    
    .edge__title {
        font-size: 1.8rem;
    }
    
    .edge__description {
        font-size: 1.4rem;
    }
    
    .edge-list {
        margin: 0 -1.2rem -2.4rem;
    }
    
    .edge-list > * {
        margin: 0 1.2rem 2.4rem;
        width: calc(33.33333% - 2.4rem);
    }
    
    .about__img {
        width: 24rem;
    }
    
    .about__info {
        margin-left: 2.4rem;
        width: calc(100% - 24rem - 2.4rem);
    }
    
    .about__title {
        margin-bottom: 2.4rem;
    }
    
    .about__description {
        margin-bottom: 2.4rem;
        font-size: 1.4rem;
    }
    
    .about__description > * {
        margin-bottom: 1.2rem;
    }
    
    .step__number {
        font-size: 4.8rem;
    }
    
    .step__title {
        font-size: 2.1rem;
    }
    
    .step__list {
        font-size: 1.4rem;
    }
    
    .step__list-item:not(:last-child) {
        margin-bottom: .8rem;
    }
    
    .step__list-item:not(:last-child)::after {
        margin-top: .8rem;
    }
    
    .notice__title {
        font-size: 2.8rem;
    }
    
    .section-lead__inner {
        padding: 0;
    }
    
    .footer {
        flex-direction: column;
    }
    
    .footer__left {
        flex-direction: column;
        margin-bottom: 1.6rem;
    }
    
    .footer__list {
        margin: 1.6rem 0 0;
    }
    
    .section-lead__inner::after {
        display: none;
    }
    
    .text > *:last-child {
        margin-bottom: 0;
    }
}

@media screen and (max-width: 768px) {
    .edge-list > * {
        width: 100%;
        margin: 0 0 2.4rem;
    }
    
    .edge-list {
        align-items: stretch;
        margin: 0 auto -2.4rem;
        max-width: 460px;
    }
    
    .edge {
        display: flex;
        align-items: center;
    }
    
    .edge__info {
        margin-left: 2rem;
        width: calc(100% - 8rem - 2rem);
    }

    .detail-list {
        display: block;
        margin: 0 0 -3.2rem;
    }
    
    .detail-list > * {
        width: 100%;
        margin: 0 0 3.2rem;
    }

    .about {
        display: block;
    }
    
    .about__img {
        width: 30rem;
        margin: 0 auto 2.4rem;
        display: block;
    }
    
    .about__info {
        margin: 0;
        width: 100%;
    }
    
    .step-list > * {
        width: calc(50% - 2.4rem);
    }
    
    .notice__img {
        display: none;
    }
    
    .notice {
        text-align: center;
    }
    
    .notice__info > *:not(:last-child) {
        margin-bottom: 1.2rem;
    }
    
    .footer__list {
        flex-direction: column;
    }
    
    .footer__list-item:not(:first-child) {
        border: none;
        padding: 0;
        margin: .8rem 0 0;
    }
}

@media screen and (max-width: 480px) {
    .main__title {
        font-size: 2.8rem;
        line-height: 3.2rem;
    }
    
    .main__title--main {
        font-size: 4rem;
    }
    
    .main-decoration__item:nth-child(4) {
        right: -37rem;
    }
    
    .main-decoration__item:nth-child(5) {
        right: -16rem;
    }
    
    .section {
        padding: 4rem 0;
    }
    
    .section-header__title {
        font-size: 2.8rem;
        line-height: 3.2rem;
    }
    
    .detail__img {
        width: 8rem;
    }
    
    .detail__info {
        width: calc(100% - 8rem - 1.2rem);
    }
    
    .step-list > * {
        width: calc(100% - 2.4rem);
        margin-bottom: 3.6rem;
    }
    
    .step-list {
        margin-bottom: -3.6rem;
    }
    
    .text {
        font-size: 1.4rem;
    }
    
    .section-lead__header .section-header__title {
        font-size: 2.8rem;
    }
    
    .text h3 {
        font-size: 2.4rem;
        margin: 0 0 1.6rem;
    }
    
    .text > * {
        margin-bottom: 1.6rem;
    }
}