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

/* header */



.slider{
		position: relative;
	width: 100%;
  height: 0;
  padding-top: calc(632 / 1200 * 100%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
  background: url(../img/header_img01.jpg) center center / cover no-repeat;
}
.img100 img{width: 100%;}
.top_ttl{position: absolute; width: 20%;top:30%;left: 10%;}



/* section 1 */
.read_more img{
	width: 400px;
}
.news{
	width: 900px;
	height: auto;
	opacity: 0.8;
	margin: 0 auto;	
	padding: 15px 0 0 10px;
}
img.title_img01{width: 27%;margin-bottom: 1%;}



/* section 2 */
.price_back{
	background-image: url("../img/toukyou_back.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}


/* section 3 */
.copper_back{
	background-image: url("../img/copper_back.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.menu_box{width: 45%;}

/* section 4 */
.iron_back{
	background-image: url("../img/iron_back.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}


/* section 5 */

/* section 6 */
.faq_back{
	background-image: url("../img/faq_back.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.faq_black {
	background:rgba(000,0,0,0.5);
	width: 50%;
	margin: 0 auto;
	padding: 5%;
}


.bg_red{background-color:#901402; }
.box01{border: solid 1px #fff;padding: 3%;}
/*================================================
 *  スマートフォン向けデザイン
 ================================================*/



@media screen and (max-width:560px)  {


.top_ttl{position: absolute; width: 38%;top:10%;left: 10%;}

/* section 1 */
.read_more img{
	width: 240px;
}

/* section 2 */

.menu_box{width: 60%;}
/* section 3 */
.copper_back{
	background-image: url("../img/copper_back_sp.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.bb20{
	padding-bottom: 10px;
	border-bottom: 3px solid #000;
}


.news{
	width: 100%;
	height: auto;
	background-color: #fff;
	opacity: 1;
	margin: 0 auto;	
	padding: 10px 0 0 10px;
}

/* section 4 */

/* section 5 */

/* section 6 */
.faq_black {
	background:rgba(000,0,0,0.5);
	width: 70%;
	margin: 0 auto;
	padding: 5%;
}

.bg_red{padding: 5%; }

}