@charset "utf-8";
#main .contents{
  width: 100%;
  background: #f7fafb url(../../img/heartroidproject/background_img.jpg) no-repeat center center;
  /*background-size: cover;*/
}
#main .contents .txt{
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
	padding: 94px 10px 60px 10px;
}
#main .contents .txt img{
	padding: 24px 0 76px 0;
	
}
#main .contents .txt p{
	font-size: 17px;
	font-weight: bold;
	line-height: 35px;
}
#main .contents .info_txt{
	text-align: justify;
	padding-bottom: 65px;
}
#main .contents .quote{
	text-align: right;
}
.box_all_bt{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent:-999px;
}
/*Tablet*/
@media (max-width: 699px) {
	#main .contents{
	  	width: 100%;
	  	height: auto;
	  	position: relative;
		padding: 0 37px;
		background-size: cover;
	}
	#main .contents .txt img{
		padding: 120px 0 50px 0;
		width: 90%;
	}
	#main .contents .txt{
		padding: 0 0 65px 0;
	}
	
	#main .contents .txt p{
		font-weight: bold;
	}
	#main .contents .info_txt{
		text-align: justify;
		padding-bottom: 0;
		font-size: 20px !important;
		line-height: 1.8em !important;
	}
	#main .contents .quote{
		margin-bottom: 10px;
	}
}
/*SP*/
@media (max-width: 411px) {
	#main .contents .txt img {
		padding: 30px 0 25px 0;
	}
	#main .contents{
		padding: 0 20px;
	}
	#main .contents .txt .info_txt{
		font-weight: normal;
		font-size: 16px !important;
		line-height: 30px !important;
	}
	#main .contents .quote{
		font-weight: normal !important;
		font-size: 14px !important;
		line-height: 30px !important;
	}
	
}