#brand {}



.section01 {position: relative; margin: 0 auto;padding: 255px 0 150px;}
.section01 .section-wrap {display: flex;flex-direction: column;justify-content: center;max-width: 1920px; height: 100%;margin: 0 auto;padding: 0 0;}
.section01__text {width: 100%;margin: 0 auto 100px;}
.section01__text-title {margin-bottom: 12px;}
.section01__text-sub {font-size: 25px;}
.section01__text-sub > strong {font-weight: 900;}
.section01__img {width: 90%;max-width: 800px;margin: auto 112px 0 auto;}
.section01__img-logo {display: block;width: 50%;max-width: 300px;margin: 0 auto 35px;}
.section01__img-wave {display: block; width: 100%;margin: 0 auto;}

@media all and (max-height:1079px) {
    .section01 {padding-top: 180px;}
}
@media all and (max-width:1920px) {
    .section01__img {right: 8.2vw;}
}


.section02 {padding: 250px 0 150px;background: url('/_wavedream/images/brand/brand_02_01.webp') no-repeat center center/cover;}
.section02 .section-wrap {display: flex;flex-direction: column;justify-content: center;height: 100%;}
.section02__inner {margin-bottom: 45px;color: #fff;}
.section02__inner:last-child {margin-bottom: 0;}
.section02__inner > h2 {margin-bottom: 15px;letter-spacing: -0.05em;}
.section02__inner > strong {display: block;margin-bottom: 18px;font-size: 21px;line-height: 1.3;}
.section02__inner > p {margin-bottom: 30px;font-size: 17px;line-height: 1.4;}
.section02__inner > p:last-child {margin-bottom: 0;}


.section03 {position: relative;padding: 250px 0 135px;}
.section03 .section-wrap {display: flex;flex-direction: column;justify-content: center;}
.section03__img {position: absolute;top: 50%;left: 14%;transform: translateY(-50%);width: 100%;max-width: 450px;z-index: -1;}
.section03__img > img {width: 100%;}
.section03__inner {margin-bottom: 45px;text-align: right;}
.section03__inner:last-child {margin-bottom: 0;}
.section03__inner > h2 {margin-bottom: 15px;letter-spacing: -0.05em;}
.section03__inner > p {margin-bottom: 30px;font-size: 17px;line-height: 1.4;}
.section03__inner > p:last-child {margin-bottom: 0;}


.section04 {padding: 207px 0 340px;background: url('/_wavedream/images/brand/brand_04_01.webp') no-repeat center center/cover;}
.section04 .section-wrap {display: flex; flex-flow: row wrap;justify-content: space-between;gap: 88px 0;max-width: 1200px;}
.section04 dl {position: relative;padding: 5px 0 15px 30px;width: 48%;}
.section04 dl:nth-child(even) {width: 40%;}
.section04 dl::before {content: "";position: absolute;top: 0;left: 0;width: 4px;height: 100%;border-radius: 10px;background: linear-gradient(0deg,rgba(23, 113, 215, 1) 30%, rgba(101, 227, 240, 1) 100%);}
.section04 dl > dt {margin-bottom: 15px;}
.section04 dl > dd {font-size: 17px; line-height: 1.56;color: #fff;}



@media all and (max-width:1024px) {
    .section01 {height: calc(var(--vh, 1vh) * 100);padding: 0 0;}
    .section01__text {margin-bottom: 70px;}
    .section01__text-sub {font-size: 20px;}
    .section01__img {width: 100%; max-width: 550px;margin: 0 0 0 auto;}
    .section01__img-logo {max-width: 200px;}


    .section02 {padding: 100px 0;}
    .section02__inner > p {margin-bottom: 13px;font-size: 14px;}
    .section02__inner > p br {display: none;}
    .section02__inner > strong {margin-bottom: 13px;font-size: 17px;}

    .section03 {padding: 100px 0;}
    .section03__inner {text-align: left;}
    .section03__inner > h2 {margin-bottom: 10px;}
    .section03__img {left: 50%;transform: translate(-50%, -50%);width: 80%;opacity: 0.5;}
    .section03__inner > p {margin-bottom: 13px;font-size: 14px;}
    .section03__inner > p br {display: none;}


    .section04 {padding: 100px 0;background: url('/_wavedream/images/brand/brand_04_01_mo.webp') no-repeat center bottom/cover;}
    .section04 .section-wrap {display: block;}
    .section04 dl {display: flex;flex-direction: column;justify-content: center;min-height: 120px;margin-bottom: 25px;padding: 5px 0 10px 24px;}
    .section04 dl,
    .section04 dl:nth-child(even) {width: 100%;}
    .section04 dl > dt {margin-bottom: 10px;}
    .section04 dl > dd {font-size: 14px;}
    
}

@media all and (max-width:768px) {
    .section01__text {text-align: center;}
}