@charset "utf-8";
/* Copyright 2022 FSFIELD All Rights Reserved. */

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

PC、タブレット、スマートフォン共通

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

/* ------------------------------------------------------------

トップページ

------------------------------------------------------------ */
#wrap_all{overflow: hidden;}

/* メインナビ アクティブ表示
---------------------------------------------- */
.nav_global>ul>li:nth-child(1)::before{
	display: block;
}

/* メインビジュアル
---------------------------------------------- */
.mv{
	height: calc(100vh - 130px);
	position: relative;
	margin-bottom: 100px;
}
.mv_animation{
	position: absolute;
	top: 50%;
	left: 54%;
	width: 40vw;
	height: 40vw;
	margin-top: -21vw;
	transform: rotate(-45deg) skew(15deg, 15deg);
}

.wrap_shape{
	position: relative;
	height: 100%;
}
.wrap_shape .shape{
	width: calc(100% / 11);
	padding-top: calc(100% / 11);
	background: #70BDCD;
	position: absolute;

}
.shape.type2{
	transform: skewX(-45deg);
	transform-origin: left top;
}
.shape.type3{
	transform: skewY(-45deg);
	transform-origin: left top;
}

.wrap_shape .shape1{
	left: calc(100% / 11 * 7);
	top: calc(100% / 11 * 0);
	background: #DA5274;
	transform: translate3d(600%,0,0);
}
.wrap_shape .shape2{
	left: calc(100% / 11 * 9);
	top: calc(100% / 11 * 0);
	background: #4CAD90;
	transform: translate3d(0,-600%,0);
}
.wrap_shape .shape3{
	left: calc(100% / 11 * 4);
	top: calc(100% / 11 * 1);
	background: #F4CB3F;
	transform: translate3d(-1500%,0,0);
}
.wrap_shape .shape4{
	left: calc(100% / 11 * 5);
	top: calc(100% / 11 * 1);
	background: #338E99;
	transform: translate3d(0,-1900%,0);
}
.wrap_shape .shape5{
	left: calc(100% / 11 * 6);
	top: calc(100% / 11 * 1);
	background: #07476C;
	transform: translate3d(0,600%,0);
}
.wrap_shape .shape6{
	left: calc(100% / 11 * 5);
	top: calc(100% / 11 * 2);
	background: #634D7C;
	transform: translate3d(-1200%,0,0);
}
.wrap_shape .shape7{
	left: calc(100% / 11 * 6);
	top: calc(100% / 11 * 2);
	background: #F2C5C2;
	transform: translate3d(0,1000%,0);
}
.wrap_shape .shape8{
	left: calc(100% / 11 * 7);
	top: calc(100% / 11 * 2);
	background: #983669;
	transform: translate3d(0,-900%,0);
}
.wrap_shape .shape9{
	left: calc(100% / 11 * 8);
	top: calc(100% / 11 * 2);
	background: #EDA837;
	transform: translate3d(0,600%,0);
}
.wrap_shape .shape10{
	left: calc(100% / 11 * 9);
	top: calc(100% / 11 * 2);
	background: #F2C5C2;
	transform: translate3d(900%,0,0);
}
.wrap_shape .shape11{
	left: calc(100% / 11 * 7);
	top: calc(100% / 11 * 3);
	background: #70BDCD;
	z-index: 1;
	transform: translate3d(-900%,0,0);
}
.wrap_shape .shape12{
	left: calc(100% / 11 * 4);
	top: calc(100% / 11 * 4);
	background: #4D4D4D;
	transform: translate3d(0,-1200%,0);
}
.wrap_shape .shape13{
	left: calc(100% / 11 * 5);
	top: calc(100% / 11 * 4);
	background: #07476C;
	transform: translate3d(600%,0,0);
}
.wrap_shape .shape14{
	left: calc(100% / 11 * 7);
	top: calc(100% / 11 * 4);
	background: #4D4D4D;
	transform: translate3d(0,-600%,0);
}
.wrap_shape .shape15{
	left: calc(100% / 11 * 8);
	top: calc(100% / 11 * 4);
	background: #DC5535;
	transform: translate3d(1200%,0,0);
}
.wrap_shape .shape16{
	left: calc(100% / 11 * 3);
	top: calc(100% / 11 * 5);
	background: #DC5535;
	z-index: 1;
	transform: translate3d(-1200%,0,0);
}
.wrap_shape .shape17{
	left: calc(100% / 11 * 4);
	top: calc(100% / 11 * 5);
	background: #EDA837;
	transform: translate3d(0,600%,0);
}
.wrap_shape .shape18{
	left: calc(100% / 11 * 5);
	top: calc(100% / 11 * 5);
	background: #DA5274;
	z-index: 1;
	transform: translate3d(-800%,0,0);
}
.wrap_shape .shape19{
	left: calc(100% / 11 * 7);
	top: calc(100% / 11 * 5);
	background: #92C6B1;
	transform: translate3d(900%,0,0);
}
.wrap_shape .shape20{
	left: calc(100% / 11 * 10);
	top: calc(100% / 11 * 5);
	background: #F4CB3F;
	transform: translate3d(1500%,0,0);
}
.wrap_shape .shape21{
	left: calc(100% / 11 * 0);
	top: calc(100% / 11 * 6);
	background: #70BDCD;
	transform: translate3d(-1900%,0,0);
}
.wrap_shape .shape22{
	left: calc(100% / 11 * 1);
	top: calc(100% / 11 * 6);
	background: #07476C;
	transform: translate3d(0,600%,0);
}
.wrap_shape .shape23{
	left: calc(100% / 11 * 3);
	top: calc(100% / 11 * 6);
	background: #983669;
	transform: translate3d(0,900%,0);
}
.wrap_shape .shape24{
	left: calc(100% / 11 * 7);
	top: calc(100% / 11 * 6);
	background: #634D7C;
	transform: translate3d(-600%,0,0);
}
.wrap_shape .shape25{
	left: calc(100% / 11 * 8);
	top: calc(100% / 11 * 6);
	background: #70BDCD;
	transform: translate3d(0,600%,0);
}
.wrap_shape .shape26{
	left: calc(100% / 11 * 4);
	top: calc(100% / 11 * 7);
	background: #4CAD90;
	transform: translate3d(0,-600%,0);
}
.wrap_shape .shape27{
	left: calc(100% / 11 * 5);
	top: calc(100% / 11 * 7);
	background: #DA5274;
	transform: translate3d(0,-400%,0);
}
.wrap_shape .shape28{
	left: calc(100% / 11 * 7);
	top: calc(100% / 11 * 7);
	background: #338E99;
	z-index: 1;
	transform: translate3d(0,1200%,0);
}
.wrap_shape .shape29{
	left: calc(100% / 11 * 4);
	top: calc(100% / 11 * 8);
	background: #338E99;
	z-index: 1;
	transform: translate3d(0,1200%,0);
}
.wrap_shape .shape30{
	left: calc(100% / 11 * 1);
	top: calc(100% / 11 * 9);
	background: #634D7C;
	transform: translate3d(-1500%,0,0);
}
.wrap_shape .shape31{
	left: calc(100% / 11 * 2);
	top: calc(100% / 11 * 9);
	background: #DC5535;
	transform: translate3d(-800%,0,0);
}
.wrap_shape .shape32{
	left: calc(100% / 11 * 4);
	top: calc(100% / 11 * 10);
	background: #4D4D4D;
	transform: translate3d(0,1900%,0);
}
.wrap_shape .shape33{
	left: calc(100% / 11 * 6);
	top: calc(100% / 11 * 1);
	background: #4CAD90;
	transform: skewY(-45deg) translate3d(0,-1200%,0);
}
.wrap_shape .shape34{
	left: calc(100% / 11 * 3);
	top: calc(100% / 11 * 3);
	background: #92C6B1;
	transform: skewY(-45deg) translate3d(0,-1900%,0);
}
.wrap_shape .shape35{
	left: calc(100% / 11 * 1);
	top: calc(100% / 11 * 4);
	background: #EDA837;
	transform: skewY(-45deg) translate3d(0,-800%,0);
}
.wrap_shape .shape36{
	left: calc(100% / 11 * 5);
	top: calc(100% / 11 * 4);
	background: #4CAD90;
	transform: skewY(-45deg) translate3d(0,-800%,0);
}
.wrap_shape .shape37{
	left: calc(100% / 11 * 3);
	top: calc(100% / 11 * 5);
	background: #338E99;
	transform: skewY(-45deg) translate3d(0,-1500%,0);
}
.wrap_shape .shape38{
	left: calc(100% / 11 * 6);
	top: calc(100% / 11 * 5);
	background: #338E99;
	transform: skewY(-45deg) translate3d(0,1500%,0);
}
.wrap_shape .shape39{
	left: calc(100% / 11 * 5);
	top: calc(100% / 11 * 6);
	background: #92C6B1;
	transform: skewY(-45deg) translate3d(0,900%,0);
}
.wrap_shape .shape40{
	left: calc(100% / 11 * 2);
	top: calc(100% / 11 * 7);
	background: #634D7C;
	transform: skewY(-45deg) translate3d(0,1500%,0);
}
.wrap_shape .shape41{
	left: calc(100% / 11 * 3);
	top: calc(100% / 11 * 8);
	background: #F2C5C2;
	transform: skewY(-45deg) translate3d(0,1900%,0);
}
.wrap_shape .shape42{
	left: calc(100% / 11 * 6);
	top: calc(100% / 11 * 8);
	background: #92C6B1;
	transform: skewY(-45deg) translate3d(0,1900%,0);
}
.wrap_shape .shape43{
	left: calc(100% / 11 * 8);
	top: calc(100% / 11 * 1);
	background: #70BDCD;
	transform: skewX(-45deg) translate3d(1200%,0,0);
}
.wrap_shape .shape44{
	left: calc(100% / 11 * 5);
	top: calc(100% / 11 * 3);
	background: #70BDCD;
	transform: skewX(-45deg) translate3d(-1900%,0,0);
}
.wrap_shape .shape45{
	left: calc(100% / 11 * 8);
	top: calc(100% / 11 * 3);
	background: #634D7C;
	transform: skewX(-45deg) translate3d(900%,0,0);
}
.wrap_shape .shape46{
	left: calc(100% / 11 * 11);
	top: calc(100% / 11 * 3);
	background: #07476C;
	transform: skewX(-45deg) translate3d(1900%,0,0);
}
.wrap_shape .shape47{
	left: calc(100% / 11 * 7);
	top: calc(100% / 11 * 5);
	background: #F4CB3F;
	transform: skewX(-45deg) translate3d(-1200%,0,0);
}
.wrap_shape .shape48{
	left: calc(100% / 11 * 6);
	top: calc(100% / 11 * 6);
	background: #70BDCD;
	transform: skewX(-45deg) translate3d(1200%,0,0);
}
.wrap_shape .shape49{
	left: calc(100% / 11 * 3);
	top: calc(100% / 11 * 7);
	background: #70BDCD;
	transform: skewX(-45deg) translate3d(-1500%,0,0);
}
.wrap_shape .shape50{
	left: calc(100% / 11 * 6);
	top: calc(100% / 11 * 7);
	background: #07476C;
	transform: skewX(-45deg) translate3d(-900%,0,0);
}
.wrap_shape .shape51{
	left: calc(100% / 11 * 8);
	top: calc(100% / 11 * 7);
	background: #F2C5C2;
	transform: skewX(-45deg) translate3d(1900%,0,0);
}
.wrap_shape .shape52{
	left: calc(100% / 11 * 5);
	top: calc(100% / 11 * 8);
	background: #EDA837;
	transform: skewX(-45deg) translate3d(900%,0,0);
}
.wrap_shape .shape53{
	left: calc(100% / 11 * 2);
	top: calc(100% / 11 * 10);
	background: #983669;
	transform: skewX(-45deg) translate3d(1500%,0,0);
}
.wrap_shape .shape54{
	left: calc(100% / 11 * 6);
	top: calc(100% / 11 * 10);
	background: #F2C5C2;
	transform: skewX(-45deg) translate3d(1900%,0,0);
}

.shape.move{
	transform: translate3d(0,0,0);
	transition: transform 2.5s;
	transition-timing-function: cubic-bezier(0.75, 0, 0.05, 1);
}
.shape.type2.move{
	transform: skewX(-45deg) translate3d(0,0,0);
	transition: transform 2.5s;
	transition-timing-function: cubic-bezier(0.75, 0, 0.05, 1);
}
.shape.type3.move{
	transform: skewY(-45deg) translate3d(0,0,0);
	transition: transform 2.5s;
	transition-timing-function: cubic-bezier(0.75, 0, 0.05, 1);
}

.mv .man1{
	position: absolute;
    bottom: 0;
    left: 63%;
    top: 48%;
    margin-top: 9vw;
}
.mv .man1 img{
	width: 3.0208vw;
	image-rendering: -webkit-optimize-contrast;
}
.mv .man2{
	position: absolute;
    top: 50%;
    left: 81.5%;
    margin-top: 12vw;
}
.mv .man2 img{
	width: 3.90625vw;
	image-rendering: -webkit-optimize-contrast;
}


.mv .wrap_text{
	position: absolute;
	top: 50%;
	left: 8.333%;
    transform: translateY(-50%);
    color: #20323D;
    opacity: 0;
}
.mv.loaded .wrap_text{
	opacity: 1;
}
.mv .wrap_text .text_en{
	font-family: 'Roboto', sans-serif;
	font-size: 6.77vw;
	font-weight: 500;
	line-height: 1;
	margin-bottom: 20px;
}
.mv .wrap_text .text_jp{
	font-size: 2.6rem;
	font-weight: bold;
	padding-left: 6px;
	letter-spacing: .05em;
}




/* コンテンツ
---------------------------------------------- */
.sec_overview{
	display: flex;
	color: #20323D;
	margin-bottom: 130px;
}
.sec_overview .col{flex:none;}
.sec_overview .col.col1{width: 60%;}
.sec_overview .col.col2{
	width: 40%;
	padding: 0 4%;
	display: flex;
	align-items: center;
}

.sec_overview .col.col1 img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.sec_overview .col.col2 .inner{
	padding: 92px 0 100px;
}
.sec_overview .col.col2 .heading{
	font-size: 1.8rem;
	font-weight: bold;
	margin-bottom: 25px;
}
.sec_overview .col.col2 .heading span{
	font-family: 'Roboto', sans-serif;
	font-size: 6rem;
	font-weight: 500;
	line-height: 1;
	display: block;
}
.sec_overview .col.col2 .inner p{
	font-size: 1.6rem;
	line-height: 2;
	margin-bottom: 46px;
}

.btn_viewmore{
	position: relative;
	display: inline-block;
	line-height: 1
}
.btn_viewmore::before{
	content: "";
	display: block;
	width: 100%;
	height: 3px;
	background: #21323D;
	position: absolute;
	left: 0;
	bottom: 0;
}
.btn_viewmore::after{
	content: "";
	display: block;
	width: 25%;
	height: 3px;
	background: #EC8A00;
	position: absolute;
	left: 0;
	bottom:0;
	transition: transform .33s;
}
.btn_viewmore:hover::after{
	transform:translate3d(300%,0,0);
}

.btn_viewmore span{
	font-family: 'Roboto', sans-serif;
	font-size: 2rem;
	font-weight: 500;
	color: #20323D;
	display: inline-block;
	padding: 0 38px 14px 0;
}
.btn_viewmore span:before,
.btn_viewmore span:after{
	content: "";
	display: block;
	width: 10px;
	height: 16px;
	background: url(../img/arrow01.png) no-repeat;
	background-size: contain;
	position: absolute;
	top: 1px;
	right: 4px;
}
.btn_viewmore span:after{
	transform: translate3d(-10px,0,0);
	opacity: 0;
}
.btn_viewmore:hover span:before{
	display: none;
}
.btn_viewmore:hover span:after{
	transform: translate3d(0,0,0);
	opacity: 1;
	transition: transform .33s, opacity .33s;
}


.sec_ecosys_eval{
	max-width: 1260px;
	padding: 0 80px;
	margin: 0 auto;
	margin-bottom: 192px;
	color: #1F323D;
}
.sec_ecosys_eval .inner{
	display: flex;
	margin: 0 -40px;
}
.sec_ecosys_eval .col{
	width: 50%;
	flex: none;
	padding: 0 40px;
}
.sec_ecosys_eval .col .image{
	margin-bottom: 26px;
}
.sec_ecosys_eval .col .image img{
	width: 100%;
}
.sec_ecosys_eval .col .ttl{
	line-height: 1;
	font-size: 1.8rem;
	font-weight: bold;
	margin-bottom: 22px;
}
.sec_ecosys_eval .col .ttl span{
	font-family: 'Roboto', sans-serif;
	font-size: 3.7rem;
	font-weight: 500;
	display: block;
	margin-bottom: 12px;
}
.sec_ecosys_eval .col .lead{
	font-size: 1.6rem;
	line-height: 2;
	margin-bottom: 46px;
}


.sec_news{
	text-align: center;
	margin-bottom: 150px;
}
.sec_news .heading{
	font-size: 1.8rem;
	font-weight: bold;
	color: #1F323D;
	margin-bottom: 44px;
}
.sec_news .heading span{
	font-family: 'Roboto', sans-serif;
	display: block;
	font-size: 6rem;
	font-weight: 500;
	line-height: 1;
}
.list_news{
	max-width: 1260px;
	padding: 0 80px;
	margin: 0 auto 94px;
	text-align: left;
}
.list_news ul{
	border-top: 1px solid #DDD;
	font-size: 1.5rem;
}
.list_news ul li a{
	display: flex;
	border-bottom: 1px solid #DDD;
	padding: 22px 0 20px;
	color: #1F323D;
	position: relative;
}
.list_news ul li a::before{
	content: "";
	display: block;
	width: 10px;
	height: 16px;
	background: url(../img/arrow01.png) no-repeat;
	background-size: contain;
	position: absolute;
	top: 50%;
	right: 8px;
	margin-top: -8px;
	transition:transform .33s, opacity .33s;
	transform:translate3d(-10px,0,0);
	opacity: 0;
}
.list_news ul li a:hover::before{
	transform:translate3d(0,0,0);
	opacity: 1;
}

.list_news ul li a .date{
	flex:none;
	width: 150px;
	font-family: 'Roboto', sans-serif;
	font-size: 1.6rem;
}
.list_news ul li a .ttl{
	line-height: 1.6;
	transition:transform .33s;
	transform:translate3d(0,0,0);
	font-size: 1.6rem;
}
.list_news ul li a:hover .ttl{
	transform:translate3d(-30px,0,0);
}








@media only screen and (max-width:1024px){ /* 表示領域が1024px以下の場合に適用するスタイル */

	/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

	タブレット

	_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

	.mv{
		height: auto;
		margin-bottom: 100px;
	}
	.mv_animation{
		position: relative;
		top: 0;
		left: 50%;
		margin: 0 0 0 -35vw;
		width: 70vw;
		height: 70vw;
	}
	.mv .man1{
		left: 29.823vw;
		top: 41.282vw;
	}
	.mv .man1 img{
		width: 5.544vw;
	}
	.mv .man2{
		top: 44.98vw;
		left: 62.576vw;
	}
	.mv .man2 img{
		width: 7.16vw;
	}
	
	.mv .wrap_text{
		position: relative;
		top: 0;
		left: 0;
		transform: translateY(0);
	}
	.mv.loaded .wrap_text{
		padding-top: 6.5vw;
	}
	.mv .wrap_text .text_en{
		font-size: 9.06vw;
		padding: 0 0 0 6.4vw;
		margin-bottom: 0.8vw;
	}
	.mv .wrap_text .text_en br{display: none;}
	.mv .wrap_text .text_jp{
		font-size: 3.52vw;
		padding: 0 0 0 6.4vw;
	}


	/* コンテンツ
	---------------------------------------------- */
	.sec_overview{
		display: block;
		margin-bottom: 100px;
	}
	.sec_overview .col.col1{
		position: relative;
		width: 100%;
		padding-top: 56.3%;
	}
	.sec_overview .col.col2{
		width: 100%;
		padding: 0 80px;
	}

	.sec_overview .col.col1 img{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.sec_overview .col.col2 .inner{
		padding: 34px 0 0;
		text-align: center;
	}
	.sec_overview .col.col2 .heading{
		font-size: 1.8rem;
		letter-spacing: .05em;
		margin-bottom: 0.75em;
		text-align: left;
	}
	.sec_overview .col.col2 .heading span{
		font-size: 6rem;
		letter-spacing: 0;
	}
	.sec_overview .col.col2 .inner p{
		text-align: left;
	}
	.sec_ecosys_eval{
		margin-bottom: 128px;
	}
	.sec_ecosys_eval .col .ttl span{
		font-size: 4.18vw;
	}
	
	
}/*--@media--*/


@media only screen and (max-width:767px){ /* 表示領域が767px以下の場合に適用するスタイル */
	/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

	スマートフォン（iPhone,Android)

	_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

	/* ------------------------------------------------------------

	トップページ

	------------------------------------------------------------ */
	

	/* メインビジュアル
	---------------------------------------------- */
	.mv{
		height: auto;
		margin-bottom: 52px;
	}
	.mv_animation{
		position: relative;
		top: 0;
		left: 50%;
		margin: 0 0 0 -40.4vw;
		width: 80.8vw;
		height: 80.8vw;
	}
	.wrap_shape{
	}

	.mv .man1{
		left: 27.5vw;
		top: 49.5vw;
	}
	.mv .man1 img{
		width: 6.4vw;
	}
	.mv .man2{
		top: 54vw;
		left: 64.5vw;
	}
	.mv .man2 img{
		width: 8.266vw;
	}


	.mv .wrap_text{
		position: relative;
		top: 0;
		left: 0;
		transform: translateY(0);
	}
	.mv.loaded .wrap_text{
		padding-top: 6.5vw;
	}
	.mv .wrap_text .text_en br{display: none;}
	.mv .wrap_text .text_jp{
		font-size: 4.4vw;
	}



	/* コンテンツ
	---------------------------------------------- */
.sec_overview{
	display: block;
	margin-bottom: 60px;
}
.sec_overview .col{}
.sec_overview .col.col1{
	position: relative;
	width: 100%;
	padding-top: 56.3%;
}
.sec_overview .col.col2{
	width: 100%;
	padding: 0 6.4vw;
}

.sec_overview .col.col1 img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.sec_overview .col.col2 .inner{
	padding: 34px 0 0;
	text-align: center;
}
.sec_overview .col.col2 .heading{
	font-size: 4vw;
	letter-spacing: .05em;
	margin-bottom: 0.75em;
	text-align: left;
}
.sec_overview .col.col2 .heading span{
	font-size: 10.4vw;
	letter-spacing: 0;
}
.sec_overview .col.col2 .inner p{
	font-size: 1.4rem;
	margin-bottom: 24px;
	text-align: left;
}


.btn_viewmore{
}
.btn_viewmore::before{
}
.btn_viewmore::after{
}
.btn_viewmore:hover::after{
	transform:translate3d(0,0,0);
}

.btn_viewmore span{
	font-size: 1.8rem;
	padding: 0 35px 12px 0;
}

.sec_ecosys_eval{
	padding: 0;
	margin-bottom: 86px;
}
.sec_ecosys_eval .inner{
	display: block;
	padding: 0 6.4vw;
	text-align: center;
	margin: 0;
}
.sec_ecosys_eval .col{
	width: 100%;
	padding: 0;
	margin-bottom: 60px;
}
.sec_ecosys_eval .col .image{
}
.sec_ecosys_eval .col .image img{
}
.sec_ecosys_eval .col .ttl{
	font-size: 4vw;
	margin-bottom: 17px;
	text-align: left;
}
.sec_ecosys_eval .col .ttl span{
	font-size: 8.266vw;
	margin-bottom: 9px;
}
.sec_ecosys_eval .col .lead{
	font-size: 1.4rem;
	text-align: left;
	margin-bottom: 24px;
}


.sec_news{
	margin-bottom: 70px;
}
.sec_news .heading{
	font-size: 4vw;
    letter-spacing: .05em;
    margin-bottom: 23px;
}
.sec_news .heading span{
	font-size: 10.4vw;
    letter-spacing: 0;
}
.list_news{
	padding: 0 6.4vw;
	margin-bottom: 30px;
}
.list_news ul{
	font-size: 1.3rem;
}
.list_news ul li a{
	display: block;
	padding: 18px 0 19px;
}
.list_news ul li a::before{
	display: none;
}
.list_news ul li a:hover::before{
}

.list_news ul li a .date{
	font-size: 1.5rem;
}
.list_news ul li a .ttl{
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	font-size: 1.4rem;
}
.list_news ul li a:hover .ttl{
	transform: translate3d(0, 0, 0);
}

}/*--@media--*/

