@charset "utf-8";

/* =================================================

	page style
	 
----------------------------------------------------
*

	sectionIndex

*
================================================= */







/* =================================================

	sectionIndex

================================================= */

#sectionIndex.section {
	padding-top: 60px;
	line-height: 1.8;
}
#sectionIndex ul {
}
#sectionIndex ul .noLink {
	padding:20px;
}
#sectionIndex ul li a {
	display: block;
	padding: 20px;
	color: #2a2a2a;
}
#sectionIndex ul li a:hover {
	color: #c00;
	background-color: #f8f8f8;
}
#sectionIndex ul li dl dt {
	font-weight: normal;
}

/* original */
@media screen and (max-width: 1020px){
#sectionIndex ul {
	margin: 0px 20px;
}
}

/* small */
@media screen and (max-width: 750px){
#sectionIndex.section {
	padding-top: 11%;
}
#sectionIndex ul {
	margin: 0px 0px;
}
#sectionIndex ul .noLink {
	padding:0;
}

#sectionIndex ul li {
	margin-top: 20px;
}
#sectionIndex ul li:first-child {
	margin-top: 0px;
}
#sectionIndex ul li a {
	padding: 0px;
}
#sectionIndex ul li a:hover {
	color: #2a2a2a;
	background-color: transparent;
}
}







/* =================================================

	sectionArticle

================================================= */

#sectionArticle.section {
	padding-top: 70px;
	line-height: 1.8;
}

#sectionArticle dl {
	margin-bottom: 30px;
}
#sectionArticle dl dt {
	font-weight: normal;
}
#sectionArticle dl dd {
	font-size: 18px;
	font-weight: bold;
}

#sectionArticle .block:before,
#sectionArticle .block:after { content: ""; display: table;}
#sectionArticle .block:after { clear: both;}

#sectionArticle .block p {
	margin-bottom: 60px;
	line-height: 2.2;
}
#sectionArticle .block img {
	width: 100%;
	height: auto;
}

#sectionArticle .blockHeadImg .img {
	width: 100%;
	margin-bottom: 30px;
}
#sectionArticle .blockRightImg .img,
#sectionArticle .blockLeftImg .img {
	width: 460px;
	margin-top: 10px;
}
#sectionArticle .blockRightImg .img {
	float: right;
	margin-left: 60px;
	margin-bottom: 30px;
}
#sectionArticle .blockLeftImg .img {
	float: left;
	margin-right: 60px;
	margin-bottom: 30px;
}

#sectionArticle .btn01 {
	margin-top: 0;
}

/* original */
@media screen and (max-width: 1020px){
#sectionArticle dl,
#sectionArticle .block {
	margin-left: 20px;
	margin-right: 20px;
}
#sectionArticle .blockRightImg .img,
#sectionArticle .blockLeftImg .img {
	width: 49%;
	margin-top: 10px;
}
#sectionArticle .blockRightImg .img {
	margin-left: 6%;
}
#sectionArticle .blockLeftImg .img {
	margin-right: 6%;
}
}

/* small */
@media screen and (max-width: 750px){
#sectionArticle.section {
	padding-top: 12%;
}

#sectionArticle dl,
#sectionArticle .block {
	margin-left: 0px;
	margin-right: 0px;
}

#sectionArticle .blockRightImg .img,
#sectionArticle .blockLeftImg .img {
	float: none;
	max-width: 460px;
	width: 100%;
	margin: 0px auto 30px;
}
}