/* フォーム */

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="password"]
{
    width: 100%;
    font-size: 1em;
    padding: 0.3em 0.7em;
    border-radius: 5px;
    border: 1px solid #ccc;
}

textarea {
    width: 100%;
    resize: none;
    padding: 0.7em;
    font-size: 1em;
    border-radius: 5px;
    border: 1px solid #ccc;
}

/* ボタン */

.Button {
    padding: 0.6em 1.25em;
    font-size: 1em;
    color: #fff;
    border: 1px solid;
    background-color: var(--PrimaryButtonColor);
    border-radius: 5px;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
}

.Button.LargeButton {
    width: 100%;
    text-align: center;
}

.Button.LightButton {
    color: var(--PrimaryButtonColor);
    background-color: transparent;
}

.Button.NoticeButton {
    color: var(--NoticeColor);
}

.Button.LeftAligned {
    margin: unset;
}

.Button[disabled] {
    cursor: not-allowed;
    opacity: 0.7;
}

.UnderlinedButton {
    padding: 3px 5px;
    font-size: 1em;
    border: none;
    width: fit-content;
    color: var(--PrimaryButtonColor);
    background-color: transparent;
    text-decoration: underline;
}

/* カード要素 */

.CardButton {
    padding: 30px 10px 30px 10px;
    background-color: #fafafa;
    border-radius: 10px;
}

.CardShadow {
    box-shadow: 0 0 5px rgba(0,0,0,0.04);
}

/* グローバルな用途の設定 */

.HideElem {
    display: none;
}