@charset "UTF-8";
/* ===================================================================
CSS information

 file name  : company.css
 author     : Ability Consultant
 style info : 会社案内
=================================================================== */
/*----------------------------------------------//*/
/* *Media Queries								//*/
/*----------------------------------------------//*/
/*tab*/
/*sp*/
/*----------------------------------------------//*/
/* *Variable									//*/
/*----------------------------------------------//*/
/* メインカラム*/
/* フォントのベースサイズ*/
/* フォントのベーカラー*/
/*----------------------------------------------//*/
/* *Placeholder									//*/
/*----------------------------------------------//*/
/* コンテンツ幅 - baceWidth*/
/* クリアフィックス - clearFix*/
/*----------------------------------------------//*/
/* *Function									//*/
/*----------------------------------------------//*/
/* %計算*/
/*----------------------------------------------//*/
/* *mixin										//*/
/*----------------------------------------------//*/
/* フォントサイズ*/
/* @include fsz(任意のサイズ,親要素のサイズ); ※px不要*/
/* font-awesome*/
/*icon style*/
/* 値を振り分け - choiceValue*/
/* @include cV(プロパティ,pc幅,tab~sp幅); or @include cV(プロパティ,pc幅,tab幅,sp幅);*/
/* ホバー*/
/* @include hover {*/
/*		style*/
/* }*/
/* 幅を決めて中央寄せ - choiceWidth*/
/* @include cW(任意の幅px);*/
/* 画像を拡大*/
/* @include zoomImg(拡大率,x軸基点);*/
/* リンクの下線を逆にする*/
/* @include reverseDecoration;*/
/* 縦方向のグラデーション(IE8対応)*/
/* @include gradient(上側のカラー,下側のカラー);*/
/* -----------------------------------------------------------
	SLICK SLIDER
----------------------------------------------------------- */
/*@include dots(#color1,#color2,width);*/
/*@include btn_slider(#color1,#color2,size);*/
#company .container .title span {
	font-weight: normal;
}

#company .container .title span.jp {
	font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", Times, Garamond, Georgia, serif;
	font-size: 172%;
	/*tab*/
	/*sp*/
	color: #135868;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	#company .container .title span.jp {
		font-size: 172%;
	}
}

@media only screen and (max-width: 767px) {
	#company .container .title span.jp {
		font-size: 129%;
	}
}

#company .container .title span.en {
	font-family: 'Mrs Saint Delafield', cursive;
	font-size: 286%;
	/*tab*/
	/*sp*/
	color: #e2ba6e;
	line-height: 1;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	#company .container .title span.en {
		font-size: 258%;
	}
}

@media only screen and (max-width: 767px) {
	#company .container .title span.en {
		font-size: 200%;
	}
}

/* -----------------------------------------------------------
    .con_message
----------------------------------------------------------- */
.con_message {
	border-bottom: 2px solid #e6e6e6;
	padding: 4em 0 3.2em;
	/*sp*/
}

@media only screen and (max-width: 767px) {
	.con_message {
		padding: 2em 0;
	}
}

.con_message .container {
	text-align: center;
	max-width: 715px !important;
	/*sp*/
}

@media only screen and (max-width: 767px) {
	.con_message .container {
		max-width: 95%;
	}
}

.con_message .container .title {
	margin-bottom: 1.5em;
	/*sp*/
}

@media only screen and (max-width: 767px) {
	.con_message .container .title {
		margin-bottom: 1em;
	}
}

.con_message .container .title span {
	line-height: 1;
	display: block;
}

.con_message .container .txt {
	font-size: 108%;
	margin-bottom: 1.5em;
	/*sp*/
	line-height: 1.8;
	/*sp*/
	/*sp*/
}

@media only screen and (max-width: 767px) {
	.con_message .container .txt {
		margin-bottom: 1em;
	}
}

@media only screen and (max-width: 767px) {
	.con_message .container .txt {
		line-height: 1.6;
	}
}

@media only screen and (max-width: 767px) {
	.con_message .container .txt {
		text-align: left;
	}
}

.con_message .container .box_msg {
	font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", Times, Garamond, Georgia, serif;
	border-bottom: 1px solid #e6e6e6;
	padding-bottom: 1.3em;
	/*sp*/
}

@media only screen and (max-width: 767px) {
	.con_message .container .box_msg {
		padding-bottom: 1em;
	}
}

.con_message .container .box_msg .img {
	margin-bottom: 3.3em;
	/*sp*/
}

@media only screen and (max-width: 767px) {
	.con_message .container .box_msg .img {
		margin-bottom: 1.5em;
	}
}

.con_message .container .box_msg .ttl_msg {
	font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", Times, Garamond, Georgia, serif;
	font-weight: normal;
	font-size: 243%;
	/*tab*/
	/*sp*/
	color: #135868;
	margin-bottom: 0.5em;
	/*sp*/
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.con_message .container .box_msg .ttl_msg {
		font-size: 215%;
	}
}

@media only screen and (max-width: 767px) {
	.con_message .container .box_msg .ttl_msg {
		font-size: 143%;
	}
}

@media only screen and (max-width: 767px) {
	.con_message .container .box_msg .ttl_msg {
		margin-bottom: 0.3em;
	}
}

.con_message .container .box_company {
	font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", Times, Garamond, Georgia, serif;
	text-align: left;
	padding-top: 2.6em;
	/*sp*/
}

@media only screen and (max-width: 767px) {
	.con_message .container .box_company {
		padding-top: 1em;
	}
}

.con_message .container .box_company .ttl {
	font-weight: normal;
	font-size: 172%;
	/*tab*/
	/*sp*/
	margin-bottom: 0.5em;
	/*sp*/
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.con_message .container .box_company .ttl {
		font-size: 172%;
	}
}

@media only screen and (max-width: 767px) {
	.con_message .container .box_company .ttl {
		font-size: 115%;
	}
}

@media only screen and (max-width: 767px) {
	.con_message .container .box_company .ttl {
		margin-bottom: 0.5em;
	}
}

.con_message .container .box_company .txt {
	margin-bottom: 2em;
	/*sp*/
}

@media only screen and (max-width: 767px) {
	.con_message .container .box_company .txt {
		margin-bottom: 1em;
	}
}

.con_message .container .box_company .txt_medi {
	font-size: 129%;
	/*tab*/
	/*sp*/
	margin-bottom: 1em;
	/*sp*/
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.con_message .container .box_company .txt_medi {
		font-size: 129%;
	}
}

@media only screen and (max-width: 767px) {
	.con_message .container .box_company .txt_medi {
		font-size: 115%;
	}
}

@media only screen and (max-width: 767px) {
	.con_message .container .box_company .txt_medi {
		margin-bottom: 1em;
	}
}

.con_message .container .box_company .box_sign {
	text-align: right;
	padding-top: 1.5em;
	/*sp*/
}

@media only screen and (max-width: 767px) {
	.con_message .container .box_company .box_sign {
		padding-top: 1em;
	}
}

.con_message .container .box_company .box_sign .txt_small {
	font-size: 93%;
}

.con_message .container .box_company .box_sign .txt_name {
	font-size: 172%;
	/*tab*/
	/*sp*/
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.con_message .container .box_company .box_sign .txt_name {
		font-size: 172%;
	}
}

@media only screen and (max-width: 767px) {
	.con_message .container .box_company .box_sign .txt_name {
		font-size: 129%;
	}
}

/* -----------------------------------------------------------
    .con_philosophy
----------------------------------------------------------- */
.con_philosophy {
	padding: 4.7em 0 4em;
	/*sp*/
}

@media only screen and (max-width: 767px) {
	.con_philosophy {
		padding: 2em 0;
	}
}

.con_philosophy .title {
	margin-bottom: 2.5em;
	/*sp*/
}

@media only screen and (max-width: 767px) {
	.con_philosophy .title {
		margin-bottom: 1em;
	}
}

.con_philosophy .title span {
	vertical-align: middle;
}

.con_philosophy .title span.en {
	padding-left: .5em;
}

.con_philosophy table {
	border: none;
}

.con_philosophy table tr {
	border-top: 1px solid #e6e6e6;
}

.con_philosophy table tr:last-child {
	border-bottom: 1px solid #e6e6e6;
}

.con_philosophy table th {
	background: none;
	border: none;
	width: 16%;
	/*sp*/
	padding: 1.8em 1em;
	/*sp*/
}

@media only screen and (max-width: 767px) {
	.con_philosophy table th {
		width: 30%;
	}
}

@media only screen and (max-width: 767px) {
	.con_philosophy table th {
		padding: 1em;
	}
}

.con_philosophy table td {
	border: none;
	padding: 1.8em 1em;
	/*sp*/
}

@media only screen and (max-width: 767px) {
	.con_philosophy table td {
		padding: 1em;
	}
}

/* -----------------------------------------------------------
    .con_member
----------------------------------------------------------- */
.con_member {
	background: #f5f4f0;
	text-align: center;
	padding: 6em 0 3em;
	/*sp*/
}

@media only screen and (max-width: 767px) {
	.con_member {
		padding: 2em 0;
	}
}

.con_member .txt_ttl {
	font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", Times, Garamond, Georgia, serif;
	margin-bottom: 4em;
	/*sp*/
}

@media only screen and (max-width: 767px) {
	.con_member .txt_ttl {
		margin-bottom: 2em;
	}
}

.con_member .txt_mbr {
	margin-bottom: 3em;
	/*sp*/
	line-height: 1.8;
	/*sp*/
	position: relative;
}

@media only screen and (max-width: 767px) {
	.con_member .txt_mbr {
		margin-bottom: 1.5em;
	}
}

@media only screen and (max-width: 767px) {
	.con_member .txt_mbr {
		line-height: 1.6;
	}
}

.con_member .txt_mbr span {
	display: block;
	font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", Times, Garamond, Georgia, serif;
}

.con_member .txt_mbr span.pos {
	font-size: 93%;
}

.con_member .txt_mbr span.name {
	font-weight: bold;
	font-size: 115%;
	/*tab*/
	/*sp*/
	letter-spacing: .1em;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.con_member .txt_mbr span.name {
		font-size: 115%;
	}
}

@media only screen and (max-width: 767px) {
	.con_member .txt_mbr span.name {
		font-size: 100%;
	}
}

.con_member .txt_mbr .to_link {
	text-decoration: underline;
	position: absolute;
	bottom: 0;
	right: 33%;
	font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", Times, Garamond, Georgia, serif;
	/*min-width ~ max-width*/
	/*min-width ~ max-width*/
	/*sp*/
}

@media only screen and (min-width: 1010px) and (max-width: 1200px) {
	.con_member .txt_mbr .to_link {
		right: 30%;
	}
}

@media print {
	.con_member .txt_mbr .to_link {
		right: 30%;
	}
}

.ie8 .con_member .txt_mbr .to_link {
	right: 30%;
}

@media only screen and (min-width: 768px) and (max-width: 1009px) {
	.con_member .txt_mbr .to_link {
		right: 23%;
	}
}

@media only screen and (max-width: 767px) {
	.con_member .txt_mbr .to_link {
		position: initial;
	}
}

.con_member .txt_mbr .to_link::after {
	content: "";
	background: url(../company/images/ic_link.png) no-repeat top left;
	width: 12px;
	height: 12px;
	display: inline-block;
	margin-left: .2em;
}

#footer {
	/*sp*/
}

@media only screen and (max-width: 767px) {
	#footer {
		margin-top: 0;
	}
}

/*# sourceMappingURL=../maps/company.css.map */