@charset "utf-8";
/* CSS Document */


.flex-box {
  display: flex;
  flex-wrap: wrap;
 }

@media screen and (min-width: 768px) {
.flex-box {
  display: flex;
  flex-wrap: wrap;
  padding-top: 100px;
 }
}
.flex-box img {
  vertical-align: top;
  padding-bottom: 10px;
}

.thumnail-right-box {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

.thumnail-right-box li {
  display: flex;
  flex-wrap: wrap;
  width: 40%;
  margin: 0 0 0 auto;
}

.thumnail-right-box li img {
  width: 100%;
  margin: 0 0 auto;
}

.top-banner{
	display: flex;
	flex-wrap:wrap;
}
.top-banner li {
	width: calc(100%/3);/*←画像を横に4つ並べる場合*/
	padding:0 5px;/*←画像の左右に5pxの余白を入れる場合*/
	box-sizing:border-box;
}
.top-banner li img {
	max-width:100%; /*画像のはみだしを防ぐ*/
	height: auto; /*画像の縦横比を維持 */
	border:solid 1px #ccc; /*←画像を1pxのグレーの枠線で囲む指定の場合*/
}

h3 {
  font-size: 23px;
  border-bottom: 6px double #000;
}

.text_psition{
	font-size: 20px;
}

@media screen and (max-width: 768px) {
.text_psition{
 	font-size: 14px;
 }
}