@charset "UTF-8";

/* ---------------------------------------------------------
全画面共通ボディ
----------------------------------------------------------*/

html {
    font-size: 62.5%;
}

body {
    font-size: 1.4rem;
    background-color: #FFFFFF;
    font-family: Meiryo,"游ゴシック体";
    height:100%;
    overflow:visible;
    overflow-y:visible;
}
.fs_outline-large {
    padding: 2vh 1vw 2vh 2vw;
    flex-grow:1;
}
.fs_pw-change-link{
    margin-top:30px;
    text-align:right;
}
.fs_title-color{
    color:black;
    font-size:1.2rem;
}
/* ---------------------------------------------------------
開発中表示
----------------------------------------------------------*/

li .fs_dev{
    color:#8d8d99 !important;
}

div .fs_dev-alert{
    margin-top:10px;
}

.fs_dev-alert p{
    padding-top:5px;
}

.w-200 {
    width: 200px !important;
    max-width: 200px !important;
    min-width: 200px !important;
}



/* ---------------------------------------------------------
各種フォントサイズ指定
----------------------------------------------------------*/

@media (min-width: 600px) and (max-width: 2500px){

    .h5 {
        font-size: 1.8rem;
    }
    span{
        font-size: 1.4rem;
    }
    li{
        font-size: 1.4rem;
    }
    th{
        font-size: 1.4rem;
    }
    td{
        font-size: 1.2rem;
    }
    .form-control {
        font-size: 1.4rem;
    }
    .form-label-data {
        font-size: 1.45rem;
    }
}


@media screen and (max-width: 599px) {
    .h5{
        font-size: 1.6rem;
    }
    span{
        font-size: 1.2rem;
    }
    li{
        font-size: 1.2rem;
    }
    th{
        font-size: 1.2rem;
    }
    td{
        font-size: 1rem;
    }
    .form-control {
        font-size: 1.2rem;
    }
    .form-label-data {
        font-size: 1.25rem;
    }

}

/* ---------------------------------------------------------
画面タイトル
----------------------------------------------------------*/

.h5 {
    vertical-align:middle;
    padding:11px;
    margin-bottom: 0;
}

.fs_page-title{
    background-color: #dfeffb;
    border-color:#b6d4fe;
    border-radius: 10px;
    display: flex;
    margin-bottom:3vh;
}

/* ---------------------------------------------------------
スライダー
----------------------------------------------------------*/

span .fs-4{
    font-size: 1.6rem;
}

.nav-item{
    cursor: pointer;
}

.nav-link{
    font-size: 1.6rem;
    margin: 0.2vh 0.2vw 0.2vh 0.2vw;
}

.sub-link, .menu-sub-link{
    font-size: 1.4rem;
    margin: 0.2vh 0.2vw 0.2vh 0.2vw;
}

.fs_img-icon {
    box-shadow: 0 0 3px 1px rgba(0,0,0,0.1) inset;
    margin-right:5px;
}

.fs_img-sys {
    border-radius:3px;
    margin-right:10px;
}

.fs_split {
    display: table;
    flex-wrap: nowrap;
    width: 100%;
    height:100%;
}

.fs_split-item{
    display: table-cell;
}

.fs_split-left{
    position: relative;
    height:100%;
}

.fs_split-right{
    width: 85%;
    height:100%;
    align-items:center;
}

.fs_split-left_inner{
    height: 100%;
    position: fixed;
    width: 50%;
}

.fs_split-right_inner{
    height:100%;
    padding-bottom:2vh;
}

.fs_main-slider {
    display: flex;
    flex-wrap: nowrap;
    height:100%;
    position:fixed;
    z-index:2201;
    overflow-x: auto;
    overflow-y: hidden;
}

.fs_user{
   padding-left:1vw;
}

.dropdown-toggle {
    outline: 0;
}

.nav-flush .nav-link {
    border-radius: 0;
}

.btn-toggle {
    display: inline-flex;
    align-items: center;
    padding: .25rem .5rem;
    font-weight: 600;
    color: rgba(0, 0, 0, .65);
    background-color: transparent;
    border: 0;
}

.btn-toggle:hover,
.btn-toggle:focus {
    color: rgba(0, 0, 0, .85);
    background-color: #d2f4ea;
}

.btn-toggle::before {
    width: 1.25em;
    line-height: 0;
    content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,0,0,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
    transition: transform .35s ease;
    transform-origin: .5em 50%;
}

.btn-toggle[aria-expanded="true"] {
    color: rgba(0, 0, 0, .85);
}

.btn-toggle[aria-expanded="true"]::before {
    transform: rotate(90deg);
}

.btn-toggle-nav a {
    display: inline-flex;
    padding: .1875rem .5rem;
    margin-top: .125rem;
    margin-left: 2.5rem;
    text-decoration: none;
}

.btn-toggle-sub-nav a {
    display: inline-flex;
    padding: .1875rem .5rem;
    margin-top: .125rem;
    margin-left: 4.5rem;
    text-decoration: none;
}

.menu-nav a:hover, .menu-nav a:focus, .menu-nav a.active,
.btn-toggle-nav a:hover, .btn-toggle-sub-nav a:hover, .btn-toggle-sub-nav a.active
.btn-toggle-nav a:focus, .btn-toggle-sub-nav a:focus, .btn-toggle-sub-nav a.active {
    background-color: #2A7DBF !important;
    border-radius:3px;
}



.fs_icon{
    font-size:2.0rem;
}

#fs_menuControl{
    margin-left: auto;
}

#fs_menu-open{
    display: table-cell;
    padding: 11px;
    cursor:pointer;
}

#fs_btn-open{
    font-size:1.8rem;
    box-shadow: 0 3px 5px 0 rgb(0 0 0 / 10%);
    border-radius: 40px;
    margin-bottom: 0;
}

.fs_mark-close{
    margin-left: 50px;
    font-size: calc(1.275rem + .3vw)!important;
}

.fs_saerch-button {
    box-shadow: 0 1px 1px 0 rgb(132 133 132 / 80%);
    border: solid 1px #c0f3e3;
    border-radius: 30px;
    padding: 3px 8px;
    background-color: #ddfdf3;
}


.fs_search-btn-icon {
    font-size: 1.6rem;
    color: #198754;
    margin-bottom: 2px;
    text-align: center;
    vertical-align: top;
}

@media ( min-width : 1900px) and (max-width: 2500px) {

    .fs_structure {
        width: 280px;
    }

    .fs_split-right {
        width: 85%;
    }
}

@media ( min-width : 600px) and (max-width: 1890px) {
    .fs_structure {
        width: 280px;
    }
    .fs_split-right {
        width: 80%;
    }
}

/*スマホ対応用※未実装※*/
@media screen and (max-width: 599px) {
    .fs_structure {
        width: 100vw;
    }
    .fs_split-right {
        width: 80%;
    }
}

/* ---------------------------------------------------------
エラー画面
----------------------------------------------------------*/

.fs_err-msg{
    color:#dc3545;
    font-size:1.2rem;
}

.fs_error-page-title{
    width:100%;
    color:#842029;
    background-color: #f8d7da;
    border-color:#f5c2c7;
    border-radius: 10px;
}
/* ---------------------------------------------------------
必須
----------------------------------------------------------*/
.fs_superscript {
    color: #dc3545;
    font-size: 15px;
}
/* ---------------------------------------------------------
フッター
----------------------------------------------------------*/
footer {
   z-index:0;
   width: 100%;
}

.fs_footer-contents{
    text-align:right;
}


/* ---------------------------------------------------------
ロード中表示
----------------------------------------------------------*/

#fs_loading {
    background: rgba(0, 0, 0, .3);
    z-index: 10000;
}

/* ---------------------------------------------------------
ボタン
----------------------------------------------------------*/

.btn {
    width: 100px;
    font-size:1.4rem;
    box-shadow: 0 2px 4px rgb(0, 0, 0, 0.3);
    /* padding:0.8vh 1vw 0.8vh 1vw; */
    cursor: pointer;
}

.btn-large{
    width: 120px;
    font-size:1.4rem;
    box-shadow: 0 2px 4px rgb(0, 0, 0, 0.3);
    cursor: pointer;
}

.btn>a {
    text-decoration: none;
    color: #212529;
}

.btn>a:active {
    color: #000000;
}

.btn>a:focus {
    outline: none;
}

.fs_button-right {
    margin-right: 0;
    margin-left: auto;
}

.fs_line_none{
    outline: none;
    font-size: 0.7rem;
    border: none;
}

/* ---------------------------------------------------------
リンクアイコン
----------------------------------------------------------*/
a{
  cursor: pointer;
}

/* ---------------------------------------------------------
ヒントアイコン
----------------------------------------------------------*/
.fs_info-icon{
    font-size:1.4rem;
    color:#98a5b0;
    margin-left:5px;
}

.fs_info-icon:hover{
    font-size:1.4rem;
    color:#6c757d;
    margin-left:5px;
}

/* ---------------------------------------------------------
注意アイコン
----------------------------------------------------------*/
.fs_danger{
    font-size:1.8rem;
    color:#ffc107;
}

/* ---------------------------------------------------------
NGアイコン
----------------------------------------------------------*/
.fs_xmark{
    font-size: 1.8rem;
    color: #dc3545;
}

/* ---------------------------------------------------------
checkアイコン
----------------------------------------------------------*/
.fs_checked_icon{
    font-size: 1.8rem;
    color: #17772c;
}
.fs_list-val-btn{
overflow: unset !important;
}

/* ---------------------------------------------------------
その他
----------------------------------------------------------*/
@media ( min-width : 768px) {

    .bd-placeholder-img-lg {
        font-size: 3.5rem;
    }
}

.-data{
    color: #212529;
    width: 100%;
    padding: 0.375rem 0.75rem;
}

.form-control-dark {
    color: #fff;
    background-color: var(--bs-dark);
    border-color: var(--bs-gray);
}

.form-control-dark:focus {
    color: #fff;
    background-color: var(--bs-dark);
    border-color: #fff;
    box-shadow: 0 0 0 .25rem rgba(255, 255, 255, .25);
}

.bi {
    vertical-align: -.125em;
    fill: currentColor;
}

.text-small {
    font-size: 85%;
}

.dropdown-toggle {
    outline: 0;
}

@media ( min-width:768px){

    .btn{
        box-shadow:0 2px 4px rgb(0,0,0,0.3);
    }
}
.fs_toast-msg{
    font-size:1.4rem;
}
.fs_up-icon {
    font-size: 1.5em;
    color: red;
}
.fs_dropdown_clr {
    background-color: #f3f3f3!important;
}

#fs_main-contents {
    display: table-cell;
}
.bg-dark{
    background-color: #000000 !important;
}

.modal {
    z-index: 2900;
    background-color: rgba(0, 0, 0, .5);
}

.modal-backdrop {
    background: transparent;
}

.modal .modal-dialog {
    z-index: 3000;
}

.fs_btn.btn {
    width: 150px !important;
}

.badge {
    font-size: 1.2rem;
    font-weight: 300;
}

.fs_switchsize {
    width: 4rem !important;
    font-size: 1.8rem;
    height: 2rem !important;
    cursor: pointer;
}

.fs_switch-margin {
    margin-right: 3rem;
    margin-top: 0.45rem;
}

.swal2-container {
    z-index: 3000;
}