@charset "UTF-8";
/** ヘッダーCSS */

.cmn-header { background-color: var(--primary); color: #fff; padding: 5px 0 5px 20px; position: fixed; width: 1200px; opacity: 0.9; text-align: left; z-index: 11; }
.cmn-header .clm1 div { font-weight: bold; font-size: 20px; }
.cmn-header .clm1 div.mng-only { letter-spacing: 0.1em; }
.cmn-header .clm2 { text-align: right; }
.cmn-header .clm2 div { text-align: center; padding: 0 15px; display: inline-block; cursor: pointer; }
.cmn-header .clm2 div:after {
 text-align: center;
 display: block;
 content: '';
 width: 0;
 height: 1px;
 background-color: #fff;
 margin: -3px 0 0 0;
 transition: .25s ease-out;
 -webkit-transition: .25s ease-out;
 -moz-transition: .25s ease-out;
 -o-transition: .25s ease-out;
 -ms-transition: .25s ease-out;
}
.cmn-header .clm2 div:hover:after { width: 100%; }

.cmn-header.type-mng div.co-only { display: none; }
.cmn-header.type-co div.mng-only { display: none; }
.cmn-header .menu:before { content: '\f0c9'; margin-right: 0.3em; font-weight: 900; font-family: "Font Awesome 5 Free"; }
.cmn-header .coedit:before { content: '\f0ad'; margin-right: 0.3em; font-weight: 900; font-family: "Font Awesome 5 Free"; }
.cmn-header .logout { font-size: 13px; }
.cmn-header .logout:before { content: '\f2f5'; margin-right: 0.3em; font-weight: 900; font-family: "Font Awesome 5 Free"; }

.cmn-header .co-box div { display: inline-block; }
.cmn-header .co-box div:first-child { min-width: 200px; max-width: 360px; margin-right: 20px; }
.cmn-header .co-box.co-name20 div:first-child { font-size: 18px; }
.cmn-header .co-box.co-name25 div:first-child { font-size: 14px; }
.cmn-header .co-box.co-name30 div:first-child { font-size: 12px; }
.cmn-header .clm1 div.plan-ki, .cmn-header .clm1 div.plan-year { font-size: 18px; line-height: 20px; vertical-align: text-top; }
.plan-ki:before { content: '第'; /* margin-left: 20px; */ }
.plan-ki:after { content: '期'; /* margin-right: 10px; */ }
.plan-year:after { content: '年度'; }