.aisatsu {
	text-align:center;
	font-size: 30px;
    font-weight: bold;
	letter-spacing:0.2em;
}
.dounyutxt {
	text-align:center;
	margin: 1em 0 2em -1px;
    line-height: 1.5;
}
.company-flex {
	display:flex;
	justify-content: space-between;
}
.company-txt {
	width:67%;
	font-size:15px;
	text-align:justify;
	line-height:1.7;
	margin-bottom:15%;
}
.phot-area {
	width:30%;
	display: flex;
    flex-direction: column;
    align-items: center;
}
.phot-area img {
	width: 100%;
    height: 370px;
    background: #808080;
    object-fit: cover;
}
.name-area {
	margin-top:0.5em;
	line-height:1.4;
}
.shamei {font-weight:bold;}
.yakusyoku {font-size:15px;}
.daihyou-name {font-weight:bold;}

/*表組*/
/* レイアウト全体の横並び */
.company-split-layout {
    display: flex;
    justify-content: space-between;
    width: 100%;
	margin: 4% 0 0 0;
    padding-bottom: 7%;
}
/* 左右をセンターラインで分ける（gapなしでピッタリくっつける場合） */
.company-info-left {width: 45%;}
.company-info-right {width: 53%;}
/* 行の基本スタイル */
.simple-row, .side-block-item {
    display: flex;
	
    border-bottom: 1px solid #ccc; /* 線の色は画像の濃度に合わせて調整 */
    background: transparent;
}
/* ★追加：一番上の行だけに上線を引く */
.simple-row:first-child, 
.side-block-item:first-child {
    border-top: 1px solid #ccc;
}
.no-border { border-bottom: none; }

/* ラベル（グレー部分） */
.row-label, .side-label {
    width: 120px; /* 画像の比率に合わせて調整 */
    background-color: #e0e0e0;
	font-weight: bold;
    font-size: 15px;
    display: flex;
    justify-content: space-around; /* 文字を均等に散らす */
    align-items: center;
    flex-shrink: 0;
}

/* データ（白/透過部分） */
.row-data, .side-content {
    padding: 15px;
    font-size: 15px;
    line-height: 1.7;
    flex-grow: 1;
}

/* 右側のラベル */
.side-label {
    height: auto;
    padding: 20px 10px;
}

/* 支店部分の調整 */
.branch-unit {
	margin-bottom: 15px;
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}
.branch-unit:last-child { margin-bottom: 0; }
.branch-name {
    font-weight: bold;
    margin-bottom: 5px;
	margin-right:1em;
}
.branch-detail {
}

.about-but {
	text-align:center;
	padding-bottom:5%;
}
.about-but a {
	color: #000;
    text-decoration: none;
    padding: 0.5em 2em;
    border: 1px solid #002;
}

@media screen and (max-width: 1023px){
	.aisatsu {font-size:20px;}
	.dounyutxt {font-size:15px;}
	.company-flex {flex-direction: column;}
	.company-txt {width:100%;font-size: 14px;margin-bottom: 5%;}
	.phot-area {
		width:100%;
		display: flex;
		flex-direction: row;
		align-items: flex-end;
	}
	.name-area {margin-left:1em;}
	.zigzag-content {padding-bottom:20%;}
	.company-split-layout {flex-direction: column;}
	.company-info-left {width:100%;}
	.company-info-right {width:100%;}
	.branch-unit {flex-direction: column;}
	.phot-area img {
		width: 30%;
		height: 370px;
	}
}
@media screen and (max-width: 500px){
	.phot-area img {
		width: 60%;
		height: 370px;
	}
}