@charset "UTF-8";
/*
 * sitemap.css
 *
 */

/* !サイトマップ
---------------------------------------------------------- */
.sitemapIntro {
	width:100%;
	padding:80px 50px 100px 50px;
}
	.sitemapIntro div.inner {
		width:100%;
		max-width:1200px;
		margin:0 auto ;
		display: flex;
	}
		.sitemapIntro div.inner div.left {
			width:37%;
		}
			.sitemapIntro div.inner div.left h2 {
				font-size:40px;
				font-weight: 700;
				line-height: 1.6;
				color: #65B401;
				letter-spacing: 0.04em;
				position: relative;
				padding-left:60px;
			}
				.sitemapIntro div.inner div.left h2:before {
					position: absolute;
					content:"";
					width:40px;
					height: 1px;
					background: #65B401;
					top:50%;
					left:0;
				}
		.sitemapIntro div.inner div.right {
			width:63%;
		}
			.sitemapIntro div.inner div.right ul {
				width:100%;
			}
				.sitemapIntro div.inner div.right ul li {
					width:100%;
					line-height: 1.8;
					margin-bottom: 15px;
				}
				.sitemapIntro div.inner div.right ul li:last-child {
					margin-bottom: 0;
				}
					.sitemapIntro div.inner div.right ul li a {
						display: block;
						width:100%;
						color: #111;
						padding:0.8em 1em;
						background: #F2F2F2;
						border-radius: 4px;
						transition: .5s;
						position: relative;
					}
						.sitemapIntro div.inner div.right ul li a:hover {
							color: #FFF;
							background: #65B401;
						}
						.sitemapIntro div.inner div.right ul li a span.arrow {
							position: absolute;
							display: block;
							width: 16px;
							height: 16px;
							background: #65B401;
							border-radius: 50%;
							top:50%;
							right:14px;
							margin-top: -7px;
							transition:.2s;
						}
						.sitemapIntro div.inner div.right ul li a span.arrow:before {
							content: "";
							width: 5px;
							height: 5px;
							border: 1px solid #FFF;
							position: absolute;
							box-sizing: border-box;
							border-left: 0;
							border-bottom: 0;
							transform: rotate(45deg);
							transform-origin: top right;
							top: 50%;
							right: 5px;
							transition:.5s;
						}
							.sitemapIntro div.inner div.right ul li a:hover span.arrow {
								background: #FFF;
								right:20px;
							}
							.sitemapIntro div.inner div.right ul li a:hover span.arrow:before {
								content: "";
								border: 1px solid #65B401;
								position: absolute;
								box-sizing: border-box;
								border-left: 0;
								border-bottom: 0;
								transform: rotate(45deg);
								transform-origin: top right;
								top: 50%;
								right: 5px;
							}
				.sitemapIntro div.inner div.right ul li ul.child {
					width:auto;
					margin-left:50px;
				}
					.sitemapIntro div.inner div.right ul li ul.child li {
						width:100%;
						line-height: 1.8;
						margin-bottom: 0;
					}
						.sitemapIntro div.inner div.right ul li ul.child li a {
							width:100%;
							color: #111;
							background: none;
							border-radius: 0;
							transition: .5s;
							display: block;
							position: relative;
							padding:0.8em 0;
							border-bottom: 1px solid #E2E2E2;
						}
							.sitemapIntro div.inner div.right ul li ul.child li a:after {
								position: absolute;
								content:"";
								width:24px;
								height: 1px;
								background: #65B401;
								bottom:-1px;
								right:0;
								transition:.2s;
							}
							.sitemapIntro div.inner div.right ul li ul.child li a span.arrow2 {
								position: absolute;
								display: block;
								width: 16px;
								height: 16px;
								background: #65B401;
								border-radius: 50%;
								top:50%;
								right:4px;
								margin-top: -7px;
								transition:.2s;
							}
								.sitemapIntro div.inner div.right ul li ul.child li a span.arrow2:before {
									content: "";
									width: 5px;
									height: 5px;
									border: 1px solid #FFF;
									position: absolute;
									box-sizing: border-box;
									border-left: 0;
									border-bottom: 0;
									transform: rotate(45deg);
									transform-origin: top right;
									top: 50%;
									right: 5px;
								}
							.sitemapIntro div.inner div.right ul li ul.child li a:hover {
								color: #65B401;
							}
							.sitemapIntro div.inner div.right ul li ul.child li a:hover:after {
								width:34px;
							}
							.sitemapIntro div.inner div.right ul li ul.child li a:hover span.arrow2 {
								right:10px;
							}

@media screen and (max-width:1039px){
.sitemapIntro {
	padding:60px 30px 90px 30px;
}
		.sitemapIntro div.inner div.left {
			width:40%;
		}
			.sitemapIntro div.inner div.left h2 {
				font-size:30px;
			}
		.sitemapIntro div.inner div.right {
			width:60%;
		}
						.sitemapIntro div.inner div.right ul li a:hover {
							color: #111;
							background: #F2F2F2;
						}
							.sitemapIntro div.inner div.right ul li a:hover span.arrow {
								background: #65B401;
								right:14px;
							}
							.sitemapIntro div.inner div.right ul li a:hover span.arrow:before {
								content: "";
								width: 5px;
								height: 5px;
								border: 1px solid #FFF;
								position: absolute;
								box-sizing: border-box;
								border-left: 0;
								border-bottom: 0;
								transform: rotate(45deg);
								transform-origin: top right;
								top: 50%;
								right: 5px;
								transition:.5s;
							}
							.sitemapIntro div.inner div.right ul li ul.child li a:hover {
								color: #111;
							}
							.sitemapIntro div.inner div.right ul li ul.child li a:hover:after {
								width:24px;
							}
							.sitemapIntro div.inner div.right ul li ul.child li a:hover span.arrow2 {
								right:4px;
							}
}

@media screen and (max-width:767px){
.sitemapIntro {
	padding:40px 25px 70px 25px;
}
	.sitemapIntro div.inner {
		flex-wrap: wrap;
	}
		.sitemapIntro div.inner div.left {
			width:100%;
			margin-bottom: 30px;
		}
			.sitemapIntro div.inner div.left h2 {
				font-size:24px;
				padding-left:35px;
			}
				.sitemapIntro div.inner div.left h2:before {
					width:20px;
					top:50%;
				}
		.sitemapIntro div.inner div.right {
			width:100%;
		}
			.sitemapIntro div.inner div.right ul {
				width:100%;
				max-width:450px;
				margin: 0 auto;
			}
				.sitemapIntro div.inner div.right ul li {
					margin-bottom: 10px;
				}
				.sitemapIntro div.inner div.right ul li ul.child {
					margin-left:30px;
				}
}