@charset "UTF-8";

html {
  font-size: 100%;
}
body {
  color: #082b48;
  text-align:left;

}
a {
 width: 100%;
  text-decoration: none;
  color: #082b48;
  }
 a:hover {
  opacity: 0.5;
  color: #ed6c63;
}

img {
  max-width: 100%;
}
li {
  list-style: none;
}

.wrapper {
  max-width: 960px;
  margin: 0 auto 130px auto;
  font-size: 0.9rem;
  padding: 0 4%;
}
.site-title {
  line-height: 1px;
}
.site-title a {
  display: block;
}
.sec-title {
  font-size: 1.5rem;
  text-align: center;
  margin-bottom: 65px;
}
.logo1{
width:15px;
margin:5;
}
/*-------------------------------------------
ヘッダー
-------------------------------------------*/
#header {
  max-width: 960px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 270px;
  margin: 0 auto 0;
  padding: 0 30 0%;
}
#header ul {
  display: flex;
  padding: 10px 0;
}
#header li {
  font-size: 0.9rem;
  margin-left: 30px;
}
#header li a {
  color: #24292e;
}
#header li a:hover {
  opacity: 0.7;
}
#header li img.icon {
  width: 30px;
}

/*-------------------------------------------
ページが飛ぶやつ
-------------------------------------------*/
#page-link{
  display: flex;
  justify-content: center;
  padding: 20px;
}

#page-link li{
  list-style: none;
}

#page-link li a{
  color: #333;
  padding:0 20px;
  text-decoration: none;
  }
  /* カーソルを合わせたときに表示を変える */
  #page-link li a:hover{
	color: #f48e83;
	  opacity: 0.8;
}


.ronbun h1{
margin-bottom: 5px;
margin-top:5px;
margin-left:20px;
font-size:25px;
  
}
.ronbun h2{
margin-bottom:0px;
margin-top:5px;
margin-left:20px;
font-size:18px;
  
}
.ronbun h3{
margin-bottom: 0px;
margin-top:0px;
margin-left:30px;
font-size:15px;
}

.ronbun h4{
margin-bottom: 80px;
margin-top:1px;
margin-left:30px;
font-size:15px;
}


	

/*-------------------------------------------
フッター
-------------------------------------------*/
#footer {
  background-color: #24292e;
  color: #fff;
  font-size: 0.5rem;
  padding: 10px 20px;
  text-align: center;
}