@charset "utf-8";
/* CSS Document */

.aboutmain {
	margin: 0 auto;
	width: 100%;
}
.content {
	background: #fff;
	border: solid 10px rgba(136,136,136,0.40);
	line-height: 1.8em;
	font-size: 1.0em;
	word-spacing: 0.1em;
}

.content > div {
	display: none;
	padding: 30px;
	text-align: justify;
}

.content li {
	margin: 0px 0px 0px 20px;
	padding: 0px;
}

input {display: none;}

label {
	display:inline-block;
	padding: 15px 25px;
	font-weight: 600;
	text-align: center;
	font-family: 'Montserrat', 'Crimson Text', sans-serif;
	text-transform: uppercase;
	font-size: 1.2em;
	background-color: rgba(136,136,136,1.00);
	color: rgba(255,255,255,1.00);
	border: none;
}

label:hover {
	background-color: rgba(13,13,13,1.00);
	cursor: pointer;
}

input:checked + label {
	background: rgba(69,164,218,1.00);
	color: #fff;
}

#tab1:checked ~ .content #content1,
#tab2:checked ~ .content #content2,
#tab3:checked ~ .content #content3,
#tab4:checked ~ .content #content4 {
  display: block;
}



@media only screen and (min-width:50px) and (max-width: 470px) {
	

	
	label {
		padding: 10px 15px;
		font-size: 1.0em;
	}
}