#main .section {
    margin: 0 auto 80px;
    line-height: 1.866;
	font-size: 16px;
}

#main h3 {
	font-size: 30px;
	font-weight: bold;
}

#lead h4 {
	margin: 30px auto 0;
	font-weight: bold;
	font-size: 18px;
	color: #333333;
}
#lead .disc li {
	margin: 5px 0 0 15px;
	background: none;
	list-style: disc;
}

/* tabs */
.tab {
    margin-bottom: 40px;
}
	.tab li {
	    background: #dce9cc;
	    color: #519100;
	    width: 33.2%;
	    float: left;
	    box-sizing: border-box;
	    font-size: 18px;
	    height: 60px;
	    line-height: 60px;
	    text-align: center;
	    -webkit-transition: 0.3s ease-in-out;
	    -moz-transition: 0.3s ease-in-out;
	    -o-transition: 0.3s ease-in-out;
	    transition: 0.3s ease-in-out;
	    cursor: pointer;
	}
	.tab li + li {
		margin-left: 0.2%;
	}
	.tab li.current {
	    background: #519100;
	    color: #fff;
	    height: 60px;
	    margin-top: 0;
	    line-height: 60px;
	}

.content {}
	.content .hr {
	    margin-bottom: 40px;
	}

	.content .figure {
	    text-align: center;
	    margin: 30px auto;
	}
	.content figcaption {
	    font-size: 14px;
	    margin: 1em auto;
	}

	.topicsList li {
	    margin: 0 0 80px;
	}
		.topicsList h4 {
			margin-bottom: 10px;
			font-size: 28px;
		}


	#docs h4 {
	    margin: 30px auto 10px;
	    font-weight: bold;
	    font-size: 18px;
	}
	.docsList {
	    margin-left: 2em;
	}
		.docsList li {
			padding-left: 10px;
		    list-style: decimal;
		}

.tab.bottom {
    margin-top: 40px;
}



@media screen and (max-width:768px) { /* smart phone 6〜7 */

#main .section {
	font-size: 14px;
}
	#main h3 {
		font-size: 18px;
	}
	.tab li {
	    font-size: 3.4vw;
	}
	.topicsList h4 {
	    font-size: 18px;
	}



}