@charset "UTF-8";
header {
    background-color: #ffffff;
}
body {
    background-color: #f8f8f8;
}
/* ボタン */
.btn-blue {
    cursor: pointer;
    width: 240px;
    height: 48px;
    background-color: #001fbc;
    font-size: 16px;
    border-radius: 24px;
    color: #ffffff;
    margin: 0 auto 28px auto;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
}
.btn-blue:hover,
.btn-blue:focus{
    background: #001fbc;
    color: #FFFFFF;
}
.btn-white {
    cursor: pointer;
    width: 240px;
    height: 48px;
    background-color: #FFFFFF;
    font-size: 16px;
    border-radius: 24px;
    color: #001fbc;
    margin: 0 auto 28px auto;
    font-weight: bold;
    border-width: 2px;
    border-color: #001fbc;
    border-style: solid;
    display: flex;
    align-items: center;
    justify-content: center;
}
.btn-white:hover,
.btn-white:focus{
    background: #FFFFFF;
    color: #001fbc;
}
.btn-grey {
    width: 120px;
    height: 30px;
    border: 2px solid #535353;
    border-radius: 15px;
    font-size: 12px;
    color: #535353;
    font-weight: bold;
    padding: 3px 0;
}
.btn-edit {
    width: 120px;
    height: 40px;
    border-radius: 4px;
    font-size: 16px;
    background: #1E871E;
    color: #FFFFFF;
    font-weight: bold;
}
.btn-edit:hover,
.btn-edit:focus{
    background: #1E871E;
    color: #FFFFFF;
}
.btn-edit.disabled {
    pointer-events: none;
}
.btn-edit.disabled:hover
.btn-edit.disabled:focus {
    background: #1E871E;
    color: #FFFFFF;
}
.btn-edit-small {
    width: 54px;
    height: 30px;
    border-radius: 4px;
    font-size: 14px;
    border: 1px solid #d5d5d5;
    color: #5a5a5a;
    font-weight: bold;
    background: #FFFFFF;
    padding: 3px;
}
.btn-edit-small:hover {
    border-color: #d5d5d5;
}
.btn-transition {
    transition: 0.2s;
}
.btn.basic-width {
    min-width: 120px;
    padding-top: 8px;
    padding-bottom: 8px;
}
.btn-priority.disabled:hover,
.btn-priority.disabled:focus,
.btn-decide.disabled:hover,
.btn-decide.disabled:focus,
.btn-pink.disabled:hover,
.btn-pink.disabled:focus {
    color: #D95B7C;
    background-color: #FFF;
}



/* ラベル */
.label-green {
    width: 120px;
    height: 24px;
    background: #1E871E;
    color: #ffffff;
    font-size: 12px;
    padding: 2px 0;
}
.label-orange {
    width: 120px;
    height: 24px;
    background: #FF8F07;
    color: #212121;
    font-size: 12px;
    padding: 2px 0;
}
.label-red {
    width: 120px;
    height: 24px;
    background: #DB0000;
    color: #ffffff;
    font-size: 12px;
    padding: 2px 0;
}
.label-grey {
    width: 120px;
    height: 24px;
    background: #757575;
    color: #ffffff;
    font-size: 12px;
    padding: 2px 0;
}
.label-light-grey {
    width: 120px;
    height: 24px;
    background: #E5E5E5;
    color: #666666;
    font-size: 12px;
    padding: 2px 0;
}

/* モダール */
.modal-footer {
    justify-content: center;
}

/* プルダウンメニュー 矢印 */
.dropdown-mark {
    -webkit-appearance: none;
    appearance: none;
    background-image: url(../img/icon-pull-down.svg);
    background-position: right 10px center;
    background-repeat: no-repeat;
    background-size: 13px 13px;
    font-size: 12pt;
    padding:5px 40px 5px 10px;
}