.clearfix::after,
#section01 .company_wrapper::after,
#section01 .company_wrapper .holder_data dl::after,
#section02 .direction_detail::after {
  content: "";
  display: block;
  clear: both; }

.fnt_pd {
  font-family: 'Playfair Display', serif; }

/*--------------------------
common parts
---------------------------*/
h2 {
  text-align: center;
  margin-bottom: 60px; }
  @media screen and (max-width: 640px) {
    h2 {
      margin-bottom: 40px; } }

/*--------------------------
header
---------------------------*/
.subpage_header {
  background-image: url(../images/common/header_mask.png), url(../images/contact/header_bg.jpg);
  background-position: 0 0, 50% 55%; }

/*--------------------------
section01
---------------------------*/
#section01 {
  padding: 80px 0;
  overflow: hidden;
}
#section01 .container {
    position: relative;
}
#section01 .bg_pic {
	position: absolute;
	top: -80px;
	right: -388px;
	z-index: -1;
}
#section01 .tx01{
	line-height: 2;
	text-align: center;
	margin-bottom: 300px;
}
@media screen and (max-width: 640px) {
	#section01 {
		padding: 40px 0;
	}
	#section01 .bg_pic {
		top: -50px;
		right: -10%;
	}
	#section01 .tx01{
		margin-bottom: 50px;
	}
}