@charset "utf-8";
@import url("color.css");



main.sub-pg {
	margin-top: 150px
}
/* =================================================
header〜nav
==================================================*/


/* =================================================
会社概要ページ
==================================================*/
.sec-infomation,
.map {
  width: min(900px, 98%);
	margin: 0 auto
}

.sec-infomation {
	background-color: var(--mfj-white);
	color: var(--mfj-base);
	padding: 30px 40px;
	margin-bottom: 60px
}

.sec-infomation p {
	display: -webkit-flex;
    display: -moz-flex;
    display: flex;
	flex-wrap: wrap;
	align-items:baseline;	
	width: 100%;
	border-bottom: 1px solid #ccc;
	/*border-bottom: none;*/
	padding: 8px;
}
.sec-infomation p:last-child {
	border-bottom: none
}
.sec-infomation p span {
	width: 130px;
	text-align: center;
	font-weight: 600;
	padding: 15px;
}

/* Google Mapを囲う要素 */
.map {
  position: relative;
  height: 0;
  padding-top: 50%; /* 比率を4:3に固定 */
	margin-bottom: 50px
}
 
/* Google Mapのiframe */
.map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* =================================================

コンテンツ幅767以下の表示はここからです

==================================================*/
@media screen and (max-width:767px) {
	
	/* =================================================
	会社概要ページ
	==================================================*/
	.sec-infomation {
    	padding: 20px 30px;
	}
	.sec-infomation p {
		padding-bottom: 15px
	}
	.sec-infomation p span {
		width: 100%;
		text-align: left;
		font-weight: 600;
		padding: 15px 0 5px 0;
	}
	.map {
		padding-top: 80%;
	}