@charset "utf-8";
/* ===============================================================================
 * TOP
 * =============================================================================== */
.kozaTop .koza-main-box .boxinner {
  background: url(/koza/021/images/main.png) no-repeat right top;
  -webkit-background-size: auto 100%;
       -o-background-size: auto 100%;
          background-size: auto 100%;
}

.koza-main-box .koza-summary-box .btn-view a span sup {
    vertical-align: top;
    font-size: 0.6em;
}

.koza-section .subtxt {
    color: #fff;
    background-color: #1c4282;
    padding: 6px 10px;
    border-radius: 26px;
}

.koza-section .colLBL {color: #057dca;}
.koza-section > p{padding:2%}

.koza-section .arr {
  background: url(/koza/021/images/arr.png) no-repeat center bottom;
  padding-bottom: 92px;
  margin-bottom: 30px;
  font-size: 24px;
}
.winSP .koza-section .arr {
  background: url(/koza/021/images/arr.png) no-repeat center bottom;
  -webkit-background-size: 80% auto;
       -o-background-size: 80% auto;
          background-size: 80% auto;
}

/**/
/* ===============================================================================
 * /koza/021/ #system-area
 * =============================================================================== */
#system-area .koza-section > div{
    padding: 2%;
}
.x_data_area {
    width: 100%;
    overflow: hidden;
    font-size:0;
    padding-bottom:0 !important;
}
.x_data_area > div {
  display:inline-block;
  vertical-align:top;
  width:50%;
  white-space:nowrap;
}
.x_data_area .koza-tbl.BLU{
  width:100%;
  margin-right: 0px;
}
.x_data_area th,
.x_data_area td{
  line-height:40px;
  padding:0 10px;
  font-weight:bold;
  font-size:12px;
  font-size:1.2rem;
  color:#142f5c;
}
.x_data_area .koza-tbl.BLU tr.th th{
  background:#e9ecf2;
}
.x_data_area .koza-tbl.BLU tr.ip {
  background:#edf6fb;
}
.x_data_area .koza-tbl.BLU tr.sg {
  background:#fdf8e2;
}
.x_data_area .koza-tbl.BLU tr.fe {
  background:#f2f7dd;
}
.x_data_area .koza-tbl.BLU tr.ap {
  background:#ecf7eb;
}
.x_data_area .koza-tbl.BLU tr.sc01 {
  background:#fff4f4;
}
.x_data_area .koza-tbl.BLU tr.sc02 {
  background:#e0edfe;
}


.x_data_area .lock_box{
  width: 45%;
}
.x_data_area .lock_box .koza-tbl.BLU tr:first-child th {
  height:82px;
  line-height:80px;
}


.x_data_area .x_scroll_box {
  overflow-x: scroll;
  text-align:center;
  width: 55%;
}
@media screen and (min-width: 1165px) {
.x_data_area .x_scroll_box {
  overflow-x: hidden;
}
}
.x_data_area .x_scroll_box .koza-tbl.BLU{
  margin-left: -1px;
}
.x_data_area .x_scroll_box .koza-tbl.BLU tr:first-child th {
  background:#5987d1;
  color:#fff;
}
.x_data_area .x_scroll_box .koza-tbl.BLU td{
  width:50%;
}
.x_data_area .x_scroll_box .koza-tbl.BLU td > span{
  display:inline-block;
  background:#ccc;
  border-radius:2px;
  color:#fff;
  width: 40%;
  height: 30px;
  vertical-align: middle;
  position: relative;
}
.x_data_area .x_scroll_box .koza-tbl.BLU td .spring{
  background:#ff547c;
}
.x_data_area .x_scroll_box .koza-tbl.BLU td .autumn{
  background:#0061bc;
}
.x_data_area .x_scroll_box .koza-tbl.BLU td > span > span{
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
}

.x_data_area + div{
  font-size:12px;
  font-size:1.2rem;
  padding-top:0 !important;
}


.covid19_info h4{
  font-weight:bold;
  color:#fff;
  padding:1% 4%;
  background:#dd0000;
}
.covid19_info .info_inner{
  background:#fff;
  padding:2% 5%;
  border:1px solid #dd0000;
}




/**/
/*=============
  SP
=============*/

/*--#system-area--*/

.winSP .x_data_area th,
.winSP .x_data_area td{
  padding:0 2%;
  font-size:10px;
  font-size:1rem;
}

.winSP .x_data_area .lock_box{
  width: 216px;
}
.winSP .x_data_area .lock_box .koza-tbl.BLU tr.sc01:nth-child(6) th:first-child{
 writing-mode: vertical-rl;
 height: auto;
 padding:2%;
}

.winSP .x_data_area .x_scroll_box {
  width:calc(100% - 216px);
}