@charset "utf-8";

/*=========================================================
   基本ＢＯＸ設定
=========================================================*/
.kihon-box {
	width: 57.4%;
	padding: 1em;
	margin: 0.5em auto;
	text-align: justify;
	background-color: #FFFFFF;
	border: 0px solid #F58;
}

@media screen and (max-width: 1920px) {
	.kihon-box {
		width: 1100px;
	}
}

@media screen and (max-width: 1294px) {
	.kihon-box {
		width: 85%;
	}
}

@media screen and (max-width: 750px) {
	.kihon-box {
		width: 92%;
	}
}

.kihon-box img {
	width: 100%;
	padding: 1em;
	margin: 0.5em auto;
	text-align: center;
	background-color: #FFFFFF;
	border: 0px solid #0F0;
}


.kihon-box .image-box {
	width: 100%;
	padding: 0em;
	margin: 0em auto;
	text-align: justify;
	background-color: #FFFFFF;
	border: 0px solid #00F;
	display: flex;
	flex-direction: row;/*横並びに設定*/
}

@media screen and (max-width: 750px) {
	.kihon-box .image-box {
		width: 90%;
		flex-direction: column;/*縦並びに設定*/
	}
}


.kihon-box .image-box .image-box-l {
	width: 50%;
	padding: 0em;
	margin: 1em 0.5em 1em 0em;
	text-align: center;
	background-color: #FFFFFF;
	border: 0px solid #CCC;
}

@media screen and (max-width: 750px) {
	.kihon-box .image-box .image-box-l {
		width: 90%;
		margin: 1em auto;
	}
}

.kihon-box .image-box .image-box-l img {
	border: 2px solid #CCC;
}

.kihon-box .image-box .image-box-r {
	width: 50%;
	padding: 0em;
	margin: 1em 0em 1em 0.5em;
	text-align: center;
	background-color: #FFFFFF;
	border: 0px solid #CCC;
}

@media screen and (max-width: 750px) {
	.kihon-box .image-box .image-box-r {
		width: 90%;
		margin: 1em auto;
	}
}

.kihon-box .image-box .image-box-r img {
	border: 2px solid #CCC;
}