@charset "UTF-8";


/* =========================================
	CONCEPT
============================================ */
#concept .caption {
	margin-bottom: 0;
}
@media (max-width: 767px) {
	#concept .over:has(.caption) {
		overflow: hidden;
		transform: translateY(-50%);
	}
	#concept .caption {
		float: left;
		margin-top: 0;
	}
}
@media (min-width: 768px) {
	#concept .txtBox {
		padding-top: 8rem;
		padding-bottom: 16rem;
	}
	#concept .imgBox {
		padding-top: 8rem;
		padding-bottom: 8rem;
	}
}




/* =========================================
	NEWS
============================================ */
@media (min-width: 768px) {
	main #news .headline {
		width: 14.5%;
		padding-left: 1.5rem;
	}
	main #news .details {
		flex: 0 0 85.5%;
		max-width: 85%;
	}
	main #news .news-list {
		display: flex;
		display: -webkit-flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		gap: 0 55px;
	}
	main #news .news-list .entry{
		width: calc((100% - 110px) / 3);
		display: flex;
		display: -webkit-flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	main #news .news-list .entry a{
		display: flex;
		display: -webkit-flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	main #news .news-list .entry img,
	main #news .news-list .entry time{
		display: block;
	}
	main #news .news-list .entry img{
		width: 100%;
		margin-bottom: 20px;
	}
	main #news .news-list time,
	main #news .news-list .category span{
		line-height: 1;
	}
	main #news .news-list time{
		width: 5em;
	}
	main #news .news-list .category{
		width: calc(100% - 6em);
		-webkit-justify-content: flex-end;
		justify-content: flex-end;
	}
	main #news .news-list .ttl{
		width: 100%;
		margin-top: 15px;
		font-size: 13px;
	}
}

@media (max-width: 767px) {
	main #news .headline {
		padding: 0 7vw;
	}
	main #news .news-list {
		
	}
	main #news .news-list .entry{
		display: flex;
		display: -webkit-flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	main #news .news-list .entry:not(:first-of-type){
		margin-top:40px;
	}
	main #news .news-list .entry a{
		display: flex;
		display: -webkit-flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	main #news .news-list .entry img,
	main #news .news-list .entry time{
		display: block;
	}
	main #news .news-list .entry img{
		width: 100%;
		margin-bottom: 15px;
	}
	main #news .news-list time,
	main #news .news-list .category span{
		line-height: 1;
	}
	main #news .news-list time{
		width: 5em;
	}
	main #news .news-list .category{
		width: calc(100% - 6em);
		-webkit-justify-content: flex-end;
		justify-content: flex-end;
	}
	main #news .news-list .ttl{
		width: 100%;
		margin-top: 10px;
		font-size: 13px;
	}
}