@charset "UTF-8";

section .lead{
	text-align: center;
	margin-bottom: 30px;
}
#pickup{
	text-align: center;
	padding: 100px 0 60px;
}
h2.pickup_title  {
  font-size: 36px;
  color: #2d457b;
  text-align: center;
  margin-bottom: 25px;
}
@media screen and (max-width: 640px) {
	section .lead{
		text-align:left;
		margin-bottom: 20px;
	}
	h2.pickup_title {
		font-size: 21px;
		font-weight: 600;
		letter-spacing: 0.3rem;
		margin-bottom: 15px;
	}
	#pickup{
		text-align: center;
		padding: 60px 0 30px;
	}

}
/*-----------------------------------

	pickup

-----------------------------------*/
#about{
	text-align: left;
	background: #fff;
	padding: 30px;
	border: solid 1px #efefef;
	box-sizing: border-box;
}
#about .text{
	width: 700px;
	text-align: left;
}
#about .text p{
	margin-top: 40px;
}
#about .img {
  width: 400px;
}

@media screen and (max-width: 980px) {
	#about .text{
		width: 100%;
		float: none!important;
	}
	#about .text p{
	margin-top: 20px;
}
	#about .img{
		width: 100%;
		max-width:640px;
		margin: 20px auto 0;
		float: none;
	}
	
}

/*-----------------------------------

	menu

-----------------------------------*/
#menu {
	padding: 100px 0 60px;
}
#menu ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#menu ul li.menubox{
	width: 43%;
	margin-top: 40px;
	padding: 40px 2% 20px;
	background: #fff;
	border-top: solid 6px #2d457b;
}
#menu ul li.menubox h3{
  font-size: 30px;
  color: #2d457b;
  text-align: center;
  margin-bottom: 25px;
}
#menu ul li.menubox li{
	width: 48%;
	margin-top: 20px;
}
#menu ul li.menubox:after {
display: block;
content:"";
width: 300px;
}
@media screen and (max-width: 980px) {
	#menu ul li.menubox h3{
	  font-size: 21px;
	}
}
@media screen and (max-width: 640px) {
	#menu ul li.menubox{
		width: 46%;
		margin-top: 20px;
		padding: 20px 1.5% 20px;
		background: #fff;
		border-top: solid 4px #2d457b;
	}
	#menu ul li.menubox h3 {
		font-size: 16px;
		margin-bottom:10px;
	}
}
/*-----------------------------------

	work

-----------------------------------*/
#work {
	padding: 100px 0 60px;
}
#work ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#work ul li{
	width: 24%;
	margin-top: 20px;
}
#work ul:after {
  content: "";
  display: block;
  width: 24%;
}
/*-----------------------------------

	company

-----------------------------------*/
#company{
	padding: 100px 0 60px;
}
#company dl{
	width: 740px;
	text-align:left;
	background:#fff;
	padding: 5px 20px 20px;
	border: solid 1px #efefef;
	box-sizing:border-box;
	margin: 0 auto;
}
#company dl dt{
	width: 100px;
	float: left;
	padding: 15px 0;
}
#company dl dd{
	padding:15px 0 15px 130px;
	border-bottom: solid 1px #b5b5b5;
}
@media screen and (max-width: 980px) {
	#company dl{
		width: 90%;
		padding: 5px 1.5% 20px;
	}
}
@media screen and (max-width: 640px) {
	
	#company dl dt {
	  width: 80px;
	  float: left;
	  padding: 15px 0;
	}
	#company dl dd {
	  padding: 15px 0 15px 100px;
	  border-bottom: solid 1px #b5b5b5;
	}
}