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

.resp15_h2--type1{
	background: url(/sol/contents/syokai-cp/img/pc/tit_bg.jpg) repeat-x;
	color: #004db5;
	line-height: 24px;
	font-size: 24px;
	padding: 21px 10px 15px 25px;
	font-weight: bold;
}

.resp15_h2--type1 span{ margin-right: 10px; }
.resp15_h2--type1 img{
	position:absolute;
	margin-left: -15px;
	margin-top: -10px;
}

.resp15_steps li{
	width: 302px;
}

.resp15_steps-right{
	width: 304px !important;
}

.resp15_gallery--type2-box{
	width: 33.3%;
	height: auto;
	position:relative;
	float:left;
}

.resp15_gallery--type2-box_bg1{ color: #004db5; }
.resp15_gallery--type2-box_bg2{ width: 33.4%; z-index: 3;}
.resp15_gallery--type2-box_bg3{ }
.resp15_gallery--type2-box img{ opacity: 0.8; }
.resp15_gallery--type2-box_bg1 img{ width: 110%; margin-left: 0%; }
.resp15_gallery--type2-box_bg2 img{ width: 110%; margin-left: -5%; }
.resp15_gallery--type2-box_bg3 img{ width: 110%; margin-left: -10%; }
.resp15_gallery--type2-box-text{
	font-size: 16px;
	position:absolute;
	z-index: 1;
	top: 40%;
	left: 6%;
	right: 6%;
	text-align:center;
}

.resp15_gallery--type2-box_bg1 .resp15_pc_text img{ width: 250px; margin-left: 5%;}
.resp15_gallery--type2-box_bg2 .resp15_pc_text2 img{ width: 247px; margin-left: 0%;}
.resp15_gallery--type2-box_bg3 .resp15_pc_text3 img{ width: 172px; margin-left: -5%;}

.resp15_gallery--type2-box_bg3 .resp15_gallery--type2-box-text{ margin-right: 7%; }
.resp15_pc_text{
	position:absolute;
	left: 9%;
	top: 8%;
	z-index: 4;
}
.resp15_pc_text2{
	position:absolute;
	left: 9%;
	top: 8%;
	z-index: 4;
}
.resp15_pc_text3{
	position:absolute;
	left: 21%;
	top: 8%;
	z-index: 4;
}

@media screen and (max-width: 1000px) {
	.resp15_steps li{ width: 33.26%; }
	.resp15_steps-right{ width: 33.48% !important; }
	
	.resp15_gallery--type2-box_bg1 .resp15_pc_text img{ width: 100%;}
	.resp15_gallery--type2-box_bg2 .resp15_pc_text2 img{ width: 100%;}
	.resp15_gallery--type2-box_bg3 .resp15_pc_text3 img{ width: 100%;}

	.resp15_pc_text{
		left: 9%;
		right: 9%;
	}
	.resp15_pc_text2{
		left: 13%;
		right: 13%;
	}
	.resp15_pc_text3{
		left: 24.3%;
		right: 24.3%;
	}	
}

@media screen and (max-width: 900px) {
	.resp15_gallery--type2-box-text{ font-size: 15px; top: 35%; }
}

@media screen and (max-width: 780px) {
	.resp15_gallery--type2-box-text{ left: 5%; font-size: 13.5px; }
}

@media screen and (max-width: 700px) {
	.resp15_h2--type1{ font-size: 18px; line-height: 18px; }
	
	.resp15_steps li, .resp15_steps-right{
		width: 100% !important;
	}
	
	.resp15_h2--type1 img{
		height: 35px;
	}

	.resp15_gallery--type2-box{ width: 100%; margin-bottom: 5px;}
	.resp15_gallery--type2-box img{width: 100%; margin: 0%; opacity:1;}
	.resp15_gallery--type2-box-text{ margin: 5px 15px 10px 15px; display:block; position:static; font-size: 14px; text-align:left; padding: 10px; background-color:#FFFFFF;}
	
	.resp15_gallery--type2-box_bg1{ background-color: #e1f4ff; }
	.resp15_gallery--type2-box_bg2{ background-color: #f3e0ed; }
	.resp15_gallery--type2-box_bg3{ background-color: #ecffd9; }
	
	.resp15_gallery--type2-box_bg3 .resp15_gallery--type2-box-text{
		margin-right: 15px;
	}
}