@charset "utf-8";
input,
select,
textarea {
    font-size: 16px; /* iphoneのズームアップ防止 */
    padding: 8px 4px 4px;
    border-width: thin;
}
/* インプットの見た目 */
input[type="text"], input[type="tel"], input[type="email"], input[type="number"], select {
    border-style: none none solid;
    border-radius: 0;
}
/* 検証OKスタイル */
input:valid,
select:valid,
textarea:valid {
    border-color:green;
}
/* 検証NGスタイル */
input:invalid,
select:invalid,
textarea:invalid,
.request_form_invalid{
    border-color: red;
    background-color: #FDD;
}
.request_form_validity-for {
    color: red;
    font-size: 14px;
}

/* 必須マーク */
.request_form_required::before {
    content: '必須';
    background-color:red;
    font-size: 11px;
    color: white;
    padding: 3px 4px;
    border-radius: 3px;
    margin-right: 4px;
    font-weight: bold;
}

/* 入力項目ヘッダ */
.request_form_item-header {
    font-size: 14px;
    text-align: left;
}

/* 入力項目コンテナ */
.request_form_item {
    margin-bottom: 24px;
}

/* 画面ヘッダ */
.request_form_heading {
    color: #fff;
    background: #0095BE !important;
    font-size: 22px;
    line-height: 1.2;
    border: none;
    margin: 0 0 16px 0;
    padding: .75em 0;
    background: transparent;
    box-shadow: none;
    text-align: center;
    position: relative;
}

.request_form_step-container {
    display: flex;
    justify-content: space-between;
    list-style: none;
    margin: 0 0 20px 0;
    padding: 0 34px 0 17px;
}


.request_form_step-item {
    color: lightgray;
}

.request_form_step-item::after {
    content: ' >';
}

.request_form_step-item:last-child::after {
    content: '';
}

.request_form_step-active {
    color: #333;

}

*[aria-hidden="true"] {
    display: none;
}

.request_form_event-date {
    display: flex;
    flex-wrap: wrap;
}
.request_form_event-date li {
    border: thin solid blue;
    margin: 4px;
    padding: 4px;
    white-space: nowrap;
    flex: 0 0 140px;
    font-size: 12px;
}

.request_form_confirm-item-label, .request_form_confirm-item-value {
    margin: 4px;
    padding: 4px;
}

.request_form_komalist {
    width: 90px;
}

/*===============================================
●スマホ用（700px未満）
===============================================*/
@media screen and (max-width:699px) {
}


/*===============================================
●PC用（700px以上）
===============================================*/
@media screen and (min-width:700px){
}