@charset "UTF-8";

body{
	font-family:"Noto Sans JP Bold;
	font-size: 100%;
	line-height: 150%;
	width: 100%;
	height: auto;
	margin: 0 auto;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
}

header{
	text-align:center;
	padding: 0;
}

header img{
  width: 20%;
  height:auto;
}

a {
	font-size: 120%;
	color: #ff0000;
}

a:hover {
	text-decoration: none;
	opacity: 0.7;
}

img {
	max-width: 100%;
	text-align: center;
}

main {
  padding-bottom: 3%;
  text-align: center;
  background-color: #ffffff;
}

h1 {
  padding:  0% 0 4%;
}

small {
	font-size: 0.7em;
	line-height: 100%;
}

em {
  font-size: 100%;
  font-weight: bold;
  font-style: normal;
  line-height: 1.6;
  color: #ff0000;
}

sup {
	vertical-align: super;
	font-size: smaller;
}


.lead {
  width: 90%;
  max-width: 1000px;
  margin: 0 auto 2%;
}

.lead>p {
  line-height: 1.6;
  font-size: 135%;
  font-weight: bold;
}

/*
.lead>p:nth-of-type(2) {
  margin-top: 2%;
}
*/

.lead>ul {
  margin: 4%;
  text-align: left;
}

.lead>ul>li {
  padding-left: 1em;
  text-indent: -1em;
}

.lead>p>span {
  color: #ff0000;
  font-size: 100%;
  font-weight: bold;
}

.contents {
  margin-top: 2%;
  padding: 0 0 5%;
  color: #008780;
  background-color: #fff0a4;
}

.contents>img {
  margin: 1% 0 1%;
  text-align: center;
}

.entry {
  margin: 2.5% 0 2.5%;
}

.contents>h2 {
  margin: 0 0 1%;
}

.contents>p {
	text-align: center;
}

.contents>ul {
  width: 950px;
  margin: 0 auto 1%;
  text-align: left;
}

.contents>ul>li {
  padding-left: 1em;
  text-indent: -1em;
}

h4 {
  font-size: 195%;
  font-weight: bold;
  font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
}

.exp{
	text-align: center;
}

.none {
  max-width: 1000px;
  margin: auto;
}

.none>ul {
  text-align: left;
}

.none>ul>li {
  padding-left: 1em;
  text-indent: -1em;
}



footer{
	margin: 2% 0 3%;
	padding: 2%;
	color: #000;
	font-size: 80%;
	text-align: center;
}