@charset "UTF-8";

/* common */
.cmn_sec_heading{
	text-align: center;
}
@media (min-width: 641px){
	.cmn_heading{
		background-image: url(../sy_images/info/info_billboard.jpg);
	}
}

/* ===========================================
  info Page
=========================================== */

.info_container{
	padding-top: 15px;
	padding-bottom: 30px;
}
@media (min-width: 641px){
	.info_container{
		display: -webkit-box;
		display: flex;
		-webkit-box-pack: justify;
		justify-content: space-between;
		padding-bottom: 60px;
		padding-top: 43px;
	}
	.info_container_article{
		width: 640px;
	}
	.info_container_aside{
		width: 300px;
	}
}

/******************************
  article
*/
.info_article_head{
	margin-bottom: 5px;
}
.info_article_stamp dt,
.info_article_stamp dd{
	display: inline;
	font-size: 1.2rem;
}
.info_article_stamp dt{
	font-weight: bold;
	color: #86c03f;
}
.info_article_stamp dt ~ dt{
	margin-left: 15px;
}
.info_article_stamp a {
	color: #333;
	text-decoration: none;
}

/* 一覧 */
.info_article ~ .info_article{
	margin-top: 40px;
}
.info_heading{
	line-height: 1.6;
	font-family: "kozuka-gothic-pr6n",sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 2rem;
	color: #86c03f;
}
.info_txt{
	font-size: 1.5rem;
}
.info_morebtn{
	display: block;
	margin-top: 12px;
	line-height: 44px;
	border: #c6c6c6 solid 1px;
	text-align: center;
	text-decoration: none;
	font-size: 1.4rem;
	color: #333;
	transition: .3s;
}
.info_morebtn:hover{
	color: #fff;
	background-color: #86c03f;
}
@media (min-width: 641px){
	.info_article ~ .info_article{
		margin-top: 60px;
	}
	.info_heading{
		font-size: 2.4rem;
	}
	.info_txt{
		font-size: 1.6rem;
	}
}

/* 記事 */
.info_article_dattail{
	font-size: 1.5rem;
}
.info_article_dattail > * {
	margin-top: 30px;
}
.info_article_dattail h2 + p,
.info_article_dattail h3 + p,
.info_article_dattail h4 + p,
.info_article_dattail h5 + p,
.info_article_dattail h6 + p{
	margin-top: 0;
}
.info_article_dattail h2{
	margin-bottom: 10px;
	line-height: 1.6;
	font-family: "kozuka-gothic-pr6n",sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 2rem;
	color: #86c03f;
	border-bottom: solid 1px #C6C6C6;
}
.info_article_dattail h3{
	line-height: 1.6;
	font-family: "kozuka-gothic-pr6n",sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 1.8rem;
	color: #86c03f;
}
.info_article_dattail h4{
	font-size: 1.6rem;
	font-weight: bold;
}
.info_article_dattail h5,
.info_article_dattail h6{
	font-weight: bold;
}
.info_article_dattail .italic{
	font-style: italic;
	color: #86c03f;
}
.info_article_dattail a{
	font-weight: bold;
	color: #86c03f;
}
.info_article_dattail table{
	border: solid 1px #C6C6C6;
}
.info_article_dattail tr, 
.info_article_dattail th, 
.info_article_dattail td {
	border: solid 1px #C6C6C6;
}
.info_article_dattail th, 
.info_article_dattail td{
	padding: 7px 10px;
	text-align: center;
	font-weight: normal;
}
.info_article_dattail th,
.info_article_dattail table [scope]{
	background-color: #E0EFC9;
}
.info_article_dattail th{
	line-height: 1.6;
	vertical-align: middle;
}
.info_article_dattail li{
	padding-left: 1em;
}
.info_article_dattail ul li:before{
	display: inline-block;
	text-indent: -1em;
	content: "●";
	color: #86c03f;
}
.info_article_dattail ol{
	margin-left: 0;
	margin-bottom: 0;
	padding-left: .2em;;
}
.info_article_dattail ol li {
	list-style: none;
	counter-increment: chapter;
	padding-left: 1em;
	margin-left: 0;
}

.info_article_dattail ol li:before {
	display: inline-block;
	text-indent: -1em;
	color: #86c03f;
	content: counter(chapter);
}
.info_article_dattail blockquote{
	margin-top: 30px;
	padding: 15px;
	font-weight: bold;
	background-color: #E0EFC9;
}
@media (min-width: 641px){
	.info_article_stamp dt,
	.info_article_stamp dd{
		font-size: 1.4rem;
	}
	.info_article_stamp dt ~ dt{
		margin-left: 33px;
	}
	.info_article_dattail {
		font-size: 1.6rem;
	}
	.info_article_dattail h2{
		font-size: 2.4rem;
	}
	.info_article_dattail h3{
		font-size: 2rem;
	}
	.info_article_dattail h4{
		1.8rem;
	}
	.info_article_dattail > *{
		margin-top: 40px;
	}
	.info_article_dattail blockquote{
		padding: 22px 30px;
	}
}

/* aside */
.info_container_aside{
	font-size: 1.4rem;
}
.info_container_aside h3{
	font-size: 1.8rem;
	font-weight: bold;
	color: #86c03f;
}
.info_container_aside h3 ~ h3{
	margin-top: 30px;
}
.info_container_aside a{
	text-decoration: none;
	color: #333;
}
.info_container_aside a:hover{
	color: #86c03f;
}
@media (min-width: 641px){
	.info_container_aside h3 ~ h3{
		margin-top: 44px;
	}
}

/* pager */
.info_pager{
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	padding-top: 12px;
	border-top: solid 1px #C6C6C6;
}
.info_pager li a{
	color: #333;
	text-decoration: none;
	font-size: 1.4rem;
}
.info_pager li a:hover{
	color: #86c03f;
}
@media (max-width: 640px){
	.info_pager{
		justify-content: space-around;
	}
}
@media (min-width: 641px){
	.info_pager li{
		margin-left: 30px;
		margin-right: 30px;
	}
	.info_pager li a{
		font-size: 1.6rem;
	}
}