.clr11{
	color: #ff7700;
}

#mainimage_wrap {
	padding: 10px 0 0;
	margin: 0 auto 100px;
	position: relative;
}

#mainimage {
	position: relative;
	z-index: 1;
}

.slick-slide {
	position: relative;
}

.slick-slide img {
	max-width: 105% !important;
	position: relative;
	left: -2.5%;
}

#slide li:nth-child(even) img {
	padding-top: 5%;
}

.slick-dots {
	display: flex;
	justify-content: center;
	gap: 20px;
	list-style: none;
	padding: 10px 0 0;
}

.slick-dots li {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	overflow: hidden;
}

.slick-dots li button {
	display: block;
	width: 100%;
	height: 100%;
	background: #b1b1b1;
	border: 0;
	text-indent: -9999px;
}

.slick-active button {
	background: #464646 !important;
}

#mainimage_catch {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	text-align: center;
	z-index: 2;
	display: flex;
	flex-direction: column;
	gap: 15%;
	justify-content: center;
	align-items: center;
	font-weight: 700;
}

#mainimage_catch h2 {
	font-size: clamp(40px, 3.125dvw, 60px);
	color: #5eb62f;
	text-shadow:
		#fff 2px 0px, #fff -2px 0px,
		#fff 0px -2px, #fff 0px 2px,
		#fff 2px 2px, #fff -2px 2px,
		#fff 2px -2px, #fff -2px -2px,
		#fff 1px 2px, #fff -1px 2px,
		#fff 1px -2px, #fff -1px -2px,
		#fff 2px 1px, #fff -2px 1px,
		#fff 2px -1px, #fff -2px -1px;
}

#mainimage_catch p {
	font-size: clamp(24px, 2.5dvw, 48px);
	color: #fff;
	text-shadow:
		#5eb62f 2px 0px, #5eb62f -2px 0px,
		#5eb62f 0px -2px, #5eb62f 0px 2px,
		#5eb62f 2px 2px, #5eb62f -2px 2px,
		#5eb62f 2px -2px, #5eb62f -2px -2px,
		#5eb62f 1px 2px, #5eb62f -1px 2px,
		#5eb62f 1px -2px, #5eb62f -1px -2px,
		#5eb62f 2px 1px, #5eb62f -2px 1px,
		#5eb62f 2px -1px, #5eb62f -2px -1px;
}

main section {
	min-width: 1200px;
}

main h2 {
	font-size: 28px;
	color: #5eb62f;
	margin-bottom: 20px;
}

#news {
	padding: 80px 0 40px;
	background: #5eb62f;
}

#news_inner {
	max-width: 1100px;
	margin: 0 auto;
	padding: 30px 50px 30px 25px;
	background: #fff;
	box-sizing: border-box;
	display: flex;
	gap: 40px;
	border-radius: 15px;
}

#news h2 {
	flex: none;
	width: 130px;
}

#news article {
	width: calc(100% - 120px);
	flex: none;
	max-height: 360px;
	overflow: auto;
}

#news dl {
	/* display: flex; */
	gap: 20px;
	padding: 0 0 15px;
	margin: 0 0 15px;
	border-bottom: 1px solid #ddd;
}

#news dl dt {
	/* width: 120px; */
	flex: none;
	color: #f7ab00;
}

#news dl dt h4{
	display: inline-block;
	margin: 0 0 0 20px;
	color: #5eb62f;
}

#news dl dd {
	/* width: calc(100% - 155px); */
	/* flex: none; */
	padding: 0 10px 0 0;
	line-height: 1.6;
	font-size: 93%;
	color: #444;
}

#top1 {
	padding: 0px 0 85px;
	background: #5eb62f;
	margin: 0 auto 120px;
}

#top1 article {
	max-width: 1100px;
	margin: 0 auto;
	display: flex;
	gap: 20px;
}

#top1_l,
#top1_r {
	width: calc((100% - 20px) / 2);
	padding: 30px 25px;
	box-sizing: border-box;
	flex: none;
	background: #fff;
	border-radius: 15px;
}

#calendar {
	display: flex;
	gap: 20px;
}

#calendar iframe {
	display: block;
	width: calc((100% - 20px) / 2);
	flex: none;
	height: 270px;
}

.hanrei {}

.hanrei ul {
	list-style: none;
	display: flex;
	gap: 15px;
	padding: 20px 0 0;
	line-height: 26px;
	font-size: 15px;
}

.hanrei_box {
	display: inline-block;
	vertical-align: middle;
	height: 26px;
	width: 30px;
	margin: 0 5px 0 0;
}

.hanrei1 .hanrei_box {
	background: #8b8b8b;
}

.hanrei2 .hanrei_box {
	background: #5eb62f;
}

.hanrei3 .hanrei_box {
	background: #f7ab00;
}

#top1_r {
	font-size: 16px;
	line-height: 1.3;
}

#top1_r table {
	width: 100%;
	border-top: 2px solid #5eb62f;
	border-bottom: 2px solid #5eb62f;
	margin: 0 0 10px;
}

#top1_r thead th {
	text-align: center;
}

#top1_r thead {
	border-bottom: 1px solid #5eb62f;
}

#top1_r tbody tr {
	border-bottom: 1px solid #cccccc;
}

#top1_r tbody tr:last-child {
	border-bottom: 1px solid #666666;
}

#top1_r table tbody th {
	white-space: nowrap;
	padding: 10px;
	border-right: 1px solid #ccc;
}

#top1_r table tbody td {
	padding: 10px;
	text-align: center;
}

#top1_r > p > strong{
	color: #ff7700;
}

#top1_r dl {
	display: flex;
	gap: 20px;
	margin-bottom: 20px;
}

#top1_r dt {
	white-space: nowrap;
	font-size: 28px;
	font-weight: 700;
	color: #5eb62f;
}

#top1_r > p{
	margin: 0 0 20px;
}

#top1_r > dl > dd{
	padding: 8px 0 0;
	font-weight: bold;
}

#top1_r .point {
	background: #ffd26c;
	text-align: center;
	padding: 20px 0;
	border-radius: 15px;
}

#top2 {
	margin: 0 auto 200px;
}

#top2 h2 {
	text-align: center;
	margin: 0 auto 60px;
}

#top2 article {
	max-width: 1100px;
	margin: 0 auto;
	display: flex;
	gap: 60px;
}

#top2 article dl {
	width: calc((100% - 120px) / 3);
	flex: none;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

#top2 article dt {
	width: 300px;
	height: 300px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	background: #fcc700;
	position: relative;
	border-radius: 50%;
	color: #fff;
	font-size: 30px;
	font-weight: 700;
	margin: 0 auto;
}

#top2 article dt:after {
	content: "";
	display: block;
	width: 290px;
	height: 290px;
	border: 2px solid #fff;
	box-sizing: border-box;
	border-radius: 50%;
	position: absolute;
	top: 5px;
	left: 5px;
}

#top2 article dt img {
	display: block;
	width: 141px;
	height: 121px;
	object-fit: contain;
	margin: 0 auto 20px;
}

#top2 .link {
	margin-top: auto;
	padding: 0 10px;
}

#top2 .link a {
	display: block;
	line-height: 60px;
	color: #fff;
	text-decoration: none;
	background: #ff9000;
	font-size: 22px;
	font-weight: 700;
	text-align: center;
	border-radius: 10px;
	box-shadow: 0 5px 0px #cccccc;
}

#top2 .link a:hover {
	background: #fcc700;
}

#top3 {
	padding: 60px 0 50px;
	background: #fcc700;
	position: relative;
	margin: 0 auto 80px;
}

#top3 h2 {
	width: 200px;
	line-height: 200px;
	background: #fff;
	text-align: center;
	border-radius: 50%;
	margin: 0 auto 25px;
}

#top3 article {
	max-width: 1100px;
	margin: 0 auto;
	gap: 50px;
	display: flex;
	align-items: center;
	position: relative;
	z-index: 3;
}

#top3 article .comment {
	width: calc(100% - 510px);
	flex: none;
	padding: 20px 50px 0 0;
	box-sizing: border-box;
}

#top3 article .comment h3 {
	font-size: 32px;
	margin-bottom: 20px;
	font-weight: 500;
}

#top3 article figure {
	width: 460px;
	flex: none;
}

#top3 article figure img {
	display: block;
	width: 100%;
	height: 460px;
	object-fit: cover;
}

#top3_bg {
	display: block;
	position: absolute;
	width: 60%;
	height: 460px;
	bottom: 50px;
	left: 0;
	border-radius: 0 230px 230px 0;
	background: #fff;
	z-index: 1;
}

#top3:before {
	content: "";
	display: block;
	width: calc((100% - 1200px) / 2);
	height: 460px;
	border-radius: 0 9999px 9999px 0;
	background: #ff9000;
	z-index: 2;
	position: absolute;
	bottom: 50px;
	left: 0;
}

#top3:after {
	content: "";
	display: block;
	width: calc((100% - 1200px) / 2);
	height: 460px;
	border-radius: 9999px 0 0 9999px;
	background: #ff9000;
	z-index: 2;
	position: absolute;
	bottom: 50px;
	right: 0;
}

#top4 {
	position: relative;
	margin: 0 auto 80px;
}

#top4 h2 {
	width: 200px;
	line-height: 200px;
	background: #fcc700;
	color: #fff;
	text-align: center;
	border-radius: 50%;
	margin: 0 auto 50px;
	text-shadow:
		#ff9000 2px 0px, #ff9000 -2px 0px,
		#ff9000 0px -2px, #ff9000 0px 2px,
		#ff9000 2px 2px, #ff9000 -2px 2px,
		#ff9000 2px -2px, #ff9000 -2px -2px,
		#ff9000 1px 2px, #ff9000 -1px 2px,
		#ff9000 1px -2px, #ff9000 -1px -2px,
		#ff9000 2px 1px, #ff9000 -2px 1px,
		#ff9000 2px -1px, #ff9000 -2px -1px;
}

#top4 article {
	display: flex;
	justify-content: center;
	font-size: 21px;
}

#top4 ol {
	counter-reset: my-counter;
	list-style: none;
	padding: 0 0 0 35px;
}

#top4 article li {
	line-height: 30px;
	margin-bottom: 20px;
	position: relative;
}

#top4 article li:before {
	content: counter(my-counter);
	counter-increment: my-counter;
	background-color: #5eb62f;
	border-radius: 50%;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 30px;
	width: 30px;
	color: #ffffff;
	font-size: 85%;
	line-height: 1;
	position: absolute;
	top: 0;
	left: -35px;
}

#top4:before {
	content: "";
	display: block;
	width: calc((100% - 1200px) / 2);
	height: 100%;
	border-radius: 0 9999px 9999px 0;
	background: #fcc700;
	z-index: 2;
	position: absolute;
	top: 0px;
	left: 0;
}

#top4:after {
	content: "";
	display: block;
	width: calc((100% - 1200px) / 2);
	height: 100%;
	border-radius: 9999px 0 0 9999px;
	background: #fcc700;
	z-index: 2;
	position: absolute;
	top: 0px;
	right: 0;
}

#top5 {
	padding: 60px 0 70px;
	background: #fcc700;
	margin: 0 auto 120px;
}

#top5 h2 {
	width: 200px;
	height: 200px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	text-align: center;
	border-radius: 50%;
	margin: 0 auto 35px;
}

#top5 .photo_comment {
	display: flex;
	max-width: 1100px;
	gap: 100px;
	align-items: center;
	background: #fff;
	margin: 0 auto 20px;
	border-radius: 0 150px 150px 0;
	position: relative;
}

#top5 .photo_comment:after {
	content: "";
	height: 100%;
	min-width: 50px;
	width: calc((100dvw - 1100px) / 2);
	background: #fff;
	display: block;
	position: absolute;
	left: calc((1100px - 100dvw) / 2);
	top: 0;
}

#top5 .photo_comment figure {
	width: 300px;
	flex: none;
	display: block;
}

#top5 .photo_comment figure img {
	display: block;
}

#top5 .photo_comment .comment {
	width: calc(100% - 400px);
	flex: none;
}

#top5 .photo_comment .comment h3 {
	font-size: 36px;
	margin-bottom: 30px;
	font-weight: normal;
}

#top5 .photo_comment:nth-child(odd) {
	border-radius: 150px 0 0 150px;
}

#top5 .photo_comment:nth-child(odd) figure {
	order: 1;
}

#top5 .photo_comment:nth-child(odd) .comment {
	order: 2;
}

#top5 .photo_comment:nth-child(odd):after {
	left: auto;
	right: calc((1100px - 100dvw) / 2);
}

@media screen and (max-width: 1200px) {
	#top5 .photo_comment:after {
		left: -50px;
	}

	#top5 .photo_comment:nth-child(odd):after {
		left: auto;
		right: -50px;
	}
}

#top5 .more {
	max-width: 620px;
	border: 2px solid #ff9000;
	border-radius: 10px;
	margin: 50px auto 0;
	box-shadow: 0 5px 0 #ca9f00;
}

#top5 .more a {
	display: block;
	color: #fff;
	text-align: center;
	border: 1px solid #ffffff;
	border-radius: 8px;
	line-height: 54px;
	font-size: 22px;
	text-decoration: none;
	background: #ff9000;
}

#top5 .more a:hover {
	color: #ff9000;
	background: #fff;
}

#top6 {
	margin: 0 auto 120px;
}

#top6 article {
	max-width: 1100px;
	margin: 0 auto;
	display: flex;
	gap: 60px;
}

#top6 article dl {
	width: calc((100% - 120px) / 3);
	flex: none;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

#top6 article dt {
	width: 300px;
	height: 300px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	background: #5eb62f;
	position: relative;
	border-radius: 50%;
	color: #fff;
	font-size: 30px;
	font-weight: 700;
	margin: 0 auto;
}

#top6 article dt:after {
	content: "";
	display: block;
	width: 290px;
	height: 290px;
	border: 2px solid #fff;
	box-sizing: border-box;
	border-radius: 50%;
	position: absolute;
	top: 5px;
	left: 5px;
}

#top6 article dt img {
	display: block;
	width: 141px;
	height: 121px;
	object-fit: contain;
	margin: 0 auto 20px;
}

#top6 .link {
	margin-top: auto;
	padding: 0 10px;
}

#top6 .link a {
	display: block;
	line-height: 60px;
	color: #fff;
	text-decoration: none;
	background: #ff9000;
	font-size: 22px;
	font-weight: 700;
	text-align: center;
	border-radius: 10px;
	box-shadow: 0 5px 0px #cccccc;
}

#top6 .link a:hover {
	background: #fcc700;
}

#top7 {
	margin: 0 auto 80px;
}

#top7 iframe {
	display: block;
	width: 100%;
}