* {
    box-sizing: border-box;
    line-height: 1.5;
}

html {
    height: 100%;
    font-size: 62.5%;
}

/* PCビュー用のフォントサイズ設定 - 画面幅が768px以上の場合に適用 */
@media screen and (min-width: 768px) {
    html {
        font-size: 62.5% !important;
    }
}

body,
#root {
    margin: 0;
    padding: 0;
    height: 100%;
    /*background-color: #e1e4e8;*/
    background-color: #f8f8f8;
    color: #333333;
    font-size: 1.6rem;
}

.pcRoot {
    min-width: 900px;
}

header.MuiAppBar-root {
    display: flex;
    flex-grow: 1;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 70px;
    /* height: 70px; */
    /*
	background: rgb(0,70,139);
	background: -moz-linear-gradient(left,  rgba(0,70,139,1) 0%, rgba(67,120,182,1) 100%);
	background: -webkit-linear-gradient(left,  rgba(0,70,139,1) 0%,rgba(67,120,182,1) 100%);
	background: linear-gradient(to right,  rgba(0,70,139,1) 0%,rgba(67,120,182,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00468b', endColorstr='#4378b6',GradientType=1 );
	*/
    background: #496000;
    color: #ffffff;
}

.MuiToolbar-root {
    width: 100%;
    padding: 0px;
    min-height: 70px;
}

header * {
    line-height: 1;
}

#siteTitle {
    /* Upd250415ks�� */
    /*padding: 16px 40px 0;*/
    /*font-size: 3.2rem;*/
    padding: 8px 18px 0 18px;
    font-size: 2.6rem;
    /* Upd250415ks�� */
    font-weight: bold;
    /* Upd250415ks�� */
    /*font-family: Georgia, 'Times New Roman', serif;*/
    font-family: "'Noto Sans JP','Hiragino Sans W3',sans-selif";/*"Yu Mincho", Georgia, "Times New Roman", serif;*/
    /* Upd250415ks�� */
}

#siteTitle a,
#siteTitle a:hover,
#siteTitle a:active,
#siteTitle a:visited {
    color: #ffffff;
    text-decoration: none;
}

/* Add250415ks�� */
#siteTitleImgContainer {
    position: relative;
    display: inline-block;
    width: 40vw;
    height: 70px; /* SiteTitle�̍����ɍ����ĕύX */
    margin-top: -16px; /* SiteTitle�̃}�[�W���ɍ����ĕύX */
}

#siteTitleImgContainer::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(
        to left,
        rgba(73, 96, 0, 1) 0%,
        rgba(73, 96, 0, 0.75) 50%,
        rgba(73, 96, 0, 1) 100%
    );
}

#siteTitleImgContainer img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: fill;
}
/* Add250415ks�� */

#loginUser {
    position: relative;
    padding: 4px 32px 0 10px;
    font-size: 1.4rem;
    white-space: nowrap;
    color: #ffffff;
}

#personIcon {
    font-weight: bold;
    font-size: 5rem;
}

#navBar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 70px;
    /*
	background: rgb(0,98,197);
	background: -moz-linear-gradient(left,  rgba(0,98,197,1) 0%, rgba(94,167,219,1) 100%);
	background: -webkit-linear-gradient(left,  rgba(0,98,197,1) 0%,rgba(94,167,219,1) 100%);
	background: linear-gradient(to right,  rgba(0,98,197,1) 0%,rgba(94,167,219,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0062c5', endColorstr='#5ea7db',GradientType=1 );
	color: #ffffff;
	*/
    /* �ύX�������\���ɉe���Ȃ�? */
    background: #e9ebe1;
    background: -moz-linear-gradient(
        top,
        #3d463c 0%,
        #dbddd3 11%,
        #e9ebe1 100%
    );
    background: -webkit-linear-gradient(
        top,
        #3d463c 0%,
        #dbddd3 11%,
        #e9ebe1 100%
    );
    background: linear-gradient(
        to bottom,
        #3d463c 0%,
        #dbddd3 11%,
        #e9ebe1 100%
    );
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbddd3', endColorstr='#e9ebe1',GradientType=1 );
    color: #404040;
}

#navBar > div,
#navBar > ol {
    margin: 0 40px;
}

#navBar li {
    display: inline-block;
    margin: 0 40px 0 0;
}

#navBar li a {
    color: #ffffff;
    font-weight: bold;
}

#navBar li a:hover {
    color: #accb39;
    text-decoration: none;
}

#main {
    margin: 40px;
    border-radius: 16px;
    background-color: #ffffff; /*#ffffff*/
    box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.15);
}

#mainCon {
    padding: 0 4.8rem;
}

/* Add-250409ks�� */
#headUserId {
    font-size: 1rem;
    color: #d9d9d9;
    padding-bottom: 4px;
}
/* Add-250409ks�� */