@charset "utf-8";

.desc p:not(:last-child) {margin-bottom: 22px;}

.bottom-btn-area {margin-top:50px; text-align:center;}
.bottom-btn-area .btn-pack.xlarge {min-width:190px; margin:0 8px; font-weight:700;}

.about .photo {padding: 130px 15px; color :#fff;}
.about .desc {background: url('../images/sub/about-logo.png') no-repeat center center; background-size: contain; padding: 80px 0; color:#454545;line-height: 1.63635em;}
.about .bgc1 {padding: var(--section-padding);}
.quotes {position: relative; padding: 0 50px; width: fit-content; margin: 0 auto;}
.quotes:before, .quotes:after {position: absolute; content: ''; width: 32px; height: 28px; top: -18px; opacity: .1;}
.quotes:before {left: 0; background: url('../images/sub/txt-prev.png') no-repeat center center; background-size: contain;}
.quotes:after {right: 0; background: url('../images/sub/txt-next.png') no-repeat center center; background-size: contain;}

.value-items {display: flex;justify-content: space-around; gap: 30px;}
.value-items .item {display: flex; align-items: center; gap: 40px;}

.greetings {display: flex;}
.greetings .photo {position: relative; width: calc(50% - 78px); height: fit-content; padding-right: 25px;}
.greetings .photo .wrap {position: relative; width: fit-content; margin-left: auto;}
.greetings .photo .name {display: flex; align-items: center; justify-content: center; gap: 13px; position: absolute; width: 100%; bottom: 35px; right: 0; line-height: 1.625em;}
.greetings .photo:before {position: absolute; content: ''; z-index: -1; bottom: 0; left: 0; width: calc(100% - 144px); height: 254px; background: #f8f8f8;}
.greetings .txt {width: 678px; padding-right: 76px;}

.executives .item {display: flex; align-items: flex-end;}
.executives .item .img {padding-bottom: 80px; width: 23.3334%;}
.executives .item .txt {position: relative; width: 832px; padding: 60px 0; padding-left: 110px; padding-right: 75px; background: url('../images/sub/txt-box-left.png') no-repeat center left; background-size: 100% 100%; }
.executives .item .txt:before {position: absolute; content: ''; z-index: -1;}
.executives .item:nth-child(1) .txt:before {right: -20px; top: -25px; width: 72px; height: 72px; background: url('../images/sub/executives-deco01.png') no-repeat center center; background-size: contain;}
.executives .item:nth-child(2) .txt:before {left: 44px; top: -42px; width: 72px; height: 72px; background: url('../images/sub/executives-deco02.png') no-repeat center center; background-size: contain;}
.executives .item:nth-child(3) .txt:before {right: 65px; top: -40px; width: 72px; height: 72px; background: url('../images/sub/executives-deco03.png') no-repeat center center; background-size: contain;}
.executives .item:nth-child(4) .txt:before {left: 35px; top: -25px; width: 72px; height: 72px; background: url('../images/sub/executives-deco04.png') no-repeat center center; background-size: contain;}
.executives .item:nth-child(5) .txt:before {right: -20px; top: -25px; width: 72px; height: 72px; background: url('../images/sub/executives-deco05.png') no-repeat center center; background-size: contain;}

.executives .item:nth-child(even) {flex-direction: row-reverse; text-align: right;}
.executives .item:nth-child(even) .txt {padding-left: 75px; padding-right: 110px; background: url('../images/sub/txt-box-right.png') no-repeat center right; background-size: 100% 100%;}
.executives .item:not(:last-child) {margin-bottom: 60px;}

.history {position: relative;}
.history:before {position: absolute; content: ''; left: 50%; top: 0; height: 100%; width: 1px; background: #ddd;}
.history .item {width: 50%; padding-right: 65px; padding-bottom: 75px; position: relative; text-align: right;}
.history .item:before {position: absolute; content: ''; right: -31px; top: -10px; width: 62px; height: 62px; background: #fff;}
.history .item:after {position: absolute; content: ''; top: 6px; right: -15px; width: 30px; height: 30px; border-radius: 100%; border: 8px solid #fe4101;}
.history .item:last-child{padding-bottom: 0;}
.history-year {position: relative; font-weight: 800; font-size: 40px; line-height: 1em; margin-bottom: 30px;}
.history-year:before {position: absolute; content: ''; width: 20px; height: 1px; top: 50%; right: -38px; margin-top: -1px; background: #ddd;}
.history-date {font-weight: 700; min-width: 54px;}
.history ul li {display: flex; color: #454545;}
.history ul li:not(:last-child) {margin-bottom: 4px;}
.history .item:nth-child(odd) ul li {flex-direction: row-reverse;}

.history .item:nth-child(even) {text-align: left; margin-left: auto; padding-right: 0;padding-left: 65px;}
.history .item:nth-child(even):after {right: auto; left: -15px;}
.history .item:nth-child(even):before {right: auto; left: -27px;}
.history .item:nth-child(even) .history-year:before {right: auto; left: -38px;}
.short-date .history-date {min-width: 35px;}

.management .wrap {display: flex; align-items: center; gap: 54px; background: #f8f8f8; padding: 60px 45px;}
.management .photo {width: 37.4%; max-width: 415px; position: relative;}
.management .photo img {position: absolute; width: 100%; top: -60px; transform: translateY(-50%);}
.management .txt {flex: 1;}
.management .item {position: relative; padding-left: 37px;}
.management .item:before {position: absolute; content: '';left: 0; top: 0; width: 26px; height: 22px; background: url('../images/sub/chk-management.png') no-repeat center center; background-size: contain;}

.business-txt {line-height: 1.66667em;}
.business-txt h2 {line-height: 1em;}

.business-txt .btn-link {padding:15px 26px;background: #fe4101; border-radius:6px;color: #fff; font-size: 16px;}

.sec-donation-shortcut {display: flex; gap: 30px clamp(10px, calc(50 / var(--inner) * 100vw), 50px); text-align: center;}
.donation-shortcut {display: block; flex: 1;}
.btn-round {padding: clamp(7px, calc(12 / var(--inner) * 100vw), 12px) clamp(30px, calc(50 / var(--inner) * 100vw), 50px); border-radius: 60px; width: fit-content; margin: clamp(15px, calc(30 / var(--inner) * 100vw), 30px) auto 0; font-size: var(--font-size-24); line-height: 1.5em; font-weight: 500; color: #fff; background: #fe4101; border: 1px solid #fe4101; transition: .2s;}
.donation-shortcut:hover .btn-round {background: #fff; color: #fe4101;}
.sec-info-box {margin-top:clamp(40px, calc(70 / var(--inner) * 100vw), 70px);border: 1px solid #ddd; padding: clamp(30px, calc(60 / var(--inner) * 100vw), 60px) clamp(20px, calc(30 / var(--inner) * 100vw), 30px); font-size: clamp(15px, calc(18 / var(--inner) * 100vw), 18px); line-height: 1.5em;}
.sec-info-box ul {width: max-content; max-width: 100%; margin: 0 auto;}
.sec-info-box li:not(:last-child) {margin-bottom: 5px;}
.sec-info-box li {text-indent: -12px; padding-left: 12px;}
.sec-info-box strong {text-decoration: underline; text-underline-offset: 4px;}