.people-visual { width: 100%; max-width: 1120px; margin: 0 auto; padding: 160px 0 64px; }
.people-visual small { display: block; margin-bottom: 18px; color: #ff5a00; font-size: 28px; line-height: 40px; font-weight: bold; letter-spacing: -0.048em; } 
.people-visual h3 { color: #222; font-size: 100px; line-height: 118px; font-weight: bold; letter-spacing: -0.048em; } 
.people-visual p { color: #222; font-size: 32px; line-height: 60px; font-weight: bold; letter-spacing: -0.048em; } 

.people-about-wrap { width: 100%; margin: 0 auto 88px; padding: 0; overflow: hidden; }
.people-about-wrap .about-visual { width: 100%; max-width: 1120px; overflow: visible; }
.people-about-wrap .about-visual .swiper-slide { border-radius: 24px; overflow: hidden; }
.about-list-wrap { width: 100%; max-width: 1120px; margin: 0 auto; }
.about-list-wrap h4 { margin: 86px auto 26px; color: #222; font-size: 44px; font-weight: bold; letter-spacing: -0.048em; }
.about-list-wrap .about-list { display: grid; grid-auto-flow: dense; grid-row-gap: 30px; grid-column-gap: 26px; grid-template-columns: repeat(3, 1fr); width: 100%; }
.about-list-wrap .news .image-wrap { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin-bottom: 15px; background-color: #aaa; width: 100%; height: auto; border-radius: 12px; overflow: hidden; }
.about-list-wrap .news .image-wrap img { width: 100%; height: auto; margin: 0 auto; }
.about-list-wrap .news p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;  color: #333; font-size: 22px; font-weight: bold; line-height: 36px ; letter-spacing: -0.056em; overflow: hidden;  } 
.about-list-wrap .news small { display: block; color: #aaa; font-size: 16px; line-height: 36px; letter-spacing: -0.056em; }
.about-list-wrap button { display: none; justify-content: center; align-items: center; width: 160px; height: 56px; margin: 48px auto 0; font-size: 16px; border: 1px solid #222; border-radius: 28px; }
.about-list-wrap button i { margin-left: 18px; }

.people-welpare-wrap { width: 100%; max-width: 1120px; margin: 0 auto 40px; padding: 0; }
.people-welpare-wrap h4 { margin-bottom: 26px; color: #222; font-size: 44px; font-weight: bold; letter-spacing: -0.048em; }
.people-welpare-tab {}
.people-welpare-tab ul {  display: flex; flex-wrap: wrap; margin: 0 0 50px; } 
.people-welpare-tab ul li { margin-left: 20px; } 
.people-welpare-tab ul li:nth-of-type(1) { margin-left: 0; }
.people-welpare-tab p { display: block; background: #f1f1f1; color: #bbb; padding: 10px 32px; font-size: 18px; font-weight: bold; letter-spacing: -0.048em; cursor: pointer; transition: .2s; border-radius: 28px; }
.people-welpare-tab p.on { background: #222; color: #fff; }

.people-welpare { display: grid; grid-auto-flow: dense; grid-row-gap: 60px; grid-column-gap: 40px; grid-template-columns: repeat(3, 1fr); width: 100%; }
.people-welpare .welpare { height: 100vh; max-height: 284px; border-bottom: 1px solid #c4c4c4; }
.people-welpare .welpare i { display: flex; flex-wrap: wrap; align-content: center; height: 80px; }
.people-welpare .welpare i img { width: auto; height: auto; max-height: 80px; }
.people-welpare .welpare strong { display: block; margin-top: 32px; margin-bottom: 14px; color: #222; font-size: 32px; font-weight: bold; letter-spacing: -0.048em; } 
.people-welpare .welpare p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: #999; font-size: 16px; font-weight: 500; line-height: 28px; letter-spacing: -0.048em; overflow: hidden; }

[data-type="life"], [data-type="growth"]  { display: none; }

/* view */
.about-view-title { width: 100%; max-width: 1120px; margin: 0 auto; padding: 200px 0 62px; border-bottom: 3px solid #333; }
.about-view-title h3 { margin-bottom: 30px; color: #222; font-size: 64px; line-height: 112px; font-weight: bold; letter-spacing: -0.048em; } 
.about-view-title p { margin-bottom: 56px; color: #ff5a00; font-size: 28px; line-height: 40px; font-weight: bold; letter-spacing: -0.048em; } 
.about-view-title small { display: block; color: #aaa; font-size: 18px; letter-spacing: -0.028em; } 

.about-view-content { display: block; width: 100%; max-width: 1120px; margin: 0 auto; padding: 60px 0 50px; border-bottom: 1px solid #ddd; }
.about-view-content img { width: 100%; max-width: 800px; margin-bottom: 60px; }
.about-view-content p {color: #555; font-size: 18px; line-height: 34px; letter-spacing: -0.056em; word-break: keep-all;} 
.about-view-content p +p {margin-top: 34px;}
.about-view-content p b { display: block; }
@media ( min-width: 1024px ) and ( max-width: 1280px ) {
    .people-visual { padding: 160px 40px 64px; }
    .people-welpare-wrap { width: auto; margin: 0 56px 40px; }
    .people-about-wrap .about-visual { width: auto; max-width: 100%; margin: 0 40px; }
    .people-about-wrap .about-visual .web-view { display: block; }
    .people-about-wrap .about-visual .mob-view { display: none; }
    .about-list-wrap, .about-view-title, .about-view-content { width: auto; margin: 0 56px; } 
}


@media (max-width: 1023px) {
.fixed { position: fixed !important; top: 0; left: 0; }
.people-visual { width:calc(100% - 112px); padding: 248px 0 64px; overflow: hidden; }
.people-visual small { display: block; margin-bottom: 30px; font-size: 32px; line-height: 50px; } 
.people-visual h3 { margin-bottom: 16px; font-size: 84px; line-height: 90px; } 
.people-visual p { font-size: 24px; line-height: 1.5; } 

.people-about-wrap { width: 100%; margin: 0 auto 102px; padding: 0; overflow: hidden; }
.people-about-wrap .about-visual { width: 100%; max-width: 100%; overflow: hidden; }
.people-about-wrap .about-visual .swiper-slide { border-radius: 0; }
.people-about-wrap .swiper-slide img { width: 100%; }
.people-about-wrap .swiper-slide .web-view { display: block; }
.people-about-wrap .swiper-slide .mob-view { display: none; }

.about-list-wrap { width: 100%; max-width: 100%; padding-left: 58px; }
.about-list-wrap h4 { margin: 86px auto 26px; font-size: 40px; }
.about-list-wrap .about-list { grid-row-gap: 32px; grid-column-gap: 32px; grid-template-columns: repeat(2, 1fr); }
.about-list-wrap .news .image-wrap { margin-bottom: 10px; max-height: 345px; border-radius: 12px; }
.about-list-wrap .news p { font-size: 20px; line-height: 1.6; } 
.about-list-wrap .news small { font-size: 16px; line-height: 1.8125; }
.about-list-wrap button { width: 320px; height: 112px; margin: 48px auto 0; font-size: 32px; font-weight: bold; border: 2px solid #222; border-radius: 56px; }
.about-list-wrap button i { margin-left: 36px; }
.about-list-wrap button i img { height: 16px; }

.people-welpare-wrap { width: 100%; margin: 0 auto 40px; padding: 0; }
.people-welpare-wrap h4 { width: calc(100% - 112px); margin: 0 auto 12px; font-size: 40px; }

.people-welpare-tab { position: absolute; width: 100%; margin: 0 auto 48px; padding: 36px 0; background: #fff; overflow-x: scroll; z-index: 4; transition: 0.3s; }
.people-welpare-tab ul { width: 100%; margin: 0 auto; justify-content: flex-start; } 
.people-welpare-tab ul li:nth-of-type(1) { margin-left: 56px; }
.people-welpare-tab p { margin-left: 0; padding: 12px 36px; font-size: 28px; border-radius: 33px; }

.people-welpare { display: flex; flex-wrap: wrap; justify-content: center; grid-row-gap: 0; grid-column-gap: 0; padding: 194px 28px 0; }
.people-welpare .welpare { width: calc(50% - 60px); height: auto; max-height: inherit; padding-bottom: 60px; margin: 0 auto 60px; border-bottom: 2px solid #c4c4c4; }
.people-welpare .welpare i { display: flex; justify-content: flex-start;  }

.people-welpare .welpare strong { margin-top: 18px; margin-bottom: 12px; font-size: 28px; line-height: 1.5; } 
.people-welpare .welpare p { width: 85%; font-size: 18px; line-height: 1.5; }

/* view */
.about-view-title { width: calc(100% - 112px); margin: 0 auto; padding: 236px 0 74px; border-bottom: 3px solid #333; }
.about-view-title h3 { margin-bottom: 15px; font-size: 48px; line-height: 1.5; letter-spacing: -0.056em; } 
.about-view-title p { margin-bottom: 36px; font-size: 32px; line-height: 42px; } 
.about-view-title small { font-size: 24px; line-height: 36px; } 

.about-view-content { width: calc(100% - 112px); margin: 0 auto; padding: 68px 0 32px; border-bottom: 2px solid #ddd; }
.about-view-content img { margin-bottom: 60px; }
.about-view-content p { margin-bottom: 36px; font-size: 20px; line-height: 1.5556; } 


}

@media (min-width: 319px) and (max-width: 719px) {
    .people-visual { width:calc(100% - 56px); padding: 120px 0 32px; }
    .people-visual small { margin-bottom: 0; font-size: 20px; line-height: 2; } 
    .people-visual h3 { font-size: 56px; line-height: normal; } 
    .people-visual p { font-size: 20px; line-height: 1.7; } 
    
    .people-about-wrap { width: 100%; margin: 0 auto 50px; padding: 0; overflow: hidden; }
    .people-about-wrap .about-visual { width: 100%; max-width: 720px; padding: 0 28px; overflow: hidden; }
    .people-about-wrap .swiper-slide .web-view { display: none; }
    .people-about-wrap .swiper-slide .mob-view { display: block; }
    .people-about-wrap .swiper-slide img { width: 100%; }

    .about-list-wrap { width: 100%; max-width: 720px; padding-left: 28px; }
    .about-list-wrap h4 { margin: 43px auto 13px; font-size: 28px; }
    .about-list-wrap .about-list { grid-row-gap: 33px; grid-column-gap: 0; grid-template-columns: repeat(1, 1fr); }
    .about-list-wrap .news .image-wrap { margin-bottom: 13px; height: auto; max-height: 100%; border-radius: 6px; }
    .about-list-wrap .news .image-wrap img { height: auto; }
    .about-list-wrap .news p { font-size: 20px; line-height: 1.6; } 
    .about-list-wrap .news small { font-size: 16px; line-height: 1.8125; }
    .about-list-wrap button { width: 160px; height: 56px; margin: 24px auto 0; font-size: 16px; font-weight: bold; border: 1px solid #222; border-radius: 28px; }
    .about-list-wrap button i { margin-left: 18px; }
    .about-list-wrap button i img { height: 8px; }
    
    .people-welpare-wrap { width: 100%; max-width: 720px; margin: 0 auto 20px; padding: 0; }
    .people-welpare-wrap h4 { width: calc(100% - 56px); margin: 0 auto 6px; font-size: 28px; }

    .people-welpare-tab { margin: 0 auto 24px; padding: 18px 0; background: #fff; overflow-x: scroll; z-index: 3; }
    .people-welpare-tab ul { width: 125%; margin: 0 auto; } 
    .people-welpare-tab ul li { margin-left: 10px; }
    .people-welpare-tab ul li:nth-of-type(1) { margin-left: 28px; }
    .people-welpare-tab p { padding: 15px 30px; font-size: 18px; border-radius: 28px; }
    
    .people-welpare { display: flex; flex-wrap: wrap; justify-content: space-between; padding-top: 118px; }
    .people-welpare .welpare { width: 100%; height: auto; max-width: 720px; max-height: inherit; padding-bottom: 30px; margin: 0 auto 30px; border-bottom: 1px solid #c4c4c4; }
    .people-welpare .welpare i { height: 60px; }
    .people-welpare .welpare i img { max-height: 60px; }
    .people-welpare .welpare strong { margin-top: 12px; margin-bottom: 6px; font-size: 24px; } 
    .people-welpare .welpare p { font-size: 16px; line-height: 1.5; }
    
    /* view */
    .about-view-title { width: calc(100% - 56px);  padding: 118px 0 36px; border-bottom: 1px solid #333; }
    .about-view-title h3 { margin-bottom: 15px; font-size: 32px; } 
    .about-view-title p { margin-bottom: 32px; font-size: 20px; line-height: 25px; } 
    .about-view-title small { font-size: 16px; line-height: 18px; } 

    .about-view-content { width: calc(100% - 56px); padding: 34px 0 16px; border-bottom: 1px solid #ddd; }
    .about-view-content img { margin-bottom: 30px; }
    .about-view-content p { margin-bottom: 18px; font-size: 16px; } 
    
    }