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

 file name  : outline_detail.css
 style info : 会社情報
=================================================================== */
.con_intro, .con_number {
	max-width: 1100px;
	margin: auto;
}
@media only screen and (max-width: 1024px) {
  .con_intro, .con_number {
		width: 95%;
  }
}

.con_intro:after {
	content: "";
	display: table;
	clear: both;
}

/* Hover animation */
.con_title .en {
	width: 228.6px;
}
.con_title .en img {
	max-width: 213px;
}
@media only screen and (max-width: 767px) {
  .con_title .en img {
		max-width: 128px;
  }
}
@media only screen and (max-width: 767px) {
  .con_title .en {
		width: 143.16px;
  }
}

/* -----------------------------------------------------------
	.con_intro
----------------------------------------------------------- */
.con_intro {
	margin-bottom: 100px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_intro {
		margin-bottom: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .con_intro {
		margin-bottom: 30px;
  }
}
.con_intro .st_intro {
	font-weight: normal;
	text-align: center;
	line-height: 1.3;
	margin-bottom: 30px;
}
.con_intro .st_intro span.en {
	color: #71a3c2;
	font-size: 250%;
	font-family: "Open Sans", sans-serif;
	letter-spacing: 0.06em;
}
@media only screen and (max-width: 767px) {
  .con_intro .st_intro span.en {
		font-size: 150%;
		letter-spacing: 0.03em;
  }
}
.con_intro .st_intro span.en em {
	color: #3387c5;
	font-size: 138%;
}
@media only screen and (max-width: 767px) {
  .con_intro .st_intro span.en em {
		font-size: 125%;
  }
}
.con_intro .st_intro span.jp {
	color: #8c8c8c;
	font-size: 125%;
}
@media only screen and (max-width: 767px) {
  .con_intro .st_intro span.jp {
		font-size: 88%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_intro .st_intro {
		margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .con_intro .st_intro {
		margin-bottom: 30px;
  }
}
.con_intro .st_philosophy {
	font-weight: normal;
	text-align: center;
	font-size: 219%;
	color: #3387c5;
	margin-bottom: 60px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_intro .st_philosophy {
		margin-bottom: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .con_intro .st_philosophy {
		margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .con_intro .st_philosophy {
		font-size: 138%;
  }
}
.con_intro .st_philosophy:before {
	content: "「";
	margin-right: 0.7em;
}
@media only screen and (max-width: 767px) {
  .con_intro .st_philosophy:before {
		display: none;
  }
}
.con_intro .st_philosophy:after {
	content: "」";
}
@media only screen and (max-width: 767px) {
  .con_intro .st_philosophy:after {
		display: none;
  }
}

/* -----------------------------------------------------------
	.con_profile
----------------------------------------------------------- */
.con_number {
	margin-bottom: 100px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_number {
		margin-bottom: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .con_number {
		margin-bottom: 100px;
  }
}
.con_number .st_number {
	font-weight: normal;
	text-align: center;
	line-height: 1.3;
	margin-bottom: 30px;
}
.con_number .st_number span.en {
	color: #71a3c2;
	font-size: 250%;
	font-family: "Open Sans", sans-serif;
	letter-spacing: 0.06em;
}
@media only screen and (max-width: 767px) {
  .con_number .st_number span.en {
		font-size: 150%;
		letter-spacing: 0.03em;
  }
}
.con_number .st_number span.en em {
	color: #3387c5;
	font-size: 138%;
}
@media only screen and (max-width: 767px) {
  .con_number .st_number span.en em {
		font-size: 125%;
  }
}
.con_number .st_number span.jp {
	color: #8c8c8c;
	font-size: 125%;
}
@media only screen and (max-width: 767px) {
  .con_number .st_number span.jp {
		font-size: 88%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_number .st_number {
		margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .con_number .st_number {
		margin-bottom: 15px;
  }
}
.con_number .txt_catch {
	text-align: center;
	margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .con_number .txt_catch {
		margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .con_number .txt_catch {
		font-size: 88%;
  }
}

.con_number ul {
	margin-left: -0.54545%;
	overflow: hidden;
}
.con_number ul li {
	float: left;
	width: 32.72727%;
	margin-left: 0.54545%;
	margin-bottom: 0.54545%;
}
@media only screen and (max-width: 500px) {
  .con_number ul li {
		width: 49.4%;
  }
}
@media only screen and (max-width: 500px) {
  .con_number ul li.view_sp_none {
		display: none;
  }
}