@charset "utf-8";
.sec:not(:last-child) {margin-bottom: clamp(40px, calc( 120 / var(--inner) * 100vw ), 120px);}
.sec-greetings {position: relative;}
.bg-greeting {position: absolute; z-index: -1; left: 0; right: 0; bottom: 0; background: #fafafa;}
.greeting-txt {display: flex; flex-direction: column; justify-content: space-between; width: 50%;}
.greeting-txt h3 {position: relative;padding: clamp(0px, calc( 30 / var(--inner) * 100vw ), 30px) 0 clamp(15px, calc( 30 / var(--inner) * 100vw ), 30px);font-size: clamp(20px, calc( 38 / var(--inner) * 100vw ), 38px); line-height: 1.4737em;}
.greeting-txt h3:after {position: absolute; content: ''; left: 0; bottom: 0; width: clamp(35px, calc( 74 / var(--inner) * 100vw ), 74px); height: 2px; background: #ddd;}
.greeting-tit {margin-bottom: clamp(15px, calc( 35 / var(--inner) * 100vw ), 35px); padding-bottom: clamp(15px, calc( 35 / var(--inner) * 100vw ), 35px);}
.partners-list ul {display: flex; flex-wrap: wrap; margin: calc(clamp(5px, calc( 15 / var(--inner) * 100vw ), 15px) * -1);}
.partners-list li {width: 20%; padding: clamp(5px, calc( 15 / var(--inner) * 100vw ), 15px);}

.history-items {border-top: 2px solid #2c2c2c;}
.history-item {display: flex; padding: clamp(20px, calc( 50 / var(--inner) * 100vw ), 50px) 0; border-bottom: 1px solid #ddd;}
.history-year {width: 25%; margin-right: clamp(20px, calc( 120 / var(--inner) * 100vw ), 120px); text-align: center; font-size: clamp(18px, calc( 36 / var(--inner) * 100vw ), 36px); font-weight: 700; color: var(--primary-color);}
.history-cnt li {position: relative; display: flex;}
.history-cnt li:before {content: '·'; color: var(--primary-color); font-weight: 900; padding-right: 25px; font-size: 20px;}
.history-cnt li:not(:last-child) {margin-bottom: clamp(8px, calc( 16 / var(--inner) * 100vw ), 16px);}
.history-month {min-width: 55px; font-weight: 700; color: var(--dark-color);}

.shortcut-items {margin-top: clamp(50px, calc( 150 / var(--inner) * 100vw ), 150px);}
.shortcut-items .contain, .shortcut-items {display: flex; gap:clamp(10px, calc( 40 / var(--inner) * 100vw ), 40px); width: 100%; font-weight: 700;}
.shortcut-item {display: block; padding: clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px) clamp(15px, calc( 35 / var(--inner) * 100vw ), 35px); background: #f8f8f8; border: 1px solid #2c2c2c; border-radius: clamp(10px, calc( 20 / var(--inner) * 100vw ), 20px);}
.shortcut-item:nth-child(even) {background: #fdf1f2;}
.shortcut-tag {margin-bottom: 15px; color: #a0a0a0;}
.shortcut-tit {display: flex; justify-content: space-between; align-items: center; color:var(--dark-color); font-size: clamp(17px, calc(22 / var(--inner) * 100vw ), 22px);}

.vehicle-menu {margin-bottom: clamp(30px, calc( 80 / var(--inner) * 100vw ), 80px); border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.vehicle-menu li {flex: 1;}
.vehicle-menu a {display: flex; justify-content: center; align-items: center; height: var(--path-height); font-size: 18px; font-weight: 700;}
.vehicle-menu .active a {background: var(--primary-color); color: #fff;}
.vehicle-cnt h2 {margin-bottom: clamp(20px, calc( 55 / var(--inner) * 100vw ), 55px);text-align: center; font-size: clamp(18px, calc( 36 / var(--inner) * 100vw ), 36px); font-weight: 700; color: var(--dark-color);}
.vehicle-gray-boxes, .vehicle-photo-items {display: flex; justify-content: space-between; gap:clamp(10px, calc( 40 / var(--inner) * 100vw ), 40px); text-align: center;}
.vehicle-gray-box {flex: 1; padding: clamp(20px, calc( 45 / var(--inner) * 100vw ), 45px) 15px; background: #fafafa; border-radius:clamp(10px, calc( 20 / var(--inner) * 100vw ), 20px);}
.vehicle-gray-box h3 {margin: clamp(20px, calc( 30 / var(--inner) * 100vw ), 30px) 0 clamp(10px, calc( 18 / var(--inner) * 100vw ), 18px); font-size:clamp(18px, calc( 24 / var(--inner) * 100vw ), 24px); font-weight: 700; color: var(--dark-color);}