@charset "UTF-8";
/* CSS Document */

/* page-title */

.page-title {
	background-image: url("../images/page-title-bg_company.png");
	
}


/* message-sec */

.message-sec {
	width: 100%;
	margin: 0 auto;
	padding: 70px 0 160px;
}
.message-sec__inner {
	max-width: 1024px;
	height: auto;
	margin: 0 auto;
}
.message-sec__img-thumb {
	width: 100%;
}
.message-sec__img {
	object-fit: contain;
	font-family: 'object-fit: contain;'; 
	width: 100%;
	height: auto;
}
.message-sec__contents {
	position: relative;
	max-width: 800px;
	margin: 0 auto;
}
.message-sec__text {
	font-size: 16px;
	line-height: 2em;
	padding: 60px 0;
}
.message-sec__position {
	position: absolute;
	right: 0;
	display: block;
	width: 120px;
	padding-top: 40px;
}
.message-sec__name {
	position: absolute;
	right: 0;
	display: block;
	width: 120px;
	font-size: 24px;
	padding-top: 66px;
}


/* profile */

.profile-sec {
	position: relative;
	width: 90%;
	margin: 0 auto;
	padding: 70px 0;
	background-color: #F0F1F2;
	margin-bottom: 70px;
}
.profile-sec::before {
	position: absolute;
	content: '';
	top: 0;
	right: 0;
	width: 145px;
	height: 145px;
	background-image: url("../images/top-works-object.png");
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
.profile-sec__inner {
	max-width: 800px;
	margin: 0 auto;
	text-align: left;
}
.profile-list {
}
.profile-item__th {
    width: 140px;
    color: #002034;
    vertical-align: text-top;
    padding: 15px 20px;
    text-align: left;
	border-top: 1px solid #D8D8D8;
}
.profile-list tr :not(li)::before {
	content: '';
    position: absolute;
	border-left: solid 1px #D8D8D8;
	border-right: solid 1px #D8D8D8;
	margin-top: -23px;
	left: 0;
	width: 100%;
	height: 14px;
}
.profile-item__td {
    width: calc(100% - 140px);
    border-top: 1px solid #D8D8D8;
    padding: 15px 0;
}
.profile-element__list {
	display: flex;
	flex-wrap: wrap;
}
.profile-element__item {
	
}
.profile-element__list :not(:last-child) {
    padding-right: 2rem;
    position: relative;
}
.profile-element__list li:not(:last-child)::after {
    content: "/";
    position: absolute;
    right:0.8rem;
    top: -1px;
}
.profile-list__last-line {
	position: relative;
	width: 100%;
	height: 14px;
	border-top: 1px solid #D8D8D8;
	margin-bottom: 50px;
}
.profile-list__last-line::before {
	content: '';
    position: absolute;
	border-left: solid 1px #D8D8D8;
	border-right: solid 1px #D8D8D8;
	left: 0;
	margin-top: -7px;
	width: 100%;
	height: 14px;
}
.profile__branch-name {
	font-size: 18px;
	display: flex;
	align-items: center;
	padding-bottom: 10px;
}
.profile__branch-name::after {
	border-top: 2px solid #002034;
	line-height: 2em;
	content: "";
	flex-grow: 1;
}
.profile__branch-name::after {
	margin-left: 10px;
}
.profile__branch-text {
	padding-bottom: 14px;
}
.branch__img-contents {
	justify-content: space-between;
	width: 100%;
}
.branch__img-thumb {
	width: 48%;
}


@media screen and (max-width:1100px){
	
	.message-sec__inner {
	max-width: 90%;
}
	.profile-sec__inner {
		max-width: 85%;
	}
	.branch__img-thumb {
		width: 100%;
		padding-bottom: 20px;
	}
}

@media screen and (max-width:768px){

	.profile-sec::before {
	width: 100px;
	height: 100px;
	background-position: 50%;
}
	.profile-list tr ::before {
	border-left: none;
	border-right: none;
}
	.profile-list__last-line::before {
	border-left: none;
	border-right: none;
}
	
}