@charset "utf-8";

#page-title-img{
	background: url(/img/corp/company/title_company.png) no-repeat;
	background-position: center;
	background-size: cover;
}

.info_box li{display:table; width:100%; padding:15px 0; border-bottom: 1px solid #dedfe2;}
.info_box li .left{display: table-cell; width:20%; vertical-align:top;}
.info_box li .right{display: table-cell; width:80%; line-height:30px; vertical-align:top; padding-left: 10px;}

.box-2column-btn-area{margin:35px 0 0 0;}

.box-2column:after{content: ""; display:block; clear:both;}
.photo_left,.photo_right{ width:48%; margin-bottom:35px; background:#fff; border:1px solid #dedfe2;}
.photo_left{float:left;}
.photo_right{float:right;}
.p_info{ display:table; margin:25px 25px 0 25px;}
.p_info dt{display:table-cell; vertical-align:top; width:95px;}
.p_info dt img{width:94px; height:94px;}
.p_info dd{display:table-cell; vertical-align:top; padding-left:20px;}
.box-2column p.p_name{margin:0 10px 0 0; display:inline-block; font-size:20px; font-weight:bold;}
.box-2column p.p_alphabet{margin:0; display:inline-block; font-family: 'Montserrat'; font-weight: 700;}
.box-2column p.p_post{margin:0; font-weight:bold;}
.box-2column p.p_date{margin:0; font-size:90%;}
.box-2column p.p_txt{margin:20px 25px 0 25px; font-size:80%;}
.box-2column p.p_txt_last{margin:20px 25px -45px 25px; font-size:80%;}

.info_history{padding:0 15px;}
.info_history li{display:table; width:100%; font-size:90%; padding:8px 0;}
.info_history li p {line-height:1.6;}
.info_history li .left{display: table-cell; width:15%; vertical-align:top; font-weight:bold;}
.info_history li .right{display: table-cell; width:85%; vertical-align:top;}

#company .box-2column{margin:0;}

@media only screen and ( max-width: 480px ) {
	#page-title-img{
		background: url(/img/corp/company/title_company.png) no-repeat;
		background-position: center;
		background-size: cover;
	}
	.photo_left,.photo_right{ width:100%; float:none;}
	.box-1column p.p_txt_last{margin:20px 25px 20px 25px;}
	.info_history li{padding: 15px 0 0 0;}
	.info_history li p{ margin:0;}
	.info_history li .left,.info_history li .right{display:block; width:auto;}
	
	.box-2column p.p_txt_last{margin:20px 25px 20px 25px; font-size:80%;}

}