/* CSS Document */

main.news section{}

main.news .inner{
	width: 960px;
	max-width: 100%;
	margin: 0 auto;
}
main.news ul.list a{display: flex; justify-content: space-between; align-items: center;}
main.news ul.list .arrow{width:1em;}

main.news .inner h2{margin-bottom: 0.5em;}
main.news .news_cd{margin-bottom: calc(50 * var(--responsive-80per)); display: flex;}
main.news .news_cd ~ *{margin-bottom: calc(20 * var(--responsive-80per));}

main.news .cap{font-size:var(--font-cmntext); text-align: justify; line-height: 1.5em; gap:0.5em; display: inline-flex; flex-direction: column;}
main.news .news_text{font-size:var(--font-cmntext); text-align: justify; line-height: 2em;}
main.news .news_text a{color:var(--color-B); text-decoration: underline;}
main.news .pdf_btn{display: flex;}
main.news .pdf_btn a{
	min-width: min(280px,100%);
	min-height: 60px;
	border:solid 1px var(--color-B);
	background-color: #FFF;
	transition: background-color 0.2s ease, color 0.2s ease;
	padding: 0.5em 1em;
	padding-left: 3em;
	color: inherit;
	font-size: var(--font-cmntext);
	font-weight: 700;
	line-height: 1.6em;
	position: relative;
	display: flex; align-items: center;
}
main.news .pdf_btn a img{width:35px; margin-left: 0.5em;}
main.news .pdf_btn a svg{
	position: absolute;
	top:0;
	bottom:0;
	left:1em;
	width: auto;
	margin: auto;
}
main.news .pdf_btn a svg *{stroke:var(--color-B); transition: stroke 0.2s ease;}
main.news .pdf_btn a:hover{background-color: var(--color-B); color:#FFF;}
main.news .pdf_btn a:hover svg > *{stroke:#FFF;}

main.news .photo_set{gap:calc(20 * var(--responsive-80per)); display: flex;}

main.news .back_btn{
font-size: calc(40 * var(--responsive-80per)); margin: 1em auto 0;
display: flex; justify-content: center; align-items: center;}
main.news .back_btn .cmn_ovalbtn{height:1em; padding: 0 1em; font-size:1em;}
main.news .back_btn .cmn_ovalbtn span{font-size:0.5em;}