@charset "utf-8";

.executives {max-width:543px; margin:0 auto;}
.executives .item {padding:var(--space-25) var(--space-30); border: 1px solid #A6A6A6; background: #FAFAFA; display: flex; align-items:center; justify-content: space-between; margin-bottom:var(--space-20); text-align:right;}
.executives .item .name {display: flex; align-items:center; gap:0 var(--space-8); font-size:var(--font-size-24); font-weight: 600; letter-spacing:-.03em; line-height: 1.4em;}
.executives .item .name .bar {width: 2px; height: 20px; background: #242424;}
.executives .item .pos {margin-top:var(--space-10); font-size: var(--font-size-20); font-weight: 400; color: #454545;}

.other {display:grid; grid-template-columns: repeat(3, 1fr); gap:0 var(--space-50);}
.other .item-wrap {text-align:center;}
.other .item {padding:var(--space-40); var(--space-20); color: #fff; display: flex; flex-direction: column; justify-content: flex-start; align-items:center; height: clamp(200px, calc(626 / var(--inner) * 100vw), 626px); background-size: cover; background-position: center center; background-repeat: no-repeat; border-radius:20px; overflow:hidden;}
.other .tit {margin-bottom:var(--space-15); font-size: var(--font-size-30); font-weight: 700; letter-spacing:-.03em; line-height: 1.4em; min-height: 2.8em; text-align:center;}
.other .m-more {margin-bottom:var(--space-15); background: #fff; color: #242424; border-color:#aaa;}
.other .m-more:hover {background:var(--color-secondary); color:#fff; border-color:var(--color-secondary);}