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


/**********************************************************************
  会社概要&個人情報保護方針
**********************************************************************/

/* 会社概要 */
#title {
	background:url(../img/company/title-bg.jpg) no-repeat center center;
	background-size:cover;
	height:350px;
}

#title h1{
	position: relative;
  top: 50%;
  transform: translateY(-50px);
}

#company-detail dl{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	line-height: 1.8;
}

#company-detail dl dt.w35{
	width:35%;
	text-align: right;
	margin-right: 50px;
	color:#8a7c70;
}

#company-detail dl dt.w65{
	width:65%;
}

#company-detail dl:first-child {
	border-top: 1px solid #ddd;
	padding-top: 2em;
	margin-top: 2em;
}

#company-detail dl:last-child {
	border-bottom: 1px solid #ddd;
	margin-bottom: 2em;
  padding-bottom: 2em;
}

#company-detail dl + dl{
	border-top: 1px solid #ddd;
  margin-top: 2em;
  padding-top: 2em;
}

/* 個人情報保護方針 */

#title h1.policy-title{
	position: relative;
  top: 25%;
  transform: translateY(-50px);
}

#policy-detail dl{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: start;
	line-height: 1.8;
}

#policy-detail dl dt.w35{
	width:35%;
	text-align: right;
	margin-right: 50px;
	color:#8a7c70;
}

#policy-detail dl dt.w65{
	width:65%;
}

#policy-detail dl:first-child {
	border-top: 1px solid #ddd;
	padding-top: 2em;
	margin-top: 2em;
}

#policy-detail dl:last-child {
	border-bottom: 1px solid #ddd;
	margin-bottom: 2em;
  padding-bottom: 2em;
}

#policy-detail dl + dl{
	border-top: 1px solid #ddd;
  margin-top: 2em;
  padding-top: 2em;
}


@media screen and (max-width: 767px) {
	#title {
		height:220px;
	}

	#title h1 img{
		width:30%;
	}

	#company-detail dl{
		display: block;
	}
	
	#company-detail dl dt.w35{
		width:100%;
		text-align: left;
		margin-right: 0;
	}
	
	#company-detail dl dt.w65{
		width:100%;
	}


	#title h1.policy-title img{
		width:25%;
	}

	#policy-detail dl{
		display: block;
	}
	
	#policy-detail dl dt.w35{
		width:100%;
		text-align: left;
		margin-right: 0;
	}
	
	#policy-detail dl dt.w65{
		width:100%;
	}
	
}