@charset "utf-8";

header, nav, article, aside, section, footer {
    display:block;  /*←新要素はデフォルトではinline要素なのでこの指定が必要。*/
}


body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align: left;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-image: url(../pic/bg1.jpg);
	background-repeat: repeat-x;
	list-style-type: none;
	letter-spacing: 1px;
	line-height:130%;
}
#wrapper {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 1000px;
}
#bg_white {
	background-color: #FFF;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
h2 {
	margin: 0px;
}




img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

p.img_center{
  text-align: center;
}

nav ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
nav li {
	float: left;
	margin: 0px;
	padding: 0px;
} 
nav {
	width: 1000px;
}



ol {
  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  padding:0.5em;
}
ol li {
  position: relative;
  padding-left: 30px;
  line-height: 1.5em;
  padding: 0.5em 0.5em 0.5em 30px;
}

ol li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*以下数字のデザイン変える*/
  display:inline-block;
  background: #5c9ee7;
  color: white;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-weight:bold;
  font-size: 16px;
  border-radius: 50%;
  left: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  /*以下 上下中央寄せのため*/
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}





#logo {
	margin-left: 20px;
}
h1  {
	font-size: 70%;
	font-weight: normal;
	margin: 0px;
}

article {
	float: left;  /*←article（メインブロック）はfloat:leftで左寄せに。*/
	width: 1000px;
	font-size: 80%;
}

footer {
	clear: both;  /*←articleとasideのfloatを、これでクリア。*/
	padding: 5px;
	font-size: 75%;
	background-color: #D9D9D9;
	height: 20px;
}
footer #link a, a:hover, a:active  {
	text-decoration: none;
	color: #000;
	
}

#copy {
	float: right;
	width: 400px;
}
#link {
	float: left;
	width: 550px;
}

.center {
	text-align: center;
	margin-top: 30px;
	margin-bottom: 10px;
}

.bold {
	font-weight: bold;
}
.red {
	color: #F00;
}

.right {
	text-align: right;
}

.bg_blue {
	background-color: #0e7bc0;
	color: #FFF;
	text-align: center;
}
.style1 {
	color: #F90;
	font-weight: bold;
	font-size: 120%;
}





a.btn_12 {
	display: flex;
    justify-content: space-evenly;
    align-items: center;
	text-align: center;
	text-decoration: none;
	width: 100px;
	margin: auto;
	padding: 0.5rem 1rem 0.5rem 1rem;
	font-weight: bold;
	background: #27acd9;
	color: #fff;
	border-radius: 100vh;
	position: relative;
	transition: 0.5s;
}
a.btn_12::before {
	content: '';
	width: 5px;
	height: 5px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);
}
a.btn_12:hover {
	background: #44c6f2;
	color: #fff;
}