@charset "utf-8";
/* CSS Document */
.p-article__header h1{
	text-align: center;
}
.ch {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	font-size: 14px;
	line-height: 2;
}
.ch .sec {
	padding: 1rem 1rem 0rem;
	margin: 0;
	background-color: #fcf682;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.ch .sec01 {
	padding: 2rem 1rem;
	margin: 0;
	background-color: #ffffcc;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.ch .sec02 {
	padding: 2rem 1rem;
	margin: 0;
	background-color: #fcf682;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.ch section .ftfig  {
	width: 100%;
	margin: 0;
	padding: 0;
	height: auto;
	line-height: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.ch section h2  {
	width: 80%;
	margin: 0 auto;
	padding: 1rem 0;
	height: auto;
	line-height: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.ch section h3 {
	font-size: 20px;
	font-weight: bold;
		text-align: center;
}
.ch .sec .txtC {
	text-align: center;
	font-size: 14px;
	line-height: 2;
}


.ch section .fig80  {
	width: 90%;
	margin: 0 auto;
	padding: 0 0 1rem;
	height: auto;
	line-height: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.ch section .btn  {
	width: 60%;
	margin: 0 auto;
	padding: 1rem 0 0rem;
	height: auto;
	line-height: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.ch section .ftfig img,.ch section img {
	width: 100%;
margin: 0;
	padding: 0;
}
article.ch a:hover img
{
    opacity: 0.7;}

.ch .sec .col3 {
width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  list-style-position: inside;
  list-style-type: none;;
}
.ch .col3 li  {
-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  width: calc((100% / 3) - 8px);
}
.ch .col3 li a{
text-decoration: none;
	color: #121212;
  background-color: #fff;
  padding: 20px 10px;
  text-align: center;
  margin: 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  border-radius: 6px;
  border: 1px solid #ccc;
  font-size: 16px;

}

@media screen and (max-width: 768px) {
	.ch {
	width: 100%;
	margin: 0 auto;
	text-align: center;
		font-size: 13px;
		line-height: 1.8;
}
.ch .sec {
	padding: 1rem 1rem 0rem;
	margin: 0;
	background-color: #fcf682;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.ch .sec01 {
	padding: 1rem 0.5rem;
	margin: 0;
	background-color: #ffffcc;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.ch .sec02 {
	padding: 1rem 0.5rem;
	margin: 0;
	background-color: #fcf682;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.ch section .ftfig  {
	width: 100%;
	margin: 0;
	padding: 0;
	height: auto;
	line-height: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.ch section h2  {
	width: 100%;
	margin: 0 auto;
	padding: 1rem 0;
	height: auto;
	line-height: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.ch section h3 {
	text-align: center;
	font-size: 16px;
	font-weight: bold;
}
.ch .sec .txtC {
	text-align: center;
}


.ch section .fig80  {
	width: 100%;
	margin: 0 auto;
	padding: 0 0 1rem;
	height: auto;
	line-height: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.ch section .btn  {
	width: 80%;
	margin: 0 auto;
	padding: 1rem 0 0rem;
	height: auto;
	line-height: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.ch section .ftfig img,.ch section img {
	width: 100%;
margin: 0;
	padding: 0;
}
	.ch .col3 li  {
-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  width: calc((100% / 3) - 0px);
}
.ch .col3 li a{
	  padding: 15px 1px;
  font-size: 12px;
	  margin: 4px 2px;

}
}
a:link,a:visited,a:hover {
    color: #121212!important;
    text-decoration: none;
}