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

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

#about

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/


/* font-size===========================================

10px -> 72%
11px -> 79%
12px -> 86%
13px -> 93%
14px -> 100%
15px -> 108%
16px -> 115%
17px -> 122%
18px -> 129%
19px -> 136%
20px -> 143%
21px -> 150%
22px -> 158%
23px -> 165%
24px -> 172%
25px -> 179%
26px -> 186%
27px -> 193%


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

/* common
---------------------------------- */

#about .contents{
	padding-left: 57px;
}


#about h2{
	
	margin-bottom: 30px;
	
	
}

/* .block01
---------------------------------- */

#about .block01{
	margin-top: 62px;
	margin-bottom: 70px;
}


#about .block01 .nameBox{
	float: left;

}

#about .block01 .position{
	margin-top: 15px;
	width: 226px;
	font-size:93%;/*13px*/
}

#about .block01 .position .name{
	margin-top: 20px;
	font-size: 143%;
	margin-bottom: 10px;
}

#about .block01 .position ul{
	padding-top: 15px;
	padding-bottom: 10px;
	margin-bottom: 15px;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
}

#about .block01 .position ul li{
	position: relative;
	padding-left: 15px;
	margin-bottom: 3px;
}

#about .block01 .position ul li::before{
	position: absolute;
	top: 5px;
	left: 0;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	content: '';
	background-color: #A6CF29;
}

#about .block01 .nameBox dl{
	margin-top: 15px;
	text-align: center;
	width: 226px;
}


#about .block01 .nameBox dl dt{
	font-size:93%;/*13px*/
	
}

#about .block01 .nameBox dl dd p{
	font-size:129%;/*18px*/
	display: inline-block;
}
#about .block01 .nameBox dl dd span{
	font-size:93%;/*13px*/
	vertical-align:2px;
	margin-right: 15px;
}

#about .block01 .textBox{
	width: 550px;
	float: left;
	margin-left: 33px;
}

#about .block01 .textBox p{
	line-height: 2;
	margin-bottom: 30px;
	text-align: justify;
}


/* .block02
---------------------------------- */

#about .block02{
	margin-bottom: 70px;
	width: 808px;
}

#about .block02 .textBox p{
	line-height: 2;
	margin-bottom: 30px;
	text-align: justify;
}


/* .block03
---------------------------------- */

#about .block03 > ul{
	width: 808px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap : wrap;
  	flex-wrap: wrap;
}

#about .block03 > ul > li{
	width: 46%;
	margin-left: 8%;
	margin-bottom: 40px;
	padding-bottom: 40px;
	border-bottom: 2px solid #eee;
}

#about .block03 > ul > li:nth-child(2n+1){
	margin-left: 0;
}

#about .block03 .nameBox img{
	width: 150px;
}

#about .block03 .nameBox .position{
	font-size:93%;/*13px*/
	float: right;
	width: 200px;
}

#about .block03 .position .name{
	margin-top: 10px;
	font-size: 143%;
	margin-bottom: 10px;
}

#about .block03 .position .name span{
	font-size: 69%;
	margin-right: 10px;
}

#about .block03 .position ul{
	padding-top: 15px;
	border-top: 1px dotted #ccc;
}

#about .block03 .position ul li{
	position: relative;
	padding-left: 15px;
	margin-bottom: 3px;
}

#about .block03 .position ul li::before{
	position: absolute;
	top: 5px;
	left: 0;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	content: '';
	background-color: #A6CF29;
}