@charset "utf-8";
/* CSS Document */
.about_layout10 {
	position: relative;
	width: 1120px;
	height: 350px;
	margin-bottom: 100px;
}
.pic {
	position: absolute;
	left: 0;
	top: 0;
	width: 66%;
	display: flex;
}
.text01, .text02 {
	width: 33%;
	padding: 0 20px;
}
.text01 {
	position: absolute;
	right: 0;
	top: 0;
}
.text02 {
	position: absolute;
	right: 0;
	bottom: 0;
}
.pic01 {
	width: 70%;
	margin-right: 20px;
	position: relative;
}
.pic02 {
	width: 64%;
	position: relative;
}
.pic01 img {
	width: 100%;
}
.pic02 img {
	width: 100%;
}
.pic01 p.com01 {
	position: absolute;/*絶対配置*/
	color: #000;/*文字は黒に*/
	left: 0;
	bottom: 0;
	padding: 10px 20px;
	background-color: rgb(255, 255, 255, .8);
	font-size: 1.0em;
	line-height: 1.5;
	width: 100%;
}
.pic02 p.com02 {
	position: absolute;/*絶対配置*/
	color: #000;/*文字は黒に*/
	left: 0;
	bottom: 0;
	padding: 10px 20px;
	background-color: rgb(255, 255, 255, .8);
	font-size: 1.0em;
	line-height: 1.5;
	width: 100%;
}

@media screen and (max-width: 768px) {
.about_content .copy_area {
	height: 600px;
}
.about_layout03 {
}
.about_layout10 {
	width: 100%;
	margin: 20px 0;
	height: auto;
	clear: both;
}
.about_layout04 {
	clear: both;
}
.pic {
	position: static;
	display: block;
	width: 100%;
}
.text01, .text02 {
	width: 100%;
	padding: 0;
}
.text01 {
	position: static;
	margin-bottom: 30px;
}
.text02 {
	position: static;
}
.pic01, .pic02 {
	width: 100%;
	position: relative;
	margin-bottom: 30px;
}
.pic01 p.com01 {
}
.pic02 p.com01 {
}
}