@charset "UTF-8";
/* CSS Document */

*{ margin:0; padding:0; box-sizing: border-box; }
.contents img { width: 100%; }

body{ width: 100%; max-width: 900px; margin: 0 auto; text-align: center; }

.icon { display: flex; flex-wrap:wrap; }
.icon p {
	width: calc(100%/4);
	margin: 0;
	margin-bottom: -5px;
}
.icon p img { max-width:100%; height: auto; }
.icon p:hover { opacity: 0.7; }
a:hover img { opacity: 0.7; }

/*---------- スマホサイズ ---------- */
hr{
margin-top: 23px;
border:none;
border-top:dashed 1px #c7c7c7;
height:1px;
color:#FFFFFF;
width:100%;
}
.contents1 img { width: 100%;  margin-top: 25px; }
.contents1-2 img { width: 100%;  margin-top: 20px; }
.contents2 img { width: 100%;  margin-top: 10px; }
.contents3 img { width: 90%;  margin-top: 25px; }
.contents4 img { width: 90%;  margin-top: 10px; }
.contents5 img { width: 100%;  margin-top: 25px; margin-bottom: -8px; }
.contents6 img { width: 90%;  margin-top: 10px; margin-bottom: 5px;}

table{
	margin: 0 auto;
	border-collapse: collapse;/*セル同士の隙間を作らない*/
	margin-top: 10px;
	width:99.5%;
  }
table th {
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	font-size: 14px;
	font-weight: bold;
	border: solid 1px black;
	padding: 5px;
	background: #E4E4E4;
}
table td {
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	font-size: 16px;
	font-weight: bold;
	border: solid 1px black;
	padding: 10px 10px;
}
td.a { width: 13%; background: #E4E4E4; }
td.b { width: 52%; text-align: left; }
td.b a { color: #0096c8; }
td.b a:hover { opacity: 0.7; }
td.c { width: 17%; }
td.d { width: 10%; }

.buck img {width: 90%; margin-top: 20px; margin-bottom: 20px;}
.copyright{
	font-size: 12px;
	font-family: YuMincho, 'Yu Mincho', 'Hiragino Mincho ProN', 'serif';
	font-weight: 500;
	color: #000000;
	text-align: center;
}
/*---------- pcサイズ ---------- */
@media (min-width:601px){
hr{
margin-top: 55px;
border:none;
border-top:dashed 1px #c7c7c7;
height:1px;
color:#FFFFFF;
width:100%;
}
.contents1 img {width: 100%; margin-top: 60px; }
.contents1-2 img {width: 100%; margin-top: 30px; }
.contents2 img {width: 100%;  margin-top: 30px; }
.contents3 img {width: 90%;  margin-top: 60px; }
.contents4 img {width: 90%;  margin-top: 30px; }
.contents5 img { width: 100%;  margin-top: 60px; margin-bottom: 5px; }
.contents6 img { width: 90%;  margin-top: 30px; margin-bottom: 50px; }

table{
	margin: 0 auto;
	border-collapse: collapse;/*セル同士の隙間を作らない*/
	margin-top: 10px;
	width:99.5%;
  }
table th {
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	font-size: 21px;
	font-weight: bold;
	border: solid 1px black;
	padding: 5px;
	background: #E4E4E4;
}
table td {
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	font-size: 24px;
	font-weight: bold;
	border: solid 1px black;
	padding: 15px 10px;
}
td.a { width: 13%; background: #E4E4E4; }
td.b { width: 52%; text-align: left; }
td.b a { color: #0096c8; }
td.b a:hover { opacity: 0.7; }
td.c { width: 17%; }
td.d { width: 10%; }	
	
.buck img {width: 90%; margin-top: 30px; margin-bottom: 30px;}
.copyright{
	font-size: 20px;
	font-family: YuMincho, 'Yu Mincho', 'Hiragino Mincho ProN', 'serif';
	font-weight: 500;
	color: #000000;
	text-align: center;
}
}