@charset "utf-8";



/* --------------------------------------------
						
会社案内

---------------------------------------------- */

/* --------------------------------------------
会社の根幹
---------------------------------------------- */
.policyBox {
	max-width: 550px;
	margin: 8.6em auto 12.5em;
	opacity: 0;
	animation-name: fadeInBottomTop;
  animation-delay: 1s;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}


/* --------------------------------------------
代表挨拶
---------------------------------------------- */
.messageBox	{
	max-width: 980px;
	margin-bottom: 11em;
	opacity: 0;
}
.messageBox.animest	{
	animation-name: fadeInBottomTop;
  animation-delay: 0.5s;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}
.messageBox h2	{
	margin-bottom: 9.5em;
	text-align: center;
	font-size: 13px; font-size: 1.3rem;
	font-weight: 400; letter-spacing: 0.1em;
	color: #1E4C91;	
}
.messageBox h2 span	{
	display: block;
	width: 6em;
	margin: auto;
	font-size: 26px; font-size: 2.6rem;
}
.messageBox h2::after{
	content: "";
	display: block;
	width: 4em; height: 1.5em;
	margin: auto;
	border-bottom: 2px solid #1E4C91;
}
.messageBox__photo {
	float: right;
	max-width: 60%;
	margin:-4.5em 0 0 5.5%;
}
.messageBox__txt {
	overflow: hidden;
}
.messageBox__txt h3 {
	padding-bottom: 3.5em;
	text-align: left;
}
.messageBox__txt > p {
	padding-bottom: 1em;
}
.messageBox__txt > p:first-letter {
	padding-left: 1em;
}
.messageBox__txt > p img {
	float: right;
	max-width: 65%;
	padding-top:2em;
}

@media screen and (max-width:980px){
.messageBox__photo {
	float:none;
	display: block;
	margin:-4.5em auto 4em;
}
}





/* --------------------------------------------
背景グレー部分　共通
---------------------------------------------- */
.bgGray {
	padding-top: 6em;
	background-color: #F0F0F0;
	background-image:url(../../_common/img/share/main_back.png);
  background-position: bottom right;
  background-repeat: no-repeat;
	background-size: 68% auto;
}

.outlineBox {
	max-width: 796px;
	padding-bottom: 7em;
	font-size: 14px; font-size: 1.4rem;
}

.outlineBox h2 {
	padding-bottom: 0.2em;
	margin-bottom: 1.8em;
	font-size: 18px; font-size: 1.8rem;
	color: #1E4C91;	
	border-bottom: 2px solid #1E4C91;
}
.outlineBox h2::before {
	content: "";
	width: 0.3em; height: 1.6em;
	display: inline-block;
	margin:0 0.7em -0.3em 0;
	vertical-align: bottom;
	background: #223683;
	background: -moz-linear-gradient(top, #223683 0%, #1e4c91 43%, #6179b4 100%); 
	background: -webkit-linear-gradient(top, #223683 0%,#1e4c91 43%,#6179b4 100%);
	background: linear-gradient(to bottom, #223683 0%,#1e4c91 43%,#6179b4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#223683', endColorstr='#6179b4',GradientType=0 );
}

.outlineBox table ,
.complianceTxt {
	width: 96%;
}
.outlineBox table tr th ,
.outlineBox table tr td {
	padding: 0.9em 0;
	font-weight: normal;
	border-bottom: 1px dotted #C8C8C8;
}


/* --------------------------------------------
会社概要
---------------------------------------------- */
.outlineTable tr th {
	width: 8em;
}
.outlineTable tr td iframe {
	width: 100%; height: 20vh; min-height: 200px; max-height: 400px;
	margin-top: 1em;
}


/* --------------------------------------------
沿革
---------------------------------------------- */
.historyTable tr th {
	width: 11em;
}
.historyTable a {
	border-bottom: 1px solid #1E4C91;
	color: #1E4C91;
}


/* --------------------------------------------
コンプライアンス活動
---------------------------------------------- */
.complianceTxt > p {
	padding-bottom: 1em;
}
.complianceTxt > p:first-letter {
	padding-left: 1em;
}



@media screen and (max-width:500px){
.outlineBox table tr th ,
.outlineBox table tr td {
	padding: 0.9em 0 0;
	display: block;
	width: 100%!important;
	border-bottom:none;
}
.outlineBox table tr th {
	color: #1E4C91;	
}
.outlineBox table tr th::before {
	content: "■";
	display: inline-block;
	font-size: 0.6em;
	margin-right: 0.5em;
}
.outlineBox table tr td {
	padding: 0 0 0.9em;
	border-bottom: 1px dotted #C8C8C8;
}
}