@charset "utf-8";

/*============================================================
    リニューアル Universal Style
============================================================*/
/* TODO:下記内容は何ですか？ */
.p-box-validate__label__changeIconColor::before {
    color: #28a031 !important;
}

.c-form-select.is-disabled::before {
    border-top-color: #b6b6b6
}

.c-form-radio.is-disabled .c-form-radio__input {
    background: #f6f6f6;
    border-color: #e3e3e3;
    color: #b6b6b6
}

/* TODO:上記内容は何ですか？ */

/* 入力ボックス エラー スタイル
----------------------------------------*/
.input-error:not(.c-form-checkbox__input):not(.c-form-radio__input) {
    background: #ffe8e8 !important;
    border: solid 1px #e50000 !important;
}

.input-error:focus {
    border-color: #d60f0f !important;
    outline: 0 !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6) !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px #d60f0f !important;
}

.c-form-checkbox__input:not(:checked).input-error+.c-form-checkbox__label {
    background: #ffe8e8 !important;
    border: solid 1px #e50000 !important;
}

.c-form-radio__input:not(:checked).input-error+.c-form-radio__label {
    background: #ffe8e8 !important;
    border: solid 1px #e50000 !important;
}

/* 表示なし
----------------------------------------*/
.js-modal__hidden {
    display: none;
}

/* 表示なし
----------------------------------------*/
.display-none {
    display: none;
}

/* ローディング スタイル
----------------------------------------*/
.spinnerArea {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1666;
    overflow: hidden;
    position: fixed;
    background: #333;
    opacity: .9;
}

.spinner-border {
    background-color: #fff;
    border-radius: 12px;
    display: flex;
    width: 160px;
    height: 160px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -74px;
    margin-top: -74px;
    padding-top: 10px;
    text-align: center;
    line-height: 30px;
    font-weight: bold;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

/* テキスト左揃え
----------------------------------------*/
.text-align-left {
    text-align: left !important;
}

/* テキストの装飾的な線の表示しない
----------------------------------------*/
.text-decoration-none {
    text-decoration: none;
}

/* Iframe Popupのbackground
----------------------------------------*/
.mfp-iframe-scaler iframe {
    background: #fff !important;
}

/* Norton display
----------------------------------------*/
#DigiCertClickID_Rgp9w1TC {
    display: flex;
    justify-content: flex-end;
    margin-left: 45%;
}

/* ボタンの文言が中央揃えにする
----------------------------------------*/
button {
    line-height: 1.4;
}

.c-button__txt {
    padding-top: 0.2em;
}

/* Question Tag
----------------------------------------*/
.p-box-consult {
    position: fixed;
    right: 0 !important;
    bottom: 8px;
    z-index: 10;
    max-width: 100%;
    left: auto;
}

.p-box-consult__openButton .c-icon {
    width: 14px;
    height: 14px;
    top: 0;
    bottom: 0;
    left: 12px !important;
    margin-right: 30px;
    display: inline-block;
    transform: rotate(37deg);
    transition: transform 0.3s;
    position: unset;
}

.p-box-consult__closeButton {
    position: absolute;
    bottom: calc(100% + 4px);
    right: 4px !important;
    width: 12px;
    height: 12px;
    background: #868686;
    border-radius: 50%;
}

.p-box-consult.is-switchDisplayConsult-openAnimated .p-box-consult__openButton .c-icon {
    transform: rotate(226deg);
}

.p-box-consult__openButton {
    font-size: 1.8rem;
    padding: 12px 40px 12px 40px;
}

.p-box-consult__closeButton {
    width: 16px;
    height: 16px;
    bottom: calc(100% + 8px);
    right: 12px !important;
    left: auto;
}

/* MGM画像の幅設定
----------------------------------------*/
.c-banner__style {
    width: 100%;
}