﻿
#main {
  font-family:  "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.primary{
	  width: 100%;
	  max-width: 980px;
		margin: 0 auto;

}

.title01{
	font-size: 2.0rem;
	font-weight: bold;
	text-align: center;
}

.title03{
	margin: 20px  0;
}

.text01{
	margin: 5px 10px 5px;
	text-align: left;
}
.last{
	padding-bottom: 5.0rem;
}


.table-wrapper table {
  position: relative;
  border: 1px solid #333;
  border-collapse: collapse;
}

.table-wrapper td, th {
  white-space: nowrap;
  border: 1px solid #333;
  padding: 5px;
  text-align: center;
　font-size: 1.2rem;
	vertical-align: middle;
}

.table-wrapper td{	
	vertical-align: middle;}
.tdcenter{
	vertical-align: middle;
}
	.table-wrapper th{
		font-size: 1.2rem;
	}

.table-wrapper table th {
/*background-color: #eee;*/
  position: sticky;
  top: -1px;
　padding: 5px;
  z-index: 2;
	border: 1px solid #333;
		vertical-align: middle;
	
}

.box1 {
    padding: 0.5em 1em;
    margin: 2em 0;
    border: solid 1px #000000;
	width: 50%;
}
.box1 p {
    margin: 0; 
    padding: 0;
}

.title03 {
	padding: 0.4em 0.5em;/*文字の上下 左右の余白*/
	color: #494949;/*文字色*/
	background: #f4f4f4;/*背景色*/
	border-left: solid 5px #7db4e6;/*左線*/
	font-weight: bold;
}

.bg-color1{
	background-color: #FFFCDC;
}
.bg-color2{
	background-color: #FFE8B6;
}
.bg-color3{
	background-color: #FBD7C7;
}
.bg-color4{
	background-color: #E9E9E9;
}
.bg-color5{
	background-color: #E9E9E9;
	padding: 5px;
}
.indent-2{
  margin-left: 2em; 
	text-indent: -1em;
}


@media only screen and (max-width: 768px){

	.primary{
		width: 95%;
	}
	
	.title01{
		font-size: 1.8rem;
		margin-top: 2.0rem;
	}
	.title03{
	margin: 10px  0;
}

.text01{
		font-size: 1.2rem;
		padding: 10px;
	}
	
	.box1{
		width: 100%;
	}	
	
.table-wrapper {
  width: 90%;
 margin: 0 auto;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
	}
	.table-wrapper:after {
    position: absolute;
    right: 11px;
    top: 40px;
    content: '';
    display: block;
    height: 44px;
    width: 44px;
    background-image: url('../img/ico_scroll.png');
    background-repeat: no-repeat; 
    background-size: 100%;
  }

	.table-wrapper td, th{
		font-size: 1.0rem;
	}
	
	.table-wrapper th{
		font-size: 0.8rem;
	}
	}

.sbtitle {
  margin: 20px 0 15px;
  border-left: 5px solid #FF0000;
  font-size: 15px;
  font-weight: bold;
  text-indent: -1em;
  padding-left: 2em;
}

.table202403_3 th{
	border: 1px solid black;
	background-color: #2f75b5;
	color: white;
	vertical-align: middle;
	padding: 5px 0;
}

.table202403_3 td{
	border: 1px solid;
	padding: 5px;
	vertical-align: middle;
	padding: 10px 5px;
	text-align: center;
}
