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

#mainv{
	max-width: 1920px;
	margin-bottom: 22px;
}
	#mainv img{
		width: 100%;
	}
#contents_main{
  max-width: 1150px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 0;
  padding-bottom: 10rem
}
.lead{
}
	.lead .border_1,
	.lead .border_2{
		line-height: 0;
		font-size: 0;
	}
		.lead .border_1 img,
		.lead .border_2 img{
			width: 100%;
		}
	.lead .txt{
		padding: 2rem 1rem;
		text-align: center;
		font-size: 28px;
		font-weight: bold;
	}
	.lead_02,
	.lead_03{
		margin-top:82px;
	}
.que{
	margin-top:45px;
	display: flex;
}
	.que .icon{
		width: 56px;
		box-sizing: border-box;
		line-height: 0;
		font-size: 0;
	}
		.que .icon p{
			max-width: 34px;
			margin-left: 5px
		}
		.que .icon img{
			width: 100%;
		}
	.que .txt{
		font-size: 24px;
		font-weight: bold;
		line-height: 1.7;
	}
.answer{
	padding: 2rem 0 0 56px;
	font-size: 18px;
	line-height: 1.7;
}
	.block01{
		display: flex;
		justify-content:space-between;
	}
		.block01 .txt{
			width: 60%;
		}
		.block01 .photo{
			width: 35%;
		}
	.block02{
	}
		.block02 .txt{
			width: 100%;
		}
		.block02 .photo{
			margin-top:70px;
			max-width: 1097px;
		}
	.photo_jagabee{
		max-width: 500px;
		margin : 50px auto 0;
	}
	.btn_back_top{
		max-width: 509px;
		margin : 0 auto 0;
	}

	#banner_campaign{
		max-width: 946px;
		margin : 71px auto 0;
	}


@media screen and (min-width: 768px) and (max-width: 980px) {
}

@media screen and (max-width: 767px) {
		#mainv{
			max-width: 100%;
			margin-bottom: 1rem;
		}
			#mainv img{
				width: 100%;
			}
		#contents_main{
		  max-width: 100%;
		  margin: 0 auto;
		  padding: 0;
		  padding-bottom: 4rem
		}
		.lead{
			width: 98%;
			margin:0 auto;
		}
			.lead .txt{
				padding: 1rem 1rem;
				text-align: left;
				font-size: 2rem;
			}
			.lead_02,
			.lead_03{
				margin-top:3rem;
			}
		.que{
			margin-top:3rem;
		}
			.que .icon{
				width: 9%;
				margin-left: 1%;
			}
				.que .icon p{
					max-width: 70%;
				}
				.que .icon img{
					width: 100%;
				}
			.que .txt{
				width: 90%;
				font-size: 1.7rem;
				font-weight: bold;
				line-height: 1.7;
			}
		.answer{
			padding: 0;
			font-size: 1.5rem;
			line-height: 1.7;
		}
			.block01,
			.block02{
				display: block;
				width: 100%;
				margin: 1rem auto 0;
			}
				.block01 .txt,
				.block02 .txt{
					width: 88%;
					margin-left: 10%;
				}
				.block01 .photo,
				.block02 .photo{
					width: 88%;
					margin-left: 10%;
					margin-top:1rem;
				}

			.photo_jagabee{
				max-width: 80%;
				margin : 4rem auto 0;
			}
			.btn_back_top{
				max-width: 80%;
				margin : 0 auto 0;
			}
			#banner_campaign{
				max-width: 96%;
				margin : 4rem auto 0;
			}
}