@charset 'utf-8';

/*------------------------------------------------
form-top
------------------------------------------------*/

.form-top {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 250px;
    background-color: #ddd;
}
.form-top__ttl {
    font-weight: bold;
    font-size: 30px;
}

/*------------------------------------------------
form-contact
------------------------------------------------*/

.form-contact {
    padding: 70px 0 100px;
}
.form-contact__in {
    width: 1000px;
    margin-right: auto;
    margin-left: auto;
}

/*------------------------------------------------
form-lead
------------------------------------------------*/

.form-lead {
    margin-bottom: 30px;
    text-align: center;
}
.form-lead__tel {
    margin-left: 5px;
    font-size: 16px;
    font-weight: bold;
    color: #2394ef;
}

/*------------------------------------------------
form-stepbar
------------------------------------------------*/

.form-stepbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    width: 600px;
    height: 40px;
    overflow: hidden;
    margin: 0 auto;
}
.form-stepbar__item {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: calc(100% / 3);
    height: 40px;
    background-color: #f2f2f2;
    font-weight: bold;
    letter-spacing: 0.1em;
    line-height: 1;
}
.form-stepbar__item::before,
.form-stepbar__item::after {
    position: absolute;
    top: -10px;
    right: 0;
    z-index: 1;
    display: block;
    width: 0;
    height: 0;
    border-top: transparent solid 30px;
    border-bottom: transparent solid 30px;
    content: "";
}
.form-stepbar__item::before {
    right: -29px;
    border-left: 29px solid #fff;
}
.form-stepbar__item::after {
    right: -20px;
    border-left: 29px solid #f2f2f2;
}
.form-stepbar__item.current {
    background-color: #00176f;
    color: #fff;
}
.form-stepbar__item.current::after {
    border-left: 29px solid #00176f;
}
.form-stepbar__item:last-child::after {
    content: none;
}
.form-stepbar__item:nth-of-type(2) {
    padding-left: 30px;
}

/*------------------------------------------------
form-form
------------------------------------------------*/

.form-form {
    width: 100%;
    margin: 60px auto 0;
}

/*------------ form-form__block ------------*/

.form-form__block {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: center;
    border-top: 1px solid #ddd;
}
.form-form__block:last-child {
    border-bottom: 1px solid #ddd;
}

/*------------ form-form__ttl ------------*/

.form-form__ttl {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    width: 300px;
    padding: 20px 30px;
    min-height: 65px;
    background-color: #f5f5f5;
    font-size: 14px;
    line-height: 2;
}
.form-form__ttl-commnet {
    font-size: 11px;
    color: #ff3035;
    line-height: 1.3;
}
.form-form__ttl em {
    position: relative;
    display: block;
    width: 100%;
    font-weight: bold;
}

/* ?K?{ form-require ------------*/

.form-require em::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 20px;
    margin: auto;
    background-color: #ff3035;
    font-size: 11px;
    color: #fff;
    content: "\5FC5\9808";
    letter-spacing: 0.1em;
    line-height: 1;
}

/*------------ form__item ------------*/

.form-form__item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    width: 700px;
    padding: 15px 30px;
}

/*------------ form-form__block law ------------*/

.form-form__block-law {
    display: flex;
    align-items: stretch;
    border: 1px solid #ddd;
    border-left: none;
    border-right: none;
    margin-bottom: 20px;
    background-color: #fff;
}
.form-form__block-law + .form-form__block {
    border-top: 1px solid #ddd;
}
.form-law-main-ttl {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 120px;
    padding: 20px 10px;
    background-color: #f5f5f5;
    font-weight: bold;
    letter-spacing: 0.2em;
    writing-mode: vertical-rl;
    text-orientation: upright;
    border-right: 1px solid #ddd;
}
.form-law-main-content {
    width: calc(100% - 120px);
    background-color: #fff;
}
.form-law-row {
    display: flex;
}
.form-law-row + .form-law-row {
    border-top: 1px solid #ddd;
}
.form-law-row__ttl {
    width: 300px;
}
.form-law-row__item {
    width: calc(100% - 300px);
    background-color: #fff;
}

.form-period {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    align-items: center;
}
.form-period__part {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}
.form-period__text {
    margin: 0 5px;
}
.form-period__select {
    min-width: 70px;
    padding: 8px 10px;
    text-align: center;
    margin: 0 5px;
}

/* error ------------*/

.form-top-error {
    margin: -20px 0 30px;
    font-weight: bold;
    color: #ff3035;
    text-align: center;
}
.form-error-comment {
    width: 100%;
    margin-top: 5px;
    font-size: 14px;
    color: #ff3035;
    line-height: 1;
}

/* input ------------*/

.form-form__input {
    width: 70%;
    padding: 12px 15px;
    background-color: #f5f5f3 !important;
}
.form-form__input--exmin {
    width: 30%;
    padding: 2px 10px;
}
.form-form__input--min {
    width: 50%;
}
.form-form__input--long {
    width: 100%;
}

/* textarea ------------*/

.form-textarea {
    width: 100%;
    height: 250px;
    padding: 12px 15px;
    background-color: #f5f5f3 !important;
}

/* checkbox / radio ------------*/

.form-form__item-chk {
    margin-right: 15px;
    margin-bottom: 5px;
    line-height: 1.7;
}
.form-form__input--other {
    width: 200px;
    padding: 8px 15px;
}

/* ?R?????g form-form__item-commnet ------------*/

.form-form__item-commnet {
    display: block;
    width: 100%;
    margin-top: 5px;
    font-size: 12px;
    line-height: 1;
}

/* ?Z?? form-form__address ------------*/

.form-form__address-item {
    width: 100%;
}
.form-form__address-item--sbs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
}
.form-form__input-postal-txt {
    margin-left: 10px;
    font-size: 12px;
}
.form-form__input-postal {
    width: 250px;
}
.form-form__address-item:not(:last-child) {
    margin-bottom: 13px;
}

/*------------ form-policy ------------*/

.form-policy {
    margin-top: 40px;
    text-align: center;
}
.form-policy__link {
    color: #2394ef;
    text-decoration: underline;
}
.form-policy-p{
    width: 90%;
    margin: 0 auto;
}

/*------------ form-button-area ------------*/

.form-button-area {
    margin: 35px auto 0;
}

.form-button-area .linkbtn,
.form-button-area .linkbtn__box {
    width: 320px;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    cursor: pointer;
}

/* ?^?[?Q?b?g?D?? */
.target-select{
    background-color: #f5f5f3;
    width: 20%;
}
.priority-indicator{
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: nowrap;
}
.priority-indicator__label{
    font-size: inherit;
    color: #555;
}
.priority-indicator__label--high{
    color: #b30000;
}
.priority-indicator__label--low{
    color: #005389;
}

/* ?A?R?[?f?B?I?? */
.form-form__item-acc{
    font-weight: bold;
    margin: 28px 0 12px;
}

.form-form__item-items > div{
    margin-bottom: 10px;
}
.form-form__item-items > .form-usage-group{
    margin-bottom: 15px;
}

.form-usage-group{
    margin-bottom: 15px;
    line-height: 1.8;
}
.form-usage-group + .form-usage-group{
    margin-top: 5px;
}
.form-usage-group > .form-form__item-chk{
    margin-right: 15px;
    font-weight: bold;
}
.form-usage-sub{
    margin-left: 25px;
    display: flex;
    flex-wrap: wrap;
    gap: 5px 20px;
}
.form-usage-sub .form-form__item-chk{
    line-height: 1.3;
    margin-bottom: 0;
}
.form-pi-type-label{
    margin-right: 0;
    width: auto;
}
.form-pi-type-label--slash{
    margin-right: 0;
}
.form-pi-type-label + .form-pi-type-label{
    margin-left: -14px;
}

.form-property-row{
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 15px;
}
.form-property-row__label{
    width: 150px;
}
.form-property-row__label--align{
    display: flex;
    align-items: center;
    padding-top: 0;
}
.form-property-row__label--align .form-form__item-chk{
    margin-right: 8px;
}
.form-property-row__body{
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 15px;
}
.form-property-row__body--column{
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}
.form-property-row__group{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}
.form-property-row__group-label{
    font-weight: bold;
}
.form-property-subrow{
    display: flex;
    flex-wrap: nowrap;
    gap: 12px;
    width: 100%;
}
.form-property-subrow__label{
    min-width: 80px;
    font-weight: normal;
}
.form-property-subrow__body{
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px 12px;
}
.form-targeting-block{
    margin-bottom: 15px;
    width: 100%;
    display: block;
}
.form-targeting-title{
    font-weight: bold;
    margin-bottom: 6px;
}
.form-targeting-text,
.form-targeting-row{
    line-height: 1.6;
    margin-bottom: 4px;
}
.form-targeting-list{
    list-style: none;
    margin: 0 0 6px;
    padding: 0;
}
.form-targeting-list li{
    line-height: 1.6;
    margin-bottom: 4px;
}
.form-targeting-subtitle{
    font-style: italic;
    margin: 6px 0 2px;
}
.form-targeting-error{
    color: #d00;
    margin-bottom: 10px;
}
.form-property-subrow__body .form-form__item-chk{
    line-height: 1.3;
    margin-bottom: 0;
}
.priority-indicator{
    flex-wrap: wrap;
    gap: 5px;
}
.priority-indicator__label{
    font-size: inherit;
}

/* ?g?O???{?^?? */
.form-acc{
    position: relative;
    cursor: pointer;
    padding-top: 50px;
}

.form-acc-toggle{
    position: absolute;
    top: 20px;
    right: 25px;
    font-weight: bold;
    letter-spacing: 0.1em;
    color: #0a2870;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    transition: opacity .2s linear;
}
.form-acc-toggle::after{
    content: "+";
    font-size: 18px;
    line-height: 1;
    transition: transform .3s ease;
}
.form-acc-toggle.form-acc-toggle--close::after{
    content: "-";
    font-size: 22px;
}
.form-acc-toggle--close{
    opacity: 0;
}

.form-acc-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s ease;
}
.form-acc-content > div{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
}
.form-acc-content > div:last-child{
    margin-bottom: 0;
}

.form-acc.is-open .form-acc-toggle--close{
    opacity: 1;
}
.form-acc.is-open .form-acc-toggle--open{
    opacity: 0;
}

/*------------------------------------------------
?m?F?y?[?W
------------------------------------------------*/

.form-form--edit {
    margin: 45px auto 0;
}
.form-leadc-onfirmation {
    margin: 35px 0 0;
}
.form-button-area--edit {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	row-gap: 20px;
	margin-top: 45px;
}
.form-button-area--edit .linkbtn,
.form-button-area--edit .linkbtn__box {
    margin: 0;
    width: 320px;
    max-width: 100%;
}
.form-button-area--edit .linkbtn--edit {
    width: 180px;
    height: 45px;
    margin-right: 30px;
    background-color: #333;
    color: #fff;
    padding: 0;
}
.form-button-area--edit .linkbtn--edit::after {
    width: 10px;
    height: 10px;
    background: none;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
}

/*------------------------------------------------
?T???N?X?y?[?W
------------------------------------------------*/

.form-thanks {
    margin: 40px 0;
    text-align: center;
}
.form-thanks__ttl {
    font-weight: bold;
    font-size: 20px;
}
.form-thanks__txt {
    margin-top: 20px;
}
.form-thanks__txt .tel_link {
    font-weight: bold;
    color: #2394ef;
}
.form-button-area--close {
    position: relative;
    margin-top: 60px;
}

/*------------ form-btn--close ------------*/

.form-btn--close {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 240px;
    height: 50px;
    margin-right: auto;
    margin-left: auto;
    border: 1px solid #002e72;
    font-size: 16px;
    color: #002e73;
    transition: color 0.3s, background-color 0.3s;
}
.form-btn--close-arw {
    position: absolute;
    top: 0;
    right: 20px;
    bottom: 0;
    width: 19px;
    height: 2px;
    margin: auto;
    background-color: #002e72;
    transition: transform 0.3s, background-color 0.3s;
    transform: rotate(45deg);
}
.form-btn--close-arw::before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 19px;
    height: 2px;
    background-color: #002e72;
    content: "";
    transition: transform 0.3s, background-color 0.3s;
    transform: rotate(90deg);
}
/* pc-only ------------*/
@media screen and (min-width: 768px) {
    .form-btn--close:hover {
        background-color: #002e72;
        color: #fff;
    }
    .form-btn--close:hover .form-btn--close-arw,
    .form-btn--close:hover .form-btn--close-arw::before {
        background: #fff;
    }
}
/* /pc-only -----------*/

@media screen and (max-width: 767px) {
    /* ---------------------------------------------------------------- SP ---- */

    /*------------------------------------------------
  form-top
  ------------------------------------------------*/

    .form-top {
        height: 120px;
    }
    .form-top__ttl {
        font-size: 18px;
    }

    /*------------------------------------------------
  form-contact
  ------------------------------------------------*/

    .form-contact {
        overflow: hidden;
        padding: 30px 0 60px;
    }
    .form-contact__in {
        width: 100%;
        padding: 0 15px;
        box-sizing: border-box;
    }

    /*------------------------------------------------
  form-lead
  ------------------------------------------------*/

    .form-lead {
        padding: 0 15px;
        margin-bottom: 20px;
        text-align: left;
    }
    .form-lead__tel {
        margin-left: 5px;
        font-size: 14px;
    }

    /*------------------------------------------------
  form-stepbar
  ------------------------------------------------*/

    .form-stepbar {
        width: calc(100% - 30px);
        margin-bottom: 20px;
    }
    .form-stepbar__item {
        font-size: 13px;
    }
    .form-stepbar__item::before,
    .form-stepbar__item::after {
        position: absolute;
        top: -7.5px;
        right: 0;
        z-index: 1;
        border-top: transparent solid 27.5px;
        border-bottom: transparent solid 27.5px;
    }
    .form-stepbar__item::before {
        right: -14px;
        border-left: 14px solid #fff;
    }
    .form-stepbar__item::after {
        right: -10px;
        border-left-width: 14px;
    }
    .form-stepbar__item.current::after {
        border-left-width: 14px;
    }
    .form-stepbar__item:nth-of-type(2) {
        padding-left: 15px;
    }

    /*------------------------------------------------
  form-form
  ------------------------------------------------*/

    .form-form {
        margin: 50px auto 0;
    }

    /*------------ form-form__block ------------*/

    .form-form__block {
        width: 100%;
        border-top: 1px solid #ddd;
    }
    .form-form__block:last-child {
        border-bottom: 1px solid #ddd;
    }

    /*------------ form-form__ttl ------------*/

    .form-form__ttl {
        display: block;
        width: 100%;
        padding: 10px 70px 10px 15px;
        min-height: 40px;
        font-size: 13px;
        line-height: 1.5;
    }
    .form-form__ttl-commnet {
        font-size: 11px;
    }
    .form-form__ttl em {
        position: initial;
    }

    /* ?K?{ form-require ------------*/

    .form-require em::after {
        right: 15px;
    }

    /*------------ form__item ------------*/

    .form-form__item {
        display: block;
        width: 100%;
        padding: 18px 15px 15px;
    }

    .form-form__block-law {
        display: block;
        border: 1px solid #ddd;
        border-left: none;
        border-right: none;
        margin: 0 0 25px;
        background-color: #fff;
    }
    .form-law-main-ttl {
        width: 100%;
        padding: 10px 15px;
        writing-mode: horizontal-tb;
        text-orientation: initial;
        letter-spacing: normal;
        border-right: none;
        border-bottom: 1px solid #ddd;
    }
    .form-law-main-content {
        width: 100%;
    }
    .form-law-row {
        display: block;
    }
    .form-law-row__ttl,
    .form-law-row__item {
        width: 100%;
        padding: 10px 15px;
    }
    .form-property-row{
        flex-direction: column;
        gap: 5px;
    }
    .form-property-row__label{
        width: 100%;
    }
    .form-property-row__body{
        width: 100%;
    }
    .form-usage-group > .form-form__item-chk{
        display: block;
        margin-bottom: 5px;
        width: 100%;
        padding-left: 0;
    }
    .form-usage-group > .form-form__item-chk:nth-child(2n){
        padding-left: 0;
    }
    .form-usage-sub{
        margin-left: 10px;
        flex-direction: row;
        gap: 5px 12px;
    }
    .form-usage-sub .form-form__item-chk{
        width: 100%;
        padding-left: 0;
    }
    .form-usage-sub .form-form__item-chk:nth-child(2n){
        padding-left: 0;
    }
    .form-pi-type-label{
        width: auto;
    }
    .form-pi-type-label + .form-pi-type-label{
        margin-left: 0;
    }
    .form-property-subrow{
        flex-direction: column;
        gap: 5px;
    }
    .form-property-subrow__label{
        width: 100%;
    }
    .form-property-subrow__body{
        width: 100%;
        gap: 5px 12px;
    }
	.form-property-row--stack .form-property-row__body{
		display: flex;
		width: 100%;
		flex-direction: column;
		align-items: flex-start;
		gap: 6px;
	}
	.form-property-row--stack .form-property-row__body .form-form__item-chk,
	.form-property-row--stack .form-property-subrow__body .form-form__item-chk{
		display: flex;
		width: 100% !important;
		margin: 0 0 4px;
		padding-left: 15px;
	}
	.form-property-row--stack .form-property-row__body .form-form__item-chk:last-child,
	.form-property-row--stack .form-property-subrow__body .form-form__item-chk:last-child{
		margin-bottom: 0;
	}
	.form-property-row--stack .form-property-subrow__body{
		display: flex;
		width: 100%;
		flex-direction: column;
		align-items: flex-start;
		gap: 4px;
	}
    .form-property-subrow__body .form-form__item-chk{
        line-height: 1.3;
        margin-bottom: 0;
    }
    .form-usage-group{
        margin-bottom: 30px;
    }
    .form-form__item-items > .form-usage-group{
        margin-bottom: 30px;
    }
    .form-period {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        gap: 0;
    }
    .form-period__part {
        display: inline-flex;
        align-items: center;
        gap: 0;
        margin-right: 1px;
    }
    .form-period__part:last-child {
        margin-right: 0;
    }
    .form-period__text {
        white-space: nowrap;
        margin: 0 2px;
    }
    .form-period__select {
        width: auto;
        min-width: 40px;
        max-width: 64px;
        padding: 3px 4px;
        margin: 0;
        transform: none;
    }

    /* error ------------*/

    .form-top-error {
        margin: -30px 0 20px;
    }
    .form-error-comment {
        font-size: 12px;
    }

    /* input ------------*/

    .form-form__input {
        width: 110%;
        padding: 10px;
        font-size: 16px;
        transform: scale(0.9);
        transform-origin: left top;
    }
    .form-form__input--min {
        width: 70%;
    }
    .form-form__input--long {
        width: 110%;
    }

    /* textarea ------------*/

    .form-textarea {
        width: calc(100vw);
        height: 150px;
        padding: 10px;
        margin-bottom: -15px;
        font-size: 16px;
        transform: scale(0.9);
        transform-origin: left top;
    }

    /* checkbox / radio ------------*/

    .form-form__item-chk {
        display: inline-flex;
        flex-wrap: nowrap;
        align-items: flex-start;
        justify-content: flex-start;
        width: 50%;
        margin-right: 0;
        margin-bottom: 5px;
        line-height: 1.4;
    }
    .form-form__item-chk:nth-child(2n) {
        padding-left: 5px;
    }
    input[type="checkbox"],
    input[type="radio"] {
        margin-top: 2px;
        margin-right: 5px;
    }
    .form-form__item--other {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-start;
        margin-top: 0;
    }
    .form-form__item--other .form-form__item-chk {
        width: 70px;
    }
    .form-period__select.form-form__item-chk{
        width: auto;
        min-width: 60px;
        max-width: 90px;
        margin: 0 4px;
        padding: 6px 8px;
    }
    .form-form__input--other {
        width: 200px;
        padding: 8px 10px;
    }

    /* ?R?????g form-form__item-commnet ------------*/

    .form-form__item-commnet {
        font-size: 11px;
    }

    /* ?Z?? form-form__address ------------*/

    .form-form__address-item--sbs {
        display: block;
    }
    .form-form__input-postal-txt {
        width: 100%;
        margin-bottom: 5px;
        margin-left: 0;
        font-size: 11px;
    }
    .form-form__input-postal {
        width: 200px;
    }
    .form-form__address-item:not(:last-child) {
        margin-bottom: 5px;
    }

    /*------------ form-policy ------------*/

    .form-policy {
        padding: 0 15px;
        margin-top: 20px;
        text-align: left;
        line-height: 1.8;
    }

    .form-policy-p{
        width: 100%;
    }
    
    .form-policy-p br{
        display: none;
    }

    /*------------ form-button-area ------------*/

    .form-button-area {
        margin: 20px auto 0;
    }
    .form-button-area .linkbtn__box {
        display: block;
        width: 70%;
        margin: 0 auto;
    }

    /* ?A?R?[?f?B?I?? */
    .form-acc{
        padding-top: 60px !important;
    }

    .form-acc.is-open::before {
        top: 32px;
    }

    .form-acc.is-open::after{
        top: 44px;
    }

    /*------------------------------------------------
  ?m?F?y?[?W
  ------------------------------------------------*/

    .form-leadc-onfirmation {
        margin: 20px 0 0;
    }
    .form-form--edit {
        margin-top: 20px;
    }
    .form-button-area--edit {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 15px;
    }
    .form-button-area--edit .linkbtn,
    .form-button-area--edit .linkbtn__box {
        margin: 0 auto;
    }
    .form-button-area--edit .linkbtn--edit {
        width: 180px;
        height: 40px;
        padding-right: 20px;
        margin: 0 auto;
    }
    .form-button-area--edit .linkbtn--edit::after {
        width: 10px;
        height: 10px;
        background: none;
        border-top: 2px solid #fff;
        border-right: 2px solid #fff;
        transform: rotate(45deg);
    }

    /*------------------------------------------------
  ?T???N?X?y?[?W
  ------------------------------------------------*/

    .form-thanks {
        padding: 0 15px;
        margin: 25px 0 0;
        text-align: left;
    }
    .form-thanks__ttl {
        font-size: 17px;
        text-align: center;
    }
    .form-thanks__txt {
        margin-top: 10px;
    }
    .form-button-area--close {
        margin-top: 25px;
    }
    .form-btn--close {
        width: 200px;
        height: 40px;
        font-size: 13px;
    }
    .form-btn--close-arw {
        right: 15px;
        width: 15px;
    }
    .form-btn--close-arw::before {
        left: 0;
        width: 15px;
    }
}