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

body {
	margin: 0;
}

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

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

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

.h2-top {
	font-size: 1.0rem;
	font-weight: 400;
	color: #ffffff;
	line-height: 0;
	text-align: center;
	margin: 0;
}

.main {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	background: #ffffff;
}

.sub {
	width: 100%;
	background: #0a960a;
	margin: -20px 0 0 0;
	padding: 1.25rem 0;
}

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

.h2-01 {
	font-family: Noto Serif JP;
	font-size: 2.5rem;
	font-weight: 600;
	color: #000000;
	line-height: 1.5;
	text-align: center;
	margin: 0;
}

.titlebar {
	width: 100%;
	margin: 3.5rem 0 0 0;
	padding: 1.0rem 1.5rem 1.25rem 1.5rem;
	background: #0a960a;
	font-family: Noto Serif JP;
	font-size: 1.3rem;
	color: #ffffff;
	font-weight: 400;
	text-align: left;
	line-height: 1.5;
	border-radius: 0;
}

.t-photo {
	width: 100%;
	margin: 0:
}

.sphoto {
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin: 5px 0;
	padding: 0;
}

.sphoto2 {
	width: 100%;
	margin: 0;
	padding: 0;
}

.t-photos {
	width: 100%;
	max-width: 330px;
	margin: 0;
}

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

.content {
	width: 100%;
	margin: 3.5rem 0;
	padding: 1.0rem 1.5rem;
}

.h4-01 {
	font-family: Noto Serif JP;
	font-size: 1.5rem;
	font-weight: 600;
	color: #000000;
	line-height: 2.0;
	text-align: justify;
	margin: 2.0rem 0 0 0;
}

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

.h4-03 {
	font-family: 'Yuji Syuku', serif;
	font-size: 2.0rem;
	font-weight: 400;
	color: #000000;
	line-height: 2.0;
	text-align: justify;
	margin: 0;
}

.h5-01 {
	font-family: Noto Serif JP;
	font-size: 1.5rem;
	font-weight: 600;
	color: #000000;
	line-height: 2.0;
	text-align: center;
	margin: 5.0rem 0 0 0;
}


.p-01 {
	font-size: 1.25rem;
	font-weight: 400;
	color: #000000;
	line-height: 1.75;
	text-align: justify;
	margin: 0 0 0.25rem 0;
}


.p-02 {
	font-family: Noto Serif JP;
	font-size: 1.25rem;
	font-weight: 500;
	color: #000000;
	line-height: 2.0;
	text-align: justify;
	margin: 0 0 2.0rem 0;
}

.p-03 {
	font-family: 'Yuji Syuku', serif;
	font-size: 1.25rem;
	font-weight: 500;
	color: #000000;
	line-height: 2.0;
	text-align: justify;
	margin: 0 0 1.5rem 0;
}

.p-03-2 {
	font-family: 'Yuji Syuku', serif;
	font-size: 1.25rem;
	font-weight: 400;
	color: #000000;
	line-height: 2.0;
	text-align: right;
	margin: 0 0 1.5rem 0;
}


.main02 {
	width: 100%;
	margin: 0 auto 2.0rem auto;
	padding: 0;
}

.p-title {
	display: block;
	font-size: 2.0rem;
	color: #000000;
	line-height: 1.0;
	text-align: center;
	font-weight: 400;
	margin: 1.0rem 0 0 0;
}

.p-05 {
	font-family: Noto Serif JP;
	font-size: 1.2rem;
	font-weight: 400;
	color: #000000;
	line-height: 1.5;
	text-align: center;
	margin: 0 0 1.0rem 0;
}

.p-06 {
	font-size: 1.0rem;
	font-weight: 400;
	color: #000000;
	line-height: 1.5;
	text-align: center;
	margin: 0.5rem 0 1.0rem 0;
}


.hr01 {
	width: 100%;
	border-width: 1px 0 0 0;
	border-style: dashed;
	border-color: #777777;
	margin: 3.5rem auto;
}

.p1 {
	margin: 2rem 0em 3em 0em;
}

.p2 {
	font-size: 1.2rem;
	font-weight: normal;
	color: #000000;
	line-height: 2.0;
	text-align: center;
	margin: 2.0rem 0 1.0rem 0;
}

/*list style*/

.list01 {
	list-style: square;
	margin: 0 0 0 1.5rem;
	padding: 0;
	width: 100%;
}

.list01 li {
	font-weight: normal;
	padding: 5px 0;
	width: 100%;
	font-size: 1.25rem;
	color: #000000;
	line-height: 1.5;
	text-decoration: none;
	text-align: justify;
	border-bottom: dashed 0px #aaaaaa;
}

.list01 li a:hover {
	color: #ff0000;
}

.list02 {
	list-style: none;
	margin: 2.0rem 0 0 1.5rem;
	padding: 0;
	width: 100%;
}

.list02 li {
	font-weight: normal;
	padding: 5px 0;
	width: 100%;
	font-size: 1.25rem;
	color: #000000;
	line-height: 1.5;
	text-decoration: none;
	text-align: justify;
	border-bottom: dashed 0px #aaaaaa;
}

.list02 li a:hover {
	color: #ff0000;
}

.span01 {
	font-size: 1.5rem;
}





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

.headerphoto2 {
	display: none;
}

.br01 {
	display: none;
}

}


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

.title2 {
	font-size: 1.0em;
	line-height: 3.0;
}

}


/* mobile */

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

#wrap {
	width: 100%;
}

.headerphoto {
	display: none;
}

.sub {
	margin: 80px 0 0 0;
	padding: 1.5rem 0;
}

.h2-top {
	font-size: 0.8rem;
	font-weight: 600;
}


.main01 {
	margin: 3.5rem 0;
}

.titlebar {
	background: #ffffff;
	margin: 1.0rem 0 0 0;
}

.sphoto {
	flex-direction: column;
	width: 90%;
	margin: 2.0rem auto 0 auto;
}

.t-photos {
	width: 100%;
	max-width: 100%;
	margin: 0 0 1.0rem 0;
}

.content {
	width: 100%;
	margin: 1.0rem 0 0 0;
	padding: 1.0rem 1.5rem;
}

.h3-01 {
	font-size: 1.5rem;
	font-weight: 500;
	color: #333333;
	text-align: center;
}

.h4-01 {
	font-size: 1.25rem;
}

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

.p-title {
	font-size: 1.5rem;
	line-height: 1.5;
}

.p1 {
	font-size: 1.0rem;
	margin: 2.0rem 0 3.0rem 0;
}

.p2 {
	font-size: 1.0rem;
}

.p-05 {
	font-size: 0.8rem;
}

.p-06 {
	font-size: 0.8rem;
	margin: -0.5rem 0 1.5rem 0;
}

.list01 {
	margin: 0;
	padding: 0 1.0rem;
}

.list01 li {
	font-size: 1.0rem;
}

.list02 {
	margin: 0;
	padding: 0 1.0rem;
}

.list02 li {
	font-size: 1.0rem;
}

#formWrap {
	width: 95%;
	margin: 0 auto;
	padding: 0 0.25rem 0 0;
}

.span01 {
	font-size: 1.0rem;
}



}