@charset "utf-8";

/* --------------------------------------------------- */
/* 会社概要 */
/* --------------------------------------------------- */
/* ページタイトル　#pgtitle */
/* --------------------------------------------------- */
#company #pgtitle::before {
	background-image: url('../../image/company/pg_title.jpg');
	background-position: 50% 100%;
}


/* 経営理念　#vision */
/* --------------------------------------------------- */
#company #vision blockquote { margin-top: 50px; }
#company #vision h3 {
	margin-bottom: 20px;
	font-size: 2.4rem;
	font-weight: 500;
}
#company #vision p {
	font-size: 1.6rem;
	line-height: 2.5;
}
@media screen and (max-width: 767px) {
	#company #vision blockquote { margin-top: 40px; }
	#company #vision h3 {
		margin-bottom: 20px;
		font-size: 2.2rem;
	}
	#company #vision p {
		font-size: 1.6rem;
		line-height: 2.4;
	}
}
@media screen and (max-width: 419px) {
	#company #vision blockquote { margin-top: 30px; }
	#company #vision h3 {
		margin-bottom: 15px;
		font-size: 1.8rem;
	}
	#company #vision p {
		font-size: 1.4rem;
		line-height: 2.0;
	}
}


/* 代表挨拶　#Message */
/* --------------------------------------------------- */
#company #message blockquote { margin-top: 50px; }
#company #message p {
	font-size: 1.6rem;
	line-height: 2.0;
}
#company #message .sign {
	margin-top: 30px;
	font-family: 'Noto Serif JP', serif;
	text-align: right;
}
#company #message .sign p {
	font-size: 2.2rem;
	font-weight: 500;
	letter-spacing: 0.25em;
}
#company #message .sign p span {
	display: inline-block;
	margin-right: 20px;
	font-size: 1.4rem;
}

@media screen and (max-width: 767px) {
	#company #message blockquote { margin-top: 40px; }

}
@media screen and (max-width: 419px) {
	#company #message blockquote { margin-top: 30px; }
	#company #message p { font-size: 1.4rem; }
	#company #message .sign p { font-size: 2.0rem; }
	#company #message .sign p span { margin-right: 15px; font-size: 1.2rem; }

}

/* 会社概要　#profile */
/* --------------------------------------------------- */
#company #profile dl {
	display: table;
	margin: 50px auto 0;
	width: 100%; 
	border-top: 1px solid #ddd;
}
#company #profile dl dt {
	padding-top: 20px;
	width: 200px;
	float: left;
}
#company #profile dl dd {
	padding: 20px 0 20px 210px;
	border-bottom: 1px solid #ddd;
}
#company #profile h4 {
	padding-left:10px;
	font-weight: 500;
}

@media screen and (max-width: 767px) {
	#company #profile dl { margin: 40px auto 0; }
	#company #profile dl dt { width: 110px; }
	#company #profile dl dd { padding: 20px 0 20px 120px; }
}
@media screen and (max-width: 419px) {
	#company #profile dl { margin: 30px auto 0; }
	#company #profile dl dt { padding-top: 12px; width: 100%; float: none; }
	#company #profile dl dd { padding: 5px 0 12px 25px; }
	#company #profile dl dd p { font-size: 1.3rem; }
	#company #profile h4 { padding-left: 0; }
}

#company #access .contents {
	max-width: 1280px;
}
#company #access iframe {
	width: 100%;
	height: 420px;
}
@media screen and (max-width: 767px) {
	#company #access iframe { height: 390px; }
}
@media screen and (max-width: 419px) {
	#company #access iframe { height: 360px; }
}

/* 個人情報保護方針　#privacy */
/* --------------------------------------------------- */
#company #privacy .protection { margin-top: 50px; }
#company #privacy .protection h3 {
	font-size: 2.0rem;
	font-weight: 500;
}
#company #privacy .protection blockquote { margin-top: 25px; }
#company #privacy .protection h4 {
	font-size: 1.6rem;
	font-weight: 500;
}
#company #privacy .protection ul { margin-top: 10px; }
#company #privacy .protection ul li p {
	position: relative;
	padding: 0 0 0 14px;
}
#company #privacy .protection ul li p::before {
	content: '・';
	position: absolute;
	top: 0;
	left: 0;
}
#company #privacy .protection address {
	padding: 25px 0 25px 20px;
	border: 1px solid #e0e0e0;
	margin-top: 20px;
	font-style: normal;
}
#company #privacy .protection address > div {
	display: table;
	margin: 0 auto;
}
#company #privacy .protection address p span { display: inline-block; margin-right: 20px; }

@media screen and (max-width: 767px) {
	#company #privacy .protection { margin-top: 40px; }
	#company #privacy .protection h3 { font-size: 1.8rem; }
	#company #privacy .protection blockquote { margin-top: 20px; }
	#company #privacy .protection h4 { font-size: 1.4rem; }
	#company #privacy .protection p { font-size: 1.3rem; }

}
@media screen and (max-width: 419px) {
	#company #privacy .protection { margin-top: 30px; }
	#company #privacy .protection h3 { font-size: 1.6rem; }
	#company #privacy .protection blockquote { margin-top: 15px; }
	#company #privacy .protection h4 { font-size: 1.3rem; }
	#company #privacy .protection p { font-size: 1.2rem; }

}