@charset "utf-8";



/*--------------------------------------------------
  Common
--------------------------------------------------*/

.nav_wrap {
    background: #fff;
}

@media screen and (max-width:799px) {
	/*SP-Tablet*/

}
@media screen and (max-width:479px) {
	/*SP*/

}

/*--------------------------------------------------
  Top Chigiri Title
--------------------------------------------------*/
#top_chigiri_title{
	background-image: url("../img/bg_title_chigiri.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	padding: 13rem 0 8rem;
	position:relative;
}
#top_chigiri_title h2{
	font-size:2rem;
	color:#fff;
	text-align: center;
}
#top_chigiri_title p{
	font-size:1rem;
	color:#fff;
	position: absolute;
	bottom: 0.75rem;
	right: 1.5rem;
}

@media screen and (max-width:799px) {
	/*SP-Tablet*/
	
}

@media screen and (max-width:479px) {
	/*SP*/
	#top_chigiri_title{
		background-image: url("../img/bg_title_chigiri_sp.png");
		padding: 36vw 0 18vw;
	}
	#top_chigiri_title h2{
		font-size:6vw;
	}
	#top_chigiri_title p{
		font-size:3.5vw;
		bottom: 2vw;
		right: 4vw;
	}
}

/*--------------------------------------------------
  About
--------------------------------------------------*/
#about{
	padding: 6rem 0 6rem;
}
#about h3{
	margin: 0 auto;
	text-align: center;
	margin-bottom: 3rem;
}
#about .about-lead{
	font-size: 1.625rem;
	text-align: center;
	margin-bottom: 1rem;
}
#about .about-lead br{
	display: none;
}
#about h3 img{
	width: 320px;
}
#about ul{
	display: flex;
	justify-content: center;
}
#about ul li img{
	/* width: 117px; 3ラインナップ時 */
	width: 148px;
	margin: 0 25px;
}
#about ul li p{
	text-align: center;
	font-size: 1.125rem;
	line-height: 1.25;
	padding-top: 0.5rem;
}
#about ul li .br-sp{
	display: none;
}

@media screen and (max-width:799px) {
	/*SP-Tablet*/
	
}

@media screen and (max-width:479px) {
	/*SP*/
	#about{
		padding: 11vw 0 12vw;
	}
	#about h3{
		margin-bottom: 6vw;
	}
	#about .about-lead{
		font-size: 5vw;
		text-align: center;
		margin-bottom: 0;
		line-height: 6.5vw;
	}
	#about .about-lead br{
		display: block;
	}
	#about h3 img{
		width: 70vw;
		padding: 4vw 0;
	}
	#about ul li img{
		width: 21vw;
		margin: 0 5vw;
	}
	#about ul li p{
		font-size: 4vw;
		line-height: 1.25;
		padding-top: 0.5rem;
	}
	#about ul li .br-sp{
		display: block;
	}
}

/*--------------------------------------------------
  Easy-eco
--------------------------------------------------*/
#easy-eco {
	width: 572px;
	padding-bottom: 1.5rem;
	margin: 0 auto;
}

@media screen and (max-width:799px) {
	/*SP-Tablet*/

}

@media screen and (max-width:479px) {
	/*SP*/
	#easy-eco {
		width: 90%;
		padding: 3vw 0 5vw;
		margin: 0 auto;
	}
}


/*--------------------------------------------------
  Title-box
--------------------------------------------------*/
#title-box .section-title{
	width: 245px;
	margin: 0 auto;
}
#title-box {
	width: 90%;
	margin: 0 auto;
}

@media screen and (max-width:799px) {
	/*SP-Tablet*/

}

@media screen and (max-width:479px) {
	/*SP*/
	#title-box {
		width: 95vw;
		margin: 0 auto;
	}
}

/*--------------------------------------------------
  Line
--------------------------------------------------*/
#title-box::after,.easy-content::after,#quality .quality-caption::after{
	content: "";
	background-image: url(../img/img_line.svg);
	background-repeat: repeat-x;
	background-size: contain;
	display: inline-block;
	width: 100%;
	height: 27px;
}

@media screen and (max-width:799px) {
	/*SP-Tablet*/

}

@media screen and (max-width:479px) {
	/*SP*/
	
}

/*--------------------------------------------------
  Easy
--------------------------------------------------*/
#easy {
	margin-bottom: 6rem;
}
#easy .easy-content {
	width: 90%;
	margin: 0 auto;
}
#easy .easy-content #easy-list{
	font-size: 1.875rem;
	padding: 2.5rem 0 1rem;
}
#easy .easy-content #easy-list li{
	padding-left: 135px;
	line-height: 58px;
	background: left top no-repeat;
	background-size: 93px auto;
	margin-bottom: 1.5rem;
	/*見た目中央揃えにするなら使う*/
	margin-left: 2.75rem;
}
#easy .easy-content #easy-list li .br_sp{
	display: none;
}
#easy .easy-content #easy-list li:nth-child(1) {
	background-image: url("../img/img_number1.png");
}
#easy .easy-content #easy-list li:nth-child(2) {
	background-image: url("../img/img_number2.png");
}
#easy .easy-content #easy-list li:nth-child(3) {
	background-image: url("../img/img_number3.png");
	margin-bottom: 2rem;
}

@media screen and (max-width:799px) {
	/*SP-Tablet*/
	#easy .easy-content #easy-list li{
		padding-left: 14vw;
		/*見た目中央揃えにするなら使う*/
		margin-left: 1vw;
	}
}

@media screen and (max-width:479px) {
	/*SP*/
	#easy {
		margin-bottom: 3rem;
	}
	#easy .easy-content {
		width: 95vw;
	}
	#easy .easy-content #easy-list{
		font-size: 5.5vw;
		padding: 6vw 0 0;
	}
	#easy .easy-content #easy-list li{
		height: 15vw;
		padding-left: 25vw;
		line-height: 7vw;
		background: left top 1vw no-repeat;
		background-size: 20vw auto;
		margin-bottom: 5vw;
		/*見た目中央揃えにするなら使う*/
		margin-left: 2vw;
	}
	#easy .easy-content #easy-list li .br_sp{
		display: inline;
	}
	#easy .easy-content #easy-list li:nth-child(1) {
		background-image: url("../img/img_number1_sp.png");
	}
	#easy .easy-content #easy-list li:nth-child(2) {
		background-image: url("../img/img_number2_sp.png");
	}
	
	#easy .easy-content #easy-list li:nth-child(3) {
		margin-bottom: 6.5vw;
		background-image: url("../img/img_number3_sp.png");
	}
}

/*--------------------------------------------------
  Eco
--------------------------------------------------*/
#eco{
	margin-bottom: 2.5rem;
}
#eco .box p{
	font-family: dnp-shuei-mgothic-std, sans-serif;
	font-weight: 600;
	font-size: 1.25rem;
	text-align: center;
	padding: 2rem 0 2.5rem;
	line-height: 2.5rem;
}
#eco .box .img_flow{
	width: 504px;
	margin: 0 auto;
}

@media screen and (max-width:799px) {
	/*SP-Tablet*/
	#eco .box p .br_sp{
		display: none;
	}
}

@media screen and (max-width:479px) {
	/*SP*/
	#eco{
		margin-bottom: 10vw;
	}
	#eco .box p{
		font-size: 4.25vw;
		padding: 5vw 0 8vw;
		line-height: 7vw;
	}
	#eco .box p .br_sp{
		display: none;
	}
	#eco .box .img_flow{
		width: 100%;
		margin: 0 auto;
	}
}

/*--------------------------------------------------
  Quality
--------------------------------------------------*/
#quality{
	margin-bottom: 5rem;
}

#quality .quality-box .box-title{
	width: 600px;
	height: 45px;
	background-color: #00a213;
	margin: 0 auto;
	text-align: center;
}
#quality .quality-box .box-title img{
	width: 45%;
	padding: 10px 0;
}
#quality .quality-box .contents{
	margin: 0 auto;
	width: 540px;
	border: 4px solid #00a213;
	padding: 26px;
	display: flex;
}
#quality .quality-box .contents .img_quality{
	width: 200px;
	height: 189px;
	margin: auto 0;
}
#quality .quality-box .contents .img_quality img{
	width: 100%;
}
#quality .quality-box .contents .text{
	width: 340px;
	padding-left: 30px;
	color: #00a213;
}
#quality .quality-box .contents .text .title{
	font-size: 1.375rem;
	font-family: dnp-shuei-mgothic-std, sans-serif;
	font-weight: 600;
	border-bottom: 2px solid #00a213;
	margin-bottom: 1rem;
}
#quality .quality-box .contents .text .detail{
	text-align: justify;
	font-family: dnp-shuei-mgothic-std, sans-serif;
	font-weight: 400;
	line-height: 2;
}
#quality .quality-caption{
	width: 90%;
	margin: 0 auto;
}
#quality .quality-caption .caption{
	font-size: 0.75rem;
	width: 600px;
	text-align: right;
	margin: 0 auto;
	padding: 4px 0 2.5rem;
}

@media screen and (max-width:799px) {
	/*SP-Tablet*/
	
}

@media screen and (max-width:479px) {
	/*SP*/
	#quality{
	margin-bottom: 15vw;
	}
	#quality .quality-box .box-title{
		width: 82vw;
		height: 12vw;
	}
	#quality .quality-box .box-title img{
		width: 50vw;
		padding: 4vw 0;
	}
	#quality .quality-box .contents{
		width: 80vw;
		border: 1vw solid #00a213;
		padding: 0;
		display: flex;
		flex-flow: column;
		flex-direction: column-reverse;
	}
	#quality .quality-box .contents .img_quality{
		width: 65%;
		height: 65%;
		margin:  0 auto;
		padding: 3.5vw 0 5.5vw;
	}
	#quality .quality-box .contents .text{
		width: 85%;
		padding-left: 0px;
		margin: 0 auto;
		padding-top: 4vw;
	}
	#quality .quality-box .contents .text .title{
		font-size: 5vw;
		margin-bottom: 3vw;
		text-align: center;
	}
	#quality .quality-box .contents .text .detail{
		font-size: 4vw;
	}
	#quality .quality-caption{
		width: 95vw;
	}
	#quality .quality-caption .caption{
		font-size: 2.6vw;
		width: 85%;
		padding: 1.5vw 0 10vw;
		text-align: center;
	}
}