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

#contents .titleWrap{
	background-image: url(../images/about/titlebk.png)
}

/*----------------------------------------------------
	       
----------------------------------------------------*/
.aboutWrap .desc01 .txt{
	width: 55%;
}
.aboutWrap .desc01 .pic{
	width: 40%;
}
.aboutWrap .desc01 .read{
	font-size: 1.5em;
	color: #eb8686;
	font-weight: 700;
	margin-bottom: 30px;
}
.aboutWrap  p{
	font-size: 0.825em;
	line-height: 2.0;
}
.aboutWrap .desc02{
	-webkit-flex-direction:row-reverse;
	-ms-flex-direction:row-reverse;
	flex-direction:row-reverse;
	margin: 30px 0 40px;
}
.aboutWrap .desc02 .txt{
	width: 61.6%;
}
.aboutWrap .desc02 .pic{
	width: 32%;
}
.aboutWrap .desc02 .read{
	font-size: 1.125em;
	color: #eb8686;
	margin-bottom: 15PX;
}
@media (max-width: 767px) {
	.aboutWrap .desc01 .txt{
		width: 100%;
	}
	.aboutWrap .desc01 .pic{
		width: 100%;
		text-align: center;
	}
	.aboutWrap .desc01 .read{
		font-size: 1.125em;
		text-align: center;
		margin-bottom: 15px;
	}
	.aboutWrap  p{
		margin-bottom: 15px;
		line-height: 1.8;
	}
	.aboutWrap .desc02{
		margin: 15px 0 20px;
	}
	.aboutWrap .desc02 .txt{
		width: 100%;
	}
	.aboutWrap .desc02 .pic{
		width: 100%;
		text-align: center;
	}
	.aboutWrap .desc02 .read{
		font-size: 1em;
		margin-bottom: 15px;
		line-height: 1.8;
	}
}
/*----------------------------------------------------

----------------------------------------------------*/
.profileWrap{
	background: #f5fafe;
	-webkit-align-items: flex-end;
	-ms-align-items: flex-end;
	align-items: flex-end;
	margin-bottom: 60px;
}
.profile{
	padding: 0 60px 30px 0;
}
.profile .name{
	color: #4072b3;
	border-bottom: #535353 1px solid;
	padding: 0.5em 0;
	margin-bottom: 0.5em;
}
.profile .name .ja{
	font-size: 1.75em;
}
.profile ul{
	text-align: right;
	font-size: 0.75em;
	line-height: 2.0;
}
@media (max-width: 767px) {
	.profileWrap{
		background: #f5fafe;
		-webkit-align-items: center;
		-ms-align-items:center;
		align-items:center;
		-webkit-flex-direction: column-reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
		margin-bottom: 30px;
	}
	.profileWrap .pic{
		width: 100%;
		text-align: center;
	} 
	.profile{
		padding: 15px 10px 0;
		width: 100%;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
    -webkit-justify-content:flex-start;
	justify-content:flex-start;
	-ms-flex-pack: start;
		
	}
	.profile dl{
		margin-right: 25px;
	}

	.profile .name{
		border-bottom: none;
		padding: 0.5em 0;
		margin-bottom: 0.5em;
	}
	.profile .name .ja{
		font-size: 1.75em;
	}
	.profile ul{
		text-align: left;
		font-size: 0.75em;
		line-height: 2.0;
	}
}
/*----------------------------------------------------

----------------------------------------------------*/
.aboutInfo{
	width: 100%;
	margin: 0 100px;
	border-collapse: collapse;
}
.aboutInfo tr{
	border-top:#eeeeee 1px solid; 
}
.aboutInfo tr:first-child{
	border-top: none;
}
.aboutInfo th{
	width: 20%;
	color: #4072b3;
	padding: 1.0em 0 ;
	
}
@media (max-width: 767px) {
	.aboutInfo{
		margin: 0 0;
	}
	.aboutInfo tr{
		border-top:#eeeeee 1px solid; 
		display: block;
	}
	.aboutInfo tr:first-child{
		border-top: none;
	}
	.aboutInfo th{
		display: block;
		width: 100%;
		padding: 0.5em 0 ;
	}
	.aboutInfo td{
		display: block;
		width: 100%;
		padding-bottom: 0.5em;
	}
}
/*----------------------------------------------------

----------------------------------------------------*/
.aboutContent #access{
	padding: 60px 0;
}
.aboutContent #access .map{
	text-align: center;
	margin: 40px 0;
}
.aboutContent #access dl{
	flex-grow: 1;
	margin: 0.6em 0;
}

.aboutContent #access dt{
	background: #4072b3;
	border-radius: 5px;
	width: 28%;
	text-align: center;
	color: #fff;
	padding: 0.7em 0;
	margin-bottom: 0.5em;
}
.aboutContent #access dd{
	text-align: left;
	width: 70%;
	padding: 0.7em 0;
}
@media (max-width: 767px) {
	.aboutContent #access{
	padding: 50px 0 50px;
}
.aboutContent #access .map{
	margin: 30px 0;
}
.aboutContent #access dl{
	margin: 0.6em 0;
}

.aboutContent #access dt{
	width: 100%;
	argin-bottom: 0.3em;
}
.aboutContent #access dd{
	text-align: left;
	width: 100%;
}
}