F@charset "UTF-8";





.tbl-r05 {
      font-size: 16px;
      text-align: center;
      margin: 60px auto 40px;
}
.tbl-r05 th {
      background: #716e6e;
      border: solid 1px #ccc;
      color: #fff;
      padding: 10px;
}
.tbl-r05 td {
      border: solid 1px #ccc;
      padding: 10px;
}
.tbl-r05 td:first-child {
      background: #f6f4f4;
}



.fixed-box-yoko-tate3 {
      width:100%;
      height:auto;
      background: #fff;
      border:1px solid #fff;
      overflow:auto;
      border-collapse: collapse;
}
.yoko-tate3 {
      width:100px;
      border-collapse: collapse;
      border: 1px solid #ccc;
}
.yoko-tate3 th {
      width:140px;
      height: 30px;
      border: 1px solid #ccc;
      text-align:center;
}
.yoko-tate3 td {
      width:120px;
      height: 30px;
      border: 1px solid #ccc;
      text-align:center;
}
.yoko-tate3 .fixed01 {
      position: sticky;
      top: 0;
      left: 0;
      color: #fff;
      background: #274a78;
      text-align:center;
      padding: 2px;
      z-index:3;
}
.yoko-tate3 .fixed02 {
      position: sticky;
      top: 0;
      left: 0;
      color: #fff;
      background: #274a78;
      text-align:center;
      padding: 2px;
}
.yoko-tate3 .fixed03 {
      position: sticky;
      top: 0;
      left: 0;
      color: #fff;
      background: #274a78;
      text-align:left;
      padding: 0 5px 0 15px;
      width:110px;
}
.yoko-tate3 .fixed01:before,
.yoko-tate3 .fixed02:before {
      content: "";
      position: absolute;
      top: -1px;
      left: -1px;
      border: 1px solid #ccc;
}
.yoko-tate3 .fixed01 {
      z-index: 3;
}
.yoko-tate3 .fixed02 {
      z-index: 2;
}


.fixed-box3 {
      border-collapse: collapse;
      text-align:center;
      display: block;
      width: 100%;
      margin: 0 auto;
}
.fixed-box3 th, .fixed-box3 td {
      padding:15px;
      border: 1px solid #ccc;
      text-align:center;
}
.fixed-box3 th {
      background: #274a78;
      color: #fff;
      padding:15px;
      width: auto;
      font-weight:normal;
}
.fixed-box3 td img {
      display: inline-block;
      vertical-align: middle;
}



.yoko-tate4 {
      width:100%;
      border-collapse: collapse;
      border: 1px solid #ccc;
      table-layout:auto;
}
.yoko-tate4 th, table.yoko-tate4 td {
      border: 1px solid #ccc;
      text-align:center;
      padding: 5px 10px 5px 10px;
}
.yoko-tate4 .fixed01 {
      position: sticky;
      top: 0;
      left: 0;
      color: #fff;
      background: #274a78;
      text-align:center;
      padding: 2px 5px;
      z-index: 2;
      width:120px;
}
.yoko-tate4 .fixed02 {
      position: sticky;
      top: 0;
      left: 0;
      color: #fff;
      background: #274a78;
      text-align:center;
      padding: 2px;
      width:200px;
}
.yoko-tate4 .fixed03 {
      position: sticky;
      top: 0;
      left: 0;
      color: #fff;
      background: #274a78;
      text-align:left;
      padding: 0 5px 0 15px;
}
.yoko-tate4 .fixed01:before,
.yoko-tate4 .fixed02:before {
      content: "";
      position: absolute;
      top: -1px;
      left: -1px;
      border: 1px solid #ccc;
}




.yoko-tate5 {
      width:auto;
      border-collapse: collapse;
      border: 1px solid #ccc;
      table-layout:auto;
}
.yoko-tate5 th, table.yoko-tate5 td {
      border: 1px solid #ccc;
      text-align:center;
      padding: 5px 10px 5px 10px;
}
.yoko-tate5 .fixed01 {
      position: sticky;
      top: 0;
      left: 0;
      color: #fff;
      background: #274a78;
      text-align:center;
      padding: 2px 5px;
      z-index: 3;
      width:120px;
}
.yoko-tate5 .fixed02 {
      position: sticky;
      top: 0;
      left: 0;
      color: #fff;
      background: #274a78;
      text-align:center;
      padding: 2px;
      z-index: 2;

}
.yoko-tate5 .fixed03 {
      position: sticky;
      top: 0;
      left: 0;
      color: #fff;
      background: #274a78;
      text-align:left;
      padding: 5px 5px 5px 10px;
      z-index: 1;
      width:130px;
      line-height:20px;
}
.yoko-tate5 .fixed01:before,
.yoko-tate5 .fixed02:before {
      content: "";
      position: absolute;
      top: -1px;
      left: -1px;
      border: 1px solid #ccc;
}






}


.slider table {
  margin: 0 auto;
  padding: 0;
  border-collapse: collapse;
}
.slider tr th, .slider tr td {
 border: 1px solid #999;
}
.slider th, .slider td {
  padding: 6px;
  white-space: nowrap;
}







/* max-width: 1012px PC
=============================================================*/
@media only screen and ( max-width: 1012px ) {


.slider table {
  margin: 0 auto;
  padding: 0;
  border-collapse: collapse;
}
.slider tr th, .slider tr td {
 border: 1px solid #999;
}
.slider th, .slider td {
  padding: 6px;
  white-space: nowrap;
}








.fixed-box-yoko-tate3 {
      width:100%;
      height:auto;
      background: #fff;
      border:1px solid #fff;
      overflow:auto;
      border-collapse: collapse;
}
.yoko-tate3 {
      width: 180px;
      height: 90px;
      border-collapse: collapse;
      border: 1px solid #ccc;
}
.yoko-tate3 th, table.yoko-tate3 td {
      width: 150px;
      height: 40px;
      vertical-align: center;
      padding: 0 5px;
      border: 1px solid #ccc;
      text-align:center;
      font-weight: normal;
}
.yoko-tate3 .fixed01,
.yoko-tate3 .fixed02 {
      position: sticky;
      top: 0;
      left: 0;
      color: #fff;
      background: #274a78;
      width:100px;
}
.yoko-tate3 .fixed01:before,
.yoko-tate3 .fixed02:before {
      content: "";
      position: absolute;
      top: -1px;
      left: -1px;
      width: auto;
      height: auto;
      border: 1px solid #ccc;
}
.yoko-tate3 .fixed01 {
      z-index: 2;
      vertical-align: center;
}
.yoko-tate3 .fixed02 {
      z-index: 1;
}


.fixed-box3 {
      width:100%;
      table-layout:auto;
}
.fixed-box3 th, .fixed-box3 td {
      display:table-cell;
      clear:none;
      padding:10px;
      border: 1px solid #ccc;
      text-align:center;  
}
.fixed-box3 th {
      width:auto;
      white-space:nowrap;
      font-weight:normal;
}
.fixed-box3 td {
      word-wrap:break-word;
      text-align:center;
      vertical-align: baseline;
}
.fixed-box3 td img {
      display: inline-block;
      vertical-align: middle;
}

.yoko-tate4 {
      border-collapse: collapse;
      border: 1px solid #ccc;
      width:700px;
      overflow: scroll;
}
.yoko-tate4 th, table.yoko-tate4 td {
      border: 1px solid #ccc;
      text-align:center;
      padding: 5px 10px 5px 10px;
}
.yoko-tate4 .fixed01 {
      position: sticky;
      top: 0;
      left: 0;
      color: #fff;
      background: #274a78;
      text-align:center;
      padding: 2px;
      z-index:2;
}
.yoko-tate4 .fixed02 {
      position: sticky;
      top: 0;
      left: 0;
      color: #fff;
      background: #274a78;
      text-align:center;
      padding: 2px;
}
.yoko-tate4 .fixed03 {
      position: sticky;
      top: 0;
      left: 0;
      color: #fff;
      background: #274a78;
      text-align:left;
      padding: 0 5px 0 15px;
}
.yoko-tate4 .fixed01:before,
.yoko-tate4 .fixed02:before {
      content: "";
      position: absolute;
      top: -1px;
      left: -1px;
      border: 1px solid #ccc;
}


.yoko-tate5 {
      border-collapse: collapse;
      border: 1px solid #ccc;
      width:700px;
      overflow: scroll;
}
.yoko-tate5 th, table.yoko-tate5 td {
      border: 1px solid #ccc;
      text-align:center;
      padding: 5px 10px 5px 10px;
}
.yoko-tate5 .fixed01 {
      position: sticky;
      top: 0;
      left: 0;
      color: #fff;
      background: #274a78;
      text-align:center;
      padding: 2px;
      z-index:3;
}
.yoko-tate5 .fixed02 {
      position: sticky;
      top: 0;
      left: 0;
      color: #fff;
      background: #274a78;
      text-align:center;
      padding: 2px;
      z-index:2;

}
.yoko-tate5 .fixed03 {
      position: sticky;
      top: 0;
      left: 0;
      color: #fff;
      background: #274a78;
      text-align:left;
      z-index:1;
      padding: 0 5px 0 15px;
}
.yoko-tate5 .fixed01:before,
.yoko-tate5 .fixed02:before {
      content: "";
      position: absolute;
      top: -1px;
      left: -1px;
      border: 1px solid #ccc;
}






}



/* min-width: 640px PC
=============================================================*/
@media only screen and (max-width: 640px) {


.sl {
	width:100%;
	max-height:800px;
	overflow:hidden; 
	position:relative;
	margin-bottom:0;
}

/*
.slider {
  overflow: auto;
  margin-left: 66px;
}
.slider tr th:first-child,
.slider tr td:first-child {
  width: 56px;
  position: absolute;
  left: 10px;
}
*/








.tbl-r05 {
      width: 80%;
}
.tbl-r05 .thead {
      display: none;
}
.tbl-r05 tr {
      width: 100%;
}
.tbl-r05 td {
      display: block;
      text-align: right;
      width: 100%;
}
.tbl-r05 td:first-child {
      background: #716e6e;
      color: #fff;
      text-align: center;
}
.tbl-r05 td:before {
      content: attr(data-label);
      float: left;
      font-weight: bold;
      margin-right: 10px;
}




.fixed-box-yoko-tate3 {
      width:auto;
      height:auto;
      background: #fff;
      border:1px solid #fff;
      overflow:auto;
      border-collapse: collapse;
}
.yoko-tate3 {
      width: 180px;
      height: 90px;
      border-collapse: collapse;
      border: 1px solid #ccc;
}
.yoko-tate3 th, table.yoko-tate3 td {
      width: 150px;
      height: 40px;
      vertical-align: center;
      padding: 0 10px;
      border: 1px solid #ccc;
      text-align:center;
      font-weight: normal;
}
.yoko-tate3 .fixed01,
.yoko-tate3 .fixed02 {
      position: sticky;
      top: 0;
      left: 0;
      color: #fff;
      background: #274a78;
      width:140px;
}
.yoko-tate3 .fixed01:before,
.yoko-tate3 .fixed02:before {
      content: "";
      position: absolute;
      top: -1px;
      left: -1px;
      width: auto;
      height: auto;
      border: 1px solid #ccc;
}
.yoko-tate3 .fixed01 {
      z-index: 2;
      vertical-align: center;
}
.yoko-tate3 .fixed02 {
      z-index: 1;
}


.fixed-box3 {
      width:800px;
      table-layout:auto;
}
.fixed-box3 th, .fixed-box3 td {
      display:table-cell;
      clear:none;
      padding:10px;
      border: 1px solid #ccc;
      text-align:center;  
}
.fixed-box3 th {
      width:auto;
      white-space:nowrap;
      font-weight:normal;
}
.fixed-box3 td {
      word-wrap:break-word;
      text-align:center;
      vertical-align: baseline;
}
.fixed-box3 td img {
      display: inline-block;
      vertical-align: middle;
}

.yoko-tate4 {
      border-collapse: collapse;
      border: 1px solid #ccc;
      width:700px;
      overflow: scroll;
}
.yoko-tate4 th, table.yoko-tate4 td {
      border: 1px solid #ccc;
      text-align:center;
      padding: 5px 10px 5px 10px;
}
.yoko-tate4 .fixed01 {
      position: sticky;
      top: 0;
      left: 0;
      color: #fff;
      background: #274a78;
      text-align:center;
      padding: 2px;
      z-index:2;
      width:120px;
}
.yoko-tate4 .fixed02 {
      position: sticky;
      top: 0;
      left: 0;
      color: #fff;
      background: #274a78;
      text-align:center;
      padding: 2px;
}
.yoko-tate4 .fixed03 {
      position: sticky;
      top: 0;
      left: 0;
      color: #fff;
      background: #274a78;
      text-align:left;
      padding: 0 5px 0 15px;
      width:120px;
}
.yoko-tate4 .fixed01:before,
.yoko-tate4 .fixed02:before {
      content: "";
      position: absolute;
      top: -1px;
      left: -1px;
      border: 1px solid #ccc;
}


.yoko-tate5 {
      border-collapse: collapse;
      border: 1px solid #ccc;
      width:100%;
      overflow: scroll;
}
.yoko-tate5 th {
      position:-webkit-sticky;
      position:sticky;
      top:0;
      z-index:1;
}
.yoko-tate5 td {
      position:-webkit-sticky;
      position:sticky;
      top:30px;
      z-index:1;
}
.yoko-tate5 th, table.yoko-tate5 td {
      border: 1px solid #ccc;
      text-align:center;
      padding: 5px 10px 5px 10px;
}
.yoko-tate5 .fixed01 {
      position: sticky;
      top: 0;
      left: 0;
      color: #fff;
      background: #274a78;
      text-align:center;
      padding: 2px;
      z-index:3;
      width:120px;
}
.yoko-tate5 .fixed02 {
      position: sticky;
      top: 0;
      left: 0;
      color: #fff;
      background: #274a78;
      text-align:center;
      padding: 2px;
      z-index:2;

}
.yoko-tate5 .fixed03 {
      position: sticky;
      top: 0;
      left: 0;
      color: #fff;
      background: #274a78;
      text-align:left;
      padding: 0 5px 0 15px;
      width:120px;
      z-index:1;

}
.yoko-tate5 .fixed01:before,
.yoko-tate5 .fixed02:before,
.yoko-tate5 .fixed03:before {

      content: "";
      position: absolute;
      top: -1px;
      left: -1px;
      border: 1px solid #ccc;
}





} /* /640 */ 







@media print {




.fixed-box-yoko-tate3 {
     width:100%;
     height: 251mm;
     border:1px solid #fff;
     overflow:visible;
     border-collapse: collapse;
}
.yoko-tate3 {
      width:auto;
      height: auto;
      border-collapse: collapse;
      border: 1px solid #ccc;
}
.yoko-tate3 th, table.yoko-tate3 td {
      width: auto;
      height: auto;
      vertical-align: center;
      padding: 0 4px;
      border: 1px solid #ccc;
      text-align:center;
      font-weight: normal;
}
.yoko-tate3 .fixed01,
.yoko-tate3 .fixed02 {
      position: sticky;
      top: 0;
      left: 0;
      color: #000000;
      background: #a9a9a9;
      width:100px;
}
.yoko-tate3 .fixed01:before,
.yoko-tate3 .fixed02:before {
      content: "";
      position: absolute;
      top: -1px;
      left: -1px;
      width: auto;
      height: auto;
      border: 1px solid #ccc;
}
.yoko-tate3 .fixed01 {
      z-index: 2;
      vertical-align: center;
}
.yoko-tate3 .fixed02 {
      z-index: 1;
}


.fixed-box3 {
      width:100%;
      table-layout:auto;
}
.fixed-box3 th, .fixed-box3 td {
      display:table-cell;
      clear:none;
      padding:10px;
      border: 1px solid #ccc;
      text-align:center;  
      color: #000000;
}
.fixed-box3 th {
      width:auto;
      white-space:nowrap;
      font-weight:normal;
      background: #a9a9a9;
}
.fixed-box3 td {
      word-wrap:break-word;
      text-align:center;
      vertical-align: baseline;
}
.fixed-box3 td img {
      display: inline-block;
      vertical-align: middle;
}



}





/*--スマートフォン--*/
/*--メディアクエリの記述なし--*/
.table-area {
	width: 90%;
	margin: 0 auto;
	overflow-x: scroll;
}

table.sp-table {
	width: 100%;
	min-width: 900px;
	margin: 5em auto 2em;
}

/*--↓ 下記は装飾になります--*/
table.sp-table, 
table.sp-table td, 
table.sp-table th {
	border: 1px solid #afafb0;
	border-collapse: collapse;
}

table.sp-table td, 
table.sp-table th {
	font-size: .8rem;
	padding: 1em;
	box-sizing: border-box;
}

table.sp-table th {
	color: #ffffff;
	background-color: #0f2350;
}

table.sp-table .fixed01 {
       	color: #ffffff;
	background-color: #0f2350;
        position: sticky;
        top: 0;
        left: 0;
        z-index: 2;
}
table.sp-table .fixed02 {
       	color: #ffffff;
	background-color: #0f2350;
        position: sticky;
        top: 0;
        left: 0;
}
table.sp-table .fixed03 {
       	color: #ffffff;
	background-color: #0f2350;
        position: sticky;
        top: 0;
        left: 0;
}


/*--PC--*/
@media screen and (min-width: 1025px){

.table-area {overflow-x: auto;}
	
table.sp-table {width: 60%;}


}