@charset "utf-8";
.circle-list li {position: relative; padding-left: 15px;}
.circle-list li:before {position: absolute; content: ''; top: 10px; left: 0; width: 6px; height: 6px; background: #ccc; border-radius: 100%;}

.greeting-img {width: 50%; padding-right: var(--greeting-gap);}
.greeting-img img {width: 100%;}
.greeting-txt {max-width: 600px;}
.greeting-sign {gap: 25px;}
.greetings h2, .ceo {position: relative;}
.greetings h2:before {position: absolute; content: ''; top: 50%; left: calc(var(--container-space) * -1); width: 100px; height: 2px; margin-top: -1px; transform: translateX(-100%); background: var(--primary-color);}

.history-bg {position: absolute; z-index: -1; left: 0; right: 0; bottom: 0; background: url('/images/sub/bg-history.jpg') no-repeat center center; background-size: cover;}
.ceo-profile {width: 61.667%;}
.ceo-logo {margin-bottom: 12px;}
.ceo-title strong {margin-right: 20px;font-size: clamp(24px, calc( 56 / var(--inner) * 100vw ), 56px); line-height: 1em;}
.ceo-history-items {display: flex; margin-top: clamp(20px, calc( 55 / var(--inner) * 100vw ), 55px);padding: clamp(20px, calc( 55 / var(--inner) * 100vw ), 55px) 0 clamp(40px, calc( 90 / var(--inner) * 100vw ), 90px); color: #fff;}
.ceo-history-items h3 {padding-left: 10px; margin-bottom: clamp(15px, calc( 25 / var(--inner) * 100vw ), 25px); border-left: 4px solid var(--primary-color); line-height: 1em;}
.ceo-history-item {flex: 1 1 auto; padding-right: var(--container-space);}
.ceo-history-list li {display: flex;}
.ceo-history-list li:not(:last-child) {margin-bottom: clamp(7px, calc( 14 / var(--inner) * 100vw ), 14px);}
.history-year {display: block; min-width: 60px; font-weight: 600;}

.directions {margin-bottom: clamp(30px, calc( 80 / var(--inner) * 100vw ), 80px);}
.direction-item {position: relative;}
.direction-item:not(:last-child):after {position: absolute; content: ''; top: 0; bottom: 0; right: -1px; width: 1px; background: #ddd;}
.direction-circle {width: clamp(60px, calc( 100 / var(--inner) * 100vw ), 100px); height: clamp(60px, calc( 100 / var(--inner) * 100vw ), 100px); margin-left: auto; margin-right: auto; border-radius: 100%; background: #f9f9f9;}
.directions h2 {margin: clamp(15px, calc( 25 / var(--inner) * 100vw ), 25px) 0 clamp(12px, calc( 15 / var(--inner) * 100vw ), 15px);}
.directions .circle-list {width: fit-content; margin: 0 auto; line-height: 1.444em;}

.business-txt {position: relative; z-index: 1; padding: clamp(20px, calc( 55 / var(--inner) * 100vw ), 55px) var(--container-space); margin: calc((clamp(20px, calc( 60 / var(--inner) * 100vw ), 60px)) * -1) clamp(20px, calc( 60 / var(--inner) * 100vw ), 60px); background: #fff url('/images/sub/business-txt-logo.jpg') no-repeat center left 2.7778%; background-size: 16.667%; line-height: 1.77778em;}
.business-txt h2 {margin-bottom: clamp(15px, calc( 32 / var(--inner) * 100vw ), 32px);}

.qna-table-txt {text-align: right;}