@charset "utf-8";

/*============================================================
                    
	トップページCSS設定
					
============================================================*/

/* 会社案内
------------------------------------------------------------*/
.companyIcon {
	padding:20px 10px 0;
	text-align:center;
}
.companyCatch {
	margin:0 10px 10px;
	background:url(../img/company/bg_index_01.jpg) no-repeat center center;
	background-size:cover;
}
.companyCatch .inner {
	padding:60px 40px;
	background-color:rgba(0,0,0,.2);
	color:#fff;
	/*text-shadow:1px 1px 0 rgba(0,0,0,.2);*/
	text-align:center;
	line-height:1.7;
}
.companyCatch h2 {
	margin-bottom:60px;
	font-size:200%;
	font-weight:normal;
	line-height:1.3;
	letter-spacing:2px;
	text-align:center;
	position:relative;
	-moz-animation:titleFadein 1s ease 0s 1 ;
	-webkit-animation:titleFadein 1s ease 0s 1 ;
	animation:titleFadein 1s ease 0s 1 ;
}
@-webkit-keyframes titleFadein {
	0%   { opacity:0; -webkit-transform:translateY(-10px);}
	50%   { opacity:0; -webkit-transform:translateY(-10px);}
	100% { opacity:1; -webkit-transform:translateY(0); }
}
@-moz-keyframes titleFadein {
	0%   { opacity:0; -moz-transform:translateY(-10px);}
	50%   { opacity:0; -moz-transform:translateY(-10px);}
	100% { opacity:1; -moz-transform:translateY(0); }
}
@keyframes titleFadein {
	0%   { opacity:0; transform:translateY(-10px);}
	50%   { opacity:0; transform:translateY(-10px);}
	100% { opacity:1; transform:translateY(0); }
}
.companyCatch h2 br {
	display:none;
}
.companyCatch .inner p {
	margin-top:2em;
	font-size:114%;
	letter-spacing:1px;
	-moz-animation:textFadein 1.5s ease 0s 1 ;
	-webkit-animation:textFadein 1.5s ease 0s 1 ;
	animation:textFadein 1.5s ease 0s 1 ;
}
@-webkit-keyframes textFadein {
	0%   { opacity:0; }
	75%   { opacity:0; }
	100% { opacity:1; }
}
@-moz-keyframes textFadein {
	0%   { opacity:0; }
	75%   { opacity:0; }
	100% { opacity:1; }
}
@keyframes textFadein {
	0%   { opacity:0; }
	75%   { opacity:0; }
	100% { opacity:1; }
}


/* 代表挨拶
------------------------------------------------------------*/

/* 理念
------------------------------------------------------------*/
.listPhilosophy {
	padding-top:20px;
	border-top:1px dotted #ccc;
}
.listPhilosophy dt {
	display:inline-block;
	padding:5px 15px;
	margin-bottom:0.5em;
	background:#00a2e0;
	color:#fff;
	font-size:150%;
	border-radius:2px;
}
.listPhilosophy dd {
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px dotted #ccc;
}
.listPhilosophy dd:before {
	content:"-";
	margin:0 .65em 0 .15em;
}
.listCodeOfConduct li{
	margin:20px 0 0 0;
	padding:0 5px 20px 5px;
	border-bottom:1px dotted #ccc;
}
.listCodeOfConduct li:first-child {
	padding-top:20px;
	border-top:1px dotted #ccc;
}
.listCodeOfConduct li p:before {
	content:"-";
	margin:0 .65em 0 .15em;
}
.philosophy-title {
	padding:10px;
	background-color:#00a2e0;
	color:#fff;
	font-size:129%;
	font-weight:normal;
}

/* 会社概要
------------------------------------------------------------*/
/*テーブルの設定*/
.ovTable {
	width:100%;
	display: table;
}
.ovTable dl {
	display: table-row;
}
.ovTable dl dt,
.ovTable dl dd {
	display: table-cell;
	padding: 10px;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
}
.ovTable dl dt {
	background:#f3f3f3;
	font-weight:bold;
	min-width:4em;
}
.ovTable dl dd {
	background:#fdfdfd;
}
.mPosition {
	width:7em;
	display:inline-block;
	margin-right:1.5em;
	text-align:left;
}

/* CSR
------------------------------------------------------------*/
/*沿革*/
.scHistory {
	margin-top:1em;
	padding-left:10px;
	border-left:5px solid #ddd;
}

/*ウィンドウサイズ960px未満*/
@media screen and (max-width: 959px) {
.companyCatch {
	background-position: center right;
}
.companyCatch .inner {
	text-align:left;
}
.companyCatch .inner strong br {
	display:none;
}	
}

/*ウィンドウサイズ640px以上960px未満*/
@media screen and (max-width: 959px)and (min-width: 640px) {
.descriptionPhilosophy {
	text-align:left;
}
}

/*ウィンドウサイズ640px未満*/
@media screen and (max-width: 639px) {
.companyCatch .inner {
	padding:40px 20px;
	line-height:1.5;
}
.companyCatch h2 {
	margin-bottom:40px;
	line-height:1.4;
}
.companyCatch h2 br {
	display:inline;
}
.companyCatch .inner p br {
	display:none;
}
.descriptionPhilosophy {
	text-align:left;
}
.ovTable {
	display: block;
}
.ovTable dl {
	display: block;
	margin-bottom:20px;
}
.ovTable dl dt,
.ovTable dl dd {
	display: block;
	padding: 10px;
	border-right:none;
	border-bottom:none;
}
.ovTable dl dd {
	background:#none;
}

}