@charset "utf-8";
/*トップページではタイトル非表示*/
.zone_headre_title {
		display: none;
}
/* 基本　*/
#zone_middle_floor {
		max-width: 100%;
}
#zone_topstage {
		width: 100%;
		padding: 0;
		background: none;
		position: relative;
		height: 280px;
}
#l_img_topstage {
		position: absolute;
}
#l_img_topstage > img {
		height: 700px;
}
div.l_title h1 {
		position: absolute;
		top: 10%;
		right: -10%;
		padding: 1em 2em;
		background: rgba(91, 139, 61, 0.56);
		max-width: 500px;
}
div.l_title h1 {
		max-width: 400px;
		width: 100%;
}
/*インフォメーション*/
.l_news_wrap {
		width: 40%;
		position: relative;
		margin: 0 0 0 auto;
}
.l_news_wrap ul li span:first-child {
		font-size: .8em;
		color: #8B8B8B;
}
.l_news_wrap ul li span:nth-child(2) {
		font-size: .8em;
		margin: 0 1em;
		background: #FF8F70;
		padding: 0 .5em;
		color: #fff;
}
.l_news_wrap .news h3 {
		color: #85B67E;
		font-size: 1.2em;
}
.l_news_wrap .news ul {
		height: 150px;
		border-left: 5px solid #85B67E;
		background: #fff;
		overflow: auto;
		max-width: 400px;
		font-size: .9em;
}
.l_news_wrap .event h3 {
		color: #FF9E86;
		font-size: 1.2em;
}
.l_news_wrap .event {
		margin-top: 2em;
	margin-bottom: 1em;
}
.l_news_wrap .event ul {
		height: 150px;
		background: #fff;
		border-left: 5px solid #FF9E86;
		overflow: auto;
		max-width: 400px;
		font-size: .9em;
}
.l_news_wrap .news ul li,.l_news_wrap .event ul li{
	padding: .3em 1em;
}
.l_news_wrap .news ul li:hover,.l_news_wrap .event ul li:hover{
	background: rgba(239,239,239,1.00);
}
@media (max-width: 1350px) {
		div.l_title h1 {
				position: absolute;
				top: 10%;
				left: 0;
		}
}
@media (max-width: 768px) {
		.zone_headre_title {
				display: block;
		}
		#zone_topstage {
				position: static;
				height: auto;
		}
		#l_img_topstage {
				position: static;
		}
		#l_img_topstage > img {
				height: auto;
				width: 100%;
				max-width: 100%;
		}
		div.l_title h1 {
				display: none;
		}
		/*インフォメーション*/
		.l_news_wrap {
				padding: 1.4em 0;
				background: url("../image/sitetop/bg-top-genome.jpg") no-repeat;
				background-size: cover;
				background-position: right center;
		}
		.l_news_wrap ul {
				max-width: 90% !important;
				margin: 0 auto;
		}
		.l_news_wrap {
				width: 100%;
				position: static;
				margin: 0 auto;
		}
		.l_news_wrap .event {
				margin-top: 2em;
		}
		.l_news_wrap h3 {
				background: #fff;
				display: inline-block;
				margin-left: 1.5em;
				padding: .2em 1em;
				border-radius: 0 20px 0 0;
		}
}
/* -----------------ホットニュース領域ここから */
.l_hotnews_area {
		width: 100%;
		background: #F2F2F2;
		background-repeat: no-repeat;
		background-size: cover;
		position: relative;
		padding: 4em 0;
}
.l_hotnews_area h2 {
		position: absolute;
		margin-top: -2em;
		font-size: 4.5em;
		font-family: 'Lato', sans-serif;
		margin-left: 2em;
}
.l_hotnews_area h2:before {
		display: inline-block;
		content: url("../image/sitetop/img-midashi-left.svg");
		width: 25px;
		vertical-align: -10%;
		margin: 0 10px;
}
@media (max-width: 768px) {
		.l_hotnews_area {
				margin-top: 2em;
		}
		.l_hotnews_area h2 {
				position: static;
				font-size: 3em;
				margin-top: -2.5em;
				margin-left: 0;
		}
}
/*--------------------------------------
  ニュースセンターのカード型（新）
--------------------------------------*/
.l_sitetop_card { /*カードを並べるエリア*/
		display: -ms-grid;
		display: grid;
		grid-template-columns: repeat(auto-fit, 30%);
		grid-row-gap: 30px;
		grid-column-gap: 30px;
		justify-content: center;
		max-width: 1200px;
		margin: 0 auto;
}
.l_sitetop_card li {
		padding: 1em;
}
.l_sitetop_card li:hover {
		border: 2px solid #fff;
		border-radius: 20px;
}
.l_sitetop_card li article {
		color: #212121;
		text-decoration: none;
}
.l_sitetop_card li figure { /*画像の枠組み*/
		margin: 0;
		order: 0;
		height: 180px;
		overflow: hidden;
		object-position: center;
}
.l_sitetop_card li figure img {
		width: 100%;
		display: block;
		height: 200px;
		border-radius: 20px;
		object-fit: cover; /*エリアに合わせて切り抜き*/
}
.card_text h3 {
		padding: .6em 0 .3em 0;
}
.card_text p { /*本文*/
		font-size: .9em;
		height: 80px;
		line-height: 1.7;
}
.card_btn_area {
		padding-bottom: 1em;
}
.card_btn_area a {
		display: flex;
		align-items: center;
		text-decoration: none;
		font-size: 1.1em;
		font-weight: bold;
		color: #353535;
		font-family: 'Lato', sans-serif;
}
.card_btn_area a:before {
		content: "";
		height: 1px;
		flex-grow: 1;
		background-color: #666;
}
.card_btn_area a:before {
		margin-right: 1rem;
}
.card_btn_area a:after {
		content: url("../image/sitetop/img-btn-readmore_on.svg");
		width: 40px;
		height: 20px;
		margin: 0 10px;
		vertical-align: middle;
}
.card_btn_area a:hover {
		background: rgba(215, 236, 200, .6);
		border-radius: 50px;
}
.card_btn_area a:hover:after {
		content: url("../image/sitetop/img-btn-readmore_off.svg");
		width: 40px;
		height: 20px;
		margin: 0 10px;
		vertical-align: middle;
}
@media (max-width: 900px) { /* ２列横並び:左右均等割り付け*/
		.l_sitetop_card { /*カードを並べるエリア*/
				grid-template-columns: repeat(auto-fit, 45%);
		}
}
@media (max-width: 500px) { /* flex解除:縦１列 */
		.l_sitetop_card { /*カードを並べるエリア*/
				grid-template-columns: repeat(auto-fit, 100%);
		}
}
/*----------インフォメーション（コンテンツ）領域ここから-----------*/
.l_info_area {
		width: 100%;
		background: #F3F8EA;
		background-repeat: no-repeat;
		background-size: cover;
		position: relative;
		padding: 4em 0;
		margin-top: 10em;
}
.l_info_inwrap {
		margin: 0 auto;
		max-width: 1200px;
		background: #fff;
		border-radius: 20px;
		padding: 2em 4em;
}
.l_info_area h2 {
		position: absolute;
		margin-top: -2em;
		font-size: 4.5em;
		font-family: 'Lato', sans-serif;
		margin-left: 2em;
}
.l_info_area h2:before {
		display: inline-block;
		content: url("../image/sitetop/img-midashi-left.svg");
		width: 25px;
		vertical-align: -7%;
		margin: 0 10px;
}
.l_info_lead {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		max-width: 1000px;
}
.l_info_lead h3 {
		font-family: 'Shippori Mincho', serif;
		font-size: 2em;
		font-weight: normal;
		color: #83AC81;
		text-shadow: 0 0 15px rgba(131, 172, 129, 0.8);
		border-right: 1px solid #83AC81;
		padding-right: 1em;
		margin-right: 1em;
		width: 30%;
}
.l_info_lead p {
		font-size: .9em;
}
.l_info_inwrap ul {
		margin: 3em auto;
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
}
.l_info_inwrap ul li {
		text-align: center;
		margin: 0 auto;
		position: relative;
		transition: all .4s;
}
.l_info_inwrap ul li:hover {
		top: -10px;
}
.l_info_inwrap ul li a {
		color: #121212 !important;
		font-family: 'Shippori Mincho', serif;
		font-size: 1.4em;
		text-decoration: none !important;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
}
.l_info_inwrap ul li a div {
		position: relative;
		width: 400px;
}
.l_info_inwrap ul li a div img:first-child {
		width: 100%;
}
.l_info_inwrap ul li a div img:nth-child(2) {
		position: absolute;
		z-index: 2;
		top: -30px;
		left: -20px;
		width: 90px;
		height: 90px;
}
@media (max-width: 768px) {
		.l_info_area {
				margin-top: 4em;
		}
		.l_info_area h2 {
				position: static;
				margin-top: -2.3em;
				font-size: 3em;
				margin-left: 0;
		}
		.l_info_area h2:before {
				display: inline-block;
				content: url("../image/sitetop/img-midashi-left.svg");
				width: 25px;
				vertical-align: -17%;
				margin: 0 10px;
		}
		.l_info_lead {
				display: block;
		}
		.l_info_lead h3 {
			padding-top: 1em;
				font-family: 'Shippori Mincho', serif;
				font-size: 1.7em;
				text-shadow: none;
				border-right: none;
				padding-right: 0;
			text-align: center;
				margin-right: 1em;
				width: 100%;
		}
		.l_info_inwrap {
				padding: 0;
		}
		.l_info_inwrap ul {
				margin: 3em auto;
				width: 100%;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-pack: center;
				-ms-flex-pack: center;
				justify-content: center;
				-webkit-box-align: center;
				-ms-flex-align: center;
				align-items: center;
				-ms-flex-wrap: wrap;
				flex-wrap: wrap;
		}
		.l_info_inwrap ul li {
				text-align: center;
				margin: 0 auto;
				position: relative;
				transition: all .4s;
		}
		.l_info_inwrap ul li:hover {
				top: -10px;
		}
		.l_info_inwrap ul li a {
				color: #121212 !important;
				font-family: 'Shippori Mincho', serif;
				font-size: 1.4em;
				text-decoration: none !important;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-pack: center;
				-ms-flex-pack: center;
				justify-content: center;
		}
		.l_info_inwrap ul li a div {
				position: relative;
				width: 200px;
		}
		.l_info_inwrap ul li a div img:nth-child(2) {
				width: 50px;
				left: 120px;
				top: 50px;
		}
}
/*----------リサーチ領域ここから-----------*/
.l_research_area {
		width: 100%;
		background: url("../image/sitetop/img-research-midashi.gif");
		background-repeat: no-repeat;
		background-position: right top;
		padding: 4em 0;
		margin-top: 2em;
}
.l_research_inwrap {
		margin: 0 auto;
		max-width: 1200px;
}
.l_research_area h2 {
		text-align: right;
		font-size: 4.5em;
		font-family: 'Lato', sans-serif;
		margin-right: 2em;
}
.l_research_area h2 img {
		display: block;
		width: 80px;
		height: 50px;
		margin: 0 0 0 auto;
}
.l_research_area h2 span {
		font-family: 'Shippori Mincho', serif;
		font-size: .7em;
		font-weight: normal;
		color: #83AC81;
		text-shadow: 0 0 15px rgba(131, 172, 129, 0.8);
		vertical-align: 10%;
		padding-right: 1em;
		width: 30%;
}
.l_research_lead {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		max-width: 1000px;
		margin: -3em 0 3em 0;
}
.l_research_lead img {
		display: inline-block;
		width: 90px;
		height: 90px;
}
.l_research_lead div:nth-child(2) {
		margin-left: 1em;
}
.l_research_lead div:nth-child(2) h3 {
		font-family: 'Shippori Mincho', serif;
		font-size: 1.3em;
		font-weight: bold;
}
.l_research_lead div:nth-child(2) p {
		font-size: .9em;
}
.l_research_inwrap ul {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
		grid-gap: 30px;
}
.l_research_inwrap ul li {
		width: 100%;
		background: #fff;
		border: 1px solid #0DA18D;
		border-radius: 10px 10px 0 10px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		flex-flow: column;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		position: relative;
		transition: all .4s;
}
.l_research_inwrap ul li:hover {
		top: -10px;
		box-shadow: 0 10px 0 rgba(0, 0, 0, 0.1);
}
.l_research_inwrap ul li img {
		width: 100%;
		height: 200px;
		object-fit: cover;
}
.l_research_inwrap ul li a {
		text-decoration: none;
		color: #666666 !important;
		height: 100%;
		padding: 1em 1em 3.6em 1em;
		position: relative;
}
.l_research_inwrap ul li a:after {
		position: absolute;
		bottom: 0;
		right: 0;
		content: "";
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 0 80px 80px;
		border-color: transparent transparent #0da18d transparent;
		z-index: 1;
}
.l_research_inwrap ul li a:before {
		position: absolute;
		bottom: 0;
		right: 0;
		content: "詳細";
		color: #fff;
		z-index: 2;
		font-size: .9em;
		padding: 1.5em .6em .7em 1em;
}
.l_research_inwrap ul li a:hover {
		text-decoration: none;
}
.l_research_inwrap ul li p {
		font-size: .8em;
		line-height: 1.5;
}
.l_research_inwrap ul li h4 {
		color: #272727;
}
@media (max-width: 768px) {
		.l_research_area {
				background-position: center top;
				padding: 0;
				margin-top: 1em;
		}
		.l_research_area h2 {
				text-align: center;
				font-size: 3em;
				margin-right: 0;
				padding-top: -1em;
		}
		.l_research_area h2 img {
				margin: 0 auto;
		}
		.l_research_lead {
				margin: 1em 0 3em 0;
		}
		.l_research_lead img {
				display: inline-block;
				width: 50px;
				height: 50px;
		}
		.l_research_lead div:nth-child(2) {
				margin-left: 1em;
		}
		.l_research_inwrap ul li img {
				width: 100%;
				height: 170px;
				object-fit: cover;
		}
}
/*----------リザルト領域ここから-----------*/
.l_result_area {
		width: 100%;
		margin: 0;
		padding: 0 0 5em 0;
		position: relative;
		top: 200px;
		margin-bottom: 20em;
}
.l_result_area::before {
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background-color: #abe9cd;
		background-image: linear-gradient(90deg, #E1FBF6 0%, #F0F4EA 74%);
		transform: skewY(7deg);
		z-index: -1;
}
.l_result_inwrap {
		margin: 0 auto;
		max-width: 1200px;
}
.l_result_area h2 {
		text-align: left;
		font-size: 4.5em;
		font-family: 'Lato', sans-serif;
		margin: 0 2em 0 2em;
}
.l_result_area h2:before {
		display: inline-block;
		content: url("../image/sitetop/img-midashi-left.svg");
		width: 25px;
		vertical-align: -7%;
		margin: 0 10px;
}
.l_result_area h2 span {
		font-family: 'Shippori Mincho', serif;
		font-size: .7em;
		font-weight: normal;
		color: #83AC81;
		text-shadow: 0 0 15px rgba(131, 172, 129, 0.8);
		vertical-align: 5%;
		padding-left: 1em;
		width: 30%;
}
.l_result_new {
		height: 300px;
		overflow-x: auto;
		border: 2px solid #fff;
		border-radius: 10px;
		padding: 2em 1em;
		margin-bottom: 5em;
}
.l_result_new li:hover {
		background: rgba(113, 177, 176, 0.2);
}
/*業績ボタン*/
.l_result_inwrap div:nth-child(2){
	text-align: right;
	margin-top: -2em;
}
.l_btn_gyouseki {
	font-size: 1.1em;
		color: #fff!important;
	text-decoration: none;
		border: 2px solid #fff;
		border-radius: 100px;
		background-image: -webkit-gradient(linear, left top, right top, from(#4DBBC4), to(#AAD483));
		background-image: -webkit-linear-gradient(left, #4DBBC4 0%, #AAD483 100%);
		background-image: linear-gradient(to right, #4DBBC4 0%, #AAD483 100%);
		-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
		box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
	padding: .6em 1em;
	white-space: pre;
}
.l_btn_gyouseki:hover {
		-webkit-transform: translate(0, -1em);
		transform: translate(0, -1em);
		color: #fff;
		-webkit-box-shadow: 0 8px 15px rgba(0, 0, 0, .2);
		box-shadow: 0 8px 15px rgba(0, 0, 0, .2);
	text-decoration: none!important;
	
}
@media (max-width: 768px) {
		.l_result_area {
				padding: 0 0 0 0;
				position: relative;
				top: 0;
				margin-bottom: 3em;
		}
		.l_result_area h2 {
				font-size: 3em;
				margin-left: 0;
		}
		.l_result_area h2:before {
				vertical-align: -17%;
		}
		.l_result_area h2 span {
				text-shadow: none;
				vertical-align: 5%;
				padding-left: 1em;
				width: 30%;
		}
		.l_result_new {
				height: 220px;
				font-size: .8em;
		}
}
/*----------コンタクト領域ここから-----------*/
.l_contact_area {
		max-width: 1200px;
		width: 100%;
		margin: 0 auto;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
}
.l_contact_area div:first-child {
		max-width: 50%;
		margin-right: 2em;
}
.l_contact_area div img {
		width: 100%;
}
.l_contact_inwrap {
		margin: 0 auto;
		width: 100%;
}
.l_contact_area h2 {
		text-align: center;
		font-size: 4.5em;
		font-family: 'Lato', sans-serif;
		margin-bottom: 1em;
		line-height: 1.3;
}
.l_contact_area h2 span {
		display: block;
		font-family: 'Shippori Mincho', serif;
		font-size: .5em;
		font-weight: normal;
		color: #83AC81;
		text-shadow: 0 0 15px rgba(131, 172, 129, 0.8);
}
/* Google Mapを囲う要素 */
.l_google_map {
		margin-top: 2em;
		position: relative;
		width: 100%;
		height: 0;
		padding-top: 55%; /* 比率を4:3に固定 */
}
/* Google Mapのiframe */
.l_google_map iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
}
.l_contact_inwrap p span {
		display: block;
}
.l_contact_inwrap p span.mail:before {
		content: "\f0e0";
		font-weight: 400;
		font-family: "Font Awesome 5 Free";
		padding-right: 5px;
		color: #838383;
}
.l_contact_inwrap p span.tel:before {
		content: "\f095";
		font-weight: 600;
		font-family: "Font Awesome 5 Free";
		padding-right: 5px;
		color: #838383;
}
@media (max-width: 768px) {
		.l_contact_area {
				width: 100%;
				height: 100%;
				margin: 0;
				padding: 0 0 5em 0;
				display: block;
		}
		.l_contact_area div:first-child {
				max-width: 100%;
				margin-right: 0;
				margin-top: 7em;
		}
		.l_contact_area div img {
				margin-right: 0;
				object-fit: cover;
				object-position: center bottom;
				height: 200px;
				width: 100%;
		}
		.l_contact_inwrap {
				margin: 0 auto;
				max-width: 900px;
		}
		.l_contact_area h2 {
				font-size: 3em;
		}
		.l_contact_area h2 span {
				text-shadow: none;
		}
		.l_contact_inwrap p, .l_contact_inwrap ul {
				text-align: center;
		}
}