@charset "UTF-8";
/* ######################################################################################

　企業情報

###################################################################################### */
/* ====================================================
  共通
==================================================== */
.pageCompany .wallBelt.topZero{
    padding-top: 0;
}

.pageCompany .topcopy h3 {
	text-align: center;
    padding: 1em 0;
    color: #004097;
    font-size: 30px;
	font-weight: normal;
}

.pageCompany .jisseki {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	text-align: left;
}
.pageCompany .jisseki .leftbox { width: 60%; max-width: 720px;}
.pageCompany .jisseki .rightbox { width: 36%; max-width: 430px;}

.pageCompany .jisseki .leftbox h4 { margin-bottom: 20px; max-width: 574px;}
.pageCompany .jisseki .leftbox p { line-height: 1.8; font-size: 16px;}
.pageCompany .jisseki .leftbox .map img { width: 100%; height: auto; margin-top:30px;}
.pageCompany .jisseki .leftbox .logo { max-width: 330px; margin-top: 20px;}
.pageCompany .jisseki .leftbox .logo img { width: 100%; height: auto;}
.pageCompany .jisseki .rightbox .rank img { width: 100%; height: auto;}

.pageCompany .parseBox {
	/*background-color: #eae4d0;*/
    padding: 15px ;
	margin-top: 40px;
	border-bottom: solid 1px #ccc;
}
.pageCompany .parseBox h3 { font-size: 30px; padding-bottom: 20px;; text-align: center; font-weight: normal;}
.pageCompany .parseBox .flexbox {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.pageCompany .parseBox .flexbox:before{
	content:"";
	display:block;
	/*width: 32%;*/
	width: 32%;
	height:0;
	order:1;
}		
.pageCompany .parseBox .flexbox:after{
	content:"";
	display:block;
	/*width: 32%;*/
	width: 32%;
	height:0;
}

.pageCompany .parseBox .flexbox .flexinner { width: 32%; max-width: 350px; margin-bottom: 20px;}
.pageCompany .parseBox .flexbox .flexinner p { text-align: center;}




.pageCompany .jisseki .bnt { margin: 40px auto; width: 50%; text-align: center;}
.pageCompany .jisseki .bnt a {
	background: #024fa0;
	color: #fff;
	display: block;
	padding: 25px;
	font-size: 16px;
	transition: 0.5s;
	border-radius: 4px;
}
.pageCompany .jisseki .bnt a:hover { opacity: 0.6; text-decoration: none;}

.pageCompany .group {}
.pageCompany .group .h3_wide {
	background: #024fa0;
	color:#fff;
	text-align: center;
	padding: 30px;
}
.pageCompany .group .h3_wide h3.groupcopy { font-size: 26px; font-weight: normal; width: 60%; margin: auto;}
.pageCompany .group .h3_wide h3.groupcopy span { display: block; font-size: 16px; border-top: solid 1px #fff;}

.pageCompany .group .logo { width:50%; max-width: 330px; margin: 0 auto; padding: 0 0 30px;}
.pageCompany .group h4 { color: #004097; padding: 1em 0; font-size: 24px; font-weight: normal;}
.pageCompany .group p { line-height: 2; font-size: 16px;}

.pageCompany .group .h3_wide h3.grouplist { font-size: 20px; letter-spacing: 0.1em; font-weight: normal;}
.pageCompany .group .h3_wide h3.grouplist em { font-style: normal; font-size: 200%;}
.pageCompany .group .h3_wide h3.grouplist span { font-size: 60%;}

.pageCompany .group .flexbox {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.pageCompany .group .flexbox .flexinner { width: 48%;}
.pageCompany .group .flexbox .flexinner img { width: 100%; height: auto;}


@media print, screen and (max-width: 767px) {
	.pageCompany .topcopy h3 { font-size:24px; }
	.pageCompany .jisseki{display: block;}
	.pageCompany .jisseki .leftbox,
	.pageCompany .jisseki .rightbox{ width: 95%; margin: auto;}
	.pageCompany .parseBox .flexbox .flexinner { width: 47%;}
	.pageCompany .jisseki .leftbox h4 { width: 95%; margin: auto; text-align: center;}
	.pageCompany .jisseki .rightbox { margin-top: 50px;}
	.pageCompany .jisseki .bnt { width: 95%;}
	.pageCompany .group .h3_wide h3.groupcopy { width: 95%;}
	.pageCompany .group p { text-align: left;}
	
	.pageCompany .group .flexbox { display: block;}
	.pageCompany .group .flexbox .flexinner { width: 95%; margin:0 auto 25px; text-align: center;}

}


/* end */