@charset "utf-8";
.dot-list li, .hyphen-list li {position: relative; padding-left: 10px;}
.dot-list li:before {position: absolute; content: '·'; left: 0;}
.hyphen-list li:before {position: absolute; content: '-'; left: 0;}

.mission h2 {font-style: italic;}
.mission .sec-welcome {padding: clamp(30px, calc( 90 / var(--inner) * 100vw ), 90px) 0; margin-bottom: clamp(40px, calc( 80 / var(--inner) * 100vw ), 80px);}
.mission-items {gap:clamp(20px, calc( 58 / var(--inner) * 100vw ), 58px); margin-bottom: clamp(30px, calc( 55 / var(--inner) * 100vw ), 55px);}
.mission-item {padding: clamp(15px, calc( 30 / var(--inner) * 100vw ), 30px) 10px 0; border-top: 2px solid var(--dark-color);}

.history-item {display: flex; gap: clamp(30px, calc( 80 / var(--inner) * 100vw ), 80px);}
.history-item:nth-child(even) {flex-direction: row-reverse;}
.history-item:not(:last-child) {margin-bottom: clamp(40px, calc( 150 / var(--inner) * 100vw ), 150px);}
.history-item>.img {flex: 1;}
.history-txt {width: 50%; padding-top: clamp(20px, calc( 60 / var(--inner) * 100vw ), 60px);}
.history-period {margin-bottom: clamp(20px, calc( 50 / var(--inner) * 100vw ), 50px); font-size: clamp(22px, calc( 80 / var(--inner) * 100vw ), 80px); color: #eee; font-weight: 700; line-height: 1em;}
.history-year {min-width: clamp(70px, calc( 100 / var(--inner) * 100vw ), 100px); font-size: clamp(17px, calc( 22 / var(--inner) * 100vw ), 22px); font-weight: 700; color: var(--primary-color);}
.history-cnt {border-left: 2px solid var(--primary-color);}
.history-cnt>ul>li {display: flex;padding-left: clamp(12px, calc( 38 / var(--inner) * 100vw ), 38px);}
.history-cnt>ul>li:not(:last-child) {margin-bottom: clamp(20px, calc( 35 / var(--inner) * 100vw ), 35px);}
.history-cnt .dot-list {font-size: clamp(15px, calc( 18 / var(--inner) * 100vw ), 18px); line-height: 1.6667em; color: var(--dark-color);}
.history-cnt .dot-list li:not(:last-child) {margin-bottom: 12px;}

.map-wrap iframe {width: 100% !important;}
.location-items {margin-top: 35px; gap: clamp(30px, calc( 50 / var(--inner) * 100vw ), 50px);}
.location-item {padding-left: clamp(30px, calc( 70 / var(--inner) * 100vw ), 70px);}
.location-tit {min-width: 115px; gap: 4px;}
.location-item:nth-child(2) .location-tit {min-width: 145px;}
.location-item h2 {position: relative;}
.location-item h2:before {position: absolute; content: ''; top: 50%; left: calc(clamp(30px, calc( 70 / var(--inner) * 100vw ), 70px) * -1); width: clamp(20px, calc( 50 / var(--inner) * 100vw ), 50px); height: 1px; background: #999;}
.location-info:not(:last-child) {margin-bottom: clamp(8px, calc( 17 / var(--inner) * 100vw ), 17px);}
.location-info p {gap: 10px;}
.location-info p span {display: inline-block; height: fit-content;padding: 0 10px;background: var(--primary-color);border-radius: 13px; color: #fff; font-size: 14px; font-weight: 600;}

.greeting-photo {height: fit-content; max-width: fit-content; overflow: hidden; border-radius: 0 clamp(25px, calc( 80 / var(--inner) * 100vw ), 80px) 0 0; box-shadow: 5px 5px 20px rgba(0,0,0,.2);}
.greeting-txt {display: flex; flex-direction: column; justify-content: space-between; width: 63.33335%; padding-left: clamp(30px, calc( 60 / var(--inner) * 100vw ), 60px); padding-top: clamp(0px, calc(40 / var(--inner) * 100vw ), 40px);}
.greeting-from {justify-content: flex-end; align-items: flex-end; flex-direction: column-reverse; gap: 20px;}

.greeting-from strong {}
.greeting-sign {display: block;}

.about-info:first-child p {padding-right: clamp(25px, calc( 100 / var(--inner) * 100vw ), 100px);}
.about-info h3 {position: relative; z-index: 1; width: fit-content;}
.about-info h3:before {position: absolute; z-index: -1; content: ''; left: -2px; right: -2px; bottom: 0; height: 40%; background: var(--primary-color); opacity: .3;}
.about-info-wrap {margin-top: clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px); padding-top: clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px); border-top: 1px solid var(--dark-color);}
.about-info-wrap li:not(:last-child) {margin-bottom: 10px;}

.business .sec-welcome-photo .img img {width: 100%;}
.sec-business-txt {margin-bottom: clamp(40px, calc( 110 / var(--inner) * 100vw ), 110px);}
.business-txt-wrap {display: flex; gap: clamp(30px, calc( 80 / var(--inner) * 100vw ), 80px);}
.business-txt-wrap .txt-cnt {flex: 1;}
.business-wrap-img {position: relative; width: 100%; padding-bottom: 66.667%; overflow: hidden;}
.business-wrap-img img {position: absolute; width: 100%; height: auto; max-width: 100%; min-height: 100%; left: 0; top: 50%; transform: translateY(-50%); object-fit: cover;}
.business-info {width: 46.6667%;}
.business-info-item {display: flex;}
.business-info-item:not(:last-child) {margin-bottom: clamp(12px, calc( 35 / var(--inner) * 100vw ), 35px);}
.business-info-item h3 {position: relative; min-width: 138px; padding-left: 17px; font-size: clamp(15px, calc( 18 / var(--inner) * 100vw ), 18px); color: var(--dark-color);}
.business-info-item h3:before {position: absolute; content: ''; left: 0; top: 11px; width: 6px; height: 6px; border-radius: 100%; background: #ccc;}

.sec-recruit-process {margin: clamp(40px, calc( 115 / var(--inner) * 100vw ), 115px) 0 clamp(30px, calc( 60 / var(--inner) * 100vw ), 60px);}
.process-circle {position: relative;display: flex; flex-direction: column; justify-content: center; align-items:center; gap: 10px; width: clamp(200px, calc( 260 / var(--inner) * 100vw ), 260px); height: clamp(200px, calc( 260 / var(--inner) * 100vw ), 260px); border-radius: 100%;}
.process-circle:before {position: absolute; content: ''; top: 0; right: 0; bottom: 0; left: 0; border-radius: 100%; border: 7px solid var(--primary-color); opacity: .5; pointer-events: none;}
.process-circle:nth-child(3):before, .process-circle:nth-child(7):before {border-color: var(--secondary-color)}
.process-arrow {flex: 1; display: flex; align-items: center; justify-content: center; padding: 0 10px;}
.btn-recruit.btn-pack {display: block; width: fit-content;margin-left: auto; margin-right: auto;}
.qna h2 {margin-bottom: clamp(20px, calc( 30 / var(--inner) * 100vw ), 30px);}