body{
	overflow-x: hidden;
}

h1 {
	color: blue;
	font-size: 32px;
}

h2{
	color: blue;
	font-size: 32px;
}

header {
	text-align: center;
	width: 100%;
}

footer {
	text-align: center;
}


ul{
  
  margin: 0 auto; /* 中央揃え */
  width: fit-content; /* 幅をコンテンツに合わせる */
  list-style-position: outside; /* 箇条書きを左寄せ */
}

li {
  margin-left: 0px;
  text-indent: 0;
  font-size: 20px;
}



.head {
    justify-content: center;

}

.container {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.photo {
  flex-wrap: wrap;
  text-align: center;
  margin: 0 auto;
  max-width: 100%;
  height: auto;
}

.headerimg {
  text-align: center;
  display: block;
  margin: 0 auto;
  max-width : 100% ;
  height : auto ;
}

.kasyo2 {
	color: blue;
	font-size: 42px;
	text-align: center;
}

.kasyo3 {
	color: blue;
	font-size: 42px;
	text-align: center;
}
 
/* スマートフォン用のCSS */
@media screen and (max-width: 482px) {
  .photo img {
    display: block;
    margin: 0 auto;
    width: 100%;
    overflow:hidden;
    height : auto ;
  }

  .kasyo2, .kasyo3 {
    font-size: 24px;
    overflow:hidden;
    height : auto ;
}

.headerimg {
 display: block;
    margin: 0 auto;
    max-width: 100%;
    height : auto ;
 }
}

/* PC用のCSS */
@media screen and (min-width: 483px) {
  .photo {
  flex-wrap: wrap;
  text-align: center;
  margin: 0 auto;
  max-width: 100%;
  height: auto;
}
  


}