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

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

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

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

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

お知らせ

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

/* 詳細ページ
---------------------------------------------- */
.article_top{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 20px;
}

.article_top time{
	display: block;
	width: 100%;
	font-family: "Roboto";
	color: #92AFBC;
	margin-bottom: 10px;
}

.article_top .ico{
	line-height: 1;
	margin-right: 10px;
	flex: none;
}

.article_top .ico span{
	background: #B01C2E;
	color: #FFF;
	font-size: 1.3rem;
	font-family: "Roboto";
	display: inline-block;
	border-radius: 10px;
	padding: 3px 9px;
}

.article_top h3{
	font-weight: 700;
	font-size: 3.2rem;
	line-height: 1.4;
	width: calc(100% - 60px);
}

.article_single + p{
	text-align: center;
	padding-top: 90px;
}


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

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

	タブレット

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

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

	お知らせ

	------------------------------------------------------------ */
	
	/* 
	---------------------------------------------- */
	
	
}/*--@media--*/


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

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

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

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

	お知らせ

	------------------------------------------------------------ */
	
	/* 詳細ページ
	---------------------------------------------- */
	.article_top{
		display: flex;
		align-items: flex-start;
		flex-direction: column;
	}

	.article_top time{
		width: 100%;
		line-height: 1;
		margin-bottom: 5px;
	}

	.article_top .ico{margin: 0 0 5px;}

	.article_top .ico span{
		font-size: 1rem;
		border-radius: 7px;
		padding: 2px 7px 1px;
	}

	.article_top h3{
		font-size: 2.5rem;
		width: 100%;
	}

	.article_single + p{padding-top: 60px;}
	

}/*--@media--*/