@charset "UTF-8";
/* CSS Document */



/* FONT size
---------------------------------------------------------------------
[ px ]	[ % ]
10px 	72  %		19px 	136 %
11px 	79  %		20px 	143 %
12px 	86 %		21px 	150 %
13px 	93 %		22px 	158 %
14px 	100 %		23px 	165 %
15px 	108 %		24px 	172 %
16px 	115 %		25px 	179 %
17px 	122 %		26px 	186 %
18px 	129 %
---------------------------------------------------------------------*/





/* pagetitle
--------------------- */
#pagetitle {
	background: url("../img/minutes/pagetitle.jpg") no-repeat center / cover;
}





/* main
--------------------- */
#main .arrow {
	width: 16px;
	margin: auto;
	padding: 80px 0;
}
	#main .read {
		font-size: 1.8rem;
		line-height: 40px;
		text-align: center;
		padding-bottom: 50px;
	}

	#main .whitebox {
		background: #fff;
		border: solid 1px #ddd;
		border-radius: 10px;
		padding: 50px;
	}




/* vision
--------------------- */
#vision {
	width: 100%;
	padding: 120px 0 0 0;
}
	#vision .whitebox h3 {
		font-size: 6.0rem;
		font-weight: 500;
		line-height: 90px;
		text-align: center;
	}
		#vision .whitebox h3 span {
			color: #065c40;
		}





/* strategy
--------------------- */
#strategy {
	width: 100%;
}
	#strategy .whitebox img {
		display: block;
		max-width: 521px;
		margin: auto;
	}

	#strategy .whitebox h4 {
		padding-top: 20px;
		font-size: 1.8rem;
		font-weight: 600;
		color: #065c40;
		text-align: center;
	}





/* field
--------------------- */
#field {
	width: 100%;
}
	#field .whitebox h3 {
		font-size: 2.6rem;
		font-weight: 500;
		text-align: center;
		line-height: 1.4em;
		margin-bottom: 30px;
	}

	#field .whitebox img {
		display: block;
		max-width: 900px;
		margin: auto;
	}





/* business
--------------------- */
#business {
	width: 100%;
}
	#business ul li {
		width: 32%;
	}
		#business ul li img {
			border-radius: 10px;
			border: solid 1px #ddd;
		}

		#business ul li h4 {
			padding-top: 13px;
			font-size: 2.0rem;
			font-weight: 600;
			line-height: 1;
			text-align: center;
			color: #c69a49;
		}

		#business ul li .en {
			padding-top: 8px;
			font-size: 1.2rem;
			line-height: 1;
			letter-spacing: 0.1em;
			text-align: center;
			color: #c69a49;
		}

		#business ul li .txt {
			padding-top: 8px;
			font-size: 1.6rem;
			text-align: center;
		}





/* number
--------------------- */
#number {
	width: 100%;
	background: #F2F2F2;
	padding-top: 120px;
	padding-bottom: 120px;
}
	#number .pht {
		padding-top: 20px;
	}









/* 1260px */
@media screen and (max-width: 1260px) {








}







/* 1060px */
@media screen and (max-width: 1060px) {








}







/* max 767px */
@media screen and (max-width: 767px) {





/* main
--------------------- */
#main .arrow {
	width: 12px;
	padding: 40px 0;
}
	#main .read {
		font-size: 1.3rem;
		line-height: 2em;
		text-align: left;
		padding-bottom: 30px;
	}

	#main .whitebox {
		padding: 25px;
	}




/* vision
--------------------- */
#vision {
	padding: 80px 0 0 0;
}
	#vision .whitebox h3 {
		font-size: 3.2rem;
		font-weight: 500;
		line-height: 50px;
		text-align: center;
	}
		#vision .whitebox h3 span {
			color: #065c40;
		}





/* strategy
--------------------- */
#strategy .whitebox h4 {
	padding-top: 15px;
	font-size: 1.4rem;
	letter-spacing: 0.1em;
}





/* field
--------------------- */
#field .whitebox h3 {
	font-size: 1.7rem;
	margin-bottom: 20px;
}





/* business
--------------------- */
#business ul {
	display: block;
	line-height: 1.6em;
}
	#business ul li {
		width: 100%;
		margin-bottom: 25px;
	}
		#business ul li h4 {
			font-size: 1.8rem;
		}

		#business ul li .txt {
			font-size: 1.2rem;
			line-height: 1.6em;
		}





/* number
--------------------- */
#number {
	padding-top: 60px;
	padding-bottom: 80px;
}




	
	

}


	
