@media all and (min-width: 641px) {

/* INDEX */
body#about-index #about-greeting .text-box .text{
  margin-bottom: 20px;
  text-indent: 1em;
}
body#about-index #about-greeting .image-box img{
  display: block;
  margin-bottom: 40px;
}
body#about-index #about-objective .objective-list{
	counter-reset: my-counter;
}
body#about-index #about-objective .objective-list li{
  margin-bottom: 50px;
}
body#about-index #about-objective .objective-list li .title-level02{
  float: left;
  width: 580px;
  padding-left: 30px;
}
body#about-index #about-objective .objective-list li .title-level02:before {
	content: counter(my-counter);
	counter-increment: my-counter;
	display: block;
	width: 30px;
	height: 30px;
	float: left;
  margin: 3px 15px 0 -30px;
	margin-top: 3px;
	margin-left: -30px;
	background-color: #056f88;
	color: #ffffff;
  font-size: 1.8rem;
	text-align: center;
	text-indent: -0.5pt;
	line-height: 30px;
	letter-spacing: -0.5pt;
	border-radius: 50%;
}
body#about-index #about-objective .objective-list li .title-level02:after {
	content: "";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
}
body#about-index #about-objective .image{
  float: right;
  width: 270px;
}
body#about-index #about-objective .text{
  float: left;
  width: 580px;
  text-indent: 1em;
}
body#about-index #about-album .main-image{
  margin-bottom: 50px;
  text-align: center;
}
body#about-index #about-album .album-list{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
body#about-index #about-album .album-list li{
  margin-bottom: 5px;
}
body#about-index #about-album .album-list li img{
  vertical-align: bottom;
}

}

@media only screen and (max-width: 640px) {

/* INDEX */
body#about-index #about-greeting .text-box .text{
  margin-bottom: 20px;
  text-indent: 1em;
}
body#about-index #about-greeting .image-box{
  text-align: center;
}
body#about-index #about-greeting .image-box img{
  display: inline-block;
  margin-bottom: 10px;
}
body#about-index #about-objective .objective-list{
	counter-reset: my-counter;
}
body#about-index #about-objective .objective-list li{
  margin-bottom: 30px;
}
body#about-index #about-objective .objective-list li .title-level02{
  padding-left: 30px;
}
body#about-index #about-objective .objective-list li .title-level02:before {
	content: counter(my-counter);
	counter-increment: my-counter;
	display: block;
	width: 30px;
	height: 30px;
	float: left;
  margin: 3px 15px 0 -30px;
	margin-top: 3px;
	margin-left: -30px;
	background-color: #056f88;
	color: #ffffff;
  font-size: 1.8rem;
	text-align: center;
	text-indent: -0.5pt;
	line-height: 30px;
	letter-spacing: -0.5pt;
	border-radius: 50%;
}
body#about-index #about-objective .objective-list li .title-level02:after {
	content: "";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
}
body#about-index #about-objective .image{
  text-align: center;
}
body#about-index #about-objective .text{
  text-indent: 1em;
}
body#about-index #about-album .main-image{
  margin-bottom: 10px;
  text-align: center;
}
body#about-index #about-album .album-list{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
body#about-index #about-album .album-list li{
  width: 49%;
  margin-bottom: 5px;
}
body#about-index #about-album .album-list li img{
  vertical-align: bottom;
}


}