@charset "utf-8";

/* navHeight */

.navHeight{
	width:100%;
	height:130px;
}
@media (max-width:1200px){
	.navHeight{
		height:160px;
	}
}
@media (max-width:992px){
	.navHeight{
		height:70px;
	}
}

/* eyeCatch */

.pageWrap{
	padding: 50px 0 0 0;
}
.mainTxt_wrap{
	width:1260px;
	margin: 0 auto;
}
.mainTxt_wrap h3{
	margin-bottom: 50px;
}
.mainTxt_wrap p{
	font-size: 1.5em;
	letter-spacing: 0.2em;
	color: #005030;
	text-align: center;
	margin-bottom: 50px;
}
.under768,
.under500,
.under414{
	display:none;
}
.imgRow{
	position: relative;
}
.firstImg{
	display: flex;
	justify-content: flex-end;
	background: linear-gradient(180deg,#fff 0%,#fff 20%,rgba(194, 210, 188,0.3) 20%,rgba(194, 210, 188,0.3) 100%);
}
.firstImg p{
	border: 5px solid #000;
}
.firstImg p:first-of-type{
	width: 72%;
}
.firstImg p:last-of-type{
	width: 23%;
}
.c_absolute01{
	position: absolute;
	top:90%;
	left: 10%;
}
.txtRow{
	padding: 80px 0;
	background-color: rgba(194, 210, 188,0.3);
}
.txtRow_inner p{
	font-size: 1.25em;
	line-height: 3.5;
	text-align: center;
	margin-bottom: 30px;
}
.txtRow_inner p:last-of-type{
	margin-bottom: 0px;
}
.secondImg{
	display: flex;
	justify-content: flex-start;
	background-color: rgba(194, 210, 188,0.3);
}
.secondImg p{
	border: 5px solid #000;
}
.secondImg p:first-of-type{
	width: 72%;
}
.secondImg p:nth-of-type(2){
	width: 20%;
}
.secondImg p:last-of-type{
	width: 20%;
}
.c_absolute02{
	position: absolute;
	top:-20%;
	right: 13%;
}
.c_absolute03{
	position: absolute;
	top:85%;
	left: 8%;
	z-index: 1;
}
.secondTxt{
	position: relative;
	padding-bottom: 150px;
}
.c_absolute04{
	width:23%;
	border: 5px solid #000;
	position: absolute;
	top:25%;
	right:10%;
}
.secondTxt>.txtRow_inner>p:nth-of-type(3){
	margin-bottom: 0px;
}
.thirdImg{
	position: relative;
	padding-bottom: 100px;
	background-color: rgba(194, 210, 188,0.3);
}
.thirdImg>p{
	border: 5px solid #000;
}
.thirdImg>p:first-of-type{
	width:52%;
	margin: 0 auto;
}
.c_absolute05{
	width: 23%;
	position: absolute;
	top:-20%;
	left:12%;
}
.scroll_up {
	transition: 0.8s ease-in-out;
	transform: translateY(30px);
	opacity: 0;
}
.scroll_up.on {
	transform: translateY(0);
	opacity: 1.0;
}
@media (max-width:1452px){
	.mainTxt_wrap{
		width:86%;
	}
	.mainTxt_wrap p{
		font-size: 1.4em;
	}
	.txtRow_inner p{
		font-size: 1.15em;
	}
	.c_absolute04{
		right:6%;
		top:30%;
	}
}
@media (max-width:992px){
	.c_absolute04{
		top:70%;
	}
}
@media (max-width:768px){
	.under768{
		display:block;
	}
	.mainTxt_wrap p{
		line-height: 2;
	}
	.firstImg p:first-of-type{
		width: 80%;
	}
	.firstImg p:last-of-type{
		width: 30%;
	}
	.c_absolute01{
		top:85%;
		left: 2%;
	}
	.txtRow{
		padding: 100px 0;
	}
	.secondImg p:first-of-type{
		width: 80%;
	}
	.secondImg p:nth-of-type(2){
		width: 30%;
	}
	.secondImg p:last-of-type{
		width: 30%;
	}
	.c_absolute02{
		position: absolute;
		top:-20%;
		right: 2%;
	}
	.c_absolute03{
		position: absolute;
		top:80%;
		left: 2%;
		z-index: 1;
	}
	.c_absolute04{
		width:30%;
		top:75%;
		right:2%;
	}
	.thirdImg>p:first-of-type{
		width:60%;
	}
	.c_absolute05{
		width: 30%;
		position: absolute;
		top:-20%;
		left:2%;
	}
}
@media (max-width:600px){
	.c_absolute04{
		top:80%;
	}
}
@media (max-width:500px){
	.over500{
		display:none;
	}
	.under500{
		display:block;
	}
	.firstImg p{
		border: 3px solid #000;
	}
	.firstImg p:last-of-type{
		width: 40%;
	}
	.txtRow{
		padding: 150px 0;
	}
	.secondImg p{
		border: 3px solid #000;
	}
	.secondImg p:nth-of-type(2){
		width: 40%;
	}
	.secondImg p:last-of-type{
		width: 40%;
	}
	.c_absolute02{
		top:-40%;
	}
	.c_absolute03{
		top:85%;
	}
	.secondTxt{
		padding: 150px 0;
	}
	.c_absolute04{
		width:40%;
		border: 3px solid #000;
		top:85%;
		z-index: 1;
	}
	.thirdImg>p{
		border: 3px solid #000;
	}
	.thirdImg>p:first-of-type{
		width:70%;
	}
}
@media (max-width:414px){
	.under414{
		display:block;
	}
}