@charset "utf-8";
.page-header{
	padding: 0 15px;
	background-color:black;
}

@media screen and (max-width: 720px){
.page-header_img{
	height: 320px;
	background: #dbdbdb;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top;
	background-image: url("../pic/ikebukuroglobal.png.jpg");
}
}
@media screen and (min-width : 721px ) and ( max-width : 1090px ){
	.page-header_img{
	height: 450px;
	background: #dbdbdb;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top;
	background-image: url("../pic/ikebukuroglobal.png.jpg");
}	
}
@media screen and (min-width : 1091px ) and ( max-width : 2000px ){
	.page-header_img{
	height: 570px;
	background: #dbdbdb;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top;
	background-image: url("../pic/ikebukuroglobal.png.jpg");
}	
}

.page-header_line{
	margin: -55px auto 0;
	padding: 30px 0 40px;
	color: black;
	text-align: center;
	max-width: 960px;
	background-image:url("../pic/madosyo.jpg")
}


@media screen (max-width : 720px){
	.content-box{background-color:black;}
}
@media screen and (min-width: 721px){
.misscon{
	display: flex;
	flex-wrap:wrap;
}
.misscon li {
	width: calc(100%/4);/*←画像を横に4つ並べる場合*/
	padding:0 5px;/*←画像の左右に5pxの余白を入れる場合*/
	box-sizing:border-box;
	list-style: none;


}
.misscon li img {
	max-width:100%; 
	border:solid 1px #ccc; /*←画像を1pxのグレーの枠線で囲む指定の場合*/
}
}

@media screen and (max-width: 720px){
	misscon{
	display: flex;
	flex-wrap:wrap;
}
.misscon li {
	list-style: none;
	padding-bottom: 15px;
      

}
.misscon li img {
	width:100%; 
	border:solid 1px #ccc; /*←画像を1pxのグレーの枠線で囲む指定の場合*/

	}
}

@media screen and (min-width: 721px){
.houken{
	display: flex;
	flex-wrap:wrap;
}
.houken li {
	width: calc(100%/4);/*←画像を横に4つ並べる場合*/
	padding:0 5px;/*←画像の左右に5pxの余白を入れる場合*/
	box-sizing:border-box;
	list-style: none;


}
.houken li img {
	max-width:100%; 
	border:solid 1px #ccc; /*←画像を1pxのグレーの枠線で囲む指定の場合*/
}
}

@media screen and (max-width: 720px){
	misscon{
	display: flex;
	flex-wrap:wrap;
}
.houken li {
	list-style: none;
	padding-bottom: 15px;
      

}
.houken li img {
	width:100%; 
	border:solid 1px #ccc; /*←画像を1pxのグレーの枠線で囲む指定の場合*/

	}
}

@media screen and (min-width: 721px){
.ess{
	display: flex;
	flex-wrap:wrap;
}
.ess li {
	width: calc(100%/4);/*←画像を横に4つ並べる場合*/
	padding:0 5px;/*←画像の左右に5pxの余白を入れる場合*/
	box-sizing:border-box;
	list-style: none;


}
.ess li img {
	max-width:100%; 
	border:solid 1px #ccc; /*←画像を1pxのグレーの枠線で囲む指定の場合*/
}
}

@media screen and (max-width: 720px){
	ess{
	display: flex;
	flex-wrap:wrap;
}
.ess li {
	list-style: none;
	padding-bottom: 15px;
      

}
.ess li img {
	width:100%; 
	border:solid 1px #ccc; /*←画像を1pxのグレーの枠線で囲む指定の場合*/

	}
}