/*--------------------------------------------------
width/ウィズ
--------------------------------------------------*/
/*パーセント指定*/
.w5 {
    width: 5%;
}

.w10 {
    width: 10%;
}

.w15 {
    width: 15%;
}

.w20 {
    width: 20%;
}

.w25 {
    width: 25%;
}

.w30 {
    width: 30%;
}

.w35 {
    width: 35%;
}

.w40 {
    width: 40%;
}

.w45 {
    width: 45%;
}

.w50 {
    width: 50%;
}

.w60 {
    width: 60%;
}

.w70 {
    width: 70%;
}

.w80 {
    width: 80%;
}

.w90 {
    width: 90%;
}

.w100 {
    width: 100%;
}
/*ピクセル指定*/
.w10px{
    width:10px;
}
.w20px {
    width: 20px;
}
.w25px {
    width: 25px;
}
.w30px {
    width: 30px;
}
.w35px {
    width: 35px;
}
.w40px {
    width: 40px;
}
.w50px {
    width: 50px;
}
.w55px {
    width: 55px;
}
.w60px {
    width: 60px;
}
.w70px {
    width: 70px;
}
.w80px {
    width: 80px;
}
.w90px {
    width: 90px;
}
.w100px {
    width: 100px;
}
.w110px {
    width: 110px;
}
.w120px {
    width: 120px;
}
.w130px {
    width: 130px;
}
.w140px {
    width: 140px;
}
.w150px {
    width: 150px;
}
.w160px {
    width: 160px;
}
.w170px {
    width: 170px;
}
.w180px {
    width: 180px;
}
.w190px {
    width: 190px;
}
.w200px {
    width: 200px;
}
.w250px {
    width: 250px;
}
.w280px {
    width: 280px;
}
.w290px {
    width: 290px;
}
.w300px {
    width: 300px;
}

.w310px {
    width: 310px;
}
.w320px {
    width: 320px;
}
.w330px {
    width: 330px;
}
.w340px {
    width: 340px;
}
.w350px {
    width: 350px;
}
.w360px {
    width: 360px;
}
.w370px {
    width: 370px;
}
.w380px {
    width: 380px;
}
.w390px {
    width: 390px;
}
.w400px {
    width: 400px;
}
.w450px {
    width: 450px;
}
.w455px {
    width: 455px;
}
.w465px {
    width: 465px;
}
.w470px {
    width: 470px;
}
.w500px {
    width: 500px;
}
.w525px {
    width: 525px;
}
.w550px {
    width: 550px;
}
.w600px {
    width: 600px;
}
.w700px {
    width: 700px;
}
.w790px {
    width: 790px;
}
.w800px {
    width: 800px;
}
.w900px {
    width: 900px;
}

.w1em {
    width: 1em;
}
.w2em {
    width: 2em;
}
.w3em {
    width: 3em;
}
.w4em {
    width: 4em;
}
.w5em {
    width: 5em;
}
.w6em {
    width: 6em;
}
.w7em {
    width: 7em;
}
.w8em {
    width: 8em;
}
.w9em {
    width: 9em;
}
.w10em {
    width: 10em;
}
.w11em {
    width: 11em;
}
.w12em {
    width: 12em;
}
.w13em {
    width: 13em;
}
.w14em {
    width: 14em;
}
.w15em {
    width: 15em;
}
.w16em {
    width: 16em;
}
.w17em {
    width: 17em;
}
.w18em {
    width: 18em;
}
.w19em {
    width: 19em;
}
.w20em {
    width: 20em;
}
.w25em {
    width: 25em;
}
.w30em {
    width: 30em;
}

/*--------------------------------------------------
margin/マージン
--------------------------------------------------*/
.mg0A {
    margin: 0 auto;
}

.mg0 {
    margin: 0;
}

.mg5 {
    margin: 5px;
}

.mg10 {
    margin: 10px;
}

.mg20 {
    margin: 20px;
}

.mg30 {
    margin: 30px;
}

.mg35 {
    margin: 35px;
}

.mg40 {
    margin: 40px;
}

.mg50 {
    margin: 50px;
}

.mg60 {
    margin: 60px;
}

.mg65 {
    margin: 65px;
}


.mg70 {
    margin: 70px;
}

.mg80 {
    margin: 80px;
}

.mg90 {
    margin: 90px;
}

.mg100 {
    margin: 100px;
}

.mgT0 {
    margin-top: 0;
}

.mgT2 {
    margin-top: 2px;
}

.mgT3 {
    margin-top: 3px;
}

.mgT4 {
    margin-top: 4px;
}

.mgT5 {
    margin-top: 5px;
}

.mgT7 {
    margin-top: 7px;
}

.mgT10 {
    margin-top: 10px;
}

.mgT20 {
    margin-top: 20px;
}

.mgT25 {
    margin-top: 25px;
}

.mgT30 {
    margin-top: 30px;
}

.mgT40 {
    margin-top: 40px;
}

.mgT50 {
    margin-top: 50px;
}

.mgT60 {
    margin-top: 60px;
}

.mgT70 {
    margin-top: 70px;
}

.mgT80 {
    margin-top: 80px;
}

.mgT90 {
    margin-top: 90px;
}

.mgT100 {
    margin-top: 100px;
}

.mgT200 {
    margin-top: 200px;
}

.mgL0 {
    margin-left: 0;
}

.mgL5 {
    margin-left: 5px;
}

.mgL10 {
    margin-left: 10px;
}

.mgL15 {
    margin-left: 15px;
}

.mgL20 {
    margin-left: 20px;
}

.mgL28 {
    margin-left: 28px;
}

.mgL30 {
    margin-left: 30px;
}

.mgL40 {
    margin-left: 40px;
}

.mgL50 {
    margin-left: 50px;
}

.mgL55 {
    margin-left: 55px;
}

.mgL58 {
    margin-left: 58px;
}

.mgL60 {
    margin-left: 60px;
}

.mgL65 {
    margin-left: 65px;
}

.mgL66 {
    margin-left: 66px;
}

.mgL70 {
    margin-left: 70px;
}

.mgL75 {
    margin-left: 75px;
}
.mgL76 {
    margin-left: 76px;
}
.mgL77 {
    margin-left: 77px;
}
.mgL78 {
    margin-left: 78px;
}

.mgL80 {
    margin-left: 80px;
}

.mgL90 {
    margin-left: 90px;
}

.mgL100 {
    margin-left: 100px;
}

.mgL120 {
    margin-left: 120px;
}

.mgL160 {
    margin-left: 160px;
}

.mgL170 {
    margin-left: 170px;
}

.mgL180 {
    margin-left: 180px;
}

.mgL200 {
    margin-left: 200px;
}

.mgL220 {
    margin-left: 220px;
}

.mgL230 {
    margin-left: 230px;
}

.mgL240 {
    margin-left: 240px;
}
.mgL270 {
    margin-left: 270px;
}

.mgR0 {
    margin-right: 0;
}

.mgR5 {
    margin-right: 5px;
}

.mgR10 {
    margin-right: 10px;
}

.mgR15 {
    margin-right: 15px;
}

.mgR17 {
    margin-right: 17px;
}

.mgR20 {
    margin-right: 20px;
}

.mgR25 {
    margin-right: 25px;
}

.mgR27 {
    margin-right: 27px;
}

.mgR28 {
    margin-right: 28px;
}

.mgR29 {
    margin-right: 29px;
}

.mgR30 {
    margin-right: 30px;
}

.mgR40 {
    margin-right: 40px;
}

.mgR45 {
    margin-right: 45px;
}

.mgR50 {
    margin-right: 50px;
}

.mgR55 {
    margin-right: 55px;
}

.mgR56 {
    margin-right: 56px;
}

.mgR57 {
    margin-right: 57px;
}

.mgR60 {
    margin-right: 60px;
}

.mgR70 {
    margin-right: 70px;
}

.mgR80 {
    margin-right: 80px;
}

.mgR90 {
    margin-right: 90px;
}

.mgR100 {
    margin-right: 100px;
}

.mgR120 {
    margin-right: 120px;
}


.mgB0 {
    margin-bottom: 0;
}

.mgB5 {
    margin-bottom: 5px;
}

.mgB10 {
    margin-bottom: 10px;
}

.mgB20 {
    margin-bottom: 20px;
}

.mgB30 {
    margin-bottom: 30px;
}

.mgB40 {
    margin-bottom: 40px;
}

.mgB50 {
    margin-bottom: 50px;
}

.mgB60 {
    margin-bottom: 60px;
}

.mgB70 {
    margin-bottom: 70px;
}

.mgB80 {
    margin-bottom: 80px;
}

.mgB90 {
    margin-bottom: 90px;
}

.mgB100 {
    margin-bottom: 100px;
}
/*--------------------------------------------------
padding/パディング
--------------------------------------------------*/
.pd0 {
    padding: 0;
}

.pd5 {
    padding: 5px;
}

.pd10 {
    padding: 10px;
}

.pd20 {
    padding: 20px;
}

.pd30 {
    padding: 30px;
}

.pd40 {
    padding: 40px;
}

.pd50 {
    padding: 50px;
}

.pd60 {
    padding: 60px;
}

.pd70 {
    padding: 70px;
}

.pd80 {
    padding: 80px;
}

.pd90 {
    padding: 90px;
}

.pd100 {
    padding: 100px;
}

.pdT0 {
    padding-top: 0;
}

.pdT5 {
    padding-top: 5px;
}

.pdT7 {
    padding-top: 7px;
}

.pdT10 {
    padding-top: 10px;
}

.pdT14 {
    padding-top: 14px;
}

.pdT20{
    padding-top: 20px;
}

.pdT25 {
    padding-top: 25px;
}

.pdT30 {
    padding-top: 30px;
}

.pdT40 {
    padding-top: 40px;
}

.pdT50 {
    padding-top: 50px;
}

.pdT60 {
    padding-top: 60px;
}

.pdT70 {
    padding-top: 70px;
}

.pdT80 {
    padding-top: 80px;
}

.pdT90 {
    padding-top: 90px;
}

.pdT100 {
    padding-top: 100px;
}

.pdL0 {
    padding-left: 0;
}

.pdL5 {
    padding-left: 5px;
}

.pdL10 {
    padding-left: 10px;
}

.pdL15 {
    padding-left: 15px;
}

.pdL20 {
    padding-left: 20px;
}

.pdL30 {
    padding-left: 30px;
}

.pdL35 {
    padding-left: 35px;
}

.pdL40 {
    padding-left: 40px;
}

.pdL45 {
    padding-left: 45px;
}

.pdL50 {
    padding-left: 50px;
}

.pdL55 {
    padding-left: 55px;
}

.pdL60 {
    padding-left: 60px;
}

.pdL65 {
    padding-left: 65px;
}

.pdL70 {
    padding-left: 70px;
}

.pdL75 {
    padding-left: 75px;
}

.pdL80 {
    padding-left: 80px;
}

.pdL90 {
    padding-left: 90px;
}

.pdL100 {
    padding-left: 100px;
}

.pdL125 {
    padding-left: 125px;
}
.pdR0 {
    padding-right: 0;
}

.pdR5 {
    padding-right: 5px;
}

.pdR10 {
    padding-right: 10px;
}

.pdR20 {
    padding-right: 20px;
}

.pdR30 {
    padding-right: 30px;
}

.pdR40 {
    padding-right: 40px;
}

.pdR50 {
    padding-right: 50px;
}

.pdR60 {
    padding-right: 60px;
}

.pdR70 {
    padding-right: 70px;
}

.pdR80 {
    padding-right: 80px;
}

.pdR90 {
    padding-right: 90px;
}

.pdR100 {
    padding-right: 100px;
}

.pdB0 {
    padding-bottom: 0;
}

.pdB5 {
    padding-bottom: 5px;
}

.pdB10 {
    padding-bottom: 10px;
}

.pdB20 {
    padding-bottom: 20px;
}

.pdB25 {
    padding-bottom: 25px;
}
.pdB30 {
    padding-bottom: 30px;
}

.pdB40 {
    padding-bottom: 40px;
}

.pdB50 {
    padding-bottom: 50px;
}

.pdB60 {
    padding-bottom: 60px;
}

.pdB70 {
    padding-bottom: 70px;
}

.pdB80 {
    padding-bottom: 80px;
}

.pdB90 {
    padding-bottom: 90px;
}

.pdB100 {
    padding-bottom: 100px;
}

.pdeL1 {
    padding-left: 1em;
}
.pdeL2 {
    padding-left: 2em;
}
.pdeL3 {
    padding-left: 3em;
}
.pdeL4 {
    padding-left: 4em;
}
.pdeL5 {
    padding-left: 5em;
}


/*--------------------------------------------------
height/ハイト
--------------------------------------------------*/
.hgt0 {
    height: 0px;
}

.hgt10 {
    height: 10px;
}

.hgt20 {
    height: 20px;
}

.hgt28 {
    height: 28px;
}

.hgt22 {
    height: 22px;
}

.hgt30 {
    height: 30px;
}

.hgt40 {
    height: 40px;
}

.hgt50 {
    height: 50px;
}

.hgt60 {
    height: 60px;
}

.hgt70 {
    height: 70px;
}

.hgt80 {
    height: 80px;
}

.hgt90 {
    height: 90px;
}

.hgt100 {
    height: 100px;
}
.hgt400 {
    height: 400px;
}

.hgt100pa {
    height: 100%;
}
.hgt10vh{
    height:10vh;
}
.hgt15vh {
    height: 15vh;
}
.hgt20vh {
    height: 20vh;
}
.hgt25vh {
    height: 25vh;
}
.hgt30vh {
    height: 30vh;
}
.hgt35vh {
    height: 35vh;
}
.hgt40vh {
    height: 40vh;
}
.hgt45vh {
    height: 45vh;
}
.hgt50vh {
    height: 50vh;
}
.hgt55vh {
    height: 55vh;
}
.hgt60vh {
    height: 60vh;
}
.hgt65vh {
    height: 65vh;
}
.hgt70vh {
    height: 70vh;
}
.hgt75vh {
    height: 75vh;
}
.hgt80vh {
    height: 80vh;
}
.hgt85vh {
    height: 85vh;
}
.hgt90vh {
    height: 90vh;
}
.hgt95vh {
    height: 95vh;
}
.hgt100vh {
    height: 100vh;
}
.hgtauto{
    height: auto;
}

/*--------------------------------------------------
テキスト配置
-------------------------------------------------*/
.txtB {
    vertical-align:bottom;
}


.wordsp30em {
    word-spacing: 30em;
}

/*--------------------------------------------------
テキストの装飾
-------------------------------------------------*/
.underline {
    text-decoration: underline; /* アンダーラインに指定する */
}

/*--------------------------------------------------
flex/フレックス
--------------------------------------------------*/
.flex-nomal{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.flex-style{
    display: flex;
}

/*　親要素　*/
.flexblock, .flex-nomal-sp {
    display: flex;
}

.flex--aiC {
    align-items: center;
}

.flex--aiS {
    align-items: flex-start;
}
.flex--asE{
    align-items:flex-end;
}

.flex--jcS {
    justify-content: flex-start;
}

.flex--jcC {
    justify-content: center;
}

.flex--jcE {
    justify-content: flex-end;
}

.flex--jcB {
    justify-content: space-between;
}
/*　孫要素　*/
/*.flex--asE {
    align-self: stretch;*/ /*寸法が 'auto' のアイテムをコンテナーに合うよう伸長*/
/*}*/
/*--------------------------------------------------
テーブル
--------------------------------------------------*/
.tbl01 {
    /*width: 100%;*/
    border-collapse: collapse;
    text-align: left;
    line-height: 1.5;
    /*border: 1px solid #ddd;*/
}

    .tbl01 th, .tbl01 td {
        padding-top: 5px;
        padding-right: 5px;
        padding-bottom: 5px;
        padding-left: 5px;
        border: 1px solid #eee !important;
        vertical-align: middle;
    }

    .tbl01 th {
        background-color: #ceebe8;
        color: #333;
        font-weight: bold;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle !important;
    }

    .tbl01 tr td {
        font-weight: bold;
    }


    .tbl01 tr:nth-child(even) td {
        background: #fafafa;
    }

    .tbl01 td {
        background-color: #eff8fb;
        color: #333;
        background-color: #fff;
        vertical-align:middle!important;
        /*white-space:nowrap;*/
    }

.tbl02 {
    width: 100%;
    border-collapse: collapse;
    text-align: left;
    line-height: 1.5;
    /*border: 1px solid #ddd;*/
}

    .tbl02 th, .tbl02 td {
        padding-top: 5px;
        padding-right: 5px;
        padding-bottom: 5px;
        padding-left: 5px;
        border: 1px solid #eee !important;
        vertical-align: middle;
    }

    .tbl02 th {
        background-color: #ceebe8;
        color: #333;
        font-weight: bold;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle !important;
    }

/*    .tbl02 tr:nth-child(even) td {
        background: #fafafa;
    }*/

    .tbl02 td {
        background-color: #eff8fb;
        color: #333;
        background-color: #fff;
        vertical-align: middle !important;
        /*white-space:nowrap;*/
    }

td#gray  {
    background-color: lightgray;
}

/* 慶弔見舞金申請画面用テーブル */
.tblKeichou {
    border-collapse: collapse;
    border: solid 2px green; /* 線種 */
}

.tblKeichou th {
    background-color: #ceebe8;
    border-left: dotted 2px green;              /* 左線種 */
    border-top: solid 2px green !important;     /* 下線種 */
    border-bottom: solid 2px green !important;  /* 下線種 */
    color: #333;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle !important;
}

.tblKeichou td {
    border-top: solid 2px green !important; /* 上線種 */
    border-left: dotted 2px green; /* 左線種 */
}

.border-remove {
    border-left: none !important;
}

.tblTempFile td {
    border: none  !important;
}

/*
.tblKeichou th, .tblKeichou td {
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    border: 1px solid #000000 !important;
    vertical-align: middle;
}

.tblKeichou th {
    background-color: #ceebe8;
    color: #333;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle !important;
}

.tblKeichou tr td {
    font-weight: bold;
}


.tblKeichou tr:nth-child(even) td {
    background: #fafafa;
}

.tblKeichou td {
    background-color: #eff8fb;
    color: #000000;
    background-color: #fff;
    vertical-align: middle !important;
}
*/

/*--------------------------------------------------
デザインテスト
--------------------------------------------------*/
h1 {
    font-size: 3.5rem;
    border-bottom: 1px solid #aaa;
    width: max-content;
    margin:0 auto;
  
}
h2 {
    position: relative;
    /*margin: 60px 0 32px;*/
    /*padding: 20px;*/
    font-size: 3.0rem;
    border-bottom: 2px solid #3CAEA3;
    background-color: rgba(206,235,232,0.3) !important;
    font-weight: bold;
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    padding-left: 10px;
}

h3, h4 {
    font-weight: bold;
}
select {
    width: 100%;
    border: 1px solid #ced4da;
}
textarea {
    margin-bottom: 0;
    border: 1px solid #ced4da;
}
input[type=text], input[type=password], input[type=month], input[type=date], select {
    border: 1px solid #ced4da;
    border-radius: 2px;
}

.block01_tbl {
    overflow: auto;
    white-space: nowrap; /*文字の折り返しを禁止*/
   /* margin-bottom:1rem!important;*/
}


.Heading_Circle:before {
    content: '';
    display: inline-block;
    position: relative;
    top: -.1em;
    width: .333em;
    height: .333em;
    margin-right: .4em;
    vertical-align: middle;
    border: .333em solid #9ed7d1;
    border-radius: 50%;
}

.ApplicationList tr:nth-child(1) td {
    color: red;
}


.inner-wrapper {
    /*background-color: #ceebe8 !important;*/
    background-color: rgba(206,235,232,0.3)!important;
}
.page_wrapper{
    background-color:#fff;
    margin:50px 10px;
    padding:-20px;
}
.block{
    padding:0 2rem 2rem 2rem;
}
.box {
    border: 1px solid #eee;
    padding: 20px 40px 10px 40px;
}
.mbox {
    border: 1px solid #eee;
    padding: 0px 0px 10px 0px;
}
.cbox {
    border: 1px solid #eee;
    text-align: center;
    padding: 5px 0px;
}
.btn-primary {
    color: #fff;
    background-color: #2674b5;
    border: none;
    box-shadow: none;
}
    .btn-primary:hover {
        background-color: #20639B !important;
    }

.btn-green {
    color: #fff;
    background-color: #3CAEA3;
    border: none;
    box-shadow: none;
}

    .btn-green:hover {
        background-color: #37a197 !important;
    }

.btn-regist {
    background-color: #003399;
    color: #FFFFFF;
    border-radius: 5px;
    border: 1px solid #68779a;
}

.btn-regist-disabled {
    background-color: lightgray;
    color: #FFFFFF;
    border-radius: 5px;
    border: 1px solid lightgray;
    pointer-events: none;
    cursor: not-allowed;
}


.btn-style-link {
    display: inline-block;
    padding: 5px 15px;
    text-decoration: none;
    border: 1px;
    background: #003399;
    color: #FFFFFF;
    box-shadow: 0px 2px 4px #575;
}

.btn-style-link-disabled {
    display: inline-block;
    padding: 5px 15px;
    text-decoration: none;
    border: 1px;
    background-color: lightgray;
    color: #FFFFFF;
    pointer-events: none;
}

.btn-style-tempfile {
    padding: 7px 7px;
    color: #ffffff;
    background-color: #384878;
    cursor: pointer;

}

.btn-style-tempfile-disabled {
    padding: 7px 7px;
    color: #FFFFFF;
    background-color: lightgray;
    pointer-events: none;
    cursor: not-allowed;
}

.inlineBlock {
    display: inline-block;
}

.txtL {
    text-align: left;
}
.txtR {
    text-align: right;
}

.txtC {
    text-align: center;
}

.vaT {
    vertical-align: top;
}

.vaM {
    vertical-align: middle;
}

.vaB {
    vertical-align: bottom;
}
.fwB{
    font-weight:bold;
}

.cGreen {
    color: #3CAEA3;
}
.cRed {
    color: #FF0000;
}
.cBlue {
    color: #0000FF;
}
.cLightGray {
    color: lightgray;
}
.cdarksalmon {
    color: darksalmon;
}
.text-yellow {
    color: #f39c12 !important;
}

.nowrap {
    white-space: nowrap;
}

.none {
    display: none;
}

.hr {
    border: none;
    border-top: solid 1px lightgray;
    border-bottom: solid 1px lightgray;
}

/*--------------------------------------------------
_Layout.vbhtmlに記載されていたもの
--------------------------------------------------*/


.header-line {
    background-color: #154166;
    height: 10px;
    width: 100%;
    top: 0;
    left: 0;
    padding: 0;
}

.nav-sidebar .nav-header:not(:first-of-type) {
    /*background-color: #0070c0;*/
    background-color: #20639B;
    color: white;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 1em;
}

.nav-item {
    /*background-color: #00b050;*/
    background-color: #3CAEA3;
    color: white;
    margin-bottom: 0;
}

/*.nav-item::before {
                position: absolute;
                content: "\f105";
                font-family: "Font Awesome 5 Free";
                font-weight: 900;
                vertical-align: middle;*/
/* left: 20px;*/
/*top:12px;
               left:20px;
            }*/


.nav-sidebar .nav-item .nav-link {
    color: white;
    margin-bottom: 0;
}

.sidebar {
    padding: 0;
    border-right: 1px solid #154166;
    height: 100%;
    font-size: 125%;
}

.navbar {
    border-bottom: 1px solid #154166;
    margin-bottom: 0;
}

.nav li {
    /*            border-bottom: 1px solid #005426;
        */
}

.wrapper {
    height: calc(100vh - 70px);
}

.inner-wrapper {
    min-height: calc(100vh - 70px) !important;
    background-color: white;
}

.content-wrapper {
   /* padding: 10px;*/
    overflow: auto;
    min-height: calc(100vh - 70px);
    height: calc(100vh - 70px) ;
}

.nav-menu-header {
    background: #154166;
    color: #fff;
    font-weight: bold;
    padding-left: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 110%;
}


/*a:hover {
    background-color: rgba(0,0,0,0.3) !important;
}*/

.nav li a:hover, .nav li a:focus {
    background-color: rgba(0,0,0,0.3) !important;
    /*.btn-primary {
                    background-color: #0080ad;*/
}

body{
    overflow:hidden;
}

.w50--pc_w100--sp {
    width: 50%;
}
.w50--pc_w100--sp {
    width: 40%;
}

.login-box-body {
    font-size: 140%;

}

/*--------------------------------------------------
他のCSSファイル上書き
--------------------------------------------------*/
.table, .table-bordered {
    margin-bottom: 0 !important;
}
.main-sidebar {
    z-index: 99 !important;
}
.border {
    border: solid;
    border-color: #000000;
}

.navbar-fixed-top {
    z-index: 99 !important;
}
.login-page-color{
    background-color: #fff;
}


.form-control-xlg {
    height: calc(3.875rem + 2px);
    padding: 0.5rem 1rem;
    font-size: 1.75rem;
    line-height: 1.5;
    border-radius: 0.3rem;
}


.link {
    border-bottom: 2px solid #fd6c3f; /* 線の太さ 線の種類 線の色 */
}

/*--------------------------------------------------
windowが639px以下の時
--------------------------------------------------*/
@media screen and (max-width: 639px) {

    .flex-nomal-sp {
        display: block;
    }

    .btn--sp {
        display: block;
        width: 100%;
        min-height: 3em;
    }

    .w100--sp {
        width: 100%!important;
    }
    .w50--pc_w100--sp {
        width: 100%;
    }
    
}

#loading {
    display: table;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff;
    opacity: 0.8;
}

#loading .loadingMsg {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding-top: 140px;
    background: url("../gif/ajax-loader.gif") center center no-repeat;
}

/*慶弔見舞書類選択ボタン*/
.solatiumFileBtn {
    padding: 7px 7px;
    color: #ffffff;
    background-color: #384878;
    cursor: pointer;
}

.solatiumFileBtn-disabled {
    padding: 7px 7px;
    color: #FFFFFF;
    background-color: lightgray;
    pointer-events: none;
    cursor: not-allowed;
}

/* 会員様へのご連絡 */
textarea.kaiininfo {
    resize: none;
    max-width: 1000px;
    width: 700px;
    height: 100px;
    font-size: 18px;
}

/* 備考 */
textarea.bikou {
    resize: none;
    max-width: 1000px;
    width: 700px;
    height: 100px;
    font-size: 18px;
}

/* 承認取消事由 */
textarea.cancelreason {
    resize: none;
    width: 350px;
    height: 100px;
    font-size: 18px;
}

.app-input {
    height: 30px;
    padding: 5px 5px;
    font-size: 18px;
}
    .app-input::placeholder {
        color: skyblue;
    }

.app-dropdown {
    height: 30px;
    padding: 5px 5px;
    font-size: 14px;
}

.app-dropdown-xl {
    height: 35px;
    padding: 5px 5px;
    font-size: 1.3em;
}

.app-label {
    height: 20px;
    padding: 5px 5px;
    font-size: 15px;
}

.app-label-xl {
    height: 20px;
    padding: 5px 5px;
    font-size: 20px;
}

.app-date {
    height: 30px;
    padding: 5px 5px;
    font-size: 14px;
}

.app-date-xl {
    height: 35px;
    padding: 5px 5px;
    font-size: 1.3em;
}

.app-p {
    font-size: 14px;
}

.app-p.indent {
    font-size: 14px;
}

/* 住所 */
textarea.Address {
    height: 60px;
    padding: 5px 5px;
    font-size: 18px;
}

textarea.kaiininfo {
    height: 18em;
    padding: 5px 5px;
    font-size: 18px;
}

ul.indent {
    padding-inline-start: 0px;
    list-style: none;
}

li.indent {
    padding-left: 1em;
    text-indent: -1em;
}


ul.side {
    padding: 5px 5px 5px 0px;
    display: -webkit-flex;
    display: flex;
    list-style: none;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

li.side {
    -webkit-flex-grow: 1;
    flex-grow: 1;
}

　

p.indent {
    text-indent: 1em;
}

label.Required {
    margin-left: 5px;
    padding-top: 5px;
    color: #FF0000;
    font-weight: bold;
}

.loginHead {
    position:relative;
    left:-8em;
}

.fa-15x {
    font-size: 1.5em;
}

td.pd10 {
    padding: 5px 10px;
}

/*申請画面共通部分*/
.applicatoin_comblock {
    border: 0.5px solid #dcdcdc; /* 太さ2px、実践、黒色*/
    width: 1100px; /* 幅*/
    height: 200px; /* 高さ */
    text-align: left; /* 中央寄せ */
    margin-left: 10px;
}