@charset "utf-8";
/*=============================================================
 contents Layout
=============================================================*/
/* .subTtl
-------------------------------------------------------------*/
.pageArea .subTtl {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 15px 0 60px;
}
.pageArea .subTtl p.subCat {
	font-size: clamp(16px, 1.67vw, 20px);
	font-weight: 500;
}
.science .pageArea .subTtl p.subCat {
	color: #00a6bf;
}
.frontier .pageArea .subTtl p.subCat {
	color: #ee774e;
}
.information .pageArea .subTtl p.subCat {
	color: #eb709d;
}
.ai .pageArea .pageArea .subTtl p.subCat {
	color: #37af4e;
}
.pageArea .subTtl p.date {
	font-size: clamp(13px, 1.67vw, 15px);
	font-style: oblique;
}
/* #blog_sec
-------------------------------------------------------------*/
#blog_sec {
	width: 100%;
}
	#blog_sec img {
	margin: 0;
	padding: 0;
	vertical-align: text-bottom;
	width: 100%;
	height: auto;
}
#blog_sec h1 {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
	font-size: 2.4rem;
	line-height: 140%;
	color: #000;
	padding: 0 0 40px;
	border-bottom: none;
}
#blog_sec h2 {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
	font-size: 1.8rem;
	line-height: 140%;
	color: #000;
	padding: 0 0 0 10px;
	border-left: 4px solid #ccc;
}
#blog_sec p {
	font-size: 1.5rem;
	line-height: 180%;
	color: #000;
}
#blog_sec ul {
	display: flex;
	gap: 20px 20px;
}
#blog_sec h2+p,
#blog_sec p+p,
#blog_sec p+ul,
#blog_sec ul+p,
#blog_sec ul+ul,
#blog_sec h2+ul{
	padding: 40px 0 0;
}
#blog_sec ul+ul{
	padding: 20px 0 0;
}
#blog_sec p+h2,
#blog_sec ul+h2{
	margin: 40px 0 0;
}
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 tub
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:1023px) {}
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Smartphones
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:767px) {
	/* .subTtl
-------------------------------------------------------------*/
	.pageArea .subTtl {
		width: 100%;
		padding: 8px 0 40px;
		align-items: flex-start;
	}
	.pageArea .subTtl p.subCat {
		font-size: 16px;
		padding-right: 30px;
	}
	.science .pageArea .subTtl p.subCat {
		color: #00a6bf;
	}
	.frontier .pageArea .subTtl p.subCat {
		color: #ee774e;
	}
	.information .pageArea .subTtl p.subCat {
		color: #eb709d;
	}
	.ai .pageArea .pageArea .subTtl p.subCat {
		color: #37af4e;
	}
	.pageArea .subTtl p.date {
		padding: 3px 0 0;
		font-size: 12px;
		letter-spacing: 0.1em;
		white-space: nowrap;
	}
	/* #blog_sec
-------------------------------------------------------------*/
	#blog_sec {
		width: 100%;
	}
	#blog_sec h1 {
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 2.0rem;
		line-height: 140%;
		color: #000;
		padding: 0 0 20px;
	}
	#blog_sec h2 {
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 1.8rem;
		line-height: 140%;
		color: #000;
		padding: 0 0 0 10px;
		border-left: 4px solid #ccc;
	}
	#blog_sec p {
		font-size: 1.4rem;
		line-height: 180%;
		color: #000;
	}
	#blog_sec ul {
		flex-wrap: wrap;
	gap: 16px 16px;
	}
	#blog_sec ul > li {
		width: calc(50% - 8px);
	}
#blog_sec h2+p,
#blog_sec p+p,
#blog_sec p+ul,
#blog_sec ul+p,
#blog_sec ul+ul,
#blog_sec h2+ul{
	padding: 20px 0 0;
}
#blog_sec ul+ul{
	padding: 16px 0 0;
}
#blog_sec p+h2,
#blog_sec ul+h2{
	margin: 20px 0 0;
}
}