@charset "utf-8";

/* ヘッダー */
header {
    background: #1d50a2;
}

header h1 {
    width: 200px;
}

header h1 span {
    color: #1d50a2;
}

header .langage a[href*="set-lang"] {
    color: #8cb5d6;
}

/* ボタン */
.btn {
    background: #1d50a2;
}

a.logout {
    background: #fff;
    color: #1d50a2;
    display: block;
    text-align: center;
    font-size: 0.8rem;
    padding: 8px 15px;
    /* margin: 0 10px 0 20px; */
    margin: 0 15px;
}

a.logout:before {
    color: #1d50a2;
}

.btn.release, .btn.save, .btn.blue {
    background: #41a3ff !important;
}

/* BEEはこの色の指定 */
.btn.release.btn_blue {
    background: #41a3ff !important;
}

.menu_btn.page_bottom li .btn.confirm, .page .main_cont .tit_wrap .menu_btn li .btn.confirm, .menu_btn.page_bottom li .btn.draft, .page .main_cont .tit_wrap .menu_btn li .btn.draft, .menu_btn.page_bottom li .btn.back, .page .main_cont .tit_wrap .menu_btn li .btn.back {
    background: #1d50a2;
}



/* .page .side_nav {
    background: #1d50a2;
    border-top: solid 2px #123658;
} */

/* ログインページ */
#page_login header {
    background: #1d50a2;
}

#page_login .page h1 span {
    background: #1d50a2;
}

/* メインメニュー */
.page .btn_list li a {
    border: solid 1.5px #1d50a2;
    color: #1d50a2;
}

.page .main_cont h3.ico_tit {
    color: #1d50a2;
}

#page_top .page .main_cont h3.ico_tit:after {
    color: #a49797;
}

#page_inquiry_list.page_edit .table dd:last-of-type,
#page_inquiry_list.page_edit .table dt:last-of-type {
    display: none;
}

#page_edit_07-2_online-meeting.page_edit .table:last-child dd:last-of-type,
#page_edit_07-2_online-meeting.page_edit .table:last-child dt:last-of-type {
    display: none;
}



/* ダウンロードページ横並び指定 */
.flex_cont {
    display: flex;
    justify-content: space-between;
}

.col_r,
.col_l {
    width: 48%;
}

.bee_dl .dl_img {
    max-width: 150px;
    height: max-content;
    border: solid 1px #d2d2d2;
    line-height: 1;
}

.bee_dl .border_none {
    border: none;
}


/* 提出書類 カラー変更 */


.page .main_cont section h3 {
    color: #1d50a2 !important;
}

.page .main_cont section h3::before {
    border-color: #1d50a2 !important;
}

.page .main_cont section h4 {
    color: #1d50a2 !important;
}

.page .main_cont section .text_link {
    color: #41a3ff !important;
}



/* メインメニュー 修正対応 */
.attention_area {
    width: 65%;
}

.box_01 .flex_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.box_01 .flex_box .sup_area {
    text-align: center;
    background: #f5f6ff;
    border: 2px solid #1d50a2;
    padding: 10px;
    width: 34%;
    font-weight: bold;
}

#page_top .page .main_cont section .sup_area a {
    display: inline-block;
    color: #4678b7;
    border-bottom: 1px solid #afbfde;
    background: #ffe900;
}

#page_top .page .main_cont section .sup_area span.highlight_txt {
    display: inline-block;
    color: #4678b7;
    background: #ffe900;
}


.page .main_cont .bg_yellow {
    background-color: #fffcdc;
}



.page_edit .list_tab {
    color: #1d50a2;
    border: #1d50a2 1px solid;
}

.bee_dl .bg_blue {
    background: #f3f5ff;
    padding: 15px;
}

body#page_top:not(.administrator) .page .main_cont .flex section {
    width: 49%;
}

body#page_top:not(.administrator) .page .main_cont .flex section:nth-of-type(2n) {
    margin-right: 0;
}

#page_top:not(.administrator) .page .main_cont .flex {
    justify-content: space-between
}


/* パンくずない時も見た目調整 */
.breadcrumb {
    /* パンくずがある時と同じ高さ・余白を確保 */
    min-height: 25px; /* 適切な高さに調整 */
    margin-bottom: 20px; /* 適切な余白に調整 */
}

.breadcrumb--hidden {
    /* 必要に応じて、非表示時の特別なスタイルを追加 */
}