@charset "utf-8";

.topimage{
	display: block;

	width: 1024px;
  margin-left: auto; /* 左マージンを自動設定 */
  margin-right: auto; /* 右マージンを自動設定 */

}


.topimage2 {
	display: block;
  margin-left: auto; /* 左マージンを自動設定 */
  margin-right: auto; /* 右マージンを自動設定 */


}


.topimage3 {
	display: block;

　width: 1024px;


  margin-left: auto; /* 左マージンを自動設定 */
  margin-right: auto; /* 右マージンを自動設定 */

}

.center-image {
  display: block; /* インライン要素からブロック要素に変更 */
  margin-left: auto; /* 左マージンを自動設定 */
  margin-right: auto; /* 右マージンを自動設定 */
  /* またはショートハンドで margin: 0 auto; */
  width: 512px;
  margin-bottom:80x;	

}


.styled-paragraph {
  width: 640px;
  height: 70px;
  text-decoration:none;
  font-size: 30px; /* 文字サイズを指定 */
  margin-left: auto; /* 左マージンを自動設定 */
  margin-right: auto; /* 右マージンを自動設定 */
  

  }
.styled-paragraph2 {
  width: 360px;
  height: 70px;
  text-decoration:none;
  font-size: 30px; /* 文字サイズを指定 */
  margin-left: auto; /* 左マージンを自動設定 */
  margin-right: auto; /* 右マージンを自動設定 */
  

  }

.styled-paragraph3 {
  width: 170px;
  height: 70px;
  text-decoration:none;
  font-size: 30px; /* 文字サイズを指定 */
  margin-left: auto; /* 左マージンを自動設定 */
  margin-right: auto; /* 右マージンを自動設定 */
  

  }


.styled-paragraph4 {
  width: 390px;
  height: 700px;
  text-decoration:none;
  font-size: 30px; /* 文字サイズを指定 */
  margin-left: auto; /* 左マージンを自動設定 */
  margin-right: auto; /* 右マージンを自動設定 */
  

  }


.styled-paragraph5 {
  width: 400px;
  height: 40px;
  text-decoration:none;
  font-size: 30px; /* 文字サイズを指定 */
  margin-left: auto; /* 左マージンを自動設定 */
  margin-right: auto; /* 右マージンを自動設定 */
  

  }



.styled-paragraph6 {
  width: 140px;
  height: 60px;
  text-decoration:none;
  font-size: 30px; /* 文字サイズを指定 */
  margin-left: auto; /* 左マージンを自動設定 */
  margin-right: auto; /* 右マージンを自動設定 */
  

  }


.styled-paragraph7 {
  width: 550px;
  height: 60px;
  text-decoration:none;
  font-size: 50px; /* 文字サイズを指定 */
  margin-left: auto; /* 左マージンを自動設定 */
  margin-right: auto; /* 右マージンを自動設定 */
  

  }


.P1 {

	padding-bottom: 30px;
	
}



.P2 {

	padding-top: 280px;

	
}


.items{
display:flex;
flex-wrap:wrap;
justify-content:center;
align-items:center;

}

.item{
box-sizing: border-box;
border:1px solid #ccc;
margin: 0;
padding: 20px;
width: 33.33333333%;
}





#list {
  width:830px;
  margin-left: auto;
  margin-right: auto;
} 

ul{
 display:flex;
   flex-wrap:wrap;
   list-style:none;
   margin:0;
   padding:0;


}
li{
  list-style: none;
  margin-left: 20px;

}