@charset "UTF-8";

/* 表示・非表示 */
.pc_only{display: block;}
.pc_tab_only{display: block;}
.tab_only{display: none;}
.sp_tab_only{display: none;}
.sp_only{display: none;}

@media screen and (max-width: 960px){
	.pc_only{display: none;}
	.pc_tab_only{display: block;}
	.tab_only{display: block;}
	.sp_tab_only{display: block;}
	.sp_only{display: none;}
}

@media screen and (max-width: 640px){
	.pc_only{display: none;}
	.pc_tab_only{display: none;}
	.tab_only{display: none;}
	.sp_tab_only{display: block;}
	.sp_only{display: block;}
}

/* intro
---------------------------------------------- */
.intro{
	padding: 110px 0;
}
	.introAnnotationWrap{
		margin-top: 30px;
		text-align: center;
	}
		.introAnnotation{
			display: inline-block;
			font-size: 17px;
		    font-weight: 600;
		    background-color: #f3f8f4;
		    text-align: center;
		    line-height: 2;
		    letter-spacing: .1em;
		    padding: 1em 2em;
		}
	.introDes{
		margin: 30px auto 60px;
		font-size: 18px;
		line-height: 2.3;
		letter-spacing: .1em;
		text-align: center;
	}

	.introSubTtl{
		font-size: 32px;
		font-weight: 600;
		letter-spacing: .1em;
		text-align: center;
		margin-top: 90px;
		margin-bottom: 40px;
	}
		.introImg .annotation{
			font-size: 11px;
			text-align: right;
			margin-top: .5em;
			color: #666;
		}
	.introMeritTtl{
		font-size: 28px;
		letter-spacing: .1em;
		text-align: center;
		margin-top: 90px;
	}
	.introMeritImg{
		max-width: 880px;
		margin: 40px auto 45px;
	}
	.introMeritDes{
		font-size: 16px;
		line-height: 2.125;
		letter-spacing: .1em;
		text-align: center;

	}

@media screen and (max-width: 1000px){
	.introDes{
		font-size: 16px;
	}

	.introMeritTtl{
		font-size: 20px;
		line-height: 1.8;
		letter-spacing: .03em;
		margin-top: 45px;
	}

}

@media screen and (max-width: 768px){
	.intro{
		padding: 50px 0;
	}
		.introAnnotationWrap{
			margin-top: 15px;
		}
			.introAnnotation{
				font-size: 14px;
			    line-height: 1.8;
			}
		.introDes{
			margin: 15px auto 40px;
			font-size: 14px;
			line-height: 1.93;
			text-align: justify;
			text-justify: inter-ideograph;
		}
	.introSubTtl{
		font-size: 20px;
		margin-top: 45px;
		margin-bottom: 15px;
	}
	.introImg{
	}
		.introImg .annotation{
			font-size: 10px;
			text-align: left;
		}
	.introMeritImg{
		margin: 15px auto 20px;
	}
	.introMeritDes{
		font-size: 14px;
		line-height: 1.93;
		text-align: justify;
		text-justify: inter-ideograph;
	}
}
@media screen and (max-width: 760px){
	.introMeritTtl{
		font-size: 18px;
	}
}
@media screen and (max-width: 360px){
	.introAnnotation br{
		display: none!important;
	}
}


/* example
---------------------------------------------- */

#exampleWrap01 {text-align: center; margin-bottom: 70px; padding: 0 0 75px;}
#exampleWrap01 h3{position: relative; display: inline-block; font-size: 28px; margin: 0 auto 20px; padding: 0 65px 10px; max-width: 850px;}

.exampleWrap01_inner {display: flex; justify-content: center; align-items: center; flex-wrap: wrap; margin: 50px auto 0;}
.exampleWrap01_inner h4 {font-size: 20px; color: #fff;}
.exampleWrap01_inner p {text-align: left;}
.exampleWrap01_inner_box01 {background-color: #006e38; padding: 30px 15px;}
.exampleWrap01_inner_box02 {border: #006e38 1px solid; padding: 3px 15px;}


#exampleWrap01 p span.service10_con01_annotation01 {text-align: left; font-size: 12px; display: block; padding-top: 5px; margin-bottom: 50px;}
#exampleWrap01 p span.service10_con01_annotation02 {text-align: left; font-size: 12px; display: block; padding-top: 5px; margin-bottom: 50px; max-width: 800px; margin: 0 auto;}

@media screen and (max-width:640px){
	#exampleWrap01{padding: 75px 0 0; margin-bottom: 50px;}
	#exampleWrap01 h3{font-size: 24px;}

	.exampleWrap01_inner {margin: 30px auto 0;}
	.exampleWrap01_inner_box01 {width: 100%; padding: 20px 15px;}

	#exampleWrap01 p span.service10_con01_annotation01 {font-size: 11px; margin-bottom: 0;}
	#exampleWrap01 p span.service10_con01_annotation02 {font-size: 11px; display: block; padding-top: 5px; margin-bottom: 50px; max-width: 800px; margin: 0 auto;}
}



#exampleWrap02{text-align: center; margin-bottom: 70px; padding: 0 0 75px;}
#exampleWrap02 h3{position: relative; display: inline-block; font-size: 28px; margin: 0 auto 20px; padding: 0 65px 10px; max-width: 850px;}

.exampleWrap02_inner {display: flex; justify-content: space-between; align-items: center;}

.exampleWrap02_inner_box {display: flex; flex-direction: column; width: 31%; height: auto; background-color: #d9e9e1; padding: 30px;}
.exampleWrap02_inner_box h4 {color: #4c9a74; font-size: 20px; line-height: 1.5; margin: 25px 0 30px; font-family: "Noto SansJapanese Medium";}
.exampleWrap02_inner_box h4 span {font-size: 24px; color: #006e38;}
.exampleWrap02_inner_box p {text-align: left; margin-top: auto; padding-top: 20px;}
.exampleWrap02_inner_box figure:nth-child(2) {margin: 15px 0 10px;}

#exampleWrap02 p span {text-align: left; font-size: 12px; display: block; padding-top: 30px;}

@media screen and (max-width:640px){
	#exampleWrap02{padding: 0; margin-bottom: 50px;}
	#exampleWrap02 h3 {font-size: 20px; padding: 0;}

	.exampleWrap02_inner {display: block;}
	.exampleWrap02_inner_box {display: block; width: 100%; height: auto; padding: 30px 20px; margin-bottom: 20px;}
	.exampleWrap02_inner_box:last-child {margin-bottom: 0;}
	.exampleWrap02_inner_box p {margin-top: 20px;}

	#exampleWrap02 p span {font-size: 11px; padding-top: 15px;}
}


/* interview
---------------------------------------------- */
.interview{
	padding: 0 0 110px;
}
.interviewWrap {border: 5px solid #006e38; padding: 45px 50px;}
.interviewWrap h3 {background: #cde1d9; padding: 15px 0; border-radius: 50px;
	font-size: 32px; line-height: 1.5; letter-spacing: .15em; text-align: center;}
.interviewWrap h4 {font-size: 22px; letter-spacing: .1em; text-align: center; margin: 40px 0;}

.interview_box01 {margin-bottom: 30px; align-items: center;}

.interview_inner {align-items: end; width: 100%;}

.interviewWrap_left01 {width: 68%;}
.interviewWrap_left01 p {font-size: 16px; letter-spacing: .1em;}
.interviewWrap_left01 h5 {font-size: 18px; letter-spacing: .1em;}
.interviewWrap_left01 h5 + p {margin-bottom: 25px;}
.interviewWrap_left01 h5 + p:last-child {margin-bottom: 0;}

.interviewWrap_right01 {width: 28%;}

.interviewWrap_right02 {width: 60%; display: flex; flex-direction: column; justify-content: space-around; align-items: center;}
.interviewWrap_right02 h5 {font-size: 18px; letter-spacing: .1em;}

.interviewWrap_left02 {width: 35%;}

.interview_inner_right {width: 60%;}
.interview_inner_left {width: 40%;}
.interview_inner_left p {font-size: 14px; margin-bottom: 15px;}
.interview_inner_left p span {font-size: 18px;}

@media screen and (max-width: 1000px){
	.interviewWrap {padding: 25px 30px;}
	.interviewWrap h3 {padding: 10px 0; font-size: 24px;}
	.interviewWrap h4 {font-size: 20px; margin: 20px 0;}

	.interview_box01 {display: block; margin-bottom: 50px;}
	.interviewWrap_left01, .interviewWrap_left02 {width: 100%; margin-bottom: 30px;}

	.interviewWrap_right01, .interviewWrap_right02 {width: 100%;}
	
	.interviewWrap_right01 img, .interviewWrap_right02 img, .interview_inner_right img, .interviewWrap_left02 img {width: 100%;}

	.interview_inner {margin-top: 30px;}
}

@media screen and (max-width: 768px){
	.interview{
		padding: 0 0 50px;
	}
	.interviewWrap {padding: 20px 25px;}
	.interviewWrap h3 {font-size: 18px;}
	.interviewWrap h4 {font-size: 18px; margin: 15px 0;}

	.interviewWrap_left01 h5 {text-align: center; font-size: 16px;}
	.interviewWrap_left01 p {font-size: 14px;}

	.interviewWrap_right02 h5 {text-align: center; font-size: 16px;}
	.interviewWrap_right02 p {font-size: 14px;}

	.interviewWrap_left02 {margin-bottom: 20px;}

	.interview_box01 {margin-bottom: 20px;}

	.interview_inner {margin-top: 10px; display: block;}

	.interview_inner_left, .interview_inner_right {width: 100%; text-align: center;}

	.interview_inner_left {margin-bottom: 20px;}
	.interview_inner_left p {margin-bottom: 20px;}
	.interview_inner_left .interview_detail {font-size: 12px;}
}


/* ce_flow
---------------------------------------------- */
.ce_flow{
	padding: 110px 0;
}
	.ce_flowWrap{
		margin-top: 120px;
	}
		.ce_flowList{
			margin-top: -50px;
		}
			.ce_flowList li{
				position: relative;
				flex-wrap: nowrap;
				min-height: 125px;
				margin-top: 50px;
				padding: 25px 40px;
				border: 1px solid #006e38;
				background: #fff;
			}
			.ce_flowList li::before{
				content: '';
				position: absolute;
				bottom: -25px;
				left: 50%;
				transform: translateX(-50%);
				border-top: 25px solid #006e38;
				border-right: 20px solid transparent;
				border-left: 20px solid transparent;
			}
			.ce_flowList li:last-child::before{
				content: none;
			}
				.ce_flowList li img{
					width: 4.4204323%;
				}
				.ce_flowListTtl{
					position: relative;
					display: flex;
					justify-content: center;
					align-items: center;
					flex-direction: column;
					width: 33.005894%;
					height: 50%;
					font-size: 24px;
					line-height: 1.6;
					letter-spacing: .1em;
					text-align: center;
				}
				.ce_flowListTtl::after{
					content: '';
					position: absolute;
					top: 50%;
					right: 0;
					transform: translateY(-50%);
					background: #006e38;
					width: 1px;
					height: 100%;
				}
				.ce_flowList li:nth-child(1) .ce_flowListTtl::after{
					height: 300%;
				}
					.ce_flowListTtl span{
						display: block;
						font-size: 14px;
						color: #333;
					}
				.ce_flowListDes{
					flex: 1;
					font-size: 16px;
					line-height: 2.125;
					letter-spacing: .1em;
					padding-left: 3.43811391%;
				}
					.ce_flowListDes .small{
						display: inline-block;
						font-size: 13px;
						letter-spacing: .05em;
						line-height: 1.4;
						padding-left: 1em;
						text-indent: -1em;
					}
					.ce_flowListNote{
						display: block;
						background-color: #f3f8f4;
						font-size: 14px;
						margin: 1em auto .5em;
						padding: 1em 1.5em;
					}
					.ce_flowListNote .inquiryTtl{
						display: block;
						color: #006e38;
						font-size: 16px;
						font-weight: 600;
						margin-bottom: .5em;
					}
					.ce_flowListDes a{
						text-decoration: underline;
					}


.ce_flowList_box_right {padding-left: 3.43811391%; display: flex; justify-content: space-between; align-items: center;}
.ce_flowList_box_right img {width: 100% !important;}

.ce_flowList_box_right01 {width: 60%;}
.ce_flowList_box_right02 {width: 35%;}



@media screen and (max-width: 1000px){
	.ce_flowListTtl{
		font-size: 18px;
	}
		.ce_flowListTtl span{
			font-size: 12px;
		}
	.ce_flowListDes{
		font-size: 14px;
	}
		.ce_flowListDes .small{
			font-size: 12px;
		}
		.ce_flowListNote{
			font-size: 12px;
		}
		.ce_flowListNote .inquiryTtl{
			font-size: 14px;
		}

		.ce_flowList_box_right {padding-left: 0; display: block;}
		.ce_flowList_box_right01 {width: 100%;}

		.ce_flowList_box_right02 {width: 100%; margin: 1em auto 0; text-align: center;}
		.ce_flowList_box_right02 img {position: initial !important; width: 80% !important;}
}

@media screen and (max-width: 768px){
	.ce_flow{
		padding: 45px 0;
	}
		.ce_flowWrap{
			margin-top: 50px;
		}
			.ce_flowList{
				margin-top: 0;
			}
				.ce_flowList li{
					display: flex;
					align-items: center;
					flex-direction: column;
					flex-wrap: wrap;
					height: auto;
					padding: 0 9.375% 20px;
				}
				.ce_flowList li::before{
					bottom: -20px;
					border-top: 20px solid #006e38;
					border-right: 15px solid transparent;
					border-left: 15px solid transparent;
				}
					.ce_flowList li img{
						position: absolute;
						left: 0;
						width: 45px;
					}
					.ce_flowListTtl{
						width: 100%;
						height: auto;
						font-size: 18px;
						padding-top: 20px;
						padding-bottom: 20px;
						border-bottom: 1px solid #006e38;
					}
					.ce_flowListTtl::after{
						content: none;
					}
						.ce_flowListTtl span{
							font-size: 10px;
						}
					.ce_flowListDes{
						font-size: 14px;
						line-height: 1.8;
						padding-top: 10px;
						padding-left: 0;
					}
						.ce_flowListDes .small{
							font-size: 12px;
						}
						.ce_flowListNote{
							padding: 15px 20px;
						}
}

/* conditions
---------------------------------------------- */
.conditions{
	padding-top: 110px;
	padding-bottom: 70px;
}
	.conditionsWrap{
		margin-top: 70px;
	}
		.conditionsList{
		}
			.conditionsList li{
				display: flex;
				/* justify-content: center; */
				align-items: center;
				flex-direction: column;
				width: 31.818182%;
				border: 1px solid #006e38;
				padding-bottom: 45px;
			}
				.conditionsList li img{
					width: 45px;
				}
				.conditionsListDes{
					padding-top: 30px;
					font-size: 18px;
					line-height: 2.3;
					letter-spacing: .1em;
					text-align: center;
				}

@media screen and (max-width: 1000px){
	.conditionsListDes{
		font-size: 16px;
	}
}

@media screen and (max-width: 768px){
	.conditions{
		padding-top: 45px;
		padding-bottom: 45px;
	}
		.conditionsWrap{
			margin-top: 30px;
		}
			.conditionsList{
				margin-top: -30px;
			}
				.conditionsList li{
					width: 100%;
					margin-top: 30px;
					padding-bottom: 25px;
				}
					.conditionsList li img{
						position: absolute;
						left: 0;
					}
					.conditionsListDes{
						padding-top: 25px;
						font-size: 14px;
						line-height: 2;
					}
}








/* ce_caution
---------------------------------------------- */
/* .ce_caution{
	background: #f4f4f4;
	padding-right: 50px;
	padding-left: 50px;
}

@media screen and (max-width: 768px){
	.ce_caution{
		padding-right: 30px;
		padding-left: 30px;
	}
	.ce_caution.inner{
		width: 100%;
	}
} */