@charset "utf-8";

@-ms-viewport {
  width: auto;
}

@viewport {
  width: device-width;
}

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}


@media screen and (max-width:920px){

	.pc{display:none;}
	.sp{display:block;}

	html{
		font-size:80%;
	}

/*================================================================
* Title Design
================================================================*/
	h3 {
		margin:0;
		padding:0;
		display: inline-block;
		vertical-align: middle;
	}
	h3:before {
		content: '●';
		color: #7db4e6;
		margin-right: 8px;
		margin-left: 0px;
	}

/*################################################
    header setting
#################################################*/
	#header{
		height: 120px;
		width:100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		background:rgb(255, 255, 255, 0.5);
		color:#fff;
		text-align: center;
		padding: 20px;
	}
	
	#header.fixed{
		display:none;
	}

	header .contents{
		width:95%;
		margin:0 auto;
	}
	.header-inner{
		width:95%;
		height:120px;
		text-align:right;
		margin-top:10px;
	}
	.header-inner img{
		width:100px;
		float:left;
	}

	nav ul{
		display: none;
	}


/*################################################
    #sec01 setting
#################################################*/
	#sec01{
		width:95%;
		margin:0 auto;
	}
	#sec01 .contents{
		width:95%;
		margin:0 auto;
	}

	#sec01 .contents h1{
		font-size:20px;
		margin:0;
	}
/*################################################
    #sec02 setting
#################################################*/
	#sec02{
		width:95%;
		height:auto;
		margin:20px auto 0 auto;
	}
	#sec02 .contents{
		width:95%;
		height:auto;
		margin:0 auto;
	}
	#sec02 .contents p{
		padding-left:2em;
	}
	.noticeBox dd span{
		width:4em;
		padding:5px;
		background:rgb(235, 19, 19);
		color:#fff;
		border-radius: 0.5em;
		margin-right:0;
	}
	#sec02 .contents dl{
		padding:5px 10px 5px 10px;
		display: block;
		width: 100%;
	}
	#sec02 .contents dt{
		font-weight:bold;
		width:100%;
	}
	#sec02 .contents dd{
		width:90%;
	}
	

/*################################################
    .tbStyle setting
#################################################*/

	table.tbStyle {
		border: 0;
		width:100%
	}
	table.tbStyle th{
		background-color: rgb(119, 195, 223);
		display: block;
		border-right: none;
	}
	table.tbStyle thead {
		border: none;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}

	table.tbStyle tr {
		display: block;
		margin-bottom: .625em;
	}

	table.tbStyle td {
		border-bottom: 1px solid #bbb;
		display: block;
		font-size: .8em;
		text-align: right;
		position: relative;
		padding: .625em .625em .625em 4em;
		border-right: none;
	}

	table.tbStyle td::before {
		content: attr(data-label);
		font-weight: bold;
		position: absolute;
		left: 10px;
	}

	table.tbStyle td:last-child {
		border-bottom: 0;
	}

/*footer
----------------------------------------------------*/
	footer{
		padding-top:30px;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		background:#ccc;
	}
	footer .contents{
		width:95%;
		margin:0 auto;
	}
	.flexbox{
		display:flex;
		justify-content: center;
		align-items: center;
		flex-direction:row;
		width:100%;
		padding:5px;
	}
	.box-item{
		padding: 0;
		width: 100%;
		color:#333;
	}
	.box-item:first-child{
		width:30%;
	}
}

/*################################################
    .UpdateHistry
#################################################*/
.UpdateHistry {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
    font-size: 1em;
  }
@media screen and (max-width: 768px) {
    .Table {
      font-size: 1em;
    }
}

.UpdateHistry-Cell {
    border-top: 1px dashed #9b9999;
    border-bottom: 1px dashed #9b9999;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    padding-left: 0.5em;
    padding-right: 0.5em;
}
.UpdateHistry-Cell:first-child {
    white-space: nowrap; /* 改行を防ぐ */
}