/* 入力フォーム > メッセージ入力欄 */
.form-column-textarea textarea {
  height: 25rem;
  resize: none;
}

/* 確認ページ > メッセージ表示欄 */
#confirmation-container .form-column-textarea .preview-block {
  height: 25rem;
  overflow: scroll;
  word-break: break-all;
}

.badge-required, legend .badge-required {
    font-size: 0.75em;
    width: fit-content;
    display: inline-block;
    margin-left: 0.5em;
    padding: 4px 8px;
    line-height: 1;
    color: #FFF;
    border-radius: 0;
    border: #F77;
    background-color: #F77;
    position: relative;
    top: -1px;
}

.form-column-textarea textarea {
    height: 25rem;
    resize: none;
    border: 1px solid #B0B0B0;
    background: #FAFAFA;
}

input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="date"] {
    height: 1.75em;
    max-width: 100%;
    transition: all 0.3s;
    font-size: 1em;
    width: 100%;
    min-width: auto;
    height: 50px;
    line-height: 1.75em;
    border: 1px solid #B0B0B0;
    background: #FAFAFA;
}


.badge-required, legend .badge-required {
    font-size: 0.75em;
    width: fit-content;
    display: inline-block;
    margin-left: 1.31rem;
    padding: 4px 8px;
    line-height: 1;
    color: #FFF;
    border-radius: 0;
    border: #F77;
    background-color: #F77;
    position: relative;
    top: -1px;
}

/* .form-column-checkbox .label, .form-column-radio .label { */
.form-column .label {
    padding: 0 0 1.31em 0;
    padding-bottom: 2.81rem;
    color: #000;
    font-family: hiragino-kaku-gothic-pron, sans-serif;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

element.style {
    color: #F77;
    font-family: Inter;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 500;
    line-height: 2.125rem;
}

.form-column-checkbox .input-group label input, .form-column-radio .input-group label input{
background-color: #FAFAFA;
}

.button {
    text-align: center;
    cursor: pointer;
    display: block;
    min-width: 240px;
    padding: 20px;
    margin: 0;
    border-radius: 0px;
    font-weight: 400;
    color: var(--button-text-color);
   border: 1px solid #BEBEBE;
   background: #007910;
    transition: var(--transition-set);
    white-space: wrap;
 }
.button:hover {
  background: #007910;
}

.button-back {
 background: #8B8B8B;
}

.button-back:hover {
 background: #8B8B8B;
}

button.button-submit {
background: #007910;
}