@charset "utf-8";

/* ////////////////////////////////////////////////////////////
	File Name	en.css
	Overwrite	index.css
*/

/* ボタン
=========================================================================================== */
.content .btn a {
	padding: 12px 20px;
	font-weight: 500;
	font-size: 18px;
}

/* メイン
=========================================================================================== */
.content .main .head {
	width: 348px;
}
.content .main .head .lead p {
	font-weight: normal;
	font-size: 18px;
}
.content .main .head .btn a {
	padding: 10px 10px;
	border: 2px solid #dd000a;
}

/* HITACHI SOCIAL INNOVATION FORUM
=========================================================================================== */
.content .forum .info .h {
	font-size: 30px;
	line-height: 1.1;
}
.content .forum .info p {
	font-size: 15px;
	line-height: 1.5;
}
.content .forum .info .btn {
	margin: 20px 0 0 0;
	max-width: 245px;
}
.content .forum .info .btn a {
	font-size: 17px;
	line-height: 1.5;
}

/* 社会の課題を解決するために
=========================================================================================== */
.content .innovation .future .h {
	margin: 0 auto;
	width: 500px;
}
.content .innovation .future .slider .block .title {
	font-size: 18px;
}
.content .innovation .future .slider .block p {
	font-size: 16px;
}

/* 課題への取り組み
=========================================================================================== */


/* おすすめコンテンツ
=========================================================================================== */



/* ////////////////////////////////////////////////////////////
	Breakpoint (/css/jp/r1/responsive.css)
*/
@media screen and (max-width: 994px) {

	/* メイン
	=========================================================================================== */
	.content .main .head {
		width: 320px;
	}

	/* 社会の課題を解決するために
	=========================================================================================== */
	.content .innovation .future .slider .block .title {
		font-size: 19px;
	}
	.content .innovation .future .slider .block p {
		font-size: 16px;
	}
	.content .innovation .future .slider .block p br {
		display: none;
	}

}

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

	/* ボタン
	=========================================================================================== */
	.content .btn a {
		padding: 4% 0;
		font-size: 100%;
		line-height: 1.5;
		text-align: center;
	}

	/* メイン
	=========================================================================================== */
	.content .main .head {
		width: 100%;
	}
	.content .main .head .btn a {
		padding: 4% 0;
		font-size: 120%;
	}

	/* HITACHI SOCIAL INNOVATION FORUM
	=========================================================================================== */
	.content .forum .info .h {
		font-size: 166%;
		line-height: 1.1;
	}
	.content .forum .info p {
		font-size: 90%;
		line-height: 1.5;
	}
	.content .forum .info .btn {
		margin: 0;
		width: 70%;
	}
	.content .forum .info .btn a {
		font-size: 100%;
		line-height: 1.5;
	}

	/* 社会の課題を解決するために
	=========================================================================================== */
	.content .innovation .head {
		width: 86.66%;
	}
	.content .innovation .future .h {
		width: 86.66%;
	}

	/* 課題への取り組み
	=========================================================================================== */


	/* おすすめコンテンツ
	=========================================================================================== */


}