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


body {
	margin: 0;
}

#wrap {
	width: 100%;
	margin: 0;
}

.topphoto {
	width: 100%;
	margin: 0;
}

.topphoto2 {
	width: 100%;
	margin: 0;
}

/*main*/
.main {
	width: 100%;
	margin: 0 auto;
	background: #ffffff;
	padding: 5.0rem 0 2.5rem 0;
}

.main02 {
	width: 95%;
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 0 5.0rem 0;
}

.main02-2 {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	padding: 0;
}

.main02-3 {
	display: flex;
	justify-content: space-between;
	width: 100%;
	max-width: 1000px;
	margin: 0 auto 1.0rem auto;
	padding: 2.0rem 0;
}

.main02-4 {
	width: 32%;
	margin: 0;
	padding: 0;
}

.main02-4-2 {
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin: 0 auto 2.5rem auto;
	padding: 0;
}

.main02-4-3 {
	width: 49%;
	padding: 0;
	margin: 0;
}

.sisetuphoto01 {
	width: 100%;
	margin: 0;
}

.main02-5 {
	width: 95%;
	max-width: 1000px;
	margin: 0 auto 3.5rem auto;
	padding: 0;
}

.main02-6 {
	width: 100%;
	margin: 0 0 1.0rem 0;
	padding: 0.75rem 1.0rem 0.25rem 0.5rem;
	background: #71c85f;
	font-family: Noto Serif JP;
	font-size: 1.3rem;
	color: #ffffff;
	font-weight: 400;
	text-align: left;
	line-height: 1.5;
	border-radius: 0 12px 0 12px;
}

.logo3 {
	width: 40px;
	margin: 0 0.5rem 0.5rem 0;
}

.main02-7 {
	display: flex;
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	padding: 0;
}

.main02-8 {
	width: 35%;
	margin: 0 auto;
	padding: 0;
}

.sisetuphoto03 {
	width: 100%;
	margin: 0;
}

.main02-9 {
	width: 65%;
	max-width: 650px;
	margin: 0 auto;
	padding: 0 1.0rem;
	font-family: Noto Serif JP;
	font-size: 1.2rem;
	color: #000000;
	font-weight: 300;
	text-align: justify;
	text-justify: inter-ideograph;
	line-height: 1.75;
}

.h3-01 {
	font-family: Noto Serif JP;
	font-size: 2.0rem;
	color: #000000;
	font-weight: 300;
	text-align: center;
	line-height: 2.0;
	margin: 0 1.0rem 2.0rem 1.0rem;
}

.p-01 {
	font-family: Noto Serif JP;
	font-size: 1.2rem;
	color: #000000;
	font-weight: 300;
	text-align: justify;
	text-justify: inter-ideograph;
	line-height: 2.0;
	margin: 0 1.0rem 2.0rem 1.0rem;
}

.main03 {
	width: 100%;
	padding: 5.0rem 0;
    margin: 0;
    background: -moz-linear-gradient(top, #ffffff 10%, #fdcb6b);
	background: -webkit-linear-gradient(top, #ffffff 10%, #fdcb6b);
	background: linear-gradient(to bottom, #ffffff 10%, #fdcb6b);
}

.h3-02 {
	font-family: Noto Serif JP;
	font-size: 2.0rem;
	color: #000000;
	font-weight: 300;
	text-align: center;
	line-height: 2.0;
	margin: 0;
}

.layout {
    display: block;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}

.main04 {
	width: 100%;
	background: #ffffc8;
	margin: 0 auto;
	padding: 5.0rem 0;
}

.main04-2 {
	display: flex;
	justify-content: space-between;
	width: 95%;
	max-width: 1000px;
	margin: 0 auto 3.5rem auto;
	padding: 0;
}

.main04-3 {
	width: 49%;
	padding: 0;
	margin: 0;
}

.sisetuphoto02 {
	width: 100%;
	margin: 0 0 0.75rem 0;
}

.p-02 {
	width: 100%;
	padding: 0 0.75rem;
	font-family: Noto Serif JP;
	font-size: 1.1rem;
	color: #000000;
	font-weight: 400;
	text-align: justify;
	text-justify: inter-ideograph;
	line-height: 1.75;
	margin: 0;
}

.p-02-2 {
	width: 100%;
	padding: 0 0.75rem;
	font-family: Noto Serif JP;
	font-size: 1.1rem;
	color: #000000;
	font-weight: 400;
	text-align: center;
	line-height: 1.75;
	margin: 0;
}



@media screen and (min-width: 701px) {

}


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

}


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


	.main {
		flex-direction: column;
		width: 100%;
		margin: 0;
		padding: 0.5rem 0 2.0rem 0;
	}

	.h3-01 {
		font-size: 1.5rem;
		margin: 2.0rem 0.5rem;
	}

	.p-01 {
		font-size: 1.0rem;
		margin: 0.5rem;
	}

	.main02 {
		padding: 0 0 1.0rem 0;
	}

	.main02-3 {
		flex-direction: column;
		width: 100%;
	}

	.main02-4 {
		width: 100%;
	}
	
	.sisetuphoto01 {
		width: 100%;
		margin: 0.25rem 0;
	}

	.main02-4-2 {
		flex-direction: column;
		width: 100%;
		margin: 0 auto 2.5rem auto;
		padding: 0;
	}

	.main02-4-3 {
		width: 100%;
		padding: 0;
		margin: 0 0 2.0rem 0;
	}

	.sisetuphoto02 {
		width: 100%;
		margin: 0 0 0.5rem 0;
	}

	.p-02-2 {
		font-size: 1.0rem;
		text-align: justify;
		text-justify: inter-ideograph;
		line-height: 1.5;
		margin: 0;
	}

	.main02-7 {
		flex-direction: column;
		width: 100%;
	}

	.main02-8 {
		width: 100%;
	}
	
	.sisetuphoto03 {
		width: 100%;
		margin: 1.0rem 0;
	}

	.main02-9 {
		width: 100%;
		padding: 0;
		font-size: 1.0rem;
	}

	.main04 {
		padding: 5.0rem 0 2.5rem 0;
	}

	.main04-2 {
		flex-direction: column;
		margin: 0 auto;
	}

	.main04-3 {
		width: 100%;
		padding: 0;
		margin: 0;
	}

	.p-02 {
		font-size: 1.0rem;
		padding: 0 0.5rem;
		line-height: 1.5;
		margin: 0.5rem 0 2.5rem 0;
	}

}




