@charset "utf-8";

/***********************************
#s00
************************************/
article#content #s00 {
	margin-bottom: 50px;
}

article#content #s00 table {
  max-width: 860px;
  margin-left: auto;
  margin-right: auto;
  width: 90%;
}

article#content #s00 table th {
  /* width: 18%; */
  display: block;
  text-align: center;
}

article#content #s00 table th img {
	width: 25%;
	max-width: 200px;
}

article#content #s00 table td {
  padding-left: 2.5%;
}

article#content #s00 table tr.t01 th,
article#content #s00 table tr.t01 td {
  border-bottom: 30px solid #fff;
  display: block;
  text-align: center;
}

article#content #s00 table td h3 {
  display: block;
  font-weight: 600;
  font-size: min(2.8vw, 28px);
}

@media screen and (max-width:768px) {
  
  article#content #s00 {
    padding-top: 0;
		margin-bottom: 20px;
  }

  article#content #s00 table th,
  article#content #s00 table td {
    padding-left: 0;
    width: 100%;
    display: block;  
    text-align: center;
  }

  article#content #s00 table th img,
  article#content #s00 table td img {
    width: 40%; 
  }

  article#content #s00 table th {
    border-bottom: 15px solid #fff !important;
  }

  article#content #s00 table td {
    border-bottom: 20px solid #fff;
  }

  article#content #s00 table td h3 {
    font-size: 18px;
    text-align: center;
  }
  
}


/***********************************
#s01
************************************/
article#content #s01 {
  padding-top: 20px;
}

article#content #s01 .in-box {
	max-width: 1100px;
}

article#content #s01 dl {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
}

article#content #s01 dl dt {
	width: 35%;
}

article#content #s01 dl dd {
	width: 60%;
}

article#content #s01 .scroll {
	overflow: auto;
	margin-bottom: 60px;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

article#content #s01 table {
	width: 1100px;
	margin: 0 auto;
	border-top: 1px solid #ccc;
}

article#content #s01 table th,
article#content #s01 table td {
	padding: 10px;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	text-align: center;	
	font-size: 12px;
	font-weight: bold;
}

article#content #s01 table tr th:first-child,
article#content #s01 table tr td:first-child {
	border-left: none;
}


article#content #s01 table th {
	color: #fff;
}

article#content #s01 table th:nth-child(2) {
	background-color: #80d4f0;
	width: 230px;
}

article#content #s01 table th:nth-child(3) {
	background-color: #ff7aa8;
	width: 230px;
}

article#content #s01 table th:nth-child(4) {
	background-color: #65dccb;
	width: 230px;
}

article#content #s01 table th:nth-child(5) {
	background-color: #b38de4;
	width: 230px;
}

article#content #s01 table td.c00 {
	background-color: #eee;
}

article#content #s01 table td.c01 {
	background-color: #f0ffff;
}

article#content #s01 table td.c02 {
	background-color: #ffe7ff;
}

article#content #s01 table td.c03 {
	background-color: #e1f0d8;
}

article#content #s01 table td.c04 {
	background-color: #f0f0ff;
}

@media screen and (min-width:1000px) {
	
	article#content #s01 table {
		width: 100%;
	}
	
}

@media screen and (max-width:768px) {
	
	article#content #s01 dl {
		display: block;
	}

	article#content #s01 dl dt {
		width: 50%;
		margin-bottom: 10px;
	}

	article#content #s01 dl dd {
		width: 100%;
	}
	
}