main{ padding: 50px 0 0;}
.sus-top{ position: relative; margin: 0 calc(50% - 50vw); padding: 100px calc(50vw - 50%) 200px; width: 100vw; background: url("/img/sustainability/2026/bg_index.jpg") no-repeat top center / 100vw 414.9479167vw; color: #fff; letter-spacing: normal; font-weight: 500; line-height: 1;}
.sus-top a{ text-decoration: none;}

@media screen and (max-width: 1024px){
    main{ padding: 20px 0 0;}
    .sus-top{ margin: 0; padding: 21.33333333vw 5.333333333vw 34.66666667vw; background: url("/img/sustainability/2026/bg_index_sp.jpg") no-repeat top center / 100vw 2196.266667vw;}
}

.sus-top h2{ display: flex; flex-direction: column; letter-spacing: .15em; font-weight: 500; font-size: 16px;}
.sus-top h2 span{ margin: 0 0 .2em; letter-spacing: .05em; font-size: 46px;}
.sus-top h3{ margin: 130px 0 0; letter-spacing: .05em; font-weight: 500; font-size: 40px;}
.sus-top h4{ margin: 200px 0 0; letter-spacing: .05em; font-weight: 500; font-size: 32px;}

@media screen and (max-width: 1024px){
    .sus-top h2{ font-size: 3.733333333vw;}
    .sus-top h2 span{ margin: 0 0 .2em; font-size: 7.466666667vw;}
    .sus-top h3{ margin: 24vw 0 0; white-space: nowrap; font-size: 5.866666667vw;}
    .sus-top h4{ margin: 34.66666667vw 0 0; font-size: 5.866666667vw; line-height: 1.5;}
}

.sus-top .dl1{ padding: 0 0 150px; width: 840px;}
.sus-top .dl1 dt{ margin: 120px 0 0; letter-spacing: .05em; font-size: 32px;}
.sus-top .dl1 dd{ padding: 2em 0 0;}
.sus-top .dl1 dd p{ margin: 2em 0 0; font-size: 18px; line-height: 2;}

@media screen and (max-width: 1024px){
    .sus-top .dl1{ padding: 0 0 34.66666667vw; width: 100%;}
    .sus-top .dl1 dt{ margin: 21.33333333vw 0 0; font-size: 5.333333333vw;}
    .sus-top .dl1 dd{ padding: 0;}
    .sus-top .dl1 dd p{ margin: 2em 0 0; font-size: 3.733333333vw; line-height: 1.9;}
}

.sus-top .list1{ display: flex; margin: 60px -10px 0; justify-content: space-between;}
.sus-top .list1 > li{ padding: 0 10px; width: 25%;}
.sus-top .list1 a{ position: relative; display: flex; flex-direction: column; padding: 10px; width: 100%; height: 380px; background: #fff; color: #000; align-items: center;}
.sus-top .list1 a:after{ position: absolute; bottom: 30px; left: 50%; width: 23px; height: 4.33px; background: url("/img/sustainability/2026/arrow1.png") no-repeat center / contain; content: ""; transform: translate(-50%,0);}
.sus-top .list1 figure{ width: 100%;}
.sus-top .list1 h5{ display: flex; flex-direction: column; margin: 20px 0 0; padding: 0 0 1em; width: 220px; border-bottom: 1px solid #B9B9B9; text-align: center; letter-spacing: .05em; font-weight: 700; font-size: 16px; line-height: 1.4; align-items: center;}
.sus-top .list1 h5 span{ margin: 0 0 .75em; font-weight: 500; font-size: 10px;}
.sus-top .list1 p{ margin: 1em 0 0; text-align: center; letter-spacing: -.02em; font-size: 12px; line-height: 1.6;}

@media screen and (max-width: 1024px){
    .sus-top .list1{ flex-direction: column; margin: 0; padding: 5.333333333vw 0 0; justify-content: flex-start;}
    .sus-top .list1 > li{ margin: 2.666666667vw 0 0; width: 100%;}
    .sus-top .list1 a{ flex-direction: row; padding: 2.666666667vw 2.666666667vw 0 2.666666667vw; height: 37.33333333vw; align-items: flex-start; justify-content: space-between;}
    .sus-top .list1 a:after{ right: 2.666666667vw; bottom: 2.666666667vw; left: auto; width: 6.133333333vw; height: 1.154666667vw; transform: none;}
    .sus-top .list1 figure{ width: 39.2vw;}
    .sus-top .list1 .detail{ width: 40vw;}
    .sus-top .list1 h5{ margin: 0; padding: 0 0 .75em; width: 100%; border-bottom: 0.266666667vw solid #B9B9B9; font-size: 2.666666667vw;}
    .sus-top .list1 h5 span{ margin: 0 0 .25em; font-size: 2.666666667vw;}
    .sus-top .list1 p{ margin: .75em 0 0; font-size: 2.666666667vw;}
}

.sus-top .list2{ position: relative; margin: 80px 0 0; padding: 90px 0 15px;}
.sus-top .list2:after{ position: absolute; top: 0; left: 50%; width: 1px; height: 100%; background: #fff; content: ""; transform: translate(-50%,0);}
.sus-top .list2 > li{ position: relative; display: flex; flex-direction: column; text-align: left; align-items: flex-end;}
.sus-top .list2 > li:nth-child(even){ align-items: flex-start;}
.sus-top .list2 > li:after{ position: absolute; top: 15px; left: 50%; width: 180px; height: 1px; background: #fff; content: "";}
.sus-top .list2 > li:nth-child(even):after{ right: 50%; left: auto;}
.sus-top .list2 > li + li{ margin: 1em 0 0;}
.sus-top .list2 > li > div{ display: flex; flex-direction: column; width: 355px;}
.sus-top .list2 > li:nth-child(even) > div{ align-items: flex-end;}
.sus-top .list2 time{ letter-spacing: .05em; font-size: 30px;}
.sus-top .list2 > li:nth-child(even) time{ text-align: right;}
.sus-top .list2 p{ margin: 1em -1em 0 0; font-size: 16px; line-height: 1.6;}

@media screen and (max-width: 1024px){
    .sus-top .list2{ margin: 6.666666667vw 0 0; padding: 13.33333333vw 0 5.333333333vw;}
    .sus-top .list2:after{ left: 0; width: 0.266666667vw; transform: none;}
    .sus-top .list2 > li{ display: block; padding: 0 0 0 14.66666667vw;}
    .sus-top .list2 > li:after{ top: 3.2vw; left: 0; width: 8vw; height: 0.266666667vw;}
    .sus-top .list2 > li:nth-child(even):after{ right: auto; left: 0;}
    .sus-top .list2 > li + li{ margin: 12vw 0 0;}
    .sus-top .list2 > li > div{ width: 100%;}
    .sus-top .list2 > li:nth-child(even) > div{ align-items: flex-start;}
    .sus-top .list2 time{ font-size: 6.933333333vw;}
    .sus-top .list2 > li:nth-child(even) time{ text-align: left;}
    .sus-top .list2 p{ margin: 1em 0 0; font-size: 3.733333333vw;}
}

.sus{ padding: 0; letter-spacing: normal; line-height: 1;}
.sus .sec1{ display: flex; flex-direction: column; margin: 0 calc(50% - 50vw); padding: 10.41666667vw 29.86111111vw 0 11.80555556vw; height: 47.22222222vw; background: no-repeat top center / 100vw 47.22222222vw; color: #fff; font-weight: 500;}
.sus.furniture .sec1{ background-image: url("/img/sustainability/2026/main_furniture.jpg");}
.sus.supply-chain .sec1{ background-image: url("/img/sustainability/2026/main_supply-chain.jpg");}
.sus.future .sec1{ background-image: url("/img/sustainability/2026/main_future.jpg");}
.sus.nature .sec1{ background-image: url("/img/sustainability/2026/main_nature.jpg");}
.sus.staff .sec1{ padding: 10.06944444vw 11.80555556vw 0 50.34722222vw; background-image: url("/img/sustainability/2026/main_staff.jpg"); color: #000;}

@media screen and (max-width: 1024px){
    .sus .sec1{ margin: 0; padding: 34.66666667vw 0 0; height: 181.3333333vw; background: no-repeat top center / 100vw 181.3333333vw; align-items: center;}
    .sus.furniture .sec1{ background-image: url("/img/sustainability/2026/main_furniture_sp.jpg");}
    .sus.supply-chain .sec1{ background-image: url("/img/sustainability/2026/main_supply-chain_sp.jpg");}
    .sus.future .sec1{ padding: 17.3vw 0 0; background-image: url("/img/sustainability/2026/main_future_sp.jpg");}
    .sus.nature .sec1{ background-image: url("/img/sustainability/2026/main_nature_sp.jpg");}
    .sus.staff .sec1{ padding: 34.66666667vw 0 0; background-image: url("/img/sustainability/2026/main_staff_sp.jpg");}
}

.sus .sec1 h2{ display: flex; flex-direction: column; letter-spacing: .05em; font-size: 2.222222222vw;}
.sus .sec1 h2 span{ margin: 1em 0 0; font-size: 1.25vw;}
.sus .sec1 p{ margin: 3.645833333vw 0 0; font-size: 1.25vw; line-height: 2;}
.sus .sec1 p small{display: block;  padding: 1em 0 0; line-height: 1.5;}
.sus .sec1 p a{ color: #fff;}
.sus.future .sec1 p{ margin: 2em 0 0;}

@media screen and (max-width: 1024px){
    .sus .sec1 h2{ width: 89.33333333vw; font-size: 5.866666667vw; line-height: 1.4;}
    .sus .sec1 h2 span{ margin: .5em 0 0; font-size: 3.2vw;}
    .sus .sec1 p{ margin: 22.66666667vw 0 0; width: 89.33333333vw; font-size: 3.733333333vw; line-height: 1.9;}
}

.sus .sec2{ padding: 130px 0;}
.sus .sec2 h3{ margin: 100px 0 0; text-align: center; letter-spacing: .05em; font-weight: 500; font-size: 32px;}
.sus .sec2 > h3:first-child{ margin: 0;}
.sus .sec2 .lead{ margin: 2em 0 0; text-align: center; font-size: 14px;}
.sus .sec2 .img1-1{ margin: 55px auto 0; width: 1073.03px;}
.sus .sec2 .img1-1 figcaption{ margin: 70px auto 0; width: 1000px; font-size: 14px; line-height: 2;}

@media screen and (max-width: 1024px){
    .sus .sec2{ padding: 21.33333333vw 5.333333333vw 20vw;}
    .sus .sec2 h3{ margin: 24vw 0 0; font-size: 5.866666667vw; line-height: 1.2;}
    .sus .sec2 > h3:first-child{ margin: 0;}
    .sus .sec2 .lead{ margin: 1em 0 0; text-align: left;letter-spacing: -.02em; font-size: 3.733333333vw; line-height: 1.9; }
    .sus .sec2 .img1-1{ margin: 0 calc(50% - 50vw); padding: 0 0 5.333333333vw; width: auto;}
    .sus .sec2 .img1-1 figcaption{ margin: 16vw 0 0; padding: 0 5.333333333vw; width: 100%; font-size: 3.733333333vw;}
}

.sus .sec2 .dl1{ margin: 120px auto 0; width: 1000px;}
.sus .sec2 .dl1 > dt{ padding: 0 0 .75em; border-bottom: 1px solid; font-weight: 700; font-size: 18px;}
.sus .sec2 .dl1 > dd{ display: flex; padding: 40px 0 0; justify-content: space-between; flex-wrap: wrap; align-items: flex-start;}
.sus .sec2 .dl1 > dd > p{ width: 440px; font-size: 14px; line-height: 2;}
.sus .sec2 .dl1 > dd > .btn1{ display: flex; margin: 35px 0 0; width: 100%; justify-content: flex-end;}
.sus .sec2 .dl1 > dd > .btn1 a{ position: relative; padding: 0 38px 0 0; text-decoration: none; font-size: 13px;}
.sus .sec2 .dl1 > dd > .btn1 a:after{ position: absolute; top: 50%; right: 0; width: 23px; height: 4.33px; background: url("/img/sustainability/2026/arrow1.png") no-repeat center / contain; content: ""; transform: translate(0,-50%);}
.sus .sec2 .dl1 > dd > figure{ font-weight: 500; font-family: "Noto Sans JP", sans-serif;}

@media screen and (max-width: 1024px){
    .sus .sec2 .dl1{ margin: 18.66666667vw 0 0; width: 100%;}
    .sus .sec2 .dl1 > dt{ padding: 0 0 .75em; border-bottom: 0.266666667vw solid; font-size: 4.266666667vw;}
    .sus .sec2 .dl1 > dd{ flex-direction: column; padding: 8vw 0 0; justify-content: flex-start; align-items: center;}
    .sus .sec2 .dl1 > dd > p{ margin: 9.333333333vw 0 0; width: 100%; font-size: 3.733333333vw;}
    .sus .sec2 .dl1 > dd > .btn1{ margin: 8vw 0 0; justify-content: flex-start;}
    .sus .sec2 .dl1 > dd > .btn1 a{ padding: 0 10.66666667vw 0 0; font-size: 3.466666667vw;}
    .sus .sec2 .dl1 > dd > .btn1 a:after{ width: 6.133333333vw; height: 1.154666667vw;}
}

.sus .sec2 .img1-2{ display: flex; width: calc(100% - 440px); text-align: center; justify-content: center;}
.sus .sec2 .img1-2 dt{ font-size: 16px;}
.sus .sec2 .img1-2 dd{ padding: 10px 0 0; font-size: 74px;}
.sus .sec2 .img1-2 dd small{ font-size: 34px;}

@media screen and (max-width: 1024px){
    .sus .sec2 .img1-2{ width: 100%;}
    .sus .sec2 .img1-2 dt{ font-size: 3.2vw;}
    .sus .sec2 .img1-2 dd{ padding: 2.666666667vw 0 0; font-size: 14.93333333vw;}
    .sus .sec2 .img1-2 dd small{ font-size: 8vw;}
}

.sus .sec2 .img1-3{ display: flex; width: calc(100% - 330px); text-align: center; justify-content: center;}
.sus .sec2 .img1-3 ul{ display: flex;}
.sus .sec2 .img1-3 ul > li{ position: relative; display: flex; flex-direction: column; font-weight: 700; font-size: 27px; align-items: center;}
.sus .sec2 .img1-3 ul > li + li{ margin: 0 0 0 75px;}
.sus .sec2 .img1-3 ul > li + li:before{ position: absolute; top: 60px; left: -50px; width: 36px; height: 7.59px; background: url("/img/sustainability/2026/arrow2.png") no-repeat center / contain; content: "";}
.sus .sec2 .img1-3 ul > li span{ margin: 10px 0 0; font-weight: 500; font-size: 74px;}
.sus .sec2 .img1-3 ul > li span small{ font-weight: 700; font-size: 34px;}
.sus .sec2 .dl1 > dd > .img1-3 + p{ width: 330px;}

@media screen and (max-width: 1024px){
    .sus .sec2 .img1-3{ width: 100%;}
    .sus .sec2 .img1-3 ul{ width: 100%; justify-content: space-between;}
    .sus .sec2 .img1-3 ul > li{white-space: nowrap; font-size: 4.8vw; }
    .sus .sec2 .img1-3 ul > li + li{ margin: 0;}
    .sus .sec2 .img1-3 ul > li + li:before{ top: 13vw; left: -8vw; width: 4.802666667vw; height: 1.013333333vw;}
    .sus .sec2 .img1-3 ul > li span{ margin: 2.666666667vw 0 0; font-size: 10.66666667vw;}
    .sus .sec2 .img1-3 ul > li span small{ font-size: 5.333333333vw;}
    .sus .sec2 .dl1 > dd > .img1-3 + p{ width: 100%;}
}

.sus .sec2 .img1-4{ display: flex; width: calc(100% - 440px); text-align: center; justify-content: center;}
.sus .sec2 .img1-4 dt{ text-align: left; font-weight: 500; font-size: 16px; line-height: 1.5;}
.sus .sec2 .img1-4 dd{ padding: 30px 0 0;}
.sus .sec2 .img1-4 ul{ display: flex;}
.sus .sec2 .img1-4 ul > li{ position: relative; display: flex; flex-direction: column; font-weight: 700; font-size: 18px; align-items: center;}
.sus .sec2 .img1-4 ul > li + li{ margin: 0 0 0 75px;}
.sus .sec2 .img1-4 ul > li + li:before{ position: absolute; top: 60px; left: -50px; width: 36px; height: 7.59px; background: url("/img/sustainability/2026/arrow2.png") no-repeat center / contain; content: "";}
.sus .sec2 .img1-4 ul > li span{ margin: 10px 0 0; font-weight: 500; font-size: 74px;}
.sus .sec2 .img1-4 ul > li span small{ font-weight: 700; font-size: 34px;}

@media screen and (max-width: 1024px){
    .sus .sec2 .img1-4{ width: 100%;}
    .sus .sec2 .img1-4 dl{ width: 100%;}
    .sus .sec2 .img1-4 dt{ font-size: 3.733333333vw;}
    .sus .sec2 .img1-4 dd{ padding: 5.333333333vw 0 0;}
    .sus .sec2 .img1-4 ul{ justify-content: space-between;}
    .sus .sec2 .img1-4 ul > li{ font-size: 4.266666667vw;}
    .sus .sec2 .img1-4 ul > li + li{ margin: 0;}
    .sus .sec2 .img1-4 ul > li + li:before{ top: 15vw; left: -14vw; width: 9.6vw; height: 2.024vw;}
    .sus .sec2 .img1-4 ul > li span{ margin: 2.666666667vw 0 0; font-size: 14.93333333vw;}
    .sus .sec2 .img1-4 ul > li span small{ font-size: 8vw;}
}

.sus.staff .sec2 .dl1 figure{ display: flex; width: calc(100% - 440px); justify-content: center;}
.sus.staff .sec2 .dl1 figure ul{ position: relative; display: flex; margin: 0 -40px; justify-content: center;}
.sus.staff .sec2 .dl1 figure ul:after{ position: absolute; top: 0; left: 50%; width: 1px; height: 100%; background: #B9B9B9; content: ""; transform: translate(-50%,0);}
.sus.staff .sec2 .dl1 figure ul > li{ padding: 0 40px;}
.sus.staff .sec2 .dl1 figure .line1{ display: flex; flex-direction: column; font-weight: 500; font-size: 16px; align-items: center;}
.sus.staff .sec2 .dl1 figure .line1 span{ margin: 0 0 .5em; font-weight: 700; font-size: 23px; font-family: "Noto Sans JP", sans-serif;}
.sus.staff .sec2 .dl1 figure .line2{ margin: 30px 0 0; text-align: center; font-weight: 500; font-size: 74px;}
.sus.staff .sec2 .dl1 figure .line2 small{ margin: 0 0 0 .25em; font-weight: 900; font-size: 34px;}
.sus.staff .sec2 .dl1 figure .line3{ margin: 20px 0 0; font-weight: 500; font-size: 10px;}

@media screen and (max-width: 1024px){
    .sus.staff .sec2 .dl1 figure{ width: 100%;}
    .sus.staff .sec2 .dl1 figure ul{ margin: 0; width: 100%; justify-content: space-between;}
    .sus.staff .sec2 .dl1 figure ul:after{ width: 0.266666667vw;}
    .sus.staff .sec2 .dl1 figure ul > li{ padding: 0; width: 50%;}
    .sus.staff .sec2 .dl1 figure .line1{ font-size: 3.2vw;}
    .sus.staff .sec2 .dl1 figure .line1 span{ margin: 0 0 .5em; font-size: 4.8vw;}
    .sus.staff .sec2 .dl1 figure .line2{ margin: 2.666666667vw 0 0; font-size: 16vw;}
    .sus.staff .sec2 .dl1 figure .line2 small{ margin: 0 0 0 .25em; font-size: 8vw;}
    .sus.staff .sec2 .dl1 figure .line3{ margin: 2em 0 0; text-align: center; font-size: 2.666666667vw; line-height: 1.3;}
}

.sus.staff .sec2 .dl1 .img4-3 .line1{ text-align: center; font-size: 12px; line-height: 1.3;}
.sus.staff .sec2 .dl1 .img4-3 .line1 span{ margin: 0 0 .25em;}

@media screen and (max-width: 1024px){
    .sus.staff .sec2 .dl1 .img4-3 .line1{ font-size: 2.666666667vw;}
    .sus.staff .sec2 .dl1 .img4-3 .line1 span{ margin: 0 0 .25em;}
}

.sus.staff .sec2 .dl1 .img4-4 .line1{ font-weight: 700; font-size: 18px; line-height: 1.4;}
.sus.staff .sec2 .dl1 .img4-4 .line2 span{ display: block; margin: 20px 0 0; font-weight: 700; font-size: 14px;}

@media screen and (max-width: 1024px){
    .sus.staff .sec2 .dl1 .img4-4 .line1{ font-size: 3.733333333vw;}
    .sus.staff .sec2 .dl1 .img4-4 .line2 span{ margin: 1em 0 0; font-size: 3.733333333vw;}
}

.sus.staff .sec2 .dl1 .img4-5 img{ width: 460px;}

@media screen and (max-width: 1024px){
    .sus.staff .sec2 .dl1 .img4-5 img{ width: 100%;}
}

.sus.staff .sec2 .dl1 figure ul.row:after{ content: none;}
.sus.staff .sec2 .dl1 figure ul.row > li{ display: flex; padding: 0; align-items: center;}
.sus.staff .sec2 .dl1 figure ul.row .line2{ margin: 0 0 0 60px;}

@media screen and (max-width: 1024px){
    .sus.staff .sec2 .dl1 figure ul.row > li{ width: 100%; justify-content: flex-end; align-items: flex-start;}
    .sus.staff .sec2 .dl1 figure ul.row .line1{ padding: .75em 0 0;}
    .sus.staff .sec2 .dl1 figure ul.row .line2{ margin: 0 0 0 6.666666667vw;}
}

.sus .sec2 .dl2{ margin: 60px 0 0; border-top: 1px solid #DBDBDB; font-family: "Noto Sans JP", sans-serif;}
.sus .sec2 .dl2 dt{ padding: 50px 50px 0; font-weight: 500; font-size: 18px;}
.sus .sec2 .dl2 dd{ padding: 0 50px 50px; border-bottom: 1px solid #DBDBDB;}
.sus .sec2 .dl2 dd p{ margin: 2em 0 0; font-size: 14px; line-height: 2;}

@media screen and (max-width: 1024px){
    .sus .sec2 .dl2{ margin: 8vw 0 0; border-top: 0.266666667vw solid #DBDBDB;}
    .sus .sec2 .dl2 dt{ padding: 10.66666667vw 4vw 0; font-size: 4.8vw; line-height: 1.5;}
    .sus .sec2 .dl2 dd{ padding: 0 4vw 10.66666667vw; border-bottom: 0.266666667vw solid #DBDBDB;}
    .sus .sec2 .dl2 dd p{ margin: 1em 0 0; font-size: 3.733333333vw;}
    .sus .sec2 .dl2 dd p + p{ margin: 2em 0 0;}
    .sus .sec2 .dl2 dd p small{ font-size: 3.2vw;}
}

.sus .sec2 .lead2{ margin: 70px 0 0; padding: 0 50px 50px; font-size: 14px; line-height: 2;}

@media screen and (max-width: 1024px){
    .sus .sec2 .lead2{ margin: 8vw 0 0; padding: 0 4vw 8vw; text-align: justify; font-size: 3.733333333vw;}
}

.sus .sec2 .lead3{ margin: 70px 0 0; padding: 50px; border-top: 1px solid #DBDBDB; border-bottom: 1px solid #DBDBDB; font-size: 14px; line-height: 2;}
.sus .sec2 .lead3 figure{ margin: 50px 0 0; padding: 0 50px;}

@media screen and (max-width: 1024px){
    .sus .sec2 .lead3{ margin: 8vw 0 0; padding: 8vw 4vw; border-top: 0.266666667vw solid #DBDBDB; border-bottom: 0.266666667vw solid #DBDBDB; font-size: 3.733333333vw;}
    .sus .sec2 .lead3 figure{ margin: 4vw 0 0; padding: 0;}
}

.sus .sec2 .dl3{ display: flex; padding: 50px 100px 50px 50px; border-top: 1px solid #DBDBDB; border-bottom: 1px solid #DBDBDB; font-weight: 500; justify-content: space-between;}
.sus .sec2 .dl3 + .dl3{ border-top: none;}
.sus .sec2 .dl3 dt{ font-size: 16px; line-height: 1.5;}
.sus .sec2 .dl3 dd{ display: flex; align-items: baseline;}
.sus .sec2 .dl3 dd ul{ display: flex; font-size: 54px;}
.sus .sec2 .dl3 dd ul li + li{ position: relative; margin: 0 0 0 50px;}
.sus .sec2 .dl3 dd ul li + li:before{ position: absolute; top: 50%; left: -40px; width: 36px; height: 7.59px; background: url("/img/sustainability/2026/arrow1.png") no-repeat center / contain; content: ""; transform: translate(0,-50%);}
.sus .sec2 .dl3 dd div{ margin: 0 0 0 40px; font-size: 74px;}
.sus .sec2 .dl3 dd div small{ margin: 0 0 0 .5em; font-weight: 700; font-size: 34px;}

@media screen and (max-width: 1024px){
    .sus .sec2 .dl3{ flex-direction: column; padding: 8vw 4vw; border-top: 0.266666667vw solid #DBDBDB; border-bottom: 0.266666667vw solid #DBDBDB; justify-content: flex-start;}
    .sus .sec2 .dl3 + .dl3{ border-top: none;}
    .sus .sec2 .dl3 dt{ font-size: 3.2vw;}
    .sus .sec2 .dl3 dd{ width: 100%; justify-content: space-between;}
    .sus .sec2 .dl3 dd ul{width: 34.66666667vw;  font-size: 6.933333333vw; justify-content: space-between;}
    .sus .sec2 .dl3 dd ul li + li{ margin: 0;}
    .sus .sec2 .dl3 dd ul li + li:before{ left: -5vw; width: 4.541333333vw; height: 0.957333333vw;}
    .sus .sec2 .dl3 dd div{ margin: 0; font-size: 12.8vw;}
    .sus .sec2 .dl3 dd div small{ margin: 0 0 0 .5em; font-size: 4.8vw;}
}

.sus .sec2 .dl4{ margin: 120px 0 0; padding: 0 50px;}
.sus .sec2 .dl4 dt{ font-weight: 500; font-size: 18px;}
.sus .sec2 .dl4 dd p{ margin: 2em 0 0; font-size: 14px; line-height: 2;}

@media screen and (max-width: 1024px){
    .sus .sec2 .dl4{ margin: 24vw 0 0; padding: 0 4vw;}
    .sus .sec2 .dl4 dt{ font-size: 4.8vw; line-height: 1.5;}
    .sus .sec2 .dl4 dd p{ margin: 1em 0 0; font-size: 3.733333333vw;}
    .sus .sec2 .dl4 dd p + p{ margin: 2em 0 0;}
    .sus .sec2 .dl4 dd p small{ font-size: 3.2vw;}
}

.sus nav{ margin: 0 calc(50% - 50vw);}
.sus nav ul{ display: flex;}
.sus nav ul > li{ width: 25%;}
.sus nav a{ position: relative; display: block; color: #fff; text-decoration: none; font-weight: 500;}
.sus nav a > div{ position: absolute; top: 0; left: 0; display: flex; flex-direction: column; width: 100%; height: 100%; text-align: center; letter-spacing: .05em; font-size: 22px; line-height: 1.4; align-items: center; justify-content: center;}
.sus nav a > div span{ margin: .75em 0 0; letter-spacing: 0; font-size: 11px;}

@media screen and (max-width: 1024px){
    .sus nav{ margin: 0; padding: 0 !important;}
    .sus nav ul{ flex-direction: column;}
    .sus nav ul > li{ width: 100%;}
    .sus nav a > div{ font-size: 5.866666667vw;}
    .sus nav a > div span{ font-size: 3.2vw;}
}