@charset "utf-8";

.page-executive .sec:not(:last-child) {margin-bottom: var(--space-105);}
.page-executive h2 {margin-bottom: var(--space-40);}
.executive-cards>ul {display: flex; flex-wrap: wrap; gap: var(--space-40) 0; margin: 0 -12px;}
.executive-cards>ul>li {width: 50%; padding: 0 12px;}
.executive-card {display: flex; gap: 20px; padding: var(--space-30); border: 1px solid #ddd; border-radius: var(--radius-20);}
.executive-txt {flex: 1; display: flex; flex-direction: column; justify-content: space-between; gap: 15px; padding-top: var(--space-45);}
.executive-img {width: 38.025%;}
.executive-img .img {position: relative; width: 100%; padding-bottom: 133%;}
.executive-img img {position: absolute; width: 100%; height: 100%; object-fit: cover; object-position: center center;}
.executive-tit {display: flex; align-items: flex-end; flex-wrap: wrap; gap: 10px 20px; color: #898989; font-size: var(--font-size-20); line-height: 1.35em;}
.executive-tit strong {font-size: var(--font-size-30); line-height: 1em; color: var(--dark-color);}
.executive-txt li {display: flex; gap: 15px;}
.executive-txt li span {font-weight: 600; min-width: 62px; color: #B9B9B9;}

.page-greetings {display: flex; gap: 25px clamp(35px, calc(153 / var(--inner) * 100vw), 153px); align-items: flex-start; margin: 0 auto;}
.page-greetings .greeting-img {width: 33.3335%;}
.page-greetings .greeting-txt {flex: 1 1 0; display: flex; flex-direction: column; justify-content: center;}
.page-greetings .greeting-txt h2 {font-size: var(--font-size-34); font-weight: 700; color: var(--dark-color); margin-bottom: var(--space-40); line-height: 1.3; letter-spacing: -0.02em;}
.page-greetings .greeting-sign {font-size: var(--font-size-18); color: var(--dark-color);margin-top: var(--space-40); font-weight: 400;}
.page-greetings .greeting-sign strong {font-weight: 700; margin-left: 8px;}


.page-histroy h2 {margin-bottom: var(--space-60);}
.history-item {display: flex; gap: var(--history-gap);}