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

/* !利用条件
---------------------------------------------------------- */
.conditionsIntro {
	width:100%;
	padding:80px 50px 70px 50px;
}
	.conditionsIntro div.inner {
		width:100%;
		max-width:1200px;
		margin:0 auto ;
	}
		.conditionsIntro div.inner h2 {
			font-size:40px;
			font-weight: 700;
			line-height: 1.6;
			color: #65B401;
			letter-spacing: 0.04em;
			position: relative;
			padding-left:60px;
			margin-bottom: 50px;
		}
			.conditionsIntro div.inner h2:before {
				position: absolute;
				content:"";
				width:40px;
				height: 1px;
				background: #65B401;
				top:50%;
				left:0;
			}
		.conditionsIntro div.inner h3 {
			font-size:28px;
			font-weight: 700;
			line-height: 1.6;
			color: #65B401;
			padding-left:0.6em;
			border-left:5px solid #65B401;
			margin-bottom: 40px;
		}

.index02 {
	width:auto;
	margin: 0 20px;
	padding:100px 50px 100px 50px;
	background: #F7FBF2;
	border-radius: 12px;
}
	.index02 div.inner {
		width:100%;
		max-width:1200px;
		display: flex;
		margin:0 auto ;
	}
		.index02 div.inner div.left {
			width:35%;
		}
			.index02 div.inner div.left h3 {
				font-size:28px;
				font-weight: 700;
				line-height: 1.6;
				color: #65B401;
				padding-left:0.6em;
				border-left:5px solid #65B401;
			}
		.index02 div.inner div.right {
			width:65%;
		}
			.index02 div.inner div.right p.read {
				margin-bottom: 30px;
			}

@media screen and (max-width:1039px){
.conditionsIntro {
	padding:60px 30px 60px 30px;
}
		.conditionsIntro div.inner h2 {
			font-size:36px;
			margin-bottom: 40px;
		}
		.conditionsIntro div.inner h3 {
			font-size:24px;
			margin-bottom: 30px;
		}
	
.index02 {
	padding:70px 30px 70px 30px;
}
	.index02 div.inner {
		flex-wrap: wrap;
	}
		.index02 div.inner div.left {
			width:100%;
			margin-bottom: 40px;
		}
			.index02 div.inner div.left h3 {
				font-size:24px;
			}
		.index02 div.inner div.right {
			width:100%;
		}
}

@media screen and (max-width:767px){
.conditionsIntro {
	padding:40px 25px 40px 25px;
}
		.conditionsIntro div.inner h2 {
			font-size:24px;
			padding-left:35px;
			margin-bottom: 30px;
		}
			.conditionsIntro div.inner h2:before {
				width:20px;
				top:50%;
			}
		.conditionsIntro div.inner h3 {
			font-size:20px;
			margin-bottom: 30px;
		}
	
.index02 {
	width:auto;
	margin: 0 15px;
	padding:50px 20px 50px 20px;
	border-radius: 10px;
}
	.index02 div.inner {
		flex-wrap: wrap;
	}
		.index02 div.inner div.left {
			width:100%;
			margin-bottom: 30px;
		}
			.index02 div.inner div.left h3 {
				font-size:20px;
				font-weight: 700;
				line-height: 1.6;
				color: #65B401;
				padding-left:0.6em;
				border-left:5px solid #65B401;
			}
		.index02 div.inner div.right {
			width:100%;
		}
			.index02 div.inner div.right p.read {
				margin-bottom: 30px;
			}
}