@font-face {
    font-family: 'mplus-1p-light';
    src: url('../fonts/mplus-1mn-light.eot');
    src: url('../fonts/mplus-1mn-light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/mplus-1mn-light.woff') format('woff'),
    url('../fonts/mplus-1mn-light.ttf') format('truetype');
}




.app-header .navbar-brand {
    display: block;
    padding: 3px 0px 6px 20px;
    margin-bottom: 10px;
}

@media (max-width: 991.99px) {
    .app-header .navbar-brand {
        padding: 3px 0px 6px 0px;
    }
}




.form-group > label { font-weight: bold; }


h1.docs-title {
    font-size: 2.5rem;
    margin-top: 1rem;
}


h1 {
    border-bottom: 1px solid #B6191f;
    padding: 0px 0px;
    margin-bottom:0px;
    font-family: "mplus-1p-light" !important;


}

p.docs-read {
    margin-top: 4px;
}

.form-control {
    color: #000;
}


input.form-control:focus {
    color: #000;
}

input.form-control::placeholder {
    color: #ccc;
}


input.form-control {
    border: 1px solid #b4bbba;
    border-radius: 0;
}


#loading-view {
     /* 領域の位置やサイズに関する設定 */
     width: 100%;
     height: 100%;
     z-index: 9999;
     position: fixed;
     top: 0;
     left: 0;
     /* 背景関連の設定 */
     background-color: #ffffff;
     filter: alpha(opacity=85);
     -moz-opacity: 0.85;
     -khtml-opacity: 0.85;
     opacity: 0.85;
     background-image: url(/assets/images/loading.gif);
     background-position: center center;
     background-repeat: no-repeat;
     background-attachment: fixed;
 }

.guide-modal .icon-close {
    background: #FFF;
    margin-bottom: 10px;
    position: absolute;
    right: -8px;
    top: -8px;
    font-size: 14px;
    font-weight: bold;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    border: 0;
    color: #a9a9a9;
    cursor: pointer;
}
.guide-modal button.first {
    background-color: #aaa;
}

.guide-modal button.guide-cancel {
    background-color: #f00 !important;
}
.guide-modal button {
    background: #1D6BC2;
    color: white;
    margin: 0;
    border: 0;
    cursor: pointer;
    width: 50%;
    float: left;
    height: 46px;
}

@media (max-width: 575.98px) {
    .main .container-fluid {
        padding: 0 10px;
    }
    .breadcrumb-menu {
        margin-left: 0;
    }
}

@media (min-width: 575.99px) {
    td.item-name {
        white-space: nowrap;
    }
}

/* 総合診断ボタンのスタイル */
.comprehensive-exam-btn {
    font-weight: bold !important;
}


/* ハラスメント傾向診断ボタンのスタイル（線のみ） */
.harassment-exam-btn {
    background-color: transparent !important;
    border: 2px solid #20a8d8 !important;
    color: #20a8d8 !important;
}

.harassment-exam-btn:hover {
    background-color: #20a8d8 !important;
    color: white !important;
}

/* ボタンを中央に配置 */
.row.align-self-center {
    justify-content: center;
    text-align: center;
    gap: 20px;
}

/* 会社用のコピー用ボタン: 枠線は黒・角丸なし */
.exam-url-copy-btn {
    border: 2px solid #000 !important;
    border-radius: 0 !important;
}
.exam-url-copy-btn:hover,
.exam-url-copy-btn:focus {
    border: 2px solid #000 !important;
    border-radius: 0 !important;
}