@charset "utf-8";
/* CSS Document */
/*--------------- for mobile ---------------*/
h2 {
  background: url(../about/images/title.jpg) 30% top;
}
#main p {
  line-height: 1.5;
}
.aboutInner {
	max-width: 1040px;
	margin: 0 10px;
}
.greeting {
  max-width: 700px;
  margin: 0 10px 50px;
}
.greeting section {
  margin-bottom: 30px;
}
.greeting h3 {
	font-size: 2rem;
	font-weight: bold;
  margin-bottom: 10px;
  border-bottom: 2px #01c3cf solid;
  padding-bottom: 5px;
}
.history {
  background: #f0ede0;
  padding: 30px 20px 10px;
}
.historyInner {
	max-width: 1040px;
}
.history section {
  max-width: 480px;
  background: #fff;
  border: 3px solid #aee2fa;
	padding: 20px;
	margin-bottom: 20px;
}
.history h3 {
  margin-bottom: 10px;
  font-size: 2rem;
  font-weight: bold;
}
.company h3, .access h3 {
  font-size: 2.4rem;
  font-weight: bold;
  text-align: center;
  margin: 60px 0 30px;
}
.company dl {
	line-height: 1.5;
}
.company dt {
	border-bottom: 2px #aee2fa solid;
	padding-bottom: 3px;
	margin-bottom: 0.5em;
}
.company dd {
	margin-bottom: 2em;
}
	.map iframe {
		max-width: 1040px;
		height: 250px;
		width: 100%;
	}
.companyInfo {
	margin: 30px 0 50px;
}
.companyName {
  font-size: 1.8rem;
  font-weight: bold;
}
.companyTrain {
  font-weight: bold;
  margin-top: 30px;
}
.companyPhoto {
	margin-top: 30px;
}



/*--------------- for pc ---------------*/
@media screen and (min-width:768px) {
	.map iframe {
		height: 350px;
	}
}



/*--------------- for pc ---------------*/
@media screen and (min-width:1160px) {
	h2 {
  background-position: left top;
}
	#main p {
  line-height: 1.75;
}
	.aboutInner {
		margin: 0 auto;
	}
.greeting {
  margin: 0 auto 100px;
}
.history {
	padding: 60px 0;
}
.historyInner {
	max-width: 1040px;
	margin: 0 auto;
  display: flex;
  justify-content:space-between;
}
	.history section {
		padding: 40px;
		margin-bottom: 0;
	}
.company h3, .access h3 {
  font-size: 3rem;
  margin: 140px 0 30px;
}






/*-----ここから経歴と趣味-----*/
/*-----ここから会社概要-----*/
.company dl {
  width: 100%;
	display: flex;
	flex-wrap: wrap;
	line-height: 1.75;
}
.company dt, .company dd {
  border-right: 1px #333 solid;
  border-bottom: 1px #333 solid;
}
.company dt:first-of-type, .company dd:first-of-type {
  border-top: 1px #333 solid;
}
.company dt {
  background: #aee2fa;
  text-align: center;
  width: 15%;
  padding: 8px;
	margin-bottom: 0;
  border-left: 1px #333 solid;
}
.company dd {
	width: 85%;
  padding: 8px 8px 8px 30px;
	margin-bottom: 0;
}
/*-----ここからアクセス-----*/
	.map iframe {
		height: 720px;
	}
.companyInfo {
  display: flex;
  justify-content: space-between;
	align-items: flex-end;
  margin: 40px 0 140px;
}
	.companyName {
  font-size: 2rem;
	}
}